/* C22P V4: visual adjustments requested 19 Oct. No Customer/Admin layout redesign. */
/* Client correction: comparison (old) prices get a thin grey line-through.
   Current discounted prices remain untouched. CSS-only; no product/price writes. */
.price del, .pprice del, .room-modal-price del,
.gt-hbx-product-card .price del, .gt-c22p-old-price,
.gt-c22p-compare-muted {
  color: #9ba4b0 !important;
  font-size: .82em !important;
  font-weight: 400 !important;
  text-decoration-line: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: currentColor !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-decoration-skip-ink: none !important;
  opacity: .86;
  white-space: nowrap;
}
/* Four existing real categories per desktop row; two per mobile row. */
@media (min-width: 781px) {
 .template-home .category-rail {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
 .gt-hbx-home-category-only .gt-hbx-cat-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width: 780px) {
 .template-home .category-rail, .gt-hbx-home-category-only .gt-hbx-cat-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}
.template-home .category-rail>a {min-width:0;}
.template-home .category-rail img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
/* Five (or six, when configured) Shop-the-Room tabs share ONE desktop row. */
@media (min-width: 721px) {
 .gt-home-room-289g .gt-room-tabs {display:grid!important;grid-column:1/-1!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:10px!important;overflow:visible!important;}
 .gt-home-room-289g .gt-room-tab {width:100%!important;min-width:0!important;}
 .gt-home-room-289g .gt-room-tab img {height:clamp(70px,7vw,105px)!important;object-fit:cover!important;}
}
/* Phones preserve the established single-line swipe control without wrapping. */
@media (max-width:720px) {
 .gt-home-room-289g .gt-room-tabs {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;}
}

/* C22P V4D: visible original-price strike for nested SAR currency markup.
   The V4C valid-comparison checks remain responsible for whether <del> exists.
   Grey #6b7280 on white provides stronger contrast than V4B #9ba4b0.
   A CSS overlay line is required because the nested amount span can obscure
   its parent's text-decoration. No discount, amount or cart logic is touched. */
.price del, .pprice del, .room-modal-price del,
.gt-hbx-product-card .price del, .gt-c22p-old-price,
.gt-c22p-compare-muted {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  color: #6b7280 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  text-decoration-line: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #6b7280 !important;
  text-decoration-thickness: 1.5px !important;
  text-decoration-skip-ink: none !important;
}
.price del .gt-c19f-value, .pprice del .gt-c19f-value,
.room-modal-price del .gt-c19f-value,
.gt-hbx-product-card .price del .gt-c19f-value,
.gt-c22p-old-price .gt-c19f-value,
.gt-c22p-compare-muted .gt-c19f-value {
  color: #6b7280 !important;
  opacity: 1 !important;
}
.price del::after, .pprice del::after, .room-modal-price del::after,
.gt-hbx-product-card .price del::after,
.gt-c22p-old-price::after, .gt-c22p-compare-muted::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 51%;
  height: 1.5px;
  background-color: #6b7280;
  pointer-events: none;
  z-index: 1;
}

/* C22P V4E: centre exactly THREE *real* CMS homepage departments.
   Four cards, when available, continue to fill the existing four-column grid.
   No dummy category, changes to CMS state, or card/image resizing. */
@media (min-width: 781px) {
  .gt-hbx-home-category-only .gt-hbx-cat-grid:has(> :nth-child(3):last-child),
  .template-home .category-rail:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: calc(75% - 4px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}