:root{--ink:#183025;--green:#197447;--accent:#c9ec92;--line:#dce7de;--muted:#5d6f63;--soft:#f4f8f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 88% 9%,rgba(201,245,107,.34),transparent 24rem),radial-gradient(circle at 7% 48%,rgba(25,116,71,.09),transparent 28rem),linear-gradient(145deg,#f7faf6 0,#f6f8f4 55%,#fbfaf6 100%);background-attachment:fixed}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:white;padding:10px}.skip:focus{left:8px}:focus-visible{outline:3px solid #4a965f;outline-offset:3px}
.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav>a:last-child{font-size:14px;font-weight:700;text-decoration:none}.brand{font-size:25px;font-weight:900;letter-spacing:-1.2px;text-decoration:none}.brand span{color:var(--green)}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}.footer .wrap{display:flex;justify-content:space-between;gap:15px}.footer nav{display:flex;gap:22px}.footer a{text-decoration:none}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--green);margin:0 0 14px}.home{min-height:calc(100vh - 142px);padding-top:clamp(72px,12vh,150px);padding-bottom:80px}.home h1{font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:920px}.home h1 em{font-style:normal;color:var(--green)}.intro{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:660px;margin:27px 0 30px}.search-form{display:flex;gap:8px;background:#fff;border:1px solid #bccfc1;border-radius:16px;box-shadow:0 10px 30px #10321d12;padding:7px;width:min(760px,100%)}.search-form input{width:100%;min-width:0;border:0;background:transparent;padding:12px 14px;outline:none}.search-form:focus-within{outline:3px solid #b4d8b8}.search-form button{border:0;border-radius:11px;background:var(--accent);color:var(--ink);font-weight:850;padding:12px 25px;min-height:50px}.categories{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}.categories a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft);text-decoration:none;font-size:14px;font-weight:650}.categories a:hover{border-color:var(--green)}.data-note{font-size:13px;color:var(--muted);max-width:720px;margin-top:46px}
.results-page{padding:32px 0 80px;min-height:calc(100vh - 142px)}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:36px 0 16px;padding:22px 24px;border:1px solid rgba(170,196,177,.65);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(237,248,233,.76));box-shadow:0 14px 38px rgba(20,55,37,.08)}.results-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8px}.results-heading p:not(.eyebrow){margin:0;color:var(--muted)}.results-heading label{display:grid;gap:5px;white-space:nowrap;font-size:13px;font-weight:700}select,.number-input{border:1px solid #bdcfc0;background:#fff;border-radius:9px;padding:9px 10px;min-height:42px;color:var(--ink)}.results-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.filter-panel{border:1px solid rgba(190,211,195,.9);border-radius:15px;padding:18px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(20,55,37,.07)}.filter-panel summary{font-size:19px;font-weight:850;list-style:none}.filter-panel summary::-webkit-details-marker{display:none}.facet{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.facet h2{font-size:15px;margin:0 0 8px}.facet label{display:flex;align-items:center;gap:9px;min-height:35px;font-size:14px}.facet label span{margin-left:auto;color:var(--muted);font-size:12px}.facet input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}.price-row{display:flex;align-items:center;gap:8px}.price-row label{display:grid;gap:3px;flex:1;font-size:12px}.price-row input{width:100%}.facet-help{font-size:12px;color:var(--muted);margin:8px 0}.reset{margin-top:18px;border:1px solid var(--line);background:var(--soft);border-radius:9px;min-height:42px;padding:8px 12px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.chips button{border:1px solid #cbdcc5;background:#edf7e8;border-radius:999px;padding:7px 10px;font-size:13px;min-height:36px}.product-grid{display:grid;gap:12px}.product{display:grid;grid-template-columns:110px minmax(0,1fr) 155px;gap:16px;padding:17px;border:1px solid rgba(205,221,209,.95);border-radius:15px;align-items:center;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(20,55,37,.055)}.product img,.product .no-image{width:110px;height:110px;object-fit:contain;background:var(--soft);border-radius:10px}.product .no-image{display:grid;place-items:center;color:var(--muted)}.product h2{font-size:19px;line-height:1.2;margin:4px 0 8px}.product p{color:var(--muted);font-size:13px;margin:0}.product .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.tags span{background:var(--soft);border-radius:6px;padding:3px 7px;font-size:11px}.product .price{text-align:right}.price strong{font-size:23px;display:block}.price small{display:block;color:var(--muted);font-size:11px}.price .unavailable{display:block;margin-top:10px;font-size:12px;font-weight:750}.empty{border:1px dashed #b9cdbd;padding:35px;border-radius:15px;background:rgba(255,255,255,.82)}.empty h2{margin:0 0 7px}.empty p{color:var(--muted);margin:0}
.product .no-image-placeholder{overflow:hidden;font-size:0;line-height:0;color:#8da096;background:linear-gradient(145deg,#f2f7f3,#e8f0ea);border:1px solid #e0e9e2}.product .no-image-placeholder svg{display:block;width:36px;height:36px;max-width:48%;max-height:48%}
@media(max-width:760px){body{background-attachment:scroll;background:radial-gradient(circle at 92% 5%,rgba(201,245,107,.3),transparent 17rem),radial-gradient(circle at 2% 52%,rgba(25,116,71,.08),transparent 20rem),linear-gradient(150deg,#f7faf6 0,#f5f8f4 58%,#fbfaf6 100%)}.results-heading{display:block;padding:18px}.results-heading label{margin-top:16px;width:min(280px,100%)}.results-layout{display:block}.filter-panel{margin:0 0 16px}.filter-panel summary{cursor:pointer}.product{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}.product img,.product .no-image{width:76px;height:76px}.product .no-image-placeholder svg{width:27px;height:27px}.product h2{font-size:16px}.product .price{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:9px}.price strong{font-size:20px}.home{padding-top:70px}}
@media(max-width:470px){.wrap{width:min(100% - 28px,1200px)}.search-form button{padding:10px 14px}.home h1{font-size:42px}.footer .wrap{display:block}.footer nav{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.apply-price{margin-top:10px;border:1px solid var(--green);color:var(--green);background:white;border-radius:9px;min-height:40px;padding:8px 12px;font-weight:750}
.nav-actions{display:flex;align-items:center;gap:16px}.nav-actions>a{font-size:14px;font-weight:700;text-decoration:none}.nav-actions select{max-width:155px;font-size:14px;min-height:40px}.search-form .voice-button{flex:none;width:46px;padding:0;background:var(--soft);border:1px solid var(--line);font-size:22px}.search-form .voice-button[hidden]{display:none}.search-form .voice-button.listening{background:#ffe8df;border-color:#bc5740;animation:pulse 1s ease-in-out infinite}.voice-status{min-height:1.5em;margin:7px 0 0;color:var(--muted);font-size:13px}@keyframes pulse{50%{box-shadow:0 0 0 5px #bc574044}}[dir=rtl] .product .price{text-align:left}[dir=rtl] .facet label span{margin-left:0;margin-right:auto}
.voice-disclosure{font-size:12px;color:var(--muted);max-width:760px;margin:0 0 6px}.voice-disclosure[hidden]{display:none}
@media(max-width:470px){.nav{gap:8px}.nav-actions{gap:8px}.nav-actions select{max-width:110px;font-size:12px}.nav-actions>a{font-size:12px}.search-form .voice-button{width:42px}.search-form button[type=submit]{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.search-form .voice-button.listening{animation:none}}

/* Customer-facing polish: beta clarity, search context, legal pages and 404 */
.fb-beta-badge{display:inline-flex;align-items:center;gap:7px;min-height:31px;margin:-7px 0 17px;padding:5px 10px;border:1px solid rgba(18,106,71,.18);border-radius:999px;background:linear-gradient(135deg,rgba(234,246,238,.96),rgba(201,245,107,.19));color:#28513b;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 3px 10px rgba(20,55,37,.05)}.fb-beta-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#197447;box-shadow:0 0 0 4px rgba(25,116,71,.1)}
.search-query-context{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:10px 0 0;padding:7px 11px;border:1px solid rgba(190,211,195,.95);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 4px 14px rgba(20,55,37,.05);font-size:13px;color:#5d6f63}.search-query-context[hidden]{display:none}.search-query-context-label{font-weight:650}.search-query-context strong{max-width:min(62vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#183025;font-weight:850}
body.fb-legal-page{max-width:none!important;margin:0!important;padding:0 0 70px!important;color:#17231c!important;background:radial-gradient(circle at 88% 6%,rgba(201,245,107,.30),transparent 24rem),linear-gradient(145deg,#f7faf6 0,#f6f8f4 58%,#fbfaf6 100%)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}.fb-legal-page>.fb-legal-header{width:100%;max-width:none;margin:0 0 34px;padding:0;border-bottom:1px solid #dce5de;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.fb-legal-header-inner{width:min(920px,calc(100% - 36px));min-height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.fb-shell-brand{font-size:26px;font-weight:900;letter-spacing:-1.3px;text-decoration:none;color:#183025!important}.fb-shell-brand span{color:#197447}.fb-shell-home{font-size:14px;font-weight:800;text-decoration:none;color:#183025!important}.fb-legal-page>h1,.fb-legal-page>h2,.fb-legal-page>h3,.fb-legal-page>p,.fb-legal-page>ul,.fb-legal-page>ol,.fb-legal-page>hr,.fb-legal-page>.box,.fb-legal-page>.back{width:min(820px,calc(100% - 40px));margin-left:auto!important;margin-right:auto!important}.fb-legal-page>.back{display:block;margin-top:0!important;margin-bottom:18px!important;padding:10px 13px;border:1px solid #dce5de;border-radius:10px;background:rgba(255,255,255,.88);text-decoration:none!important;color:#197447!important}.fb-legal-page>h1{font-size:clamp(36px,6vw,54px)!important;letter-spacing:-.04em;margin-top:10px!important}.fb-legal-page>h2{color:#183025}.fb-legal-page>.box{background:rgba(255,255,255,.9)!important;box-shadow:0 9px 28px rgba(20,55,37,.06)}.fb-legal-footer{width:min(820px,calc(100% - 40px));margin:48px auto 0;padding:22px 0 0;border-top:1px solid #dce5de;color:#5d6f63;font-size:12px}.fb-legal-footer div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.fb-legal-footer strong{color:#183025}
body.fb-error-page{background:radial-gradient(circle at 80% 15%,rgba(201,245,107,.36),transparent 21rem),linear-gradient(145deg,#f7faf6,#f4f8f3)!important}.fb-error-page .box{padding:38px 24px;border:1px solid rgba(190,211,195,.9);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(20,55,37,.1)}.fb-error-page .logo{font-size:30px!important}.fb-error-page a{box-shadow:0 5px 14px rgba(20,55,37,.14)}
@media(max-width:650px){.fb-beta-badge{margin-top:-5px}.search-query-context{border-radius:12px;align-items:flex-start}.search-query-context strong{max-width:58vw}.fb-legal-header-inner{width:calc(100% - 32px);min-height:64px}.fb-shell-brand{font-size:24px}.fb-legal-page>.fb-legal-header{margin-bottom:26px}.fb-legal-page>h1,.fb-legal-page>h2,.fb-legal-page>h3,.fb-legal-page>p,.fb-legal-page>ul,.fb-legal-page>ol,.fb-legal-page>hr,.fb-legal-page>.box,.fb-legal-page>.back,.fb-legal-footer{width:calc(100% - 32px)}}