body.site-home-modern .home-popular-v7{position:relative;padding:24px 0 40px;color:#fff}
body.site-home-modern .home-popular-head-v7{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
body.site-home-modern .home-popular-head-v7 h2{margin:0;color:#f4f4f4;font-size:clamp(24px,2.1vw,34px);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.012em}
body.site-home-modern .home-popular-links-v7{display:flex;align-items:center;gap:24px}
body.site-home-modern .home-popular-links-v7 a{color:rgba(255,255,255,.52);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;transition:color .22s ease,transform .22s ease}
body.site-home-modern .home-popular-links-v7 a:hover{color:#fff;transform:translateY(-1px)}
body.site-home-modern .home-popular-links-v7 span{margin-left:8px;color:#ff1a1a;font-size:17px}
body.site-home-modern .home-popular-stage-v7{position:relative}
body.site-home-modern .home-popular-viewport-v7{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}
body.site-home-modern .home-popular-viewport-v7::-webkit-scrollbar{display:none}
body.site-home-modern .home-popular-track-v7{display:flex;gap:14px;width:max-content;min-width:100%;padding:1px 0 8px}
body.site-home-modern .home-popular-card-v7{position:relative;display:flex;flex:0 0 calc((min(1280px,100vw - 64px) - 56px)/5);width:calc((min(1280px,100vw - 64px) - 56px)/5);min-width:190px;height:258px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(155deg,#17191c,#0c0d0f);color:#fff;scroll-snap-align:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.2);flex-direction:column;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
body.site-home-modern .home-popular-card-v7::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.02) 34%,rgba(255,255,255,.14) 45%,rgba(255,255,255,.02) 54%,transparent 70%);background-size:230% 100%;background-position:130% 0;opacity:.34;transition:background-position .65s ease,opacity .28s ease}
body.site-home-modern .home-popular-card-v7:hover{transform:translateY(-4px) scale(1.018);border-color:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 38px rgba(0,0,0,.34),0 0 22px rgba(255,25,25,.035)}
body.site-home-modern .home-popular-card-v7:hover::after{background-position:-115% 0;opacity:.64}
body.site-home-modern .home-popular-media-v7{position:relative;display:grid;place-items:center;height:164px;min-height:164px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.075),transparent 58%)}
body.site-home-modern .home-popular-media-v7::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.33));pointer-events:none}
body.site-home-modern .home-popular-media-v7 img{display:block;width:100%;height:100%;object-fit:contain;padding:10px;filter:saturate(.98) contrast(1.03);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}
body.site-home-modern .home-popular-card-v7:hover .home-popular-media-v7 img{transform:scale(1.055);filter:saturate(1.06) contrast(1.06)}
body.site-home-modern .home-popular-media-v7>b{position:relative;z-index:2;color:rgba(255,255,255,.18);font-size:50px;font-weight:1000;letter-spacing:-.06em}
body.site-home-modern .home-popular-body-v7{position:relative;display:flex;flex:1;min-height:0;padding:12px 42px 12px 13px;flex-direction:column}
body.site-home-modern .home-popular-body-v7>strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:14px;font-weight:900;line-height:1.15;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.site-home-modern .home-popular-body-v7>small{display:block;overflow:hidden;margin-top:4px;color:rgba(255,255,255,.53);font-size:10px;font-weight:700;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}
body.site-home-modern .home-popular-body-v7>em{display:flex;align-items:center;gap:6px;margin-top:auto;color:rgba(255,255,255,.62);font-size:10px;font-style:normal;font-weight:800;line-height:1.1}
body.site-home-modern .home-popular-body-v7>em>i{display:block;width:7px;height:7px;border-radius:50%;background:#666;box-shadow:0 0 0 3px rgba(255,255,255,.025)}
body.site-home-modern .home-popular-body-v7>em.is-stock{color:#8adba3}
body.site-home-modern .home-popular-body-v7>em.is-stock>i{background:#2fc866;box-shadow:0 0 10px rgba(47,200,102,.28)}
body.site-home-modern .home-popular-body-v7>em.is-empty{color:#d77b7b}
body.site-home-modern .home-popular-body-v7>em.is-empty>i{background:#e33a3a}
body.site-home-modern .home-popular-arrow-v7{position:absolute;right:11px;bottom:11px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(8,8,8,.48);color:#ff1919;font-size:14px;font-weight:900;line-height:1;transition:transform .24s ease,border-color .24s ease,background .24s ease}
body.site-home-modern .home-popular-card-v7:hover .home-popular-arrow-v7{transform:translateX(2px) scale(1.08);border-color:rgba(255,35,35,.56);background:rgba(255,20,20,.08)}
body.site-home-modern .home-popular-nav-v7{position:absolute;z-index:9;top:50%;display:grid;place-items:center;width:40px;height:40px;margin-top:-20px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(7,7,7,.76);color:#fff;font-size:28px;line-height:1;box-shadow:0 10px 25px rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,background .22s ease,opacity .22s ease}
body.site-home-modern .home-popular-nav-v7:hover{transform:scale(1.09);border-color:rgba(255,255,255,.58);background:rgba(24,24,24,.9)}
body.site-home-modern .home-popular-prev-v7{left:-52px}
body.site-home-modern .home-popular-next-v7{right:-52px}
body.site-home-modern .home-popular-nav-v7:disabled{opacity:.22;pointer-events:none}
body.site-home-modern .home-popular-dots-v7{display:flex;align-items:center;justify-content:center;gap:8px;min-height:16px;margin-top:7px}
body.site-home-modern .home-popular-dots-v7 button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.22);box-shadow:none;transition:width .25s ease,background .25s ease,transform .25s ease}
body.site-home-modern .home-popular-dots-v7 button.active{width:18px;border-radius:99px;background:#ff1717}
body.site-home-modern.site-theme-light .home-popular-head-v7 h2{color:#111}
body.site-home-modern.site-theme-light .home-popular-links-v7 a{color:rgba(0,0,0,.52)}
body.site-home-modern.site-theme-light .home-popular-links-v7 a:hover{color:#111}
body.site-home-modern.site-theme-light .home-popular-card-v7{border-color:rgba(0,0,0,.12);background:#fff;color:#111;box-shadow:0 12px 28px rgba(0,0,0,.075)}
body.site-home-modern.site-theme-light .home-popular-media-v7{background:#f4f5f6}
body.site-home-modern.site-theme-light .home-popular-media-v7::after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.15))}
body.site-home-modern.site-theme-light .home-popular-body-v7>strong{color:#111}
body.site-home-modern.site-theme-light .home-popular-body-v7>small{color:#717171}
body.site-home-modern.site-theme-light .home-popular-body-v7>em{color:#6b7280}
body.site-home-modern.site-theme-light .home-popular-arrow-v7{background:#fff;border-color:rgba(0,0,0,.12)}
body.site-home-modern.site-theme-light .home-popular-nav-v7{border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.86);color:#111;box-shadow:0 10px 25px rgba(0,0,0,.09)}
body.site-home-modern.site-theme-light .home-popular-dots-v7 button{background:rgba(0,0,0,.18)}
body.site-home-modern.site-theme-light .home-popular-dots-v7 button.active{background:#ed1717}
@media(max-width:1360px){body.site-home-modern .home-popular-prev-v7{left:8px}body.site-home-modern .home-popular-next-v7{right:8px}}
@media(max-width:1100px){body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 80px)/4);width:calc((100vw - 80px)/4)}}
@media(max-width:820px){body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 66px)/3);width:calc((100vw - 66px)/3);height:244px}body.site-home-modern .home-popular-media-v7{height:152px;min-height:152px}}
@media(max-width:700px){body.site-home-modern .home-popular-v7{padding:18px 0 30px}body.site-home-modern .home-popular-head-v7{margin-bottom:13px}body.site-home-modern .home-popular-links-v7 a:first-child{display:none}body.site-home-modern .home-popular-nav-v7{display:none}body.site-home-modern .home-popular-viewport-v7{margin-right:-14px;padding-right:14px}body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 54px)/2.35);width:calc((100vw - 54px)/2.35);height:232px}body.site-home-modern .home-popular-media-v7{height:142px;min-height:142px}body.site-home-modern .home-popular-body-v7{padding:10px 37px 10px 10px}body.site-home-modern .home-popular-body-v7>strong{font-size:12px}}
@media(max-width:470px){body.site-home-modern .home-popular-head-v7 h2{font-size:22px}body.site-home-modern .home-popular-links-v7 a{font-size:9px}body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 45px)/1.75);width:calc((100vw - 45px)/1.75)}}
@media(prefers-reduced-motion:reduce){body.site-home-modern .home-popular-viewport-v7{scroll-behavior:auto}body.site-home-modern .home-popular-card-v7,body.site-home-modern .home-popular-media-v7 img{transition:none}}