/* FULL CSS V101 | BARAH 1686797991 | replace CSS editor only */
/* BARAH MARKET | DRAFT 1686797991 | CSS V97 - corrected subtitle rules */
/* BARAH V70.5 | FULL CSS COMPATIBILITY MERGE
   Legacy V67.43.3 styles remain intact; modern V70.4 styling appended once.
   This preserves original product options/description/CTA and category styles.
   DRAFT 1686797991 ONLY: assembled from historical CSS backup; compare before full replacement.
   WARNING: source legacy CSS is earlier owner-supplied file, not a live export.
 */
/* BARAH STORE | V67.28.0 | VERIFIED FULL CSS | 2026-10-15
   Salla نمو stylesheet snapshot; replace only the matching DRAFT CSS after verification.
   Do NOT append this file or append the V67.28.0 image add-on again.
   All functional selectors and declarations are preserved from the user-supplied CSS.
   No prices, inventory, JS, source images, or checkout settings modified.
*/

/* BARAH STORE | V67.10 | Removed premature initial-grid visibility gate.
   Based on user active CSS V67.7 + V67.8; no changes to cart/checkout. */

/* BARAH STORE | Salla نمو | Unified CSS V67.7 | 2026-10-12
   Replaces V67.6 entirely. Visual changes only.
   Global compact listing cards; excludes PDP, cart, checkout.
*/
:root{--barah-orange:#f97316;--barah-red:#dc2626;--barah-ink:#2c211c;--barah-muted:#776c65;--barah-yellow:#fff4bf}

/* Complement title */
[data-barah-complement="pilot1"] > h3,
#barah-complete-needs-global > h3,
#barah-complete-needs-global .barah-complete-title{
 background:var(--barah-yellow);color:#763b13;border-inline-start:5px solid #f59e0b;
 border-radius:12px;font-size:clamp(25px,2.7vw,32px);line-height:1.55;
 font-weight:800;padding:12px 16px;margin-block:14px 18px;text-align:start
}

/* BARAH custom sections */
[id^="barah-"]{max-width:100%}
[id^="barah-"] img{max-width:100%;height:auto}
[id^="barah-"] :is(.swiper,.swiper-container){max-width:100%;min-width:0}
[id^="barah-"] .swiper-slide{height:auto;min-width:0}
[id^="barah-"] :is(a.barah-cta,button.barah-cta){
 display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;
 border:0;border-radius:11px;background:linear-gradient(110deg,var(--barah-orange),var(--barah-red));
 color:#fff;font-weight:800;text-decoration:none;transition:filter .2s ease,transform .2s ease
}
@media(hover:hover){[id^="barah-"] :is(a.barah-cta,button.barah-cta):hover{filter:brightness(.96);transform:translateY(-1px)}}
footer{overflow-wrap:anywhere}
footer a{text-underline-offset:3px}
:is(footer a,[id^="barah-"] a,[id^="barah-"] button):focus-visible{outline:3px solid #fb923c;outline-offset:3px}

/* ==========================================================
   PRODUCT LISTING CARDS | unified sizing (no competing rules)
   Covers native listing sections and BARAH daily picks.
   Scoped to listing surfaces, not checkout or product details.
   ========================================================== */
:is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
    .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
    .products-list,.s-products-slider,#barah-daily-picks)
:is(.s-product-card-entry,.s-product-card,.product-entry,.product-block){
 box-sizing:border-box;min-width:0;min-height:0;height:100%;display:flex;
 flex-direction:column;overflow:hidden;border-radius:14px
}

/* Use a compact media slot without cropping product photography */
:is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
    .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
    .products-list,.s-products-slider,#barah-daily-picks)
:is(.product-image,.s-product-card-image,.s-product-card-image-container){
 box-sizing:border-box;display:flex;align-items:center;justify-content:center;
 overflow:hidden;background:#fff;width:100%;height:180px;min-height:180px;
 max-height:180px;aspect-ratio:auto
}
:is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
    .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
    .products-list,.s-products-slider,#barah-daily-picks)
:is(.product-image,.s-product-card-image,.s-product-card-image-container) img{
 display:block;box-sizing:border-box;width:100%;height:100%;max-height:100%;
 object-fit:contain;object-position:center;padding:4px
}

/* Readable but compact product copy */
:is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
    .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
    .products-list,.s-products-slider,#barah-daily-picks)
:is(.product-title,.s-product-card-name,.s-product-card-entry__title){
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 overflow:hidden;line-height:1.4;max-height:4.2em;min-height:0;
 font-size:15px;font-weight:700;overflow-wrap:anywhere
}
:is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
    .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
    .products-list,.s-products-slider,#barah-daily-picks)
:is(.product-subtitle,.s-product-card-description){
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;line-height:1.45;max-height:2.9em;min-height:0;
 font-size:12px
}

/* Daily picks card: keep prices and CTAs anchored, no absolute positioning */
#barah-daily-picks :is(.bdp-products,salla-products-list){min-width:0;max-width:100%}
#barah-daily-picks :is(.s-product-card-entry,.s-product-card,.product-entry,.product-block){justify-content:flex-start}
#barah-daily-picks :is(.product-content,.s-product-card-content){
 display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:9px
}
#barah-daily-picks :is(.price-wrapper,.s-product-card-price){margin-top:auto;margin-bottom:7px}
#barah-daily-picks :is(.s-button-btn,.btn,button.add-to-cart){min-height:42px;border-radius:11px;font-weight:800}

/* Mobile: compact all product listing sections consistently */
@media(max-width:767px){
 [data-barah-complement="pilot1"] > h3,
 #barah-complete-needs-global > h3,
 #barah-complete-needs-global .barah-complete-title{
  font-size:26px;padding:11px 13px;margin-block:12px 16px
 }
 [id^="barah-"] .barah-cta{min-height:46px}
 :is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
     .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
     .products-list,.s-products-slider,#barah-daily-picks)
 :is(.product-image,.s-product-card-image,.s-product-card-image-container){
  height:155px;min-height:155px;max-height:155px
 }
 :is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
     .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
     .products-list,.s-products-slider,#barah-daily-picks)
 :is(.product-title,.s-product-card-name,.s-product-card-entry__title){font-size:14px;line-height:1.4}
 :is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
     .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
     .products-list,.s-products-slider,#barah-daily-picks)
 :is(.product-subtitle,.s-product-card-description){font-size:11px;line-height:1.4;max-height:2.8em}
 #barah-daily-picks :is(.product-content,.s-product-card-content){padding:8px}
 #barah-daily-picks :is(.price-wrapper,.s-product-card-price){font-size:14px}
 #barah-daily-picks .bdp-shell{padding:9px}
}
@media(max-width:390px){
 :is(.s-block--latest-products,.s-block--fixed-products,.s-block--products-slider,
     .s-block--products,.s-block--bestsellers,.s-block--best-sellers,
     .products-list,.s-products-slider,#barah-daily-picks)
 :is(.product-image,.s-product-card-image,.s-product-card-image-container){
  height:145px;min-height:145px;max-height:145px
 }
}

/* Hero products are separate from listing cards */
@media(max-width:767px){
 #barah-step-hero-v12 .barah-hero-products :is(.barah-hero-product,.barah-v621-extra) img{
  display:block;box-sizing:border-box;width:100%;height:112px;max-height:112px;
  min-height:112px;aspect-ratio:auto;object-fit:contain;object-position:center;
  padding:3px;margin:0 auto;transform:none
 }
 #barah-step-hero-v12 .barah-hero-products :is(.barah-hero-product,.barah-v621-extra) strong{
  font-size:10px;line-height:1.4
 }
}
@media(max-width:390px){
 #barah-step-hero-v12 .barah-hero-products :is(.barah-hero-product,.barah-v621-extra) img{
  height:104px;min-height:104px;max-height:104px
 }
}
@media(prefers-reduced-motion:reduce){
 [id^="barah-"] *,[id^="barah-"] *::before,[id^="barah-"] *::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important
 }
}
/* NOTE: CSS cannot style elements hidden inside closed Shadow DOM. */



/* BARAH | Restore compact latest cards | V67.8 */
@media (max-width: 767px) {

  #barah-v643-mobile-latest .v643-card,
  #barah-v643-mobile-latest .product-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  #barah-v643-mobile-latest .v643-media,
  #barah-v643-mobile-latest .product-block__thumb {
    height: 135px !important;
    min-height: 135px !important;
    max-height: 135px !important;
    padding: 3px !important;
    overflow: hidden !important;
  }

  #barah-v643-mobile-latest .v643-media img,
  #barah-v643-mobile-latest .product-block__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  #barah-v643-mobile-latest .v643-body,
  #barah-v643-mobile-latest .product-block__info {
    padding: 7px 8px !important;
    min-height: 0 !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  #barah-v643-mobile-latest .v643-name,
  #barah-v643-mobile-latest .product-block .product-title h2 {
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    max-height: 2.9em !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  #barah-v643-mobile-latest .product-block__info p {
    display: none !important;
  }

  #barah-v643-mobile-latest .v643-price {
    margin-top: auto !important;
  }

  #barah-v643-mobile-latest .v643-cta {
    min-height: 34px !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 390px) {
  #barah-v643-mobile-latest .v643-media,
  #barah-v643-mobile-latest .product-block__thumb {
    height: 125px !important;
    min-height: 125px !important;
    max-height: 125px !important;
  }
}

/* BARAH V67.13 | Hide native Salla latest before JS assigns barah-v33-latest.
   Mobile home only; preserve BARAH custom latest and other product sliders. */
@media (max-width: 767px) {
  /* V67.23: avoid hiding every grey product listing just because it contains infinite-scroll. */
  html[data-barah-v644-latest="custom-mobile-only"] body.index section.page-wrapper.bg-grey.barah-v33-latest {
    display: none !important;
  }
}

/* BARAH V67.14 | Accurate mobile header logo selector | 2026-10-12 */
@media (max-width: 767px) {
  #site-header-outer .site-header__wrapper .theme-logo {
    flex: 0 0 94px !important;
    width: 94px !important;
    max-width: 94px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #site-header-outer .site-header__wrapper .theme-logo > a {
    display: flex !important;
    width: 94px !important;
    height: 60px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  #site-header-outer .site-header__wrapper .theme-logo > a > img[alt="main-logo"] {
    display: block !important;
    width: 90px !important;
    height: 55px !important;
    max-width: 90px !important;
    max-height: 55px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
  }
}

/* BARAH V67.15 | Mobile first-impression CRO refinements */
@media (max-width: 767px) {
  /* Enlarges artwork inside the existing logo slot without moving header controls. */
  #site-header-outer .site-header__wrapper .theme-logo > a > img[alt="main-logo"] {
    transform: scale(1.2) !important;
    transform-origin: center !important;
  }
  /* The hero cards are links already: give each a visible purchase-oriented label. */
  #barah-step-hero-v12 .barah-hero-products .barah-hero-product {
    min-width: 0 !important;
    padding-bottom: 7px !important;
  }
  #barah-step-hero-v12 .barah-hero-products .barah-hero-product strong {
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    padding-inline: 5px !important;
    min-height: 0 !important;
    overflow-wrap: anywhere !important;
  }
  #barah-step-hero-v12 .barah-hero-products .barah-hero-product small {
    padding: 3px 5px 4px !important;
    font-size: 12px !important;
  }
  #barah-step-hero-v12 .barah-hero-products .barah-hero-product::after {
    content: "عرض وشراء ←";
    display: block;
    box-sizing: border-box;
    width: calc(100% - 10px);
    margin: auto 5px 0;
    padding: 7px 2px;
    border-radius: 8px;
    background: linear-gradient(110deg, #f97316, #ef4444);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
  }
}

/* BARAH V67.16 | Hero product text + CTA spacing correction */
@media (max-width:767px) {
  #barah-step-hero-v12 .barah-hero-products {
    align-items:stretch !important;
    grid-auto-rows:1fr;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:0 !important;
    padding-bottom:8px !important;
    overflow:hidden !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product strong {
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    line-clamp:3;
    overflow:hidden !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:4.35em !important;
    max-height:4.35em !important;
    padding:0 5px !important;
    margin:5px 0 0 !important;
    font-size:11px !important;
    line-height:1.45 !important;
    text-align:center !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product small {
    display:block !important;
    flex:0 0 auto !important;
    min-height:19px !important;
    padding:2px 6px 4px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.3 !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product::after {
    position:static !important;
    flex:0 0 auto !important;
    margin:5px 5px 0 !important;
    width:calc(100% - 10px) !important;
    min-height:31px !important;
    padding:7px 3px !important;
    line-height:17px !important;
    white-space:nowrap !important;
    pointer-events:none !important;
  }
}

/* BARAH V67.17 | Hero CTA legibility + mobile bottom-nav clearance */
@media (max-width: 767px) {
  /* Three narrow cards: avoid cutting the visual CTA at the left edge. */
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product::after {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    min-width: 0 !important;
    margin: 5px 6px 0 !important;
    padding: 7px 1px !important;
    font-size: clamp(9px, 2.5vw, 11px) !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }
  /* Reserve scrollable space above the fixed mobile navigation, without moving it. */
  html[data-barah-route-v3="home"] body main {
    padding-bottom: calc(105px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html[data-barah-route-v3="home"] body {
    scroll-padding-bottom: calc(105px + env(safe-area-inset-bottom, 0px));
  }
}

/* BARAH V67.18 | Focused mobile polish — no JS changes */
@media (max-width: 767px) {
  /* Compact three-card hero: readable CTA without overflow in narrow cards. */
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product::after {
    content: "عرض وشراء" !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    min-width: 0 !important;
    margin: 5px 6px 0 !important;
    padding: 7px 2px !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    direction: rtl !important;
  }
  /* Search action: keep its own layout clear of the sticky bottom navigation
     when the user scrolls to this section. */
  #barah-v616-quick-discovery {
    scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #barah-v616-quick-discovery .v616-shell {
    padding-bottom: 18px !important;
  }
  #barah-v616-quick-discovery .v616-search {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 12px !important;
  }
  #barah-v616-quick-discovery .v616-search button {
    min-height: 42px !important;
  }
  /* The last row of latest products must remain scrollable above the nav. */
  #barah-v643-mobile-latest {
    scroll-margin-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: 18px !important;
  }
  html[data-barah-route-v3="home"] body main {
    padding-bottom: calc(125px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* BARAH V67.19 | Unified hero cards: include the extra (left) card.
   The CTA is decorative text inside the product anchor, not an add-to-cart button. */
@media (max-width:767px) {
  #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) {
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    width:auto !important;
    overflow:hidden !important;
    padding-inline:4px !important;
    padding-bottom:8px !important;
  }
  #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) strong {
    box-sizing:border-box !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    width:100% !important;
    min-height:4.35em !important;
    max-height:4.35em !important;
    padding-inline:2px !important;
    margin:5px 0 0 !important;
    font-size:11px !important;
    line-height:1.45 !important;
    text-align:center !important;
    overflow-wrap:anywhere !important;
  }
  #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) small {
    margin-top:auto !important;
    min-height:19px !important;
    padding:2px 3px 4px !important;
    text-align:center !important;
  }
  #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra)::after {
    content:"عرض وشراء" !important;
    box-sizing:border-box !important;
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:29px !important;
    margin:5px 0 0 !important;
    padding:5px 1px !important;
    border-radius:8px !important;
    background:linear-gradient(110deg,#f97316,#ef4444) !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    pointer-events:none !important;
    direction:rtl !important;
  }
}


/* BARAH V67.20 | Hero rail edge, search clearance, footer whitespace */
@media (max-width:767px) {
  /* V621 turns the hero cards into a horizontal scroll rail with negative
     margins. Remove those negative margins and add safe rail edge padding. */
  #barah-step-hero-v12 .barah-hero-products {
    box-sizing:border-box !important;
    margin-inline:0 !important;
    padding-inline:6px !important;
    scroll-padding-inline:6px !important;
    max-width:100% !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product {
    flex-shrink:0 !important;
    scroll-snap-align:start !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product::after {
    inset:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:5px 0 0 !important;
    padding-inline:2px !important;
  }
  /* Allow the discovery search to be scrolled above the bottom navigation. */
  #barah-v616-quick-discovery {
    scroll-margin-block-end:125px !important;
    padding-bottom:16px !important;
  }
  #barah-v616-quick-discovery .v616-search {
    margin-bottom:14px !important;
  }
  /* Do not alter legal/payment information or remove the navigation clearance. */
  footer :is(.footer-bottom,.footer-copyright) {
    min-height:0;
  }
}

/* BARAH V67.21 | Three complete hero cards in the mobile rail.
   The console measured 350px viewport and 135px cards; the third was clipped.
   Keep all six products accessible by horizontal scrolling. */
@media (max-width:767px) {
  #barah-step-hero-v12 .barah-hero-products {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    direction:rtl !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 6px !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity !important;
    scroll-padding-inline:6px !important;
    overscroll-behavior-inline:contain;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product {
    box-sizing:border-box !important;
    flex:0 0 calc((100% - 12px - 12px)/3) !important;
    width:calc((100% - 12px - 12px)/3) !important;
    min-width:0 !important;
    max-width:none !important;
    scroll-snap-align:start !important;
    margin:0 !important;
  }
  #barah-step-hero-v12 .barah-hero-products > a.barah-hero-product::after {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:5px 0 0 !important;
    padding:6px 1px !important;
    font-size:10px !important;
    white-space:nowrap !important;
  }
}

/* BARAH V67.22 | Remove excessive quick-discovery bottom gap.
   V67.20 reserved 90px inside the section; retain only normal spacing. */
@media (max-width:767px) {
  #barah-v616-quick-discovery {
    padding-bottom:16px !important;
    margin-bottom:16px !important;
  }
  #barah-v616-quick-discovery .v616-shell {
    padding-bottom:12px !important;
  }
}
/* BARAH STORE | V67.28.0 | Balanced product-card imagery | 2026-10-15
   Add ONCE at the END of the active theme CSS (نمو).
   Homepage product cards only. No JavaScript, no new DOM elements, no image URLs changed.
   Preserve banners, logos, hero micro-cards, footer, PDP, cart and checkout.
   Heights are reserved before images load to limit CLS. All products shown in full.
*/

/* Native Salla product grids and homepage sliders (including: massage, skincare,
   feet care, mirrors, bestsellers); allow direct image fallbacks without cropping. */
:is(body.index, html[data-barah-route-v3="home"] body)
:is(section.home-block, section.s-block, .products-list-container, salla-products-slider, #barah-daily-picks)
:is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img){
  box-sizing:border-box!important;
  width:100%!important;
  height:clamp(168px,16vw,202px)!important;
  min-height:clamp(168px,16vw,202px)!important;
  max-height:clamp(168px,16vw,202px)!important;
  aspect-ratio:auto!important;
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
:is(body.index, html[data-barah-route-v3="home"] body)
:is(section.home-block, section.s-block, .products-list-container, salla-products-slider, #barah-daily-picks)
:is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img)
:is(a,picture,.thumb-wrapper){
  box-sizing:border-box;
  width:100%;height:100%;max-height:100%;
}
:is(body.index, html[data-barah-route-v3="home"] body)
:is(section.home-block, section.s-block, .products-list-container, salla-products-slider, #barah-daily-picks)
:is(.product-block__thumb,.product-image,.s-product-card-image-container) img,
:is(body.index, html[data-barah-route-v3="home"] body)
:is(section.home-block, section.s-block, .products-list-container, salla-products-slider, #barah-daily-picks)
img.s-product-card-image{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5px!important;
  margin:auto!important;
  transform:none!important;
}

/* BARAH's native and custom mobile home product carousels share the same
   optical size. Keep the smaller horizontal 'most viewed' mini-thumbnails as is. */
@media (max-width:767px){
  :is(body.index, html[data-barah-route-v3="home"] body)
  :is(section.home-block, section.s-block, .products-list-container, salla-products-slider, #barah-daily-picks)
  :is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img){
    height:clamp(136px,40vw,164px)!important;
    min-height:clamp(136px,40vw,164px)!important;
    max-height:clamp(136px,40vw,164px)!important;
  }
  :is(body.index, html[data-barah-route-v3="home"] body)
  #barah-v643-mobile-latest :is(.v643-media,.product-block__thumb),
  :is(body.index, html[data-barah-route-v3="home"] body)
  #barah-v647-mobile-most-viewed .v647-media{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:clamp(136px,40vw,160px)!important;
    min-height:clamp(136px,40vw,160px)!important;
    max-height:clamp(136px,40vw,160px)!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  :is(body.index, html[data-barah-route-v3="home"] body)
  #barah-v643-mobile-latest :is(.v643-media,.product-block__thumb) img,
  :is(body.index, html[data-barah-route-v3="home"] body)
  #barah-v647-mobile-most-viewed .v647-media img{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:5px!important;
    margin:auto!important;
    transform:none!important;
  }
}

/* Featured BARAH picks, image slots sized consistently without stretching. */
:is(body.index, html[data-barah-route-v3="home"] body)
#barah-v655-available-picks .v655-img{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#fff!important;
}
:is(body.index, html[data-barah-route-v3="home"] body)
#barah-v655-available-picks .v655-img img{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:6px!important;
  transform:none!important;
}

/* Deliberately leave alone the hero, category illustrations, small recommendation
   icons, custom nav tiles and full-size product gallery: each needs its own ratio.
   This CSS controls DISPLAY only; it does not recompress or resize source assets. */

/* BARAH | Native Apple Pay mobile visibility | 2026-10-16
   Presentation only: use Salla's existing button and existing payment handler.
   Does not create a replacement button or modify wallet availability checks.
*/
@media (max-width: 1024px) {
  body.product-single .product-actions salla-add-product-button[quick-buy] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  body.product-single .product-actions salla-add-product-button[quick-buy] > .s-add-product-button-main {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.product-single .product-actions salla-add-product-button[quick-buy] > salla-quick-buy {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
  }
  body.product-single .product-actions salla-add-product-button[quick-buy] > salla-quick-buy > apple-pay-button {
    --apple-pay-button-width: 100%;
    --apple-pay-button-height: 44px;
    --apple-pay-button-border-radius: 22px;
    --apple-pay-button-box-sizing: border-box;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
  }
}

/* ===============================================================
 BARAH STORE | V67.29 Home UX Polish | 2026-10-17
 Scoped to homepage listing layout; ADD ONCE at end of active CSS.
 No modification of images, payment elements, JS, PDP, stock or price.
 Reversible: delete this single block.
 =============================================================== */
:root{
  --barah29-brand:#eb5b21;
  --barah29-accent:#dc3e35;
  --barah29-text:#29241f;
  --barah29-soft:#fff8f3;
  --barah29-line:#efe7e1;
  --barah29-shadow:0 3px 14px rgba(74,40,24,.065);
}

/* A consistent max content width and softer spacing for only product shelves */
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers){
  box-sizing:border-box;
  padding-block:clamp(14px,2vw,24px)!important;
  margin-block:0!important;
  background:#fff!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.container,.container-fluid){
  max-width:1240px;
}

