/* Filterstore v28 — one unified customer shopping journey */
html{scroll-padding-top:82px}
/* Header: both contact methods live here, never floating over product cards. */
.header-actions .phone-link,.header-actions .whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.header-actions .phone-link svg,.header-actions .whatsapp-link svg{width:19px;height:19px;flex:none;display:block}
.header-actions .whatsapp-link{border-color:#cce8dd;color:#16825b;background:#f1fbf7}
.header-actions .phone-link{color:#175177}
.hero{background:transparent!important}
.hero-grid{padding-top:65px;padding-bottom:43px;min-height:0}
.hero-lede{max-width:540px}
.hero-stats{margin-top:30px}
/* Unified shop: no duplicate "categories" or second catalog heading. */
.shop-flow{position:relative;z-index:1;padding:58px 0 80px;scroll-margin-top:82px}
.shop-head{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.shop-head .eyebrow{margin-bottom:5px}
.shop-head h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.13;letter-spacing:-1.6px;color:#153b57}
.shop-head p{margin:0;color:#638197;font-size:14px;line-height:1.6;max-width:630px}
.shop-flow .catalog-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.shop-flow .catalog-card{min-height:168px;padding:18px 19px 16px;border-radius:21px;gap:0}
.shop-flow .catalog-card-icon{width:50px;height:50px;border-radius:15px}
.shop-flow .catalog-card-icon svg{width:29px;height:29px}
.shop-flow .catalog-card-title{font-size:17px;margin:12px 0 5px;line-height:1.22}
.shop-flow .catalog-card-sub{line-height:1.45;font-size:11px;max-width:100%}
.shop-flow .catalog-card-arrow{margin-top:9px;font-size:11px}
.shop-flow .catalog-card-count{font-size:9px;letter-spacing:.3px;padding:5px 8px}
.shop-flow .catalog-card.active{outline:2px solid #1779ae;outline-offset:2px}
.shop-flow .catalog-card-accent-consumables{background:linear-gradient(145deg,#0b8b7e,#3bb6bc)!important}
.shop-flow .catalog-card-accent-plumbing{background:linear-gradient(145deg,#13649b,#2995c2)!important}
.shop-flow .catalog-card-accent-electric{background:linear-gradient(145deg,#eaf8fc,#d4edf7)!important}
.shop-flow .catalog-card-accent-electric .catalog-card-title,.shop-flow .catalog-card-accent-electric .catalog-card-arrow{color:#123b5c}
.show-categories[hidden]{display:none!important}
.show-categories{display:none;justify-content:center;align-items:center;margin:13px auto 0;padding:12px 20px;min-height:44px;border:1px solid #b5dbee;background:#fff;color:#14638e;border-radius:14px;font-weight:800}
.shop-featured{margin-top:28px;scroll-margin-top:85px}
.shop-featured[hidden]{display:none!important}
.shop-featured .promo-showcase{grid-template-columns:1fr;display:block;min-height:0;padding:10px}
.shop-featured .promo-primary{min-height:345px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.shop-featured .promo-primary.promo-bundle{min-height:345px;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}
.shop-featured .promo-primary-content{padding:32px 24px 34px 37px}
.shop-featured .promo-primary h2{max-width:510px;margin:14px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.1}
.shop-featured .promo-primary-spec{max-width:530px;font-size:13px;line-height:1.55}
.shop-featured .promo-badges{gap:6px;margin-top:11px}
.shop-featured .promo-badge{font-size:10px;padding:6px 9px}
.shop-featured .promo-bundle-copy{margin-top:13px;font-size:12px;line-height:1.55}
.shop-featured .promo-primary-pricing{margin-top:14px;gap:9px}
.shop-featured .promo-primary-pricing strong{font-size:34px}
.shop-featured .promo-primary-buttons{margin-top:13px;display:flex;align-items:center;flex-direction:row;gap:12px}
.shop-featured .promo-primary-buttons .promo-action-primary{font-size:12px;min-height:45px}
.shop-featured .promo-primary-buttons .promo-link{color:#effdff;padding:12px 6px}
.shop-featured .promo-bundle-visual{min-height:320px;padding:20px 24px 20px 0}
.shop-featured .promo-bundle-stack{width:min(100%,320px);grid-template-columns:1fr 1fr;gap:9px}
.shop-featured .promo-bundle-photo{min-height:110px;aspect-ratio:1.25;overflow:hidden}
.shop-featured .promo-bundle-photo-main{min-height:145px;aspect-ratio:2.2;grid-column:1 / 3;transform:none}
.shop-featured .promo-bundle-photo img{max-height:130px;object-fit:contain}
.shop-featured .promo-bundle-photo-main img{max-height:145px}
.shop-featured .promo-bundle-disc{width:270px;height:270px}
.shop-featured .promo-side{display:none!important}
.shop-featured .promo-primary-visual{min-height:310px;padding:25px}
.shop-featured .promo-primary .promo-hero-product{max-width:260px;max-height:255px;aspect-ratio:1;object-fit:contain}
.shop-featured .promo-footnote{padding:12px 21px;flex-direction:row;justify-content:space-between;gap:12px}
.shop-list-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:40px 0 17px;scroll-margin-top:92px}
.shop-list-header .eyebrow{font-size:10px}
.shop-list-header h3{margin:4px 0 0;color:#133e59;font-size:clamp(22px,2.4vw,30px);line-height:1.18;letter-spacing:-.9px}
.shop-list-header #resultsCount{font-size:11px;letter-spacing:.1px;font-family:Manrope,'Segoe UI',sans-serif;color:#62879b;white-space:nowrap;font-weight:700}
.shop-flow .search-panel{margin-bottom:20px;border-color:#bddfeb;background:rgba(249,254,255,.84)}
.shop-flow .products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.shop-flow .product-card{background:rgba(255,255,255,.88);border-color:#d0e4ef}
.shop-flow .product-details{min-height:187px}
.shop-flow .product-actions{display:flex;gap:8px;margin-top:auto;width:100%;align-items:stretch}
.shop-flow .product-actions .button{margin:0;min-height:43px}
.shop-flow .product-actions .product-buy{flex:1;width:auto;min-width:0}
.shop-flow .product-actions .product-add{flex:0 0 44px;width:44px;min-width:44px;font-size:21px;line-height:1;padding:7px}
.shop-flow .product-price{margin-top:auto;margin-bottom:12px}
.shop-flow .showmore-wrap{margin-top:20px}
/* Less page furniture after the shop, but keep useful shipping/legal terms. */
.delivery-section{padding:48px 0 60px!important}
.delivery-section .section-heading{margin-bottom:20px}
.footer-v5{margin-top:0}
.footer-top-note{display:none}
@media(max-width:1100px){
 .shop-flow .catalog-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shop-featured .promo-primary{min-height:300px}
 .shop-flow .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 html{scroll-padding-top:65px}
 body{padding-bottom:0!important}
 .site-header .header-inner{min-height:62px!important;gap:5px!important;padding:5px 0}
 .site-header .brand{flex:1;min-width:0}
 .site-header .brand-icon{width:36px;height:36px;flex:none}
 .site-header .brand-icon img{width:36px;height:36px}
 .site-header .brand-text strong{font-size:12px;letter-spacing:-.4px}
 .site-header .brand-text small{display:none}
 .header-actions{gap:5px!important;margin-left:auto}
 .header-actions .phone-link,.header-actions .whatsapp-link{display:grid!important;place-items:center;min-width:38px;width:38px;height:40px;padding:0;border:1px solid #c4dce9;border-radius:12px;background:#fff;color:#126b9b;font-size:0}
 .header-actions .whatsapp-link{background:#f0fff8;color:#159b64;border-color:#ccecdf}
 .header-actions .phone-link span,.header-actions .whatsapp-link span{display:none!important}
 .header-actions .phone-link svg,.header-actions .whatsapp-link svg{width:20px;height:20px}
 .header-actions .cart-trigger{width:43px;height:43px;min-width:43px;min-height:43px!important;padding:7px!important;border-radius:12px}
 .header-actions .cart-trigger .cart-vector{width:18px;height:18px}
 .mobile-menu{width:40px;height:42px;min-width:40px;font-size:21px}
 .hero-grid{padding-top:24px!important;padding-bottom:15px!important;gap:13px!important}
 .hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}
 .hero h1{font-size:clamp(29px,9.7vw,41px)!important;letter-spacing:-1.6px!important;margin:13px 0 11px!important;line-height:1.07}
 .hero-lede{font-size:12px!important;line-height:1.55!important;max-width:370px}
 .hero-ctas{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:17px!important}
 .hero-ctas .button{font-size:11px!important;padding:9px 8px!important;line-height:1.25!important;min-height:47px!important;border-radius:13px;white-space:normal}
 .hero-stats{display:none!important}
 .hero-visual{min-height:0!important;padding:0!important}
 .hero .product-spotlight{height:200px!important;width:100%!important;max-width:100%;border-radius:21px!important}
 .hero .product-spotlight>img{height:90%!important;width:75%!important;object-fit:contain!important}
 .hero .product-spotlight .spotlight-tag{font-size:10px;top:14px;left:16px}
 .hero .product-spotlight .spotlight-footer{display:none!important}
 .hero .floating-benefits{display:none!important}
 .hero .hero-visual-glow{display:none}
 .shop-flow{padding:24px 0 58px;scroll-margin-top:62px}
 .shop-head{margin-bottom:13px;gap:5px}
 .shop-head .eyebrow{font-size:9px;letter-spacing:1.2px}
 .shop-head h2{font-size:26px;letter-spacing:-1px}
 .shop-head p{font-size:12px;line-height:1.5}
 .shop-flow .catalog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .shop-flow .catalog-card{min-height:118px!important;border-radius:16px!important;padding:12px 12px 10px!important}
 .shop-flow .catalog-card-icon{width:40px;height:40px;border-radius:11px}
 .shop-flow .catalog-card-icon svg{width:23px;height:23px}
 .shop-flow .catalog-card-count{font-size:8px;padding:4px 7px;white-space:nowrap}
 .shop-flow .catalog-card-title{font-size:13px!important;line-height:1.18;margin:8px 0 4px}
 .shop-flow .catalog-card-sub{display:none!important}
 .shop-flow .catalog-card-arrow{margin-top:8px;font-size:10px}
 .shop-flow .catalog-card:not(:nth-child(-n+6)){display:none}
 .shop-flow .catalog-cards-grid.expanded .catalog-card{display:flex}
 .shop-flow .show-categories{display:flex}
 .shop-featured{margin-top:20px;scroll-margin-top:63px}
 .shop-featured .promo-frame{border-radius:18px}
 .shop-featured .promo-showcase{padding:6px}
 .shop-featured .promo-primary,.shop-featured .promo-primary.promo-bundle{grid-template-columns:minmax(0,1fr) minmax(0,0.75fr)!important;min-height:240px!important;align-items:center}
 .shop-featured .promo-primary-content{padding:18px 3px 18px 15px;min-width:0;align-items:flex-start}
 .shop-featured .promo-kicker{font-size:8px;letter-spacing:.2px;min-height:24px;padding:5px 8px}
 .shop-featured .promo-primary h2{font-size:clamp(17px,5.1vw,23px)!important;line-height:1.12;margin:10px 0 6px;letter-spacing:-.55px}
 .shop-featured .promo-primary-spec{font-size:9px;line-height:1.4}
 .shop-featured .promo-bundle-copy{display:none}
 .shop-featured .promo-badges{display:none}
 .shop-featured .promo-primary-pricing{margin-top:11px;gap:5px}
 .shop-featured .promo-primary-pricing strong{font-size:23px}
 .shop-featured .promo-primary-pricing span{font-size:8px}
 .shop-featured .promo-primary-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:11px}
 .shop-featured .promo-primary-buttons .promo-action-primary{font-size:10px;padding:10px 11px;white-space:normal;min-height:42px}
 .shop-featured .promo-primary-buttons .promo-link{font-size:10px;min-height:32px;padding:5px 0}
 .shop-featured .promo-bundle-visual{min-height:220px;padding:10px 10px 10px 0}
 .shop-featured .promo-bundle-disc{width:140px;height:140px}
 .shop-featured .promo-bundle-stack{gap:4px;width:100%;max-width:160px}
 .shop-featured .promo-bundle-photo{min-height:69px;padding:4px;border-radius:9px;aspect-ratio:1.2}
 .shop-featured .promo-bundle-photo-main{min-height:75px;aspect-ratio:1.8}
 .shop-featured .promo-bundle-photo img{max-height:80px}
 .shop-featured .promo-bundle-photo-main img{max-height:80px}
 .shop-featured .promo-bundle-note{display:none}
 .shop-featured .promo-primary-visual{min-height:220px;padding:10px}
 .shop-featured .promo-primary .promo-hero-product{width:100%;max-width:140px;height:auto;max-height:165px;object-fit:contain}
 .shop-featured .promo-footnote{padding:9px 12px;gap:5px;flex-direction:column;font-size:9px}
 .shop-list-header{align-items:end;margin:22px 0 13px;scroll-margin-top:68px}
 .shop-list-header h3{font-size:23px}
 .shop-list-header #resultsCount{font-size:10px;white-space:normal;text-align:right;max-width:110px}
 .shop-flow .search-panel{padding:6px;gap:5px;margin-bottom:15px}
 .shop-flow .search-wrap{padding:0 9px}
 .shop-flow .search-wrap input{font-size:14px;min-height:42px}
 .shop-flow .search-panel select{min-width:94px;max-width:98px;padding:0 5px;font-size:12px}
 .shop-flow .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .shop-flow .product-media{height:155px!important;min-height:155px!important}
 .shop-flow .product-details{min-height:151px!important;padding:9px 9px 10px!important}
 .shop-flow .product-details h3{font-size:11px;min-height:43px}
 .shop-flow .product-price{font-size:16px;margin-bottom:10px}
 .shop-flow .product-actions{gap:6px}
 .shop-flow .product-actions .product-buy{font-size:11px;min-height:43px;padding:7px 6px}
 .shop-flow .product-actions .product-add{min-width:41px;width:41px;flex-basis:41px;font-size:20px;min-height:43px;padding:7px}
 .shop-flow .stock{font-size:7px}
 .delivery-section{padding:27px 0 30px!important}
 .delivery-section .section-heading h2{font-size:24px}
 .toast{bottom:calc(10px + env(safe-area-inset-bottom))!important}
}
@media(max-width:359px){
 .site-header .brand-text{display:none!important}
 .shop-flow .catalog-card-title{font-size:12px!important}
 .shop-featured .promo-primary,.shop-featured .promo-primary.promo-bundle{grid-template-columns:minmax(0,1fr) minmax(0,.68fr)!important}
 .shop-featured .promo-primary-content{padding:13px 2px 13px 10px}
 .shop-featured .promo-primary h2{font-size:17px!important}
 .shop-featured .promo-primary-spec{font-size:8px}
 .shop-featured .promo-primary-pricing strong{font-size:21px}
 .shop-featured .promo-bundle-visual{padding:8px 7px 8px 0}
 .shop-flow .product-media{height:149px!important;min-height:149px!important}
 .shop-flow .product-details h3{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.catalog-card,.promo-action,.product-card{transition:none!important}}
