:root{--base: #F7F9F6;--surface: #FFFFFF;--surface-2: #EEF3EC;--border: #DCE4DA;--accent: #166534;--accent-h: #14532D;--accent-l: #DCFCE7;--accent-lb: #BBE7C9;--accent-d: #052E16;--text: #18211A;--text-2: #3F4C42;--text-3: #5A675D;--white: #FFFFFF;--rainbow: linear-gradient(90deg, #FF3B30 0%, #FF9500 20%, #FFCC00 37%, #34C759 53%, #007AFF 70%, #AF52DE 100%);--star-empty: #D9DED7;--font-d: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-b: "Inter Variable", "Inter", system-ui, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 1px 3px rgba(10,30,15,.07);--shadow-md: 0 4px 16px rgba(10,30,15,.09);--focus: 0 0 0 3px #FFFFFF, 0 0 0 6px #166534}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-b);background:var(--base);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-d);letter-spacing:-.02em;line-height:1.15;color:var(--text)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}::selection{background:var(--accent-lb);color:var(--accent-d)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.rainbow-text{background:var(--rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text-2);box-shadow:var(--shadow-sm)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.section{padding:64px 0}.section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-header{margin-bottom:36px}.section-header h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;margin-bottom:8px}.section-header p{color:var(--text-2);font-size:1rem}.nav{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);height:68px}.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:8px}.nav-logo{font-family:var(--font-d);font-size:1.125rem;font-weight:800;letter-spacing:-.05em;margin-right:16px;flex-shrink:0}.nav-links{display:flex;gap:2px;list-style:none;flex:1}.nav-links a{display:block;padding:8px 14px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text-2);transition:color .15s,background .15s}.nav-links a:hover{background:var(--surface-2);color:var(--text)}.nav-search{margin-left:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 16px;font-size:.875rem;color:var(--text-2);cursor:pointer;display:flex;align-items:center;gap:7px;font-family:var(--font-b);min-height:40px;transition:border-color .15s,color .15s}.nav-search:hover{border-color:var(--text-3);color:var(--text)}.nav-item{position:relative}.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;pointer-events:all;transform:translateY(0)}.mega{position:absolute;top:calc(100% + 8px);left:-20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:24px;min-width:500px;display:grid;grid-template-columns:1fr 1fr;gap:24px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s}.mega:before{content:"";position:absolute;top:-9px;left:0;right:0;height:9px}.mega-col-heading{font-family:var(--font-d);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}.mega-col ul{list-style:none;display:flex;flex-direction:column;gap:3px}.mega-col ul li a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text-2);transition:color .15s,background .15s}.mega-col ul li a:hover{background:var(--surface-2);color:var(--text)}.mega-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mega-icon svg{width:16px;height:16px;stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-primary,.btn-secondary,.btn-cta,.btn-light,.btn-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:var(--r-md);font-family:var(--font-b);font-size:.9375rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;line-height:1;transition:background .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-h)}.btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border);font-weight:600}.btn-secondary:hover{border-color:var(--text-3)}.btn-cta{min-height:40px;padding:0 16px;font-size:.8125rem;background:var(--accent);color:#fff}.btn-cta:hover{background:var(--accent-h)}.btn-light{background:#fff;color:var(--accent-d)}.btn-light:hover{background:#e8f0e9}.btn-buy{background:var(--accent);color:#fff;width:100%;font-size:1rem}.btn-buy:hover{background:var(--accent-h)}.btn-buy .arr{display:inline-block;transition:transform .15s}.btn-buy:hover .arr{transform:translate(3px)}.hero-wrap{background:var(--surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.1;pointer-events:none}.hero{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:96px 40px 80px}.hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:800;max-width:14ch;margin:20px 0 24px}.hero p{font-size:1.125rem;color:var(--text-2);max-width:48ch;line-height:1.75;margin-bottom:36px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.trust{display:flex;gap:24px;flex-wrap:wrap;font-size:.85rem;color:var(--text-2);margin-top:28px}.trust span{display:inline-flex;align-items:center;gap:7px}.trust svg{width:17px;height:17px;stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.brand-strip::-webkit-scrollbar{display:none}.brand-chip{flex-shrink:0;min-height:44px;padding:0 18px;border-radius:999px;font-family:var(--font-b);font-size:.875rem;font-weight:600;color:var(--text-2);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;transition:border-color .15s}.brand-chip:hover{border-color:var(--text-3)}.brand-chip[aria-pressed=true],.brand-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-lb)}.cat-icon-wrap{width:46px;height:46px;border-radius:14px;background:var(--accent-l);border:1px solid var(--accent-lb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-icon-wrap svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.cat-name{font-family:var(--font-d);font-size:.9375rem;font-weight:600;line-height:1.2}.cat-count{font-size:.8rem;color:var(--text-3);margin-top:3px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-lb)}.product-img{background:#f2f4f1;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative}.product-img img{width:100%;height:100%;object-fit:contain;padding:20px}.product-img svg{width:64px;height:64px;stroke:#a8b2a6;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.product-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-winner,.badge-value{background:var(--accent-l);color:var(--accent-h);border:1px solid var(--accent-lb)}.badge-new{background:#d6eaff;color:#1e3a8a;border:1px solid #B3D7FB}.product-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:8px}.product-brand{font-size:.72rem;font-weight:700;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.product-name{font-family:var(--font-d);font-size:1.05rem;font-weight:700;line-height:1.3}.product-name a:hover{color:var(--accent)}.stars{display:inline-flex;align-items:center;gap:2px}.stars .stars-svg{width:105px;height:21px}.stars .r-num{font-size:.85rem;font-weight:700;margin-left:6px}.stars .r-count{font-size:.8rem;color:var(--text-3);margin-left:2px}.product-price{font-family:var(--font-d);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin-top:auto}.product-price small{font-size:.72rem;font-weight:500;color:var(--text-3);display:block}.aff-note{margin-top:16px;font-size:.78rem;color:var(--text-3)}.compare-banner{border-radius:var(--r-xl);background:var(--accent-d);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:40px}.compare-banner h2{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:800;margin-bottom:10px;color:#fff}.compare-banner p{color:#d8e5db;max-width:44ch;margin-bottom:28px}.compare-stats{display:flex;gap:36px;flex-shrink:0}.stat{text-align:center}.stat-n{font-family:var(--font-d);font-size:2.5rem;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}.stat-l{font-size:.8125rem;color:#d8e5db;margin-top:5px}.callout-eco{display:flex;gap:12px;padding:16px 18px;border-radius:var(--r-md);background:var(--accent-l);border:1px solid var(--accent-lb);color:var(--accent-h);font-size:.92rem}.breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-3)}.breadcrumb a{color:var(--text-2);transition:color .15s}.breadcrumb a:hover{color:var(--accent)}.bc-active{color:var(--text);font-weight:600}footer{background:var(--surface);border-top:1px solid var(--border);padding:56px 0 36px;margin-top:96px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 40px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--border);margin-bottom:28px}.footer-logo{font-family:var(--font-d);font-size:1.2rem;font-weight:800;letter-spacing:-.05em;margin-bottom:10px}.footer-tag{font-size:.875rem;color:var(--text-3);line-height:1.65;max-width:22ch}.footer-col h5{font-family:var(--font-d);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}.footer-col ul a{font-size:.875rem;color:var(--text-2);transition:color .15s}.footer-col ul a:hover{color:var(--accent)}.footer-bot{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-copy{font-size:.8rem;color:var(--text-3);white-space:nowrap}.footer-aff{font-size:.75rem;color:var(--text-3);max-width:55ch;line-height:1.6}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0a1e0f0f;display:flex;height:72px;z-index:300;padding-bottom:env(safe-area-inset-bottom)}.mn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-3);font-size:.65rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .15s;background:none;border:none;font-family:var(--font-b);text-decoration:none}.mn-item.active{color:var(--accent)}.mn-item svg{width:22px;height:22px;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.mn-active-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}@media(max-width:768px){.nav{display:none}body{padding-bottom:80px}.section{padding:40px 0}.section-inner{padding:0 20px}.hero{padding:56px 20px 48px}.hero h1{font-size:clamp(2.2rem,10vw,3.5rem)}.cat-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.compare-banner{flex-direction:column;align-items:flex-start;padding:32px}.compare-stats{gap:24px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-bot{flex-direction:column}footer{margin-top:48px}}@media(min-width:769px){.mobile-nav{display:none}}@media(max-width:480px){.cat-grid,.products-grid,.footer-top{grid-template-columns:1fr}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}