:root{--bg:#04050a;--card:#0a0b14;--bd:#2a1f5c;--tx:#e8e8f2;--mut:#9a9ab5;--ac:#20b7ee;--pr:#4f46e5;--pr2:#2563eb;--ok:#22c55e;--no:#ef4444;--ftr:#1b0f4d}
[data-theme=light]{--bg:#ffffff;--card:#fff;--bd:#cfcdf5;--tx:#171728;--mut:#5f5f78;--ftr:#1b0f4d}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 14px}.narrow{max-width:760px}.c{text-align:center}
.hdr{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--bd)}
.hdr-in{display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px}
.logo img{height:38px}.logo b{font-size:18px;letter-spacing:1px}
.search{flex:1;max-width:340px}.search input,.track input{width:100%;background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:8px 12px;font-size:13px}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.track{display:flex;gap:4px}.track input{width:90px}.track button,.btn-p,.btn-g,.btn-ghost{cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--pr),var(--pr2));display:inline-block}
.btn-g{background:transparent;border:1px solid var(--pr);color:var(--tx)}.btn-ghost{background:transparent;color:var(--tx)}
.btn-p:disabled,.btn-g:disabled{opacity:.5;cursor:not-allowed}.full{width:100%;padding:12px}
.ico{position:relative;background:none;border:0;color:var(--tx);font-size:18px;cursor:pointer;padding:4px 6px}
.cnt{position:absolute;top:-4px;right:-4px;background:var(--pr);color:#fff;font-style:normal;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.dd{position:relative}.dd-m{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:6px}
.dd:hover .dd-m{display:block}.dd-m a{display:block;padding:7px 10px;border-radius:6px}.dd-m a:hover{background:var(--bd)}
.slider{position:relative;margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid var(--bd);aspect-ratio:16/6;background:var(--card)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}.slide.on{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}
.dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#fff6}.dots i.on{background:#fff}
.sec{margin-top:34px}.ttl{color:var(--ac);text-align:center;font-size:20px;margin:0 0 6px}.ttl:after{content:" |"}.sub{color:var(--mut);margin:0 0 14px}
.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:10px}.cats a{width:78px}
.circ{display:block;width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--bd);margin:0 auto 6px;background:var(--card)}.circ img{width:100%;height:100%;object-fit:cover}
.cats em{font-style:normal;font-size:10px;color:var(--ac);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.more{margin:18px auto;display:inline-block}.offers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.offers img{border-radius:12px;border:1px solid var(--bd);width:100%}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pd-img>img{border-radius:12px;width:100%;border:1px solid var(--bd)}.thumbs{display:flex;gap:8px;margin-top:8px}.thumbs img{width:64px;height:80px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--bd)}
.pd h1{margin:0 0 6px;font-size:24px}.price.big b{font-size:24px}.sizes{display:flex;gap:8px;margin:12px 0}.sizes input{display:none}.sizes span{display:block;padding:6px 14px;border:1px solid var(--bd);border-radius:6px;cursor:pointer}.sizes input:checked+span{background:var(--pr);color:#fff;border-color:var(--pr)}
.qty{display:flex;margin:10px 0}.qty button,.qty input{width:38px;height:36px;text-align:center;background:var(--card);border:1px solid var(--bd);color:var(--tx)}.pd-btn{display:flex;gap:8px;flex-wrap:wrap}
.prose{margin-top:14px;color:var(--mut)}.prose h1,.prose h2,.prose h3{color:var(--tx)}
.frm label{display:block;margin-bottom:12px;color:var(--mut)}.frm input:not([type=checkbox]):not([type=radio]),.frm textarea,.frm select{display:block;width:100%;margin-top:4px;padding:10px;background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:8px;font:inherit}
.frm .ck{display:flex;gap:6px;align-items:center}.radios{display:flex;gap:18px;margin-bottom:12px;flex-wrap:wrap}.radios label{margin:0;color:var(--tx)}
.box{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:12px;margin:12px 0}.sum{display:flex;justify-content:space-between;gap:10px;padding:6px 0}
.err{background:#7f1d1d55;border:1px solid var(--no);border-radius:8px;padding:8px 12px;margin-bottom:12px}.pill{background:var(--pr);color:#fff;border-radius:12px;padding:2px 10px;font-size:12px}
.crow{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--bd)}.crow img{width:56px;height:70px;object-fit:cover;border-radius:6px}.crow .gr{flex:1}.crow small{display:block;color:var(--mut)}
.crow form{display:flex;gap:4px}.qn{width:60px;background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:6px;padding:6px}.x{background:none;border:0;color:var(--no);cursor:pointer;font-size:16px}
.oid{color:var(--ac);letter-spacing:2px}.pager{margin-top:18px;text-align:center}.pager svg{width:16px;display:inline}.pager nav>div:first-child{display:none}.pager a,.pager span{padding:4px 8px}
.ftr{margin-top:60px;background:linear-gradient(135deg,#1b0f4d,#0b0618 85%);color:#fff;border-top:1px solid #2a1f5c;padding-top:28px}
.ftr-in{display:grid;grid-template-columns:2fr 1fr 2fr;gap:24px}.ftr h4{margin:0 0 8px;color:var(--ac)}.ftr a{display:block;color:#d9d6ff;padding:2px 0}.ftr p{margin:4px 0;color:#d9d6ff}
.soc{display:flex;gap:8px;margin-top:8px}.soc a{width:28px;height:28px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0}.copy{text-align:center;color:#d9d6ff;padding:18px;font-size:12px;border-top:1px solid var(--bd);margin-top:20px}
.chat{position:fixed;right:16px;bottom:90px;width:44px;height:44px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:20px;z-index:60}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.3s;z-index:99}#toast.on{opacity:1}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.search{display:none}.track{display:none}}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.pd,.ftr-in,.offers{grid-template-columns:1fr}.slider{aspect-ratio:16/8}.hdr-in{flex-wrap:wrap}}
.ann{background:linear-gradient(90deg,var(--pr),var(--pr2));color:#fff;text-align:center;padding:6px 10px;font-size:13px}
.okmsg{background:#14532d55;border:1px solid var(--ok);border-radius:8px;padding:8px 12px;margin-top:12px}
.flt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-bottom:6px}.flt input,.flt select{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:8px;width:110px}.flt select{width:170px}.flt .ck{display:flex;gap:6px;align-items:center;color:var(--mut)}
.cpn{display:flex;gap:8px;align-items:center}.cpn input:not([type=hidden]){flex:1;background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:9px}
.paytl{margin:6px 0;color:var(--ac)}.tl{display:flex;justify-content:space-between;margin:20px 0}.tl div{flex:1;text-align:center;position:relative;color:var(--mut)}
.tl i{display:flex;width:30px;height:30px;border-radius:50%;background:var(--card);border:2px solid var(--bd);align-items:center;justify-content:center;margin:0 auto 4px;font-style:normal}.tl .on{color:var(--tx)}.tl .on i{background:var(--pr);border-color:var(--pr);color:#fff}

/* ================= PRODUCT CARD (v3) + HOVER EFFECTS ================= */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}}
@keyframes heart{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(32,183,238,.55)}100%{box-shadow:0 0 0 16px rgba(32,183,238,0)}}
@keyframes shine{to{transform:translateX(260%) skewX(-20deg)}}
.card{position:relative;overflow:hidden;background:linear-gradient(180deg,#08080f,#040407);border:1px solid #241f55;border-radius:18px;padding:10px;
 box-shadow:0 8px 24px rgba(79,70,229,.14);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;animation:fadeUp .6s backwards}
.grid .card:nth-child(4n+2){animation-delay:.07s}.grid .card:nth-child(4n+3){animation-delay:.14s}.grid .card:nth-child(4n+4){animation-delay:.21s}
[data-theme=light] .card{background:#fff;border-color:#ddd9f5}
.card:hover{transform:translateY(-8px);border-color:var(--ac);box-shadow:0 18px 38px rgba(34,193,238,.22),0 0 0 1px rgba(34,193,238,.4)}
.imgw{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#0f0f18}
.imgw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s}
.imgw .im2{opacity:0}.card:hover .imgw .im2{opacity:1}.card:hover .imgw img{transform:scale(1.09)}
.imgw:before{content:"";position:absolute;top:0;left:-60%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);z-index:2;pointer-events:none}
.card:hover .imgw:before{animation:shine .9s}
.imgw:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.4));opacity:0;transition:opacity .4s;pointer-events:none}.card:hover .imgw:after{opacity:1}
.badge{position:absolute;top:10px;left:10px;z-index:3;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;box-shadow:0 4px 10px rgba(34,197,94,.4);transition:transform .3s}.card:hover .badge{transform:scale(1.1)}.badge.s{position:static;display:inline-block;font-size:12px}
.wish{position:absolute;top:18px;right:18px;z-index:4;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:transform .25s,background .25s,color .25s}
.wish svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .25s}
.wish:hover{transform:scale(1.18);background:#f43f5e;color:#fff}.wish.on{color:#f43f5e}.wish.on svg{fill:#f43f5e}.wish.on:hover{background:#f43f5e;color:#fff}.wish.on:hover svg{fill:#fff}.wish.pop{animation:heart .45s}
.wish.inline{position:static;width:auto;height:auto;border-radius:8px;padding:9px 16px;background:transparent;border:1px solid var(--bd);color:var(--tx);box-shadow:none;display:inline-flex}.wish.inline:hover{background:#f43f5e;color:#fff;transform:translateY(-2px)}.wish.inline.on{color:#f43f5e}
.info{padding:12px 4px 4px}
.nm{display:block;color:var(--tx);font-weight:600;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s,letter-spacing .25s}.card:hover .nm{color:var(--ac)}
.mid{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:3px}.br{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stars{color:#e5e7eb;font-size:15px;letter-spacing:2px;white-space:nowrap;transition:color .3s,transform .3s;transform-origin:right}.stars i{font-style:normal;opacity:.28}.card:hover .stars{color:#facc15}
[data-theme=light] .stars{color:#f59e0b}
.btm{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:8px}
.st{font-size:14px;font-weight:700}.st.in{color:#22c55e}.st.out{color:#ef4444}
.price{display:flex;flex-direction:column;line-height:1.25;margin-top:2px}.price s{color:#ef4444;font-size:12px}.price b{font-size:19px;color:var(--tx)}.price.big{flex-direction:row;align-items:baseline;gap:10px}.price.big s{font-size:15px}
.acts{display:flex;gap:10px;flex-shrink:0}
.acts button{position:relative;width:46px;height:46px;border-radius:50%;background:transparent;border:2px solid #0ea5c9;color:var(--ac);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .25s,background .25s,color .25s,box-shadow .25s}
.acts button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.acts .buy .bd{fill:currentColor}.acts .buy .hd{stroke:#050508;fill:none}.acts .buy:hover .hd{stroke:var(--ac)}
.acts button:hover:not(:disabled){background:var(--ac);color:#04141a;transform:translateY(-4px) scale(1.1);box-shadow:0 10px 22px rgba(34,193,238,.5)}.acts button:hover:not(:disabled) svg{transform:rotate(-8deg) scale(1.08)}
.acts button:active:not(:disabled){transform:scale(.9)}.acts button:disabled{opacity:.3;cursor:not-allowed}.acts button.ok{animation:pulse .7s}
.acts button[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ac);color:#04141a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none}
.cnt.bump{animation:bump .45s}

/* other hovers */
.ico{transition:transform .25s,color .25s}.ico:hover{transform:scale(1.18);color:var(--ac)}
.logo{transition:transform .3s}.logo:hover{transform:scale(1.05)}
.btn-p,.btn-g,.btn-ghost{transition:transform .25s,box-shadow .25s,background .25s,color .25s,filter .25s}.btn-p:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(79,70,229,.5);filter:brightness(1.1)}.btn-g:hover{background:var(--pr);color:#fff;transform:translateY(-3px)}.btn-ghost:hover{color:var(--ac)}
.btn-p:active,.btn-g:active{transform:scale(.96)}
.search input,.track input{transition:border-color .25s,box-shadow .25s}.search input:focus,.track input:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(34,193,238,.2)}
.dd-m{opacity:0;transform:translateY(8px);display:block;visibility:hidden;transition:.25s}.dd:hover .dd-m{opacity:1;transform:none;visibility:visible}.dd-m a{transition:padding .2s,background .2s,color .2s}.dd-m a:hover{padding-left:16px;color:var(--ac)}
.cats a{transition:transform .3s}.circ{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.circ img{transition:transform .6s}
.cats a:hover .circ{transform:translateY(-6px) scale(1.1);border-color:var(--ac);box-shadow:0 0 0 4px rgba(34,193,238,.18),0 12px 26px rgba(34,193,238,.3)}.cats a:hover .circ img{transform:scale(1.15)}.cats em{transition:color .25s}.cats a:hover em{color:var(--tx)}
.offers a{display:block;overflow:hidden;border-radius:12px;transition:transform .35s,box-shadow .35s}.offers img{transition:transform .7s}.offers a:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(34,193,238,.22)}.offers a:hover img{transform:scale(1.06)}
.slider{transition:box-shadow .3s}.slider:hover{box-shadow:0 12px 34px rgba(79,70,229,.3)}.dots i{transition:.3s;cursor:pointer}.dots i:hover{transform:scale(1.5)}.dots i.on{width:22px;border-radius:5px}
.ftr a{transition:color .2s,transform .2s}.ftr a:hover{color:var(--ac);transform:translateX(5px)}.soc a{transition:transform .25s,background .25s}.soc a:hover{background:var(--ac);transform:translateY(-4px) rotate(-6deg)}
.chat{transition:transform .25s;animation:pulse 2s infinite}.chat:hover{transform:scale(1.15) rotate(-8deg)}
.crow{transition:background .2s}.crow:hover{background:rgba(79,70,229,.07)}.sizes span{transition:.2s}.sizes label:hover span{border-color:var(--ac);transform:translateY(-2px)}
.thumbs img{transition:transform .25s,border-color .25s}.thumbs img:hover{transform:translateY(-3px);border-color:var(--ac)}.pd-img>img{transition:transform .4s}.pd-img:hover>img{transform:scale(1.01)}
@media(max-width:640px){.nm{font-size:14px}.price b{font-size:16px}.acts{gap:6px}.acts button{width:36px;height:36px}.acts button svg{width:18px;height:18px}.stars{font-size:11px;letter-spacing:0}.wish{width:32px;height:32px;top:14px;right:14px}.wish svg{width:17px;height:17px}.br{font-size:11px}.st{font-size:12px}.card{padding:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============ PRODUCT PAGE (matches original) ============ */
.search{position:relative}.search .sico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--mut);font-size:16px}.search input{padding-left:32px;border-radius:8px}
.track button{background:var(--ac);color:#fff}
.pdp{padding-top:22px}.pdp-top{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:start}
.pdp-main{border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--bd);aspect-ratio:1/1.0}.pdp-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.pdp-main:hover img{transform:scale(1.04)}
.pdp-thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.tb{width:70px;height:78px;padding:0;border:2px solid var(--bd);border-radius:8px;overflow:hidden;background:var(--card);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.tb img{width:100%;height:100%;object-fit:cover}.tb:hover{transform:translateY(-3px);border-color:var(--ac)}.tb.on{border-color:var(--ac);box-shadow:0 0 0 3px rgba(32,183,238,.25)}
.pdp-info h1{margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.25}.pcode{font-weight:700;margin-bottom:18px}
.spec{margin:0 0 18px;padding:0 16px 10px;border:0}.spec h4{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--bd);font-size:17px}.spec ul{margin:0;padding-left:20px;color:var(--mut)}.spec li{margin:7px 0;font-size:13px}
.brrow{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px;font-size:13px}.rate{display:flex;align-items:center;gap:8px}.gold{color:#f5b301;font-size:19px;letter-spacing:3px}.rate small{color:var(--mut);font-size:12px}
.pprice{display:flex;align-items:baseline;gap:12px;margin:8px 0}.pprice .now{color:var(--ac);font-size:21px;font-weight:700}.pprice s{color:#8b8ba0;font-size:19px;font-weight:700}
.pstock{font-size:14px;font-weight:600;margin:10px 0 18px}.pstock.in{color:#16a34a}.pstock.out{color:#ef4444}
.opt{margin-bottom:16px}.opt label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.cname{font-weight:700;font-size:13px;margin-bottom:8px}
.cl{display:flex;gap:10px;flex-wrap:wrap}.csw{width:38px;height:38px;border-radius:50%;border:2px solid var(--bd);background:var(--c,#fff);cursor:pointer;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.csw:hover{transform:scale(1.12)}.csw.on{border-color:var(--ac);box-shadow:0 0 0 3px rgba(32,183,238,.3),inset 0 0 0 3px var(--card)}
.sl{display:flex;gap:10px;flex-wrap:wrap}.sz{min-width:34px;height:34px;padding:0 8px;border:1.5px solid var(--tx);background:transparent;color:var(--tx);border-radius:5px;cursor:pointer;font-size:12px;transition:transform .2s,background .2s,color .2s,border-color .2s}
.sz:hover{transform:translateY(-3px);border-color:var(--ac);color:var(--ac)}.sz.on{background:var(--ac);border-color:var(--ac);color:#fff}
.buyrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.qtyb{display:flex;align-items:center;border:2px solid var(--ac);border-radius:8px;background:rgba(32,183,238,.08);overflow:hidden}.qtyb button{width:42px;height:42px;background:transparent;border:0;color:var(--tx);font-size:17px;cursor:pointer;transition:background .2s}.qtyb button:hover{background:var(--ac);color:#fff}.qtyb input{width:46px;height:42px;text-align:center;background:transparent;border:0;color:var(--tx);font-size:15px}
.b-add,.b-buy{border:0;border-radius:8px;height:46px;padding:0 24px;color:#fff;font-size:14px;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s}
.b-add{background:var(--ac)}.b-buy{background:#16c75a}.b-add:hover,.b-buy:hover{transform:translateY(-3px);filter:brightness(1.08)}.b-add:hover{box-shadow:0 10px 22px rgba(32,183,238,.45)}.b-buy:hover{box-shadow:0 10px 22px rgba(22,199,90,.45)}
.b-add:active,.b-buy:active{transform:scale(.96)}.b-add:disabled,.b-buy:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.ptabs{display:flex;gap:26px;justify-content:center;border-bottom:1px solid var(--bd);margin:44px 0 0}.ptabs button{background:none;border:0;padding:12px 4px;color:var(--mut);font-size:14px;cursor:pointer;position:relative;transition:color .2s}
.ptabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ac);transform:scaleX(0);transition:transform .3s}.ptabs button:hover{color:var(--ac)}.ptabs button.on{color:var(--ac);font-weight:600}.ptabs button.on:after{transform:scaleX(1)}
.tpane{display:none;padding:26px 0 6px;max-width:900px;margin:0 auto}.tpane.on{display:block;animation:fadeUp .4s}
.vtitle{text-align:center;font-size:20px;margin:36px 0 18px}.vid{max-width:640px;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 10px 32px rgba(79,70,229,.3);border:1px solid var(--bd)}.vid iframe{width:100%;height:100%;border:0}
.ymal{font-size:24px;margin:50px 0 18px}.mgrid{margin-top:0}
.mini{display:block;background:var(--card);border:1.5px solid rgba(99,102,241,.5);border-radius:12px;padding:8px;transition:transform .3s,box-shadow .3s,border-color .3s;animation:fadeUp .5s backwards}
.mini:hover{transform:translateY(-6px);border-color:var(--ac);box-shadow:0 14px 30px rgba(32,183,238,.22)}.mini .imgw{border-radius:8px}.mini:hover .imgw img{transform:scale(1.08)}
.mi{padding:8px 4px 2px}.mn{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.mini:hover .mn{color:var(--ac)}.mini .st{font-size:12px;margin:2px 0}.mp{display:flex;gap:8px;align-items:baseline}.mp s{color:#ef4444;font-size:12px}.mp b{font-size:14px}
@media(max-width:900px){.pdp-top{grid-template-columns:1fr}.pdp-info h1{font-size:22px}}

/* ================= INNER PAGES (v6) ================= */
.crumb{font-size:13px;color:var(--mut);padding:16px 0 4px}.crumb a{color:var(--mut);transition:color .2s}.crumb a:hover{color:var(--ac)}.crumb i{font-style:normal;margin:0 7px;opacity:.6}.crumb span{color:var(--tx)}
.ph{font-size:28px;margin:8px 0 18px;display:flex;align-items:baseline;gap:10px}.ph small{font-size:14px;color:var(--mut);font-weight:400}
.phead{border-radius:18px;padding:30px 20px;margin:14px 0 20px;background:linear-gradient(120deg,rgba(79,70,229,.28),rgba(32,183,238,.14));border:1px solid var(--bd);text-align:center;position:relative;overflow:hidden}
.phead:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(32,183,238,.15);right:-60px;top:-120px;filter:blur(30px)}
.phead h1{margin:0 0 6px;font-size:30px;position:relative}.phead p{margin:0;color:var(--mut);position:relative}
.cardp{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;box-shadow:0 8px 26px rgba(79,70,229,.08)}
.empty{text-align:center;padding:50px 16px;background:var(--card);border:1px dashed var(--bd);border-radius:18px;margin:10px 0}.empty.sm{padding:24px 10px;border:0;background:none}.empty h3{margin:8px 0 4px;font-size:22px}.empty p{color:var(--mut);margin:0 0 16px}
.eico{font-size:56px;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}
.e404{font-size:110px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--pr),var(--ac));-webkit-background-clip:text;background-clip:text;color:transparent}.s404{display:flex;gap:8px;max-width:420px;margin:0 auto 14px}.s404 input{flex:1;background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:10px}
.flt.cardp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:6px;padding:14px}.clr-f{color:var(--ac);font-size:13px}
.pgr{display:flex;gap:6px;justify-content:center;margin:26px 0}.pgr a,.pgr span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--bd);background:var(--card);transition:.2s}.pgr a:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-2px)}.pgr .cur{background:linear-gradient(135deg,var(--pr),var(--ac));color:#fff;border-color:transparent}.pgr .dis{opacity:.4}
/* cart + checkout */
.cart2{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:start}
.ci{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:14px;background:var(--card);border:1px solid var(--bd);border-radius:14px;margin-bottom:12px;transition:border-color .25s,box-shadow .25s,transform .25s;animation:fadeUp .4s backwards}
.ci:hover{border-color:var(--ac);box-shadow:0 10px 26px rgba(32,183,238,.14);transform:translateY(-2px)}.cimg{width:96px;height:120px;border-radius:10px;overflow:hidden;background:#111}.cimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ci:hover .cimg img{transform:scale(1.08)}
.cn{font-weight:600;font-size:16px;display:block;transition:color .2s}.cn:hover{color:var(--ac)}.meta{display:flex;gap:14px;color:var(--mut);font-size:13px;margin:3px 0}.meta b{color:var(--tx)}.cp{font-weight:700;margin:2px 0 8px}
.cact{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cact form{margin:0}.qf{display:flex;align-items:center;border:1.5px solid var(--bd);border-radius:10px;overflow:hidden}.qf button{width:34px;height:34px;background:transparent;border:0;color:var(--tx);cursor:pointer;font-size:16px;transition:.2s}.qf button:hover{background:var(--ac);color:#fff}.qf span{min-width:34px;text-align:center;font-weight:600}
.rm{background:none;border:0;color:#ef4444;cursor:pointer;font-size:13px;transition:transform .2s}.rm:hover{transform:scale(1.06);text-decoration:underline}.ct{font-weight:700;font-size:17px;white-space:nowrap}.back{display:inline-block;margin-top:6px;color:var(--ac)}.back:hover{text-decoration:underline}
.sumbox{position:sticky;top:84px}.sumbox h3{margin:0 0 14px;font-size:18px}.sumbox .sum{padding:8px 0;border-bottom:1px dashed var(--bd)}.sumbox .sum.tot{border:0;font-size:19px;padding-top:12px}.sumbox .disc b,.sumbox .disc{color:#16a34a}
.sumbox .btn-p.full{margin-top:12px;text-align:center;display:block}.trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;padding:0;margin:14px 0 0;color:var(--mut);font-size:12px}
.cpn{display:flex;gap:8px;align-items:center;margin-bottom:10px}.cpn input:not([type=hidden]){flex:1;min-width:0;background:var(--bg);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:10px}.cok{flex:1;color:#16a34a}
.stp{margin-bottom:16px}.stp h3{margin:0 0 14px;display:flex;align-items:center;gap:10px;font-size:17px}.stp h3 i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--ac));color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:14px}
.g2f{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.g2f .w2{grid-column:1/-1}.frm.cart2 label{margin-bottom:12px}
.ocs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.oc{display:block;margin:0!important;cursor:pointer}.oc input{position:absolute;opacity:0;pointer-events:none}
.ob{display:block;border:2px solid var(--bd);border-radius:12px;padding:14px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.ob b{display:block;color:var(--tx)}.ob small{color:var(--mut)}
.oc:hover .ob{transform:translateY(-3px);border-color:var(--ac)}.oc input:checked+.ob{border-color:var(--ac);background:rgba(32,183,238,.1);box-shadow:0 0 0 3px rgba(32,183,238,.18)}.oc.bk input:checked+.ob{border-color:#e2136e;background:rgba(226,19,110,.1);box-shadow:0 0 0 3px rgba(226,19,110,.18)}.oc.ng input:checked+.ob{border-color:#f6921e;background:rgba(246,146,30,.1);box-shadow:0 0 0 3px rgba(246,146,30,.18)}
.paybox{margin-top:14px;padding:14px;border-radius:12px;background:var(--bg);border:1px dashed var(--ac)}.mini-items{max-height:260px;overflow:auto;margin-bottom:8px}.mi2{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--bd)}.mi2 img{width:52px;height:64px;object-fit:cover;border-radius:8px}.mi2 b{display:block;font-size:13px}.mi2 small{color:var(--mut)}.mi2 span{font-weight:600;font-size:13px}
/* success + track */
.okc{padding:34px 22px;margin-top:22px}.chkc svg{width:84px;height:84px}.chkc circle{fill:none;stroke:#22c55e;stroke-width:3;stroke-dasharray:152;stroke-dashoffset:152;animation:draw .8s forwards}.chkc path{fill:none;stroke:#22c55e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:draw .5s .6s forwards}@keyframes draw{to{stroke-dashoffset:0}}
.oidbox{background:linear-gradient(135deg,rgba(79,70,229,.18),rgba(32,183,238,.12));border:1px dashed var(--ac);border-radius:14px;padding:14px;margin:18px auto;max-width:420px}.oidbox h2{margin:4px 0;color:var(--ac);letter-spacing:2px}.oidbox small{color:var(--mut)}
.trk{display:flex;gap:10px}.trk input{flex:1;background:var(--bg);border:1px solid var(--bd);color:var(--tx);border-radius:10px;padding:12px;font-size:15px}.hr{border:0;border-top:1px dashed var(--bd);margin:10px 0}
.tl2{display:flex;justify-content:space-between;margin:6px 0 22px;position:relative}.tl2:before{content:"";position:absolute;top:22px;left:12%;right:12%;height:3px;background:var(--bd)}.tl2 div{position:relative;flex:1;text-align:center;color:var(--mut);font-size:12px}.tl2 i{display:flex;width:46px;height:46px;border-radius:50%;background:var(--card);border:3px solid var(--bd);align-items:center;justify-content:center;margin:0 auto 6px;font-style:normal;font-size:20px;filter:grayscale(1);transition:.3s}.tl2 .on{color:var(--tx);font-weight:600}.tl2 .on i{border-color:var(--ac);filter:none;background:rgba(32,183,238,.15);box-shadow:0 0 0 4px rgba(32,183,238,.15)}
/* auth + account + contact */
.auth{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:34px auto;border-radius:20px;overflow:hidden;border:1px solid var(--bd);box-shadow:0 18px 50px rgba(79,70,229,.18)}
.auth .aside{padding:40px 32px;background:linear-gradient(145deg,#1b0f4d,#4f46e5 70%,#20b7ee);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth .aside h2{margin:0 0 8px;font-size:28px}.auth .aside p{color:#e0defe}.auth .aside ul{list-style:none;padding:0;margin:18px 0 0;line-height:2}
.auth .cardp{border:0;border-radius:0;box-shadow:none;padding:34px 30px}.auth .frm label{margin-bottom:14px}
.acc{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.accp{text-align:center}.av{width:78px;height:78px;border-radius:50%;margin:0 auto 10px;background:linear-gradient(135deg,var(--pr),var(--ac));color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center}.accp h3{margin:0}
.ord{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--bd);border-radius:12px;margin-bottom:10px;transition:.25s}.ord:hover{border-color:var(--ac);transform:translateX(4px);box-shadow:0 6px 18px rgba(32,183,238,.12)}.ord small{display:block}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.cinfo2{display:grid;gap:12px}.cardp.ic{display:flex;gap:14px;align-items:center}.cardp.ic>span{font-size:26px;width:52px;height:52px;border-radius:14px;background:rgba(32,183,238,.12);display:flex;align-items:center;justify-content:center}.cardp.ic p{margin:2px 0 0;color:var(--mut)}
.doc{max-width:880px;margin:0 auto;padding:26px 30px;line-height:1.8}.doc h2,.doc h3{color:var(--tx)}
@media(max-width:900px){.cart2,.cgrid,.acc{grid-template-columns:1fr}.sumbox{position:static}.auth{grid-template-columns:1fr}.auth .aside{padding:24px}}
@media(max-width:600px){.ci{grid-template-columns:76px 1fr}.ct{grid-column:2}.cimg{width:76px;height:96px}.g2f{grid-template-columns:1fr}.trk{flex-direction:column}.tl2 i{width:38px;height:38px;font-size:16px}.tl2:before{top:18px}}

/* ================= PREMIUM HEADINGS + CATEGORY MENU (v7) ================= */
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes glowline{0%{width:0}100%{width:84px}}
.ttl{font-size:clamp(22px,3.2vw,32px);font-weight:700;letter-spacing:.3px;min-height:1.35em;margin:0 0 8px;text-shadow:0 0 28px rgba(32,183,238,.35)}
.ttl:after{content:"";display:inline-block;width:3px;height:.95em;background:var(--ac);margin-left:9px;vertical-align:-.12em;border-radius:2px;box-shadow:0 0 10px var(--ac);animation:blink 1s steps(1) infinite}
.sec>.ttl+.sub,.sec.c>.ttl+.sub{animation:fadeUp .8s .2s backwards}
[data-theme=light] .ttl{text-shadow:none}
.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 44px;margin-top:26px;padding:8px 0}
.cats a{width:136px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeUp .7s backwards;animation-delay:calc(var(--i,0)*.08s);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.circ{position:relative;display:block;width:128px;height:128px;border-radius:50%;padding:6px;margin:0;border:0;background:none;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.circ:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#4f46e5,var(--ac),#a855f7,#4f46e5);opacity:.85;transition:opacity .3s}
.circ img,.circ .ph0{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg);background:var(--card);transition:transform .6s}
.circ .ph0{font-size:40px;font-weight:700;color:var(--ac)}
.cats a:hover{transform:translateY(-10px)}.cats a:hover .circ{transform:scale(1.08);box-shadow:0 0 0 7px rgba(32,183,238,.14),0 20px 40px rgba(32,183,238,.35)}
.cats a:hover .circ:before{opacity:1;animation:spin 3s linear infinite}.cats a:hover .circ img{transform:scale(1.1)}
.cats em{position:relative;font-style:normal;font-size:14px;font-weight:700;letter-spacing:1.2px;color:var(--ac);text-align:center;line-height:1.4;transition:color .25s,letter-spacing .25s}
.cats em:after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:2px;background:var(--ac);transform:translateX(-50%);transition:width .3s}
.cats a:hover em{color:var(--tx);letter-spacing:1.8px}.cats a:hover em:after{width:60%}
@media(max-width:900px){.cats{gap:26px 26px}.cats a{width:112px}.circ{width:106px;height:106px}}
@media(max-width:640px){.cats{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding:10px 12px 18px;gap:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats a{flex:0 0 96px;width:96px;scroll-snap-align:center}.circ{width:92px;height:92px}.cats em{font-size:11px;letter-spacing:.6px}}