/* Native titles are crisp and consistent; retain the theme's links and structure. */
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.home-block__title,.s-block__title,.section-title,h2.section-title){
  color:var(--barah29-text)!important;
  font-size:clamp(19px,1.8vw,25px)!important;
  font-weight:800!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  margin-block:0 12px!important;
}

/* Neutral cards and grounded CTA; never apply to product detail or checkout. */
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.product-block,.product-entry,.s-product-card-entry,.s-product-card){
  box-sizing:border-box;
  border:1px solid var(--barah29-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--barah29-shadow)!important;
  overflow:hidden!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img){
  box-sizing:border-box!important;
  height:clamp(154px,15vw,186px)!important;
  min-height:clamp(154px,15vw,186px)!important;
  max-height:clamp(154px,15vw,186px)!important;
  background:#fff!important;
  overflow:hidden!important;
  border-radius:10px 10px 0 0!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.product-block__thumb,.product-image,.s-product-card-image-container) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:6px!important;
  transform:none!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.product-title,.s-product-card-name,.s-product-card-entry__title,
.product-block .product-title h2){
  color:var(--barah29-text)!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:700!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  max-height:3em!important;
  overflow:hidden!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(.product-block__info,.product-content,.s-product-card-content){
  box-sizing:border-box;
  min-width:0;
  padding:8px 10px 10px!important;
}
html[data-barah-route-v3="home"] body
:is(section.home-block--products-slider,section.home-block--fixed-products,
section.s-block--products-slider,section.s-block--fixed-products,
section.s-block--latest-products,section.s-block--bestsellers)
:is(button.add-to-cart,.s-button-btn, a.btn,a.button){
  min-height:38px;
  border-radius:9px!important;
  font-weight:800!important;
}

/* Better-looking custom section shells, limited to the known home IDs. */
html[data-barah-route-v3="home"] body
:is(#barah-discovery-v1,#barah-v655-available-picks,
#barah-v643-mobile-latest,#barah-v647-mobile-most-viewed,
#barah-step-catalog-v32,#barah-step-wholesale-v32){
  box-sizing:border-box;
  max-width:1240px;
  margin-inline:auto;
}
html[data-barah-route-v3="home"] body
:is(#barah-discovery-v1,#barah-v655-available-picks,
#barah-v643-mobile-latest,#barah-v647-mobile-most-viewed)
:is(h2,h3){
  color:var(--barah29-text);
  line-height:1.45;
}
html[data-barah-route-v3="home"] body :is(#barah-discovery-v1,#barah-v655-available-picks)
:is(.bd-card,.v655-card){
  border:1px solid var(--barah29-line)!important;
  border-radius:13px!important;
  box-shadow:var(--barah29-shadow)!important;
}

/* Only hide the blog item from the storefront header, not from the footer or sitemap. */
html[data-barah-route-v3="home"] body #site-header-outer
:is(nav,.site-header__menu) a[href*="/blog"],
html[data-barah-route-v3="home"] body header nav a[href*="/blog"]{
  display:none!important;
}

/* Mobile first: short visual cards, stronger tap targets, two readable lines. */
@media(max-width:767px){
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products,
  section.s-block--latest-products,section.s-block--bestsellers){
    padding-block:12px!important;
  }
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products,
  section.s-block--latest-products,section.s-block--bestsellers)
  :is(.home-block__title,.s-block__title,.section-title,h2.section-title){
    font-size:18px!important;
    margin-block:0 10px!important;
  }
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products,
  section.s-block--latest-products,section.s-block--bestsellers)
  :is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img){
    height:clamp(132px,38vw,156px)!important;
    min-height:clamp(132px,38vw,156px)!important;
    max-height:clamp(132px,38vw,156px)!important;
  }
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products,
  section.s-block--latest-products,section.s-block--bestsellers)
  :is(.product-title,.s-product-card-name,.s-product-card-entry__title,
  .product-block .product-title h2){
    font-size:12.5px!important;
    line-height:1.45!important;
    min-height:2.9em!important;
    max-height:2.9em!important;
  }
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products,
  section.s-block--latest-products,section.s-block--bestsellers)
  :is(button.add-to-cart,.s-button-btn, a.btn,a.button){
    min-height:42px;
  }
  html[data-barah-route-v3="home"] body
  :is(#barah-discovery-v1,#barah-v655-available-picks,
  #barah-v643-mobile-latest,#barah-v647-mobile-most-viewed){
    margin-block:14px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-barah-route-v3="home"] body
  :is(section.home-block--products-slider,section.home-block--fixed-products,
  section.s-block--products-slider,section.s-block--fixed-products)
  :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card){
    transition:none!important;
  }
}

/* ================================================================
  BARAH STORE | Salla نمو | Shoe Shelf V67.33 (2026-10-17)
  Replace the PREVIOUS shoe-only block; DO NOT append twice.
  Scope: homepage product slider containing product p275843947.
  Protect: native slider swipe/overflow, cart/checkout, Apple Pay,
  prices, inventory, PDP, footer and other homepage shelves.
  Based on the original active CSS supplied on 2026-10-17.
================================================================ */
@supports selector(section:has(a[href*="p275843947"])) {
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"]) {
    --barah-shoes-ink:#32291f;
    --barah-shoes-accent:#e85c25;
    --barah-shoes-edge:#f0e5dc;
    box-sizing:border-box;
    background:linear-gradient(180deg,#fff9f4 0%,#fff 68%)!important;
    margin-block:12px 20px!important;
    padding-block:20px 24px!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.home-block__title,.s-block__title,.section-title,h2.section-title) {
    color:var(--barah-shoes-ink)!important;
    font-size:clamp(20px,2vw,25px)!important;
    font-weight:800!important;
    line-height:1.5!important;
    border-inline-start:4px solid var(--barah-shoes-accent)!important;
    padding-inline-start:12px!important;
    margin-block:0 14px!important;
    overflow-wrap:anywhere;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card) {
    box-sizing:border-box;
    min-width:0;
    border:1px solid var(--barah-shoes-edge)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 4px 15px rgba(76,48,29,.065)!important;
    overflow:hidden!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img) {
    box-sizing:border-box!important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:clamp(176px,17vw,206px)!important;
    min-height:clamp(176px,17vw,206px)!important;
    max-height:clamp(176px,17vw,206px)!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block__thumb,.product-image,.s-product-card-image-container) img,
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"]) img.s-product-card-image {
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    margin:auto!important;
    transform:none!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block__info,.product-content,.s-product-card-content) {
    box-sizing:border-box;
    min-width:0;
    padding:10px 11px 12px!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-title,.product-title h2,.s-product-card-name,.s-product-card-entry__title) {
    color:var(--barah-shoes-ink)!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.5!important;
    min-height:3em!important;
    max-height:3em!important;
    overflow-wrap:anywhere;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card)
  :is(button.add-to-cart,.s-button-btn,a.btn,a.button) {
    min-height:42px!important;
    border-radius:10px!important;
    font-weight:800!important;
  }
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
  :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card) a:focus-visible {
    outline:2px solid var(--barah-shoes-accent)!important;
    outline-offset:2px!important;
  }
}
@media (max-width:767px) {
  @supports selector(section:has(a[href*="p275843947"])) {
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"]) {
      padding-block:14px 18px!important;
      margin-block:10px 14px!important;
      /* Do NOT set overflow:hidden here. Native swipe must remain usable. */
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.container,.container-fluid,.s-container) {
      padding-inline:12px!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.home-block__title,.s-block__title,.section-title,h2.section-title) {
      font-size:clamp(18px,4.8vw,20px)!important;
      margin-block:0 11px!important;
      padding-inline-start:9px!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-block__thumb,.product-image,.s-product-card-image-container):not(img) {
      height:clamp(142px,40vw,164px)!important;
      min-height:clamp(142px,40vw,164px)!important;
      max-height:clamp(142px,40vw,164px)!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-block__thumb,.product-image,.s-product-card-image-container) img,
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"]) img.s-product-card-image {
      padding:5px!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-block__info,.product-content,.s-product-card-content) {
      padding:8px 9px 10px!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-title,.product-title h2,.s-product-card-name,.s-product-card-entry__title) {
      font-size:13px!important;
      line-height:1.5!important;
      min-height:3em!important;
      max-height:3em!important;
    }
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card)
    :is(button.add-to-cart,.s-button-btn,a.btn,a.button) {
      min-height:44px!important;
      touch-action:manipulation;
    }
  }
}
@media(prefers-reduced-motion:reduce) {
  @supports selector(section:has(a[href*="p275843947"])) {
    :is(body.index,html[data-barah-route-v3="home"] body)
    :is(section.home-block--products-slider,section.home-block--slide-products,section.s-block--products-slider):has(a[href*="p275843947"])
    :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card) {
      transition:none!important;
    }
  }
}




/*
 BARAH STORE | Premium Catalog Cards v1.0
 2026-10-18 | Theme: NUMU (active version 135910905)
 APPEND at the END of the current Custom CSS. Do not replace existing CSS.
 Scope: Salla product cards, shop sliders, listing grids. No checkout/product-page buybox edits.
 To revert: remove only this entire marked block.
*/

/* ===== BARAH Premium Card: start ===== */
:root {
  --barah-card-accent: #c8462f;
  --barah-card-accent-hover: #ad3624;
  --barah-card-ink: #252525;
  --barah-card-muted: #737373;
  --barah-card-line: #ede8e5;
  --barah-card-radius: 16px;
}

/* Polished, even card outline – keeps Salla's native card structure intact */
salla-product-card .s-product-card-entry,
.s-product-card-entry {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--barah-card-line);
  border-radius: var(--barah-card-radius);
  box-shadow: 0 3px 14px rgba(38, 25, 20, .055);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

@media (hover:hover) and (pointer:fine) {
  salla-product-card .s-product-card-entry:hover,
  .s-product-card-entry:hover {
    border-color: #e4c8bf;
    box-shadow: 0 10px 26px rgba(40, 26, 20, .10);
    transform: translateY(-2px);
  }
}

/* All product shots fit in a stable square, without cropping or stretching */
salla-product-card .s-product-card-image,
.s-product-card-entry .s-product-card-image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  flex-shrink: 0;
  overflow: hidden;
  background: #faf9f8;
}

.s-product-card-entry .s-product-card-image img,
.s-product-card-entry img.s-product-card-image-main {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
}

/* Clear hierarchy: image -> name -> price -> native add-to-cart */
.s-product-card-entry .s-product-card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 7px;
  padding: 12px 12px 13px;
  min-width: 0;
}

.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: var(--barah-card-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.s-product-card-entry .s-product-card-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  min-height: 3.2em;
  max-height: 3.2em;
  text-overflow: ellipsis;
}

.s-product-card-entry .s-product-card-content-subtitle {
  color: var(--barah-card-muted);
  font-size: 12px;
  line-height: 1.5;
}

.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-content-main .s-product-card-sale-price {
  color: var(--barah-card-accent);
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* Button styling only INSIDE product cards; keeps Salla purchase logic */
.s-product-card-entry .s-product-card-content-footer {
  margin-top: auto;
  padding-top: 4px;
  width: 100%;
}

.s-product-card-entry .s-product-card-content-footer .s-button-primary,
.s-product-card-entry .s-product-card-content-footer button.s-button-element {
  min-height: 42px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .15s ease, border-color .15s ease;
}

.s-product-card-entry .s-product-card-content-footer .s-button-primary {
  color: #fff;
  background: var(--barah-card-accent);
  border-color: var(--barah-card-accent);
}

.s-product-card-entry .s-product-card-content-footer .s-button-primary:hover {
  background: var(--barah-card-accent-hover);
  border-color: var(--barah-card-accent-hover);
}

/* Keyboard visibility and accessible interactions */
.s-product-card-entry :is(a, button, .s-button-element):focus-visible {
  outline: 2px solid var(--barah-card-accent);
  outline-offset: 2px;
}

/* Prevent card columns from drifting in Salla product sliders */
.s-products-slider .swiper-wrapper,
.home-block--products-slider .swiper-wrapper {
  align-items: stretch;
}
.s-products-slider .swiper-slide,
.home-block--products-slider .swiper-slide {
  height: auto;
}

@media (max-width: 767px) {
  salla-product-card .s-product-card-entry,
  .s-product-card-entry { border-radius: 14px; }

  .s-product-card-entry .s-product-card-content {
    gap: 5px;
    padding: 9px 9px 11px;
  }

  .s-product-card-entry .s-product-card-content-title,
  .s-product-card-entry .s-product-card-content-title a {
    font-size: 13px;
    line-height: 1.55;
  }

  .s-product-card-entry .s-product-card-content-title {
    min-height: 3.1em;
    max-height: 3.1em;
  }

  .s-product-card-entry .s-product-card-price,
  .s-product-card-entry .s-product-card-content-main .s-product-card-sale-price {
    font-size: 15px;
  }

  .s-product-card-entry .s-product-card-content-footer .s-button-primary,
  .s-product-card-entry .s-product-card-content-footer button.s-button-element {
    min-height: 40px;
    font-size: 12px;
    border-radius: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  salla-product-card .s-product-card-entry,
  .s-product-card-entry,
  .s-product-card-entry .s-product-card-content-footer .s-button-primary {
    transition: none;
    transform: none;
  }
}
/* ===== BARAH Premium Card: end ===== */



/*
BARAH STORE — PREMIUM CATALOG v2.0 | 2026-10-18
For Salla / Numuw active theme (version 135910905).
This is a STANDALONE REPLACEMENT for v1.0, NOT an extra layer to paste above v1.
If v1 is already installed, remove v1 block before adding v2 to avoid duplicate rules.
Append to the END of the EXISTING Custom CSS; DO NOT delete other styles.
No JavaScript, external resources, checkout, product-page buy box, prices, or stock changes.
Undo by removing only this marked section.
*/
/* ===== BARAH PREMIUM CATALOG v2.0 START ===== */
:root {
  --barah-premium-accent: #c74830;
  --barah-premium-accent-dark: #a93222;
  --barah-premium-ink: #27211f;
  --barah-premium-muted: #706964;
  --barah-premium-line: #eee6e0;
  --barah-premium-warm: #fbfaf8;
  --barah-premium-radius: 16px;
}

/* Sections: less clutter, clearer reading order; keep native carousel controls. */
.home-block--products-slider,
.home-block--slide-products {
  margin-block: clamp(18px, 2.5vw, 28px);
}
.home-block--products-slider .main-title,
.home-block--slide-products .main-title {
  color: var(--barah-premium-ink);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.45;
}
/* A small premium accent, not a full-width separator. */
.home-block--products-slider .main-title::before,
.home-block--slide-products .main-title::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  inline-size: 4px;
  block-size: 1em;
  margin-inline-end: 9px;
  border-radius: 4px;
  background: linear-gradient(180deg, #e36b3b, #b83e30);
}

/* Native Salla card only: don't style purchase boxes or custom promotional tiles. */
salla-product-card .s-product-card-entry,
.s-product-card-entry {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--barah-premium-line);
  border-radius: var(--barah-premium-radius);
  box-shadow: 0 3px 14px rgba(64, 42, 33, .055);
  isolation: isolate;
  transition: box-shadow .20s ease, border-color .20s ease, transform .20s ease;
}
@media (hover: hover) and (pointer: fine) {
  salla-product-card .s-product-card-entry:hover,
  .s-product-card-entry:hover {
    transform: translateY(-2px);
    border-color: #e2c5b8;
    box-shadow: 0 12px 28px rgba(64, 42, 33, .10);
  }
}

/* Square image area. Never crop, stretch or zoom product photographs. */
.s-product-card-entry .s-product-card-image {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--barah-premium-warm);
}
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry img.s-product-card-image-main,
.s-product-card-entry .s-product-card-image salla-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
}

/* Matching heights and restrained text: title -> price -> full-width CTA. */
.s-product-card-entry .s-product-card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  background: #fff;
}
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: var(--barah-premium-ink);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.s-product-card-entry .s-product-card-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  min-height: 3.2em;
  max-height: 3.2em;
}
.s-product-card-entry .s-product-card-content-subtitle {
  color: var(--barah-premium-muted);
  font-size: 12px;
  line-height: 1.5;
}
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-content-main .s-product-card-sale-price {
  color: var(--barah-premium-accent);
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
}
/* Native discounts are not fabricated. */
.s-product-card-entry .s-product-card-content-main .s-product-card-regular-price {
  color: #8d8782;
  font-size: 12px;
}

.s-product-card-entry .s-product-card-content-footer {
  margin-top: auto;
  padding-top: 5px;
  width: 100%;
}
.s-product-card-entry .s-product-card-content-footer .s-button-primary,
.s-product-card-entry .s-product-card-content-footer button.s-button-element {
  min-height: 42px;
  width: 100%;
  border-radius: 11px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
  transition: background .18s ease, border-color .18s ease;
}
.s-product-card-entry .s-product-card-content-footer .s-button-primary {
  color: #fff;
  background: var(--barah-premium-accent);
  border-color: var(--barah-premium-accent);
}
@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry .s-product-card-content-footer .s-button-primary:hover {
    color: #fff;
    background: var(--barah-premium-accent-dark);
    border-color: var(--barah-premium-accent-dark);
  }
}
.s-product-card-entry :is(a, button, .s-button-element):focus-visible {
  outline: 2px solid var(--barah-premium-accent);
  outline-offset: 3px;
}

/* Keep all slides at equal height without forcing their width or changing slidesPerView. */
.s-products-slider .swiper-wrapper,
.home-block--products-slider .swiper-wrapper,
.home-block--slide-products .swiper-wrapper { align-items: stretch; }
.s-products-slider .swiper-slide,
.home-block--products-slider .swiper-slide,
.home-block--slide-products .swiper-slide { height: auto; }

