:root{--brand-blue: #002FCD;--brand-blue-dark: #00249E;--brand-cyan: #00A2FE;--brand-green: #099802;--brand-green-dark: #077A02;--brand-green-darker: #055C01;--brand-lime: #83DD01;--brand-red: #F00201;--brand-red-text: #D10000;--brand-orange: #FD8C03;--brand-yellow: #FFC20E;--ink: #111111;--ink-muted: #555555;--surface: #FFFFFF;--surface-alt: #F4F6F8;--border: #DDE2E7;--border-strong: #767676;--error: #B42318;--focus: var(--brand-blue);--on-blue: #FFFFFF;--on-blue-muted: rgba(255, 255, 255, .88);--radius: 10px;--shadow: 0 1px 2px rgba(17, 17, 17, .08), 0 2px 8px rgba(17, 17, 17, .06)}.tone-red{--cat: var(--brand-red);--cat-accent: var(--brand-red);--cat-text: var(--brand-red-text)}.tone-blue{--cat: var(--brand-blue);--cat-accent: var(--brand-cyan);--cat-text: var(--brand-blue)}.tone-amber{--cat: var(--brand-orange);--cat-accent: var(--brand-yellow);--cat-text: var(--ink)}.tone-green{--cat: var(--brand-green);--cat-accent: var(--brand-lime);--cat-text: var(--brand-green-dark)}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:100%;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{margin:0;background:var(--surface);color:var(--ink);font-size:1rem;line-height:1.55;padding-bottom:72px}img{max-width:100%;height:auto;display:block}a{color:var(--brand-blue);text-underline-offset:2px}a:hover{color:var(--brand-blue-dark)}h1,h2,h3{line-height:1.2;color:var(--ink);margin:0 0 .5em}h1{font-size:clamp(1.6rem,4.5vw,2.3rem)}h2{font-size:clamp(1.25rem,3.2vw,1.6rem)}h3{font-size:1.05rem}p{margin:0 0 1em}ul,ol{padding-left:1.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}.nav-row :focus-visible,.site-footer :focus-visible,.mobile-bar :focus-visible,.band-dark :focus-visible{outline-color:var(--on-blue)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:8px;top:-60px;background:var(--brand-blue);color:var(--on-blue);padding:10px 14px;z-index:100;border-radius:6px;font-weight:700}.skip:focus{top:8px;color:var(--on-blue)}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}main{display:block;min-height:50vh}main:focus{outline:none}.muted{color:var(--ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:44px;padding:0 1.1em;border-radius:8px;border:2px solid transparent;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.1;text-align:center}.btn-primary{background:var(--brand-blue);color:var(--on-blue);border-color:var(--brand-blue)}.btn-primary:hover{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark);color:var(--on-blue)}.btn-wa{background:var(--brand-green-dark);color:var(--on-blue);border-color:var(--brand-green-dark)}.btn-wa:hover{background:var(--brand-green-darker);border-color:var(--brand-green-darker);color:var(--on-blue)}.btn-ghost{background:var(--surface);color:var(--brand-blue);border-color:var(--brand-blue)}.btn-ghost:hover{background:var(--surface-alt);color:var(--brand-blue-dark);border-color:var(--brand-blue-dark)}.btn-sm{min-height:44px;padding:0 .8em;font-size:.92rem}.btn-icon{padding:0 .7em;min-width:44px}.btn-lg{min-height:52px;font-size:1.05rem;padding:0 1.4em}.btn[disabled]{opacity:.6;cursor:not-allowed}.topbar{display:none;background:var(--ink);color:var(--on-blue);font-size:.875rem}.topbar-row{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px}.topbar .icon{vertical-align:-3px}.topbar a{color:var(--on-blue);text-decoration:none;display:inline-flex;align-items:center;min-height:36px}.topbar a:hover{text-decoration:underline}.topbar-links{display:flex;gap:20px}.site-header{background:var(--surface);color:var(--ink);position:relative;z-index:50;border-bottom:1px solid var(--border)}.header-row{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"menu brand cart" "search search search";gap:6px 8px;padding-top:8px;padding-bottom:10px;align-items:center}.menu-btn{grid-area:menu;width:44px;height:44px;border:0;background:transparent;color:var(--ink);border-radius:8px;display:grid;place-items:center;cursor:pointer}.menu-btn:hover{background:var(--surface-alt)}.menu-btn .i-close,.menu-btn.is-open .i-open{display:none}.menu-btn.is-open .i-close{display:block}.brand{grid-area:brand;display:flex;align-items:center;justify-content:center;min-height:44px;justify-self:start}.logo{height:38px;width:auto}.search{grid-area:search;position:relative;display:flex;gap:0}.search input{flex:1;min-width:0;min-height:46px;border-radius:10px 0 0 10px;border:2px solid var(--border-strong);border-right:0;padding:0 14px;font:inherit;background:var(--surface);color:var(--ink)}.search input::placeholder{color:var(--ink-muted)}.search input:focus{border-color:var(--brand-blue)}.search-btn{border-radius:0 10px 10px 0;min-height:46px;padding:0 14px}.search-btn-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cart-link{grid-area:cart;position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 8px;color:var(--ink);text-decoration:none;border-radius:8px;font-weight:700}.cart-link:hover{background:var(--surface-alt);color:var(--ink)}.cart-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cart-count,.cart-count-inline{background:var(--brand-red-text);color:var(--on-blue);border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.cart-link .cart-count{position:absolute;top:2px;right:0}.cart-count[hidden],.cart-count-inline:empty{display:none}.drawer{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:4px solid var(--brand-blue);box-shadow:0 16px 30px #11111140;max-height:calc(100vh - 120px);overflow:auto;padding:8px 16px 16px;z-index:70}.drawer[hidden]{display:none}.drawer-h{margin:14px 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:700}.drawer ul{list-style:none;margin:0;padding:0}.drawer-cats a{display:flex;align-items:center;gap:12px;min-height:56px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}.drawer-cats .d-name{flex:1;font-weight:700}.drawer-cats .d-count{color:var(--ink-muted);font-size:.9rem}.drawer-cats .d-chev{color:var(--ink-muted)}.drawer-links a{display:flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none;font-weight:600;border-bottom:1px solid var(--border)}.drawer-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ico-circle{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:var(--surface-alt);color:var(--cat-text, var(--brand-blue));border:2px solid var(--cat, var(--brand-blue))}.ico-lg{width:56px;height:56px}.main-nav{display:none;background:var(--brand-blue)}.nav-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}.nav-row>a,.shop-menu>summary{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;color:var(--on-blue);text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;border-radius:6px;list-style:none}.shop-menu>summary::-webkit-details-marker{display:none}.shop-menu>summary:after{content:"";border:solid var(--on-blue);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);margin:-3px 0 0 8px}.shop-menu[open]>summary:after{transform:rotate(-135deg);margin-top:3px}.nav-row>a:hover,.shop-menu>summary:hover{background:var(--brand-blue-dark);color:var(--on-blue)}.shop-menu{position:static}.mega{position:absolute;left:0;right:0;background:var(--surface);color:var(--ink);box-shadow:0 12px 24px #1113;padding:16px max(16px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;max-height:70vh;overflow:auto;border-bottom:4px solid var(--brand-cyan)}.mega ul{list-style:none;margin:4px 0 0;padding:0}.mega a{color:var(--ink);text-decoration:none;display:flex;align-items:center;padding:6px 0;min-height:44px}.mega a:hover{color:var(--brand-blue);text-decoration:underline}.mega .mega-head{font-weight:800;color:var(--cat-text, var(--ink));border-left:4px solid var(--cat, var(--border));padding-left:8px}.mega :focus-visible{outline-color:var(--focus)}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);color:var(--ink);list-style:none;margin:0;padding:4px;border-radius:10px;box-shadow:0 12px 24px #11111140;border:1px solid var(--border);z-index:60;max-height:70vh;overflow:auto}.suggest[hidden]{display:none}.suggest a{display:flex;align-items:center;gap:10px;padding:6px 8px;min-height:48px;color:var(--ink);text-decoration:none;border-radius:6px}.suggest a:hover,.suggest a:focus-visible{background:var(--surface-alt);outline-offset:-3px;outline-color:var(--focus)}.suggest img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--surface-alt);flex:none}.suggest .s-name{flex:1;font-size:.95rem}.suggest .s-price{font-weight:700;white-space:nowrap;color:var(--brand-red-text)}.suggest .s-all a{justify-content:center;font-weight:700;color:var(--brand-blue)}.suggest .s-empty{padding:12px;color:var(--ink-muted)}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:3px solid var(--brand-blue);padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:700}.mobile-bar .mb-wa{background:var(--brand-green-dark);color:var(--on-blue)}.mobile-bar .mb-call{background:var(--brand-blue);color:var(--on-blue)}.mobile-bar a:hover{color:var(--ink)}.mobile-bar .mb-wa:hover,.mobile-bar .mb-call:hover{color:var(--on-blue)}.mobile-bar .mb-cart :focus-visible,.mobile-bar .mb-cart:focus-visible{outline-color:var(--focus)}.page{padding-top:20px;padding-bottom:40px}.page-narrow{max-width:780px}.crumbs{margin:14px 0 6px;font-size:.9rem}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0;margin:0}.crumbs li+li:before{content:"›";margin-right:4px;color:var(--ink-muted)}.crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.crumbs span{color:var(--ink-muted)}.section{padding:28px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-head h2{margin:0}.section-head a{display:inline-flex;align-items:center;min-height:44px}.lead{font-size:1.1rem;color:var(--ink)}.draft-note{background:var(--surface-alt);border:1px solid var(--border);border-left:6px solid var(--brand-yellow);padding:10px 14px;border-radius:8px;font-size:.95rem;color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.banner{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-blue-dark) 100%);color:var(--on-blue);padding:26px 0 32px}.banner:before{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--brand-cyan),transparent 68%);opacity:.4}.banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--brand-red) 0 25%,var(--brand-orange) 25% 50%,var(--brand-green) 50% 75%,var(--brand-cyan) 75% 100%)}.banner-grid{position:relative;z-index:1;display:grid;gap:24px}.eyebrow{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;background:#ffffff29;color:var(--on-blue);font-size:.875rem;font-weight:700;letter-spacing:.02em}.banner h1{color:var(--on-blue);font-size:clamp(1.9rem,6.4vw,3rem);line-height:1.1;max-width:18ch;margin-bottom:.45em}.banner-lead{color:var(--on-blue-muted);font-size:1.08rem;max-width:52ch}.banner-search{display:none;max-width:560px;margin:18px 0}.banner-cta{margin-top:20px}.banner-search input{flex:1;min-width:0;min-height:54px;padding:0 16px;border:0;border-radius:12px 0 0 12px;font:inherit;font-size:1.05rem;background:var(--surface);color:var(--ink)}.banner-search input::placeholder{color:var(--ink-muted)}.banner-search .btn{border-radius:0 12px 12px 0;min-height:54px;padding:0 18px}.banner :focus-visible{outline-color:var(--on-blue)}.btn-yellow{background:var(--brand-yellow);color:var(--ink);border-color:var(--brand-yellow)}.btn-yellow:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--ink)}.btn-outline-light{background:#ffffff14;color:var(--on-blue);border-color:var(--on-blue)}.btn-outline-light:hover{background:var(--on-blue);color:var(--brand-blue)}.banner-cta{display:flex;flex-wrap:wrap;gap:10px}.banner-rating{margin:16px 0 0}.banner-rating a{color:var(--on-blue);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}.banner-rating a:hover{text-decoration:underline;color:var(--on-blue)}.stars{display:inline-block;background:var(--brand-yellow);color:var(--ink);font-weight:800;padding:0 9px;border-radius:999px}.banner-art{display:none;list-style:none;margin:0;padding:0}.features{margin-top:-18px;position:relative;z-index:2}.features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.features li{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.features strong{display:block;font-size:.98rem;line-height:1.25}.features span:not(.ico-circle){display:block;color:var(--ink-muted);font-size:.9rem;line-height:1.35;margin-top:2px}.features .ico-circle{width:36px;height:36px}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}.cat-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 14px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s}.cat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1111111f}.cat-card h3{margin:8px 0 0;font-size:1.05rem}.cat-card h3 a{color:var(--ink);text-decoration:none}.cat-card h3 a:after{content:"";position:absolute;inset:0;border-radius:14px}.cat-card h3 a:focus-visible:after{outline:3px solid var(--focus);outline-offset:2px}.cat-blurb{display:none;margin:0;color:var(--ink-muted);font-size:.9rem}.cat-meta{margin:2px 0 0;font-size:.9rem;color:var(--ink-muted)}.cat-meta strong{color:var(--brand-red-text)}.steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--surface-alt);border-radius:var(--radius);padding:14px}.step-n{width:36px;height:36px;border-radius:50%;background:var(--brand-blue);color:var(--on-blue);font-weight:800;display:grid;place-items:center;flex:none}.steps strong{display:block}.steps span:not(.step-n){color:var(--ink-muted)}.visit{display:flex;gap:16px;align-items:flex-start}.visit h2{margin-bottom:.3em}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--cat, var(--border));border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card[hidden]{display:none}.card-img{display:block;aspect-ratio:1;background:var(--surface-alt)}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:10px;display:flex;flex-direction:column;gap:4px;flex:1}.card-cat{margin:0;font-size:.875rem;color:var(--cat-text, var(--ink-muted));font-weight:700;text-transform:uppercase;letter-spacing:.04em}.card-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{text-decoration:underline;color:var(--brand-blue)}.card-price{margin:0;font-size:1.05rem}.card-price strong{color:var(--brand-red-text)}.unit{color:var(--ink-muted);font-size:.85rem}.card .badge{margin:0}.ico{width:18px;height:18px;fill:currentColor;flex:none}.card-actions{display:flex;gap:6px;margin-top:auto;padding-top:8px}.card-actions .btn:first-child{flex:1}.badge{display:inline-block;font-size:.875rem;font-weight:700;padding:2px 9px;border-radius:999px}.badge-in_stock{background:var(--brand-green-dark);color:var(--on-blue)}.badge-low_stock{background:var(--brand-red-text);color:var(--on-blue)}.badge-ask{background:var(--surface-alt);color:var(--ink-muted);border:1px solid var(--border-strong)}.cat-head{display:flex;gap:14px;align-items:flex-start;margin:6px 0 16px;padding:16px;background:var(--surface-alt);border:1px solid var(--border);border-left:6px solid var(--cat, var(--brand-blue));border-radius:var(--radius)}.cat-head h1{margin-bottom:.2em}.cat-head p{margin-bottom:0}.sub-grid{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px;grid-template-columns:1fr}.sub-card a{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name chev" "meta chev";gap:0 10px;align-items:center;min-height:64px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--cat, var(--brand-blue));border-radius:var(--radius);text-decoration:none;color:var(--ink)}.sub-card a:hover{border-color:var(--cat, var(--brand-blue));box-shadow:var(--shadow)}.sub-name{grid-area:name;font-weight:700}.sub-meta{grid-area:meta;font-size:.9rem;color:var(--ink-muted)}.sub-meta strong{color:var(--brand-red-text)}.sub-chev{grid-area:chev;color:var(--ink-muted)}.cat-head p{max-width:70ch;color:var(--ink)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.toolbar label{font-weight:600;font-size:.92rem}.toolbar select,.toolbar input[type=search],.field input,.field select,.field textarea{min-height:44px;border:2px solid var(--border-strong);border-radius:8px;padding:0 10px;font:inherit;background:var(--surface);color:var(--ink);max-width:100%}.toolbar input[type=search]{flex:1;min-width:160px}.count{color:var(--ink-muted);font-size:.92rem;margin:0}.filters{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:0;margin-bottom:14px}.filters>summary{min-height:48px;display:flex;align-items:center;padding:0 14px;font-weight:700;cursor:pointer;color:var(--brand-blue)}.filter-body{padding:4px 14px 14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fgroup{border:0;padding:0;margin:0;min-width:0}.fgroup legend{font-weight:700;padding:0;margin-bottom:4px;color:var(--ink)}.fopts{max-height:190px;overflow:auto;padding-right:4px}.fopt{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}.fopt input{width:20px;height:20px;flex:none;accent-color:var(--brand-blue)}.fopt small{color:var(--ink-muted)}.filter-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;grid-column:1 / -1}.more-wrap{text-align:center;margin:20px 0}.empty{padding:24px;text-align:center;background:var(--surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius)}.pdp{display:grid;gap:20px}.pdp-img{background:var(--surface-alt);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);aspect-ratio:1;max-width:520px;width:100%}.pdp-img img{width:100%;height:100%;object-fit:cover}.pdp-note{font-size:.85rem;color:var(--ink-muted);margin-top:6px}.pdp h1{margin-bottom:.3em}.pdp-meta{color:var(--ink-muted);font-size:.92rem;margin-bottom:10px}.pdp-price{font-size:1.9rem;font-weight:800;color:var(--brand-red-text);margin:8px 0 4px}.pdp-price .unit{font-size:1rem;font-weight:500}.pdp-buy{display:grid;gap:10px;margin:16px 0;max-width:420px}.qty{display:inline-flex;align-items:center;border:2px solid var(--border-strong);border-radius:8px;background:var(--surface);width:fit-content}.qty button{width:48px;height:48px;border:0;background:transparent;font-size:1.4rem;cursor:pointer;color:var(--brand-blue);border-radius:6px}.qty button:hover{background:var(--surface-alt)}.qty input{width:64px;height:48px;text-align:center;border:0;font:inherit;font-weight:700;background:transparent;color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spec{border-collapse:collapse;width:100%;max-width:520px;margin:14px 0;font-size:.95rem}.spec th,.spec td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.spec th{width:38%;color:var(--ink-muted);font-weight:600}.trust{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:.95rem}.trust li:before{content:"✓ ";color:var(--brand-green-dark);font-weight:800}.cart-lines{list-style:none;padding:0;margin:0;display:grid;gap:10px}.cart-line{display:grid;grid-template-columns:64px 1fr;gap:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;align-items:center}.cart-line img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--surface-alt)}.cart-line .cl-name{font-weight:700;text-decoration:none;color:var(--ink)}.cart-line .cl-ctl{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.cart-line .cl-total{font-weight:800;color:var(--brand-red-text)}.link-btn{background:none;border:0;color:var(--brand-blue);text-decoration:underline;cursor:pointer;font:inherit;min-height:44px;padding:0 6px}.summary{display:grid;gap:8px}.summary .row{display:flex;justify-content:space-between;gap:12px}.summary .total{font-size:1.25rem;font-weight:800;color:var(--ink)}.two-col{display:grid;gap:18px}.field{display:grid;gap:4px;margin-bottom:14px}.field label,.field .lbl{font-weight:700}.field textarea{padding:10px;min-height:120px}.field .hint{color:var(--ink-muted);font-size:.88rem}.field .err{color:var(--error);font-weight:600;font-size:.92rem}.field .err:before{content:"⚠ "}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--error)}.radios{display:flex;flex-wrap:wrap;gap:8px}.radios label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer;font-weight:600}.radios input{width:18px;height:18px;accent-color:var(--brand-blue)}.radios label:has(input:checked){border-color:var(--brand-blue);background:var(--surface-alt)}.notice{background:var(--surface-alt);border:1px solid var(--border);border-left:6px solid var(--brand-blue);border-radius:8px;padding:12px 14px}.success{background:var(--surface);border:2px solid var(--brand-green-dark);border-radius:8px;padding:14px}.mpesa ol{margin:6px 0 0}.mpesa .till{font-size:1.2rem;font-weight:800;background:var(--surface);border:2px dashed var(--brand-green-dark);border-radius:8px;padding:6px 12px;display:inline-block;margin:6px 0}.prose{max-width:70ch}.prose h2{margin-top:1.6em}.prose h3{margin-top:1.3em}.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid var(--border-strong);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--surface-alt)}.prose li{margin-bottom:.3em}.about-logo{margin:8px 0 20px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.faq summary{padding:12px 14px;font-weight:700;cursor:pointer;min-height:48px;display:flex;align-items:center;color:var(--ink)}.faq details>div{padding:0 14px 12px}.bands{display:grid;gap:14px}.band{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.band h3{font-size:1.15rem}.band-dark{background:var(--brand-blue);color:var(--on-blue);border-color:var(--brand-blue)}.band-dark h3{color:var(--on-blue)}.band-dark p{color:var(--on-blue-muted)}.band-dark .btn-primary{background:var(--surface);color:var(--brand-blue);border-color:var(--surface)}.band-dark .btn-primary:hover{background:var(--surface-alt);color:var(--brand-blue-dark)}.guide-list{list-style:none;padding:0;display:grid;gap:10px}.guide-list a{display:block;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--ink)}.guide-list a:hover{border-color:var(--brand-blue)}.guide-list strong{color:var(--ink);display:block;font-size:1.05rem}.site-footer{background:var(--brand-blue-dark);color:var(--on-blue);margin-top:30px;padding:30px 0 14px;font-size:.95rem}.site-footer a{color:var(--on-blue)}.site-footer a:hover{color:var(--on-blue);text-decoration:none}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li a,.footer-contact a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 2px}.f-h{color:var(--on-blue);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6em}.logo-panel{display:inline-block;background:var(--surface);border-radius:var(--radius);padding:8px;margin-bottom:12px}.logo-panel img{height:96px;width:auto}.tagline{margin:0 0 .8em;font-weight:600}.muted-light{color:var(--on-blue-muted)}address{font-style:normal;margin-bottom:.8em}.footer-bottom{border-top:1px solid var(--brand-blue);margin-top:20px;padding-top:14px;font-size:.88rem;color:var(--on-blue-muted)}.footer-bottom p{margin:0 0 .4em}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--on-blue);padding:12px 18px;border-radius:10px;box-shadow:0 6px 20px #1111114d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:80;max-width:calc(100vw - 32px);font-weight:600}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast a{color:var(--on-blue);text-decoration:underline}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}.sub-grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-blurb{display:block}.features ul{grid-template-columns:repeat(4,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr);gap:14px}.footer-grid{grid-template-columns:repeat(4,1fr)}.cart-line{grid-template-columns:72px 1fr auto}.cart-line .cl-ctl{grid-column:auto}.cart-line img{width:72px;height:72px}}@media(min-width:900px){body{padding-bottom:0}.topbar{display:block}.site-header{position:sticky;top:0}.mobile-bar{display:none}.menu-btn,.drawer{display:none!important}.main-nav{display:block}.header-row{grid-template-columns:auto 1fr auto;grid-template-areas:"brand search cart";gap:22px;padding-top:12px;padding-bottom:12px}.logo{height:56px}.search-btn{padding:0 20px}.search-btn-text,.cart-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.cart-link .cart-count{position:static}.banner{padding:44px 0 52px}.banner-search{display:flex}.banner-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px}.banner:before{width:420px;height:420px;right:-90px;top:-140px}.banner-art{display:grid;grid-template-columns:1fr 1fr;gap:14px}.art-card a{display:block;background:var(--surface);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 10px 24px #00000040;border-top:5px solid var(--cat);transition:transform .15s}.art-card a:hover{transform:translateY(-3px)}.art-2,.art-4{transform:translateY(18px)}.art-img{display:block;aspect-ratio:1 / .82;background:var(--surface)}.art-img img{width:100%;height:100%;object-fit:contain}.art-label{display:block;padding:10px 12px;font-weight:700;border-top:1px solid var(--border);color:var(--cat-text)}.cat-grid{grid-template-columns:repeat(5,1fr)}.sub-grid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(4,1fr)}.pdp{grid-template-columns:minmax(0,480px) 1fr;gap:36px}.two-col{grid-template-columns:1fr 380px;align-items:start}.bands{grid-template-columns:repeat(3,1fr)}.toast{bottom:24px}}@media(prefers-reduced-motion:reduce){.cat-card,.art-card a{transition:none!important;transform:none!important}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.mobile-bar,.toast{display:none}}