/* Taroub homepage presentation */
body.index { background-color: #faf8f5; }
body.index .s-block { margin-top: 36px; }
body.index .s-block--fixed-banner:first-of-type { margin-top: 18px; }
body.index .s-block--fixed-banner .banner { border-radius: 16px; }
body.index .s-block__title { margin-bottom: 22px; gap: 16px; }
body.index .s-block__title h2 { color: #47232c; font-size: 26px; line-height: 1.45; }
body.index .s-block__title p { color: #756a66; line-height: 1.7; }
body.index .s-block__display-all { color: #713747; font-weight: 600; white-space: nowrap; }
body.index custom-salla-product-card.s-product-card-entry { border: 1px solid #e9dfd6 !important; border-radius: 14px; background: #fff; box-shadow: 0 4px 16px rgba(65,35,40,.04); overflow: hidden; }
body.index .s-product-card-image-cover { aspect-ratio: 4 / 5 !important; object-fit: cover; object-position: 60% center; }
body.index .s-product-card-content-title { line-height: 1.6; }
body.index .s-product-card-content-title a { color: #47232c; font-weight: 600; }
body.index .s-block--banners .box-img { border-radius: 14px; overflow: hidden; }
@media (max-width: 767px) {
  body.index .s-block { margin-top: 26px; }
  body.index .s-block--fixed-banner:first-of-type { margin-top: 10px; }
  body.index .s-block--fixed-banner:first-of-type img { width: 100%; height: min(95vw, 380px); object-fit: cover; object-position: center 48%; }
  body.index .s-block--fixed-banner .banner { border-radius: 12px; }
  body.index .s-block__title { margin-bottom: 16px; align-items: flex-start; gap: 10px; }
  body.index .s-block__title h2 { font-size: 21px; line-height: 1.5; }
  body.index .s-block__title p { font-size: 12px; line-height: 1.7; }
  body.index .s-block__display-all { font-size: 11px; }
  body.index custom-salla-product-card.s-product-card-entry { border-radius: 11px; }
  body.index .s-product-card-content-title { font-size: 13px; }
}








/* Keep availability visible without obscuring the garment */
body.index custom-salla-product-card.s-product-card-out-of-stock::after { top: 12px; left: 10px; right: auto; bottom: auto; transform: none; width: auto; max-width: calc(100% - 20px); padding: 5px 8px; border: 1px solid #e2d8cf; border-radius: 6px; background: rgba(255,255,255,.96); color: #6a514a; font-size: 11px; font-weight: 600; line-height: 1.5; opacity: 1; }




/* Clear abaya size guide */
.product__description table { width:100% !important; table-layout:fixed; border-collapse:collapse; border:1px solid #e5dcd4 !important; margin:16px 0; background:#fff; }
.product__description table td { border:1px solid #e5dcd4; padding:10px 6px; text-align:center !important; font-size:14px; line-height:1.6; }
.product__description table tr:first-child td { background:#f3ebe5; color:#47232c; font-weight:700; }
.product__description table tr:nth-child(2n+3) td { background:#faf8f5; }
@media(max-width:767px) { .product__description table td {font-size:12px;padding:9px 3px;} }


/* Product cards: centered details and visible frame */
custom-salla-product-card.s-product-card-entry {border:1px solid #d6c5bb !important;border-radius:14px;background:#fff;overflow:hidden;}
custom-salla-product-card .s-product-card-content {text-align:center;}
custom-salla-product-card .s-product-card-content-sub, custom-salla-product-card .s-product-card-sale-price {justify-content:center !important;}
custom-salla-product-card .s-product-card-category {display:none;}

/* Reserve banner dimensions before image downloads to reduce layout shifts. */
body.index section[component-id="1429358539"] picture,
body.index section[component-id="479698303"] picture,
body.index section[component-id="1489809038"] picture { display:block; aspect-ratio:1440 / 525; }
body.index section[component-id="1429358539"] picture img,
body.index section[component-id="479698303"] picture img,
body.index section[component-id="1489809038"] picture img { display:block; width:100%; height:auto !important; aspect-ratio:1440 / 525; object-fit:cover; }
@media(max-width:767px){
 body.index section[component-id="1429358539"] picture,
 body.index section[component-id="479698303"] picture,
 body.index section[component-id="1489809038"] picture,
 body.index section[component-id="1429358539"] picture img,
 body.index section[component-id="479698303"] picture img,
 body.index section[component-id="1489809038"] picture img { aspect-ratio:2 / 3; }
}