@media (max-width: 767px) {
  .home-block--products-slider,
  .home-block--slide-products { margin-block: 16px; }
  .home-block--products-slider .main-title,
  .home-block--slide-products .main-title { font-size: clamp(17px, 4.6vw, 21px); }
  salla-product-card .s-product-card-entry,
  .s-product-card-entry { border-radius: 14px; }
  .s-product-card-entry .s-product-card-content { gap: 5px; padding: 9px; }
  .s-product-card-entry .s-product-card-content-title,
  .s-product-card-entry .s-product-card-content-title a { font-size: 13px; line-height: 1.55; }
  .s-product-card-entry .s-product-card-content-title { min-height: 3.1em; max-height: 3.1em; }
  .s-product-card-entry .s-product-card-content-subtitle { font-size: 11px; }
  .s-product-card-entry .s-product-card-price,
  .s-product-card-entry .s-product-card-content-main .s-product-card-sale-price { font-size: 15px; }
  .s-product-card-entry .s-product-card-content-footer .s-button-primary,
  .s-product-card-entry .s-product-card-content-footer button.s-button-element {
    min-height: 42px;
    font-size: 12px;
    border-radius: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry,
  .s-product-card-entry .s-product-card-content-footer .s-button-primary {
    transition: none;
    transform: none !important;
  }
}
/* ===== BARAH PREMIUM CATALOG v2.0 END ===== */


/* BARAH STORE | Breadcrumb edge & category-strip containment v3.1
 * APPEND AFTER CSS v2 AND PDP CSS v3. Do not replace native theme CSS.
 * The screenshot shows the breadcrumb row touching / escaping the RIGHT edge;
 * the desktop category navigation itself already fits.
 * CSS-only: no changes to forms, checkout, JS, prices or product images.
 */

/* Keep Salla's breadcrumb within the same readable width as the PDP. */
:is(
  salla-breadcrumb,
  .s-breadcrumb-wrapper,
  .s-breadcrumbs-wrapper,
  .s-breadcrumbs,
  .s-breadcrumb,
  .breadcrumbs,
  .breadcrumb,
  nav[aria-label="breadcrumb"],
  nav[aria-label="Breadcrumb"]
) {
  box-sizing: border-box !important;
  display: block;
  inline-size: 100% !important;
  max-inline-size: min(100%, 1280px) !important;
  min-inline-size: 0 !important;
  margin-inline: auto !important;
  padding-inline: clamp(14px, 2.25vw, 26px) !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
:is(
  salla-breadcrumb,
  .s-breadcrumb-wrapper,
  .s-breadcrumbs-wrapper,
  .s-breadcrumbs,
  .s-breadcrumb,
  .breadcrumbs,
  .breadcrumb,
  nav[aria-label="breadcrumb"],
  nav[aria-label="Breadcrumb"]
)::-webkit-scrollbar { display: none; }

/* Breadcrumbs can be an ol/ul inside the Salla web component or wrapper.
   Constrain only navigation children, never product galleries or dropdowns. */
:is(
  salla-breadcrumb,
  .s-breadcrumb-wrapper,
  .s-breadcrumbs-wrapper,
  .s-breadcrumbs,
  .s-breadcrumb,
  .breadcrumbs,
  .breadcrumb,
  nav[aria-label="breadcrumb"],
  nav[aria-label="Breadcrumb"]
) :is(ol, ul, .s-breadcrumb-list, .s-breadcrumbs-list) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
:is(
  salla-breadcrumb, .s-breadcrumb-wrapper, .s-breadcrumbs-wrapper,
  .s-breadcrumbs, .s-breadcrumb, .breadcrumbs, .breadcrumb,
  nav[aria-label="breadcrumb"], nav[aria-label="Breadcrumb"]
) :is(ol, ul, .s-breadcrumb-list, .s-breadcrumbs-list) > li {
  flex: 0 0 auto !important;
  min-inline-size: 0;
  max-inline-size: min(45vw, 340px);
  overflow: hidden;
  text-overflow: ellipsis;
}
:is(
  salla-breadcrumb, .s-breadcrumb-wrapper, .s-breadcrumbs-wrapper,
  .s-breadcrumbs, .s-breadcrumb, .breadcrumbs, .breadcrumb,
  nav[aria-label="breadcrumb"], nav[aria-label="Breadcrumb"]
) :is(ol, ul, .s-breadcrumb-list, .s-breadcrumbs-list) > li :is(a, span) {
  display: inline-block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

@media (max-width: 767px) {
  /* Narrow screens: swipe the breadcrumb, never widen the document. */
  :is(salla-breadcrumb, .s-breadcrumb-wrapper, .s-breadcrumbs-wrapper,
      .s-breadcrumbs, .s-breadcrumb, .breadcrumbs, .breadcrumb,
      nav[aria-label="breadcrumb"], nav[aria-label="Breadcrumb"]) {
    max-inline-size: 100% !important;
    padding-inline: 12px !important;
    font-size: 12px !important;
  }
  :is(salla-breadcrumb, .s-breadcrumb-wrapper, .s-breadcrumbs-wrapper,
      .s-breadcrumbs, .s-breadcrumb, .breadcrumbs, .breadcrumb,
      nav[aria-label="breadcrumb"], nav[aria-label="Breadcrumb"])
      :is(ol, ul, .s-breadcrumb-list, .s-breadcrumbs-list) > li {
    max-inline-size: min(60vw, 240px);
  }
}
/* Salla also supports breadcrumbs passed as slotted <li class="s-breadcrumb-item">. */
salla-breadcrumb > .s-breadcrumb-item {
  display: inline-flex;
  min-inline-size: 0;
  max-inline-size: min(45vw, 340px);
  vertical-align: middle;
}
salla-breadcrumb > .s-breadcrumb-item :is(a, span) {
  display: inline-block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  salla-breadcrumb > .s-breadcrumb-item { max-inline-size: min(60vw, 240px); }
}
/* END BARAH BREADCRUMB v3.1 */

/* ============================================================
 BARAH LIGHT PREMIUM | v3.0 | CLEAN MERGED DEVELOPMENT VERSION
 Visual only. Scoped: home + listing cards. No JS or payment flow edits.
 Key fixes: white backgrounds, mobile hero cards, real native prices.
 ============================================================ */
:root{
 --barah-accent:#dd4b2c;
 --barah-accent-hover:#bf3d24;
 --barah-ink:#222222;
 --barah-muted:#626873;
 --barah-surface:#fff;
 --barah-bg:#fff;
 --barah-border:#eaeaea;
 --barah-radius:12px;
 --barah29-soft:#fff;
 --barah29-line:#eaeaea;
 --barah29-shadow:none;
 --barah-shoes-edge:#eaeaea;
 --barah-shoes-accent:#dd4b2c;
 --barah-yellow:#fff;
}
html{scroll-behavior:auto}
body{background-color:#fff;color:var(--barah-ink)}
/* Apply the white canvas to the homepage only; preserve product widgets and checkout */
:is(body.index,html[data-barah-route-v3="home"] body){background:#fff!important}
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(main,.page-wrapper,section.s-block,section.home-block,.s-block,.home-page,
 .bg-grey,.bg-gray,.bg-gray-50){background-color:#fff!important;background-image:none!important}
/* Dedicated BARAH landing modules. Use no colored fills or section shadows. */
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(#barah-step-hero-v12,#barah-step-catalog-v32,#barah-step-wholesale-v32,
 #barah-daily-picks,#barah-discovery-v1,#barah-v655-available-picks,
 #barah-v643-mobile-latest,#barah-v647-mobile-most-viewed,
 #barah-v616-quick-discovery){background:#fff!important;background-image:none!important;box-shadow:none!important}
#barah-step-hero-v12 :is(.barah-hero-shell,.barah-hero-inner,.barah-hero-content,.barah-hero-wrapper,
 .barah-hero-box,.barah-hero-banner,.barah-hero-section){background:#fff!important;background-image:none!important;box-shadow:none!important}
#barah-step-hero-v12::before,#barah-step-hero-v12::after{background-image:none!important}
#barah-step-hero-v12 :is(.barah-hero-products,.barah-hero-products > a){background:#fff!important;background-image:none!important}
#barah-step-hero-v12 .barah-hero-products > a{border:1px solid var(--barah-border)!important;border-radius:12px!important;box-shadow:none!important}
/* Keep meaningful purchase CTAs orange; remove only gradients on existing links */
[id^="barah-"] :is(a.barah-cta,button.barah-cta),
#barah-step-hero-v12 .barah-hero-products > a::after{
 background:#dd4b2c!important;background-image:none!important;color:#fff!important;
}
/* Real card images never cropped; avoid styling gallery/main product artwork. */
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card,.v643-card,.v655-card){
 background:#fff!important;border-color:var(--barah-border)!important;box-shadow:none!important;
}
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.product-image,.product-block__thumb,.s-product-card-image-container,.v643-media,.v655-img){background:#fff!important}
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.product-image,.product-block__thumb,.s-product-card-image-container,.v643-media,.v655-img) img{
 object-fit:contain!important;object-position:center!important;
}
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.price-wrapper,.s-product-card-price,.s-product-card-sale-price,.v643-price,.product-block__price){
 color:#222!important;font-weight:800!important;font-variant-numeric:tabular-nums;
}
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.s-product-card-name,.s-product-card-entry__title,.product-title,.v643-name){color:#222!important}
/* Do NOT alter button events or invent prices: original DOM text remains intact. */
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.s-product-card-entry,.product-block,.product-entry)
 :is(.s-button-primary,button.add-to-cart){background-color:var(--barah-accent);border-color:var(--barah-accent);color:#fff;border-radius:9px;min-height:42px}
/* Neutral free shipping reminder; icon may still use accent */
:is(body.index,html[data-barah-route-v3="home"] body)
 :is(.barah-shipping,.barah-shipping-strip,.barah-shipping-note,.barah-delivery-strip){
 background:#fff!important;background-image:none!important;box-shadow:none!important;
 border-color:#eaeaea!important;
}
@media(max-width:767px){
 /* Existing hero uses a flex rail; correct cramped 3-across rule safely. */
 #barah-step-hero-v12 .barah-hero-products{
  display:flex!important;flex-wrap:nowrap!important;gap:10px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scroll-padding-inline:10px!important;
  padding:2px 10px 8px!important;margin:0!important;max-width:100%!important;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
 }
 #barah-step-hero-v12 .barah-hero-products::-webkit-scrollbar{display:none}
 #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra){
  flex:0 0 clamp(184px,68%,280px)!important;
  width:clamp(184px,68%,280px)!important;
  min-width:184px!important;max-width:280px!important;
  scroll-snap-align:start!important;box-sizing:border-box!important;
  padding:8px!important;min-height:0!important;
 }
 #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) img{
  height:180px!important;min-height:180px!important;max-height:180px!important;
  width:100%!important;object-fit:contain!important;
 }
 #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) strong{
  font-size:13px!important;line-height:1.5!important;min-height:3em!important;
  max-height:3em!important;-webkit-line-clamp:2!important;margin:8px 0 4px!important;
 }
 #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra) small{
  font-size:13px!important;min-height:0!important;margin-bottom:5px!important;
 }
 #barah-step-hero-v12 .barah-hero-products > :is(a.barah-hero-product,a.barah-v621-extra)::after{
  min-height:42px!important;font-size:13px!important;padding:9px 4px!important;margin-top:auto!important;
 }
 /* Keep nav touch targets and reserve enough room for the fixed mobile bar. */
 html[data-barah-route-v3="home"] body main{padding-bottom:calc(125px + env(safe-area-inset-bottom,0px))!important}
}
@media(prefers-reduced-motion:reduce){
 #barah-step-hero-v12 .barah-hero-products{scroll-behavior:auto!important}
}
/* END BARAH LIGHT PREMIUM v3.0 */


/* BARAH LIGHT PREMIUM v4 | Homepage category tiles | DRAFT for theme 608927069
   Presentation only; native links/images retained. No checkout modifications.
   Targets the FIRST square-photos component only. */
@media (max-width: 767px) {
  body.index :is(section.s-block--square-photos,section.home-block--square-photos,section.s-block--photos,section.home-block--photos,section.square-photos):first-of-type,
  html[data-barah-route-v3="home"] body :is(section.s-block--square-photos,section.home-block--square-photos,section.s-block--photos,section.home-block--photos,section.square-photos):first-of-type {
    background:#fff!important;
    padding-block:12px!important;
    margin-block:0!important;
  }
  body.index :is(section.s-block--square-photos,section.home-block--square-photos,section.s-block--photos,section.home-block--photos,section.square-photos):first-of-type :is(.grid,.photos-grid,.items-grid,.s-block__content,.s-block--square-photos__items) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  body.index :is(section.s-block--square-photos,section.home-block--square-photos,section.s-block--photos,section.home-block--photos,section.square-photos):first-of-type :is(.grid,.photos-grid,.items-grid,.s-block__content,.s-block--square-photos__items) > * {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.index :is(section.s-block--square-photos,section.home-block--square-photos,section.s-block--photos,section.home-block--photos,section.square-photos):first-of-type :is(.grid,.photos-grid,.items-grid,.s-block__content,.s-block--square-photos__items) > * img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:contain!important;
    background:#fff!important;
    border-radius:10px!important;
  }
}


/* ============================================================
   BARAH | HOME PRODUCT SHELVES | Layout recovery v67.35
   2026-10-24 | Visual-only; retain native Salla interactions.
   Keeps slider tracks controlled by Swiper. Does not alter
   prices, inventory, checkout, product data or mobile navigation.
   ============================================================ */
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-block:0!important;
  padding-block:16px!important;
  background:#fff!important;
}
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
:is(.container,.container-fluid,.s-container){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1240px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding-inline:clamp(12px,2vw,24px)!important;
}
/* Product cards fill each allotted slide without a second grid inside. */
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
:is(.swiper,.swiper-container,.s-products-slider,salla-products-slider){
  box-sizing:border-box;min-width:0;max-width:100%;
}
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
.swiper-wrapper{align-items:stretch!important;flex-wrap:nowrap!important;}
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
.swiper-slide{box-sizing:border-box!important;min-width:0;height:auto!important;flex-shrink:0!important;}
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
.swiper-slide :is(.product-block,.product-entry,.s-product-card-entry,salla-product-card){
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
  height:100%!important;margin:0!important;
}
/* Keep title/toolbar in one compact row when the theme supplies one. */
:is(body.index,html[data-barah-route-v3="home"] body)
:is(section.home-block--products-slider,section.home-block--slide-products,
    section.s-block--products-slider,section.s-block--latest-products)
:is(.home-block__title,.s-block__title,.main-title){
  margin-block:0 12px!important;max-width:100%;overflow-wrap:anywhere;
}
@media(max-width:767px){
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,
      section.s-block--products-slider,section.s-block--latest-products){padding-block:12px!important;}
  :is(body.index,html[data-barah-route-v3="home"] body)
  :is(section.home-block--products-slider,section.home-block--slide-products,
      section.s-block--products-slider,section.s-block--latest-products)
  :is(.container,.container-fluid,.s-container){padding-inline:12px!important;}
}
/* END BARAH HOME PRODUCT SHELVES v67.35 */

/* BARAH PRODUCT OPTIONS | Trial 135910905 | V67.36
 * Product-only UI polish. Keep original Salla inputs, selects, cart events and stock states.
 * Append ONCE at the END of the existing full custom CSS.
 */
