/* BARAH STORE | V67.28.0 | VERIFIED FULL CSS | 2026-10-15
   Complete stylesheet for Salla نمو. REPLACE the entire active CSS only if needed.
   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;
  }
}