/* Union Auto Spares storefront — simple, obvious shopping UX */
.public-store-shell{
  --store-bg:#0b1220;--store-card:#111a2b;--store-card-hover:#162238;
  --store-accent:#3b82f6;--store-accent-hover:#2563eb;--store-green:#25d366;
  --store-text:#f8fafc;--store-muted:#94a3b8;--store-border:#26344d;
  --store-radius:14px;background:#0b1220
}
.public-store-header{background:#0b1220;border-bottom:1px solid var(--store-border);padding:12px 20px;box-shadow:none}
.store-nav-container{max-width:1180px;gap:14px}.store-logo-mark{border-radius:10px;box-shadow:none}.store-title{font-size:18px}.store-subtitle{font-size:11px}
.store-search-bar{max-width:520px;height:46px;border-radius:12px;background:#111a2b;border:1px solid #32415c}
.vehicle-selector-badge,.cart-header-btn,.account-header-btn{background:#111a2b;border-color:#32415c}
.store-homepage{gap:28px;padding-bottom:44px}.store-hero-banner{padding:42px 20px;background:#0f1b31;border-bottom:1px solid var(--store-border)}
.store-hero-banner:before,.store-hero-banner:after{display:none}.hero-grid-container{max-width:1180px;grid-template-columns:1fr .7fr;gap:36px}.hero-left-column{gap:14px}
.hero-eyebrow-badge{font-size:11px;padding:5px 10px}.hero-headline{font-size:clamp(38px,4.8vw,58px);line-height:1.06;max-width:760px}.hero-description{font-size:16px;line-height:1.55;max-width:650px}
.hero-primary-btn,.hero-vehicle-btn{min-height:48px;border-radius:12px;padding:0 22px}.hero-visual-card{border-radius:16px;box-shadow:none;background:#111a2b;border:1px solid #32415c;padding:22px}
.trust-badges-bar,.categories-section,.featured-section{max-width:1180px}.trust-badges-bar{gap:12px}.trust-item{background:#111a2b;border-color:#26344d;padding:14px;border-radius:12px}.trust-icon-box{border-radius:10px}
.section-head{margin-bottom:16px}.section-head h2{font-size:25px}.categories-grid{gap:12px}.category-card{min-height:145px;border-radius:14px;padding:18px;background:#111a2b;border-color:#26344d;box-shadow:none}.category-card:hover{transform:none;border-color:#3b82f6}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-product-card{border-radius:14px;background:#111a2b;border-color:#26344d;box-shadow:none}.public-product-card:hover{transform:none;border-color:#3b82f6}.card-image-wrap{height:190px}.card-content{padding:15px}.add-to-cart-btn{min-height:42px;border-radius:10px}
.whatsapp-cta-banner{max-width:1180px;border-radius:14px;padding:24px;background:#166534;box-shadow:none}

@media(max-width:820px){
  html,body,#root{width:100%;min-height:100%;overflow-x:hidden}
  .public-store-shell{height:100dvh;min-height:100dvh;overflow:hidden;background:#0b1220}
  .public-store-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}
  .store-nav-container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:auto}
  .store-brand{min-width:0;gap:9px}.store-logo-mark{width:38px;height:38px}.store-brand-text{min-width:0}.store-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-subtitle{font-size:10px}
  .header-action-group{gap:8px}.whatsapp-btn-shortcut{width:40px;height:40px;padding:0;border-radius:10px;font-size:0;justify-content:center}
  .store-search-bar{display:flex!important;grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:48px;border-radius:12px;background:#fff;border:none;padding:0 14px}
  .store-search-bar .search-icon{color:#64748b}.store-search-bar input{color:#0f172a;font-size:16px;font-weight:600}.store-search-bar input::placeholder{color:#64748b}
  .vehicle-selector-badge,.workspace-switch-btn,.header-action-group .cart-header-btn,.header-action-group .account-header-btn{display:none!important}
  .store-main-viewport{height:calc(100dvh - 106px);min-height:0;overflow-y:auto!important;overflow-x:hidden;padding-bottom:calc(74px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  .store-homepage{gap:18px;padding-bottom:20px}
  .store-hero-banner{padding:24px 14px 20px;background:#0f1b31;min-height:0!important}
  .hero-grid-container{display:block;text-align:left}.hero-right-column{display:none!important}.hero-left-column{align-items:stretch;gap:12px}.hero-eyebrow-badge{display:none}
  .hero-headline{font-size:32px;line-height:1.08;max-width:12ch;letter-spacing:-.6px}.hero-description{font-size:14px;line-height:1.45;max-width:36ch}
  .hero-btn-group{display:grid;grid-template-columns:1fr;gap:9px;margin-top:2px}.hero-primary-btn,.hero-vehicle-btn{width:100%;min-height:48px;border-radius:12px;font-size:14px}
  .hero-primary-btn{order:1}.hero-vehicle-btn{order:2;background:#111a2b}
  .trust-badges-bar{display:none!important}
  .categories-section,.featured-section{padding:0 14px}.section-head{align-items:center;margin-bottom:12px}.section-head h2{font-size:20px}.section-head .muted{font-size:12px}.text-btn{font-size:12px}
  .categories-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:96px;border-radius:12px;padding:13px;gap:7px;align-items:flex-start;text-align:left}.cat-icon-wrap{width:36px;height:36px;border-radius:10px}.category-card b{font-size:14px}.category-card small{font-size:11px}
  .products-grid{grid-template-columns:1fr 1fr;gap:10px}.public-product-card{border-radius:12px}.card-image-wrap{height:130px}.card-content{padding:10px;gap:6px}.brand-tag,.fitment-badge{font-size:9px;padding:3px 6px}.sku-code{font-size:9px}.product-title{font-size:12px;line-height:1.25}.rating-row{display:none}.price-row{display:block;padding-top:8px}.current-price{font-size:15px}.original-price{display:none}.stock-status{display:inline-block;margin-top:4px;font-size:9px}.card-actions{gap:6px;margin-top:7px}.add-to-cart-btn{min-height:38px;padding:7px;font-size:10px}.whatsapp-card-btn{width:38px;height:38px}
  .whatsapp-cta-banner{margin:0 14px;width:auto;border-radius:12px;padding:18px;gap:12px}.wa-banner-content{gap:10px}.wa-banner-content h3{font-size:17px}.wa-banner-content p{font-size:12px}.whatsapp-primary-cta{width:100%;justify-content:center;min-height:44px;border-radius:10px}
  .mobile-bottom-nav{box-sizing:border-box!important;display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(64px + env(safe-area-inset-bottom))!important;min-height:64px!important;padding:4px 6px env(safe-area-inset-bottom)!important;background:#0b1220!important;border-top:1px solid #26344d!important;box-shadow:0 -8px 24px rgba(0,0,0,.22)!important;z-index:9999!important;align-items:stretch!important;justify-content:space-between!important;overflow:hidden!important}
  .mobile-bottom-nav button{box-sizing:border-box!important;display:flex!important;flex:1 1 20%!important;min-width:0!important;width:auto!important;height:60px!important;min-height:60px!important;padding:5px 2px!important;margin:0!important;border:0!important;background:transparent!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-size:10px!important;line-height:1!important;gap:4px!important;color:#94a3b8!important;overflow:visible!important}
  .mobile-bottom-nav button.active{color:#f8fafc!important;background:rgba(59,130,246,.08)!important;border-radius:10px!important}
  .mobile-bottom-nav button svg{width:21px!important;height:21px!important;flex:none!important}.mobile-bottom-nav button span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .search-page,.product-detail-page,.cart-page,.checkout-page,.account-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){.products-grid{grid-template-columns:1fr}.card-image-wrap{height:210px}.hero-headline{font-size:30px}}
@media(prefers-reduced-motion:reduce){.public-store-shell *{animation:none!important;transition:none!important}}