/**/4/* MSD board fixes 2026-07-21 (r55/r56/r80) - AI, reversible */

/* r80: iOS auto-zoom trap - form controls >= 16px */
.s-input, input[type="text"], input[type="search"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"], textarea, select { font-size: 16px !important; }

/* r55: product price prominence */
span.regular-or-normal-price { font-size: 1.5rem !important; line-height: 1.3; }

/* r56: touch targets - footer links tap height >= 44px */
.store-footer-wrap a.inline-block { min-height: 44px; display: inline-flex; align-items: center; }}

/* r24-temp: mobile bottom nav stopgap while header is down (owner request 2026-07-21) */
#msd-bb { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99998; background: #ffffff; border-top: 1px solid #e5e5e5; box-shadow: 0 -2px 10px rgba(0,0,0,0.08); padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 768px) { #msd-bb { display: flex; } body { padding-bottom: 72px; } }
#msd-bb .msd-bb-i { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #000000; text-decoration: none; background: none; border: none; font-family: inherit; font-size: 11px; font-weight: 700; cursor: pointer; padding: 4px 0; }
#msd-bb .msd-bb-i svg { width: 22px; height: 22px; }
#msd-bb-pop { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; background: #ffffff; border-top: 1px solid #e5e5e5; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px)); }
#msd-bb-pop.msd-bb-open { display: block; }
#msd-bb-f { display: flex; gap: 8px; }
#msd-bb-in { flex: 1; border: 1px solid #dddddd; border-radius: 8px; padding: 10px 12px; font-size: 16px; }
#msd-bb-f button { background: #000000; color: #ffffff; border: none; border-radius: 8px; padding: 10px 16px; font-size: 14px; font-weight: 700; }

/* ===== 2026-07-22 r17: header critical CSS (beats first paint) — fixes homepage header/banner strip + reduces CLS ===== */
body.index header.store-header{position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;}
body.index header.store-header .main-nav{min-height:76px;background:transparent;}
body.index header.store-header .inner{background:transparent;}
body.index .s-block--main-slider-1{margin-top:0 !important;}
body.index .s-block--main-slider-1 salla-slider,
body.index .s-block--main-slider-1 .swiper-lazy-wrap,
body.index .s-block--main-slider-1 .s-slider-container{background:transparent !important;}
/* PDP CLS reservations */
body.product-single .addtocart-bar{min-height:159px;}
body.product-single salla-installment{display:block;min-height:100px;}


/* 2026-07-22 owner iPhone evidence: theme's JS puts class fixed-pinned + INLINE background-color:#fff on #main-nav when scrolled -> white strip/band + flicker. Inline (non-important) loses to stylesheet !important. Force header transparent; black icons/logo stay readable. */
header.store-header #main-nav,
header.store-header #main-nav.fixed-pinned,
header.store-header #main-nav .inner,
header.store-header #main-nav .main-nav__content{background-color:transparent !important;box-shadow:none !important;}


/* 2026-07-22 owner: reduce header height 76 -> 50px */
header.store-header #main-nav{min-height:50px !important;height:50px !important;}
header.store-header #main-nav .inner,
header.store-header #main-nav .main-nav__content{min-height:50px !important;height:50px !important;padding-top:0 !important;padding-bottom:0 !important;}
body.index header.store-header .main-nav{min-height:50px !important;height:50px !important;}


/* 2026-07-22 r18: PDP stepper too tall — stop stretch-inflation (59->44 stepper thumb-safe) + trim over-reserved bar 159->112 */
@media (max-width:768px){
#msd-qty-pdp{min-height:44px !important;height:44px !important;align-self:center !important;margin-bottom:0 !important;}
#msd-qty-pdp button{height:40px !important;}
body.product-single .addtocart-bar{min-height:112px !important;padding-top:8px !important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;row-gap:6px !important;}
body.product-single .addtocart-bar salla-add-product-button .s-button-element{min-height:48px !important;height:48px !important;}
}

/* 2026-07-22 owner: PDP stepper full-width (fit the bar) + only height reduced; native Salla stepper is dead (hydration crash) so this fallback is the working one */
@media (max-width:768px){
#msd-qty-pdp{max-width:none !important;width:100% !important;flex:1 1 100% !important;min-height:40px !important;height:40px !important;justify-content:space-between !important;padding:0 14px !important;box-sizing:border-box !important;}
#msd-qty-pdp button{height:38px !important;width:auto !important;min-width:36px !important;}
#msd-qty-pdp>span{flex:1 !important;text-align:center !important;}
}

/* ===== 2026-07-22 r-align: homepage vertical rhythm — uniform 24px (fixes uneven 12/0/32 gaps from the shared main-slider-1 class) + centered dots ===== */
body.index .app-inner > section.s-block{margin-top:24px !important;margin-bottom:0 !important;}
body.index .app-inner > section.s-block--main-slider-1:first-of-type{margin-top:0 !important;}
body.index .app-inner > footer.store-footer-wrap{margin-top:24px !important;}
body.index .s-block--products-slider .s-block__title{margin-bottom:24px !important;}
body.index .s-block--products-slider .swiper-pagination{left:0 !important;right:0 !important;width:100% !important;transform:none !important;text-align:center !important;}
body.index .s-block--products-slider .swiper.s-slider-container{padding-left:15px !important;padding-right:15px !important;}
body.index .s-block--products-slider .swiper-wrapper{margin-left:0 !important;margin-right:0 !important;}



/* 2026-07-22 owner: white header on scroll, ALL pages (same as homepage) — overrides the earlier transparent .fixed-pinned; height stays 50px so white is never taller than the header */
header.store-header #main-nav.fixed-pinned{background-color:#ffffff !important;box-shadow:0 2px 8px rgba(0,0,0,.08) !important;min-height:50px !important;height:50px !important;}
header.store-header #main-nav.fixed-pinned .inner,
header.store-header #main-nav.fixed-pinned .main-nav__content{background-color:transparent !important;min-height:50px !important;height:50px !important;}
/**/
/* 2026-07-22 owner: inner pages (not homepage): white header, visible, 50px (PDP/category/cart have no banner) */
body:not(.index) header.store-header #main-nav,
body:not(.index) header.store-header #main-nav.fixed-pinned{background-color:#ffffff !important;box-shadow:0 2px 8px rgba(0,0,0,.06) !important;min-height:50px !important;height:50px !important;}
body:not(.index) header.store-header #main-nav .inner,
body:not(.index) header.store-header #main-nav .main-nav__content{background-color:#ffffff !important;min-height:50px !important;height:50px !important;}
/**/
/* 2026-07-22 owner: hide site footer on cart page only (checkout CTA is outside .store-footer-wrap, stays visible) */
body.cart footer.store-footer-wrap{display:none !important;}
/**/
/* 2026-07-22 r24: R100 slider dots larger + higher contrast (centering handled by earlier rule) */
.swiper-pagination-bullet{width:12px !important;height:12px !important;margin:0 5px !important;background:#6b7280 !important;opacity:.65 !important;}
.swiper-pagination-bullet-active{width:26px !important;height:12px !important;border-radius:6px !important;background:#0d0d0d !important;opacity:1 !important;}
/* r24: R113 defensive — neutralize broken Salla placeholder.png (403) if it ever renders */
img[src*="placeholder.png"],img[src*="/images/placeholder"]{opacity:0 !important;background:#f3f4f6 !important;}
/**/