.hero-section{position:relative;overflow:hidden;background:var(--bg);padding:52px 20px 60px}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(99,102,241,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(245,158,11,.06) 0%,transparent 55%);pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:36px;align-items:center;position:relative;z-index:1}@media (min-width:900px){.hero-inner{grid-template-columns:1fr 300px;gap:48px}}@media (min-width:1200px){.hero-inner{grid-template-columns:1fr 340px}}.hero-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);color:var(--acc2);padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.03em;margin-bottom:18px}.hero-tag img{width:14px;height:14px;max-width:none!important}.hero-title{font-size:clamp(1.9rem,5vw,3rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:14px;color:var(--tx)}.hero-accent{color:var(--acc2)}.hero-sub{font-size:.95rem;color:var(--mu);margin-bottom:26px;line-height:1.7;max-width:420px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.btn-hero-primary{background:var(--acc);color:#fff;padding:13px 22px;border-radius:var(--radius);font-weight:700;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s var(--trans);box-shadow:0 4px 16px rgba(99,102,241,.28)}.btn-hero-primary:hover{background:var(--acc-d);color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(99,102,241,.38)}.btn-hero-secondary{background:transparent;color:var(--tx2);border:1.5px solid var(--brd);padding:13px 22px;border-radius:var(--radius);font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s var(--trans)}.btn-hero-secondary:hover{border-color:var(--acc);color:var(--acc2);background:var(--acc-glow)}.hero-stats{display:flex;gap:20px;flex-wrap:wrap}.hero-stat-num{font-size:1.35rem;font-weight:900;color:var(--tx);line-height:1}.hero-stat-num span{color:var(--acc)}.hero-stat-label{font-size:.7rem;color:var(--mu);margin-top:3px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-badge-item{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;color:var(--mu);background:rgba(255,255,255,.04);border:1px solid var(--brd);padding:5px 10px;border-radius:100px}.hero-badge-item img{width:12px;height:12px;opacity:.6;max-width:none!important}.hero-cards{display:flex;flex-direction:column;gap:10px}.hero-mini-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--radius);padding:12px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .25s var(--trans);position:relative;overflow:hidden}.hero-mini-card:hover{border-color:var(--acc);transform:translateX(-3px);box-shadow:var(--shadow)}.hero-mini-card img{width:48px;height:48px;border-radius:9px;object-fit:contain;flex-shrink:0;max-width:none!important}.hero-mini-noimg{width:48px;height:48px;background:var(--brd);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hmc-info{flex:1;min-width:0}.hmc-name{font-size:.79rem;font-weight:600;color:var(--tx);margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmc-price{font-size:.81rem;color:var(--gold);font-weight:800}.benefits-section{background:var(--bg);padding:52px 0;border-top:1px solid var(--brd)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:640px){.benefits-grid{grid-template-columns:repeat(4,1fr)}}.benefit-card{text-align:center;padding:22px 14px;background:var(--card);border:1px solid var(--brd);border-radius:var(--radius-lg);transition:all .22s var(--trans)}.benefit-card:hover{border-color:var(--brd-h);transform:translateY(-3px);box-shadow:var(--shadow)}.benefit-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 13px}.benefit-icon img{width:24px;height:24px;max-width:none!important}.benefit-card h3{font-size:.88rem;font-weight:700;margin-bottom:5px;color:var(--tx)}.benefit-card p{font-size:.76rem;color:var(--mu);line-height:1.5}@media (max-width:767px){.hero-section{padding:36px 16px 40px}.benefits-section{padding:36px 0}}@media (max-width:400px){.hero-title{font-size:1.65rem}}.hero-visual{}.fs-wrap{background:linear-gradient(135deg,#0f0a00 0%,#1a0f02 40%,#0d0a00 100%);border-top:1px solid rgba(239,68,68,.2);border-bottom:1px solid rgba(239,68,68,.2);padding:28px 0 24px;position:relative;overflow:hidden}.fs-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(239,68,68,.08) 0%,transparent 65%);pointer-events:none}.fs-inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.fs-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.fs-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.fs-badge{display:inline-flex;align-items:center;gap:5px;background:#ef4444;color:#fff;font-size:.73rem;font-weight:900;padding:6px 13px;border-radius:7px;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;animation:fs-pulse 2s ease-in-out infinite}@keyframes fs-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.fs-badge-icon{flex-shrink:0}.fs-title{font-size:1.05rem;font-weight:900;color:#fff;white-space:nowrap;letter-spacing:-.01em}.fs-subtitle{font-size:.72rem;color:rgba(255,255,255,.4)}.fs-countdown{display:flex;align-items:center;gap:10px;flex-shrink:0}.fs-cd-label{font-size:.68rem;color:rgba(255,255,255,.4);white-space:nowrap}.fs-cd-blocks{display:flex;align-items:center;gap:4px}.fs-cd-block{display:flex;align-items:baseline;gap:2px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:7px;padding:4px 8px;min-width:38px;justify-content:center}.fs-cd-num{font-size:1.05rem;font-weight:900;color:#f87171;font-family:'Poppins',var(--font);line-height:1;min-width:22px;text-align:center}.fs-cd-unit{font-size:.6rem;color:rgba(255,255,255,.35);font-weight:600}.fs-cd-sep{font-size:1rem;font-weight:900;color:rgba(239,68,68,.5);line-height:1;margin-bottom:2px}.fs-see-all{font-size:.78rem;font-weight:700;color:#f59e0b;text-decoration:none;white-space:nowrap;padding:7px 14px;border:1px solid rgba(245,158,11,.25);border-radius:8px;transition:all .2s;flex-shrink:0}.fs-see-all:hover{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.4);color:#fbbf24}.fs-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.fs-card{flex-shrink:0;width:160px;background:var(--card);border:1px solid rgba(239,68,68,.12);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .22s var(--trans);scroll-snap-align:start;position:relative}.fs-card:hover{border-color:rgba(239,68,68,.35);transform:translateY(-3px);box-shadow:0 8px 24px rgba(239,68,68,.12)}@media (min-width:480px){.fs-card{width:175px}}@media (min-width:768px){.fs-card{width:190px}}.fs-card-img-wrap{position:relative;height:120px;background:#fff;overflow:hidden;flex-shrink:0}.fs-card-img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .3s var(--trans)}.fs-card:hover .fs-card-img{transform:scale(1.05)}.fs-disc-badge{position:absolute;top:7px;left:7px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:3px 7px;border-radius:5px;letter-spacing:.03em}.fs-rupture{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.7)}.fs-card-body{padding:10px 10px 12px;display:flex;flex-direction:column;flex:1;gap:4px}.fs-card-store{font-size:.63rem;color:var(--mu);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-card-name{font-size:.78rem;font-weight:600;color:var(--tx);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.fs-card-prices{display:flex;flex-direction:column;gap:1px;margin-top:4px}.fs-card-old{font-size:.65rem;color:var(--mu);text-decoration:line-through}.fs-card-price{font-size:.88rem;font-weight:900;color:#ef4444;font-family:'Poppins',var(--font)}.fs-stock-bar-wrap{height:4px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:6px}.fs-stock-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .4s ease}.fs-stock-label{font-size:.6rem;color:var(--mu);margin-top:3px}@media (max-width:479px){
    .fs-wrap{padding:18px 0 16px}
    .fs-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}
    .fs-header-left{width:100%;gap:8px}
    .fs-title{font-size:.92rem}
    .fs-subtitle{display:none}
    .fs-countdown{display:flex;flex-shrink:0;gap:6px;align-items:center}
    .fs-cd-label{font-size:.62rem;color:rgba(255,255,255,.5)}
    .fs-cd-block{padding:3px 6px;min-width:32px;border-radius:6px}
    .fs-cd-num{font-size:.88rem;min-width:18px}
    .fs-cd-unit{font-size:.55rem}
    .fs-cd-sep{font-size:.85rem}
    .fs-see-all{align-self:flex-end;margin-top:-8px}
    .fs-header-row-2{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
}html[data-theme="light"] .fs-wrap{background:linear-gradient(135deg,#fff5f5 0%,#fef2f2 40%,#fff5f5 100%)!important;border-color:rgba(239,68,68,.15)!important}html[data-theme="light"] .fs-title{color:#0f172a!important}html[data-theme="light"] .fs-subtitle{color:#94a3b8!important}html[data-theme="light"] .fs-cd-block{background:rgba(239,68,68,.07)!important;border-color:rgba(239,68,68,.2)!important}html[data-theme="light"] .fs-cd-label{color:#94a3b8!important}html[data-theme="light"] .fs-card{background:#ffffff!important;border-color:rgba(239,68,68,.1)!important}html[data-theme="light"] .fs-card:hover{border-color:rgba(239,68,68,.3)!important}html[data-theme="light"] .fs-card-name{color:#0f172a!important}html[data-theme="light"] .fs-card-store{color:#94a3b8!important}html[data-theme="light"] .fs-stock-bar-wrap{background:#e2e8f0!important}html[data-theme="light"] .fs-stock-label{color:#94a3b8!important}.ct-section{padding:52px 0;background:var(--sur);border-top:1px solid var(--brd)}.ct-inner{max-width:1200px;margin:0 auto;padding:0 16px}.ct-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ct-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;color:var(--tx);letter-spacing:-.02em}.ct-subtitle{font-size:.8rem;color:var(--mu);margin-top:4px}.ct-see-all{font-size:.79rem;font-weight:700;color:var(--acc2);text-decoration:none;white-space:nowrap;padding:7px 14px;border:1px solid var(--brd);border-radius:9px;transition:all .2s;flex-shrink:0}.ct-see-all:hover{border-color:var(--acc);background:var(--acc-glow);color:var(--tx)}.ct-tabs-wrap{overflow-x:auto;margin-bottom:20px;-webkit-overflow-scrolling:touch}.ct-tabs{display:flex;gap:6px;border-bottom:2px solid var(--brd);padding-bottom:0;min-width:max-content}.ct-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--mu);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:all .2s var(--trans);font-family:var(--font);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ct-tab:hover{color:var(--tx2);background:rgba(255,255,255,.03)}.ct-tab.active{color:var(--acc2);border-bottom-color:var(--acc);background:rgba(99,102,241,.05);font-weight:700}.ct-tab-ico{width:18px;height:18px;border-radius:5px;object-fit:contain;flex-shrink:0;max-width:none!important}.ct-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--brd);flex-shrink:0;transition:background .2s}.ct-tab.active .ct-tab-dot{background:var(--acc)}.ct-tab-count{background:var(--brd);color:var(--mu);font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:100px;transition:all .2s}.ct-tab.active .ct-tab-count{background:var(--acc-glow);color:var(--acc2)}.ct-panel{display:none;animation:ctFadeIn .25s ease}.ct-panel.active{display:block}@keyframes ctFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ct-grid{margin-bottom:20px}.ct-panel-footer{display:flex;justify-content:center;margin-top:8px}.ct-cat-link{display:inline-flex;align-items:center;gap:7px;padding:11px 24px;background:transparent;border:1.5px solid var(--brd);border-radius:var(--radius);font-size:.84rem;font-weight:700;color:var(--tx2);text-decoration:none;transition:all .22s var(--trans)}.ct-cat-link:hover{border-color:var(--acc);color:var(--acc2);background:var(--acc-glow);transform:translateY(-1px);box-shadow:var(--shadow)}.ct-cat-link svg{flex-shrink:0;transition:transform .2s}.ct-cat-link:hover svg{transform:translateX(3px)}@media (max-width:479px){.ct-section{padding:36px 0}.ct-tab{padding:9px 12px;font-size:.77rem}.ct-subtitle{display:none}}@media (min-width:768px){.ct-tabs-wrap{overflow-x:visible}.ct-tabs{min-width:auto;flex-wrap:wrap}}html[data-theme="light"] .ct-section{background:#f8fafc!important;border-color:#dde3ec!important}html[data-theme="light"] .ct-title{color:#0f172a!important}html[data-theme="light"] .ct-subtitle{color:#64748b!important}html[data-theme="light"] .ct-tabs{border-bottom-color:#dde3ec!important}html[data-theme="light"] .ct-tab{color:#64748b!important}html[data-theme="light"] .ct-tab:hover{background:rgba(0,0,0,.02)!important;color:#334155!important}html[data-theme="light"] .ct-tab.active{color:#4f46e5!important;border-bottom-color:#4f46e5!important;background:rgba(79,70,229,.05)!important}html[data-theme="light"] .ct-tab-count{background:#e2e8f0!important;color:#64748b!important}html[data-theme="light"] .ct-tab.active .ct-tab-count{background:rgba(79,70,229,.1)!important;color:#4f46e5!important}html[data-theme="light"] .ct-cat-link{border-color:#dde3ec!important;color:#334155!important}html[data-theme="light"] .ct-cat-link:hover{border-color:#4f46e5!important;color:#4f46e5!important;background:rgba(79,70,229,.05)!important}.tr-section{padding:52px 0;background:var(--bg);border-top:1px solid var(--brd)}.tr-inner{max-width:1200px;margin:0 auto;padding:0 16px}.tr-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.tr-header-left{display:flex;flex-direction:column;gap:4px}.tr-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.15));border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.06em;width:fit-content}.tr-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;color:var(--tx);letter-spacing:-.02em}.tr-sub{font-size:.78rem;color:var(--mu)}.tr-see-all{font-size:.79rem;font-weight:700;color:var(--acc2);text-decoration:none;white-space:nowrap;padding:7px 14px;border:1px solid var(--brd);border-radius:9px;transition:all .2s;flex-shrink:0}.tr-see-all:hover{border-color:var(--acc);background:var(--acc-glow);color:var(--tx)}.tr-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.tr-card{flex-shrink:0;width:170px;background:var(--card);border:1px solid var(--brd);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .22s var(--trans);scroll-snap-align:start;position:relative}.tr-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 12px 32px rgba(16,185,129,.12)}@media (min-width:480px){.tr-card{width:185px}}@media (min-width:768px){.tr-card{width:200px}}@media (min-width:1024px){.tr-card{width:210px}}.tr-card-top{position:relative;height:150px}.tr-rank{position:absolute;top:8px;left:8px;z-index:2;width:28px;height:28px;border-radius:8px;background:rgba(15,23,42,.75);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:rgba(255,255,255,.7);font-family:'Poppins',var(--font)}.tr-rank-top{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:rgba(245,158,11,.3);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35)}.tr-img-wrap{width:100%;height:100%;background:#fff;overflow:hidden;position:relative}.tr-img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .35s var(--trans)}.tr-card:hover .tr-img{transform:scale(1.06)}.tr-badge-hot{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.62rem;font-weight:800;padding:3px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(239,68,68,.4)}.tr-badge-disc{position:absolute;top:8px;right:8px;background:#f59e0b;color:#000;font-size:.62rem;font-weight:800;padding:3px 7px;border-radius:6px}.tr-card-body{padding:10px 11px 13px;display:flex;flex-direction:column;gap:5px;flex:1}.tr-card-store{font-size:.62rem;color:var(--mu);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-card-name{font-size:.80rem;font-weight:700;color:var(--tx);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tr-stars{display:flex;align-items:center;gap:2px}.tr-rating-val{font-size:.7rem;font-weight:700;color:#f59e0b;margin-left:3px}.tr-rating-count{font-size:.63rem;color:var(--mu)}.tr-prices{display:flex;flex-direction:column;gap:1px}.tr-old{font-size:.63rem;color:var(--mu);text-decoration:line-through}.tr-price{font-size:.92rem;font-weight:900;color:var(--tx);font-family:'Poppins',var(--font);line-height:1}.tr-price small{font-size:.65rem;font-weight:600;opacity:.7}.tr-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.tr-stat{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;color:var(--mu)}@media (max-width:479px){.tr-section{padding:36px 0}.tr-sub{display:none}}html[data-theme="light"] .tr-section{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .tr-title{color:#0f172a!important}html[data-theme="light"] .tr-sub{color:#64748b!important}html[data-theme="light"] .tr-card{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .tr-card:hover{border-color:#10b981!important;box-shadow:0 8px 24px rgba(16,185,129,.08)!important}html[data-theme="light"] .tr-card-name{color:#0f172a!important}html[data-theme="light"] .tr-card-store{color:#94a3b8!important}html[data-theme="light"] .tr-price{color:#0f172a!important}html[data-theme="light"] .tr-old{color:#94a3b8!important}html[data-theme="light"] .tr-rank{background:rgba(15,23,42,.08)!important;color:#334155!important;border-color:#dde3ec!important}html[data-theme="light"] .tr-stat{color:#94a3b8!important}html[data-theme="light"] .tr-see-all{border-color:#dde3ec!important;color:#4f46e5!important}html[data-theme="light"] .tr-see-all:hover{background:rgba(79,70,229,.05)!important;border-color:#4f46e5!important}.rv-section{padding:44px 0;background:var(--sur);border-top:1px solid var(--brd)}.rv-inner{max-width:1200px;margin:0 auto;padding:0 16px}.rv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.rv-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rv-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);color:var(--acc2);font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.04em;flex-shrink:0}.rv-title{font-size:1rem;font-weight:800;color:var(--tx)}.rv-header-right{display:flex;align-items:center;gap:10px}.rv-clear{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;color:var(--mu);background:transparent;border:1px solid var(--brd);border-radius:7px;padding:5px 11px;cursor:pointer;font-family:var(--font);transition:all .2s}.rv-clear:hover{color:var(--err);border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06)}.rv-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.rv-card{flex-shrink:0;width:130px;background:var(--card);border:1px solid var(--brd);border-radius:var(--radius);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .2s var(--trans);scroll-snap-align:start;position:relative}.rv-card:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:var(--shadow)}@media (min-width:480px){.rv-card{width:145px}}@media (min-width:768px){.rv-card{width:155px}}.rv-card-img-wrap{height:115px;background:#fff;overflow:hidden;position:relative;flex-shrink:0}.rv-card-img{width:100%;height:100%;object-fit:contain;padding:6px;transition:transform .3s var(--trans)}.rv-card:hover .rv-card-img{transform:scale(1.06)}.rv-card-badge-first{position:absolute;top:5px;left:5px;background:var(--acc);color:#fff;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:4px}.rv-card-body{padding:8px 9px 10px;display:flex;flex-direction:column;gap:3px;flex:1}.rv-card-store{font-size:.6rem;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-card-name{font-size:.75rem;font-weight:600;color:var(--tx);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.rv-card-price{font-size:.82rem;font-weight:900;color:var(--acc2);font-family:'Poppins',var(--font);margin-top:4px}@keyframes rvSlideIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.rv-card{animation:rvSlideIn .3s ease both}.rv-card:nth-child(2){animation-delay:.04s}.rv-card:nth-child(3){animation-delay:.08s}.rv-card:nth-child(4){animation-delay:.12s}.rv-card:nth-child(5){animation-delay:.16s}.rv-card:nth-child(n+6){animation-delay:.20s}@media (max-width:479px){.rv-section{padding:32px 0}.rv-title{font-size:.9rem}}html[data-theme="light"] .rv-section{background:#f0f4f8!important;border-color:#dde3ec!important}html[data-theme="light"] .rv-title{color:#0f172a!important}html[data-theme="light"] .rv-card{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .rv-card:hover{border-color:#4f46e5!important}html[data-theme="light"] .rv-card-name{color:#0f172a!important}html[data-theme="light"] .rv-card-store{color:#94a3b8!important}html[data-theme="light"] .rv-card-price{color:#4f46e5!important}html[data-theme="light"] .rv-clear{color:#64748b!important;border-color:#dde3ec!important}html[data-theme="light"] .rv-clear:hover{color:#dc2626!important;border-color:rgba(220,38,38,.3)!important}.rv-reviews-section{padding:52px 0;background:var(--sur);border-top:1px solid var(--brd)}.rvr-inner{max-width:1200px;margin:0 auto;padding:0 16px}.rvr-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.rvr-header-left{display:flex;flex-direction:column;gap:4px}.rvr-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:#f59e0b;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.05em;width:fit-content}.rvr-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;color:var(--tx);letter-spacing:-.02em}.rvr-sub{font-size:.78rem;color:var(--mu)}.rvr-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.rvr-card{flex-shrink:0;width:280px;background:var(--card);border:1px solid var(--brd);border-radius:var(--radius-lg);padding:18px 16px;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;transition:all .22s var(--trans);position:relative;overflow:hidden}.rvr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.rvr-card:hover{border-color:rgba(245,158,11,.3);transform:translateY(-3px);box-shadow:var(--shadow)}@media (min-width:480px){.rvr-card{width:300px}}@media (min-width:768px){.rvr-card{width:320px}}.rvr-stars{display:flex;gap:2px}.rvr-star-full{color:#f59e0b;font-size:1rem}.rvr-star-empty{color:var(--brd-h);font-size:1rem}.rvr-review-title{font-size:.88rem;font-weight:700;color:var(--tx);line-height:1.3}.rvr-comment{font-size:.81rem;color:var(--tx2);line-height:1.6;flex:1}.rvr-author{display:flex;align-items:center;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--brd)}.rvr-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc-d));display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0}.rvr-author-info{flex:1;min-width:0}.rvr-author-name{font-size:.8rem;font-weight:700;color:var(--tx)}.rvr-author-meta{font-size:.68rem;color:var(--mu);margin-top:2px}.rvr-product-link{color:var(--acc2);text-decoration:none}.rvr-product-link:hover{text-decoration:underline}.rvr-date{color:var(--mu2)}.rvr-verified{font-size:.62rem;font-weight:700;color:var(--ok);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);padding:2px 7px;border-radius:100px;flex-shrink:0}@media (max-width:479px){.rv-reviews-section{padding:36px 0}}html[data-theme="light"] .rv-reviews-section{background:#f8fafc!important;border-color:#dde3ec!important}html[data-theme="light"] .rvr-title{color:#0f172a!important}html[data-theme="light"] .rvr-card{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .rvr-card:hover{border-color:rgba(245,158,11,.3)!important}html[data-theme="light"] .rvr-review-title{color:#0f172a!important}html[data-theme="light"] .rvr-comment{color:#334155!important}html[data-theme="light"] .rvr-author-name{color:#0f172a!important}html[data-theme="light"] .rvr-author{border-top-color:#f1f5f9!important}html[data-theme="light"] .rvr-star-empty{color:#e2e8f0!important}.st-section{padding:52px 0;background:linear-gradient(135deg,#080c18 0%,#0d1428 50%,#080c18 100%);border-top:1px solid var(--brd);position:relative;overflow:hidden}.st-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 30% 50%,rgba(99,102,241,.08) 0%,transparent 60%);pointer-events:none}.st-inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.st-header{text-align:center;margin-bottom:32px}.st-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;color:var(--tx);letter-spacing:-.02em}.st-sub{font-size:.84rem;color:var(--mu);margin-top:6px}.st-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}@media (min-width:768px){.st-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.st-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:22px 16px;text-align:center;transition:all .22s var(--trans)}.st-card:hover{background:rgba(255,255,255,.07);transform:translateY(-3px)}.st-icon{font-size:1.8rem;margin-bottom:10px}.st-num{font-size:1.9rem;font-weight:900;color:var(--tx);letter-spacing:-.03em;line-height:1;margin-bottom:6px}.st-label{font-size:.75rem;color:var(--mu);font-weight:500;margin-bottom:12px}.st-bar-wrap{height:5px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.st-bar{height:100%;border-radius:999px;transition:width 1.2s ease}.st-bar-indigo{background:linear-gradient(90deg,#4f46e5,#818cf8)}.st-bar-gold{background:linear-gradient(90deg,#d97706,#f59e0b)}.st-bar-green{background:linear-gradient(90deg,#16a34a,#22c55e)}.st-bar-teal{background:linear-gradient(90deg,#0d9488,#14b8a6)}.st-guarantees{display:flex;flex-direction:column;gap:10px;margin-top:8px}@media (min-width:768px){.st-guarantees{flex-direction:row;justify-content:center}}.st-guarantee{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:12px 16px;flex:1}.st-g-icon{font-size:1.1rem;flex-shrink:0}.st-g-text{font-size:.78rem;color:var(--tx2);line-height:1.45}@media (max-width:479px){.st-section{padding:36px 0}}html[data-theme="light"] .st-section{background:linear-gradient(135deg,#eef2ff,#f0f4ff,#eef2ff)!important;border-color:#dde3ec!important}html[data-theme="light"] .st-title{color:#0f172a!important}html[data-theme="light"] .st-sub{color:#64748b!important}html[data-theme="light"] .st-card{background:#ffffff!important;border-color:#dde3ec!important;box-shadow:0 1px 6px rgba(0,0,0,.05)!important}html[data-theme="light"] .st-num{color:#0f172a!important}html[data-theme="light"] .st-label{color:#64748b!important}html[data-theme="light"] .st-bar-wrap{background:#e2e8f0!important}html[data-theme="light"] .st-guarantee{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .st-g-text{color:#334155!important}.app-section{padding:52px 0;background:var(--bg);border-top:1px solid var(--brd)}.app-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:36px;align-items:center}@media (min-width:768px){.app-inner{grid-template-columns:1fr 1fr}}.app-content{display:flex;flex-direction:column;gap:16px}.app-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);color:var(--acc2);font-size:.72rem;font-weight:800;padding:5px 12px;border-radius:100px;width:fit-content}.app-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:900;color:var(--tx);letter-spacing:-.03em;line-height:1.15}.app-sub{font-size:.88rem;color:var(--mu);line-height:1.7;max-width:400px}.app-features{display:flex;flex-direction:column;gap:7px}.app-feature{font-size:.83rem;color:var(--tx2)}.app-notify{display:flex;flex-direction:column;gap:8px;margin-top:4px}.app-notify-text{font-size:.78rem;color:var(--mu);font-weight:600}.app-notify-form{display:flex;gap:8px}.app-notify-input{flex:1;background:var(--card);border:1.5px solid var(--brd);border-radius:var(--radius);padding:10px 14px;font-size:.84rem;color:var(--tx);font-family:var(--font);outline:none;transition:border-color .2s}.app-notify-input:focus{border-color:var(--acc)}.app-notify-input::placeholder{color:var(--mu)}.app-notify-btn{background:var(--acc);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-weight:700;font-size:.84rem;cursor:pointer;font-family:var(--font);transition:background .2s;white-space:nowrap}.app-notify-btn:hover{background:var(--acc-d)}.app-visual{display:flex;justify-content:center;align-items:center}.app-phone-mockup{width:200px;height:360px;background:linear-gradient(180deg,#1a1f3a,#0d1228);border-radius:32px;border:3px solid rgba(99,102,241,.3);padding:16px 12px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.15)}.app-phone-mockup::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:50px;height:4px;background:rgba(255,255,255,.15);border-radius:999px}.app-phone-screen{display:flex;flex-direction:column;gap:10px;margin-top:10px}.app-phone-header{display:flex;align-items:center;gap:7px}.app-phone-logo{width:22px;height:22px;background:var(--acc);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:#fff}.app-phone-title{font-size:.7rem;font-weight:800;color:#fff;letter-spacing:-.01em}.app-phone-search{height:22px;background:rgba(255,255,255,.08);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.app-phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.app-phone-card{height:70px;background:rgba(255,255,255,.06);border-radius:8px;border:1px solid rgba(255,255,255,.08)}.app-phone-card-sm{height:50px}.app-phone-cards:last-child{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.app-phone-mockup{width:220px;height:400px}}@media (max-width:479px){.app-section{padding:36px 0}.app-phone-mockup{width:160px;height:290px}.app-notify-form{flex-direction:column}.app-notify-btn{width:100%}}html[data-theme="light"] .app-section{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .app-title{color:#0f172a!important}html[data-theme="light"] .app-sub{color:#64748b!important}html[data-theme="light"] .app-feature{color:#334155!important}html[data-theme="light"] .app-notify-text{color:#64748b!important}html[data-theme="light"] .app-notify-input{background:#f8fafc!important;border-color:#dde3ec!important;color:#0f172a!important}html[data-theme="light"] .app-notify-input::placeholder{color:#94a3b8!important}html[data-theme="light"] .app-phone-mockup{background:linear-gradient(180deg,#334155,#1e293b)!important;border-color:rgba(79,70,229,.3)!important}.section-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;padding:4px 11px;border-radius:100px;letter-spacing:.05em;width:fit-content;order:1;flex-shrink:0}.section-badge-new{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#22c55e}.section-badge-hot{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ef4444}.section-badge-sel{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:#f59e0b}.home-section{background:var(--bg)}.home-section-dark{background:var(--sur)}.home-section.section-new .section-heading::after{background:#22c55e}.home-section.section-hot .section-heading::after{background:#ef4444}.home-section.section-sel .section-heading::after{background:#f59e0b}html[data-theme="light"] .fs-wrap{background:linear-gradient(135deg,#fff0f0 0%,#fde8e8 40%,#fff0f0 100%)!important;border-top-color:rgba(239,68,68,.2)!important;border-bottom-color:rgba(239,68,68,.2)!important}html[data-theme="light"] .fs-title{color:#0f172a!important}html[data-theme="light"] .fs-subtitle{color:#64748b!important}html[data-theme="light"] .fs-cd-label{color:#64748b!important}html[data-theme="light"] .fs-cd-sep{color:rgba(239,68,68,.6)!important}.ct-title{font-size:clamp(1.1rem,3vw,1.4rem)!important;font-weight:800!important;letter-spacing:-.02em}.ct-subtitle{font-size:.8rem!important;margin-top:2px}.ct-header{margin-bottom:16px!important}.store-card-v2{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--brd);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all .25s var(--trans)}.store-card-v2:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2);border-color:var(--acc)}.sc2-banner{height:80px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc2-banner-logo{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.sc2-logo-img{width:100%;height:100%;object-fit:contain;border-radius:12px}.sc2-logo-fallback{font-size:1.4rem;font-weight:900;color:#fff}.sc2-verified-badge{position:absolute;top:8px;right:8px;background:rgba(34,197,94,.85);color:#fff;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:100px}.sc2-info{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px}.sc2-name{font-size:.9rem;font-weight:800;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc2-stats{display:flex;gap:10px;flex-wrap:wrap}.sc2-stat{display:inline-flex;align-items:center;gap:3px;font-size:.67rem;color:var(--mu)}.sc2-stat svg{opacity:.6}.sc2-cta{font-size:.75rem;font-weight:700;color:var(--acc2);margin-top:4px;transition:gap .2s}.store-card-v2:hover .sc2-cta{text-decoration:underline}.stores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:768px){.stores-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stores-grid{grid-template-columns:repeat(4,1fr)}}html[data-theme="light"] .store-card-v2{background:#ffffff!important;border-color:#dde3ec!important}html[data-theme="light"] .store-card-v2:hover{border-color:#4f46e5!important}html[data-theme="light"] .sc2-name{color:#0f172a!important}html[data-theme="light"] .sc2-stat{color:#64748b!important}@media (max-width:899px){.hero-visual{display:none!important}.hero-inner{grid-template-columns:1fr!important}.hero-section{padding:36px 20px 32px!important}}.hero-stat-num{font-size:1.6rem!important;font-weight:900!important;background:linear-gradient(135deg,var(--tx),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1!important}.hero-stat-num span{color:var(--acc)!important;-webkit-text-fill-color:var(--acc)!important}.hero-stat{text-align:center}.hero-stat-label{font-size:.72rem!important;font-weight:600;letter-spacing:.03em}.hero-stats{background:rgba(255,255,255,.04);border:1px solid var(--brd);border-radius:var(--radius);padding:14px 18px;width:fit-content}.rv-reviews-section{position:relative;overflow:hidden}.rv-reviews-section::before{content:'"';position:absolute;top:-20px;right:16px;font-size:12rem;font-weight:900;color:rgba(245,158,11,.06);line-height:1;pointer-events:none;z-index:0}.rvr-inner{position:relative;z-index:1}.rvr-card{min-height:200px}.rvr-trust-stats{display:flex;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--brd);flex-wrap:wrap}.rvr-trust-stat{display:flex;flex-direction:column;gap:2px}.rvr-trust-num{font-size:1.3rem;font-weight:900;color:var(--acc2);line-height:1}.rvr-trust-lbl{font-size:.68rem;color:var(--mu);font-weight:500}.sf-fb{color:#fff!important;background:#1877f2!important}.sf-ig{color:#fff!important;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.sf-wa{color:#fff!important;background:#25d366!important}.sf-tt{color:#fff!important;background:#000000!important}.sf-fb:hover{opacity:.85;transform:translateY(-3px)}.sf-ig:hover{opacity:.85;transform:translateY(-3px)}.sf-wa:hover{opacity:.85;transform:translateY(-3px)}.sf-tt:hover{opacity:.85;transform:translateY(-3px)}.sf-social-btn{transition:all .2s var(--trans)!important;display:flex!important;align-items:center!important;justify-content:center!important}.st-bar-wrap{display:none!important}.st-num{font-size:2.2rem!important;font-weight:900!important;background:linear-gradient(135deg,var(--tx),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.st-icon{font-size:2rem!important}.fs-scroll,.tr-scroll,.rvr-scroll,.rv-scroll{position:relative}.fs-wrap{position:relative}.fs-inner{position:relative}.fs-inner::after{content:'';position:absolute;top:0;right:-1px;bottom:0;width:48px;background:linear-gradient(to left,var(--bg),transparent);pointer-events:none;z-index:2}.tr-section{position:relative}.tr-inner::after{content:'';position:absolute;top:0;right:-1px;width:48px;height:100%;background:linear-gradient(to left,var(--bg),transparent);pointer-events:none;z-index:2}.pc-img-wrap{height:auto!important;aspect-ratio:1}@media (max-width:479px){.pc-img-wrap{height:auto!important;aspect-ratio:1}}.btn-hero-primary{background:var(--acc)!important;color:#fff!important;font-size:.92rem!important;font-weight:700!important;padding:14px 24px!important;border-radius:var(--radius)!important;border:none!important;box-shadow:0 4px 14px rgba(99,102,241,.35)!important;transition:all .22s!important;letter-spacing:-.01em}.btn-hero-primary:hover{background:var(--acc-d)!important;box-shadow:0 6px 20px rgba(99,102,241,.45)!important;transform:translateY(-2px)!important}.btn-hero-secondary{background:transparent!important;color:var(--tx2)!important;font-size:.88rem!important;font-weight:600!important;padding:13px 20px!important;border-radius:var(--radius)!important;border:1.5px solid var(--brd)!important;transition:all .22s!important}.btn-hero-secondary:hover{border-color:var(--acc)!important;color:var(--acc2)!important;background:var(--acc-glow)!important}.pc-badge-disc,.pc-badge-sel,.pc-badge-new{font-size:.68rem!important;font-weight:800!important;padding:3px 8px!important;border-radius:5px!important}.app-features{gap:10px!important}.app-feature{display:flex!important;align-items:center!important;gap:9px!important;font-size:.85rem!important;color:var(--tx2)!important;padding:8px 12px!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--brd)!important;border-radius:9px!important;transition:all .2s!important}.app-feature:hover{background:rgba(99,102,241,.06)!important;border-color:rgba(99,102,241,.2)!important}html[data-theme="light"] .app-feature{background:#f8fafc!important;border-color:#dde3ec!important;color:#334155!important}html[data-theme="light"] .section-badge-new{background:rgba(34,197,94,.08)!important}html[data-theme="light"] .section-badge-hot{background:rgba(239,68,68,.08)!important}html[data-theme="light"] .section-badge-sel{background:rgba(245,158,11,.08)!important}html[data-theme="light"] .hero-stats{background:rgba(0,0,0,.03)!important;border-color:#dde3ec!important}html[data-theme="light"] .st-num{background:linear-gradient(135deg,#0f172a,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme="light"] .rv-reviews-section::before{color:rgba(245,158,11,.04)!important}html[data-theme="light"] .rvr-trust-num{color:#4f46e5!important}html[data-theme="light"] .rvr-trust-lbl{color:#64748b!important}.topv-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.topv-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--brd);border-radius:16px;text-decoration:none;transition:all .22s;position:relative;overflow:hidden}.topv-card:hover{border-color:var(--acc);transform:translateX(4px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.topv-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:0;transition:opacity .22s}.topv-card:hover::before{opacity:1}.topv-rank{font-size:1.1rem;font-weight:900;min-width:26px;text-align:center;color:var(--mu);flex-shrink:0}.topv-rank-1{color:#f59e0b}.topv-rank-2{color:#94a3b8}.topv-rank-3{color:#cd7f32}.topv-logo-wrap{position:relative;flex-shrink:0}.topv-logo{width:52px;height:52px;border-radius:14px;object-fit:contain;border:1.5px solid var(--brd);max-width:none!important}.topv-logo-fb{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--acc),#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;color:#fff;flex-shrink:0}.topv-badge-hot{position:absolute;bottom:-4px;right:-6px;background:#f59e0b;color:#000;font-size:.5rem;font-weight:900;padding:2px 5px;border-radius:8px;display:flex;align-items:center;gap:2px;box-shadow:0 2px 6px rgba(0,0,0,.4)}.topv-info{flex:1;min-width:0}.topv-name{font-size:.88rem;font-weight:800;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.topv-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.topv-stars{display:flex;align-items:center;gap:2px;font-size:.67rem;color:var(--mu);font-weight:600}.topv-prods,.topv-city{font-size:.67rem;color:var(--mu);display:flex;align-items:center;gap:3px}.topv-prods::before{content:'·';color:var(--brd)}.topv-arrow{color:var(--mu);flex-shrink:0;transition:transform .2s,color .2s}.topv-card:hover .topv-arrow{transform:translateX(3px);color:var(--acc2)}.topv-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(124,58,237,.06) 100%);border:1px solid rgba(99,102,241,.2);border-radius:14px;flex-wrap:wrap}.topv-cta-txt{font-size:.83rem;color:var(--tx2);font-weight:600;flex:1}.topv-cta-btn{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#fff;padding:9px 18px;border-radius:10px;font-size:.79rem;font-weight:800;text-decoration:none;transition:all .2s;white-space:nowrap;flex-shrink:0}.topv-cta-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.4)}html[data-theme="light"] .topv-card{background:#fff;border-color:#e2e8f0}html[data-theme="light"] .topv-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}html[data-theme="light"] .topv-cta{background:rgba(99,102,241,.05)}

/* ============================================================
   HERO REDESIGN v4.0
   Corrections v4 :
   1. Fond clair mesh gradient riche
   2. Titre clair : correction forcage du degrade
      (color:transparent + !important sur le bon selecteur)
   3. Bouton secondaire clair moins opaque
   4. Espace residuel sous badges supprime
   5. Icone drapeau : SVG inline dans PHP (voir home.php)
   ============================================================ */

/* ── Fond hero sombre ── */
.hero-section {
    background: linear-gradient(160deg, #07091a 0%, #0d1130 35%, #0f0c1e 65%, #07091a 100%);
    padding: 52px 20px 40px;
}
.hero-section::before {
    background:
        radial-gradient(ellipse 90% 70% at 15% 40%, rgba(99,102,241,.22) 0%, transparent 55%),
        radial-gradient(ellipse 50% 60% at 85% 20%, rgba(124,58,237,.12) 0%, transparent 50%),
        radial-gradient(ellipse 40% 40% at 60% 80%, rgba(245,158,11,.05) 0%, transparent 45%);
}

/* Cercles decoratifs */
.hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}
.hero-glow-1 {
    width: 420px;
    height: 420px;
    top: -120px;
    left: -80px;
    background: radial-gradient(circle, rgba(99,102,241,.14) 0%, transparent 70%);
}
.hero-glow-2 {
    width: 300px;
    height: 300px;
    bottom: -60px;
    right: -60px;
    background: radial-gradient(circle, rgba(245,158,11,.08) 0%, transparent 70%);
}

/* ── Badge hero ── */
.hero-tag {
    background: rgba(99,102,241,.12);
    border: 1px solid rgba(99,102,241,.3);
    color: #a5b4fc;
    margin-bottom: 20px;
    font-size: .73rem;
}
.hero-tag-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6366f1;
    flex-shrink: 0;
    animation: hero-tag-pulse 2.2s ease-in-out infinite;
}
@keyframes hero-tag-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(99,102,241,.5); }
    60%  { box-shadow: 0 0 0 6px rgba(99,102,241,0); }
    100% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
}

/* ── Titre sombre : blanc pur ── */
.hero-title {
    color: #f0f0ff;
    font-size: clamp(1.85rem, 5.5vw, 3.2rem);
    line-height: 1.1;
    letter-spacing: -.025em;
    margin-bottom: 14px;
}

/* ── Sous-titre ── */
.hero-sub {
    color: rgba(148,163,184,.85);
    margin-bottom: 24px;
    font-size: .9rem;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ── CTA cote a cote ── */
.hero-cta {
    flex-wrap: nowrap;
    margin-bottom: 20px;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}
.btn-hero-primary {
    flex: 1 1 0 !important;
    justify-content: center !important;
    padding: 13px 14px !important;
    font-size: .85rem !important;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-hero-secondary {
    flex: 0 0 auto !important;
    background: rgba(255,255,255,.06) !important;
    border: 1.5px solid rgba(255,255,255,.15) !important;
    color: rgba(203,213,225,.85) !important;
    padding: 13px 13px !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
    white-space: nowrap;
    border-radius: var(--radius) !important;
}
.btn-hero-secondary:hover {
    border-color: rgba(99,102,241,.5) !important;
    color: #a5b4fc !important;
    background: rgba(99,102,241,.1) !important;
}

/* ── Stats en bande ── */
.hero-stats-row {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 14px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.hero-stat-inline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}
.hero-stat-inline-num {
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.02em;
    background: linear-gradient(135deg, #f0f0ff, #a5b4fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hero-stat-inline-label {
    font-size: .58rem;
    font-weight: 700;
    color: rgba(148,163,184,.65);
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.hero-stat-sep {
    width: 1px;
    height: 26px;
    background: rgba(255,255,255,.1);
    flex-shrink: 0;
}

/* ── Badges confiance sur une ligne ── */
.hero-trust {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.hero-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .61rem;
    font-weight: 600;
    color: rgba(148,163,184,.7);
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    padding: 4px 7px;
    border-radius: 100px;
    white-space: nowrap;
    flex-shrink: 0;
}
.hero-trust-item svg {
    width: 11px;
    height: 11px;
    opacity: .55;
    flex-shrink: 0;
    stroke: rgba(148,163,184,.8);
}

/* ============================================================
   THEME CLAIR v4.0 — Corrections completes
   ============================================================ */

/*
 * Correction 1 : fond clair avec mesh gradient riche
 */
html[data-theme="light"] .hero-section {
    background:
        radial-gradient(ellipse 80% 50% at 10% 30%, rgba(99,102,241,.09) 0%, transparent 60%),
        radial-gradient(ellipse 60% 70% at 90% 10%, rgba(124,58,237,.06) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 50% 90%, rgba(245,158,11,.04) 0%, transparent 50%),
        linear-gradient(160deg, #f4f6ff 0%, #eff0ff 40%, #f5f0ff 70%, #f4f6ff 100%) !important;
    padding: 52px 20px 16px !important;
}
html[data-theme="light"] .hero-section::before {
    background: none !important;
}
html[data-theme="light"] .hero-glow-1 {
    background: radial-gradient(circle, rgba(99,102,241,.06) 0%, transparent 70%) !important;
}
html[data-theme="light"] .hero-glow-2 {
    background: radial-gradient(circle, rgba(245,158,11,.03) 0%, transparent 70%) !important;
}

/* Badge clair */
html[data-theme="light"] .hero-tag {
    background: rgba(99,102,241,.08) !important;
    border-color: rgba(99,102,241,.22) !important;
    color: #4f46e5 !important;
}
html[data-theme="light"] .hero-tag-dot { background: #4f46e5 !important; }

/*
 * Correction 2 : titre clair avec degrade noir->violet
 * IMPORTANT : on force color:transparent pour que le
 * background-clip:text fonctionne meme avec !important
 * existants sur color:var(--tx)
 */
html[data-theme="light"] .hero-title {
    color: transparent !important;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 60%, #312e81 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
html[data-theme="light"] .hero-title .hero-accent {
    color: transparent !important;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

html[data-theme="light"] .hero-sub { color: #475569 !important; }

/*
 * Correction 3 : bouton secondaire clair
 * Fond plus transparent (0.35 au lieu de 0.7)
 * pour ne pas concurrencer visuellement le CTA principal
 */
html[data-theme="light"] .btn-hero-secondary {
    background: rgba(255,255,255,.35) !important;
    border-color: rgba(99,102,241,.2) !important;
    color: #3730a3 !important;
    backdrop-filter: blur(4px) !important;
    flex: 0 0 auto !important;
}
html[data-theme="light"] .btn-hero-secondary:hover {
    border-color: #4f46e5 !important;
    color: #4f46e5 !important;
    background: rgba(99,102,241,.08) !important;
}

/* Stats clair */
html[data-theme="light"] .hero-stats-row {
    background: rgba(255,255,255,.55) !important;
    border-color: rgba(99,102,241,.14) !important;
    box-shadow: 0 1px 8px rgba(99,102,241,.07) !important;
    backdrop-filter: blur(4px) !important;
}
html[data-theme="light"] .hero-stat-inline-num {
    background: linear-gradient(135deg, #1e1b4b, #4f46e5) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
html[data-theme="light"] .hero-stat-inline-label { color: rgba(71,85,105,.65) !important; }
html[data-theme="light"] .hero-stat-sep          { background: rgba(99,102,241,.15) !important; }

/* Badges confiance clair */
html[data-theme="light"] .hero-trust-item {
    background: rgba(255,255,255,.55) !important;
    border-color: rgba(99,102,241,.14) !important;
    color: #475569 !important;
    backdrop-filter: blur(4px) !important;
    flex-shrink: 0 !important;
}
html[data-theme="light"] .hero-trust-item svg {
    stroke: #6366f1 !important;
    opacity: .7 !important;
}

/*
 * Correction 4 : espace residuel supprime via padding-bottom
 * du .hero-section en theme clair (16px au lieu de 40px)
 */

/* ── Responsive mobile 767px ── */
@media (max-width: 767px) {
    .hero-section       { padding: 28px 16px 24px !important; }
    .hero-glow-1        { width: 240px; height: 240px; top: -70px; left: -50px; }
    .hero-glow-2        { width: 180px; height: 180px; bottom: -35px; right: -35px; }
    .hero-tag           { font-size: .66rem; padding: 5px 11px; margin-bottom: 14px; }
    .hero-title         { font-size: clamp(1.6rem, 7vw, 2.1rem) !important; margin-bottom: 10px; }
    .hero-sub           { font-size: .83rem; margin-bottom: 18px; }
    .hero-cta           { gap: 6px; margin-bottom: 14px; width: 100%; }
    .btn-hero-primary   { font-size: .8rem !important; padding: 12px 12px !important; }
    .btn-hero-secondary { font-size: .77rem !important; padding: 12px 10px !important; }
    .hero-stats-row     { padding: 10px 12px; margin-bottom: 12px; }
    .hero-stat-inline-num   { font-size: 1.05rem; }
    .hero-stat-inline-label { font-size: .57rem; }
    .hero-trust         { gap: 4px; }
    .hero-trust-item    { font-size: .58rem; padding: 3px 6px; gap: 3px; }
    .hero-trust-item svg{ width: 9px; height: 9px; }

    html[data-theme="light"] .hero-section { padding: 28px 16px 12px !important; }
}

/* ── Responsive tres petits ecrans 380px ── */
@media (max-width: 380px) {
    .hero-section           { padding: 24px 12px 20px !important; }
    .hero-title             { font-size: 1.5rem !important; }
    .hero-stat-inline-num   { font-size: .95rem; }
    .btn-hero-primary       { font-size: .78rem !important; padding: 11px 10px !important; }
    .btn-hero-secondary     { font-size: .75rem !important; padding: 11px 9px !important; }
    .hero-trust-item        { font-size: .57rem; padding: 3px 6px; }
}


/* ── Garantie thème sombre : titre toujours blanc pur ── */
:root:not([data-theme="light"]) .hero-title,
html:not([data-theme="light"]) .hero-title {
    color: #f0f0ff !important;
    background: none !important;
    -webkit-text-fill-color: #f0f0ff !important;
}
:root:not([data-theme="light"]) .hero-accent,
html:not([data-theme="light"]) .hero-accent {
    color: var(--acc2) !important;
    background: none !important;
    -webkit-text-fill-color: var(--acc2) !important;
}

/* ── Flash Sale thème clair — compte à rebours ── */
html[data-theme="light"] .fs-cd-num { color: #ef4444 !important; }
html[data-theme="light"] .fs-cd-unit { color: #64748b !important; }
html[data-theme="light"] .fs-cd-block {
    background: rgba(239,68,68,.08) !important;
    border-color: rgba(239,68,68,.2) !important;
}
html[data-theme="light"] .fs-see-all {
    color: #dc2626 !important;
    border-color: rgba(220,38,38,.25) !important;
}
html[data-theme="light"] .fs-see-all:hover {
    background: rgba(220,38,38,.07) !important;
    border-color: rgba(220,38,38,.4) !important;
    color: #b91c1c !important;
}

/* ============================================================
   CATEGORIES — Corrections v1.0
   1. Suppression espaces morts dessus/dessous
   2. Hauteur zone image reduite
   3. "Explorer" plus visible
   4. Thème clair — cards avec fond distinct
   ============================================================ */

/* ── Section header catégories — espacement réduit ── */
.home-section {
    padding-top: 24px;
    padding-bottom: 20px;
}
.home-section-dark {
    padding-top: 24px;
    padding-bottom: 20px;
}
.home-section .hs-inner {
    padding: 0 16px 10px;
}

/* ── Cards catégories — zone image compacte ── */
.cat-scroll-card {
    border-radius: 16px;
    overflow: hidden;
    background: var(--card);
    border: 1px solid var(--brd);
    text-decoration: none;
    transition: all .22s var(--trans);
    flex-shrink: 0;
    width: 110px;
}
.cat-scroll-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    border-color: var(--acc);
}

/* Zone image : hauteur reduite de ~130px a 100px */
.csc-top {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.csc-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    border: 2px solid rgba(255,255,255,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
}

/* Zone info — "Explorer" plus visible */
.csc-info {
    padding: 10px 10px 12px;
    text-align: center;
}
.csc-name {
    font-size: .76rem;
    font-weight: 700;
    color: var(--tx);
    margin-bottom: 3px;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.csc-count {
    font-size: .7rem;
    font-weight: 700;
    color: var(--acc2);
    letter-spacing: .01em;
}

/* Scroll horizontal catégories */
.cats-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 4px 16px 12px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}
.cat-scroll-card {
    scroll-snap-align: start;
}

/* Dots + hint */
.cats-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    margin-bottom: 6px;
}
.cats-dots {
    display: flex;
    gap: 5px;
    align-items: center;
}
.cats-dot {
    width: 20px;
    height: 3px;
    border-radius: 999px;
    background: var(--brd);
    transition: all .25s;
}
.cats-dot.active {
    width: 28px;
    background: var(--acc);
}
.cats-hint-txt {
    font-size: .7rem;
    color: var(--mu);
    display: flex;
    align-items: center;
    gap: 3px;
}

/* ── Thème clair — cards avec fond distinct ── */
html[data-theme="light"] .cat-scroll-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .cat-scroll-card:hover {
    border-color: var(--acc) !important;
    box-shadow: 0 8px 24px rgba(99,102,241,.12) !important;
}
html[data-theme="light"] .csc-name {
    color: #0f172a !important;
}
html[data-theme="light"] .csc-count {
    color: #4f46e5 !important;
}

/* ── Section titre "Nos catégories" ── */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}
.section-heading {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--tx);
    letter-spacing: -.02em;
}
.section-more {
    font-size: .78rem;
    font-weight: 700;
    color: var(--acc2);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}
.section-more:hover {
    text-decoration: underline;
}

html[data-theme="light"] .section-heading { color: #0f172a !important; }

/* ── Espacement entre sections ── */
.home-section + .home-section,
.home-section + .home-section-dark,
.home-section-dark + .home-section {
    border-top: 1px solid var(--brd);
}

/* ── Responsive mobile ── */
@media (max-width: 479px) {
    .home-section,
    .home-section-dark {
        padding-top: 20px;
        padding-bottom: 16px;
    }
    .cat-scroll-card {
        width: 100px;
    }
    .csc-top {
        height: 88px;
    }
    .csc-circle {
        width: 48px;
        height: 48px;
    }
    .csc-name {
        font-size: .7rem;
    }
    .csc-count {
        font-size: .65rem;
    }
}

/* ============================================================
   PRODUITS GRILLE — Corrections v1.0
   1. Section header titre sur 1 ligne
   2. Cards thème clair avec ombre
   3. Cards thème sombre avec bordure visible
   ============================================================ */

/* ── Section header produits — 1 ligne ── */
.section-header {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}
.section-badge {
    flex-shrink: 0;
    white-space: nowrap;
}
.section-heading {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-more {
    flex-shrink: 0;
}

/* ── Product card — thème clair fond distinct ── */
html[data-theme="light"] .product-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] .product-card:hover {
    border-color: var(--acc) !important;
    box-shadow: 0 6px 20px rgba(99,102,241,.1) !important;
}
html[data-theme="light"] .pc-name {
    color: #0f172a !important;
}
html[data-theme="light"] .pc-store {
    color: #64748b !important;
}
html[data-theme="light"] .pc-price {
    color: #4f46e5 !important;
}
html[data-theme="light"] .pc-old {
    color: #94a3b8 !important;
}

/* ── Product card — thème sombre bordure visible ── */
html:not([data-theme="light"]) .product-card {
    border: 1px solid rgba(255,255,255,.07) !important;
}
html:not([data-theme="light"]) .product-card:hover {
    border-color: var(--acc) !important;
    box-shadow: 0 6px 20px rgba(99,102,241,.15) !important;
}

/* ── Étoiles — masquées si vides (CSS de sécurité) ── */
.pc-stars:empty {
    display: none;
}

/* ── Thème clair — home-section-dark fond cohérent ── */
html[data-theme="light"] .home-section-dark {
    background: #f0f4f8 !important;
}
html[data-theme="light"] .home-section {
    background: #ffffff !important;
}

/* ── Badge "Top ventes" thème clair — plus impactant ── */
html[data-theme="light"] .section-badge-hot {
    background: rgba(239,68,68,.12) !important;
    border-color: rgba(239,68,68,.3) !important;
    color: #dc2626 !important;
}

/* ── Badge "Nouveautés" thème clair — cohérent ── */
html[data-theme="light"] .section-badge-new {
    background: rgba(34,197,94,.12) !important;
    border-color: rgba(34,197,94,.3) !important;
    color: #16a34a !important;
}

/* ── Badge "Sélection" thème clair — cohérent ── */
html[data-theme="light"] .section-badge-sel {
    background: rgba(245,158,11,.12) !important;
    border-color: rgba(245,158,11,.3) !important;
    color: #d97706 !important;
}

/* ── Icône dans les badges — filtre thème clair ── */
html[data-theme="light"] .section-badge-hot img {
    filter: brightness(0) saturate(1) invert(25%) sepia(90%) saturate(500%) hue-rotate(340deg) !important;
}
html[data-theme="light"] .section-badge-new img {
    filter: brightness(0) saturate(1) invert(45%) sepia(80%) saturate(400%) hue-rotate(90deg) !important;
}
html[data-theme="light"] .section-badge-sel img {
    filter: brightness(0) saturate(1) invert(65%) sepia(90%) saturate(500%) hue-rotate(10deg) !important;
}

/* ── Badge "Sélection" sur les product cards ── */
.pc-badge-sel {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #fff !important;
    font-size: .62rem !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    letter-spacing: .02em !important;
}

html[data-theme="light"] .pc-badge-sel {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(79,70,229,.3) !important;
}

/* ============================================================
   BOUTIQUES — Corrections v1.0
   1. Cards thème clair fond distinct + ombre
   2. Stats boutique — cohérence couleurs
   ============================================================ */

/* ── Store cards thème clair — fond distinct ── */
html[data-theme="light"] .store-card-v2 {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] .store-card-v2:hover {
    border-color: #4f46e5 !important;
    box-shadow: 0 6px 20px rgba(99,102,241,.1) !important;
}
html[data-theme="light"] .sc2-name {
    color: #0f172a !important;
}
html[data-theme="light"] .sc2-stat {
    color: #64748b !important;
}
html[data-theme="light"] .sc2-cta {
    color: #4f46e5 !important;
}

/* ── Store cards thème sombre — bordure visible ── */
html:not([data-theme="light"]) .store-card-v2 {
    border: 1px solid rgba(255,255,255,.07) !important;
}

/* ── Top vendeurs thème clair ── */
html[data-theme="light"] .topv-card {
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
html[data-theme="light"] .topv-name {
    color: #0f172a !important;
}
html[data-theme="light"] .topv-prods,
html[data-theme="light"] .topv-city {
    color: #64748b !important;
}
html[data-theme="light"] .topv-cta-txt {
    color: #334155 !important;
}

/* ── Top vendeurs — titre "Boutiques du moment" visible ── */
/* Le badge prend trop de place : on reduit sa taille sur mobile */
@media (max-width: 479px) {
    .section-badge {
        font-size: .62rem !important;
        padding: 3px 8px !important;
    }
    .section-badge img {
        width: 11px !important;
        height: 11px !important;
    }
    .section-heading {
        font-size: .95rem !important;
    }
}

/* ── CTA Top vendeurs — layout mobile corrigé ── */
@media (max-width: 639px) {
    .topv-cta {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 14px 16px !important;
    }
    .topv-cta-txt {
        font-size: .85rem !important;
        text-align: center !important;
        line-height: 1.4 !important;
    }
    .topv-cta-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 11px 16px !important;
        font-size: .82rem !important;
    }
}

/* ============================================================
   CORRECTIONS — CTA icone + Tendances
   ============================================================ */

/* ── Icone bouton CTA toujours blanche ── */
.topv-cta-btn img {
    filter: brightness(0) invert(1) !important;
}
html[data-theme="light"] .topv-cta-btn img {
    filter: brightness(0) invert(1) !important;
}

/* ── Section Tendances — header sur 1 ligne ── */
.tr-header {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}
.tr-header-left {
    flex: 1 !important;
    min-width: 0 !important;
    gap: 4px !important;
}
.tr-title {
    font-size: clamp(.88rem, 3.5vw, 1.4rem) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
}
.tr-see-all {
    flex-shrink: 0 !important;
    align-self: flex-start !important;
}

/* ── Badge "TENDANCES" — harmonisé avec les autres badges ── */
.tr-badge {
    background: rgba(16,185,129,.1) !important;
    border: 1px solid rgba(16,185,129,.28) !important;
    color: #10b981 !important;
    font-size: .7rem !important;
    font-weight: 800 !important;
    padding: 4px 11px !important;
    border-radius: 100px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: fit-content !important;
}
html[data-theme="light"] .tr-badge {
    background: rgba(16,185,129,.1) !important;
    border-color: rgba(16,185,129,.28) !important;
    color: #059669 !important;
}
html[data-theme="light"] .tr-title {
    color: #0f172a !important;
}
html[data-theme="light"] .tr-see-all {
    color: #4f46e5 !important;
    border-color: #dde3ec !important;
}

/* ── Responsive mobile ── */
@media (max-width: 479px) {
    .tr-title {
        font-size: .95rem !important;
    }
}

/* ============================================================
   TENDANCES — Corrections v2.0
   1. Rang thème clair — fond visible
   2. Nom produit — taille réduite mobile
   ============================================================ */

/* ── Rang thème clair — cercle visible ── */
html[data-theme="light"] .tr-rank {
    background: rgba(15,23,42,.08) !important;
    border: 1px solid #dde3ec !important;
    color: #334155 !important;
}
html[data-theme="light"] .tr-rank-top {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    border-color: rgba(245,158,11,.3) !important;
    color: #fff !important;
}

/* ── Nom produit tendances — lisible sur mobile ── */
.tr-card-name {
    font-size: .78rem !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.3 !important;
}

/* ── Cards tendances thème clair — fond blanc ── */
html[data-theme="light"] .tr-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.04) !important;
}
html[data-theme="light"] .tr-card-name {
    color: #0f172a !important;
}
html[data-theme="light"] .tr-price {
    color: #0f172a !important;
}
html[data-theme="light"] .tr-stat {
    color: #64748b !important;
}

/* ============================================================
   EXPLORER LES PRODUITS — Corrections v1.0
   1. Onglet actif thème sombre visible
   2. Badge "Récemment vus" lisible
   3. Bouton "Voir tout" footer panel aligné
   ============================================================ */

/* ── Onglet actif thème sombre — texte et fond visibles ── */
html:not([data-theme="light"]) .ct-tab.active {
    color: #a5b4fc !important;
    border-bottom-color: #6366f1 !important;
    background: rgba(99,102,241,.12) !important;
}
html:not([data-theme="light"]) .ct-tab.active .ct-tab-count {
    background: rgba(99,102,241,.25) !important;
    color: #a5b4fc !important;
}
html:not([data-theme="light"]) .ct-tab {
    color: rgba(148,163,184,.7) !important;
}
html:not([data-theme="light"]) .ct-tab:hover {
    color: #e2e8f0 !important;
    background: rgba(255,255,255,.05) !important;
}
html:not([data-theme="light"]) .ct-tabs {
    border-bottom-color: rgba(255,255,255,.1) !important;
}

/* ── Badge "Récemment vus" — lisible sur les deux thèmes ── */
html:not([data-theme="light"]) .rv-badge {
    background: rgba(99,102,241,.15) !important;
    border-color: rgba(99,102,241,.35) !important;
    color: #a5b4fc !important;
}
html:not([data-theme="light"]) .rv-title {
    color: #f0f4ff !important;
}

/* ── Bouton footer panel — alignement icone + texte ── */
.ct-cat-link {
    gap: 6px !important;
    align-items: center !important;
}
.ct-cat-link img {
    width: 13px !important;
    height: 13px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* ── Header "Explorer les produits" thème sombre ── */
html:not([data-theme="light"]) .ct-title {
    color: #f0f4ff !important;
}
html:not([data-theme="light"]) .ct-subtitle {
    color: rgba(148,163,184,.7) !important;
}
html:not([data-theme="light"]) .ct-see-all {
    color: #a5b4fc !important;
    border-color: rgba(99,102,241,.3) !important;
}
html:not([data-theme="light"]) .ct-section {
    background: var(--sur) !important;
}

/* ── Thème clair — onglet inactif lisible ── */
html[data-theme="light"] .ct-tab-count {
    background: #e2e8f0 !important;
    color: #475569 !important;
}
html[data-theme="light"] .ct-tab.active .ct-tab-count {
    background: rgba(79,70,229,.12) !important;
    color: #4f46e5 !important;
}