/* Anything Store | marketplace retail, red + charcoal. Rebrand via :root. */
:root{--red:#d92f21;--redd:#b92317;--ink:#17171b;--gray:#f3f3f0;--line:#e3e3df;--mute:#5f5f68;--yel:#ffe45c;--grn:#1a8f55;--w:#fff;
--fd:'Red Hat Display','Segoe UI',system-ui,sans-serif;--fb:'Red Hat Text','Segoe UI',system-ui,sans-serif;--r:8px;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 1rem/1.6 var(--fb);background:var(--w);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:800;line-height:1.1;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,4.6vw,3.8rem)}h2{font-size:clamp(1.6rem,2.8vw,2.2rem)}h3{font-size:1.05rem;line-height:1.3}
.wrap{width:min(1300px,94%);margin-inline:auto}section{padding:3.5rem 0}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr{position:absolute;left:-9999px}
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.7rem;border:0;border-radius:var(--r);background:var(--red);color:#fff;font:700 .95rem var(--fd);cursor:pointer;transition:color .4s,transform .3s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .45s var(--ease)}.btn:hover::before{transform:none}.btn:active{transform:scale(.97)}.btn svg{transition:transform .35s var(--ease)}.btn:hover svg{transform:translateX(4px)}
.btn.wh{background:#fff;color:var(--ink)}.btn.wh::before{background:var(--yel)}.btn.dk{background:var(--ink)}.btn.dk::before{background:var(--red)}.btn.ol{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.ol::before{background:var(--ink)}.btn.ol:hover{color:#fff}
.lk{position:relative;font-weight:700}.lk::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.lk:hover::after,a:hover>.lk::after{transform:scaleX(1);transform-origin:left}
.sh{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem;padding-bottom:.9rem;border-bottom:2px solid var(--ink)}.sh h2{position:relative}.sh h2::after{content:"";position:absolute;left:0;bottom:calc(-.9rem - 2px);width:70px;height:4px;background:var(--red)}
.stars{display:flex;color:#f2a900}.stars svg{fill:currentColor;stroke:none;width:.95rem}
/* header */
.top{background:var(--ink);color:#d5d5da;font-size:.85rem}.top .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;flex-wrap:wrap}.top a:hover{color:var(--yel)}.top .l,.top .r{display:flex;gap:1.4rem}
header{position:relative;z-index:60;background:#fff}
.hm{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding:1.1rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font:900 1.7rem var(--fd);letter-spacing:-.04em}.logo i{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:8px;font-style:normal;font-size:1.3rem;transform:rotate(-6deg);transition:transform .4s var(--ease)}.logo:hover i{transform:rotate(6deg) scale(1.08)}
.search{display:flex;max-width:680px;width:100%;margin-inline:auto;border:2px solid var(--ink);border-radius:var(--r);overflow:hidden}.search select{width:auto;max-width:170px;border:0;border-right:1px solid var(--line);background:var(--gray);padding:.75rem 1rem;font:600 .9rem var(--fb);outline:0;color:var(--ink)}.search input{flex:1;min-width:0;border:0;padding:.75rem 1rem;font:inherit;outline:0}.search button{border:0;background:var(--red);color:#fff;padding:0 1.4rem;cursor:pointer;transition:background .3s}.search button:hover{background:var(--ink)}.search:focus-within{border-color:var(--red)}
.ic{display:flex;align-items:center;gap:1.4rem}.ic a{position:relative;display:flex;align-items:center;gap:.6rem;font-weight:700;transition:color .3s}.ic a:hover{color:var(--red)}.ic svg{width:1.6rem;height:1.6rem}.ic b.n{position:absolute;top:-.5rem;left:.9rem;min-width:1.2rem;height:1.2rem;padding:0 .25rem;display:grid;place-items:center;border-radius:99px;background:var(--red);color:#fff;font-size:.7rem}.ic small{display:block;font-weight:500;color:var(--mute);line-height:1.1}.ic .tx{line-height:1.2;font-size:.9rem}
.hn{background:var(--ink);color:#fff}.hn .wrap{display:flex;align-items:center;gap:2rem}
.all{position:relative}.all>span{display:flex;align-items:center;gap:.7rem;padding:1rem 1.6rem;background:var(--red);font:700 1rem var(--fd);cursor:pointer}.all .dm{position:absolute;top:100%;left:0;width:280px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s var(--ease)}.all:hover .dm,.all:focus-within .dm{opacity:1;visibility:visible;transform:none}
.dm a,.dept a{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.1rem;font-weight:600;transition:background .3s,color .3s,padding .3s}.dm a:hover,.dept a:hover{background:var(--gray);color:var(--red);padding-left:1.5rem}.dm a svg,.dept a svg{color:var(--red)}
nav>ul{display:flex;gap:.2rem}nav a.nl,nav .nl{display:flex;align-items:center;gap:.3rem;padding:1rem 1.1rem;font-weight:600;position:relative;cursor:pointer}nav .nl::after{content:"";position:absolute;left:1.1rem;right:1.1rem;bottom:.6rem;height:2px;background:var(--yel);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}nav .nl:hover::after,nav .on::after{transform:scaleX(1)}nav .on{color:var(--yel)}
.dd{position:relative}.dd svg{width:.9em}.menu{position:absolute;top:100%;left:0;min-width:240px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s var(--ease)}.dd:hover .menu,.dd:focus-within .menu{opacity:1;visibility:visible;transform:none}.menu a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;font-weight:600}.menu a:hover{background:var(--gray);color:var(--red)}
.badge{background:var(--yel);color:var(--ink);font:800 .68rem var(--fd);padding:.1rem .5rem;border-radius:99px}.hn .hot{margin-left:auto;color:var(--yel);font-weight:700;display:flex;gap:.5rem;align-items:center}
#nt,.burger,.close,.tabbar{display:none}.burger{width:2.7rem;height:2.7rem;place-items:center;border:2px solid var(--ink);border-radius:var(--r);cursor:pointer}
@media(max-width:1000px){.top .r,.ic .tx,.search select,.ic .hid{display:none}.top .wrap{justify-content:center}.hm{grid-template-columns:auto 1fr auto;gap:1rem;grid-template-areas:"b l i" "s s s";padding:.8rem 0}.burger{display:grid;grid-area:b}.logo{grid-area:l;justify-content:center;font-size:1.5rem}.ic{grid-area:i;gap:1rem}.search{grid-area:s;max-width:none}
.hn{position:fixed;inset:0;z-index:90;overflow:auto;padding:5rem 0 6rem;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .35s,transform .45s var(--ease),visibility 0s .45s}#nt:checked~.hn{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .45s var(--ease)}.hn .wrap{flex-direction:column;align-items:stretch;gap:1.4rem}
.close{display:grid;position:absolute;top:1rem;right:1rem;width:2.7rem;height:2.7rem;place-items:center;background:var(--red);border-radius:var(--r);cursor:pointer}.all>span{display:none}.all .dm{position:static;opacity:1;visibility:visible;transform:none;width:100%;background:#232329;color:#fff;border:0;box-shadow:none}.dm a:hover{background:#2e2e36;color:var(--yel)}
nav>ul{flex-direction:column}nav .nl{font:800 1.5rem var(--fd);padding:.7rem 0}nav .nl::after{display:none}.menu{position:static;opacity:1;visibility:visible;transform:none;background:#232329;color:#fff;border:0;box-shadow:none}.menu a:hover{background:#2e2e36;color:var(--yel)}.dd>.nl svg{display:none}.hn .hot{display:none}
.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.tabbar a,.tabbar label{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.72rem;font-weight:700;color:var(--mute);cursor:pointer;position:relative}.tabbar a.on{color:var(--red)}.tabbar svg{width:1.5rem;height:1.5rem}.tabbar b{position:absolute;top:-.2rem;right:28%;background:var(--red);color:#fff;font-size:.65rem;min-width:1.05rem;height:1.05rem;display:grid;place-items:center;border-radius:99px}body{padding-bottom:4.2rem}}
/* hero */
.hero{padding:1.4rem 0 1rem}.hg{display:grid;grid-template-columns:250px 1fr;gap:1.2rem;align-items:start}.dept{border:1px solid var(--line);border-radius:10px;overflow:hidden}.dept h2{font-size:1rem;background:var(--ink);color:#fff;padding:.9rem 1.1rem}.dept a{border-bottom:1px solid var(--line)}.dept a:last-child{border:0}@media(max-width:1000px){.hg{grid-template-columns:1fr}.dept{display:none}}
.slider{position:relative;overflow:hidden;border-radius:10px;background:var(--ink)}.slides{display:grid}.slide{position:relative;min-height:440px;display:flex;align-items:center;color:#fff;overflow:hidden}.js .slide{grid-area:1/1;visibility:hidden;transform:translateX(100%);transition:transform .9s var(--ease),opacity .9s,visibility 0s .9s}.js .slide.on{visibility:visible;transform:none;z-index:2;transition:transform .9s var(--ease),opacity .9s,visibility 0s}.js .slide.out{visibility:visible;transform:translateX(-26%);opacity:.4;z-index:1;transition:transform .9s var(--ease),opacity .9s,visibility 0s}
.slide>img{position:absolute;inset:0;transform:scale(1.1);transition:transform 7s linear}.slide.on>img{transform:scale(1)}.slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(23,23,27,.88),rgba(23,23,27,.3) 65%,transparent)}.sc{position:relative;z-index:2;padding:2.5rem clamp(1.5rem,5vw,4rem);max-width:600px}.sc .tg{display:inline-block;background:var(--yel);color:var(--ink);font:800 .85rem var(--fd);padding:.25rem .9rem;border-radius:99px}.sc h1,.sc .d{margin:1rem 0}.sc .d{font:800 clamp(2.2rem,4.6vw,3.8rem)/1.1 var(--fd);letter-spacing:-.02em}.sc p{color:#e4e4e8;margin-bottom:1.6rem;max-width:440px}
.js .sc>*{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .slide.on .sc>*{opacity:1;transform:none}.js .slide.on .sc>:nth-child(2){transition-delay:.15s}.js .slide.on .sc>:nth-child(3){transition-delay:.3s}.js .slide.on .sc>:nth-child(4){transition-delay:.45s}
.ctl{display:none}.js .ctl{display:flex;position:absolute;z-index:5;left:clamp(1.5rem,5vw,4rem);right:1.5rem;bottom:1.4rem;align-items:center;gap:1rem;color:#fff}.ctl .no{font:800 1rem var(--fd);min-width:4.5rem}.ctl .pg{flex:1;max-width:220px;height:3px;background:rgba(255,255,255,.3);overflow:hidden}.ctl .pg i{display:block;height:100%;background:var(--yel);transform:scaleX(0);transform-origin:left}.ctl .pg i.run{animation:fill 6s linear forwards}@keyframes fill{to{transform:scaleX(1)}}.ctl .ar{margin-left:auto;display:flex;gap:.5rem}.ctl button{width:2.8rem;height:2.8rem;display:grid;place-items:center;border:0;border-radius:var(--r);background:rgba(255,255,255,.18);backdrop-filter:blur(6px);cursor:pointer;color:#fff;transition:background .3s,color .3s}.ctl button:hover{background:var(--yel);color:var(--ink)}
.bn{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.2rem}@media(max-width:640px){.bn{grid-template-columns:1fr}}.bnc{position:relative;overflow:hidden;border-radius:10px;min-height:170px;display:flex;align-items:center;color:#fff;isolation:isolate}.bnc>img{position:absolute;inset:0;z-index:-2;transition:transform 1.1s var(--ease)}.bnc:hover>img{transform:scale(1.08)}.bnc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(217,47,33,.9),rgba(217,47,33,.2))}.bnc.b2::before{background:linear-gradient(90deg,rgba(23,23,27,.9),rgba(23,23,27,.2))}.bnc div{padding:1.4rem 1.8rem}.bnc small{font-weight:700;color:var(--yel)}.bnc h3{font-size:1.4rem;margin:.2rem 0 .6rem}
/* benefits */
.bf{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px}.bf div{display:flex;gap:.9rem;align-items:center;padding:1.1rem 1.4rem;border-right:1px solid var(--line)}.bf div:last-child{border:0}.bf svg{width:2rem;height:2rem;color:var(--red);transition:transform .5s var(--ease)}.bf div:hover svg{transform:translateY(-5px)}.bf small{display:block;color:var(--mute)}@media(max-width:900px){.bf{grid-template-columns:1fr 1fr}.bf div{border-bottom:1px solid var(--line)}}@media(max-width:480px){.bf{grid-template-columns:1fr}}
/* categories */
.ct{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}@media(max-width:1100px){.ct{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.ct{grid-template-columns:repeat(2,1fr)}}.cat{text-align:center}.cat .im{aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--gray);margin-bottom:.7rem;transition:border-color .4s,transform .5s var(--ease)}.cat:hover .im{border-color:var(--red);transform:translateY(-6px)}.cat img{transition:transform 1s var(--ease)}.cat:hover img{transform:scale(1.12)}.cat b{font-weight:700}.cat small{display:block;color:var(--mute);font-size:.82rem}
/* products */
.pg4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.pg3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.pg5{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}@media(max-width:1100px){.pg4,.pg5{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.pg4,.pg3,.pg5{grid-template-columns:repeat(2,1fr);gap:.9rem}}
.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .4s,transform .4s var(--ease)}.product-card:hover{box-shadow:0 18px 40px rgba(23,23,27,.12);transform:translateY(-5px)}
.product-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--gray)}.product-card__media>a{display:block;height:100%}.product-card__media img{position:absolute;inset:0;transition:opacity .6s var(--ease),transform 1s var(--ease)}.product-card__media img+img{opacity:0}.product-card:hover .product-card__media img+img{opacity:1}.product-card:hover .product-card__media img{transform:scale(1.05)}
.badge-sale{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--red);color:#fff;font:800 .78rem var(--fd);padding:.15rem .6rem;border-radius:6px}.badge-sale.new{background:var(--ink)}.badge-sale.hot{background:var(--yel);color:var(--ink)}
.product-card__actions{position:absolute;top:.7rem;right:.7rem;z-index:2;display:grid;gap:.4rem}.product-card__actions a{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateX(160%);transition:transform .45s var(--ease),background .3s,color .3s}.product-card__actions a:nth-child(2){transition-delay:.05s}.product-card__actions a:nth-child(3){transition-delay:.1s}.product-card:hover .product-card__actions a{transform:none}.product-card__actions a:hover{background:var(--red);color:#fff}
.product-card__add{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;gap:.5rem;padding:.8rem;background:var(--ink);color:#fff;font:700 .92rem var(--fd);transform:translateY(101%);transition:transform .45s var(--ease),background .3s}.product-card:hover .product-card__add{transform:none}.product-card__add:hover{background:var(--red)}@media(hover:none){.product-card__add{position:static;transform:none}.product-card__actions{display:none}}
.product-card__body{padding:1rem 1.1rem 1.2rem}.product-card__cat{font-size:.8rem;color:var(--mute)}.product-card__title{margin:.15rem 0 .4rem;font-size:1rem}.product-card__title a:hover{color:var(--red)}.price{display:flex;gap:.6rem;align-items:baseline;margin-top:.3rem}.price ins{text-decoration:none;font:800 1.2rem var(--fd);color:var(--red)}.price del{color:var(--mute);font-size:.9rem}.rate{display:flex;gap:.4rem;align-items:center;font-size:.8rem;color:var(--mute)}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap}.tabs a{padding:.45rem 1.1rem;border-radius:99px;font-weight:700;font-size:.9rem;border:1px solid var(--line);transition:background .3s,color .3s}.tabs a.on,.tabs a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.cd{display:flex;align-items:center;gap:.4rem;font-weight:700}.cd span{min-width:2.4rem;padding:.3rem .4rem;text-align:center;background:var(--ink);color:#fff;border-radius:6px;font-family:var(--fd)}.cd em{font-style:normal;color:var(--mute);margin-right:.4rem;font-weight:600}
/* promo + mini */
.promo{position:relative;overflow:hidden;border-radius:10px;min-height:260px;display:flex;align-items:center;color:#fff;isolation:isolate}.promo>img{position:absolute;inset:0;z-index:-2;transition:transform 1.4s var(--ease)}.promo:hover>img{transform:scale(1.05)}.promo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(23,23,27,.92),rgba(23,23,27,.3))}.promo div{padding:2rem clamp(1.5rem,5vw,4rem);max-width:560px}.promo p{margin:.7rem 0 1.4rem;color:#e4e4e8}.promo .tg{background:var(--yel);color:var(--ink);font:800 .85rem var(--fd);padding:.2rem .8rem;border-radius:99px}
.ml{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}@media(max-width:900px){.ml{grid-template-columns:1fr}}.ml h3{padding-bottom:.7rem;margin-bottom:.4rem;border-bottom:2px solid var(--ink)}.mi{display:flex;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}.mi .im{width:72px;height:72px;flex:none;border-radius:8px;overflow:hidden;background:var(--gray)}.mi img{transition:transform .6s var(--ease)}.mi:hover img{transform:scale(1.1)}.mi h4{font-size:.95rem;font-family:var(--fb);font-weight:700;letter-spacing:0}.mi:hover h4{color:var(--red)}
.br{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:10px}.br div{padding:1.6rem .5rem;text-align:center;border-right:1px solid var(--line);font:800 1.3rem var(--fd);color:#9a9aa2;transition:color .3s,background .3s}.br div:last-child{border:0}.br div:hover{color:var(--red);background:var(--gray)}@media(max-width:800px){.br{grid-template-columns:repeat(3,1fr)}.br div{border-bottom:1px solid var(--line)}}
.post{display:block}.post .im{aspect-ratio:16/10;overflow:hidden;border-radius:10px;position:relative}.post img{transition:transform 1s var(--ease)}.post:hover img{transform:scale(1.07)}.post .dt{position:absolute;left:.8rem;top:.8rem;background:#fff;padding:.2rem .7rem;border-radius:6px;font:800 .8rem var(--fd)}.post small{display:block;margin-top:.9rem;color:var(--red);font-weight:700}.post h3{margin-top:.2rem;font-size:1.15rem;transition:color .3s}.post:hover h3{color:var(--red)}
.news{background:var(--red);color:#fff;border-radius:12px;padding:2.5rem clamp(1.5rem,5vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media(max-width:800px){.news{grid-template-columns:1fr}}.news .fl{display:flex;background:#fff;border-radius:var(--r);overflow:hidden}.news input{flex:1;min-width:0;border:0;padding:.95rem 1.2rem;font:inherit;outline:0;color:var(--ink)}.news .btn{border-radius:0}
/* footer */
footer{background:var(--ink);color:#b5b5bd;padding:4rem 0 1.5rem;margin-top:3rem}footer .logo{color:#fff}footer h4{color:#fff;font-size:1rem;margin-bottom:1rem}footer li{margin-bottom:.5rem}footer a{transition:color .3s,padding .3s}footer li a:hover{color:var(--yel);padding-left:.3rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem}@media(max-width:860px){.fg{grid-template-columns:1fr 1fr}}.pay{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.pay span{border:1px solid #3a3a42;border-radius:6px;padding:.2rem .7rem;font-size:.8rem;font-weight:700;color:#fff}.copy{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #2e2e35;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.88rem}
/* inner */
.ph{background:var(--gray);padding:2.4rem 0;border-bottom:1px solid var(--line)}.crumb{color:var(--mute);font-size:.9rem;margin-top:.5rem}.crumb a:hover{color:var(--red)}
.shop{display:grid;grid-template-columns:270px 1fr;gap:2rem;align-items:start}@media(max-width:900px){.shop{grid-template-columns:1fr}}.side{display:grid;gap:1.2rem}.wd{border:1px solid var(--line);border-radius:10px;padding:1.3rem}.wd h3{padding-bottom:.7rem;margin-bottom:.8rem;border-bottom:2px solid var(--ink)}.wd li{display:flex;justify-content:space-between;padding:.35rem 0}.wd li a:hover{color:var(--red)}.wd label{display:flex;gap:.6rem;align-items:center;padding:.25rem 0;cursor:pointer}.wd input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--red)}.wd input[type=range]{width:100%;accent-color:var(--red)}
.tool{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;padding:.8rem 1rem;background:var(--gray);border-radius:10px}.tool select{border:1px solid var(--line);border-radius:6px;padding:.5rem .8rem;font:inherit;background:#fff}
.pgn{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem}.pgn a{min-width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);font-weight:700;transition:background .3s,color .3s}.pgn a.on,.pgn a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:900px){.pd{grid-template-columns:1fr}}.gal{display:grid;grid-template-columns:84px 1fr;gap:.9rem}.gal .m{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--gray);order:2}.gal .m img{transition:transform .8s var(--ease)}.gal .m:hover img{transform:scale(1.1)}.gal .t{display:grid;gap:.7rem;align-content:start}.gal .t div{aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--line);transition:border-color .3s}.gal .t div:first-child,.gal .t div:hover{border-color:var(--red)}@media(max-width:560px){.gal{grid-template-columns:1fr}.gal .t{order:3;grid-template-columns:repeat(4,1fr)}}
.pi h1{font-size:clamp(1.8rem,3vw,2.5rem)}.pi .price ins{font-size:2rem}.pi .meta{display:grid;gap:.3rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--mute);font-size:.92rem}.pi .meta b{color:var(--ink)}.stock{color:var(--grn);font-weight:700;display:inline-flex;gap:.3rem;align-items:center}
.sw{display:flex;gap:.6rem;margin:.4rem 0 1.2rem}.sw i{width:2rem;height:2rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .3s}.sw i:hover,.sw i:first-child{box-shadow:0 0 0 2px var(--red)}
.qty{display:inline-flex;border:2px solid var(--ink);border-radius:var(--r);overflow:hidden}.qty button{width:2.8rem;border:0;background:var(--gray);font-weight:800;cursor:pointer;font-size:1.1rem}.qty input{width:3.2rem;text-align:center;border:0;font:700 1rem var(--fb);outline:0}.buy{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0}
.tb{margin-top:3.5rem}.tb>input{display:none}.tb .tl{display:flex;gap:.3rem;border-bottom:2px solid var(--line);overflow-x:auto}.tb label{padding:.9rem 1.5rem;font:700 1rem var(--fd);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;color:var(--mute);transition:color .3s}.tb .pn{display:none;padding:1.8rem 0}#t1:checked~.tl label[for=t1],#t2:checked~.tl label[for=t2],#t3:checked~.tl label[for=t3]{color:var(--red);border-color:var(--red)}#t1:checked~.p1,#t2:checked~.p2,#t3:checked~.p3{display:block}.pn p{color:var(--mute);margin-bottom:1rem;max-width:760px}.spec{width:100%;max-width:640px;border-collapse:collapse}.spec td{padding:.7rem 1rem;border-bottom:1px solid var(--line)}.spec td:first-child{font-weight:700;background:var(--gray);width:40%}.rvw{padding:1.2rem 0;border-bottom:1px solid var(--line)}.rvw b{margin-right:.6rem}
.tbl{border:1px solid var(--line);border-radius:10px;overflow:hidden}.row{display:grid;grid-template-columns:2.4fr 1fr 1.2fr 1fr .4fr;gap:1rem;align-items:center;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row.hd{background:var(--ink);color:#fff;font:700 .92rem var(--fd)}.prod{display:flex;gap:1rem;align-items:center}.prod img{width:76px;height:76px;border-radius:8px;flex:none}.rm{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:var(--mute);transition:background .3s,color .3s}.rm:hover{background:var(--red);color:#fff}@media(max-width:700px){.row{grid-template-columns:1fr 1fr}.row.hd{display:none}}
.two{display:grid;grid-template-columns:1.7fr 1fr;gap:2rem;align-items:start}@media(max-width:900px){.two{grid-template-columns:1fr}}.sum{border:2px solid var(--ink);border-radius:10px;padding:1.6rem}.sum li{display:flex;justify-content:space-between;padding:.5rem 0}.sum li.t{font:800 1.3rem var(--fd);border-top:2px solid var(--ink);margin-top:.5rem;padding-top:1rem}.ship{margin-bottom:1.4rem;padding:1rem 1.3rem;background:var(--gray);border-radius:10px}.ship .bar{height:8px;background:#fff;border-radius:99px;margin-top:.6rem;overflow:hidden}.ship .bar i{display:block;height:100%;width:76%;background:var(--red);border-radius:99px}
label.l{display:block;margin:0 0 .3rem;font-weight:700;font-size:.9rem}input.f,textarea,select.f{font:inherit;color:var(--ink);width:100%;padding:.8rem 1rem;border:1px solid #cfcfd4;border-radius:var(--r);background:#fff;outline:0;margin-bottom:1rem;transition:border-color .3s,box-shadow .3s}input.f:focus,textarea:focus,select.f:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(217,47,33,.15)}.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.fr{grid-template-columns:1fr}}.cp{display:flex;gap:.6rem;margin-top:1.2rem}.cp input{margin:0}.box{border:1px solid var(--line);border-radius:10px;padding:1.6rem;margin-bottom:1.4rem}.box h3{margin-bottom:1.2rem;font-size:1.25rem}.pm label{display:flex;gap:.8rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r);margin-bottom:.6rem;cursor:pointer;font-weight:600}.pm input{accent-color:var(--red)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.g2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.imf{aspect-ratio:4/3;border-radius:12px;overflow:hidden}.imf img{transition:transform 1.2s var(--ease)}.imf:hover img{transform:scale(1.06)}.stat{padding:1.6rem;text-align:center;border:1px solid var(--line);border-radius:10px}.stat b{display:block;font:900 2.4rem var(--fd);color:var(--red);line-height:1}.val{padding:1.6rem;border:1px solid var(--line);border-radius:10px;transition:transform .4s var(--ease),border-color .3s}.val:hover{transform:translateY(-6px);border-color:var(--red)}.val svg{width:2.2rem;height:2.2rem;color:var(--red);margin-bottom:.8rem}.val p{color:var(--mute);margin-top:.4rem}.tm .p{aspect-ratio:1;border-radius:10px;overflow:hidden;margin-bottom:.8rem}.tm img{transition:transform 1s var(--ease)}.tm:hover img{transform:scale(1.06)}.tm small{color:var(--mute)}
.art{max-width:none}.art h2{margin:2rem 0 .8rem}.art p{color:#3a3a42;margin-bottom:1.1rem}.art .cov{aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin:1.2rem 0 1.8rem}.art blockquote{border-left:4px solid var(--red);padding:.4rem 0 .4rem 1.4rem;margin:1.6rem 0;font:700 1.3rem/1.4 var(--fd)}.au{display:flex;gap:1rem;align-items:center;padding:1.4rem;background:var(--gray);border-radius:10px;margin:2.4rem 0}.au img{width:4rem;height:4rem;border-radius:50%;flex:none}.cm{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.cm img{width:3rem;height:3rem;border-radius:50%;flex:none}.cm small{color:var(--mute)}
.info{display:grid;gap:1.1rem}.info li{display:flex;gap:1rem;align-items:center}.info svg{width:3rem;height:3rem;padding:.8rem;border-radius:50%;background:var(--gray);color:var(--red)}.info small{display:block;color:var(--mute)}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal,.js .sc>*{opacity:1;transform:none}}