/* ShuddhoPlus mobile-first commerce layer.
   Desktop layout remains controlled by the existing Bootstrap grid. */
:root{--mobile-bg:#F5F6F3}
body{background:var(--mobile-bg)}
.site-header{box-shadow:0 1px 0 rgba(23,37,26,.04)}
.section-switcher .container{padding-left:12px!important;padding-right:12px!important}
.section-switcher .section-tab{padding:.35rem .7rem;font-size:.82rem}
.section-switcher .section-tab small{display:none}
.site-header>.container{padding-left:10px;padding-right:10px}
.site-header .input-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}
.site-header .input-group .form-control{border:0;box-shadow:none;min-width:0;height:44px;font-size:.92rem;background:transparent}
.site-header .input-group .btn{border-radius:0!important;width:48px}
.site-header img{max-width:48px!important;height:auto!important}
.pwa-install-banner{display:flex;align-items:center;gap:10px;margin:8px 10px;padding:10px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:0 4px 16px rgba(23,37,26,.07)}
.pwa-install-icon{width:42px;height:42px;flex:0 0 42px;border-radius:10px;overflow:hidden;background:var(--color-background)}
.pwa-install-icon img{width:100%;height:100%;object-fit:cover}
.pwa-install-copy{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.2}
.pwa-install-copy strong{font-size:.86rem}.pwa-install-copy span{font-size:.7rem;color:var(--color-muted);margin-top:3px}
.pwa-install-close{border:0;background:transparent;color:var(--color-muted);font-size:1.25rem;padding:0 3px;line-height:1}
.pwa-header-install{display:none}
.mobile-section-title{font-size:1.05rem}
.product-card{border-radius:12px;box-shadow:0 1px 3px rgba(23,37,26,.04);min-width:0}
.product-card>a:first-child{display:block;background:#fff}
.product-card img{aspect-ratio:1/1;object-fit:contain!important;background:#fff}
.product-card .p-2{padding:9px!important}
.product-card .badge-brand{font-size:.62rem;padding:.24rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.product-card .product-name{font-size:.83rem;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.15em}
.product-card .price{font-size:1rem}.product-card .mrp,.product-card .off{font-size:.7rem}
.product-card .btn{min-height:36px;border-radius:10px;font-size:.82rem;padding:.3rem .55rem}
.surface{box-shadow:0 1px 3px rgba(23,37,26,.03)}
.hero-image{border-radius:14px}.carousel{margin-left:-2px;margin-right:-2px}
.category-icons{gap:.7rem}.category-icon{min-width:76px}.category-icon span{width:56px;height:56px;font-size:1.25rem}.category-icon strong{font-size:.68rem}
.bottom-nav{box-shadow:0 -4px 16px rgba(23,37,26,.08)}
.bottom-nav a{padding:.45rem 0 .4rem;font-size:.67rem}.bottom-nav i{font-size:1.25rem;margin-bottom:2px}
.mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0}
.mobile-toolbar .btn{font-size:.78rem}
.product-main-image{border-radius:14px!important;background:#fff!important}
.mobile-buybar{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:1025;background:#fff;border-top:1px solid var(--color-border);padding:8px 10px;box-shadow:0 -5px 18px rgba(23,37,26,.1)}
.mobile-buybar .btn{height:46px;font-size:.9rem;border-radius:12px}
.mobile-buybar .buy-now-mobile{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.mobile-buybar .add-cart-mobile{background:#fff;color:var(--color-primary);border:1.5px solid var(--color-primary)}
.product-mobile-price{font-size:1.7rem;letter-spacing:-.02em}
.product-mobile-badges{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.product-mobile-badges::-webkit-scrollbar{display:none}.product-mobile-badges .badge-brand{flex:0 0 auto}
.delivery-box,.seller-box,.policy-strip{border:1px solid var(--color-border);background:#fff;border-radius:14px;padding:12px}
.policy-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.policy-strip>div{font-size:.7rem;color:var(--color-muted)}.policy-strip i{display:block;font-size:1.2rem;color:var(--color-primary);margin-bottom:3px}
.horizontal-products{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.horizontal-products::-webkit-scrollbar{display:none}.horizontal-products>.mini-product{flex:0 0 155px}
.search-sortbar{position:sticky;top:70px;z-index:10;background:var(--mobile-bg);padding:8px 0;border-bottom:1px solid var(--color-border)}
@media(min-width:768px){.pwa-install-banner{display:none!important}.pwa-header-install{display:inline-block}.mobile-buybar{display:none!important}}
@media(max-width:767px){
 body{font-size:.9rem}
 main.container{padding-left:10px!important;padding-right:10px!important;padding-top:8px!important}
 footer{margin-bottom:0!important}
 .site-header{position:sticky;top:0}
 .site-header>.container{padding-top:6px!important;padding-bottom:7px!important}
 .site-header nav{display:none!important}
 .section-switcher .container{padding-top:5px!important;padding-bottom:5px!important}
 .section-switcher .section-tab{font-size:.78rem}
 .site-header .d-flex.align-items-center.gap-2{gap:7px!important}
 .site-header form{min-width:0}.site-header form .form-control{font-size:.88rem}
 .site-header .d-lg-flex{display:none!important}
 .section-hero{padding:14px!important;margin-bottom:9px!important;min-height:0!important}.section-hero h1{font-size:1.35rem!important}.section-hero p{font-size:.82rem;margin:.15rem 0 .7rem!important}.section-hero .btn{font-size:.82rem;padding:.45rem .8rem}
 .hero-image{height:170px!important;object-fit:cover}.hero-copy{top:8%!important;left:4%!important;max-width:76%!important;padding:.5rem!important}.hero-copy h2{font-size:.95rem!important}.hero-copy p{font-size:.68rem!important;margin-bottom:.25rem}.hero-copy .btn{font-size:.68rem;padding:.25rem .55rem}
 .surface.p-3{padding:10px!important}
 .surface.mb-4{margin-bottom:10px!important}
 .row.g-3{--bs-gutter-x:.55rem;--bs-gutter-y:.55rem}
 .row.row-cols-2.g-3{--bs-gutter-x:.55rem;--bs-gutter-y:.65rem}
 .product-card .p-2{padding:8px!important}
 .product-card .d-flex.gap-1{gap:4px!important}
 .product-card .product-name{font-size:.79rem}
 .product-card .price{font-size:.94rem}
 .product-card .btn-sm{font-size:.72rem}
 .search-sortbar{top:0}
 .product-main-image{max-height:390px}
 .thumb-image{width:58px!important;height:58px!important}
 .gallery-prev,.gallery-next{width:34px!important;height:34px!important}
 .product-mobile-price{font-size:1.65rem}.product-mobile-badges{margin-bottom:8px}
 .variant-choice{padding:.48rem .7rem!important;font-size:.82rem}
 .qty-control button,.qty-control input{width:36px;height:36px}
 .purchase-form,.buy-now-desktop,.wishlist-desktop{display:none!important}
 .product-page-description{font-size:.86rem}
 .product-page-title{font-size:1.45rem!important;line-height:1.15}
 .product-page-brand{font-size:.82rem}
 .product-details-grid dt,.product-details-grid dd{font-size:.8rem}
 .cart-item-mobile{padding:10px!important}.cart-item-mobile img{width:76px!important;height:76px!important}
}
.mobile-header-actions{flex:0 0 auto}.mobile-header-icon{position:relative;width:36px;height:36px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1rem}.mobile-header-icon .cart-badge{top:-4px;right:-3px}

/* V9 stability/mobile fixes */
.product-card{height:auto!important;align-self:start}
.product-card>a:first-child{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#fff}
.product-card img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover!important;background:#fff}
.product-card .p-2{height:auto!important}
.product-card-wishlist{position:absolute;top:7px;right:7px;z-index:4}
.wishlist-icon{width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:1.05rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.wishlist-icon.is-active{color:#dc3545;border-color:#dc3545}.wishlist-button.is-active{color:#dc3545;border-color:#dc3545}.mobile-wishlist-form{flex:0 0 48px}.mobile-wishlist-button{width:48px;height:46px;border:1.5px solid var(--color-border);background:#fff;color:#dc3545;border-radius:12px}.mobile-wishlist-button.is-active{background:#fff0f2;border-color:#dc3545}
.section-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 88% 12%,rgba(139,203,69,.42),transparent 28%),radial-gradient(circle at 12% 100%,rgba(18,107,46,.12),transparent 34%),linear-gradient(135deg,#fff 0%,#f5faef 52%,#e9f5df 100%)!important;box-shadow:0 10px 28px rgba(18,107,46,.08)}
.section-hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;bottom:-60px;background:rgba(18,107,46,.12);z-index:-1}.section-hero .section-kicker{background:#126b2e;color:#fff;padding:.28rem .65rem;border-radius:999px;display:inline-block}.collection-shelf{box-shadow:0 4px 18px rgba(23,37,26,.045)}
@media(max-width:767px){.product-card>a:first-child,.product-card img{height:165px;aspect-ratio:auto}.product-card .product-name{min-height:0}.product-card .price{margin-top:2px}.product-card .d-flex.gap-1.mt-2{margin-top:6px!important}.section-hero{padding:15px!important}.section-hero:after{width:100px;height:100px}.row.row-cols-2.g-3{align-items:start}}
html.pwa-standalone .product-card>a:first-child,html.pwa-standalone .product-card img{height:170px;aspect-ratio:auto}


/* FINAL MOBILE PRODUCT CARD FIX
   Keep the media box compact and force the image to fill it. */
.product-card{height:auto!important;min-height:0!important;align-self:flex-start!important;overflow:hidden!important}
.product-card .product-image-link{display:block!important;width:100%!important;height:180px!important;min-height:180px!important;max-height:180px!important;aspect-ratio:auto!important;overflow:hidden!important;background:#fff!important;line-height:0!important}
.product-card .product-image-link img{display:block!important;width:100%!important;height:180px!important;min-height:180px!important;max-height:180px!important;aspect-ratio:auto!important;object-fit:cover!important;background:#fff!important;margin:0!important;padding:0!important}
@media(max-width:767px){
 .product-card .product-image-link{height:158px!important;min-height:158px!important;max-height:158px!important}
 .product-card .product-image-link img{height:158px!important;min-height:158px!important;max-height:158px!important}
 .product-card .p-2{height:auto!important;min-height:0!important}
 .product-card{margin:0!important}
 .collection-shelf .row{align-items:flex-start!important}
}
html.pwa-standalone .product-card .product-image-link{height:165px!important;min-height:165px!important;max-height:165px!important}
html.pwa-standalone .product-card .product-image-link img{height:165px!important;min-height:165px!important;max-height:165px!important}

/* FINAL PRODUCT CARD IMAGE FIX 2026-09-27 */
.product-card .product-image-link{display:block!important;width:100%!important;height:180px!important;min-height:180px!important;max-height:180px!important;overflow:hidden!important;background:#fff!important;line-height:0!important;margin:0!important;padding:0!important}
.product-card .product-image-link img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#fff!important;margin:0!important;padding:0!important}
@media(max-width:767px){.product-card .product-image-link{height:158px!important;min-height:158px!important;max-height:158px!important}.product-card .product-image-link img{height:100%!important}}
html.pwa-standalone .product-card .product-image-link{height:165px!important;min-height:165px!important;max-height:165px!important}
html.pwa-standalone .product-card .product-image-link img{height:100%!important}
