.home-page{container-type:inline-size;--accent-2:var(--accent)} .home-page .seller-level-stars{display:block;margin-top:3px;font-size:12px;letter-spacing:1px;line-height:1.3} .home-page .seller-level-stars .s-on{color:#d78b18} .home-page .seller-level-stars .s-off{color:var(--muted)} .home-page .content-flex{grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start} .home-page .content-side{display:flex;position:static;gap:16px;padding-top:17px} .home-page .prod-grid, .home-page .prod-grid.small{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-items:stretch} .home-page .pcard .cover{height:110px} .home-page .pcard-footer{flex-wrap:wrap} .home-page .pcard .nm{min-height:38px} .home-page .content-main>section{margin-bottom:30px} .home-page .section-h{margin-bottom:16px} .home-page .w-card{padding:18px;border-radius:14px} .home-page .w-card h3{font-size:15px;letter-spacing:-.2px;text-transform:none;color:var(--text);margin:0 0 5px} .home-page .rail-description{font-size:11px;color:var(--muted);line-height:1.4;margin:0 0 12px} .home-page .w-seller{display:grid;grid-template-columns:18px 32px minmax(0,1fr) auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--border);align-items:center} .home-page .seller-place{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums} .home-page .seller-info{min-width:0} .home-page .w-seller .nm{font-size:12px;line-height:1.4} .home-page .w-seller .rank{display:inline-block;margin-top:3px;font-size:9px;padding:1px 5px} .home-page .w-seller .sl{font-size:10px;white-space:nowrap;letter-spacing:-.4px} .home-page .w-seller .av{width:32px;height:32px} .home-page .w-seller:last-child{border-bottom:0;padding-bottom:0} .home-page .trend-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--border);align-items:center} .home-page .trend-item .cov2{height:44px;width:44px} .home-page .trend-info{min-width:0;display:grid;gap:5px} .home-page .trend-item .tn{font-size:12px;line-height:1.4;-webkit-line-clamp:2} .home-page .trend-item .tp{font-size:12px;font-weight:700;color:var(--accent)} .home-page .trend-item:last-child{padding-bottom:0;border-bottom:0} .home-page .w-cta{padding:14px 18px;text-align:left} .home-page .rail-support-link{color:var(--accent);font-size:12px;font-weight:600}
@container (min-width:1700px){.home-page .content-flex{grid-template-columns:minmax(0,1fr) 320px;gap:28px} .home-page .prod-grid, .home-page .prod-grid.small{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))} .home-page .w-seller .nm{font-size:13px} .home-page .w-seller .sl{font-size:11px}}
@container (max-width:1050px){.home-page .content-flex{grid-template-columns:minmax(0,1fr)} .home-page .content-main{display:contents} .home-page .content-main>section{order:2} .home-page .content-main>section:first-child{order:0} .home-page .content-side{order:1;display:grid;grid-template-columns:1fr 1fr;padding-top:0;align-items:start;margin-bottom:24px} .home-page .w-cta{grid-column:1/-1} .home-page .prod-grid, .home-page .prod-grid.small{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@container (max-width:570px){.home-page .content-side{grid-template-columns:minmax(0,1fr)} .home-page .prod-grid, .home-page .prod-grid.small{grid-template-columns:minmax(0,1fr)} .home-page .content-flex{gap:12px} .home-page .pcard .cover{height:100px} .home-page .w-card{padding:16px} .home-page .w-seller .nm{font-size:13px} .home-page .w-seller .sl{font-size:11px}}
.home-page{--home-soft:rgba(15,168,119,.08)}
.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:25px 30px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(110deg,var(--panel) 25%,var(--home-soft));overflow:hidden}
.home-hero.without-brands{grid-template-columns:1fr}.home-hero>div{min-width:0}.home-eyebrow{color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:800}.home-hero h1{font-size:clamp(30px,2.7vw,44px);line-height:1.1;letter-spacing:-1.6px;margin:14px 0}.home-hero h1 em{font-style:normal;color:var(--accent)}.home-hero p{color:var(--muted);font-size:13px;margin:10px 0}
.home-search{display:flex;gap:8px;padding:7px;background:var(--panel);border:1px solid var(--border);border-radius:13px;margin-top:14px}.home-search input{font:inherit;width:100%;min-width:0;border:0;background:none;color:var(--text);padding:6px}.home-search .btn{white-space:nowrap;flex:none}
.home-proof{display:flex;flex-wrap:wrap;gap:24px;padding:17px 2px;color:var(--muted);font-size:12px}.home-categories{display:flex;gap:10px;overflow:auto;padding:6px 0 10px;margin:6px 0 24px;scrollbar-width:thin}.home-categories>a{display:flex;align-items:center;gap:9px;flex:none;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;white-space:nowrap;font-size:12px}.home-categories>a.on{background:var(--accent);color:#fff}.home-categories>a:hover{border-color:var(--accent)}.category-logo{display:block;overflow:hidden;width:22px;height:22px;flex:none}.category-logo img{width:100%;height:100%;object-fit:contain}
.home-page .brand-stage{min-width:0}.home-page .brand-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:0 8px 6px}.brand-caption .btn{font-size:11px;padding:5px 9px;min-width:68px}.brand-caption [hidden]{display:none}
.home-page .art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 8px 10px}.home-page .brand-card{position:relative;isolation:isolate;display:block;min-width:0;min-height:94px;padding:13px 16px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 6px 15px #163b3908}.home-page .brand-card::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 15% 0%,rgba(24,182,131,.13),transparent 75%)}.home-page .brand-card:nth-child(2)::before{background:radial-gradient(ellipse at 15% 0%,#8979ef20,transparent 75%)}.home-page .brand-card:nth-child(3)::before{background:radial-gradient(ellipse at 15% 0%,#ef798920,transparent 75%)}.home-page .brand-logo{display:block;width:62px;height:29px;margin-bottom:7px;transform-origin:center}.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.home-page .brand-card strong{display:block;font-size:13px;overflow-wrap:anywhere;padding-right:12px}.home-page .brand-sales{display:block;font-size:10px;color:var(--muted)}.home-page .brand-rank{position:absolute;right:12px;top:12px;font-size:10px;color:var(--muted)}.home-page .brand-foot{margin:0 8px;font-size:10px;color:var(--muted)}
.home-page .motion-enabled .brand-logo{animation:home-logo-drift 6.8s ease-in-out infinite;animation-play-state:paused}.home-page .motion-running .brand-logo{animation-play-state:running}.home-page .brand-card:nth-child(2) .brand-logo{animation-delay:-2.1s;animation-duration:7.6s}.home-page .brand-card:nth-child(3) .brand-logo{animation-delay:-4.3s;animation-duration:8.2s}.home-page .brand-card:nth-child(4) .brand-logo{animation-delay:-1.2s;animation-duration:7.2s}.home-page .brand-card:hover .brand-logo,.home-page .brand-card:focus-visible .brand-logo{animation-play-state:paused}.home-page .brand-card:hover,.home-page .brand-card:focus-visible{border-color:var(--accent);box-shadow:0 7px 20px #16473518}
@keyframes home-logo-drift{0%,100%{transform:translate(0,1px) rotate(-7deg) scale(.96)}35%{transform:translate(3px,-4px) rotate(5deg) scale(1.12)}70%{transform:translate(-2px,-1px) rotate(-2deg) scale(1.04)}}
.home-page .seller-info .s-stars{display:block;margin-top:3px;font-size:12px;letter-spacing:1px}.home-page .s-stars .s-on{color:#d78b18}.home-page .s-stars .s-off{color:var(--muted)}
.home-how{padding:22px 0 14px;margin-top:24px;border-top:1px solid var(--border)}.home-how h2{font-size:24px;margin:0 0 16px}.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-steps article{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.home-steps article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--home-soft);color:var(--accent);font-size:12px;font-weight:800}.home-steps h3{font-size:16px;margin:12px 0 8px}.home-steps p{font-size:13px;color:var(--muted);margin:6px 0 0}.home-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.home-footer nav{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
@container(max-width:750px){.home-hero{gap:16px;padding:20px;grid-template-columns:1fr}.home-steps{grid-template-columns:1fr}.home-proof{gap:10px;font-size:11px}}
@container(max-width:450px){.home-hero h1{font-size:29px}.home-search input{font-size:12px}.home-page .art{padding:4px 0 7px;gap:8px}.home-page .brand-card{padding:9px 11px;min-height:88px}.home-page .brand-logo{width:48px;height:24px}.home-page .brand-card strong{font-size:11px}.home-page .brand-sales{font-size:9px}.home-page .brand-foot{margin:0;font-size:9px}}

.home-page .brand-logo .cover-icon,.home-page .category-logo .cover-icon{width:100%;height:100%;background:none!important}.home-page .brand-logo .cover-icon img,.home-page .category-logo .cover-icon img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

/* Show a complete, ranked prefix of brands on one row; All brands opens the full catalog. */
.home-categories{overflow:hidden;flex-wrap:nowrap}
.home-categories>a[hidden]{display:none}
.home-categories .brand-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 6px;border-radius:6px;background:var(--home-soft);color:var(--accent);font-size:10px;font-weight:700;line-height:1.6;font-variant-numeric:tabular-nums}
.home-categories>a.on .brand-count{background:rgba(255,255,255,.2);color:inherit}
@container(max-width:450px){.home-categories{gap:6px}.home-categories>a{gap:6px;padding:9px 10px;font-size:11px}}