body.barah-product-lp {
  --barah-pdp-accent: #dd4b2c;
  --barah-pdp-ink: #272727;
  --barah-pdp-muted: #666d73;
  --barah-pdp-outline: #e7e8eb;
  background: #fff !important;
}
/* The existing hero, gallery, price and purchase components stay in their own theme layout. */
body.barah-product-lp :is(.container--product-details,.page--product-details,.product-single) {
  box-sizing: border-box;
  max-width: 100%;
  background-color: #fff;
}
body.barah-product-lp :is(.container--product-details,.page--product-details,.product-single)
:is(.main-content,.product-info,.product-single__details) {
  box-sizing: border-box;
  min-width: 0;
}
body.barah-product-lp [data-testid="store-product-title"] {
  font-size: clamp(21px,2.2vw,30px);
  line-height: 1.55;
  font-weight: 800;
  color: var(--barah-pdp-ink);
  overflow-wrap: anywhere;
}
body.barah-product-lp [data-testid="store-product-price"] {
  margin-block: 10px 15px;
  font-variant-numeric: tabular-nums;
}
body.barah-product-lp [data-testid="store-product-price"] :is(p,.s-product-price) {
  font-weight: 800;
  color: var(--barah-pdp-ink);
}
/* Button-grid options configured via Salla's own component, rather than custom fake inputs. */
body.barah-product-lp .barah-lp-option-heading {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 16px 0 11px;
  padding-inline-start: 12px;
  border-inline-start: 3px solid var(--barah-pdp-accent);
  font: inherit;
  line-height: 1.6;
}
body.barah-product-lp .barah-lp-option-heading strong {
  font-size: 16px;
  font-weight: 800;
  color: var(--barah-pdp-ink);
}
body.barah-product-lp .barah-lp-option-heading span {
  font-size: 12px;
  color: var(--barah-pdp-muted);
}
body.barah-product-lp salla-product-options.barah-lp-native-options {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  padding: clamp(12px,2vw,20px);
  background: #fff;
  border: 1px solid var(--barah-pdp-outline);
  border-radius: 16px;
  margin-block: 0 15px;
}
/* Light-DOM fallback: Salla's web component may encapsulate option controls. */
body.barah-product-lp .barah-lp-native-options :is(.s-form-control,select,textarea,input[type="text"],input[type="number"]) {
  background-color: #fff;
  border-radius: 10px;
  min-height: 42px;
  max-width: 100%;
}
body.barah-product-lp .barah-lp-native-options :is(.s-radio-label,.s-checkbox-label, .s-product-options-option label) {
  box-sizing: border-box;
  border-radius: 11px;
  min-height: 44px;
  transition: border-color .16s ease,background-color .16s ease;
}
body.barah-product-lp .barah-lp-native-options :is(label:has(input:checked),input:checked + label) {
  border-color: var(--barah-pdp-accent);
  background: #fff9f6;
}
body.barah-product-lp .barah-lp-native-options :is(input,select,button,textarea):focus-visible,
body.barah-product-lp .barah-lp-native-options label:focus-within {
  outline: 2px solid var(--barah-pdp-accent);
  outline-offset: 2px;
}
body.barah-product-lp .barah-lp-native-options :is(input:disabled,select:disabled,button:disabled) {
  cursor: not-allowed;
  opacity: .55;
}
/* Quantity and purchase always remain native Salla controls. */
body.barah-product-lp salla-quantity-input { max-width: 100%; }
body.barah-product-lp :is(salla-add-product-button, [data-testid="store-product-add-to-cart"]) {
  max-width: 100%;
}
body.barah-product-lp salla-add-product-button::part(button) {
  min-height: 48px;
  border-radius: 12px;
  font-weight: 800;
}
/* Existing description/story modules stay exactly where the active JS puts them. */
body.barah-product-lp :is(article.pd-exp,.article--product-details.pd-exp,.product-description,.product-details-description) {
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.barah-product-lp :is(article.pd-exp,.article--product-details.pd-exp,.product-description,.product-details-description) img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
@media(max-width:767px){
  body.barah-product-lp .barah-lp-option-heading {margin: 13px 0 9px;}
  body.barah-product-lp salla-product-options.barah-lp-native-options {padding: 12px; border-radius: 13px;}
  body.barah-product-lp [data-testid="store-product-title"] {font-size: 21px;}
  body.barah-product-lp .barah-lp-native-options :is(.s-radio-label,.s-checkbox-label,.s-product-options-option label) {
    min-height: 46px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.barah-product-lp .barah-lp-native-options * {transition: none !important;}
}

/* BARAH PRODUCT PRO v67.39 | Nomo product story below two-column hero */
section.page--product-details > .container > article.barah-v6739-story {
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  clear:both!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  opacity:1!important;
  margin:24px auto 34px!important;
  padding:0!important;
  background:#fff!important;
  line-height:1.8;
}
section.page--product-details > .container > .row{align-items:flex-start}
.barah-v6739-story > div[dir]{box-sizing:border-box;width:100%;max-width:1120px!important;margin:0 auto!important;padding:0!important}
.barah-v6739-story *, .barah-v6739-story *::before, .barah-v6739-story *::after{box-sizing:border-box}
.barah-v6739-story :is(section,div,p,ul,ol){max-width:100%;min-width:0}
.barah-v6739-story :is(img,video,iframe){display:block;max-width:100%!important;height:auto!important;object-fit:contain}
.barah-v6739-story :is(h2,h3){line-height:1.5!important;overflow-wrap:anywhere}
.barah-v6739-story :is(p,li){line-height:1.8!important;overflow-wrap:anywhere}
/* The supplied Salla HTML contains extra <br> after virtually every block element. */
.barah-v6739-story > div[dir] > br,
.barah-v6739-story section > br,
.barah-v6739-story section > div > br,
.barah-v6739-story section > ul > br,
.barah-v6739-story section > ol > br{display:none!important}
.barah-v6739-story > div[dir] > section{margin-block:18px!important}
.barah-v6739-story section[style*="display:grid"]{width:100%;align-items:center}
@media(max-width:767px){
  section.page--product-details > .container > article.barah-v6739-story{margin:16px auto 26px!important}
  .barah-v6739-story > div[dir]{padding-inline:0!important}
  .barah-v6739-story :is(h2,h3){font-size:clamp(19px,5vw,26px)!important}
  .barah-v6739-story section[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important}
}


/* ============================================================
   BARAH STORE | Mobile CRO V67.42 | TRIAL 135910905
   Add AFTER existing custom CSS (or use the supplied FULL replacement).
   Cosmetic guidance around the ORIGINAL Salla options and original CTA.
   No product, price, cart, availability, checkout, or desktop changes.
   ============================================================ */
@media (max-width:767px) {
  body.product-single.barah-cro-v6742 .page--product-details form.product-details__options {
    --barah-choice-ink:#20242a;
    --barah-choice-muted:#58616b;
    --barah-choice-accent:#ea580c;
    --barah-choice-outline:#e8e9ed;
    --barah-choice-soft:#fff7ed;
    min-width:0;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-v6742 {
    direction:rtl;
    background:#fff;
    border:1px solid #ebedf1;
    border-radius:14px;
    margin:10px 0 12px;
    padding:12px 12px 11px;
    box-shadow:0 3px 12px rgba(18,24,40,.035);
    color:var(--barah-choice-ink);
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption {
    display:flex;align-items:center;justify-content:space-between;
    gap:8px;margin-bottom:11px;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption strong {
    font-size:14px;font-weight:800;line-height:1.5;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption span {
    font-size:11px;font-weight:700;color:#9a3412;
    background:#fff4e8;border:1px solid #ffdfbd;
    border-radius:999px;padding:3px 9px;white-space:nowrap;
  }
  body.product-single.barah-cro-v6742 .barah-cro-steps {
    display:grid;grid-template-columns:repeat(var(--barah-steps,2),minmax(0,1fr));gap:8px;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step {
    display:flex;align-items:center;gap:8px;min-width:0;
    padding:10px 9px;border:1.5px solid #e3e6eb;
    border-radius:12px;background:#fafbfc;
    transition:background-color .15s ease,border-color .15s ease;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done {
    background:#fff7ed;border-color:#ffb77e;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-number {
    flex:0 0 26px;width:26px;height:26px;
    display:grid;place-items:center;
    border-radius:50%;background:#e9edf2;color:#303841;
    font-size:13px;font-weight:800;line-height:1;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done .barah-cro-step-number {
    color:white;background:#ea580c;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-text {min-width:0;flex:1;}
  body.product-single.barah-cro-v6742 .barah-cro-step-text strong {
    display:block;font-size:13px;line-height:1.4;color:#252a31;font-weight:800;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-status {
    display:flex;align-items:center;gap:5px;min-width:0;
    font-size:12px;line-height:1.6;color:#5f6973;font-weight:650;
    overflow-wrap:anywhere;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done .barah-cro-step-status {
    color:#9a3412;font-weight:800;
  }
  body.product-single.barah-cro-v6742 .barah-cro-mini-swatch {
    display:inline-block;flex:0 0 15px;width:15px;height:15px;
    border:1.5px solid #acb3bd;box-shadow:0 0 0 2px #fff;
    border-radius:50%;background:#fff;
  }
  body.product-single.barah-cro-v6742 .barah-cro-ready-v6742 {
    direction:rtl;display:flex;gap:7px;align-items:center;
    border-radius:10px;padding:9px 11px;margin:-4px 0 12px;
    border:1px solid #e6e9ed;background:#f8fafc;
    font-size:12px;font-weight:750;color:#56616b;line-height:1.6;
  }
  body.product-single.barah-cro-v6742 .barah-cro-ready-v6742.is-ready {
    border-color:#badbc5;background:#f0fdf4;color:#166534;
  }
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options {
    padding:12px 11px 9px!important;
    margin-bottom:11px!important;
    border-radius:14px!important;
    border-color:#e7e9ee!important;
    background:#fff!important;
  }
  /* Strengthen Salla's REAL option labels when rendered in light DOM. */
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice {
    box-sizing:border-box!important;
    position:relative;
    min-height:48px!important;
    border:1.5px solid #cfd5de!important;
    border-radius:12px!important;
    padding:9px 11px!important;
    background:#fff;
    color:#222c36;
    font-size:13px!important;
    font-weight:800!important;
    cursor:pointer;
    transition:border-color .15s ease,background-color .15s ease;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.barah-v6742-choice-color {
    min-width:67px!important;
    min-height:75px!important;
    border-color:#d3d8df!important;
    text-align:center;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.is-picked,
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:has(input:checked),
  body.product-single.barah-cro-v6742 input:checked + label.barah-v6742-native-choice {
    border-color:#ea580c!important;
    background:#fff7ed!important;
    box-shadow:inset 0 0 0 1px #ea580c;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:focus-within,
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:focus-visible {
    outline:2px solid #ea580c!important;outline-offset:2px!important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:has(input:disabled) {opacity:.45;cursor:not-allowed;}
  body.product-single.barah-cro-v6742 .barah-cro-v6742-qty-and-buy-note {
    color:#58616b;font-size:11px;font-weight:650;
  }
  /* Integrate the VERIFIED v67.41 fixed native purchase action above Barah v51 nav. */
  body.product-single.barah-cro-v6742 .page--product-details form.product-details__options
  .product-actions.barah-v6742-docked {
    position:fixed!important;
    left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;
    bottom:var(--barah-v6742-cta-bottom,74px)!important;
    z-index:2147482900!important;
    box-sizing:border-box!important;
    width:calc(100vw - 20px)!important;
    max-width:420px!important;
    margin:0!important;
    background:#fff!important;
    padding:9px 10px 11px!important;
    border:1px solid #ebe5df!important;
    border-radius:14px!important;
    box-shadow:0 -6px 18px rgba(0,0,0,.12)!important;
  }
  body.product-single.barah-cro-v6742 .page--product-details form.product-details__options
  .product-actions.barah-v6742-docked salla-add-product-button {min-height:46px!important;}
}
@media (max-width:355px) {
  body.product-single.barah-cro-v6742 .barah-cro-step {padding:8px 6px;gap:6px;}
  body.product-single.barah-cro-v6742 .barah-cro-step-number {flex-basis:23px;width:23px;height:23px;}
  body.product-single.barah-cro-v6742 .barah-cro-step-text strong {font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
 body.product-single.barah-cro-v6742 .barah-cro-step,
 body.product-single.barah-cro-v6742 .barah-v6742-native-choice{transition:none!important;}
}

/* BARAH | V67.43 MOBILE VISUAL POLISH | TRIAL 135910905
   Append to END of existing CSS, AFTER approving the Console preview.
   Visual-only. Keeps V67.43 JS, native Salla form/options/cart and desktop untouched.
*/
@media screen and (max-width: 767px) {
  /* A progress summary already appears above options; remove the second heading. */
  body.product-single.barah-cro-v6742 .barah-lp-option-heading {
    display: none !important;
  }

  /* Compact, read-only selection status instead of a second large form. */
  body.product-single.barah-cro-v6742 .barah-cro-guide-v6742 {
    padding: 10px !important;
    margin: 2px 0 9px !important;
    border: 1px solid #e6e8ec !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption {
    margin: 0 0 7px !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption strong {
    font-size: 13px !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-steps {
    gap: 6px !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step,
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done {
    padding: 8px 7px !important;
    gap: 5px !important;
    min-width: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    cursor: default !important; /* summary, NOT an interactive option */
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-number {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 12px !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-text strong {
    font-size: 12px !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-status {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  /* Make the REAL color/size selectors the focus and cut unnecessary padding. */
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options {
    padding: 10px 10px 4px !important;
    margin: 0 0 8px !important;
    border-radius: 12px !important;
    border-color: #e6e8ec !important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice {
    border-width: 2px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    min-height: 48px !important;
    -webkit-tap-highlight-color: transparent;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.barah-v6742-choice-color {
    min-width: 74px !important;
    min-height: 74px !important;
    border-color: #bec5cf !important; /* make white choice perceptible */
    background-color: #fff !important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.is-picked,
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:has(input:checked),
  body.product-single.barah-cro-v6742 input:checked + label.barah-v6742-native-choice {
    border-color: #ea580c !important;
    background: #fff7ed !important;
    box-shadow: inset 0 0 0 1px #ea580c !important;
  }

  /* Status is feedback, not another action button. */
  body.product-single.barah-cro-v6742 .barah-cro-ready-v6742 {
    margin: 3px 0 9px !important;
    padding: 8px 11px !important;
    border-radius: 9px !important;
  }

  /* The floating back-to-top arrow overlaps real product choices at 390-461 px. */
  body.product-single.barah-cro-v6742 #barah-back-to-top-v6511 {
    display: none !important;
    pointer-events: none !important;
  }
}

/* BARAH STORE | V67.43 mobile compact purchase options | TRIAL 135910905
   CSS-only visual enhancement. APPEND to END of existing TRIAL CSS, NOT JavaScript.
   Preserves native Salla inputs, prices, cart, options and V67.43 dock logic.
   Requires V67.43 to add body.barah-cro-v6742 and labels.
*/
@media screen and (max-width:767px) {
  /* Turn the duplicate-looking status cards into one compact progress strip. */
  body.product-single.barah-cro-v6742 .barah-lp-option-heading {
    display:none!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-v6742 {
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-guide-caption {
    display:none!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-steps {
    display:grid!important;
    grid-template-columns:repeat(var(--barah-steps,2),minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step,
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done {
    min-width:0!important;
    min-height:46px!important;
    padding:7px 9px!important;
    gap:7px!important;
    border-radius:11px!important;
    border:1px solid #e0e5eb!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    cursor:default!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step.is-done {
    border-color:#fb923c!important;
    background:#fff7ed!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-number {
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex-basis:22px!important;
    font-size:11px!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-text strong {
    font-size:12px!important;
    line-height:1.4!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-step-status {
    font-size:11px!important;
    line-height:1.4!important;
  }

  /* Main native options: emphasize actual taps, not the decorative progress strip. */
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options {
    display:block!important;
    margin:0 0 8px!important;
    padding:10px 12px!important;
    border:1px solid #e4e8ee!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice {
    box-sizing:border-box!important;
    min-height:48px!important;
    border-radius:12px!important;
    border:2px solid #cbd5e1!important;
    background:#fff!important;
    color:#27303f!important;
    font-size:13px!important;
    font-weight:800!important;
    -webkit-tap-highlight-color:transparent;
    transition:border-color .15s ease,background-color .15s ease!important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-choice-color {
    min-width:78px!important;
    min-height:72px!important;
    margin:3px 4px!important;
    padding:7px!important;
    border-color:#b9c4d0!important;
    background:#fff!important; /* white swatch stays visible */
  }
  body.product-single.barah-cro-v6742 .barah-v6742-choice-size {
    min-height:51px!important;
    margin:3px!important;
    padding:9px 11px!important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.is-picked,
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:has(input:checked),
  body.product-single.barah-cro-v6742 input:checked + label.barah-v6742-native-choice {
    border-color:#ea580c!important;
    background-color:#fff7ed!important;
    box-shadow:inset 0 0 0 1px #ea580c!important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:focus-within {
    outline:2px solid #ea580c!important;
    outline-offset:2px!important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-ready-v6742 {
    margin:5px 0 8px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  /* Avoid overlapping the native options; the mobile navigation itself stays. */
  body.product-single.barah-cro-v6742 #barah-back-to-top-v6511 {
    display:none!important;
    pointer-events:none!important;
  }
}

/* BARAH STORE | MOBILE CHOICE LEAN V67.43.2 | Trial 135910905
   Paste at the end of trial CSS ONLY after console visual test.
   Does not replace Salla controls, alter cart/checkout, or touch desktop.
*/
@media screen and (max-width:767px) {
  /* Show customers the actual choices immediately; the separate status below
     already communicates whether required choices are complete. */
  body.product-single.barah-cro-v6742 .barah-cro-guide-v6742,
  body.product-single.barah-cro-v6742 .barah-lp-option-heading {
    display:none !important;
  }

  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options {
    display:block !important;
    padding:10px 12px 8px !important;
    margin:0 0 6px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #e1e5eb !important;
  }

  /* Compress default per-option wrappers, never the input/card touch targets. */
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options
  .s-product-options-option {
    box-sizing:border-box !important;
    min-height:0 !important;
    padding-block:0 !important;
    margin-block:0 10px !important;
  }
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options
  .s-product-options-option:last-child {
    margin-block-end:0 !important;
  }
  body.product-single.barah-cro-v6742 salla-product-options.barah-lp-native-options
  :is(.s-product-options-option-details,.s-product-options-option-values,.s-product-options-option-items) {
    margin-block:6px 3px !important;
  }

  /* Both color names stay legible; white's border remains visible. */
  body.product-single.barah-cro-v6742 .barah-v6742-choice-color {
    min-width:76px !important;
    min-height:72px !important;
    color:#243246 !important;
    border-color:#b2bfce !important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-choice-size {
    min-height:50px !important;
    color:#243246 !important;
    font-weight:800 !important;
  }
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice.is-picked,
  body.product-single.barah-cro-v6742 .barah-v6742-native-choice:has(input:checked),
  body.product-single.barah-cro-v6742 input:checked + label.barah-v6742-native-choice {
    border-color:#ea580c !important;
    background-color:#fff7ed !important;
    box-shadow:inset 0 0 0 1px #ea580c !important;
  }
  body.product-single.barah-cro-v6742 .barah-cro-ready-v6742 {
    margin:4px 0 8px !important;
    padding:8px 10px !important;
  }
}


/* START ATELIER V70.4 VISUAL DESIGN */
/* BARAH STORE — ATELIER V70.0 — FULL REPLACEMENT STYLESHEET FOR NOMO
   New clean design system. Do not append to V67/V68 CSS.
   No hiding native options, add-to-cart, shipping methods, prices, or checkout.
*/
:root{--bv-ink:#253247;--bv-sub:#657184;--bv-brand:#f46b43;--bv-brand-dark:#cc462d;--bv-soft:#fff3ec;--bv-line:#e9ebee;--bv-bg:#fff;--bv-r:18px;--bv-shadow:0 12px 30px rgba(35,38,48,.045)}
html{scroll-behavior:smooth}html:focus-within{scroll-behavior:auto}
body:not(.cart):not(.checkout){background:var(--bv-bg)!important;color:var(--bv-ink)}
:where(body.index,body.product-single) :where(h1,h2,h3,h4){letter-spacing:-.015em}
:where(body.index,body.product-single) :where(a,button,input,select):focus-visible{outline:3px solid var(--bv-brand)!important;outline-offset:2px}
/* Lightweight, white, high-contrast native Salla header */
:where(body.index,body.product-single,body[class*="category"]) :is(#site-header-outer,.site-header,.store-header){background:#fff!important;border-bottom:1px solid #f0f0f0;box-shadow:none!important}
#site-header-outer :is(.site-header__wrapper,.main-header){min-height:66px}
#site-header-outer .theme-logo img{max-height:56px;object-fit:contain}
:where(body.index,body.product-single,body[class*="category"]) :is(.main-nav,.navbar,.main-menu){background:#fff!important}
/* V70 homepage hero — zero carousel JS; images from merchant's catalog */
#barah-v700-home,#barah-v700-home *{box-sizing:border-box}
#barah-v700-home{width:min(1170px,100%);margin:14px auto 25px;padding:0 16px;color:var(--bv-ink);font-family:inherit;position:relative;z-index:1}
#barah-v700-home[dir=ltr]{direction:ltr}#barah-v700-home a{text-decoration:none!important}
.bv70-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:20px;background:linear-gradient(120deg,#fff5ed 0%,#fff9f5 63%,#fff 100%);border:1px solid #f7e1d5;border-radius:24px;padding:clamp(20px,3vw,43px);min-height:300px}
.bv70-copy{min-width:0}.bv70-kicker{display:inline-flex;align-items:center;border:1px solid #f1cfbe;background:#fff;color:#b04c2a;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:800}
#barah-v700-home .bv70-title{font-size:clamp(31px,3.7vw,50px)!important;font-weight:850!important;color:#243148!important;line-height:1.26!important;margin:14px 0 9px!important;text-align:start!important}
.bv70-sub{max-width:52ch;font-size:15px;color:#6a6570;line-height:1.85;margin:0!important}
.bv70-actions{display:flex;flex-wrap:wrap;gap:10px;margin:19px 0 0}
.bv70-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:10px 19px;border-radius:12px;font-size:14px;font-weight:800;transition:background .15s ease;white-space:nowrap}
#barah-v700-home .bv70-primary{background:var(--bv-brand);color:#fff!important}#barah-v700-home .bv70-primary:hover{background:var(--bv-brand-dark)}
#barah-v700-home .bv70-outline{background:#fff;border:1px solid #ead6c9;color:#3e3f49!important}
.bv70-shipping{font-size:11px;color:#746963;margin:13px 0 0!important;line-height:1.6}
.bv70-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#barah-v700-home .bv70-featured-card{background:#fff;border:1px solid #f0dcd2;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0;color:var(--bv-ink)!important;box-shadow:0 7px 25px rgba(118,63,34,.055)}
.bv70-media{display:grid;place-items:center;height:185px;padding:10px;background:#fff;overflow:hidden}
.bv70-media img{display:block;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}
.bv70-photo-error{background:#f7f7f7}.bv70-photo-error img{display:none}
.bv70-photo-error:after{content:'الصورة غير متاحة';font-size:12px;color:#777}
.bv70-item-info{padding:10px 11px 12px;display:flex;flex-direction:column;gap:7px;text-align:start}
.bv70-item-info strong{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:35px}
.bv70-item-info span{font-size:11px;color:var(--bv-brand-dark);font-weight:800}
.bv70-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:12px 0}
.bv70-trust span{display:inline-flex;align-items:center;gap:6px;border:1px solid #eceff0;border-radius:99px;background:#fff;padding:7px 13px;color:#58616d;font-size:12px;font-weight:700}
.bv70-trust span::before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:100%;background:#e9f5ef;color:#237a50;font-size:10px}
.bv70-quick{display:flex;align-items:center;gap:14px;min-width:0;margin:12px 0 0;padding:12px 1px;border-top:1px solid var(--bv-line);border-bottom:1px solid var(--bv-line)}
.bv70-quick>strong{font-size:13px;white-space:nowrap}.bv70-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;min-width:0;scrollbar-width:none;padding:3px 0}
.bv70-pills::-webkit-scrollbar{display:none}
#barah-v700-home .bv70-pill{min-height:37px;display:inline-flex;align-items:center;border-radius:99px;border:1px solid #e4e6e8;background:#fff;color:var(--bv-ink)!important;font-size:12px;font-weight:750;padding:7px 13px;white-space:nowrap}
#barah-v700-home .bv70-pill:first-child{background:var(--bv-soft);border-color:#f6d5c7;color:#b14d30!important}
.barah-v700-scroll-target{display:block;height:0;scroll-margin-top:95px;position:relative}
/* One system for native Salla homepage shelves and catalog cards */
body.index :is(.s-block--products-slider,.s-block--fixed-products,.s-block--latest-products,.barah-v700-native-shelf){max-width:1180px;margin:18px auto 26px!important;padding:0 16px!important;box-sizing:border-box}
body.index :is(.s-block--products-slider,.s-block--fixed-products,.barah-v700-native-shelf) :is(h2,h3,.s-block__title){color:var(--bv-ink);font-weight:800;line-height:1.45;margin-block:0 14px}
body.index .barah-v700-deals :is(h2,h3,.s-block__title){border-inline-start:4px solid var(--bv-brand);padding-inline-start:10px}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-entry,.s-product-card,.product-block,.product-entry){background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important;min-width:0;transition:box-shadow .15s ease,border-color .15s ease}
@media(hover:hover){:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-entry,.s-product-card,.product-block,.product-entry):hover{border-color:#f3c5b0!important;box-shadow:var(--bv-shadow)!important}}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-image,.s-product-card-image-container,.product-image,.product-block__thumb){background:#fff!important;min-height:180px;height:200px;max-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-image,.s-product-card-image-container,.product-image,.product-block__thumb) img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;padding:7px;box-sizing:border-box}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-entry__title,.s-product-card-name,.product-title h2,.product-title){color:var(--bv-ink)!important;font-size:14px!important;font-weight:750!important;line-height:1.5!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.price-wrapper,.s-product-card-price){font-weight:850;color:var(--bv-brand-dark)}
:where(body.index,body[class*="category"],body[class*="products"]) :is(.s-button-btn,button.add-to-cart,.product-block__btn){border-radius:11px;min-height:42px;font-weight:800}
/* Center small native product groups only when exactly two slides are present. */
@media(min-width:768px){.barah-v700-men .swiper-wrapper:has(> :nth-child(2):last-child){justify-content:center!important}}
/* Product detail page: keep original Salla interactive components & transaction flow */
body.product-single :is(.product-single,.product-details,main){min-width:0}
body.product-single :is(.product-single,.product-details) :is(h1,.product-title){color:var(--bv-ink)!important;line-height:1.45!important}
body.product-single :is(.product-single,.product-details) :is(.price,.product-price){color:var(--bv-brand-dark);font-weight:850}
body.product-single :is(salla-product-options,.product-options){display:block;min-width:0}
body.product-single :is(salla-product-options,.product-options) :is(select,input,button){min-height:44px}
body.product-single :is(.product-single,.product-details) :is(.product-description,.product-details__description){line-height:1.85;overflow-wrap:anywhere}
body.product-single :is(.product-single,.product-details) :is(.s-button-btn,button[type="submit"]){border-radius:11px;min-height:46px}
/* Footer: useful hierarchy, no fake payment/shipping badges */
footer{background:#fcfcfc!important;border-top:1px solid var(--bv-line);color:var(--bv-ink)}
footer :is(h2,h3,h4){font-weight:800;color:var(--bv-ink)}
footer a{color:inherit;text-underline-offset:3px}
footer img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:767px){
 #site-header-outer .site-header__wrapper{min-height:60px}
 #barah-v700-home{padding:0 11px;margin:8px auto 14px}
 .bv70-hero{grid-template-columns:1fr;gap:16px;border-radius:19px;padding:18px 14px;min-height:0}
 #barah-v700-home .bv70-title{font-size:clamp(27px,7vw,34px)!important;margin:10px 0 8px!important}
 .bv70-sub{font-size:13px;line-height:1.7}
 .bv70-kicker{font-size:11px}
 .bv70-actions{margin-top:14px;gap:9px}
 .bv70-button{font-size:12px;padding:9px 11px;min-height:44px;flex:1 1 auto}
 .bv70-featured{gap:9px}
 .bv70-media{height:139px;padding:7px}
 .bv70-item-info{padding:8px 9px 10px;gap:4px}
 .bv70-item-info strong{font-size:11px;min-height:32px}
 .bv70-trust{gap:6px;margin:10px 0}
 .bv70-trust span{font-size:10px;padding:6px 9px}
 .bv70-quick{display:block;gap:0;padding:10px 0}
 .bv70-quick>strong{display:block;margin-bottom:8px}
 .bv70-pill{min-height:35px}
 body.index :is(.s-block--products-slider,.s-block--fixed-products,.s-block--latest-products,.barah-v700-native-shelf){padding:0 10px!important;margin:15px auto 21px!important}
 :where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-image,.s-product-card-image-container,.product-image,.product-block__thumb){min-height:145px;height:155px;max-height:180px}
 :where(body.index,body[class*="category"],body[class*="products"]) :is(.s-product-card-entry__title,.s-product-card-name,.product-title h2,.product-title){font-size:12px!important}
 body.product-single :is(salla-product-options,.product-options) :is(select,input,button){min-height:46px}
}
@media(max-width:365px){.bv70-media{height:114px}.bv70-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}


/* ===========================================================
  BARAH ATELIER V70.1 | HOME SHELF REFINEMENT | 2026-10-25
  Scope: homepage native shelves identified by V70 JavaScript.
  No DOM rewriting, product price/stock/cart/options/checkout edits.
  Fewer blank zones, simpler cards, retain Salla-native lazy loading.
  Put ONLY ONCE after V70 CSS (or use the complete V70.1 CSS file).
=========================================================== */
:root{--bv-shelf-ink:#28364a;--bv-shelf-muted:#687282;--bv-shelf-border:#e9edf1}

/* Frame five native shelves as compact white editorial sections;
   this overrides page-wrapper.bg-grey used by the Nomo theme. */
body.index .barah-v700-native-shelf,
body.index section.barah-v700-native-shelf.bg-grey,
body.index section.barah-v700-native-shelf.bg-gray,
body.index .barah-v700-native-shelf :is(.bg-grey,.bg-gray,.bg-gray-100){
  background:#fff!important;
  background-image:none!important;
}
body.index .barah-v700-native-shelf{
  width:min(1180px,calc(100% - 26px))!important;
  max-width:1180px!important;
  margin:11px auto 13px!important;
  padding:15px 18px 17px!important;
  border:1px solid var(--bv-shelf-border)!important;
  border-radius:19px!important;
  box-shadow:0 4px 16px rgba(37,50,71,.025)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.index .barah-v700-native-shelf :is(h2,h3,.s-block__title){
  margin:0 0 13px!important;
  font-size:clamp(16px,1.45vw,20px)!important;
  line-height:1.5!important;
  color:var(--bv-shelf-ink)!important;
  font-weight:800!important;
  border-inline-start:3px solid #f46b43;
  padding-inline-start:9px;
}
/* One accent title style, no double orange bars. */
body.index .barah-v700-deals :is(h2,h3,.s-block__title){border-inline-start-width:3px!important;padding-inline-start:9px!important}

/* Swiper sizes remain controlled by Salla; only improve card vertical rhythm. */
body.index .barah-v700-native-shelf :is(.swiper,.swiper-container){
  max-width:100%;min-width:0;overflow:hidden;
}
body.index .barah-v700-native-shelf .swiper-wrapper{align-items:stretch!important}
body.index .barah-v700-native-shelf .swiper-slide{height:auto!important;min-width:0}
body.index .barah-v700-native-shelf :is(.s-product-card-entry,.s-product-card,.product-block,.product-entry){
  height:100%!important;
  min-height:0!important;
  max-width:100%;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid #e9edf1!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.index .barah-v700-native-shelf :is(.product-image,.product-block__thumb,.s-product-card-image,.s-product-card-image-container){
  height:155px!important;
  min-height:155px!important;
  max-height:155px!important;
  aspect-ratio:auto;
  padding:4px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.index .barah-v700-native-shelf :is(.product-image,.product-block__thumb,.s-product-card-image,.s-product-card-image-container) img{
  display:block!important;width:100%!important;height:100%!important;
  max-height:100%!important;object-fit:contain!important;
  object-position:center!important;box-sizing:border-box!important;
  padding:3px!important;
}
/* Short, scannable cards instead of long repeated catalog descriptions. */
body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title,.product-title h2){
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;line-clamp:2;
  overflow:hidden!important;font-size:13px!important;
  line-height:1.45!important;max-height:2.9em!important;
  font-weight:750!important;
}
body.index .barah-v700-native-shelf :is(.s-product-card-description,.s-product-card-entry__description,.product-description,.product-block__desc,.product-block__info > p:not(.price):not(.product-price):not(.price-wrapper):not(.s-product-card-price)){
  display:none!important;
}
body.index .barah-v700-native-shelf :is(.product-block__info,.s-product-card-content,.product-content){
  padding:8px 10px 10px!important;
  min-height:0!important;
}
body.index .barah-v700-native-shelf :is(.s-product-card-price,.product-block__price,.product-price,.price-wrapper){
  margin-top:auto!important;
  font-weight:850!important;
}
body.index .barah-v700-native-shelf :is(.s-button-btn,button.add-to-cart,.product-block__btn){
  min-height:39px!important;
  border-radius:9px!important;
}
/* The men's category has exactly two curated products. Center its native
   slides instead of leaving both stranded at the far right of a full row. */
@media(min-width:768px){
 body.index .barah-v700-men .swiper-wrapper{justify-content:center!important}
 body.index .barah-v700-men .swiper-slide{max-width:250px}
}

/* Men's products are now a Salla native FIXED-products pair (version 135910905).
   Center just the two card containers, without changing native product links. */
@media(min-width:768px){
 body.index .barah-v700-men :is(.products-list,.products-grid,.s-products-list, .grid):has(> :is(.product-block,.product-entry,.s-product-card,.s-product-card-entry)){
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,235px))!important;
   justify-content:center!important;
   gap:14px!important;
 }
 body.index .barah-v700-men :is(.products-list,.products-grid,.s-products-list) > :is(.product-block,.product-entry,.s-product-card,.s-product-card-entry){max-width:235px}
}

@media(max-width:767px){
 body.index .barah-v700-men :is(.products-list,.products-grid,.s-products-list,.grid):has(> :is(.product-block,.product-entry,.s-product-card,.s-product-card-entry)){
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:9px!important;
 }
}
/* Mobile: genuine two-tap category browse, not a stack of tall banners. */
@media(max-width:767px){
 body.index .barah-v700-native-shelf{
   width:calc(100% - 16px)!important;
   margin:9px auto 11px!important;
   padding:11px 9px 13px!important;
   border-radius:15px!important;
 }
 body.index .barah-v700-native-shelf :is(h2,h3,.s-block__title){
   font-size:15px!important;margin:0 0 9px!important;
 }
 body.index .barah-v700-native-shelf :is(.product-image,.product-block__thumb,.s-product-card-image,.s-product-card-image-container){
   height:137px!important;min-height:137px!important;max-height:137px!important;
 }
 body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title,.product-title h2){font-size:12px!important}
 body.index .barah-v700-native-shelf :is(.product-block__info,.s-product-card-content,.product-content){padding:7px 8px 9px!important}
}
@media(max-width:365px){
 body.index .barah-v700-native-shelf :is(.product-image,.product-block__thumb,.s-product-card-image,.s-product-card-image-container){height:126px!important;min-height:126px!important;max-height:126px!important}
}

/* BARAH V70.4 | restore compact homepage-only three-link mobile navigation */
@media(max-width:767px){
 body.index.barah-v704-home-nav{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;}
 #barah-v704-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:45;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:64px;padding:4px 7px calc(4px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.985);border-top:1px solid #e8e9ed;box-shadow:0 -3px 16px rgba(37,50,71,.055);direction:rtl;box-sizing:border-box}
 #barah-v704-bottom-nav>a{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;color:#475569!important;text-decoration:none!important;font-size:11px;font-weight:750}
 #barah-v704-bottom-nav>a[aria-current="page"]{background:#fff3ec;color:#cc462d!important}
 #barah-v704-bottom-nav .barah-v704-nav-symbol{font-size:22px;line-height:1.1;font-weight:650}
 #barah-v704-bottom-nav>a:focus-visible{outline:2px solid #f46b43;outline-offset:-2px}
 #barah-v700-quick,.barah-v700-scroll-target{scroll-margin-top:90px}
 body.index .barah-v700-new :is(h2,h3,.s-block__title){border-inline-start:3px solid #f46b43;padding-inline-start:9px}
}
@media(min-width:768px){#barah-v704-bottom-nav{display:none!important}}



/* BARAH V71.0 | ADD only; home category directory. Does not change Salla cart/options. */
#barah-v700-home .barah-v71-categories{margin:18px 0 2px;padding:18px 16px;background:#fff;border:1px solid #eeece8;border-radius:18px;direction:inherit;overflow:hidden}
#barah-v700-home .barah-v71-cathead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:13px}
#barah-v700-home .barah-v71-cathead h2{font-size:clamp(16px,2.4vw,20px);font-weight:800;color:#18212d;margin:0}
#barah-v700-home .barah-v71-cathead p{font-size:12px;color:#6d7480;margin:0}
#barah-v700-home .barah-v71-catgrid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}
#barah-v700-home .barah-v71-catcard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:7px;padding:10px 5px;color:#202935;text-decoration:none;border-radius:12px;border:1px solid #f0eeeb;background:#fefcf9;transition:transform .15s ease,border-color .15s ease}
#barah-v700-home .barah-v71-catcard:hover,#barah-v700-home .barah-v71-catcard:focus-visible{border-color:#ec955e;transform:translateY(-2px)}
#barah-v700-home .barah-v71-caticon{height:32px;width:32px;display:grid;place-items:center;background:#fff0e5;border-radius:10px;color:#a64d1f;font-weight:700;font-size:21px}
#barah-v700-home .barah-v71-catname{font-size:11px;font-weight:700;text-align:center;line-height:1.4;min-height:30px;overflow-wrap:anywhere}
#barah-v700-new{scroll-margin-top:95px;display:block;height:0}
@media(max-width:767px){#barah-v700-home .barah-v71-categories{margin:10px 0 0;padding:13px 10px;border-radius:14px}#barah-v700-home .barah-v71-catgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#barah-v700-home .barah-v71-catcard{padding:10px 4px}#barah-v700-home .barah-v71-cathead p{display:none}#barah-v700-home .barah-v71-catname{font-size:11px;min-height:auto}#barah-v700-home .barah-v71-caticon{height:35px;width:35px}}
@media(prefers-reduced-motion:reduce){#barah-v700-home .barah-v71-catcard{transition:none}}


/* BARAH V72 | Only discovery + nonintrusive native card readability. Add ONCE after V71 CSS. */
#barah-v72-sort,.barah-v72-explore{direction:rtl;box-sizing:border-box;width:min(1180px,calc(100% - 20px));margin:18px auto;background:#fff;color:#223049;border:1px solid #efe6e0;border-radius:17px}
#barah-v72-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:13px}
#barah-v72-sort strong{font-size:14px}
.barah-v72-sort-link{color:#e76532;font-weight:800;text-decoration:none;border:1px solid #f4d7c9;border-radius:11px;padding:10px 12px;background:#fff9f6}
.barah-v72-sort-link[aria-current="page"]{background:#e76532;color:#fff;border-color:#e76532}
.barah-v72-explore{padding:18px 20px;margin-top:24px;margin-bottom:30px}
.barah-v72-explore-head h2{margin:5px 0 7px;font-weight:850;font-size:clamp(19px,2vw,25px);line-height:1.45}
.barah-v72-explore-head p{font-size:13px;margin:0 0 15px;color:#6f7887;line-height:1.7}
.barah-v72-kicker{color:#d95727;font-size:12px;font-weight:800}
.barah-v72-cross-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.barah-v72-cross-link{display:flex;align-items:center;justify-content:center;min-height:56px;text-align:center;text-decoration:none;color:#223049;font-size:13px;font-weight:800;border:1px solid #e9eaf0;background:#fafbfd;border-radius:11px;padding:10px;line-height:1.5}
.barah-v72-cross-link:hover,.barah-v72-cross-link:focus-visible{border-color:#e76532;color:#c64a24;outline-offset:2px}
.barah-v72-explore-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.barah-v72-action-main,.barah-v72-action-outline{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 15px;text-decoration:none;font-weight:800;font-size:13px;border-radius:10px}
.barah-v72-action-main{background:#e76532;color:#fff!important}.barah-v72-action-outline{background:#fff;color:#c34f26;border:1px solid #efc8b5}
/* Restore a clear native-product purchase pathway without touching native Salla buttons. */
body.index .barah-v700-new .barah-v72-view{display:flex;align-items:center;justify-content:center;min-height:36px;margin:6px 8px 9px;padding:6px 9px;border-radius:9px;background:#fff7f2;border:1px solid #f2d2c2;color:#bc4921;font-weight:800;font-size:12px;text-decoration:none;line-height:1.4}
body.index .barah-v700-new :is(.s-product-card-entry__title,.s-product-card-name,.product-title){font-size:13px!important;line-height:1.55!important;min-height:2.8em!important}
body.index .barah-v700-new :is(.s-product-card-price,.price-wrapper,.product-block__price){font-size:13px!important;font-weight:850!important}
/* A tiny improvement for category cards: do not resize/move the Salla native cart component. */
@media(max-width:767px){
  #barah-v72-sort,.barah-v72-explore{width:calc(100% - 16px);margin:12px 8px}
  #barah-v72-sort{padding:10px;font-size:12px}
  #barah-v72-sort strong{font-size:12px}
  .barah-v72-sort-link{padding:8px;font-size:12px}
  .barah-v72-explore{padding:14px;margin-top:20px;margin-bottom:24px}
  .barah-v72-cross-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .barah-v72-cross-link{font-size:12px;min-height:52px}
  .barah-v72-explore-actions>a{flex:1 1 140px}
  body.index .barah-v700-new .barah-v72-view{font-size:11.5px}
}
/* RTL only where Arabic page, preserve English direction. */
html[lang^="en"] #barah-v72-sort,html[lang^="en"] .barah-v72-explore{direction:ltr}


/* BARAH V73.0 | APPROVED MOBILE MARKET ENTRANCE
   APPEND after V72 CSS on TRIAL 135910905 only.
   No Salla cart/variant/quantity overrides. Teal is the accent of the approved visual. */
:root{--barah-v73-teal:#08aeb7;--barah-v73-teal-dark:#008c95;--barah-v73-ink:#142030}
/* Only native header is restyled: original cart, login, language and menu remain active. */
@media(max-width:767px){
  #site-header-outer.barah-v73-theme-header{background:#fff!important;border-bottom:1px solid #e9eef0!important;box-shadow:0 3px 12px rgba(12,41,52,.035)!important}
  #site-header-outer.barah-v73-theme-header .site-header__wrapper{min-height:58px!important;padding:6px 11px!important;gap:9px}
  #site-header-outer.barah-v73-theme-header .theme-logo{min-width:0!important;max-width:124px!important}
  #site-header-outer.barah-v73-theme-header .theme-logo img{width:auto!important;max-width:118px!important;max-height:48px!important;object-fit:contain!important}
  #site-header-outer .barah-v73-search-strip{direction:rtl;display:block;width:100%;max-width:100%;padding:0 11px 9px;background:#fff;box-sizing:border-box}
  #site-header-outer .barah-v73-search-launch{appearance:none;background:#f5f8f9;border:1px solid #e7eeef;border-radius:16px;min-height:43px;width:100%;display:flex;align-items:center;gap:10px;padding:9px 14px;color:#586775;cursor:pointer;font:inherit;text-align:start;box-sizing:border-box}
  #site-header-outer .barah-v73-search-symbol{font-size:26px;line-height:1;color:#0a98a3;font-weight:500;flex:none}
  #site-header-outer .barah-v73-search-caption{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
  #site-header-outer .barah-v73-search-launch:focus-visible{outline:2px solid var(--barah-v73-teal-dark);outline-offset:2px}
}
/* HOMEPAGE HERO ONLY: preserves the native featured product links but moves them below the hero. */
#barah-v700-home.barah-v73-market-entrance{--barah-v73-ink:#142030;color:var(--barah-v73-ink)}
#barah-v700-home .barah-v73-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(140px,.7fr);align-items:center;min-height:252px;padding:27px 32px;gap:12px;background:linear-gradient(112deg,#f7fcfb,#edf8f6 77%,#fbfdfb);border:1px solid #e1efed;border-radius:22px;overflow:hidden;position:relative;isolation:isolate;direction:ltr}
#barah-v700-home .barah-v73-hero .bv70-copy{direction:rtl;position:relative;z-index:2;min-width:0}
#barah-v700-home .barah-v73-hero .bv70-kicker{color:#077f8b;background:#fff;border:1px solid #d8eded;letter-spacing:.02em}
#barah-v700-home .barah-v73-hero .bv70-title{color:#152234!important;font-size:clamp(28px,3.1vw,43px)!important;letter-spacing:-.015em;line-height:1.28!important;margin:10px 0!important}
#barah-v700-home .barah-v73-hero .bv70-sub{color:#5f7079;font-size:14px;line-height:1.7}
#barah-v700-home .barah-v73-hero .bv70-primary{background:linear-gradient(125deg,#11b8c0,#019da9)!important;border:1px solid #049ba5!important;border-radius:14px;box-shadow:0 8px 18px rgba(0,155,162,.15);color:white!important}
#barah-v700-home .barah-v73-hero .bv70-outline{background:#fff!important;color:#167480!important;border:1px solid #d2e9e7!important;border-radius:14px}
#barah-v700-home .barah-v73-hero .bv70-button{min-height:43px;padding:9px 16px;font-size:13px}
#barah-v700-home .barah-v73-hero .bv70-shipping{color:#688189;font-size:11px}
/* Pure CSS shopping-bag illustration — no extra HTTP images or large base64 payload. */
#barah-v700-home .barah-v73-bag-scene{position:relative;height:222px;min-width:0;pointer-events:none}
#barah-v700-home .barah-v73-scene-circle{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 60% 42%,#d6f0eb,#e9f7f2 66%,#f9fdfa);inset-inline-start:5%;top:0}
#barah-v700-home .barah-v73-scene-bag{position:absolute;bottom:9px;inset-inline-start:20%;height:156px;width:125px;background:linear-gradient(125deg,#f9e8d1,#e2c7a7);border:1px solid #d8bea0;border-radius:3px 7px 6px 6px;box-shadow:0 12px 18px rgba(30,61,58,.12);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-2deg);color:#1c3735}
#barah-v700-home .barah-v73-scene-bag::before{content:'';position:absolute;width:46px;height:37px;border:5px solid #b58b64;border-bottom:0;border-radius:50% 50% 0 0;top:-25px;inset-inline-start:calc(50% - 23px)}
#barah-v700-home .barah-v73-bag-mark{font-size:34px;color:#00aeba;font-weight:900;line-height:1}
#barah-v700-home .barah-v73-bag-name{font-size:19px;font-weight:900;line-height:1.3}
#barah-v700-home .barah-v73-scene-parcel{position:absolute;bottom:8px;inset-inline-end:5%;width:76px;height:66px;border-radius:4px;background:linear-gradient(110deg,#f0dfc7,#dac0a2);box-shadow:0 9px 16px rgba(37,64,61,.1)}
#barah-v700-home .barah-v73-scene-parcel::before{content:'';display:block;position:absolute;inset:0 44% 0 44%;background:#0badb5}
#barah-v700-home .barah-v73-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 10px}
#barah-v700-home .barah-v73-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;min-height:77px;padding:12px 16px;border-radius:16px;color:#233142!important;text-decoration:none!important;border:1px solid #ebeff0;font-size:13px;font-weight:850}
#barah-v700-home .barah-v73-tile-new{background:#ebf9f8}
#barah-v700-home .barah-v73-tile-offers{background:#fff0f2}
#barah-v700-home .barah-v73-tile-best{background:#fff8eb}
#barah-v700-home .barah-v73-tile-symbol{font-size:20px;font-weight:900;color:#05a8b1;line-height:1}
#barah-v700-home .barah-v73-tile-offers .barah-v73-tile-symbol{color:#f06a80}
#barah-v700-home .barah-v73-tile-best .barah-v73-tile-symbol{color:#e6a327}
#barah-v700-home .barah-v73-repositioned-featured{max-width:650px;margin:10px auto 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
#barah-v700-home .barah-v73-repositioned-featured .bv70-media{height:115px}
#barah-v700-home .barah-v73-repositioned-featured .bv70-featured-card{box-shadow:none;border-color:#e4edef}
#barah-v700-home .barah-v73-repositioned-featured .bv70-item-info{padding:8px}
#barah-v700-home .barah-v73-repositioned-featured .bv70-item-info strong{font-size:11px;min-height:0}
#barah-v700-home .barah-v71-caticon{background:#eafafa;color:#078b95}
#barah-v700-home .barah-v71-catcard:focus-visible{outline:2px solid #0099a3}
/* More visible native Salla purchasing controls in the mobile homepage product cards. */
@media(max-width:767px){
  #barah-v700-home{margin-top:5px!important}
  #barah-v700-home .barah-v73-hero{grid-template-columns:minmax(0,1fr) 100px;gap:7px;min-height:190px;padding:16px 13px;border-radius:16px}
  #barah-v700-home .barah-v73-hero .bv70-kicker{font-size:10px;padding:5px 8px}
  #barah-v700-home .barah-v73-hero .bv70-title{font-size:clamp(23px,6.3vw,29px)!important;line-height:1.28!important;margin:10px 0 6px!important}
  #barah-v700-home .barah-v73-hero .bv70-sub{font-size:11.5px;line-height:1.55}
  #barah-v700-home .barah-v73-hero .bv70-actions{gap:7px;margin-top:10px}
  #barah-v700-home .barah-v73-hero .bv70-button{min-height:40px;border-radius:11px;font-size:11px;padding:8px 10px;white-space:normal}
  #barah-v700-home .barah-v73-hero .bv70-shipping{font-size:9px;margin-top:7px!important}
  #barah-v700-home .barah-v73-bag-scene{height:148px}
  #barah-v700-home .barah-v73-scene-circle{width:118px;height:132px;inset-inline-start:-8px}
  #barah-v700-home .barah-v73-scene-bag{height:104px;width:83px;bottom:1px;inset-inline-start:6px}
  #barah-v700-home .barah-v73-scene-bag::before{height:22px;width:30px;border-width:3px;top:-16px;inset-inline-start:calc(50% - 15px)}
  #barah-v700-home .barah-v73-bag-mark{font-size:26px}
  #barah-v700-home .barah-v73-bag-name{font-size:12px}
  #barah-v700-home .barah-v73-scene-parcel{height:34px;width:34px;inset-inline-end:-4px;bottom:0}
  #barah-v700-home .barah-v73-discover{gap:6px;margin:9px 0 7px}
  #barah-v700-home .barah-v73-tile{border-radius:11px;min-height:65px;padding:9px 7px;font-size:10.5px;line-height:1.4;text-align:center;align-items:center;gap:4px}
  #barah-v700-home .barah-v73-tile-symbol{font-size:17px}
  #barah-v700-home .barah-v73-repositioned-featured{gap:7px}
  #barah-v700-home .barah-v73-repositioned-featured .bv70-media{height:112px}
  #barah-v700-home .barah-v73-repositioned-featured .bv70-item-info strong{font-size:10.5px}
  body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title){font-size:12.5px!important;line-height:1.5!important}
  body.index .barah-v700-native-shelf :is(.price-wrapper,.s-product-card-price,.product-block__price){font-size:13px!important}
  body.index .barah-v700-native-shelf .s-product-card-content-footer :is(.s-button-primary,button.s-button-element){min-height:40px!important;font-size:12px!important}
  #barah-v704-bottom-nav>a[aria-current="page"]{color:#018e98!important;background:#e9f9fa!important}
}
@media(max-width:354px){#barah-v700-home .barah-v73-hero{grid-template-columns:minmax(0,1fr) 70px}#barah-v700-home .barah-v73-hero .bv70-sub{font-size:10.5px}#barah-v700-home .barah-v73-bag-scene{transform:scale(.78);transform-origin:center}}
@media(prefers-reduced-motion:reduce){#barah-v700-home .barah-v73-hero .bv70-button{transition:none}}

html[lang^="en"] #barah-v700-home .barah-v73-hero .bv70-copy{direction:ltr}


/* BARAH MARKET V73.1 | CONSOLIDATED SAFE VISUAL REFINEMENTS — APPEND ONCE AFTER V73 */
:root{--barah-v731-ink:#172532;--barah-v731-line:#e6edf0;--barah-v731-accent:#029da6}
/* Header: keep Salla's own functional controls and the language switcher. */
@media(max-width:767px){
  #site-header-outer.barah-v73-theme-header{max-width:100%;overflow:visible!important}
  #site-header-outer.barah-v73-theme-header .site-header__wrapper{gap:8px!important;align-items:center!important}
  #site-header-outer.barah-v73-theme-header .theme-logo img{max-width:113px!important;max-height:44px!important;object-fit:contain!important}
  #site-header-outer .barah-v73-search-strip{padding:4px 12px 10px!important}
  #site-header-outer .barah-v73-search-launch{min-height:46px!important;border-radius:14px!important;color:#344957!important}
  #site-header-outer .barah-v73-search-caption{font-size:13px!important}
  /* The original language/login elements are retained, not replaced. */
  #site-header-outer :is(.language-switcher,.language-currency,.header-language-switcher, .site-header__language){max-width:120px;white-space:nowrap}
}
/* Opening message and link buttons are compact enough for a 320px phone. */
@media(max-width:767px){
  #barah-v700-home .barah-v73-hero{padding:16px 12px!important}
  #barah-v700-home .barah-v73-hero .bv70-copy{min-width:0}
  #barah-v700-home .barah-v73-hero .bv70-actions{display:flex;flex-wrap:wrap;align-items:center}
  #barah-v700-home .barah-v73-hero .bv70-button{flex:1 1 94px;min-height:42px!important}
  #barah-v700-home .barah-v73-discover{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}
/* Reuse previous shipping / retail-wholesale trust strip instead of recreating it. */
#barah-v700-home .barah-v731-trust{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--barah-v731-line);border-radius:12px;padding:9px;margin-block:10px;color:#485768}
#barah-v700-home .barah-v731-trust>span{border:0!important;background:#f5f9f9!important;border-radius:20px;padding:5px 9px;font-size:11px!important;line-height:1.5}
/* Restore legibility of Salla native product cards without moving their native add button.
   No product image zoom/hover, no image crop, and no fake add-to-cart buttons. */
:is(body.index,body[class*="category"]) :is(.s-product-card-entry,.s-product-card,.product-block,.product-entry){min-width:0;overflow:visible}
:is(body.index,body[class*="category"]) :is(.s-product-card-image img,.s-product-card-image-container img,.product-block__thumb img,.product-image img){object-fit:contain!important;transform:none!important}
:is(body.index,body[class*="category"]) :is(.s-product-card-entry__title,.s-product-card-name,.product-title){line-height:1.42!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(body.index,body[class*="category"]) :is(.s-product-card-price,.price-wrapper,.product-block__price,.product-price){font-weight:800!important}
:is(body.index,body[class*="category"]) .barah-v731-card-view{display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;margin-top:5px;border:1px solid #0b9faa;background:#eefafa;color:#087c86!important;font-weight:800;font-size:12px;line-height:1.3;border-radius:9px;text-decoration:none!important;box-sizing:border-box;position:static!important;inset:auto!important;transform:none!important}
:is(body.index,body[class*="category"]) .barah-v731-card-view:focus-visible{outline:2px solid #036b73;outline-offset:2px}
/* Protect the native Salla purchase option: leave original event handlers and disabled states untouched. */
@media(max-width:767px){
  body.index .barah-v700-native-shelf :is(.s-product-card-content,.product-block__info,.product-content){min-width:0}
  body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title){font-size:12px!important;min-height:0!important}
  body.index .barah-v700-native-shelf :is(.price-wrapper,.s-product-card-price,.product-block__price){font-size:13px!important}
  body.index .barah-v700-native-shelf .barah-v731-card-view{font-size:11.5px;min-height:36px}
  body.index.barah-v731-has-home-nav{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
}
/* Category SEO discovery: make it clear, readable and never conceal old product links. */
.barah-v731-category-discovery{clear:both;max-width:1160px;margin-inline:auto!important;border:1px solid var(--barah-v731-line);background:#f9fbfb!important}
.barah-v731-category-discovery a{min-height:44px;align-content:center}
/* Historical Back to Top returns only after scrolling, above the mobile home navigation. */
#barah-v731-top{position:fixed;inset-inline-start:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:32;width:43px;height:43px;border:1px solid #cee8e8;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(14,54,56,.14);color:#057e88;font-size:23px;line-height:1;cursor:pointer}
#barah-v731-top[hidden]{display:none!important}
@media(max-width:767px){body.barah-v731-has-home-nav #barah-v731-top{bottom:calc(83px + env(safe-area-inset-bottom,0px))}}
#barah-v731-top:focus-visible{outline:2px solid #087d86;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#barah-v700-home *,#barah-v731-top{transition:none!important;animation:none!important}}
/* Preserve original native buy controls, variant/quantity selectors and original payment methods. */


/* BARAH MARKET V73.2 — MOBILE CTA AND CLEAN FOOTER — ADD AFTER V73.1 CSS
   Only enhance cards with existing real product-detail links. Keep native Salla purchasing intact. */
:root{--bv732-accent:#079ca6;--bv732-dark:#087880;--bv732-edge:#dbe8e9}
/* Unify the historical “شاهد المنتج” and “عرض وشراء” links as ONE purposeful action. */
.barah-v732-card{min-width:0!important;box-sizing:border-box!important;isolation:isolate}
.barah-v732-card .barah-v732-cta{
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;inset:auto!important;float:none!important;
  transform:none!important;clear:both!important;box-sizing:border-box!important;
  width:calc(100% - 16px)!important;max-width:100%!important;
  min-height:43px!important;margin:7px 8px 9px!important;padding:9px 9px!important;
  border-radius:11px!important;border:1px solid var(--bv732-accent)!important;
  background:var(--bv732-accent)!important;color:#fff!important;
  box-shadow:none!important;text-align:center!important;font-weight:850!important;
  font-size:13px!important;line-height:1.3!important;letter-spacing:0!important;
  text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;
  opacity:1!important;visibility:visible!important;z-index:2!important;
}
.barah-v732-card .barah-v732-cta:focus-visible{outline:3px solid #80dadd!important;outline-offset:2px!important}
@media(hover:hover){.barah-v732-card .barah-v732-cta:hover{background:var(--bv732-dark)!important;border-color:var(--bv732-dark)!important}}
/* Native Salla add-to-cart remains clickable and cannot obscure the view CTA or price. */
.barah-v732-card :is(.s-product-card-content-footer,.product-block__bottom,.product-block__footer,.product-content-footer){
  position:relative!important;inset:auto!important;float:none!important;
  margin-top:auto!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;padding:5px 8px!important;
}
.barah-v732-card :is(salla-add-product-button,.s-product-card-content-footer button,.s-product-card-content-footer .s-button-primary,button.add-to-cart,.product-block__btn){
  position:relative!important;inset:auto!important;float:none!important;transform:none!important;
  max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  z-index:1!important;box-shadow:none!important;
}
/* Calm SECONDARY quick-add, while preserving native click / loading / disabled state. */
.barah-v732-card .s-product-card-content-footer :is(.s-button-primary,button.s-button-element,button.add-to-cart):not(:disabled){
  background:#f1fafa!important;color:var(--bv732-dark)!important;
  border:1px solid #b8dfe1!important;box-shadow:none!important;
}
/* Do not override internal button/shadow DOM state, loading, disabled or cart callbacks. */
.barah-v732-card .s-product-card-content-footer :is(button.s-button-element,.s-button-primary){
  min-height:34px!important;border-radius:8px!important;
}
@media(max-width:767px){
  .barah-v732-card .barah-v732-cta{min-height:42px!important;font-size:12px!important}
  .barah-v732-card :is(.s-product-card-content-footer,.product-block__bottom,.product-block__footer,.product-content-footer){padding:4px 7px!important}
  .barah-v732-card :is(.s-product-card-entry__title,.s-product-card-name,.product-title){line-height:1.5!important}
}
/* Footer: organize real payment logos, do not invent or re-render payment providers. */
.barah-v732-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));overflow-wrap:anywhere}
.barah-v732-footer .barah-v732-logos{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:8px 10px!important;
  min-width:0!important;max-width:100%!important;
  padding:12px 8px!important;margin-inline:auto!important;
}
.barah-v732-footer .barah-v732-logos :is(img,svg){
  display:block;object-fit:contain!important;max-width:90px!important;
  max-height:35px!important;height:auto!important;width:auto!important;
  margin:0!important;flex:0 0 auto;
}
.barah-v732-footer img[data-barah-v732-broken="1"]{display:none!important}
/* Keep actual invoice / tax details readable and on their own lines. */
@media(max-width:767px){
 .barah-v732-footer .barah-v732-logos{gap:8px!important;padding:12px 10px!important}
 .barah-v732-footer .barah-v732-logos :is(img,svg){max-width:69px!important;max-height:30px!important}
 .barah-v732-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
 /* Back-to-top should not cover payment logos as the reader reaches the footer. */
 body.barah-v732-footer-visible #barah-v731-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){.barah-v732-card .barah-v732-cta{transition:none!important}}


/* BARAH V73.3 | MOBILE ONE PRIMARY SHOP ACTION AND LEGIBLE CARDS
   Add ONCE after V73.2. This only changes card presentation, not cart checkout/variants. */
@media(max-width:767px){
 /* Preserve a single BUY pathway on cards that have a confirmed real product URL.
    The native Salla cart remains available within the product page. */
 :is(body.index,body[class*="category"]) .barah-v733-one-buy :is(
    salla-add-product-button,
    .s-product-card-content-footer button,
    .s-product-card-content-footer .s-button-primary,
    .product-block__btn,
    button.add-to-cart
 ){display:none!important;visibility:hidden!important;pointer-events:none!important}
 :is(body.index,body[class*="category"]) .barah-v733-one-buy :is(.s-product-card-content-footer,.product-block__bottom,.product-block__footer,.product-content-footer):empty{display:none!important}
 :is(body.index,body[class*="category"]) .barah-v733-one-buy :is(.s-product-card-content-footer,.product-block__bottom,.product-block__footer,.product-content-footer){min-height:0!important;padding:0!important;margin:0!important;border:0!important}
 :is(body.index,body[class*="category"]) .barah-v733-one-buy .barah-v733-primary-buy{
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:calc(100% - 14px)!important;min-width:0!important;max-width:100%!important;
   min-height:43px!important;margin:7px 7px 9px!important;padding:8px 6px!important;
   border-radius:10px!important;background:#079ea9!important;color:#fff!important;
   border:1px solid #079ea9!important;font-size:12px!important;line-height:1.35!important;
   font-weight:800!important;text-decoration:none!important;position:relative!important;
   inset:auto!important;transform:none!important;z-index:2!important;
 }
 :is(body.index,body[class*="category"]) .barah-v733-one-buy .barah-v733-primary-buy:focus-visible{outline:3px solid #80dde1!important;outline-offset:2px!important}
 /* Keep product thumbnails informative, no distortion. Do not force eager loading. */
 body.index .barah-v700-native-shelf :is(.product-image,.product-block__thumb,.s-product-card-image,.s-product-card-image-container){background:#fff!important}
 body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title){font-size:12.5px!important;line-height:1.5!important}
 :is(body.index,body[class*="category"]) :is(.barah-v733-one-buy,.s-product-card-entry){min-width:0!important}
 /* Keep fixed mobile nav from masking last content. */
 body.index:has(#barah-v704-bottom-nav) {padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}
/* An actually broken product image gets a neutral indicator, but lazy pending images are NOT touched. */
.barah-v733-broken-host{position:relative!important;background:#f4f8f8!important}
.barah-v733-broken-host::after{content:'الصورة غير متاحة';position:absolute;inset:20% 5%;display:grid;place-items:center;color:#687a80;font-size:11px;font-weight:600;line-height:1.5;font-family:inherit;text-align:center;pointer-events:none}
.barah-v733-broken-host>.barah-v733-broken-img{opacity:0!important}
footer [data-barah-v733-empty="1"]{display:none!important}
@media(min-width:768px){.barah-v733-one-buy .barah-v733-primary-buy{max-width:100%}}

/* BARAH V73.4 | grid-native sections + a single legible shop link on mobile
   Only on homepage cards with a VERIFIED product-details destination. */
@media(max-width:767px){
 body.index .barah-v734-one-action{position:relative!important;min-width:0!important;box-sizing:border-box!important;display:flex;flex-direction:column}
 body.index .barah-v734-one-action :is(.s-product-card-content-footer salla-add-product-button,.s-product-card-content-footer button,.s-product-card-content-footer .s-button-primary,salla-add-product-button,button.add-to-cart,.product-block__btn,.product-block__add-btn,.s-product-card-add-btn){display:none!important;visibility:hidden!important;pointer-events:none!important}
 body.index .barah-v734-one-action .barah-v734-link{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:calc(100% - 14px)!important;max-width:100%!important;min-height:43px!important;
    margin:7px 7px 10px!important;padding:8px 6px!important;flex-shrink:0!important;
    border:1px solid #079ea9!important;border-radius:10px!important;background:#079ea9!important;
    color:#fff!important;font-weight:800!important;font-size:12px!important;line-height:1.3!important;font-family:inherit!important;text-decoration:none!important;
    position:relative!important;inset:auto!important;transform:none!important;z-index:2!important;
    box-sizing:border-box!important;letter-spacing:0!important;box-shadow:none!important;
 }
 body.index .barah-v734-one-action .barah-v734-link:focus-visible{outline:3px solid #75d6dc!important;outline-offset:2px!important}
 body.index .barah-v700-native-shelf :is(.s-product-card-entry,.product-block,.product-entry){min-width:0!important}
 body.index .barah-v700-native-shelf :is(.s-product-card-entry__title,.s-product-card-name,.product-title){overflow-wrap:anywhere!important;line-height:1.45!important;font-size:12px!important}
}


/* BARAH V74.1 | MARKETPLACE-FIRST • PROPORTIONAL IMAGES native-backed feed, trial only */
#barah-v740-market{width:min(1160px,calc(100% - 24px));margin:14px auto 30px;padding:14px 16px 20px;border:1px solid #e6edf0;border-radius:18px;background:#fff;color:#18242d;box-sizing:border-box;direction:rtl;overflow:visible}
#barah-v740-market[dir="ltr"]{direction:ltr}
#barah-v740-market .barah-v740-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
#barah-v740-market .barah-v740-titles{min-width:0}
#barah-v740-market .barah-v740-eyebrow{color:#0596a1;font-weight:800;font-size:11px}
#barah-v740-market h2{font-size:clamp(20px,2.7vw,27px);font-weight:850;margin:3px 0;color:#18242d}
#barah-v740-market .barah-v740-titles p{font-size:12px;color:#677782;margin:0}
#barah-v740-market .barah-v740-cats-link{padding:11px;border:1px solid #c5e5e7;background:#f2fcfc;color:#077d85;border-radius:11px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
#barah-v740-market .barah-v740-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;border-bottom:1px solid #e9edef;padding-bottom:10px}
#barah-v740-market .barah-v740-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;white-space:nowrap;padding:3px 0}
#barah-v740-market .barah-v740-tab{flex:0 0 auto;cursor:pointer;font-family:inherit;background:#f6f8f9;border:1px solid #e4e9ec;border-radius:20px;padding:9px 12px;color:#34444b;font-size:12px;font-weight:750;min-height:38px}
#barah-v740-market .barah-v740-tab.is-active{color:#fff;background:#059ba6;border-color:#059ba6}
#barah-v740-market .barah-v740-count{white-space:nowrap;font-size:12px;color:#64747a;font-weight:750}
#barah-v740-market .barah-v740-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
#barah-v740-market a.barah-v740-card{min-width:0;display:flex;flex-direction:column;gap:0;border:1px solid #e6ebee;border-radius:13px;overflow:hidden;text-decoration:none;color:#1b2c35;background:#fff;transition:border-color .12s}
#barah-v740-market a.barah-v740-card:hover,#barah-v740-market a.barah-v740-card:focus-visible{border-color:#059ba6;outline-offset:2px}
#barah-v740-market .barah-v740-media{display:flex;align-items:center;justify-content:center;height:176px;background:#fbfcfc;padding:6px;box-sizing:border-box}
#barah-v740-market .barah-v740-media img{display:block;width:100%;height:100%;object-fit:contain}
#barah-v740-market .barah-v740-noimage{font-size:12px;color:#7a8389}
#barah-v740-market .barah-v740-info{display:flex;flex:1;flex-direction:column;gap:5px;padding:9px;min-width:0}
#barah-v740-market .barah-v740-badge{align-self:flex-start;border-radius:6px;background:#eafbfb;color:#007b84;padding:2px 6px;font-size:10px;font-weight:750}
#barah-v740-market .barah-v740-name{font-size:12px;line-height:1.55;min-height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#barah-v740-market .barah-v740-price{font-size:11px;font-weight:750;color:#3c5158;margin-top:auto}
#barah-v740-market .barah-v740-buy{display:block;text-align:center;padding:9px 5px;background:#079eaa;color:#fff;font-weight:850;font-size:12px;border-radius:9px;margin-top:3px}
#barah-v740-market .barah-v740-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.barah-v740-active .barah-v740-source-hidden{display:none!important}
/* Marketplace-like structure: discovery/category controls before feed, no giant billboard */
@media(max-width:767px){
 body.barah-v740-active #barah-v700-home .bv70-hero{padding:14px!important;min-height:0!important}
 body.barah-v740-active #barah-v700-home .bv70-title{font-size:23px!important;line-height:1.25!important}
 body.barah-v740-active #barah-v700-home .bv70-sub{font-size:12px!important;line-height:1.6!important}
 body.barah-v740-active #barah-v700-home .barah-v73-repositioned-featured,body.barah-v740-active #barah-v700-home .barah-v73-bag-scene{display:none!important}
 body.barah-v740-active #barah-v700-home .bv70-quick{display:none!important}
 #barah-v740-market{width:calc(100% - 14px);margin:8px auto 18px;padding:12px 8px;border-radius:13px}
 #barah-v740-market .barah-v740-head{align-items:flex-start;gap:7px}
 #barah-v740-market .barah-v740-titles p{font-size:10px}
 #barah-v740-market .barah-v740-cats-link{padding:7px 6px;font-size:10px}
 #barah-v740-market .barah-v740-controls{align-items:flex-start;flex-direction:column;gap:2px}
 #barah-v740-market .barah-v740-tabs{max-width:100%;width:100%}
 #barah-v740-market .barah-v740-count{font-size:10px}
 #barah-v740-market .barah-v740-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #barah-v740-market .barah-v740-media{height:145px}
 #barah-v740-market .barah-v740-info{padding:7px;gap:4px}
 #barah-v740-market .barah-v740-name{font-size:11.5px}
 #barah-v740-market .barah-v740-buy{min-height:38px;box-sizing:border-box;display:grid;place-items:center}
}
@media(min-width:768px) and (max-width:1070px){#barah-v740-market .barah-v740-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#barah-v740-market .barah-v740-card{transition:none}}


/* BARAH V74.1 | IMAGE SIZE CORRECTION, safe for original native cards and V74 market.
   Images should use the complete square media area. NEVER crop/zoom the photo.
   This patch must remain LAST in the custom CSS. */
body.index #barah-v740-market .barah-v740-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}
body.index #barah-v740-market .barah-v740-media{
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:1/1!important;box-sizing:border-box!important;
  padding:5px!important;background:#fff!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body.index #barah-v740-market .barah-v740-media img{
  display:block!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;padding:0!important;box-sizing:border-box!important;
}
body.index #barah-v740-market .barah-v740-info{padding:10px!important}
body.index #barah-v740-market .barah-v740-name{font-size:13.5px!important;line-height:1.55!important}
body.index #barah-v740-market .barah-v740-price{font-size:13px!important}
/* When the safe fallback shows Salla's original six grids, use the same responsive image geometry. */
body.index :is(.barah-v700-native-shelf,.s-block--fixed-products,.home-block--fixed-products,.s-block--products-slider,.home-block--products-slider)
:is(.product-image,.product-block__thumb,.s-product-card-image-container,.s-product-card-image):not(img){
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:1/1!important;box-sizing:border-box!important;padding:5px!important;
  overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;
}
body.index :is(.barah-v700-native-shelf,.s-block--fixed-products,.home-block--fixed-products,.s-block--products-slider,.home-block--products-slider)
:is(.product-image,.product-block__thumb,.s-product-card-image-container,.s-product-card-image):not(img) img{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:100%!important;object-fit:contain!important;
  object-position:center!important;box-sizing:border-box!important;padding:0!important;
  transform:none!important;
}
body.index :is(.barah-v700-native-shelf,.s-block--fixed-products,.home-block--fixed-products,.s-block--products-slider,.home-block--products-slider)
img.s-product-card-image{
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;
  transform:none!important;
}
@media(min-width:768px) and (max-width:1070px){
  body.index #barah-v740-market .barah-v740-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
  body.index #barah-v740-market .barah-v740-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.index #barah-v740-market .barah-v740-media{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;max-height:none!important;padding:4px!important}
  body.index #barah-v740-market .barah-v740-info{padding:8px!important}
  body.index #barah-v740-market .barah-v740-name{font-size:12px!important;line-height:1.5!important}
  body.index #barah-v740-market .barah-v740-price{font-size:12px!important}
}



/* BARAH MARKET V74.2 — FEATURED PRODUCT CARD POLISH
   CSS-only, scoped to homepage featured recommendations; no changes to Salla cart/options/checkout.
   Append once AFTER V74.1 CSS; do not add more than once. */
@media (max-width: 767px) {
  body.index #barah-v700-home .barah-v73-repositioned-featured {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-block: 12px 16px !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-featured-card {
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e2ebed !important;
    border-radius: 15px !important;
    background: #fff !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-media {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-media img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-item-info {
    padding: 8px !important;
    gap: 7px !important;
    flex: 1 !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-item-info strong {
    font-size: 12px !important;
    line-height: 1.55 !important;
    min-height: 37px !important;
    -webkit-line-clamp: 2 !important;
  }
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-item-info > span:last-child {
    width: 100% !important;
    margin-top: auto !important;
    min-height: 38px !important;
    border-radius: 9px !important;
    background: #089ca8 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}
/* Touch devices should not retain an orange hover highlight after a category was tapped. */
@media (hover: none) {
  body.index #barah-v700-home .barah-v71-catcard:hover {
    transform: none !important;
    border-color: #f0eeeb !important;
  }
  body.index #barah-v700-home .barah-v71-catcard:focus-visible {
    outline: 2px solid #0099a3 !important;
    outline-offset: 2px !important;
  }
}
/* Keep the desktop featured cards visually aligned without changing their clickable structure. */
@media (min-width: 768px) {
  body.index #barah-v700-home .barah-v73-repositioned-featured .bv70-item-info > span:last-child {
    color: #078994 !important;
    font-weight: 800 !important;
  }
}
/*
 BARAH MARKET V75.0 | SAFE PRODUCT PAGE VISUAL REFINEMENT
 Trial 135910905. Append ONCE at the very end of Custom CSS.
 - Styling ONLY: never moves a Salla form or changes option values, stock, price, add-to-cart,
   payments or checkout.
 - Scoped exclusively to product detail pages via .page--product-details.
 - Compatible with existing V67.43/V74 code. No new JavaScript required.
*/
:root{--barah-pdp-accent:#079ca5;--barah-pdp-ink:#162a36;--barah-pdp-soft:#edfaf9;--barah-pdp-border:#e4ecef;}
section.page--product-details{box-sizing:border-box;}
section.page--product-details{color:var(--barah-pdp-ink);}
section.page--product-details > .container {box-sizing:border-box!important;width:100%;max-width:1192px;min-width:0;}
section.page--product-details :is(.product-details__info,.product-details__title,form.product-details__options,.product-details__slider){min-width:0;}
/* Retain the complete image and prevent accidental crop/forced enlargement. */
section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery,salla-product-gallery){background:#fff;border-radius:16px;overflow:hidden;}
section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery,salla-product-gallery) :is(img){object-fit:contain!important;object-position:center!important;max-width:100%;}
/* Clear purchase hierarchy: name > actual price > options > native cart button. */
section.page--product-details :is(.product-details__title h1,.product-details__title h2,h1.product-title){font-weight:850!important;font-size:clamp(21px,2.1vw,29px)!important;line-height:1.43!important;color:var(--barah-pdp-ink)!important;overflow-wrap:break-word;}
section.page--product-details :is(.product-details__price,.product-price,.price-wrapper,salla-product-price){font-variant-numeric:tabular-nums;line-height:1.45;}
section.page--product-details form.product-details__options{display:block;max-width:100%;}
section.page--product-details form.product-details__options :is(salla-product-options,salla-quantity-input,salla-add-product-button){min-width:0;}
section.page--product-details form.product-details__options :is(salla-product-options,.s-product-options-wrapper){display:block;max-width:100%;}
section.page--product-details form.product-details__options :is(.s-product-options-option,.s-product-options-option-values,.s-product-options-option-items){max-width:100%;}
section.page--product-details form.product-details__options :is(label,.s-radio-label,.s-checkbox-label,select,.s-product-options-option input:not([type="hidden"])){overflow-wrap:anywhere;}
section.page--product-details form.product-details__options :is(.s-radio-label,.s-checkbox-label,.barah-v6742-native-choice){min-height:44px;}
section.page--product-details form.product-details__options :is(select,button):focus-visible{outline:2px solid var(--barah-pdp-accent);outline-offset:2px;}
section.page--product-details form.product-details__options .product-actions{gap:10px;max-width:100%;}
section.page--product-details form.product-details__options .product-actions salla-add-product-button{max-width:100%;}
section.page--product-details form.product-details__options .product-actions :is(salla-add-product-button,.s-button-primary,.s-button-btn){border-radius:12px;}
section.page--product-details form.product-details__options .product-actions :is(.s-button-primary,.s-button-btn,button[type="submit"]){min-height:48px;font-weight:800;}
/* Existing shipping information: one readable line, no fabricated delivery promises. */
section.page--product-details #barah-v653-shipping-note{border-color:#d6ecec!important;background:#f5fbfa!important;border-radius:12px!important;color:#1e4450!important;}
/* Long HTML, FAQs, tables and size charts after the purchase area. */
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description){max-width:100%;overflow-wrap:anywhere;line-height:1.8;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(img,video,iframe){max-width:100%!important;height:auto;object-fit:contain;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
/* Do not hide real reviews or suggested product cards. */
section.page--product-details :is(.s-product-card-entry,.product-block){min-width:0;}
@media(max-width:767px){
  section.page--product-details > .container{padding-inline:12px!important;}
  section.page--product-details > .container > .row{margin-inline:0!important;row-gap:13px;}
  section.page--product-details > .container > .row > :is(.col-lg-5,.col-lg-7){padding-inline:0!important;min-width:0;}
  section.page--product-details :is(.product-details__title h1,.product-details__title h2,h1.product-title){font-size:21px!important;line-height:1.5!important;margin-block:10px 7px!important;}
  section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery){border-radius:14px;max-width:100%;}
  section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery) img{max-height:420px;}
  section.page--product-details :is(.product-details__price,.product-price,.price-wrapper,salla-product-price){font-size:19px;font-weight:900;}
  section.page--product-details form.product-details__options{margin-block:10px 12px!important;}
  section.page--product-details form.product-details__options .product-actions{display:flex;flex-wrap:wrap;align-items:stretch;}
  section.page--product-details form.product-details__options .product-actions salla-add-product-button{flex:1 1 190px;min-height:48px;}
  section.page--product-details form.product-details__options :is(.s-radio-label,.s-checkbox-label,.barah-v6742-native-choice){min-height:46px;}
  section.page--product-details form.product-details__options :is(.s-product-options-option,.s-product-options-option-values){margin-block-end:8px;}
  section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description){font-size:14px;line-height:1.9;}
  section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(h2,h3){line-height:1.45;}
  /* Preserve native bottom navigation spacing and docking; do not add a second fixed CTA. */
}
@media(prefers-reduced-motion:reduce){section.page--product-details *{scroll-behavior:auto!important;}}

/* BARAH MARKET V79.0 — PRODUCT DETAIL AS A LANDING PAGE — CSS ONLY
 * Draft 135910905; replace the V75.0 PRODUCT PAGE CSS block, DON'T stack both.
 * The V78.0 category / homepage CSS remains untouched.
 * Scope: genuine Nomo product-detail section, never checkout or catalog.
 * Does not hide Salla controls, suppress validation, create sticky buy duplicates,
 * alter images/metadata, move product forms, or change availability/price.
 */
section.page--product-details{--barah-pdp-primary:#008b90;--barah-pdp-primary-dark:#00747a;--barah-pdp-text:#21333b;--barah-pdp-muted:#64757c;--barah-pdp-line:#e2edee;--barah-pdp-tint:#f2fbfa;color:var(--barah-pdp-text);background:#fff;box-sizing:border-box;}
section.page--product-details *,section.page--product-details *::before,section.page--product-details *::after{box-sizing:border-box;}
section.page--product-details > .container{max-width:1200px;width:100%;min-width:0;margin-inline:auto;}
section.page--product-details :is(.product-details__info,.product-details__title,.product-details__slider,.product-details__gallery,form.product-details__options,.row>[class*="col-"]){min-width:0;}
/* Main media: light, premium, uncropped. No forced image source/lazyload changes. */
section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery,salla-product-gallery){background:#fff;border:1px solid var(--barah-pdp-line);border-radius:18px;overflow:hidden;}
section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery,salla-product-gallery) img{max-width:100%;object-fit:contain!important;object-position:center!important;}
/* Visual hierarchy above the fold */
section.page--product-details :is(.product-details__title h1,.product-details__title h2,h1.product-title){color:var(--barah-pdp-text)!important;font-weight:850!important;font-size:clamp(22px,2.1vw,30px)!important;line-height:1.45!important;overflow-wrap:break-word;letter-spacing:normal;}
section.page--product-details :is(.product-details__price,.product-price,.price-wrapper,salla-product-price){font-variant-numeric:tabular-nums;line-height:1.4;}
section.page--product-details :is(.product-details__price,.product-price,.price-wrapper) :is(strong,.price,.total-price){color:var(--barah-pdp-text);}
/* Native Salla options, stock-dependent states, and cart event flow stay the source of truth. */
section.page--product-details form.product-details__options{display:block!important;max-width:100%;margin-block:14px 18px;}
section.page--product-details form.product-details__options :is(salla-product-options,salla-quantity-input,salla-add-product-button,.s-product-options-wrapper){max-width:100%;min-width:0;}
section.page--product-details form.product-details__options :is(.s-product-options-option,.s-product-options-option-values,.s-product-options-option-items){max-width:100%;min-width:0;}
section.page--product-details form.product-details__options :is(label,.s-radio-label,.s-checkbox-label,select,.s-product-options-option input:not([type="hidden"])){overflow-wrap:anywhere;}
section.page--product-details form.product-details__options :is(.s-radio-label,.s-checkbox-label,.barah-v6742-native-choice){min-height:44px;}
section.page--product-details form.product-details__options :is(select,button,[role="radio"],input):focus-visible{outline:2px solid var(--barah-pdp-primary)!important;outline-offset:3px;}
section.page--product-details form.product-details__options .product-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;}
section.page--product-details form.product-details__options .product-actions salla-add-product-button{min-width:0;max-width:100%;flex:1 1 200px;}
section.page--product-details form.product-details__options .product-actions :is(salla-add-product-button,.s-button-primary,.s-button-btn){border-radius:12px;}
section.page--product-details form.product-details__options .product-actions :is(.s-button-primary,button[type="submit"]):not(:disabled){min-height:48px;font-weight:800;}
/* Styling only: never force-disabled native buttons into enabled appearance. */
section.page--product-details form.product-details__options .product-actions :is(button:disabled,[aria-disabled="true"]){cursor:not-allowed;}
/* Shipping & policy cards; content added by safe V79 JS only when needed */
section.page--product-details #barah-v653-shipping-note{background:#f2fbfa!important;border:1px solid #d7edeb!important;color:#244a50!important;border-radius:12px!important;}
section.page--product-details :is(#barah-v790-trust,#barah-pdp-policy-links-v51){max-width:100%;margin-block:12px 18px;}
section.page--product-details #barah-v790-trust{padding:14px;border:1px solid var(--barah-pdp-line);border-radius:15px;background:linear-gradient(155deg,#fff 20%,var(--barah-pdp-tint) 100%);}
section.page--product-details #barah-v790-trust .barah-v790-trust-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 13px;margin-bottom:11px;}
section.page--product-details #barah-v790-trust .barah-v790-trust-head strong{font-size:14px;color:var(--barah-pdp-text);}
section.page--product-details #barah-v790-trust .barah-v790-trust-head span{font-size:12px;color:var(--barah-pdp-muted);}
section.page--product-details #barah-v790-trust .barah-v790-trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
section.page--product-details #barah-v790-trust .barah-v790-trust-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;border:1px solid #cbe4e4;border-radius:10px;background:#fff;color:var(--barah-pdp-primary-dark);font-size:12px;font-weight:800;line-height:1.45;text-decoration:none;text-align:center;}
section.page--product-details #barah-v790-trust .barah-v790-trust-link:focus-visible{outline:2px solid var(--barah-pdp-primary);outline-offset:2px;}
section.page--product-details #barah-v790-trust .barah-v790-trust-icon{font-size:15px;}
section.page--product-details #barah-v790-trust .barah-v790-trust-note{font-size:11.5px;line-height:1.7;color:var(--barah-pdp-muted);margin:11px 0 0;}
section.page--product-details #barah-pdp-policy-links-v51 .barah-pdp-policy-link{color:var(--barah-pdp-primary-dark);border-color:var(--barah-pdp-line);}
/* Story content: paragraph + benefits + step-by-step + size charts + FAQ */
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description){max-width:100%;min-width:0;overflow-wrap:anywhere;color:var(--barah-pdp-text);font-size:15px;line-height:1.9;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(h2,h3){color:var(--barah-pdp-text)!important;font-size:clamp(19px,1.9vw,24px);font-weight:850;line-height:1.45;margin:22px 0 10px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(p,li){line-height:1.9;overflow-wrap:break-word;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) ul{list-style:disc;padding-inline-start:23px;margin-block:10px 16px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) ol{list-style:decimal;padding-inline-start:23px;margin-block:10px 16px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(img,video,iframe){max-width:100%!important;height:auto;object-fit:contain;border-radius:12px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) figure{max-width:100%;margin:15px auto;text-align:center;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;border:1px solid var(--barah-pdp-line);border-radius:10px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) :is(th,td){border-bottom:1px solid var(--barah-pdp-line);padding:10px 12px;text-align:start;min-width:80px;}
section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description) th{background:var(--barah-pdp-tint);color:var(--barah-pdp-primary-dark);}
/* Related and complementary shelves: distinct but not competing with the main cart area */
section.page--product-details ~ :is(#barah-v760-complements,#barah-product-bundle),
section.page--product-details :is(#barah-v760-complements,#barah-product-bundle){max-width:1200px;margin-inline:auto;}
section.page--product-details :is(.s-product-card-entry,.product-block){min-width:0;}
#barah-v760-complements :is(h2,h3),#barah-product-bundle :is(h2,h3){font-size:clamp(17px,2vw,23px);line-height:1.5;}
/* Mobile: wide easy-to-read purchase flow, no extra floating CTA overlapping native nav */
@media(max-width:767px){
 section.page--product-details > .container{padding-inline:12px!important;}
 section.page--product-details > .container > .row{margin-inline:0!important;row-gap:14px;}
 section.page--product-details > .container > .row > :is(.col-lg-5,.col-lg-7){padding-inline:0!important;min-width:0;}
 section.page--product-details :is(.product-details__title h1,.product-details__title h2,h1.product-title){font-size:21px!important;line-height:1.48!important;margin-block:9px 6px!important;}
 section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery){max-width:100%;border-radius:14px;}
 section.page--product-details :is(.product-details__slider,#product_main_slider,.product-details__gallery) img{max-height:420px;}
 section.page--product-details :is(.product-details__price,.product-price,.price-wrapper,salla-product-price){font-size:19px;font-weight:850;}
 section.page--product-details form.product-details__options{margin-block:10px 13px!important;}
 section.page--product-details form.product-details__options .product-actions salla-add-product-button{flex:1 1 190px;}
 section.page--product-details form.product-details__options :is(.s-radio-label,.s-checkbox-label,.barah-v6742-native-choice){min-height:46px;}
 section.page--product-details :is(article.pd-exp,.article--product-details.pd-exp,.product-details-description,.product-description){font-size:14px;line-height:1.85;}
 section.page--product-details #barah-v790-trust{padding:12px;}
 section.page--product-details #barah-v790-trust .barah-v790-trust-head{align-items:start;flex-direction:column;gap:0;}
 section.page--product-details #barah-v790-trust .barah-v790-trust-row{gap:7px;}
}
@media(max-width:360px){section.page--product-details #barah-v790-trust .barah-v790-trust-link{font-size:11px;min-height:48px;padding:5px 3px;}}
@media(prefers-reduced-motion:reduce){section.page--product-details *{scroll-behavior:auto!important;transition:none!important;}}

/* BARAH STORE | hide blog index BUTTON only | Oct 2026
   Active Nomo theme 135910905: append to EXISTING custom CSS.
   Keep blog activated + published posts. Do NOT change robots/noindex.
   Hides blog index links in header, mobile menu and footer.
   Does NOT hide article URLs such as /ar/blog/ARTICLE-SLUG.
*/
a:is([href$="/blog"], [href$="/blog/"], [href*="/blog?"]),
li:has(> a:is([href$="/blog"], [href$="/blog/"], [href*="/blog?"])),
li:has(> div > a:is([href$="/blog"], [href$="/blog/"], [href*="/blog?"])) {
  display: none !important;
}

/* BARAH MARKET V87.2 - isolated home layout. Never changes product checkout or other pages. */
html[data-barah-v87="active"] #barah-market-v87,
html[data-barah-v87="active"] #barah-market-v87 *{box-sizing:border-box!important}
html[data-barah-v87="active"] #barah-market-v87{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#20291d!important;font-family:inherit!important;font-size:14px!important;line-height:1.5!important;direction:rtl!important;clear:both!important;position:relative!important}
html[data-barah-v87="active"] #barah-market-v87[dir="ltr"]{direction:ltr!important;text-align:left!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-wrap{max-width:1110px!important;width:100%!important;margin:0 auto!important;padding:12px 12px 4px!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-hero{position:relative!important;display:flex!important;align-items:center!important;min-height:170px!important;padding:24px 29px!important;background:linear-gradient(115deg,#a5e846,#88d627 64%,#7ccf1c)!important;border-radius:12px!important;overflow:hidden!important;border:0!important;box-shadow:none!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-hero-copy{position:relative!important;z-index:1!important;width:100%!important;max-width:620px!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-kicker{display:block!important;color:#40651e!important;font-size:11px!important;font-weight:800!important;margin:0 0 5px!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-h1{display:block!important;color:#263a1b!important;font-size:clamp(27px,3vw,39px)!important;line-height:1.18!important;font-weight:900!important;margin:0 0 6px!important;padding:0!important;letter-spacing:-.03em!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-sub{font-size:12px!important;line-height:1.65!important;color:#405e31!important;font-weight:500!important;margin:0!important;padding:0!important;max-width:520px!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-buttons{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:13px!important}
html[data-barah-v87="active"] #barah-market-v87 a.b87-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 14px!important;border-radius:100px!important;background:#fff!important;color:#416b29!important;border:1px solid #fff!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
html[data-barah-v87="active"] #barah-market-v87 a.b87-outline{background:transparent!important;border-color:#577f30!important;color:#35541d!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-watermark{position:absolute!important;left:5%!important;bottom:-56px!important;font-size:180px!important;font-weight:900!important;line-height:1!important;color:#fff!important;opacity:.12!important;pointer-events:none!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin:0!important;padding:16px 0 10px!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-heading h2{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.4!important;color:#202720!important;font-weight:900!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-more{color:#648c28!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-catgrid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
html[data-barah-v87="active"] #barah-market-v87 a.b87-tile{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;min-height:50px!important;padding:8px!important;border-radius:8px!important;background:#fff!important;border:1px solid #e5e8e1!important;color:#2b3329!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(22,31,17,.035)!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-tile-icon{display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:7px!important;background:#eef6e8!important;color:#5a8e3b!important;font-size:15px!important;line-height:1!important}
html[data-barah-v87="active"] #barah-market-v87 a.b87-tile:nth-child(3n+2) .b87-tile-icon{background:#f5eee8!important;color:#ab8554!important}
html[data-barah-v87="active"] #barah-market-v87 a.b87-tile:nth-child(3n) .b87-tile-icon{background:#eff3fa!important;color:#6484b3!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-tile-text{font-size:11px!important;line-height:1.35!important;font-weight:750!important;overflow-wrap:anywhere!important}
html[data-barah-v87="active"] #barah-market-v87 .b87-mini{display:flex!important;gap:6px 18px!important;flex-wrap:wrap!important;justify-content:center!important;padding:10px 0 5px!important;font-size:11px!important;color:#667560!important}
html[data-barah-v87="active"] #barah-market-v87 a:focus-visible{outline:3px solid #528d29!important;outline-offset:3px!important}
html[data-barah-v87="active"] #barah-v87-products{height:1px!important;scroll-margin-top:90px!important}
/* Native product cards remain within their original Salla sections. Only their layout is enhanced. */
html[data-barah-v87="active"] .barah-v87-products{max-width:100%!important;overflow:visible!important}
html[data-barah-v87="active"] .barah-v87-products .container{max-width:1110px!important;width:100%!important;margin-inline:auto!important;padding-inline:12px!important}
html[data-barah-v87="active"] .barah-v87-products .b87-native-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:11px!important}
html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="6"] .b87-native-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="3"] .b87-native-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="2"] .b87-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-block,.s-product-card-entry,.product-entry,salla-product-card){min-width:0!important;max-width:100%!important;height:auto!important;border-radius:9px!important;overflow:hidden!important;border:1px solid #e6e9e2!important;background:#fff!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-image,.product-block__thumb,.product-block__image,.s-product-card-image,.s-product-card-image-container){display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;height:164px!important;min-height:164px!important;max-height:164px!important;background:#fff!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-image img,.product-block__thumb img,.product-block__image img,.s-product-card-image img,.s-product-card-image-container img){display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:5px!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-title,.s-product-card-name,.s-product-card-entry__title){font-size:12px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
html[data-barah-v87="active"] .barah-v87-products .b87-native-title{font-size:17px!important;line-height:1.4!important;color:#283322!important;font-weight:800!important;padding-block:13px 10px!important;margin:0!important}
@media(max-width:1100px){html[data-barah-v87="active"] #barah-market-v87 .b87-catgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-barah-v87="active"] .barah-v87-products .b87-native-grid,html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="6"] .b87-native-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:767px){html[data-barah-v87="active"] #barah-market-v87 .b87-wrap{padding:8px 10px 3px!important}html[data-barah-v87="active"] #barah-market-v87 .b87-hero{min-height:165px!important;padding:18px 16px!important}html[data-barah-v87="active"] #barah-market-v87 .b87-h1{font-size:clamp(25px,6.7vw,32px)!important}html[data-barah-v87="active"] #barah-market-v87 .b87-sub{font-size:11px!important;max-width:260px!important}html[data-barah-v87="active"] #barah-market-v87 .b87-catgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html[data-barah-v87="active"] #barah-market-v87 a.b87-tile{flex-direction:column!important;text-align:center!important;justify-content:center!important;min-height:70px!important;padding:7px 5px!important;gap:5px!important}html[data-barah-v87="active"] #barah-market-v87 .b87-tile-text{font-size:10px!important}html[data-barah-v87="active"] #barah-market-v87 .b87-watermark{font-size:120px!important;bottom:-35px!important}html[data-barah-v87="active"] .barah-v87-products .container{padding-inline:10px!important}html[data-barah-v87="active"] .barah-v87-products .b87-native-grid,html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="6"] .b87-native-grid,html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="3"] .b87-native-grid,html[data-barah-v87="active"] .barah-v87-products[data-b87-cols="2"] .b87-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html[data-barah-v87="active"] .barah-v87-products :is(.product-image,.product-block__thumb,.product-block__image,.s-product-card-image,.s-product-card-image-container){height:145px!important;max-height:145px!important;min-height:145px!important}html[data-barah-v87="active"] .barah-v87-products .b87-native-title{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html[data-barah-v87="active"] #barah-market-v87 *{animation:none!important;transition:none!important}}
/* Narrow-screen Salla wrappers sometimes use content-box: prevent the +20px horizontal overflow. */
html[data-barah-v87="active"] .barah-v87-products .container{box-sizing:border-box!important;min-width:0!important}
html[data-barah-v87="active"] .barah-v87-products .b87-native-grid{box-sizing:border-box!important;width:100%!important;min-width:0!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-image,.product-block__thumb,.product-block__image,.s-product-card-image,.s-product-card-image-container) a{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;height:100%!important;overflow:hidden!important}
html[data-barah-v87="active"] .barah-v87-products :is(.product-image,.product-block__thumb,.product-block__image,.s-product-card-image,.s-product-card-image-container) img{box-sizing:border-box!important}




/* BARAH | CATEGORY V89.1 | Target: native Salla category pages only */
html[data-barah-category-v89="active"] #barah-v770-category-head,
html[data-barah-category-v89="active"] #barah-category-v88 {display:none!important}
html[data-barah-category-v89="active"] #barah-category-v89,
html[data-barah-category-v89="active"] #barah-category-v89 * {box-sizing:border-box}
html[data-barah-category-v89="active"] #barah-category-v89 {
  position:relative;clear:both;display:block;width:calc(100% - 24px);max-width:1160px;
  padding:0;margin:10px auto 14px;direction:rtl;text-align:right;
  font-family:inherit;line-height:1.55;color:#273028;min-width:0
}
html[data-barah-category-v89="active"] #barah-category-v89[dir="ltr"]{direction:ltr;text-align:left}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-card {
  display:block;width:100%;background:linear-gradient(112deg,#fff 45%,#f8fbed);
  border:1px solid #e3e9dc;border-radius:12px;padding:18px 22px;
}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-eyebrow{
  display:block;font-size:11px;font-weight:800;color:#649a38;margin-bottom:5px
}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-title{
  display:block!important;font-size:clamp(20px,2vw,28px)!important;font-weight:900!important;
  line-height:1.35!important;color:#25311f!important;letter-spacing:0!important;
  margin:0 0 7px!important;padding:0!important;width:auto!important;max-width:100%!important
}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-desc{
  font-size:12px;line-height:1.85;color:#697466;max-width:78ch;margin:0!important
}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-children{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-child{
  display:inline-flex;align-items:center;justify-content:center;min-height:33px;
  padding:6px 13px;background:#fff;border:1px solid #dce5d4;
  color:#375b26;border-radius:999px;font-size:11px;font-weight:700;
  text-decoration:none;white-space:normal;overflow-wrap:anywhere
}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-child:hover{border-color:#9cbe75;background:#f2f9ea}
html[data-barah-category-v89="active"] #barah-category-v89 .b89-child:focus-visible{outline:3px solid #90c651;outline-offset:2px}
/* Only shrink the original title row after moving its H1; don't hide Salla sort/filter */
html[data-barah-category-v89="active"] .barah-v89-title-vacated{min-height:0!important}
/* Style the grid container itself; never force the native salla-products-list host into grid. */
html[data-barah-category-v89="active"] .b89-native-grid{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;gap:11px!important;min-width:0!important
}
html[data-barah-category-v89="active"] .b89-native-grid > :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card,salla-product-card){min-width:0!important;max-width:100%!important}
html[data-barah-category-v89="active"] .b89-native-grid :is(.product-block,.product-entry,.s-product-card-entry,.s-product-card){
  border:1px solid #e7eae3!important;background:#fff!important;border-radius:10px!important;
  box-shadow:0 1px 5px rgba(30,40,27,.04)!important;overflow:hidden!important
}
html[data-barah-category-v89="active"] .b89-native-grid :is(.product-image,.product-block__image,.s-product-card-image,.s-product-card-image-container){
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:174px!important;max-height:174px!important;min-height:0!important;overflow:hidden!important;background:#fff!important
}
html[data-barah-category-v89="active"] .b89-native-grid :is(.product-image img,.product-block__image img,.s-product-card-image img,.s-product-card-image-container img){
  display:block!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;padding:4px!important
}
html[data-barah-category-v89="active"] .b89-native-grid :is(.product-title,.s-product-card-name,.s-product-card-entry__title){
  font-size:12px!important;line-height:1.45!important;display:-webkit-box!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important
}
html[data-barah-category-v89="active"] .b89-native-grid :is(button.add-to-cart,.s-button-btn){min-height:38px!important}
@media(max-width:1150px){html[data-barah-category-v89="active"] .b89-native-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){
  html[data-barah-category-v89="active"] #barah-category-v89{width:calc(100% - 20px);margin:8px auto 11px}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-card{padding:13px 13px;border-radius:9px}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-title{font-size:20px!important}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-desc{font-size:11px;line-height:1.7}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-children{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x proximity}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-children::-webkit-scrollbar{display:none}
  html[data-barah-category-v89="active"] #barah-category-v89 .b89-child{flex:0 0 auto;scroll-snap-align:start}
  html[data-barah-category-v89="active"] .b89-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-barah-category-v89="active"] .b89-native-grid :is(.product-image,.product-block__image,.s-product-card-image,.s-product-card-image-container){height:145px!important;max-height:145px!important}
  html[data-barah-category-v89="active"] .b89-native-grid :is(.product-title,.s-product-card-name,.s-product-card-entry__title){font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){html[data-barah-category-v89="active"] #barah-category-v89 *{scroll-behavior:auto!important;transition:none!important}}


/* BARAH CATEGORY V90 backup styles */
html[data-barah-category-v90="active"] .b90-native-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
html[data-barah-category-v90="active"] .b90-native-grid :is(button.add-to-cart,.s-button-btn,.add_to_cart_btn){background:#0f9aa8!important;border-color:#0f9aa8!important;color:#fff!important}
@media(max-width:1150px){html[data-barah-category-v90="active"] .b90-native-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){html[data-barah-category-v90="active"] .b90-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}


/* BARAH PDP V91.1 | White canvas and BARAH teal. Product page only. */
html[data-barah-pdp-v91="active"] {
  --barah-pdp-teal:#008f9a;
  --barah-pdp-dark:#183638;
  --barah-pdp-line:#e5ebec;
}
html[data-barah-pdp-v91="active"] .barah-v91-layout {
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  gap:clamp(18px,3vw,40px)!important;
  align-items:start!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-gallery-col,
html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-info-col {min-width:0!important;max-width:100%!important;}
html[data-barah-pdp-v91="active"] .barah-v91-gallery {
  background:#fff!important;border:1px solid var(--barah-pdp-line)!important;
  border-radius:16px!important;overflow:hidden!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-gallery :is(.swiper-slide,.s-slider-item,.product-gallery__item,.product-image-wrapper){
  background:#fff!important;min-width:0!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-gallery img{
  object-fit:contain!important;max-width:100%!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-title{
  color:var(--barah-pdp-dark)!important;font-weight:850!important;
  font-size:clamp(22px,2vw,30px)!important;line-height:1.42!important;
  margin-bottom:12px!important;overflow-wrap:anywhere!important;
}
html[data-barah-pdp-v91="active"] :is(.barah-v91-info,.barah-v91-info-col) .barah-v91-price,
html[data-barah-pdp-v91="active"] .barah-v91-price{
  color:var(--barah-pdp-teal)!important;font-weight:850!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-options{
  display:block!important;max-width:100%!important;margin-block:10px 14px!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-buy{
  max-width:100%!important;min-width:0!important;
  border:1px solid #e5eeee!important;border-radius:13px!important;
  padding:clamp(10px,1.5vw,17px)!important;background:#fff!important;
  box-shadow:0 3px 14px rgba(9,51,55,.045)!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-native-buy{
  width:100%!important;max-width:100%!important;min-height:46px!important;
  border-radius:10px!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-buy :is(.s-button-primary,.btn-primary,button.add-to-cart,.s-button-btn){
  background:var(--barah-pdp-teal)!important;border-color:var(--barah-pdp-teal)!important;
  color:#fff!important;min-height:46px!important;border-radius:10px!important;
  font-weight:800!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-buy :is(button,[role="button"]):focus-visible,
html[data-barah-pdp-v91="active"] .barah-v91-native-buy:focus-visible{
  outline:3px solid #64c9d0!important;outline-offset:3px!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-shipping{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:8px 14px!important;padding:10px 0 0!important;
  color:#52676a!important;font-size:12px!important;line-height:1.65!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-shipping span::before{
  content:'✓';font-weight:900;color:var(--barah-pdp-teal);margin-inline-end:5px;
}
html[data-barah-pdp-v91="active"] .barah-v91-description{
  display:block!important;background:#fff!important;
  border:1px solid var(--barah-pdp-line)!important;border-radius:13px!important;
  padding:clamp(15px,2vw,24px)!important;margin-block:18px!important;
  max-width:100%!important;overflow-wrap:anywhere!important;
}
html[data-barah-pdp-v91="active"] .barah-v91-description img{max-width:100%!important;height:auto!important;}
html[data-barah-pdp-v91="active"] :is(#barah-product-bundle,[data-barah-complement],.s-block--related-products,.related-products){
  scroll-margin-top:78px;
}
html[data-barah-pdp-v91="active"] :is(#barah-product-bundle,.s-block--related-products,.related-products) :is(salla-product-card,.s-product-card-entry,.product-block){
  border:1px solid var(--barah-pdp-line)!important;border-radius:11px!important;
  overflow:hidden!important;min-width:0!important;background:#fff!important;
}
@media(max-width:767px){
  html[data-barah-pdp-v91="active"] .barah-v91-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-gallery{border-radius:11px!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-title{font-size:21px!important;line-height:1.35!important;margin-bottom:9px!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-buy{padding:11px!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-shipping{font-size:11px!important;gap:5px 10px!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-description{padding:12px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-barah-pdp-v91="active"] .barah-v91-layout *,
  html[data-barah-pdp-v91="active"] .barah-v91-buy *{transition:none!important;animation:none!important;}
}
/* Arabic desktop: details on the right, image gallery on the left as in the reference. */
@media(min-width:768px){
  html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-gallery-col{grid-column:2!important;grid-row:1!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-info-col{grid-column:1!important;grid-row:1!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-layout:dir(ltr) > .barah-v91-gallery-col{grid-column:1!important;}
  html[data-barah-pdp-v91="active"] .barah-v91-layout:dir(ltr) > .barah-v91-info-col{grid-column:2!important;}
}
@media(max-width:767px){
  html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-gallery-col,
  html[data-barah-pdp-v91="active"] .barah-v91-layout > .barah-v91-info-col{grid-column:1!important;grid-row:auto!important;}
}


/* BARAH V92.2 | One card CTA, authoritative teal brand button.
   Applies ONLY to Salla category/home product tiles enhanced by V92 JavaScript. */
.barah-v92-card a.barah-v92-cta,
body.barah-v770-category .barah-v92-card a.barah-v92-cta,
html[data-barah-category-v90="active"] .barah-v92-card a.barah-v92-cta {
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:calc(100% - 16px)!important;min-height:40px!important;height:auto!important;
 margin:8px!important;padding:10px 8px!important;position:relative!important;inset:auto!important;
 border:0!important;border-radius:9px!important;
 background:#079ba5!important;background-image:none!important;color:#fff!important;
 box-shadow:none!important;font-size:12px!important;line-height:1.4!important;
 font-weight:800!important;text-align:center!important;text-decoration:none!important;
 flex:0 0 auto!important;order:99!important;transform:none!important;
}
.barah-v92-card a.barah-v92-cta:hover,
.barah-v92-card a.barah-v92-cta:focus-visible{
 background:#087f87!important;color:#fff!important;box-shadow:none!important;
}
.barah-v92-card .barah-v92-hidden-native,
.barah-v92-card a.barah-card-buy:not(.barah-v92-cta),
.barah-v92-card a.barah-v54p-view-buy:not(.barah-v92-cta),
.barah-v92-card a.barah-v54s-buy:not(.barah-v92-cta){
 display:none!important;visibility:hidden!important;pointer-events:none!important;
}
@media(max-width:767px){
 .barah-v92-card a.barah-v92-cta{width:calc(100% - 14px)!important;min-height:39px!important;margin:7px!important;font-size:11.5px!important;padding:9px 6px!important}
}

/* BARAH MARKET V94 | Corrected product rating — theme 135910905 */
.barah-rating-v94 {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:5px!important;direction:rtl!important;
  box-sizing:border-box!important;padding:0 8px!important;margin:5px 0 7px!important;
  min-height:20px!important;font-size:11px!important;line-height:1.3!important;
  max-width:100%!important;white-space:nowrap!important;background:transparent!important;
}
.barah-rating-v94-stars {
  display:inline-block!important;flex:0 0 auto!important;direction:ltr!important;
  font-size:15px!important;letter-spacing:0!important;line-height:1!important;
  background:linear-gradient(to right,#f5ae00 var(--barah-fill),#d6dce2 var(--barah-fill))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
.barah-rating-v94-score {font-size:inherit!important;font-weight:800!important;color:#263238!important}
.barah-rating-v94-count {font-size:inherit!important;color:#677481!important}
@media(max-width:767px){
 .barah-rating-v94{gap:3px!important;padding:0 5px!important;margin:4px 0 6px!important;min-height:18px!important;font-size:10px!important}
 .barah-rating-v94-stars{font-size:12px!important}
}


/* =======================================================================
   BARAH STORE | V99 — SAFE CARDS + GENUINE ENGAGEMENT
   DRAFT THEME 1686797991 | 2026-11-10
   - Restores native rating/reviews/wishlist/share widgets when present.
   - Hides only known product subtitles or JS-verified text-only paragraphs.
   - Keeps product names, real ratings, prices, stock and original purchase.
   - Card actions are icon-only for mobile and desktop: 34/36px targets.
   - Wishlist uses Salla SDK (requires login); share uses Web Share/clipboard.
   - No fabricated stars or counters, no changes to product records.
   ======================================================================= */

/* Subtitle: narrowly defined text elements; no generic p/span/div selectors. */
:is(.barah-v87-products,.barah-v92-card,.barah-v773-card,.s-product-card-entry,
    .product-block,.product-entry,.s-product-card,.product-item)
:is(.barah-v78-secondary,.s-product-card-content-sub,
    .s-product-card-content-subtitle,.s-product-card-content-description,
    .s-product-card-entry__subtitle,.s-product-card-entry__sub-title,
    .s-product-card-entry__description,.s-product-card-description,
    .product-card__description,.product-block__desc,
    .product-block__description,.product-entry__description,
    .product-subtitle,.product__subtitle),
.barah-v99-text-only-subtitle,
body.product-single :is(.product-details__subtitle,.product-details__sub-title,
    .product-entry__sub-title,.product-entry__subtitle,.product__subtitle,
    .product-subtitle,.product-info__subtitle,.product-single__subtitle,
    [data-testid="store-product-subtitle"]) {
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:1px!important;
  max-block-size:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Let genuine Salla review and wishlist components remain present. */
:is(.barah-v87-products,.barah-v99-card,.barah-v92-card)
:is(.s-product-card-rating,.product-rating,.rating-stars,.barah-rating-v94,
    .s-product-card-wishlist-btn,salla-rating-stars) {
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.barah-v99-card {
  position:relative!important;
}
/* Existing rating components are real data. Undo over-broad hiding. */
.barah-v99-card :is(.s-product-card-rating,.product-rating,.barah-rating-v94,salla-rating-stars,.barah-v99-existing-rating) {
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
/* Native wishlist icon: style it when the theme already provides it. */
.barah-v99-card :is(.s-product-card-wishlist-btn,[data-testid="product-wishlist"],
      [data-testid="store-product-wishlist"],salla-wishlist-actions) {
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:16!important;
  inset-block-start:8px!important;
  right:8px!important;
  left:auto!important;
  inset-inline-end:auto!important;
  inset-inline-start:auto!important;
  margin:0!important;
  padding:0!important;
  width:36px!important;
  height:36px!important;
  pointer-events:auto!important;
}
.barah-v99-card :is(.s-product-card-wishlist-btn,[data-testid="product-wishlist"],
      [data-testid="store-product-wishlist"],salla-wishlist-actions) :is(button,.s-button-btn,.s-button-element) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #dce8e8!important;
  border-radius:50%!important;
  box-shadow:0 2px 8px rgba(22,66,71,.08)!important;
}

/* Custom wishlist shown only when native wishlist is absent AND Salla SDK exists. */
.barah-v99-card :is(.barah-v99-fav,.barah-v99-share) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  z-index:17!important;
  inset-block-start:8px!important;
  right:8px!important;
  left:auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid #dce8e8!important;
  background:rgba(255,255,255,.96)!important;
  color:#087f87!important;
  box-shadow:0 2px 8px rgba(22,66,71,.08)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  cursor:pointer;
  pointer-events:auto!important;
}
.barah-v99-card .barah-v99-fav {inset-block-start:8px!important;right:8px!important;left:auto!important;}
.barah-v99-card .barah-v99-share {inset-block-start:49px!important;right:8px!important;left:auto!important;}
/* Keep top-left merchandising badges (e.g. best seller) unobstructed. */
.barah-v99-card :is(.barah-v99-fav,.barah-v99-share) svg {
  display:block!important;width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.barah-v99-card .barah-v99-fav[aria-pressed="true"] {color:#d94454!important;background:#fff4f5!important;border-color:#f0c5ca!important;}
.barah-v99-card .barah-v99-fav[aria-pressed="true"] svg {fill:currentColor!important;}
.barah-v99-card :is(.barah-v99-fav,.barah-v99-share):focus-visible {
  outline:2px solid #087f87!important;outline-offset:3px!important;
}
.barah-v99-card :is(.barah-v99-fav,.barah-v99-share):hover {background:#eefafa!important;}
.barah-v99-card :is(.barah-v99-fav,.barah-v99-share):disabled {opacity:.55!important;cursor:progress;}

/* Genuine score only: product rating from Salla product object, no mock values. */
.barah-v99-card .barah-v99-real-rating {
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  width:fit-content!important;max-width:100%!important;
  color:#46585c!important;font-size:11px!important;font-weight:650!important;
  line-height:1.4!important;margin:3px 8px 5px!important;padding:0!important;
  position:static!important;visibility:visible!important;opacity:1!important;
}
.barah-v99-real-rating .barah-v99-star {font-size:14px!important;color:#e3a128!important;line-height:1!important;}
.barah-v99-real-rating .barah-v99-count {font-weight:450!important;color:#708189!important;}
@media(max-width:767px){
  .barah-v99-card :is(.barah-v99-fav,.barah-v99-share),
  .barah-v99-card .s-product-card-wishlist-btn,
  .barah-v99-card :is(.s-product-card-wishlist-btn,[data-testid="product-wishlist"],
      [data-testid="store-product-wishlist"],salla-wishlist-actions) :is(button,.s-button-btn,.s-button-element) {
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  }
  .barah-v99-card .barah-v99-real-rating {font-size:10px!important;gap:3px!important;}
}

/* BARAH STORE | V103 | subtitle-only rendering | draft 1686797991
   Applies exclusively to JS-verified descriptive text nodes in native cards.
   Never targets product title, ratings, wishlist/share, price or CTA.
   Text retained in DOM. CSS alone does not assure SEO credit. */
html body .barah-v103-verified-subtitle {
  position: absolute !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* BARAH STORE | V104 | subtitle + verified ratings
   Draft theme: 1686797991
   Append ONCE at the END of existing CSS (V103).
*/

/* Actual Salla Growth markup: ONLY the paragraph inside product title. */
html body .product-block .product-block__info > a.product-title > p {
  position: absolute !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* Real ratings from Salla, placed between product title and price. */
html body .product-block .product-block__info > .barah-v104-rating {
  display: flex !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  direction: ltr !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  width: auto !important;
  height: auto !important;
  min-height: 17px !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 3px 0 5px !important;
  line-height: 1.4 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  color: #39484c !important;
}
html body .barah-v104-rating-star { color: #e5a521 !important; font-size: 15px !important; }
html body .barah-v104-rating-score { color: #263238 !important; font-weight: 800 !important; }
html body .barah-v104-rating-count { color: #77858a !important; font-weight: 500 !important; }
@media (max-width: 767px) {
  html body .product-block .product-block__info > .barah-v104-rating {
    font-size: 10px !important; min-height: 15px !important; gap: 3px !important;
  }
}
/* =========================================================
   BARAH | Mobile Product Buy Box Refinement
   يصغّر لوحة السعر/الكمية/السلة/الشحن في الجوال فقط
   ========================================================= */

@media (max-width: 768px) {

  /* صفحة المنتج */
  body.product-single,
  .page--product-details,
  .product-single {
    --barah-buy-radius: 18px;
    --barah-buy-gap: 10px;
  }

  /* حاوية معلومات المنتج ولوحة الشراء */
  body.product-single .product-entry,
  body.product-single .product-form,
  body.product-single .product-form__content,
  body.product-single .product-details,
  body.product-single .product-details__content,
  body.product-single .product-entry__content,
  .page--product-details .product-entry,
  .page--product-details .product-form,
  .page--product-details .product-details,
  .page--product-details .product-entry__content {
    min-width: 0 !important;
  }

  /* عنوان المنتج */
  body.product-single h1,
  body.product-single .product-title,
  body.product-single .product-entry__title,
  body.product-single .product-details__title,
  .page--product-details h1,
  .page--product-details .product-title,
  .page--product-details .product-entry__title {
    font-size: 20px !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* كرت السعر والشراء */
  body.product-single .product-form,
  body.product-single .product-buy-box,
  body.product-single .product-entry__actions,
  body.product-single .product-actions,
  body.product-single .barah-buy-box,
  body.product-single .barah-purchase-box,
  .page--product-details .product-form,
  .page--product-details .product-entry__actions,
  .page--product-details .product-actions {
    padding: 14px !important;
    border-radius: var(--barah-buy-radius) !important;
    gap: var(--barah-buy-gap) !important;
  }

  /* السعر */
  body.product-single .price-wrapper,
  body.product-single .product-price,
  body.product-single .prices,
  .page--product-details .price-wrapper,
  .page--product-details .product-price,
  .page--product-details .prices {
    margin-bottom: 8px !important;
  }

  body.product-single .price-wrapper .before-price,
  body.product-single .price-wrapper .price-before,
  body.product-single .product-price .before,
  .page--product-details .price-wrapper .before-price,
  .page--product-details .price-wrapper .price-before {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body.product-single .price-wrapper .sale-price,
  body.product-single .price-wrapper .price,
  body.product-single .product-price .price,
  body.product-single .product-price strong,
  .page--product-details .price-wrapper .sale-price,
  .page--product-details .price-wrapper .price,
  .page--product-details .product-price .price {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  /* حقل الكمية */
  body.product-single salla-quantity-input,
  body.product-single .quantity-input,
  body.product-single .quantity-wrapper,
  body.product-single .qty-wrapper,
  .page--product-details salla-quantity-input,
  .page--product-details .quantity-input,
  .page--product-details .quantity-wrapper,
  .page--product-details .qty-wrapper {
    height: 48px !important;
    min-height: 48px !important;
    margin: 8px 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body.product-single salla-quantity-input button,
  body.product-single .quantity-input button,
  body.product-single .qty-wrapper button,
  .page--product-details salla-quantity-input button,
  .page--product-details .quantity-input button,
  .page--product-details .qty-wrapper button {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.product-single salla-quantity-input input,
  body.product-single .quantity-input input,
  body.product-single .qty-wrapper input,
  .page--product-details salla-quantity-input input,
  .page--product-details .quantity-input input,
  .page--product-details .qty-wrapper input {
    height: 48px !important;
    font-size: 18px !important;
    text-align: center !important;
  }

  /* زر أضف إلى السلة */
  body.product-single salla-add-product-button button,
  body.product-single .btn--add-to-cart,
  body.product-single .add-to-cart-btn,
  body.product-single .product-form button[type="submit"],
  .page--product-details salla-add-product-button button,
  .page--product-details .btn--add-to-cart,
  .page--product-details .add-to-cart-btn,
  .page--product-details .product-form button[type="submit"] {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
  }

  /* صندوق الشحن */
  body.product-single .shipping-box,
  body.product-single .barah-shipping-box,
  body.product-single .product-shipping-note,
  body.product-single .shipping-message,
  .page--product-details .shipping-box,
  .page--product-details .barah-shipping-box,
  .page--product-details .product-shipping-note,
  .page--product-details .shipping-message {
    padding: 14px !important;
    border-radius: 16px !important;
    margin-top: 10px !important;
  }

  body.product-single .shipping-box *,
  body.product-single .barah-shipping-box *,
  body.product-single .product-shipping-note *,
  .page--product-details .shipping-box *,
  .page--product-details .barah-shipping-box *,
  .page--product-details .product-shipping-note * {
    font-size: 14px !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere !important;
  }

  /* روابط السياسة أسفل الصندوق */
  body.product-single .shipping-policy,
  body.product-single .return-policy,
  body.product-single .product-policy-links,
  body.product-single .barah-policy-links,
  .page--product-details .shipping-policy,
  .page--product-details .return-policy,
  .page--product-details .product-policy-links,
  .page--product-details .barah-policy-links {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body.product-single .shipping-policy a,
  body.product-single .return-policy a,
  body.product-single .product-policy-links a,
  body.product-single .barah-policy-links a,
  .page--product-details .shipping-policy a,
  .page--product-details .return-policy a,
  .page--product-details .product-policy-links a,
  .page--product-details .barah-policy-links a {
    font-size: 14px !important;
  }

  /* يمنع التمدد الغريب للعناصر */
  body.product-single .product-form *,
  body.product-single .product-details *,
  .page--product-details .product-form *,
  .page--product-details .product-details * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}