:root{--bg:#fff;--panel:#fff;--panel2:#f9fafb;--text:#0b0b0f;--muted:#6b7280;--border:rgba(17,24,39,.14);--accent:#8B5CF6;--accent2:#6D28D9;--headerBg:#000;--headerText:#fff}
*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
video{max-width:100%;height:auto;display:block}
.container{display:block;float:none;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
@media (min-width: 1320px){.container{max-width:1320px}}
.topbar{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}
.header{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logoMark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.18))}
.logoText{font-weight:950;letter-spacing:.6px;color:#fff;text-transform:uppercase}
.logoImg{height:clamp(26px,3vw,38px);max-width:240px;object-fit:contain}
.headerActions{display:flex;gap:10px;align-items:center}
.headerMain{gap:18px;position:relative;z-index:2}
.headerCats{display:flex;gap:12px;align-items:center;justify-content:center;flex:1;overflow:auto;scrollbar-width:none}
.headerCats::-webkit-scrollbar{display:none}
.headerCats a{display:inline-flex;align-items:center;justify-content:center;padding:10px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);color:#fff;white-space:nowrap;font-weight:750}
.headerCats a:hover{border-color:rgba(255,255,255,.26);box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.headerMain > *{min-width:0}
.headerSearchRow{padding:0 0 14px 0;position:relative;z-index:1}
.pill,.cartBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--text)}
.pill:hover,.cartBtn:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
.topbar .pill,.topbar .cartBtn,.topbar .userBtn{background:rgba(255,255,255,.03);color:#fff;border-color:rgba(255,255,255,.12)}
.topbar .pill:hover,.topbar .cartBtn:hover,.topbar .userBtn:hover{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.pillIcon{display:inline-flex;align-items:center;gap:10px}
.countBadge{min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:12px;font-weight:900;padding:0 6px}

input.pill, select.pill, textarea.pill{display:block;min-height:42px;justify-content:flex-start;background:#fff;color:var(--text);outline:none}
input.pill::placeholder, textarea.pill::placeholder{color:rgba(107,114,128,.85)}
select.pill{cursor:pointer}
 
 .userMenu{position:relative;z-index:76}
 .userBtn{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}
 .userBtn:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .userDropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:75;min-width:200px;border-radius:16px;border:1px solid var(--border);background:rgba(13,13,16,.96);box-shadow:0 18px 48px rgba(0,0,0,.45);overflow:hidden}
 .userDropdown a{display:block;padding:12px 12px;color:#fff}
 .userDropdown a:hover{background:rgba(255,255,255,.06)}
 .userMenu:hover .userDropdown{display:block}
 .userMenu.isOpen .userDropdown{display:block}
 
 .subbar{background:rgba(0,0,0,.92);border-bottom:1px solid rgba(255,255,255,.12)}
 .searchRow{padding:14px 0 0 0}
 .searchRow .search{max-width:860px;margin:0 auto}
 .homeSearch{display:flex;gap:10px;padding:14px 0}
 .homeSearch input{flex:1;padding:14px 14px;border-radius:16px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}
 .homeSearch input::placeholder{color:rgba(107,114,128,.85)}
 .homeSearch button{padding:14px 18px;border-radius:16px;border:1px solid rgba(17,24,39,.22);background:#111827;color:#fff;font-weight:900;cursor:pointer}
 
 .catTabs{display:flex;gap:10px;align-items:center;padding:0 0 14px 0;overflow:auto;scrollbar-width:none}
 .catTabs::-webkit-scrollbar{display:none}
 .catTab{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff;white-space:nowrap;font-weight:750}
 .catTab:after{content:'';position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:999px;background:rgba(255,255,255,0);transition:background .18s ease,box-shadow .18s ease}
 .catTab:hover{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.06)}
 .catTab:hover:after{background:rgba(255,255,255,.62);box-shadow:0 0 18px rgba(255,255,255,.18)}
 .tabIcon{width:18px;height:18px;border-radius:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}

 .search{display:flex;gap:10px;flex:1;max-width:760px}
 .search input{flex:1;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}
 .search input::placeholder{color:rgba(107,114,128,.85)}
 .search button{padding:12px 14px;border-radius:16px;border:1px solid rgba(17,24,39,.22);background:#111827;color:#fff;font-weight:900;cursor:pointer}
 
 .headerSearch{display:flex;gap:10px;flex:1;max-width:760px}
 .headerSearch input{flex:1;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;outline:none}
 .headerSearch input::placeholder{color:rgba(199,199,209,.78)}
 .headerSearch button{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;font-weight:900;cursor:pointer}
 .headerSearchWide{max-width:100%}
 .headerSearchWide input{padding:14px 16px;border-radius:999px;border-color:rgba(17,24,39,.16);background:#fff;color:var(--text)}
 .headerSearchWide input::placeholder{color:rgba(107,114,128,.90)}
 .headerSearchWide button{padding:14px 18px;border-radius:999px;border-color:rgba(17,24,39,.16);background:#111827;color:#fff}
 
 .nav{display:flex;gap:10px;align-items:center;padding:10px 0 14px 0;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.12)}
 .nav::-webkit-scrollbar{display:none}
 .nav a{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff;white-space:nowrap}
 .nav a:hover{border-color:rgba(255,255,255,.28)}
 .catIcon{width:18px;height:18px;border-radius:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}

 .slider{position:relative;width:100%;overflow:hidden;background:#fff;border-bottom:1px solid var(--border)}
 .sliderTrack{position:relative;height:460px;min-height:380px;max-height:520px}
 .slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease}
 .slide.isActive{opacity:1}
 .slide img{width:100%;height:100%;object-fit:cover}
 .sliderArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
 .sliderArrow:hover{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
 .sliderPrev{left:18px}
 .sliderNext{right:18px}

 .promoRow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
 .promoBanner{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel);display:block}
 .promoBanner img{width:100%;height:clamp(120px,18vw,170px);object-fit:cover}

 .hero{display:grid;gap:14px;grid-template-columns:1fr}
 .hero > *{min-width:0}

 .sideCard{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px;margin-top:14px}
 .badges{display:flex;gap:10px;flex-wrap:wrap}

 .homeCats{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:16px 0}
 .homeCats::-webkit-scrollbar{display:none}
 .homeCat{width:92px;display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
 .homeCatImg{width:64px;height:64px;border-radius:999px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
 .homeCatImg img{width:100%;height:100%;object-fit:cover}
 .homeCatText{font-size:12px;line-height:1.2;color:var(--text);text-align:center;font-weight:650}
 
 .section{margin:22px 0}
 .sectionTitleRow{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}
 .sectionTitle{font-size:18px;font-weight:950;letter-spacing:.4px;color:var(--text);overflow-wrap:anywhere}
 .sectionSub{color:var(--muted);font-size:13px}
 .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
 .grid > *{min-width:0}

 .catalogLayout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
 .catalogLayout > *{min-width:0}
 .sidebarCard{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px;position:sticky;top:132px}
 .sidebarTitle{font-size:14px;font-weight:950;letter-spacing:.3px}
 .filterGroup{margin-top:12px}
 .filterGroup .small{display:block;margin-bottom:6px}
 .sortRow{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:6px 0 12px 0}
 .sortRow .pill{min-height:42px}

 @media (min-width: 981px){.catalogLayout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.catalogLayout .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

 .accountLayout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}
 .accountLayout > *{min-width:0}
 .accountSidebar{position:sticky;top:132px}
 .accountProfile{display:flex;gap:12px;align-items:center}
 .accountAvatar{width:44px;height:44px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(17,24,39,.04));display:flex;align-items:center;justify-content:center;font-weight:950;line-height:1;flex:0 0 auto}
 .accountName{font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 .accountNav{margin-top:12px;display:flex;flex-direction:column;gap:8px}
 .accountNav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);font-weight:850}
 .accountNav a:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .accountNav a.isActive{background:#000;color:#fff;border-color:#000}
 .accountTiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
 .accountTile{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--panel);font-weight:850}
 .accountTile:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 
 .accountHero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
 .accountHeroTitle{font-weight:950;font-size:20px;letter-spacing:.2px}
 .accountHeroMeta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
 .accountHeroRight{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
 
 .accountKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
 .accountKpi{border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,rgba(17,24,39,.03),rgba(139,92,246,.08));padding:12px}
 .accountKpiLabel{color:var(--muted);font-size:12px;font-weight:850}
 .accountKpiVal{margin-top:6px;font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 
 .accountActionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
 .accountAction{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--panel);font-weight:850;min-width:0}
 .accountAction:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .accountActionIcon{width:40px;height:40px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(17,24,39,.04));display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}
 .accountActionIcon svg{width:20px;height:20px;stroke:rgba(17,24,39,.92);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .accountActionTitle{font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 
 .accountOrders{display:grid;gap:10px}
 .accountOrderCard{border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}
 .accountOrderTop{display:flex;gap:12px;align-items:flex-start;padding:12px}
 .accountOrderMedia{width:72px;height:72px;border-radius:16px;border:1px solid rgba(17,24,39,.12);background:var(--panel2);overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
 .accountOrderImg{width:72px;height:72px;object-fit:contain}
 .accountOrderImgPh{width:72px;height:72px;background:linear-gradient(135deg,rgba(17,24,39,.06),rgba(139,92,246,.10))}
 .accountOrderBody{flex:1;min-width:0}
 .accountOrderRow{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
 .accountOrderTitle{display:flex;flex-direction:column;gap:8px;min-width:0}
 .accountOrderAmount{font-weight:950;white-space:nowrap}
 .accountOrderMeta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
 
 .trackBar{height:10px;border-radius:999px;background:rgba(17,24,39,.08);overflow:hidden;border:1px solid rgba(17,24,39,.10)}
 .trackBarFill{height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2))}
 .trackSteps{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted);gap:8px}
 .trackStep{flex:1;text-align:center;border-radius:999px;padding:3px 6px;background:rgba(17,24,39,.03);border:1px solid rgba(17,24,39,.06);font-weight:850;white-space:nowrap}
 .trackStep.isDone{background:rgba(139,92,246,.10);border-color:rgba(139,92,246,.18);color:rgba(17,24,39,.92)}
 
 .accountMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
 .accountMini{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:12px}
 .accountMiniLabel{color:var(--muted);font-size:12px;font-weight:850}
 .accountMiniVal{margin-top:6px;font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 
 @media (max-width: 980px){.accountKpis{grid-template-columns:repeat(2,1fr)}.accountActionGrid{grid-template-columns:repeat(2,1fr)}}
 @media (max-width: 540px){.accountHero{flex-direction:column}.accountHeroRight{justify-content:flex-start}.accountActionGrid{grid-template-columns:1fr}.accountOrderTop{flex-direction:column}.accountOrderMedia{width:100%;height:160px}.accountOrderImg,.accountOrderImgPh{width:100%;height:160px}}
 @media (max-width: 980px){.accountLayout{grid-template-columns:1fr}.accountSidebar{position:relative;top:auto}}
 @media (max-width: 540px){.accountTiles{grid-template-columns:1fr}}
 
 .galleryMain{height:clamp(280px,45vw,420px);background:var(--panel2);border-radius:18px;overflow:hidden;border:1px solid var(--border)}
 .galleryMain img{width:100%;height:100%;object-fit:contain}
 .thumbRow{display:flex;gap:10px;overflow:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}
 .thumbRow::-webkit-scrollbar{display:none}
 .thumbBtn{border:1px solid var(--border);background:var(--panel);border-radius:14px;overflow:hidden;cursor:pointer;min-width:86px;width:86px;height:64px;display:flex;align-items:center;justify-content:center}
 .thumbBtn img{width:100%;height:100%;object-fit:cover}
 .thumbBtn.isActive{border-color:rgba(17,24,39,.32);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
 .metaRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}

 .productPage{margin-top:12px}
 .productTop{display:grid;gap:16px;grid-template-columns:1fr}
 .productTop > *{min-width:0}
 .productGallery{position:relative}
 .productBuyBox{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px}
 .productTitle{font-size:20px;font-weight:950;letter-spacing:.2px;line-height:1.25;overflow-wrap:anywhere}
 .productSubRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
 .productPriceRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:12px}
 .productPrice{font-size:26px;font-weight:950;color:var(--text)}
 .productActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
 .productActions .btn{flex:1 1 160px}
 .productHighlights{margin-top:16px;border-top:1px solid rgba(17,24,39,.10);padding-top:14px}
 .productHighlightsTitle{font-weight:950;letter-spacing:.2px}
 .productHighlightsText{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}

 .productTabs{margin-top:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}
 .tabBar{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid rgba(17,24,39,.10);background:linear-gradient(135deg,rgba(17,24,39,.03),rgba(17,24,39,.01));overflow:auto;scrollbar-width:none}
 .tabBar::-webkit-scrollbar{display:none}
 .tabBtn{border:1px solid rgba(17,24,39,.12);background:rgba(255,255,255,.55);color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:900;white-space:nowrap}
 .tabBtn:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .tabBtn.isActive{background:var(--accent);border-color:transparent;color:#fff}
 .tabPanel{display:none;padding:14px}
 .tabPanel.isActive{display:block}
 .specList{margin-top:10px}
 .specRow{display:flex;gap:10px;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(17,24,39,.08);font-size:13px}
 .specKey{color:var(--muted);font-weight:850}
 .specVal{text-align:right;font-weight:850}

 .reviewsWrap{display:block}
 .reviewFormCard{border:1px solid rgba(17,24,39,.10);background:linear-gradient(135deg,rgba(17,24,39,.03),rgba(139,92,246,.07));border-radius:18px;padding:14px}
 .reviewForm .pill{width:100%}
 .reviewField{margin-top:12px}
 .reviewLabel{font-size:12px;color:var(--muted);font-weight:900;margin-bottom:6px}
 .reviewGrid{display:grid;grid-template-columns:1fr;gap:12px}
 .reviewActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}

 .starInput{display:inline-flex;flex-direction:row-reverse;gap:6px;align-items:center}
 .starInput input{position:absolute;opacity:0;pointer-events:none}
 .starInput label{width:34px;height:34px;border-radius:12px;border:1px solid rgba(17,24,39,.14);background:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:rgba(17,24,39,.35);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,background .12s ease}
 .starInput label:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06);transform:translateY(-1px)}
 .starInput input:checked ~ label{color:rgba(245,158,11,1);background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.35)}
 .starInput label:hover, .starInput label:hover ~ label{color:rgba(245,158,11,1)}

 .reviewCards{display:grid;gap:10px}
 .reviewCard{border:1px solid rgba(17,24,39,.10);background:var(--panel);border-radius:18px;padding:12px}
 .reviewTop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
 .reviewStars{font-weight:950;letter-spacing:.2px;color:rgba(245,158,11,1)}
 .reviewTitleText{font-weight:950;letter-spacing:.2px}
 .reviewMeta{margin-top:6px;font-size:12px;color:var(--muted)}
 .reviewLine{margin-top:8px;font-size:13px;color:var(--text);line-height:1.45}
 .reviewK{font-weight:950;color:rgba(17,24,39,.72)}
 .reviewV{color:rgba(17,24,39,.92)}
 .reviewBody{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.55}

 .reviewAdminReply{margin-top:12px;border:1px solid rgba(17,24,39,.10);background:rgba(109,40,217,.06);border-radius:16px;padding:10px}
 .reviewAdminReplyTitle{font-weight:950;font-size:12px;color:rgba(17,24,39,.72);letter-spacing:.2px}
 .reviewAdminReplyText{margin-top:6px;font-size:13px;line-height:1.55;color:rgba(17,24,39,.90)}
 .reviewAdminReplyMeta{margin-top:6px;font-size:11px;color:rgba(17,24,39,.55)}

 .reviewImgGrid{margin-top:10px;display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding-bottom:2px}
 .reviewImgGrid::-webkit-scrollbar{display:none}
 .reviewImg{min-width:90px;width:90px;height:70px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:rgba(17,24,39,.03);overflow:hidden;display:block}
 .reviewImg img{width:100%;height:100%;object-fit:cover;display:block}

 @media (min-width: 981px){.reviewGrid{grid-template-columns:1fr 1fr}}

 @media (min-width: 981px){.productTop{grid-template-columns:minmax(420px,1.1fr) minmax(360px,.9fr)}.productBuyBox{position:sticky;top:132px;align-self:start}}
 @media (max-width: 540px){.productActions .btn{flex:1 1 100%}}

.card{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.card:hover{transform:translateY(-2px);border-color:rgba(17,24,39,.24);box-shadow:0 16px 38px rgba(17,24,39,.12)}
.discountBadge{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:var(--accent2);color:#fff;font-size:12px;font-weight:950;letter-spacing:.2px}
 .cardBody{padding:14px}
 .cardName{font-weight:800;margin:0 0 8px 0;line-height:1.25;overflow-wrap:anywhere}
 .priceRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
 .price{font-weight:950;color:var(--text)}
 .strike{color:rgba(107,114,128,.95);text-decoration:line-through;font-size:13px}
 .badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:var(--panel2);color:rgba(17,24,39,.86);font-size:12px;font-weight:750}

 .productMedia{position:relative;height:clamp(140px,18vw,210px);background:var(--panel2)}
 .productImg{width:100%;height:100%;object-fit:contain}
 .cardLink{position:absolute;inset:0;z-index:1}
 .productMedia,.cardBody{position:relative}
 .cardActions{position:relative;z-index:2}

 .productMedia + .cardBody{padding:12px}
 .productMedia + .cardBody .cardActions{margin-top:10px;gap:8px}

 .cardActions{display:flex;gap:10px;margin-top:12px}
 .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-weight:750}
 .btn:hover{border-color:rgba(17,24,39,.22)}
 .btnPrimary{background:var(--accent);color:#fff;border-color:transparent;font-weight:950}
 .btnAccent{background:var(--panel2);color:var(--text);border-color:rgba(17,24,39,.18);font-weight:950}
 
 .notice{border:1px solid var(--border);border-radius:18px;padding:14px;background:var(--panel2);color:var(--muted)}
 
 .footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.12);padding:26px 0;color:rgba(199,199,209,.86);background:#000}
 .footerTop{display:grid;grid-template-columns:1fr;gap:18px}
 .footerBrandName{font-weight:950;letter-spacing:.6px;color:#fff;text-transform:uppercase}
 .footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
 .footerTitle{font-size:14px;font-weight:950;letter-spacing:.3px;color:#fff}
 .footerLink{display:block;margin-top:10px;color:rgba(255,255,255,.88)}
 .footerLink:hover{color:#fff}
 .footerBottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
 .small{font-size:13px;color:var(--muted)}
 .footer .small{color:rgba(199,199,209,.86)}
 .footer a{color:rgba(255,255,255,.88)}
 .footer a:hover{color:#fff}

 @media (min-width: 981px){.footerTop{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:28px}}

 .dealBand{margin:26px 0;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(17,24,39,.05),rgba(17,24,39,.02));overflow:hidden}
 .dealGrid{display:grid;grid-template-columns:1.1fr .9fr .55fr;gap:0}
 .dealMedia{min-height:320px;background:rgba(255,255,255,.03)}
 .dealMedia img{width:100%;height:100%;object-fit:cover}
 .dealBody{padding:18px}
 .dealSide{display:block;border-left:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.03)}
 .dealSide img{width:100%;height:100%;min-height:320px;object-fit:cover}
 .dealKicker{font-weight:950;letter-spacing:.6px;text-transform:uppercase;color:rgba(17,24,39,.86)}
 .dealTitle{font-size:20px;font-weight:950;margin-top:10px}
 .dealMeta{margin-top:10px;color:var(--muted);font-size:13px}
 .dealCountdown{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
 .dealPill{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:16px;border:1px solid rgba(17,24,39,.16);background:var(--panel2);color:var(--text);font-weight:900}

 .spotlightBanner{position:relative;display:block;margin:18px 0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;height:clamp(150px,20vw,260px);box-shadow:0 18px 50px rgba(17,24,39,.08)}
 .spotlightBg{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(18px);transform:scale(1.12);opacity:.70;pointer-events:none}
 .spotlightBanner::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.10));pointer-events:none}
 .spotlightImg{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}

 .midBanners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
 .midBanner{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel)}
 .midBanner img{width:100%;height:clamp(110px,16vw,150px);object-fit:cover}

 .brandStrip{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding:14px 0}
 .brandStrip::-webkit-scrollbar{display:none}
 .brandItem{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:16px;background:var(--panel);height:64px;min-width:140px;padding:10px}
 .brandItem img{max-height:42px;max-width:110px;object-fit:contain}

 .platformMarquee{border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}
 .platformTrack{display:flex;gap:12px;align-items:center;white-space:nowrap;padding:14px;will-change:transform;animation:platformMarquee 28s linear infinite;width:max-content}
 .platformMarquee:hover .platformTrack,.platformMarquee:focus-within .platformTrack{animation-play-state:paused}
 .platformMarquee.isStatic{overflow:auto;scrollbar-width:none}
 .platformMarquee.isStatic::-webkit-scrollbar{display:none}
 .platformMarquee.isStatic .platformTrack{animation:none;width:auto;will-change:auto}
 .platformItem{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:16px;background:var(--panel2);height:56px;padding:0 14px;min-width:160px}
 .platformItem:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .platformLogo{width:34px;height:34px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}
 .platformLogo img{width:100%;height:100%;object-fit:contain;display:block}
 .platformName{font-weight:900;letter-spacing:.2px}
 @keyframes platformMarquee{0%{transform:translateX(0)}100%{transform:translateX(-25%)}}
 @media (prefers-reduced-motion: reduce){.platformTrack{animation:none}}

 .pvList{display:grid;gap:14px;margin-top:12px}
 .pvRow{display:grid;grid-template-columns:1fr;grid-template-areas:"video" "product";gap:14px;align-items:stretch}
 .pvVideo{grid-area:video}
 .pvProduct{grid-area:product}
 .pvVideoFrame{width:100%;background:#000;border:1px solid var(--border);border-radius:18px;overflow:hidden;aspect-ratio:16/9}
 .pvVideoFrame iframe{width:100%;height:100%;border:0;display:block}
 .pvProductInner{display:flex;gap:12px;align-items:center;padding:14px}
 .pvProductImage{width:140px;height:110px;border-radius:16px;border:1px solid var(--border);background:var(--panel2);overflow:hidden;flex:0 0 auto}
 .pvProductImage img{width:100%;height:100%;object-fit:cover}
 .pvProductBody{min-width:0}
 .pvProductName{font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 .pvProductPrice{margin-top:6px;font-weight:950;font-size:18px}

 @media (min-width: 981px){.pvRow{grid-template-columns:.90fr 1.10fr;grid-template-areas:"product video";gap:16px;align-items:stretch}}
 @media (max-width: 540px){.pvProductInner{flex-direction:column;align-items:flex-start}.pvProductImage{width:100%;height:180px}}

 .pcBuildList{display:grid;gap:16px;margin-top:12px}
 .pcBuildRow{display:grid;grid-template-columns:1fr;grid-template-areas:"video" "info";gap:14px;align-items:start}
 .pcBuildVideo{grid-area:video}
 .pcBuildInfo{grid-area:info;border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px}
 .pcBuildVideoFrame{width:100%;background:#000;border:1px solid var(--border);border-radius:18px;overflow:hidden;aspect-ratio:16/9}
 .pcBuildVideoFrame iframe{width:100%;height:100%;border:0;display:block}
 .pcBuildHead{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
 .pcBuildTitle{font-weight:950;letter-spacing:.2px;font-size:18px;overflow-wrap:anywhere}
 .pcBuildParts{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}
 .pcBuildPart{border:1px solid rgba(17,24,39,.10);background:var(--panel2);border-radius:14px;padding:10px}
 .pcBuildPartKey{font-weight:850}
 .pcBuildPartName{display:block;margin-top:6px;font-weight:850;overflow-wrap:anywhere}
 .pcBuildActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
 .pcBuildActions .btn{flex:1}
 .pcBuildSinglePanel{margin-top:12px;border:1px solid rgba(17,24,39,.10);background:var(--panel2);border-radius:14px;padding:12px}
 .pcBuildSearchResults{margin-top:10px}
 .pcBuildResultList{display:flex;flex-direction:column;gap:8px}
 .pcBuildResultItem{display:block;padding:10px 12px;border-radius:14px;border:1px solid rgba(17,24,39,.10);background:var(--panel);font-weight:850}
 .pcBuildResultItem:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}

 @media (min-width: 981px){.pcBuildRow{grid-template-columns:.95fr 1.05fr;grid-template-areas:"info video";gap:16px;align-items:stretch}.pcBuildInfo{height:100%}.pcBuildParts{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media (max-width: 720px){.pcBuildActions{position:sticky;bottom:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:10px;border-radius:16px;border:1px solid rgba(17,24,39,.10)}}

 .buildPcGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
 .buildPcCard{display:block;border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden;text-decoration:none;color:inherit}
 .buildPcCardThumb{height:140px;background:#000}
 .buildPcCardThumb img{width:100%;height:100%;object-fit:cover;display:block}
 .buildPcCardBody{padding:12px}
 .buildPcCardTitle{font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}

 .buildPcTwoCol{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
 .buildPcVideo{width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#000;aspect-ratio:16/9}
 .buildPcVideo iframe{width:100%;height:100%;border:0;display:block}

 .buildPcParts{display:grid;gap:12px}
 .buildPcPart{border:1px solid rgba(17,24,39,.10);background:var(--panel2);border-radius:16px;padding:12px}
 .buildPcPartEmpty{border-style:dashed;opacity:.82}
 .buildPcPartHead{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
 .buildPcPartRow{display:flex;gap:12px;align-items:flex-start;margin-top:10px}
 .buildPcPartImg{width:76px;height:62px;border-radius:14px;border:1px solid var(--border);background:var(--panel);overflow:hidden;flex:0 0 auto}
 .buildPcPartImg img{width:100%;height:100%;object-fit:cover;display:block}
 .buildPcPartBody{min-width:0;flex:1}
 .buildPcPartName{font-weight:950;overflow-wrap:anywhere}
 .buildPcPartName a{text-decoration:none;color:inherit}
 .buildPcPartName a:hover{text-decoration:underline}
 .buildPcSpecList{display:grid;gap:6px}
 .buildPcSpec{font-size:13px;color:var(--muted)}
 .buildPcSpecK{font-weight:850;color:var(--text)}
 .buildPcUsed{font-weight:850;color:rgba(20,120,60,1)}

 @media (min-width: 981px){.buildPcTwoCol{grid-template-columns:1.15fr .85fr;gap:16px}.buildPcRight{position:sticky;top:14px}}
 @media (max-width: 520px){.buildPcPartRow{flex-direction:column}.buildPcPartImg{width:100%;height:180px}}

 .trustStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center;gap:12px;padding:14px 0;align-items:stretch}
 .trustItem{min-width:0;max-width:none;display:flex}
 .trustItem .card{height:100%;width:100%}
 .trustItem .cardBody{height:100%;display:flex;align-items:center}
 .trustIcon{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:var(--panel2);display:flex;align-items:center;justify-content:center;font-weight:950;line-height:1;flex:0 0 auto}
 .trustIcon svg,.trustIcon img{width:22px;height:22px;max-width:22px;max-height:22px;display:block}
 .trustTitle{font-weight:950;letter-spacing:.2px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .trustSubtitle{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 @media (max-width: 540px){.trustStrip{display:flex;justify-content:flex-start;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:16px}.trustStrip::-webkit-scrollbar{display:none}.trustItem{flex:0 0 auto;min-width:260px;scroll-snap-align:start}}

 .adminShell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--panel2)}
 .adminSidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:14px;border-right:1px solid var(--border);background:var(--panel)}
 .adminBrand{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--panel2)}
 .adminBrand:hover{border-color:rgba(17,24,39,.22)}
 .adminBrandLogo{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid rgba(17,24,39,.10);padding:6px}
 .adminBrandMark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(17,24,39,.14),rgba(17,24,39,.04));border:1px solid rgba(17,24,39,.10)}
 .adminBrandName{font-weight:950;letter-spacing:.3px}
 .adminMenu{margin-top:12px;display:flex;flex-direction:column;gap:6px}
 .adminMenuItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);font-weight:800}
 .adminMenuItem:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .adminMenuItem.isActive{background:#000;color:#fff;border-color:#000}
 .adminMenuDetails{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}
 .adminMenuSummary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:900;display:flex;align-items:center;justify-content:space-between}
 .adminMenuSummary::-webkit-details-marker{display:none}
 .adminMenuDetails[open] .adminMenuSummary{border-bottom:1px solid rgba(17,24,39,.10);background:var(--panel2)}
 .adminMenuSub{display:flex;flex-direction:column;padding:8px}
 .adminMenuSubItem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid transparent;color:rgba(17,24,39,.86);font-weight:750}
 .adminMenuSubItem:hover{background:var(--panel2);border-color:rgba(17,24,39,.10)}
 .adminMenuSubItem.isActive{background:#000;color:#fff;border-color:#000}
 .adminMain{min-width:0}
 .adminTopbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--panel)}
 .adminTopbarTitleRow{display:flex;align-items:center;gap:10px;min-width:0}
 .adminTopbarTitle{font-weight:950;letter-spacing:.3px}
 .adminMenuToggle{display:none;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--panel);font-weight:900;cursor:pointer}
 .adminMenuToggle:hover{border-color:rgba(17,24,39,.24);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .adminSidebarOverlay{display:none}
 .adminTopbarActions{display:flex;gap:10px;align-items:center}
 .adminContent{padding:6px 0 22px 0}

 .adminDealsGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
 @media (max-width: 980px){.adminDealsGrid{grid-template-columns:1fr}}

 .adminTable{width:100%;border-collapse:collapse}
 .adminTable thead th{padding:10px 10px;text-align:left;font-size:12px;color:var(--muted);font-weight:850;white-space:nowrap}
 .adminTable tbody td{padding:10px 10px;vertical-align:top}

 .badgeOk{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);color:rgba(0,120,60,1)}
 .badgeWarn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.28);color:rgba(146,64,14,1)}
 .badgeBad{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:rgba(180,40,40,1)}

 body.admin.adminCelebration{--bg:#0b0b0f;--panel:#0f1218;--panel2:#111827;--text:#f9fafb;--muted:rgba(229,231,235,.78);--border:rgba(255,255,255,.12);background:radial-gradient(900px 420px at 12% -10%,rgba(109,40,217,.35),transparent 60%),radial-gradient(900px 420px at 90% 0%,rgba(245,158,11,.24),transparent 60%),#0b0b0f;color:var(--text)}
 body.admin.adminCelebration .adminShell{background:transparent}
 body.admin.adminCelebration .adminSidebar{background:rgba(15,18,24,.84);backdrop-filter:blur(10px)}
 body.admin.adminCelebration .adminTopbar{background:rgba(15,18,24,.84);backdrop-filter:blur(10px)}
 body.admin.adminCelebration .adminBrand{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
 body.admin.adminCelebration .adminMenuItem,body.admin.adminCelebration .adminMenuDetails{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
 body.admin.adminCelebration .adminMenuItem:hover{box-shadow:0 0 0 3px rgba(255,255,255,.06)}
 body.admin.adminCelebration .adminMenuItem.isActive,body.admin.adminCelebration .adminMenuSubItem.isActive{background:#fff;color:#0b0b0f;border-color:#fff}
 body.admin.adminCelebration .adminMenuSubItem{color:rgba(255,255,255,.86)}
 body.admin.adminCelebration .adminMenuSubItem:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
 body.admin.adminCelebration .badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.90)}
 body.admin.adminCelebration .card{background:rgba(15,18,24,.70);border-color:rgba(255,255,255,.12)}
 body.admin.adminCelebration .notice{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(229,231,235,.88)}
 body.admin.adminCelebration .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
 body.admin.adminCelebration .pill:hover{border-color:rgba(255,255,255,.26);box-shadow:0 0 0 3px rgba(255,255,255,.06)}

 .adminCelebrationBanner{position:sticky;top:62px;z-index:29;margin:10px 16px 0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(109,40,217,.55),rgba(245,158,11,.34));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;overflow:hidden}
 .adminCelebrationBannerInner{min-width:0}
 .adminCelebrationTitle{font-weight:950;letter-spacing:.2px;overflow-wrap:anywhere}
 .adminCelebrationMeta{margin-top:4px;font-size:13px;color:rgba(255,255,255,.82)}
 .adminCelebrationCta{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;white-space:nowrap}
 .adminCelebrationCta:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.22)}

 .adminConfetti{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
 .adminConfettiPiece{position:absolute;top:-16px;border-radius:3px;animation-name:adminConfettiFall;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
 @keyframes adminConfettiFall{0%{transform:translateY(-20px) rotate(0deg)}100%{transform:translateY(110vh) rotate(720deg)}}
 @media (prefers-reduced-motion: reduce){.adminConfettiPiece{animation:none;display:none}.adminCelebrationBanner{position:relative;top:auto}}

 body.admin{--bg:#fff;--panel:#fff;--panel2:#f6f7f9;--text:#0b0b0f;--muted:#6b7280;--border:rgba(17,24,39,.14);background:var(--bg);color:var(--text)}
 body.admin .topbar{background:#000;border-bottom:1px solid rgba(255,255,255,.14)}
 body.admin .logoText{color:#fff}
 body.admin .topbar .small{color:rgba(255,255,255,.72)}
 body.admin .topbar .pill{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18)}
 body.admin .topbar .pill:hover{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
 body.admin .nav{border-top:1px solid rgba(255,255,255,.14)}
 body.admin .nav a{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18);font-weight:750}
 body.admin .nav a:hover{border-color:rgba(255,255,255,.34);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
 body.admin .nav a.isActive{background:#fff;color:#000;border-color:#fff}
 body.admin .sectionTitle{color:var(--text)}
 body.admin .small{color:var(--muted)}
 body.admin .card{background:var(--panel);border-color:var(--border);transition:all 0.2s ease;position:relative}
body.admin .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(17,24,39,.12);border-color:rgba(17,24,39,.2)}
 body.admin .notice{background:var(--panel2);color:var(--muted);border-color:var(--border)}
 body.admin .pill, body.admin .cartBtn, body.admin .userBtn, body.admin .btn{background:var(--panel);color:var(--text);border-color:var(--border)}
body.admin .btn{transition:all 0.2s ease;position:relative;overflow:hidden}
body.admin .btn:hover{border-color:rgba(17,24,39,.22);box-shadow:0 0 0 3px rgba(17,24,39,.06);transform:translateY(-1px)}
body.admin .btn:active{transform:translateY(0);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 body.admin input.pill, body.admin select.pill, body.admin textarea.pill{background:var(--panel);color:var(--text);border-color:var(--border);transition:all 0.2s ease}
body.admin input.pill:focus, body.admin select.pill:focus, body.admin textarea.pill:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none}
body.admin input.pill::placeholder, body.admin textarea.pill::placeholder{color:rgba(107,114,128,.85)}
 body.admin .btnPrimary{background:#000;color:#fff;border-color:transparent;font-weight:950}
body.admin .btnPrimary:hover{background:#111;border-color:transparent;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
body.admin .btnPrimary:active{background:#000}
 body.admin .badge{background:var(--panel2);color:rgba(17,24,39,.86);border-color:rgba(17,24,39,.12);transition:all 0.2s ease;font-weight:700}
body.admin .badge:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(17,24,39,.1)}
 body.admin table th, body.admin table td{border-bottom:1px solid rgba(17,24,39,.08);transition:all 0.2s ease}
body.admin table tr:hover{background:var(--panel2)}

 @media (max-width: 1200px){.grid{grid-template-columns:repeat(3,1fr)}}

 @media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.logoImg{max-width:170px}.search{max-width:100%}.headerSearch{max-width:100%}.sliderTrack{height:60vh;min-height:320px;max-height:none}.dealGrid{grid-template-columns:1fr}.catalogLayout{grid-template-columns:1fr}.sidebarCard{position:relative;top:auto}.promoRow{grid-template-columns:repeat(2,1fr)}.midBanners{grid-template-columns:repeat(2,1fr)}.homeCats{justify-content:flex-start}.adminShell{grid-template-columns:1fr}.adminSidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:min(84vw,320px);z-index:70;transform:translateX(-108%);transition:transform .24s ease;border-right:1px solid var(--border);border-bottom:none;box-shadow:0 20px 45px rgba(0,0,0,.22)}.adminSidebar.isOpen{transform:translateX(0)}.adminSidebarOverlay{display:block;position:fixed;inset:0;background:rgba(10,15,25,.35);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:60;border:none}.adminSidebarOverlay.isOpen{opacity:1;visibility:visible}.adminMenuToggle{display:inline-flex}.adminTopbarActions{display:none}.adminTopbar{padding:10px 12px}body.admin.adminMenuOpen{overflow:hidden}.cardActions{flex-wrap:wrap}.cardActions .btn{flex:1}}

 @media (max-width: 980px){
  .sliderTrack{height:auto;min-height:0;aspect-ratio:16/9}
  .slide img{object-fit:contain;background:#000}
  .promoBanner img,.midBanner img{height:auto}
 }
 @media (max-width: 540px){.grid{grid-template-columns:1fr}.header{flex-wrap:wrap}.headerCats{width:100%;justify-content:flex-start}.logo{width:100%}.headerSearch{width:100%}.headerActions{width:100%}.userDropdown{left:0;right:auto;max-width:calc(100vw - 32px)}.homeCats{gap:12px;justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.homeCat{width:78px}.homeCatImg{width:56px;height:56px}.sliderPrev{left:10px}.sliderNext{right:10px}.midBanners{grid-template-columns:1fr}.galleryMain{height:320px}.productMedia{height:200px}.thumbBtn{min-width:72px;width:72px;height:56px}.cardActions{flex-direction:column;align-items:stretch}.cardActions .btn{width:100%}}

 .navToggle{display:none;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}
 .navToggle:hover{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.06)}

 @media (max-width: 720px){
  .headerMain{position:relative}
  .navToggle{display:inline-flex}
  .headerCats{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.96);box-shadow:0 18px 48px rgba(0,0,0,.55);overflow:visible}
  .headerCats a{width:100%;justify-content:flex-start}
  .siteHeader.isNavOpen .headerCats{display:flex}
  .headerActions{flex-wrap:wrap}
  .promoRow{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr!important}
 }

 @media (max-width: 540px){
  .headerActions{justify-content:flex-start}
 }

 .aiFab{max-width:520px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(17,24,39,.18);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:12px 14px;box-shadow:0 12px 36px rgba(0,0,0,.22);cursor:pointer}
 .aiFab:hover{box-shadow:0 16px 44px rgba(0,0,0,.26)}
 .aiFabTitle{font-weight:900;font-size:13px;line-height:1.25}

 .aiPanel{position:fixed;right:16px;bottom:78px;z-index:80;width:min(420px,calc(100vw - 32px));max-height:min(74vh,720px);display:none;flex-direction:column;border-radius:18px;border:1px solid rgba(17,24,39,.14);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 18px 54px rgba(0,0,0,.22);overflow:hidden}
 .aiPanel.isOpen{display:flex}
 .aiPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;border-bottom:1px solid rgba(17,24,39,.10)}
 .aiPanelTitle{font-weight:950}
 .aiIconBtn{border:1px solid rgba(17,24,39,.14);background:#fff;color:var(--text);border-radius:12px;padding:10px 10px;cursor:pointer}
 .aiIconBtn:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .aiIconBtn.isAuto{background:#000;color:#fff;border-color:#000}

 .aiMessages{padding:12px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px}
 .aiMsg{display:flex}
 .aiMsgUser{justify-content:flex-end}
 .aiMsgAi{justify-content:flex-start}
 .aiBubble{max-width:92%;border-radius:16px;border:1px solid rgba(17,24,39,.12);background:#fff;padding:10px 10px;font-size:13px;line-height:1.35}
 .aiMsgUser .aiBubble{background:#111827;color:#fff;border-color:#111827}

 .aiComposer{padding:12px;border-top:1px solid rgba(17,24,39,.10);background:rgba(249,250,251,.9)}
 .aiRow{display:flex;gap:8px;align-items:center}
 .aiInput{flex:1;min-height:42px;border-radius:14px;border:1px solid rgba(17,24,39,.14);padding:10px 12px;outline:none;background:#fff;color:var(--text)}
 .aiSend{min-height:42px;padding:10px 12px;border-radius:14px;border:1px solid rgba(17,24,39,.14);background:#111827;color:#fff;font-weight:900;cursor:pointer}

 .aiQuick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
 .aiQuickBtn{display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;border-radius:999px;border:1px solid rgba(17,24,39,.14);background:#fff;font-weight:850;font-size:12px;cursor:pointer}
 .aiQuickBtn:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06)}

 .aiCards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
 .aiCard{border:1px solid rgba(17,24,39,.12);border-radius:16px;overflow:hidden;background:#fff}
 .aiCardTop{height:160px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}
 .aiCardImg{width:100%;height:160px;object-fit:contain}
 .aiCardBody{padding:10px}
 .aiCardName{font-weight:950}
 .aiCardMeta{margin-top:6px;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
 .aiPrice{font-weight:950;color:var(--text)}
 .aiMrp{text-decoration:line-through;color:rgba(107,114,128,.9)}
 .aiStock{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:rgba(17,24,39,.04);font-weight:850}
 .aiStockOk{color:rgba(0,120,60,1)}
 .aiStockBad{color:rgba(180,40,40,1)}
 .aiCardActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
 .aiBtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 10px;border-radius:12px;border:1px solid rgba(17,24,39,.14);background:#fff;font-weight:900;font-size:12px;cursor:pointer}
 .aiBtn:hover{border-color:rgba(17,24,39,.28);box-shadow:0 0 0 3px rgba(17,24,39,.06)}
 .aiBtnPrimary{background:#111827;color:#fff;border-color:#111827}

 @media (max-width: 540px){
  .aiFabTitle{font-size:12px}
  .aiPanel{right:12px;left:12px;width:auto}
  
  /* Mobile responsive fixes */
  .container{padding:0 12px}
  .header{padding:10px 0}
  .headerCats{display:none}
  .headerSearch{max-width:100%}
  .headerSearch input{font-size:16px}
  .logoImg{max-height:32px}
  .headerActions{gap:8px}
  .pill{padding:8px 10px;font-size:14px}
  .cartBtn{padding:8px 10px}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .promoRow{grid-template-columns:1fr;gap:12px}
  .homeCats{gap:12px}
  .homeCat{width:80px}
  .homeCatImg{width:56px;height:56px}
  .homeCatText{font-size:11px}
  .sectionTitle{font-size:16px}
  .productTitle{font-size:18px}
  .productPrice{font-size:22px}
  .productActions{flex-direction:column}
  .productActions .btn{flex:1}
  .galleryMain{height:280px}
  .thumbBtn{width:70px;height:50px}
  .tabBar{gap:6px}
  .tabBtn{padding:8px 10px;font-size:13px}
  .card{border-radius:14px}
  .cardBody{padding:12px}
  .cardName{font-size:14px}
  .price{font-size:16px}
  .footer{padding:20px 0}
  .footerGrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .footerTitle{font-size:13px}
  .dealGrid{grid-template-columns:1fr;gap:0}
  .dealSide{border-left:none;border-top:1px solid var(--border)}
  .midBanners{grid-template-columns:repeat(2,1fr);gap:12px}
  .brandStrip{padding:12px 0}
  .brandItem{min-width:120px;height:56px}
  .trustStrip{grid-template-columns:1fr;gap:8px}
  .trustItem{min-width:100%}
  .spotlightBanner{height:200px;margin:12px 0}
  .pvRow{grid-template-columns:1fr}
  .pcBuildRow{grid-template-columns:1fr}
  .buildPcGrid{grid-template-columns:1fr;gap:12px}
  .buildPcTwoCol{grid-template-columns:1fr}
  .buildPcPartRow{flex-direction:column}
  .buildPcPartImg{width:100%;height:160px}
  .accountLayout{grid-template-columns:1fr}
  .accountSidebar{position:relative;top:auto}
  .accountHero{flex-direction:column}
  .accountHeroRight{justify-content:flex-start}
  .accountActionGrid{grid-template-columns:1fr}
  .accountTiles{grid-template-columns:1fr}
  .accountKpis{grid-template-columns:repeat(2,1fr)}
  .accountOrderTop{flex-direction:column}
  .accountOrderMedia{width:100%;height:140px}
  .accountOrderImg,.accountOrderImgPh{width:100%;height:140px}
  .reviewGrid{grid-template-columns:1fr}
  .reviewImgGrid{gap:8px}
  .reviewImg{width:80px;height:60px}
  .catalogLayout{grid-template-columns:1fr}
  .sidebarCard{position:relative;top:auto}
  .catalogLayout .grid{grid-template-columns:repeat(2,1fr)}
  .search{flex-direction:column}
  .search input{margin-bottom:10px}
  .search button{width:100%}
  .nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex-shrink:0}
  .catTabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .catTabs::-webkit-scrollbar{display:none}
  .catTab{flex-shrink:0}
  .platformMarquee{overflow-x:auto;scrollbar-width:none}
  .platformMarquee::-webkit-scrollbar{display:none}
  .platformTrack{animation:none;width:auto}
  .platformItem{flex-shrink:0}
 }