:root{
  --red-50:#fef2f2; --red-100:#fee2e2; --red-200:#fecaca; --red-600:#dc2626; --red-700:#b91c1c;
  --amber-300:#fcd34d; --amber-400:#fbbf24; --amber-600:#d97706;
  --emerald-400:#34d399; --emerald-600:#059669; --emerald-700:#047857;
  --blue-600:#2563eb;
  --slate-50:#f8fafc; --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1e293b; --slate-900:#0f172a; --slate-950:#020617;
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-xl:20px;
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);
  --shadow-sm:0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 12px rgba(15,23,42,.10);
  --shadow-lg:0 12px 32px rgba(15,23,42,.14);
  --maxw:1280px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; overflow-x:clip;}
body{
  margin:0; font-family:'Trebuchet MS',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.6; color:var(--slate-800); background:#fff;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
ul{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5{margin:0; font-weight:800; letter-spacing:-.01em; color:var(--slate-900);}
p{margin:0;}
.container{max-width:var(--maxw); margin:0 auto; padding:0 16px;}
@media(min-width:640px){.container{padding:0 24px;}}
@media(min-width:1024px){.container{padding:0 32px;}}
.page-section{padding-top:28px;padding-bottom:60px;overflow-x:hidden;}
#productsWrapper{overflow-x:hidden;}
main{overflow-x:hidden;}

.contact-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;}
.contact-info-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:18px;overflow:hidden;margin-bottom:32px;}
.contact-info-item{padding:22px 24px;text-align:center;}
.contact-info-item--middle{border-left:1px solid var(--slate-200);border-right:1px solid var(--slate-200);}

.cs-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:32px;align-items:start;margin-top:24px;}
.legal-card{background:#fff;border:1px solid var(--slate-200);border-radius:24px;padding:24px 22px;box-shadow:var(--shadow-xs);}
.legal-card .legal-content{max-width:none;}
@media(min-width:1024px){.legal-card{padding:32px;}}
.wishlist-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--slate-500);}
.wishlist-empty .icon{font-size:48px;margin-bottom:16px;display:block;}
.wishlist-empty h2{font-size:20px;margin-bottom:8px;}
.demo-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-bottom:20px;font-size:13px;color:#92400e;overflow:hidden;}
.demo-banner svg{flex-shrink:0;color:#d97706;}
.demo-banner span{min-width:0;}
.demo-banner-btn{margin-left:auto;white-space:nowrap;background:#92400e;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s;flex-shrink:0;}
.demo-banner-btn:hover{background:#78350f;}
.wishlist-empty p{margin-bottom:24px;}
.result-count{text-align:center;padding:8px 0;font-size:12px;color:var(--slate-500);}
.legal-content{max-width:800px;font-family:'Trebuchet MS',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7;color:var(--slate-700);}
.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4{margin:1.2em 0 .4em;color:var(--slate-900);font-weight:700;line-height:1.3;}
.legal-content h1{font-size:1.6em;}
.legal-content h2{font-size:1.35em;}
.legal-content h3{font-size:1.15em;}
.legal-content h4{font-size:1.05em;}
.legal-content p{margin-bottom:1em;}
.legal-content ul,.legal-content ol{padding-left:1.5em;margin-bottom:1em;}
.legal-content li{margin-bottom:.25em;}
.legal-content a{color:var(--red-600);text-decoration:underline;}
.legal-content a:hover{color:var(--red-700);}
.legal-content strong,.legal-content b{font-weight:700;color:var(--slate-800);}
.legal-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;}
.legal-content table{width:100%;border-collapse:collapse;margin:1em 0;}
.legal-content th,.legal-content td{border:1px solid var(--slate-300);padding:10px 12px;text-align:left;font-size:14px;}
.legal-content th{background:var(--slate-100);font-weight:700;color:var(--slate-800);}
.legal-content blockquote{border-left:4px solid var(--red-600);padding:12px 20px;margin:1em 0;background:var(--slate-50);border-radius:0 8px 8px 0;color:var(--slate-600);font-style:italic;}
.legal-content hr{border:none;border-top:1px solid var(--slate-200);margin:1.5em 0;}
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:none; border-radius:var(--radius); padding:12px 20px; font-weight:700; font-size:14px;
  cursor:pointer; transition:.15s ease; white-space:nowrap;
}
.btn-primary{background:var(--red-600); color:#fff; box-shadow:var(--shadow-sm);}
.btn-primary:hover{background:var(--red-700); box-shadow:var(--shadow-md);}
.btn-dark{background:var(--slate-900); color:#fff;}
.btn-dark:hover{background:var(--slate-800);}
.btn-outline{background:#fff; color:var(--slate-800); border:1px solid var(--slate-300);}
.btn-outline:hover{background:var(--slate-100);}
.btn-ghost{background:transparent; color:var(--slate-700);}
.btn-ghost:hover{background:var(--slate-100);}
.btn-block{width:100%;}
.btn-lg{padding:14px 26px; font-size:15px;}
.btn-sm{padding:8px 14px; font-size:13px;}
.btn:disabled{opacity:.5; cursor:not-allowed;}

.topbar{background:var(--slate-900); color:var(--slate-200); font-size:12px; padding:8px 0;}
.topbar .container{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.topbar-left{display:flex; align-items:center; gap:16px; color:var(--slate-300); overflow:hidden;}
.topbar-left span{display:flex; align-items:center; gap:5px; white-space:nowrap;}
.topbar .tag-free{color:var(--emerald-400); font-weight:600;}
.topbar .tag-finance{color:var(--amber-300); display:none;}
.topbar .tag-warranty{display:none;}
@media(min-width:1024px){.topbar .tag-finance{display:flex;}}
@media(min-width:1280px){.topbar .tag-warranty{display:flex;}}
.topbar-right{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.track-order-link{display:none; align-items:center; gap:4px; color:var(--amber-300); font-weight:700;}
@media(min-width:480px){.track-order-link{display:inline-flex;}}
.vat-toggle{display:flex; background:var(--slate-800); border:1px solid var(--slate-700); border-radius:6px; padding:2px;}
.vat-toggle button{background:none; border:none; color:var(--slate-400); font-weight:600; font-size:11px; padding:3px 8px; border-radius:4px;}
.vat-toggle button.active{background:var(--red-600); color:#fff; border-radius:6px;}
.helpline{display:none; align-items:center; gap:5px; color:var(--slate-200); font-weight:500;}
.helpline strong{color:#fff;}
@media(min-width:640px){.helpline{display:inline-flex;}}

.site-header{position:sticky; top:0; z-index:200; background:#fff; border-bottom:1px solid var(--slate-200); box-shadow:var(--shadow-xs);}
.header-main{display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px;}
@media(min-width:768px){.header-main{height:80px;}}
.logo{display:flex; align-items:center; gap:10px; background:none; border:none; padding:0;}
.logo-badge{position:relative; width:38px; height:38px; background:var(--red-600); border-radius:12px; color:#fff; font-weight:900; font-size:20px; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-md); flex-shrink:0;}
.logo-badge .badge-uk{position:absolute; bottom:-4px; right:-4px; width:15px; height:15px; background:var(--slate-900); border-radius:50%; border:2px solid #fff; font-size:6px; display:flex; align-items:center; justify-content:center; color:#fff;}
@media(min-width:768px){.logo-badge{width:44px; height:44px; font-size:24px;}}
.logo-text{font-size:17px; font-weight:900; letter-spacing:-.02em; color:var(--slate-900); line-height:1;}
.logo-text span{color:var(--red-600); font-size:11px; margin-left:2px;}
.logo-sub{display:none; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--slate-500); margin-top:3px;}
@media(min-width:768px){.logo-text{font-size:24px;} .logo-text span{font-size:15px;} .logo-sub{display:block;}}

.mobile-only{display:flex;}
.desktop-only{display:none !important;}
@media(min-width:768px){.mobile-only{display:none !important;} .desktop-only{display:flex !important;}}

.icon-btn{position:relative; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--slate-200); outline:none; appearance:none; -webkit-appearance:none; color:var(--slate-800); padding:9px; border-radius:10px; transition:.15s; flex-shrink:0;}
.icon-btn:hover{background:var(--slate-50); color:var(--red-600);}
.icon-btn .badge{position:absolute; top:-4px; right:-4px; background:var(--red-600); color:#fff; font-size:9px; font-weight:800; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.15);}
.icon-btn .badge.dark{background:var(--slate-900);}
.icon-btn svg{display:block;}

.search-trigger{flex:1; display:flex; align-items:center; justify-content:space-between; background:var(--slate-100); border:1px solid var(--slate-200); color:var(--slate-500); padding:12px 16px; border-radius:12px; font-size:14px; gap:10px;}
.search-trigger:hover{background:var(--slate-200);}
.search-trigger .kbd{font-size:11px; background:#fff; border:1px solid var(--slate-300); padding:2px 6px; border-radius:5px; color:var(--slate-600);}
.search-left{display:flex; align-items:center; gap:10px; overflow:hidden;}
.search-left span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.inline-search{flex:1; position:relative; display:flex; align-items:center; background:var(--slate-100); border:1px solid var(--slate-200); border-radius:12px; overflow:visible;}
.inline-search input{flex:1; border:2px solid var(--red-600) !important; background:#fff; padding:12px 16px; font-size:14px; outline:none !important; color:var(--slate-700); border-radius:12px 0 0 12px;}
.inline-search input::placeholder{color:var(--slate-400);}
.inline-search-btn{background:none; border:none; padding:12px 14px; cursor:pointer; color:var(--slate-400); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:.15s;}
.inline-search-btn:hover{color:var(--red-600);}
.inline-search-results{display:none; position:absolute; top:100%; left:0; right:0; margin-top:4px; background:#fff; border:1px solid var(--slate-200); border-radius:12px; box-shadow:var(--shadow-lg); z-index:9999; max-height:420px; overflow-y:auto; padding:8px 0;}
.mobile-search-wrap{display:none; padding:0 16px 12px; background:#fff;}
.mobile-search-wrap .inline-search{position:relative;}
@media(max-width:767px){.mobile-search-wrap{display:block;}}

.header-actions{display:flex; align-items:center; gap:4px;}
.ai-advisor-btn{display:none; align-items:center; gap:6px; background:var(--red-50); color:var(--red-700); border:1px solid var(--red-200); padding:9px 14px; border-radius:12px; font-weight:600; font-size:13px;}
@media(min-width:1024px){.ai-advisor-btn{display:inline-flex;}}
.account-btn.active-view{background:var(--red-50); color:var(--red-600);}

.cart-trigger{display:flex; align-items:center; gap:7px; background:var(--red-600); color:#fff; padding:10px 16px; border-radius:12px; font-weight:800; box-shadow:var(--shadow-sm); border:none; cursor:pointer; font-size:13px;}
.cart-trigger:hover{background:var(--red-700);}
.cart-trigger .count{background:#fff; color:var(--red-600); font-size:11px; font-weight:900; padding:2px 8px; border-radius:99px;}
.cart-trigger .cart-label{display:none;}
@media(min-width:768px){.cart-trigger .cart-label{display:inline;}}
.cart-label{display:none;}
@media(min-width:480px){.cart-label{display:inline;}}

.category-bar{display:none; background:var(--slate-900); border-top:1px solid var(--slate-800);}
@media(min-width:768px){.category-bar{display:block;}}
.category-bar .container{display:flex; align-items:center; justify-content:space-between; overflow:visible; padding-top:4px; padding-bottom:4px;}
.category-bar .cats{display:flex; align-items:center; gap:2px; overflow:visible;}
.cat-link{padding:10px 14px; border-radius:8px; font-size:13px; font-weight:600; color:var(--slate-300); background:none; border:none; white-space:nowrap;}
.cat-link:hover{background:var(--red-600); color:#fff;}
.cat-link.active{background:transparent; color:var(--slate-300); font-weight:600;}
.cat-link.active:hover{background:var(--red-600); color:#fff;}
.cat-link.all-cats{display:flex; align-items:center; gap:8px; color:var(--slate-100);}
.express-link{color:var(--amber-400); font-weight:700; font-size:13px; padding:6px 12px; border-radius:6px; white-space:nowrap;}
.express-link:hover{background:var(--slate-800);}

.drawer-overlay{position:fixed; inset:0; background:rgba(15,23,42,.55); z-index:300; opacity:0; pointer-events:none; transition:opacity .25s;}
.drawer-overlay.open{opacity:1; pointer-events:auto;}
.mobile-drawer{position:fixed; top:0; left:0; bottom:0; width:86%; max-width:340px; background:#fff; z-index:301; transform:translateX(-100%); transition:transform .28s ease; display:flex; flex-direction:column; box-shadow:var(--shadow-lg);}
.mobile-drawer.open{transform:translateX(0);}
.drawer-head{display:flex; align-items:center; justify-content:flex-end; padding:16px; border-bottom:none;}
.drawer-close{background:var(--slate-100); border:1px solid var(--slate-200); border-radius:50%; width:36px; height:36px; color:var(--slate-600); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s;}
.drawer-close:hover{background:var(--slate-200); color:var(--slate-800);}
.drawer-body{overflow-y:auto; padding:8px 0; flex:1;}
.drawer-section-title{padding:14px 16px 6px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--slate-400);}
.drawer-link{display:flex; align-items:center; gap:10px; padding:15px 16px; font-weight:700; color:var(--slate-800); font-size:17px; border-bottom:1px solid var(--slate-50); text-decoration:none; letter-spacing:.01em;}
.drawer-link:hover{background:var(--slate-50); color:var(--red-600);}
.drawer-footer{padding:16px; border-top:1px solid var(--slate-200);}

.cart-drawer{position:fixed; top:0; right:0; bottom:0; width:100%; max-width:420px; background:#fff; z-index:301; transform:translateX(100%); transition:transform .28s ease; display:flex; flex-direction:column; box-shadow:var(--shadow-lg);}
.cart-drawer.open{transform:translateX(0);}
.cart-drawer-head{display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--slate-200);}
.cart-drawer-body{flex:1; overflow-y:auto; padding:16px 20px;}
.cart-drawer-foot{padding:18px 20px; border-top:1px solid var(--slate-200); background:var(--slate-50);}
.cart-line{display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--slate-100);}
.cart-line img{width:64px; height:64px; border-radius:10px; object-fit:cover; background:var(--slate-100); flex-shrink:0;}
.cart-line-info{flex:1; min-width:0;}
.cart-line-info .name{font-size:13px; font-weight:700; color:var(--slate-900); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cart-line-info .sku{font-size:11px; color:var(--slate-400); margin-top:2px;}
.qty-controls{display:flex; align-items:center; gap:0; border:1px solid var(--slate-200); border-radius:8px; width:fit-content; margin-top:8px;}
.qty-controls button{background:none; border:none; width:26px; height:26px; font-weight:700; color:var(--slate-700);}
.qty-controls button:hover{background:var(--slate-100);}
.qty-controls .qty-val{width:28px; text-align:center; font-weight:700; font-size:13px;}
.cart-line-price{text-align:right; flex-shrink:0;}
.cart-line-price .price{font-weight:800; color:var(--slate-900); font-size:14px;}
.remove-line{color:var(--red-600); font-size:11px; font-weight:700; margin-top:8px; background:none; border:none;}
.empty-cart{text-align:center; padding:48px 12px; color:var(--slate-500);}
.empty-cart .icon{font-size:44px; margin-bottom:12px;}

.hero-slider{position:relative; background:var(--slate-900); overflow:hidden;}
.hero-slide{display:none; position:relative;}
.hero-slide.active{display:block;}
.hero-slide-inner{position:relative; min-height:420px; display:flex; align-items:center; background-size:cover; background-position:center;}
.hero-slide-inner::after{content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(15,23,42,.92) 20%, rgba(15,23,42,.55) 60%, rgba(15,23,42,.25) 100%);}
.hero-content{position:relative; z-index:2; padding:56px 0; max-width:640px;}
.hero-badge{display:inline-flex; align-items:center; gap:6px; background:var(--red-600); color:#fff; font-size:11px; font-weight:800; padding:6px 12px; border-radius:99px; letter-spacing:.04em; margin-bottom:16px;}
.hero-content h1{font-size:28px; color:#fff; line-height:1.15; margin-bottom:14px;}
@media(min-width:768px){.hero-content h1{font-size:40px;}}
.hero-features{display:flex; flex-direction:column; gap:8px; margin:18px 0 22px; color:var(--slate-200); font-size:14px;}
.hero-features li{display:flex; align-items:center; gap:8px;}
.hero-price-row{display:flex; align-items:baseline; gap:12px; margin-bottom:20px; flex-wrap:wrap;}
.hero-price{font-size:32px; font-weight:900; color:#fff;}
.hero-original-price{font-size:16px; color:var(--slate-400); text-decoration:line-through;}
.hero-lease{font-size:13px; color:var(--amber-300); font-weight:700;}
.hero-cta-row{display:flex; gap:12px; flex-wrap:wrap;}
.hero-dots{position:absolute; bottom:18px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:3;}
.hero-dots button{width:8px; height:8px; border-radius:99px; background:rgba(255,255,255,.4); border:none; padding:0;}
.hero-dots button.active{background:#fff; width:22px;}
.hero-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:3; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.3); color:#fff; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px;}
.hero-arrow:hover{background:rgba(255,255,255,.3);}
.hero-arrow.prev{left:16px;} .hero-arrow.next{right:16px;}
.hero-shortcuts{background:#fff; border-bottom:1px solid var(--slate-200); overflow-x:auto;}
.hero-shortcuts .container{display:flex; gap:8px; padding-top:12px; padding-bottom:12px;}
.shortcut-pill{display:flex; align-items:center; gap:6px; white-space:nowrap; background:var(--slate-50); border:1px solid var(--slate-200); padding:8px 14px; border-radius:99px; font-size:13px; font-weight:600; color:var(--slate-700);}
.shortcut-pill:hover{background:var(--red-50); border-color:var(--red-200); color:var(--red-700);}

.section{padding:28px 0;}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:12px; flex-wrap:wrap;}
.section-eyebrow{color:var(--red-600); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; display:block;}
.section-head h2{font-size:24px;}
@media(min-width:768px){.section-head h2{font-size:30px;}}
.section-head p{color:var(--slate-500); margin-top:6px; max-width:560px;}
.view-all-link{font-weight:700; color:var(--red-600); font-size:14px; white-space:nowrap;}
.view-all-link:hover{text-decoration:underline;}
.section.alt{background:var(--slate-50);}

.cat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
@media(min-width:640px){.cat-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(5,1fr);}}
.cat-card{position:relative; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow-sm); border:1px solid var(--slate-200);}
.cat-card img{width:100%; height:100%; object-fit:cover; transition:transform .3s;}
.cat-card:hover img{transform:scale(1.06);}
.cat-card .overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(15,23,42,.85), transparent 55%); display:flex; align-items:flex-end; padding:12px;}
.cat-card .overlay .name{color:#fff; font-weight:800; font-size:13px; line-height:1.25;}
.cat-card .overlay .count{color:var(--slate-300); font-size:11px; margin-top:2px;}

.product-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
@media(min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);}}
.product-grid.list-view{grid-template-columns:1fr; gap:12px;}

.product-card{background:#fff; border:1px solid var(--slate-200); border-radius:var(--radius-lg); overflow:hidden; display:flex; flex-direction:column; transition:.18s; position:relative;}
.product-card:hover{box-shadow:var(--shadow-md); transform:translateY(-2px); border-color:var(--slate-300);}
.product-card .thumb{position:relative; aspect-ratio:1/1; background:transparent; overflow:hidden;}
.product-card .thumb img{width:100%; height:100%; object-fit:cover;}
.product-card .badges{position:absolute; top:8px; left:8px; display:flex; flex-direction:column; gap:5px; z-index:2;}
.pill{font-size:10px; font-weight:800; padding:4px 8px; border-radius:6px; text-transform:uppercase; letter-spacing:.02em; width:fit-content;}
.pill.sale{background:var(--red-600); color:#fff;}
.pill.new{background:var(--emerald-600); color:#fff;}
.pill.best{background:var(--amber-600); color:#fff;}
.pill.oos{background:var(--slate-700); color:#fff;}
.wishlist-btn{position:absolute; top:8px; right:8px; z-index:2; background:none; border:none; padding:0; font-size:18px; color:var(--slate-600); cursor:pointer; line-height:1;}
.wishlist-btn::before{content:'♡';}
.wishlist-btn.active::before{content:'♥';}
.wishlist-btn.active{color:var(--red-600);}
.product-card .body{padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; flex:1;}
.product-brand{font-size:10px; font-weight:800; color:var(--slate-400); text-transform:uppercase; letter-spacing:.05em;}
.product-name{font-size:13px; font-weight:700; color:var(--slate-900); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;}
.product-name:hover{color:var(--red-600);}
.product-rating{display:flex; align-items:center; gap:5px; font-size:11px; color:var(--slate-500);}
.product-rating .star-rating-static{font-size:13px;}
.stars{color:var(--amber-400); letter-spacing:1px;}
.product-price-row{display:flex; align-items:baseline; gap:8px; margin-top:2px; flex-wrap:wrap;}
.product-price{font-size:17px; font-weight:900; color:var(--slate-900);}
.product-original-price{font-size:12px; color:var(--slate-400); text-decoration:line-through;}
.product-vat-note{font-size:11px; color:var(--slate-400); font-weight:600;}
.product-lease{font-size:11px; color:var(--emerald-700); font-weight:700;}
.product-stock{font-size:11px; font-weight:700;}
.product-stock.in{color:var(--emerald-700);}
.product-stock.out{color:var(--slate-500);}
.product-meta-row{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:2px;}
.add-cart-btn{margin-top:auto; display:flex; align-items:center; justify-content:center; gap:6px; background:var(--slate-900); color:#fff; border:none; padding:10px; border-radius:10px; font-weight:700; font-size:12.5px; transition:.15s;}
.add-cart-btn:hover{background:var(--red-600);}
.add-cart-btn:disabled{background:var(--slate-200); color:var(--slate-500); cursor:not-allowed;}

.trust-strip{background:var(--slate-900); color:#fff; padding:32px 0;}
.trust-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
@media(min-width:768px){.trust-grid{grid-template-columns:repeat(4,1fr);}}
.trust-item{display:flex; align-items:flex-start; gap:12px;}
.trust-item .icon{font-size:26px; flex-shrink:0;}
.trust-item .title{font-weight:800; font-size:14px; margin-bottom:3px;}
.trust-item .desc{font-size:12px; color:var(--slate-400);}

.finance-banner{background:linear-gradient(120deg, var(--slate-900), #1e1b4b); color:#fff; border-radius:var(--radius-xl); padding:32px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px;}
.finance-banner h3{color:#fff; font-size:22px; margin-bottom:8px;}
.finance-banner p{color:var(--slate-300); max-width:480px;}

.review-grid{display:grid; grid-template-columns:1fr; gap:16px;}
@media(min-width:768px){.review-grid{grid-template-columns:repeat(3,1fr);}}
.review-card{background:#fff; border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:20px;}
.review-card .stars{margin-bottom:8px; display:block;}
.review-card h4{font-size:15px; margin-bottom:6px;}
.review-card p{font-size:13.5px; color:var(--slate-600); line-height:1.55;}
.review-meta{margin-top:14px; padding-top:12px; border-top:1px solid var(--slate-100); display:flex; align-items:center; gap:10px;}
.review-avatar{width:34px; height:34px; border-radius:50%; background:var(--slate-800); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; flex-shrink:0;}
.review-meta .name{font-weight:700; font-size:13px;}
.review-meta .company{font-size:11px; color:var(--slate-500);}
.verified-tag{display:inline-flex; align-items:center; gap:3px; font-size:10px; color:var(--emerald-700); font-weight:700; margin-top:2px;}

.brand-strip{display:flex; gap:20px; overflow-x:auto; padding:8px 0;}
.brand-strip img{width:130px; height:auto; flex-shrink:0; filter:grayscale(20%); opacity:.85;}
.brand-strip img:hover{opacity:1; filter:none;}

.article-grid{display:grid; grid-template-columns:1fr; gap:20px;}
@media(min-width:768px){.article-grid{grid-template-columns:repeat(3,1fr);}}
.article-card{border:1px solid var(--slate-200); border-radius:var(--radius-lg); overflow:hidden; background:#fff;}
.article-card img{aspect-ratio:16/10; object-fit:cover; width:100%;}
.article-card .body{padding:16px;}
.article-tag{font-size:10px; font-weight:800; text-transform:uppercase; color:var(--red-600); letter-spacing:.05em;}
.article-card h3{font-size:15px; margin:8px 0 6px; line-height:1.35;}
.article-card p{font-size:13px; color:var(--slate-500); line-height:1.5;}
.article-meta{margin-top:12px; font-size:11px; color:var(--slate-400); display:flex; justify-content:space-between;}

.newsletter{background:var(--red-600); border-radius:var(--radius-xl); padding:36px; text-align:center; color:#fff;}
.newsletter h3{color:#fff; font-size:22px; margin-bottom:8px;}
.newsletter p{color:var(--red-100); max-width:480px; margin:0 auto 20px;}
.newsletter-form{display:flex; gap:10px; max-width:420px; margin:0 auto; flex-wrap:wrap;}
.newsletter-form input{flex:1; min-width:180px; padding:12px 16px; border-radius:10px; border:none; font-size:14px;}
.newsletter-form button{background:var(--slate-900); color:#fff; border:none; padding:12px 22px; border-radius:10px; font-weight:700;}

.site-footer{background:#0f172a; color:var(--slate-300); border-top:1px solid rgba(255,255,255,.08); font-size:14px;}
.footer-main{padding:44px 0; display:grid; grid-template-columns:1fr 1fr; gap:32px;}
.footer-brand{grid-column:1 / -1;}
.footer-col:last-child{grid-column:1 / -1;}
@media(min-width:768px){.footer-main{grid-template-columns:2fr 1fr 1fr;}
.footer-brand{grid-column:auto;}
.footer-col:last-child{grid-column:auto;}}
@media(min-width:1024px){.footer-main{grid-template-columns:2fr 1fr 1fr 1fr;}}

.footer-logo{display:inline-flex; align-items:center; gap:10px; text-decoration:none; margin-bottom:14px;}
.footer-logo-img{display:block;height:36px;width:auto;}
.footer-logo-icon{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--red-600); color:#fff; border-radius:10px; font-weight:900; font-size:18px;}
.footer-logo-text{font-size:18px; font-weight:900; color:var(--slate-900); letter-spacing:-.01em;}

.footer-desc{max-width:380px; line-height:1.7; font-weight:500; margin:0 0 18px; color:var(--slate-400); font-size:14px;}

.footer-social-section{margin-bottom:20px;}
.footer-social-section h4{font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#fff; margin-bottom:10px;}
.social-links{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:18px;}
.social-links a{display:inline-flex; align-items:center; justify-content:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); padding:8px 14px; border-radius:12px; font-weight:700; font-size:13px; color:#fff; text-decoration:none;}
.social-links a:hover{background:var(--red-600); border-color:var(--red-600); color:#fff;}
.social-links a.social-fb{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.1);}
.social-links a.social-fb:hover{background:var(--red-600); border-color:var(--red-600);}
.social-links a.social-ebay{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.1);}
.social-links a.social-ebay:hover{background:var(--red-600); border-color:var(--red-600);}
.social-links a.social-whatsapp{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.1);}
.social-links a.social-whatsapp:hover{background:var(--red-600); border-color:var(--red-600);}

.footer-col h4{font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#fff; margin-bottom:14px;}
.footer-col ul{display:flex; flex-direction:column; gap:10px;}
.footer-col a{color:var(--slate-400); font-weight:500; text-decoration:none; font-size:14px;}
.footer-col a:hover{color:var(--red-400);}

.footer-contact-list{display:flex; flex-direction:column; gap:12px;}
.footer-contact-list li{display:flex; align-items:flex-start; gap:10px; color:var(--slate-400); font-weight:500; font-size:14px; line-height:1.5;}
.footer-contact-list li svg{flex-shrink:0; margin-top:2px; color:var(--red-600);}

.footer-bottom{border-top:1px solid rgba(255,255,255,.08); background:#0b1120; padding:20px 0;}
.footer-bottom .container{display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; font-size:13px; color:var(--slate-400); font-weight:600;}
@media(min-width:640px){.footer-bottom .container{flex-direction:row; justify-content:space-between; text-align:left;}}
.footer-payment-img{height:auto; width:auto;}

.breadcrumbs{font-size:12px; color:var(--slate-500); padding:14px 0; display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.breadcrumbs a:hover{color:var(--red-600);}
.breadcrumbs .sep{color:var(--slate-300);}
.breadcrumbs .current{color:var(--slate-800); font-weight:600;}

.listing-layout{display:grid; grid-template-columns:1fr; gap:24px; padding:20px 0 60px;}
@media(min-width:1024px){.listing-layout{grid-template-columns:260px 1fr;}}
.filters-panel{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:18px; align-self:flex-start; position:sticky; top:88px; display:none;}
@media(min-width:1024px){.filters-panel{display:block;}}
.filters-panel.mobile-open{display:block; position:fixed; inset:0; z-index:310; overflow-y:auto; border-radius:0; background:#fff;}
.filter-group{border-bottom:1px solid var(--slate-100); padding:14px 0;}
.filter-group:first-child{padding-top:0;}
.filter-group-head{display:flex; align-items:center; justify-content:space-between; font-weight:800; font-size:13px; color:var(--slate-900); cursor:pointer; margin-bottom:10px;}
.filter-option{display:flex; align-items:center; gap:8px; padding:5px 0; font-size:13px; color:var(--slate-600); cursor:pointer;}
.filter-option input{accent-color:var(--red-600);}
.price-range-inputs{display:flex; gap:8px; align-items:center;}
.price-range-inputs input{width:100%; padding:8px 10px; border:1px solid var(--slate-300); border-radius:8px; font-size:12px;}
.listing-toolbar{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--slate-200);}
.results-count{font-size:13px; color:var(--slate-500); font-weight:600;}
.toolbar-actions{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.sort-select{padding:9px 12px; border:1px solid var(--slate-300); border-radius:10px; font-size:13px; font-weight:600; color:var(--slate-700); background:#fff;}
.mobile-filter-btn{display:flex; align-items:center; gap:6px; padding:9px 14px; border:1px solid var(--slate-300); border-radius:10px; font-size:13px; font-weight:700; background:#fff;}
@media(min-width:1024px){.mobile-filter-btn{display:none;}}
.active-filter-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px;}
.chip{display:inline-flex; align-items:center; gap:6px; background:var(--red-50); color:var(--red-700); border:1px solid var(--red-200); padding:5px 10px; border-radius:99px; font-size:12px; font-weight:600;}
.chip button{background:none; border:none; color:var(--red-700); font-weight:900;}

.pdp-layout{display:grid; grid-template-columns:1fr; gap:32px; padding:20px 0 20px;}
@media(min-width:1024px){.pdp-layout{grid-template-columns:1fr 1fr 320px;}}
.pdp-gallery-main{aspect-ratio:1/1; border-radius:var(--radius-lg); overflow:hidden; background:var(--slate-100); border:1px solid var(--slate-200); margin-bottom:10px;}
.pdp-gallery-main img{width:100%; height:100%; object-fit:cover;}
.pdp-thumbs{display:flex; gap:10px;}
.pdp-thumbs img{width:64px; height:64px; object-fit:cover; border-radius:8px; border:2px solid var(--slate-200); cursor:pointer;}
.pdp-thumbs img.active{border-color:var(--red-600);}
.pdp-brand{color:var(--red-600); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.05em;}
.pdp-title{font-size:22px; margin:8px 0 10px; line-height:1.3;}
.pdp-rating-row{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--slate-500); margin-bottom:14px;}
.pdp-sku{color:var(--slate-400);}
.pdp-price-block{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:16px; margin-bottom:16px;}
.pdp-price{font-size:30px; font-weight:900; color:var(--slate-900);}
.pdp-price-row{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.pdp-vat-note{font-size:12px; color:var(--slate-500); margin-top:4px;}
.pdp-lease{font-size:13px; font-weight:700; color:var(--emerald-700); margin-top:8px;}
.pdp-short-desc{font-size:14px; color:var(--slate-600); line-height:1.6; margin:16px 0;}
.pdp-features{margin:16px 0; display:flex; flex-direction:column; gap:8px;}
.pdp-features li{display:flex; gap:8px; font-size:13.5px; color:var(--slate-700); align-items:flex-start;}
.pdp-features li::before{content:'✓'; color:var(--emerald-600); font-weight:900; flex-shrink:0;}
.pdp-sidebar{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:18px; align-self:flex-start; position:sticky; top:88px;}
.stock-status{display:flex; align-items:center; gap:6px; font-weight:700; font-size:13px; margin-bottom:14px;}
.qty-selector{display:flex; align-items:center; border:1px solid var(--slate-300); border-radius:10px; width:fit-content; margin-bottom:14px;}
.qty-selector button{width:36px; height:36px; background:none; border:none; font-size:16px; font-weight:700;}
.qty-selector .qval{width:44px; text-align:center; font-weight:800;}
.trust-mini{display:flex; flex-direction:column; gap:10px; margin-top:16px; font-size:12px; color:var(--slate-600);}
.trust-mini div{display:flex; align-items:center; gap:8px;}
.pdp-tabs{margin-top:40px; border-top:1px solid var(--slate-200);}
.tab-nav{display:flex; gap:4px; overflow-x:auto; border-bottom:1px solid var(--slate-200);}
.tab-btn{padding:14px 20px; font-weight:700; font-size:13px; color:var(--slate-500); border:none; background:none; border-bottom:2px solid transparent; white-space:nowrap;}
.tab-btn.active{color:var(--red-600); border-color:var(--red-600);}
.tab-panel{display:none; padding:24px 0;}
.tab-panel.active{display:block;}
.spec-table{width:100%; border-collapse:collapse; font-size:13.5px;}
.spec-table tr{border-bottom:1px solid var(--slate-100);}
.spec-table td{padding:10px 8px; }
.spec-table td:first-child{font-weight:700; color:var(--slate-500); width:40%;}
.accordion-item{border:1px solid var(--slate-200); border-radius:12px; margin-bottom:10px; overflow:hidden;}
.accordion-head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; font-weight:700; font-size:14px; background:var(--slate-50); cursor:pointer;}
.accordion-body{max-height:0; overflow:hidden; transition:max-height .25s ease; font-size:13.5px; color:var(--slate-600); line-height:1.6;}
.accordion-body-inner{padding:14px 16px;}
.accordion-item.open .accordion-body{max-height:600px;}
.accordion-item.open .accordion-head .chev{transform:rotate(180deg);}
.chev{transition:.2s;}

.basket-layout{display:grid; grid-template-columns:1fr; gap:28px; padding:24px 0 60px;}
@media(min-width:1024px){.basket-layout{grid-template-columns:1fr 340px;}}
#basketItems{display:flex; flex-direction:column; gap:12px;}
.basket-card{display:flex; flex-direction:row; background:#fff; border:1px solid var(--slate-200); border-radius:var(--radius-lg); box-shadow:var(--shadow-xs);}
@media(min-width:640px){.basket-card{flex-direction:row;}}
.basket-card-img{width:100px; height:100px; object-fit:contain; background:var(--slate-50); flex-shrink:0; border-radius:var(--radius-lg);}
@media(min-width:640px){.basket-card-img{width:120px; height:120px; border-radius:var(--radius-lg) 0 0 var(--radius-lg);}}
.basket-card-body{flex:1; padding:14px 16px; min-width:0; display:flex; flex-direction:column; gap:10px;}
.basket-card-row{display:flex; justify-content:space-between; gap:8px;}
.basket-card-info{min-width:0; flex:1;}
.basket-card-title{font-weight:800; font-size:14px; color:var(--slate-900); display:block; line-height:1.3; transition:color .15s;}
.basket-card-title:hover{color:var(--red-600);}
.basket-card-meta{display:flex; align-items:center; flex-wrap:wrap; gap:3px 8px; margin-top:4px; font-size:12px;}
.basket-card-sku{color:var(--slate-400); font-weight:600;}
.meta-dot{color:var(--slate-300); font-weight:700;}
.basket-card-stock{font-weight:700;}
.basket-card-stock.in{color:var(--emerald-600);}
.basket-card-stock.out{color:var(--red-600);}
.basket-card-remove{background:none; border:none; cursor:pointer; padding:0; border-radius:50%; transition:.15s; align-self:flex-start; flex-shrink:0; display:flex; align-items:center; justify-content:center; width:32px; height:32px; color:var(--slate-400);}
.basket-card-remove:hover{color:var(--red-600); background:var(--red-50);}
.basket-card-remove svg{display:block;}
.basket-card-pricing{display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; background:var(--slate-50); border-radius:10px; padding:9px 14px;}
.basket-card-price,.basket-card-qty,.basket-card-total{display:flex; align-items:center; gap:6px; flex-shrink:0;}
.basket-label{font-size:10px; font-weight:700; color:var(--slate-500); text-transform:uppercase; letter-spacing:.04em;}
.basket-price,.basket-subtotal{font-weight:800; font-size:14px; color:var(--slate-900);}
.basket-qty{display:flex; align-items:center; border:1px solid var(--slate-200); border-radius:7px; width:fit-content; background:#fff; flex-shrink:0;}
.basket-qty button{width:32px; height:32px; background:none; border:none; font-size:15px; font-weight:700; color:var(--slate-700); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; line-height:1;}
.basket-qty button:hover{background:var(--slate-100); color:var(--slate-900);}
.basket-qty .qty-val{width:34px; text-align:center; font-weight:800; font-size:14px; border:none; background:transparent; color:var(--slate-900); padding:0;}
.warranty-check{display:inline-flex; align-items:center; gap:4px; cursor:pointer; padding:2px 0;}
.warranty-check input{accent-color:var(--red-600); width:13px; height:13px; margin:0;}
.warranty-check span{font-weight:600; color:var(--slate-700); font-size:11.5px;}
.warranty-plus{color:var(--slate-500) !important; font-weight:700 !important; font-size:11px !important;}
.summary-card{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:20px; align-self:flex-start; position:sticky; top:88px; background:#fff; box-shadow:var(--shadow-sm);}
.summary-row{display:flex; justify-content:space-between; font-size:13.5px; color:var(--slate-600); padding:8px 0;}
.summary-row.total{font-size:17px; font-weight:900; color:var(--slate-900); border-top:1px solid var(--slate-200); margin-top:8px; padding-top:14px;}
.promo-row{display:flex; gap:8px; margin:14px 0;}
.promo-row input{flex:1; padding:10px 12px; border:1px solid var(--slate-300); border-radius:10px; font-size:13px;}
@media(max-width:767px){.basket-layout{grid-template-columns:1fr !important;}}
.js-drawer-warranty{accent-color:var(--red-600);}
.js-warranty-check{accent-color:var(--red-600);}

.form-card{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:24px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block; font-size:13px; font-weight:700; color:var(--slate-700); margin-bottom:6px;}
.form-group .hint{font-weight:500; color:var(--slate-400); font-size:11px;}
.form-row{display:grid; grid-template-columns:1fr; gap:14px;}
@media(min-width:640px){.form-row.two{grid-template-columns:1fr 1fr;}}
@media(min-width:640px){.form-row.three{grid-template-columns:1fr 1fr 1fr;}}
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], select, textarea{
  width:100%; padding:11px 14px; border:1px solid var(--slate-300); border-radius:10px; font-size:14px; color:var(--slate-800); background:#fff; font-family:inherit;
}
input:focus, select:focus, textarea:focus{outline:2px solid var(--red-200); border-color:var(--red-600);}
input.error, select.error{border-color:var(--red-600); background:var(--red-50);}
.field-error{color:var(--red-600); font-size:11.5px; font-weight:600; margin-top:5px; display:none;}
.field-error.show{display:block;}
.checkbox-row{display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--slate-600);}
.checkbox-row input{accent-color:var(--red-600); margin-top:3px;}
.payment-options{display:flex; flex-direction:column; gap:10px;}
.payment-option{display:flex; align-items:center; gap:12px; border:1px solid var(--slate-200); border-radius:12px; padding:14px; cursor:pointer;}
.payment-option.selected{border-color:var(--red-600); background:var(--red-50);}
.payment-option input{accent-color:var(--red-600);}
.step-indicator{display:flex; align-items:center; gap:8px; margin-bottom:24px; flex-wrap:wrap;}
.step-indicator .step{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--slate-400);}
.step-indicator .step.active{color:var(--red-600);}
.step-indicator .step .dot{width:22px; height:22px; border-radius:50%; background:var(--slate-200); color:var(--slate-500); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800;}
.step-indicator .step.active .dot{background:var(--red-600); color:#fff;}
.step-indicator .divider{flex:1; height:1px; background:var(--slate-200); min-width:16px;}

.auth-wrap{max-width:440px; margin:40px auto 70px;}
.auth-tabs{display:flex; border:1px solid var(--slate-200); border-radius:12px; overflow:hidden; margin-bottom:24px;}
.auth-tabs button{flex:1; padding:12px; font-weight:700; font-size:14px; background:#fff; border:none; color:var(--slate-500);}
.auth-tabs button.active{background:var(--red-600); color:#fff;}

.login-wrap{display:flex; min-height:calc(100vh - 120px); padding:60px 0 80px; gap:20px; align-items:stretch; max-width:900px; margin:0 auto;}
.login-left{display:none; flex:0 0 400px; background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:20px; overflow:hidden;}
.login-right{flex:1; display:flex; align-items:flex-start; justify-content:center; padding:0;}
@media(max-width:959px){.login-wrap{min-height:0; padding:0; gap:0;}.login-right{padding:16px;}}
.login-left-inner{padding:28px 24px;}
.login-left-badge{display:inline-block; background:var(--red-600); color:#fff; font-size:10px; font-weight:800; padding:5px 12px; border-radius:6px; letter-spacing:.06em; margin-bottom:20px;}
.login-left-title{font-size:22px; font-weight:800; color:#fff; line-height:1.3; margin:0 0 8px;}
.login-left-desc{font-size:12px; color:var(--slate-400); line-height:1.5; margin:0 0 20px;}
.login-benefit{display:flex; align-items:flex-start; gap:10px; padding:10px 12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:10px; margin-bottom:6px;}
.login-benefit-icon{font-size:18px; flex-shrink:0; margin-top:1px;}
.login-benefit-info{flex:1; min-width:0;}
.login-benefit-title{font-size:12px; font-weight:700; color:#fff; margin-bottom:1px;}
.login-benefit-desc{font-size:11px; color:var(--slate-400); line-height:1.3;}
.login-benefit-tag{background:rgba(255,255,255,.12); color:var(--slate-300); font-size:9px; font-weight:700; padding:2px 7px; border-radius:5px; white-space:nowrap; flex-shrink:0; margin-top:1px;}
.login-left-help{display:flex; align-items:center; gap:10px; margin-top:14px; padding:10px 12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:10px;}
.login-left-help-icon{font-size:18px;}
.login-left-help-title{font-size:12px; font-weight:700; color:#fff; margin-bottom:1px;}
.login-left-help-desc{font-size:11px; color:var(--slate-400);}
.login-card-simple{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:36px 32px;}
.login-demo-bar{display:flex; align-items:center; justify-content:space-between; background:#fffbeb; border:1px solid #fde68a; border-radius:10px; padding:10px 14px; margin-bottom:22px; gap:10px;}
.login-demo-label{font-size:12.5px; font-weight:700; color:var(--slate-700); white-space:nowrap;}
.login-demo-btn{background:var(--red-600); color:#fff; border:none; border-radius:8px; padding:8px 14px; font-size:11.5px; font-weight:700; cursor:pointer; white-space:nowrap; transition:background .15s;}
.login-demo-btn:hover{background:var(--red-700);}
.login-footer-trust{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:22px; font-size:12px; color:var(--slate-400); font-weight:500;}
@media(max-width:480px){.login-card-simple{padding:24px 20px;}.login-demo-bar{flex-direction:column; align-items:stretch; text-align:center;}}
@media(min-width:960px){.login-left{display:block;}}

.toast-wrap{position:fixed; top:16px; right:16px; z-index:500; display:flex; flex-direction:column; gap:10px;}
.toast{background:var(--slate-900); color:#fff; padding:12px 18px; border-radius:12px; font-size:13px; font-weight:600; box-shadow:var(--shadow-lg); display:flex; align-items:center; gap:8px; animation:toast-in .2s ease;}
.toast.success{background:var(--emerald-700);}
.toast.error{background:var(--red-700);}
@keyframes toast-in{from{opacity:0; transform:translateY(-10px);} to{opacity:1; transform:translateY(0);}}

.modal-overlay{position:fixed; inset:0; background:rgba(15,23,42,.6); z-index:400; opacity:0; pointer-events:none; transition:.2s;}
.modal-overlay.open{opacity:1; pointer-events:auto;}
.modal-box{position:fixed; top:8%; left:50%; transform:translateX(-50%) translateY(-16px); width:92%; max-width:640px; background:#fff; border-radius:var(--radius-lg); z-index:401; box-shadow:var(--shadow-lg); opacity:0; pointer-events:none; transition:.2s; max-height:80vh; display:flex; flex-direction:column;}
.modal-overlay.open + .modal-box, .modal-box.open{opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0);}
.modal-head{display:flex; align-items:center; gap:10px; padding:16px 18px; border-bottom:1px solid var(--slate-200);}
.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:1px solid var(--slate-200);box-shadow:0 -4px 24px rgba(15,23,42,.10);transform:translateY(100%);transition:transform .3s ease;}
.cookie-consent.show{transform:translateY(0);}
.cookie-consent-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;max-width:var(--maxw);margin:0 auto;flex-wrap:wrap;}
.cookie-consent-text{display:flex;align-items:center;gap:10px;flex:1;min-width:250px;}
.cookie-consent-text p{margin:0;font-size:13px;color:var(--slate-600);line-height:1.5;}
.cookie-consent-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.cookie-consent-actions .btn{padding:10px 18px;font-size:13px;font-weight:700;border-radius:10px;}
.cookie-consent-actions .cookie-settings-btn{background:none;border:1px solid var(--slate-300);color:var(--slate-700);}
.cookie-consent-actions .cookie-settings-btn:hover{background:var(--slate-50);border-color:var(--slate-400);}

.cookie-settings-panel{display:none;background:#fff;border-top:1px solid var(--slate-200);}
.cookie-settings-panel.open{display:block;}
.cookie-settings-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--slate-200);}
.cookie-settings-head h3{font-size:16px;font-weight:800;color:var(--slate-900);margin:0;}
.cookie-settings-body{padding:16px 24px;max-width:var(--maxw);margin:0 auto;}
.cookie-setting-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--slate-100);}
.cookie-setting-item:last-child{border-bottom:none;}
.cookie-setting-info strong{display:block;font-size:13.5px;color:var(--slate-800);margin-bottom:2px;}
.cookie-setting-info p{margin:0;font-size:12px;color:var(--slate-500);line-height:1.5;}
.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.cookie-toggle input{opacity:0;width:0;height:0;}
.cookie-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--slate-300);border-radius:99px;transition:.2s;}
.cookie-toggle-slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;}
.cookie-toggle input:checked+.cookie-toggle-slider{background:var(--red-600);}
.cookie-toggle input:checked+.cookie-toggle-slider::before{transform:translateX(20px);}
.cookie-toggle input:disabled+.cookie-toggle-slider{opacity:.5;cursor:not-allowed;}
.cookie-settings-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--slate-200);max-width:var(--maxw);margin:0 auto;}
.cookie-settings-footer .btn{padding:10px 20px;font-size:13px;font-weight:700;border-radius:10px;}

@media(max-width:640px){
  .hide-on-mobile{display:none !important;}
  .cookie-consent-inner{flex-direction:column;text-align:center;}
  .cookie-consent-text{justify-content:center;}
  .cookie-consent-actions{width:100%;justify-content:center;}
}
.modal-head input{flex:1; border:none; font-size:15px; outline:none;}
.search-mic{background:none; border:none; padding:6px; border-radius:50%; cursor:pointer; color:var(--slate-400); transition:.15s; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.search-mic:hover{color:var(--red-600); background:var(--red-50);}
.search-mic.recording{color:var(--red-600); background:var(--red-50); animation:mic-pulse 1s ease-in-out infinite;}
@keyframes mic-pulse{0%,100%{opacity:1;} 50%{opacity:.4;}}
.modal-body{padding:16px 18px; overflow-y:auto;}
.search-result-item{display:flex; gap:12px; padding:10px; border-radius:10px; align-items:center;}
.search-result-item:hover{background:var(--slate-50);}
.search-result-item img{width:46px; height:46px; border-radius:8px; object-fit:cover;}
.search-section{margin-bottom:6px;}
.search-section-head{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--slate-500); padding:10px 10px 4px;}
.search-cat-row{display:flex; gap:8px; padding:4px 10px 6px; overflow-x:auto; scrollbar-width:none;}
.search-cat-row::-webkit-scrollbar{display:none;}
.search-cat-item{display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 14px; border:1px solid var(--slate-200); border-radius:12px; min-width:80px; flex-shrink:0; transition:.15s; text-align:center;}
.search-cat-item:hover{border-color:var(--red-600); background:var(--red-50);}
.search-cat-item img{width:40px; height:40px; border-radius:8px; object-fit:cover;}
.search-cat-item span{font-size:11px; font-weight:700; color:var(--slate-700); line-height:1.2; max-width:80px;}
.search-cat-icon{width:40px; height:40px; border-radius:8px; background:var(--slate-100); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; color:var(--slate-500); flex-shrink:0;}
.sr-name{font-weight:700; font-size:13px; color:var(--slate-900); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sr-meta{font-size:11px; color:var(--slate-500); margin-top:1px;}
.search-tag{display:inline-block; padding:4px 12px; border:1px solid var(--slate-200); border-radius:99px; font-size:12px; font-weight:600; color:var(--slate-600); margin:2px 4px 2px 0; transition:.15s;}
.search-tag:hover{border-color:var(--red-600); color:var(--red-600); background:var(--red-50);}
.search-view-all{display:block; text-align:center; padding:12px; margin-top:4px; border-top:1px solid var(--slate-100); font-weight:700; font-size:13px; color:var(--red-600); border-radius:0 0 var(--radius-lg) var(--radius-lg);}
.search-view-all:hover{background:var(--red-50);}

.page-hero{background:var(--slate-900); color:#fff; padding:34px 0;}
.page-hero h1{color:#fff; font-size:26px;}
.page-hero p{color:var(--slate-300); margin-top:8px; max-width:600px;}

.account-layout{display:grid; grid-template-columns:1fr; gap:24px; padding:24px 0 60px; max-width:960px; margin:0 auto;}
.account-layout > *{min-width:0;}
@media(min-width:900px){.account-layout{grid-template-columns:240px 1fr;}}
.account-nav{display:flex; flex-direction:column; gap:4px; border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:10px; align-self:flex-start;}
.account-nav button{text-align:left; padding:11px 12px; border-radius:10px; font-weight:600; font-size:13.5px; color:var(--slate-600); background:none; border:none;}
.account-nav button.active{background:var(--red-50); color:var(--red-600); font-weight:800;}
.account-panel{display:none;}
.account-panel.active{display:block;}
.stat-card{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:18px;}
.stat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:24px;}
@media(min-width:640px){.stat-grid{grid-template-columns:repeat(4,1fr);}}
.stat-card .val{font-size:22px; font-weight:900; color:var(--slate-900);}
.stat-card .lbl{font-size:12px; color:var(--slate-500); margin-top:4px;}
.order-row{border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:16px; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;}
.order-status{font-size:11px; font-weight:800; padding:5px 10px; border-radius:99px;}
.order-status.processing{background:#fef3c7; color:#92400e;}
.order-status.dispatched{background:#dbeafe; color:#1e40af;}
.order-status.delivered{background:#d1fae5; color:#065f46;}

.compare-table{width:100%; border-collapse:collapse; font-size:12.5px;}
.compare-table td, .compare-table th{border:1px solid var(--slate-200); padding:10px; text-align:left;}

.divider{height:1px; background:var(--slate-200); margin:32px 0;}
.text-center{text-align:center;}
.mt-16{margin-top:16px;} .mt-24{margin-top:24px;} .mb-16{margin-bottom:16px;}
.flex{display:flex;} .items-center{align-items:center;} .gap-8{gap:8px;}
.empty-state{text-align:center; padding:70px 20px; color:var(--slate-500);}
.empty-state .icon{font-size:52px; margin-bottom:16px;}
.empty-state h3{margin-bottom:8px;}
.badge-inline{background:var(--red-50); color:var(--red-700); font-size:11px; font-weight:700; padding:3px 8px; border-radius:6px;}

.hero-shortcuts::-webkit-scrollbar, .category-bar .container::-webkit-scrollbar, .brand-strip::-webkit-scrollbar, .tab-nav::-webkit-scrollbar{height:0;}

.skip-link{position:absolute; left:-999px; top:0; background:#fff; padding:10px; z-index:999;}
.skip-link:focus{left:10px;}

.emoji{font-size:1.05em;}

.hero2{position:relative; background:linear-gradient(180deg, var(--slate-50), #fff 45%, var(--slate-100)); overflow:hidden; padding:24px 0 40px;}
@media(min-width:1024px){.hero2{padding:32px 0 48px;}}
.hero2-bg-blob{position:absolute; width:380px; height:380px; border-radius:50%; filter:blur(60px); pointer-events:none;}
.hero2-blob-1{top:-120px; right:-100px; background:rgba(220,38,38,.06);}
.hero2-blob-2{bottom:-120px; left:-100px; background:rgba(245,158,11,.10);}
.hero2-grid{position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:24px; align-items:stretch;}
@media(min-width:1024px){.hero2-grid{grid-template-columns:1fr 1fr; gap:32px;}}
.hero2-left{text-align:center;}
@media(min-width:1024px){.hero2-left{text-align:left;}}
.hero2-eyebrow{display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,.9); border:1px solid var(--slate-200); box-shadow:var(--shadow-xs); padding:7px 14px; border-radius:99px; font-size:12px; font-weight:600; color:var(--slate-800); margin-bottom:16px;}
.hero2-stars{color:var(--amber-400); letter-spacing:1px;}
.hero2-eyebrow-verified{color:var(--emerald-700); font-weight:700;}
.hero2-dot{color:var(--red-600);}
.hero2-title{font-size:28px; line-height:1.15; margin-bottom:14px;}
@media(min-width:640px){.hero2-title{font-size:38px;}}
@media(min-width:1024px){.hero2-title{font-size:44px;}}
.hero2-title-gradient{display:block; margin-top:6px; background:linear-gradient(90deg, var(--red-600), #ef4444, var(--amber-600)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero2-sub{font-size:14px; color:var(--slate-600); font-weight:500; max-width:520px; margin:0 auto 18px; line-height:1.6;}
@media(min-width:1024px){.hero2-sub{margin:0 0 18px;}}
.hero2-search-row{max-width:520px; margin:0 auto 16px;}
@media(min-width:1024px){.hero2-search-row{margin:0 0 16px;}}
.hero2-search-btn{width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--slate-100); border:1px solid var(--slate-200); padding:8px; border-radius:16px; box-shadow:var(--shadow-md);}
.hero2-search-left{flex:1; display:flex; align-items:center; gap:10px; background:#fff; padding:12px 16px; border-radius:12px; border:1px solid var(--slate-200); font-size:13px; color:var(--slate-500); text-align:left;}
.hero2-search-cta{background:var(--red-600); color:#fff; font-weight:700; font-size:12px; padding:10px 16px; border-radius:10px; white-space:nowrap;}
.hero2-cta-row{display:flex; flex-direction:column; align-items:stretch; gap:10px; max-width:520px; margin:0 auto;}
@media(min-width:640px){.hero2-cta-row{flex-direction:row; align-items:center;}}
@media(min-width:1024px){.hero2-cta-row{margin:0; justify-content:flex-start;}}

.hero2-right{display:flex; flex-direction:column; gap:16px;}
.deal-card{background:#fff; border-radius:24px; padding:18px; border:1px solid var(--slate-200); box-shadow:var(--shadow-lg); flex:1; display:flex; flex-direction:column;}
.deal-card-top{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; flex-wrap:wrap;}
.deal-badge{background:var(--red-600); color:#fff; font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; padding:5px 12px; border-radius:99px;}
.deal-controls{display:flex; align-items:center; gap:2px; background:var(--slate-100); border:1px solid var(--slate-200); padding:3px; border-radius:12px;}
.deal-controls button{background:none; border:none; padding:5px 8px; border-radius:8px; font-size:14px; color:var(--slate-600);}
.deal-controls button:hover{background:#fff; color:var(--slate-900);}
.deal-card-body{display:grid; grid-template-columns:1fr; gap:14px; flex:1;}
@media(min-width:480px){.deal-card-body{grid-template-columns:6fr 5fr;}}
.cat-sliders-grid{display:grid; grid-template-columns:1fr; gap:20px;}
@media(min-width:640px){.cat-sliders-grid{grid-template-columns:1fr 1fr;}}
.cat-slider-title{font-size:24px; font-weight:800; color:var(--slate-900); margin:0 0 12px 0;}
.about-welcome-card{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:28px 32px; box-shadow:var(--shadow-sm);}
.about-welcome-card h2{font-size:26px; font-weight:700; color:var(--slate-900); margin:0 0 6px 0;}
.about-welcome-sub{font-size:14px; font-weight:600; color:var(--slate-700); margin:0 0 20px 0;}
.about-welcome-card p{font-size:15px; color:var(--slate-600); line-height:1.7; margin:0 0 16px 0;}
.about-welcome-card p:last-child{margin-bottom:0;}
.deal-image-wrap{position:relative; border-radius:16px; overflow:hidden; background:transparent; height:240px;}
.deal-image-wrap img{width:100%; height:100%; object-fit:contain;}
.deal-sku-tag{position:absolute; bottom:6px; left:6px; background:rgba(15,23,42,.8); color:#fff; font-size:9px; font-family:monospace; padding:2px 8px; border-radius:5px;}
.deal-info{display:flex; flex-direction:column; gap:8px; min-width:0;}
.deal-stock-row{display:flex; justify-content:space-between; font-size:11px; font-family:monospace; color:var(--slate-500);}
.deal-stock-row .in-stock{color:var(--emerald-700); font-weight:700;}
.deal-title{font-size:13.5px; font-weight:700; color:var(--slate-900); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.deal-price-row{display:flex; align-items:baseline; justify-content:space-between; gap:8px; flex-wrap:wrap; padding-top:2px;}
.deal-price{font-size:20px; font-weight:900; color:var(--slate-900);}
.deal-price-note{font-size:10px; color:var(--slate-500); margin-left:4px;}
.deal-lease-tag{font-size:10px; font-weight:700; color:var(--red-700); background:var(--red-50); border:1px solid var(--red-200); padding:2px 8px; border-radius:6px;}
.deal-features{list-style:none; padding-top:8px; border-top:1px solid var(--slate-100); margin-top:4px; display:flex; flex-direction:column; gap:5px;}
.deal-features li{font-size:11px; color:var(--slate-600); font-weight:500; display:flex; align-items:center; gap:6px;}
.deal-features li::before{content:'✓'; color:var(--red-600); font-weight:900; flex-shrink:0;}
.deal-dots{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:12px;}
.deal-dots button{width:6px; height:6px; border-radius:99px; background:var(--slate-200); border:none; padding:0;}
.deal-dots button.active{width:20px; background:var(--red-600);}

.shortcuts-card{margin-top:20px; background:#fff; padding:18px; border-radius:24px; border:1px solid var(--slate-200); box-shadow:var(--shadow-md);}
.shortcuts-head{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; flex-wrap:wrap;}
.shortcuts-head span:first-child{font-weight:800; font-size:12.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--slate-900);}
.shortcuts-badge{font-size:11px; font-weight:700; color:var(--red-700); background:var(--red-50); border:1px solid var(--red-200); padding:3px 10px; border-radius:8px;}
.shortcuts-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:8px;}
@media(min-width:480px){.shortcuts-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:768px){.shortcuts-grid{grid-template-columns:repeat(4,1fr);}}
@media(min-width:1024px){.shortcuts-grid{grid-template-columns:repeat(5,1fr);}}
.shortcut-btn{display:flex; align-items:center; gap:8px; background:var(--slate-50); border:1px solid var(--slate-200); padding:10px 12px; border-radius:12px; font-size:11.5px; font-weight:700; color:var(--slate-800); text-decoration:none; transition:all .15s;}
.shortcut-btn:hover{background:var(--red-600); border-color:var(--red-600); color:#fff;}
.shortcut-img{width:36px; height:36px; border-radius:8px; overflow:hidden; flex-shrink:0; background:var(--slate-100); display:flex; align-items:center; justify-content:center;}
.shortcut-img img{width:100%; height:100%; object-fit:cover;}
.shortcut-label{line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.hero2-usp-strip{margin-top:24px; background:#fff; border:1px solid var(--slate-200); box-shadow:var(--shadow-xs); border-radius:18px; padding:16px; display:grid; grid-template-columns:1fr; gap:14px;}
@media(min-width:640px){.hero2-usp-strip{grid-template-columns:repeat(3,1fr);}}
.hero2-usp-item{display:flex; align-items:center; gap:10px; padding-top:10px; border-top:1px solid var(--slate-200);}
.hero2-usp-strip .hero2-usp-item:first-child{padding-top:0; border-top:none;}
@media(min-width:640px){.hero2-usp-item{border-top:none; padding-top:0; border-left:1px solid var(--slate-200); padding-left:16px;} .hero2-usp-strip .hero2-usp-item:first-child{border-left:none; padding-left:0;}}
.hero2-usp-icon{width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;}
.hero2-usp-icon.red{background:var(--red-50);} .hero2-usp-icon.amber{background:#fffbeb;} .hero2-usp-icon.emerald{background:#ecfdf5;}
.hero2-usp-title{font-weight:800; font-size:12.5px; color:var(--slate-900);}
.hero2-usp-desc{font-size:11px; color:var(--slate-500);}

.trust-cards-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:960px; margin:0 auto;}
@media(min-width:768px){.trust-cards-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.trust-cards-grid{grid-template-columns:repeat(4,1fr);}}
.trust-card{background:#fff; padding:18px 14px; border-radius:18px; border:1px solid var(--slate-200); box-shadow:var(--shadow-xs); text-align:center;}
.trust-card:hover{box-shadow:var(--shadow-md);}
.trust-card-icon{width:52px; height:52px; border-radius:16px; margin:0 auto 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;}
.trust-card-icon.google{background:#fff; border:1px solid var(--slate-200); box-shadow:var(--shadow-xs);}
.trust-card-mini-stars{font-size:6px; color:var(--amber-400); margin-top:2px; letter-spacing:1px;}
.trust-card-icon.years{background:linear-gradient(135deg, var(--red-600), var(--amber-700)); color:#fff;}
.years-num{font-size:13px; font-weight:900; color:#fde68a; line-height:1;}
.years-lbl{font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; color:rgba(255,255,255,.9);}
.years-est{position:absolute; bottom:-6px; background:var(--amber-400); color:var(--slate-900); font-size:7px; font-weight:900; padding:1px 5px; border-radius:99px; border:1px solid #fff;}
.trust-card-icon.warranty{background:linear-gradient(135deg, var(--emerald-600), #115e59); color:#fff; font-size:18px;}
.warranty-lbl{font-size:9px; font-weight:900; text-transform:uppercase; color:#fff; margin-top:2px;}
.warranty-tag{position:absolute; bottom:-8px; background:#6ee7b7; color:var(--slate-900); font-size:6.5px; font-weight:900; padding:1px 5px; border-radius:99px; border:1px solid #fff; white-space:nowrap;}
.trust-card-icon.plain{font-size:22px;}
.trust-card-icon.plain.blue{background:#eff6ff;} .trust-card-icon.plain.purple{background:#faf5ff;} .trust-card-icon.plain.slate{background:var(--slate-100);}
.trust-card-tag{display:inline-block; font-size:9.5px; font-weight:800; padding:2px 8px; border-radius:6px; margin-bottom:6px;}
.trust-card-tag.amber{background:#fffbeb; color:#92400e; border:1px solid #fde68a;}
.trust-card-tag.red{background:var(--red-50); color:#991b1b; border:1px solid var(--red-200);}
.trust-card-tag.emerald{background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0;}
.trust-card-tag.blue{background:#eff6ff; color:#1e40af; border:1px solid #bfdbfe;}
.trust-card-tag.purple{background:#faf5ff; color:#6b21a8; border:1px solid #e9d5ff;}
.trust-card-tag.slate{background:var(--slate-100); color:var(--slate-700); border:1px solid var(--slate-300);}
.trust-card h3{font-size:13.5px; margin-bottom:5px;}
.trust-card p{font-size:11px; color:var(--slate-500); line-height:1.5;}
.amber-text{color:var(--amber-600); font-weight:800;}

.cat-grid2{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
@media(min-width:640px){.cat-grid2{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){.cat-grid2{grid-template-columns:repeat(5,1fr);}}
.cat-card2{background:#fff; border:1px solid var(--slate-200); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-xs); display:flex; flex-direction:column;}
.cat-card2:hover{box-shadow:var(--shadow-lg); border-color:var(--red-200);}
.cat-card2 .img-wrap{position:relative; aspect-ratio:1/1; background:transparent; overflow:hidden;}
.cat-card2 .img-wrap img{width:100%; height:100%; object-fit:contain;}
.cat-card2 .img-overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(2,6,23,.85), rgba(2,6,23,.15) 55%, transparent);}
.cat-card2 .count-badge{position:absolute; top:8px; right:8px; background:rgba(15,23,42,.9); color:#fff; font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:99px;}
.cat-card2 .cat-name{position:absolute; bottom:8px; left:10px; right:10px; color:#fff; font-weight:800; font-size:13px;}
.cat-card2 .body{padding:12px; flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:10px; background:var(--slate-50);}
.cat-card2 .desc{font-size:11px; color:var(--slate-500); line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cat-card2 .browse-row{display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:800; color:var(--slate-900); padding-top:8px; border-top:1px solid var(--slate-200);}

.finance-section{background:linear-gradient(140deg, var(--slate-900), var(--slate-900) 60%, #1e1b4b); color:#fff; padding:56px 0;}
.finance-grid{display:grid; grid-template-columns:1fr; gap:32px; align-items:center;}
@media(min-width:1024px){.finance-grid{grid-template-columns:1fr 1fr;}}
.finance-tag{display:inline-flex; align-items:center; gap:6px; background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.3); color:var(--amber-300); font-size:11px; font-weight:800; padding:6px 12px; border-radius:99px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:14px;}
.finance-left h2{color:#fff; font-size:26px; margin-bottom:12px; line-height:1.2;}
.finance-left p{color:var(--slate-300); font-size:13.5px; line-height:1.6; margin-bottom:14px;}
.finance-list{list-style:none; display:flex; flex-direction:column; gap:8px;}
.finance-list li{font-size:12px; font-weight:600; color:var(--slate-200);}
.finance-calc{background:rgba(30,41,59,.9); border:1px solid rgba(51,65,85,.8); border-radius:22px; padding:22px; box-shadow:var(--shadow-lg);}
.finance-calc-head{display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--slate-700); margin-bottom:16px; font-size:13px; font-weight:800; color:#fff; flex-wrap:wrap; gap:8px;}
.finance-calc-partner{font-size:10.5px; color:var(--amber-400); font-family:monospace; font-weight:700; background:rgba(120,53,15,.4); padding:4px 10px; border-radius:6px; border:1px solid rgba(146,64,14,.6);}
.finance-calc-row{margin-bottom:18px;}
.finance-calc-label{display:flex; justify-content:space-between; font-size:11.5px; font-weight:700; color:var(--slate-300); margin-bottom:6px;}
.finance-calc-label span:last-child{color:#fff; font-size:15px;}
.finance-calc-row input[type=range]{width:100%; accent-color:var(--red-600); height:6px; border-radius:6px; background:var(--slate-700); cursor:pointer;}
.finance-calc-scale{display:flex; justify-content:space-between; font-size:9.5px; color:var(--slate-500); font-family:monospace; margin-top:4px;}
.finance-term-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:8px;}
.finance-term-grid button{padding:9px; font-size:11.5px; font-weight:700; border-radius:10px; background:rgba(51,65,85,.8); color:var(--slate-300); border:none;}
.finance-term-grid button.active{background:var(--red-600); color:#fff; box-shadow:var(--shadow-md);}
.finance-result{background:rgba(15,23,42,.9); border:1px solid var(--slate-700); border-radius:16px; padding:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px;}
.finance-result-label{display:block; font-size:10.5px; color:var(--slate-400); font-weight:600;}
.finance-result-value{font-size:24px; font-weight:900; color:var(--amber-400);}
.finance-result-note{font-size:10px; color:var(--slate-500); margin-left:4px;}
.finance-disclaimer{font-size:10px; color:var(--slate-400); line-height:1.5;}

.perks-grid{display:grid; grid-template-columns:1fr; gap:18px;}
@media(min-width:768px){.perks-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.perks-grid{grid-template-columns:repeat(3,1fr);}}
.perk-card{background:#fff; padding:22px; border-radius:18px; border:1px solid var(--slate-200); box-shadow:var(--shadow-xs);}
.perk-card:hover{box-shadow:var(--shadow-md); border-color:var(--red-200);}
.perk-icon{width:46px; height:46px; border-radius:14px; background:var(--red-50); color:var(--red-600); display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:12px;}
.perk-card h3{font-size:15px; margin-bottom:8px;}
.perk-card p{font-size:12px; color:var(--slate-500); line-height:1.55;}

.about-top-grid{display:grid; grid-template-columns:1fr; gap:32px; align-items:center; margin-bottom:40px;}
@media(min-width:1024px){.about-top-grid{grid-template-columns:7fr 5fr;}}
.about-tag{display:inline-flex; align-items:center; gap:6px; background:var(--red-50); color:#991b1b; border:1px solid var(--red-200); padding:6px 14px; border-radius:99px; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-bottom:16px;}
.about-left h2{font-size:26px; line-height:1.25; margin-bottom:14px;}
@media(min-width:768px){.about-left h2{font-size:32px;}}
.about-left p{font-size:13.5px; color:var(--slate-600); line-height:1.65; margin-bottom:12px;}
.about-checks{display:grid; grid-template-columns:1fr; gap:10px; margin-top:14px;}
@media(min-width:480px){.about-checks{grid-template-columns:1fr 1fr;}}
.about-checks div{display:flex; align-items:center; gap:8px; background:var(--slate-50); border:1px solid var(--slate-200); padding:10px 12px; border-radius:12px; font-size:12px; font-weight:700; color:var(--slate-800);}
.about-image-card{position:relative; border-radius:22px; overflow:hidden; border:1px solid var(--slate-200); box-shadow:var(--shadow-lg);}
.about-image-card img{width:100%; height:340px; object-fit:cover;}
.about-image-overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(15,23,42,.85), rgba(15,23,42,.15) 55%, transparent); display:flex; flex-direction:column; justify-content:flex-end; padding:22px; color:#fff;}
.about-image-tag{background:rgba(220,38,38,.9); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; padding:4px 10px; border-radius:99px; width:fit-content; margin-bottom:8px;}
.about-image-overlay h3{color:#fff; font-size:17px;}
.about-image-overlay p{font-size:11.5px; color:var(--slate-200); margin-top:4px;}

.milestones-strip{background:var(--slate-900); color:#fff; border-radius:22px; padding:32px; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; text-align:center; box-shadow:var(--shadow-lg); margin-bottom:8px;}
@media(min-width:768px){.milestones-strip{grid-template-columns:repeat(4,1fr);}}
.milestone-num{font-size:30px; font-weight:900; color:var(--amber-400); font-family:monospace;}
.milestone-lbl{font-size:11.5px; color:var(--slate-300); font-weight:600; margin-top:4px;}

.pillars-grid{display:grid; grid-template-columns:1fr; gap:18px;}
@media(min-width:768px){.pillars-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.pillars-grid{grid-template-columns:repeat(4,1fr);}}
.pillar-card{background:var(--slate-50); border:1px solid var(--slate-200); border-radius:20px; padding:20px;}
.pillar-icon{width:40px; height:40px; border-radius:14px; background:var(--red-600); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:12px;}
.pillar-card h4{font-size:13.5px; margin-bottom:8px;}
.pillar-card p{font-size:11.5px; color:var(--slate-600); line-height:1.55;}

.about-contact-banner{margin-top:36px; background:linear-gradient(90deg, var(--slate-100), #fff, var(--slate-100)); border:1px solid var(--slate-200); border-radius:22px; padding:24px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px;}
@media(min-width:768px){.about-contact-banner{flex-direction:row; justify-content:space-between; text-align:left;}}
.about-contact-banner h3{font-size:16px; margin-bottom:4px;}
.about-contact-banner p{font-size:12px; color:var(--slate-600);}
.about-contact-actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}

.google-header-card{background:#fff; border:1px solid var(--slate-200); border-radius:24px; padding:26px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center;}
@media(min-width:768px){.google-header-card{flex-direction:row; justify-content:space-between; text-align:left;}}
.google-header-left{display:flex; align-items:center; gap:16px; flex-direction:column; text-align:center;}
@media(min-width:480px){.google-header-left{flex-direction:row; text-align:left;}}
.google-g-badge{width:56px; height:56px; border-radius:16px; background:var(--slate-50); border:1px solid var(--slate-200); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.google-score-row{display:flex; align-items:center; gap:8px; justify-content:center;}
@media(min-width:480px){.google-score-row{justify-content:flex-start;}}
.google-score{font-size:24px; font-weight:900; color:var(--slate-900);}
.google-header-left p{font-size:12px; color:var(--slate-600); margin-top:2px;}
.google-header-actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.google-reviews-grid{display:grid; grid-template-columns:1fr; gap:18px;}
@media(min-width:768px){.google-reviews-grid{grid-template-columns:repeat(2,1fr);}}
.google-review-card{background:#fff; border:1px solid var(--slate-200); border-radius:22px; padding:22px; box-shadow:var(--shadow-xs);}
.google-review-card:hover{box-shadow:var(--shadow-md);}
.google-review-head{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:12px;}
.google-review-user{display:flex; align-items:center; gap:10px;}
.google-review-user img{width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--slate-100); flex-shrink:0;}
.google-review-name-row{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.google-review-name-row h4{font-size:13.5px;}
.verified-buyer-tag{display:inline-flex; align-items:center; gap:2px; font-size:9.5px; font-weight:800; color:var(--emerald-700); background:#ecfdf5; padding:1px 6px; border-radius:6px; border:1px solid #a7f3d0;}
.google-review-role{font-size:11px; color:var(--slate-500); margin-top:2px;}
.google-review-date-stars{text-align:right; flex-shrink:0;}
.google-review-date-stars span{display:block; font-size:10.5px; color:var(--slate-400); font-family:monospace;}
.google-review-text{font-size:12.5px; color:var(--slate-700); line-height:1.6; margin-bottom:14px;}
.google-review-footer{display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid var(--slate-100); font-size:12px; flex-wrap:wrap;}
.google-review-footer .lbl{color:var(--slate-500); font-weight:600;}
.google-review-footer .val{font-weight:700; color:var(--red-700); background:var(--red-50); padding:3px 10px; border-radius:8px; border:1px solid var(--red-100);}
.google-cta-banner{margin-top:32px; background:linear-gradient(90deg, var(--red-600), var(--red-700), var(--slate-900)); color:#fff; border-radius:22px; padding:26px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; box-shadow:var(--shadow-lg);}
@media(min-width:768px){.google-cta-banner{flex-direction:row; justify-content:space-between; text-align:left;}}
.google-cta-banner h3{color:#fff; font-size:17px;}
.google-cta-banner p{color:var(--slate-200); font-size:12px; margin-top:2px;}

.newsletter2-wrap{background:var(--slate-900); padding:48px 0;}
.newsletter2{background:linear-gradient(90deg, rgba(127,29,29,.4), var(--slate-800), var(--slate-900)); border:1px solid rgba(127,29,29,.5); border-radius:26px; padding:36px; display:flex; flex-direction:column; align-items:center; gap:28px; text-align:center; box-shadow:var(--shadow-lg);}
@media(min-width:1024px){.newsletter2{flex-direction:row; justify-content:space-between; text-align:left;}}
.newsletter2-tag{display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; color:var(--amber-400); background:rgba(120,53,15,.4); padding:5px 12px; border-radius:99px; text-transform:uppercase; letter-spacing:.03em; border:1px solid rgba(146,64,14,.6); margin-bottom:10px;}
.newsletter2-left h2{color:#fff; font-size:24px; line-height:1.25; margin-bottom:8px;}
.newsletter2-left p{color:var(--slate-300); font-size:12.5px;}
.newsletter2-right .newsletter-form{max-width:380px;}
.newsletter2-right input{background:var(--slate-800); color:#fff; border:1px solid var(--slate-700);}
.newsletter2-right input::placeholder{color:var(--slate-400);}
.newsletter2-note{font-size:10px; color:var(--slate-400); margin-top:8px; text-align:center;}
@media(min-width:1024px){.newsletter2-note{text-align:left;}}

.listing-head-row{margin-bottom:28px;}
.listing-head-row h1{font-size:26px; margin-bottom:4px;}
.listing-head-row p{font-size:13px; color:var(--slate-500); font-weight:600;}
.plp-layout{display:grid; grid-template-columns:1fr; gap:24px; margin-top:20px;}
@media(min-width:1024px){.plp-layout{grid-template-columns:3fr 9fr;}}

.plp-filters{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:20px; display:flex; flex-direction:column; gap:20px; align-self:flex-start;}
@media(min-width:1024px){.plp-filters{position:sticky; top:96px;}}
.plp-filters-head{display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--slate-200); font-weight:800; font-size:13px; color:var(--slate-900);}
.plp-filters-head button,.plp-filters-head .reset-link{background:none; border:none; color:var(--red-600); font-weight:700; font-size:11.5px; text-decoration:none; cursor:pointer;}
.plp-filters-head .reset-link:hover{text-decoration:underline;}
.plp-filter-group label{display:block; font-size:11px; font-weight:800; color:var(--slate-900); text-transform:uppercase; letter-spacing:.03em; margin-bottom:8px;}
.plp-filter-group select{width:100%; background:var(--slate-50); border:1px solid var(--slate-200); font-size:12px; font-weight:700; color:var(--slate-800); border-radius:10px; padding:10px;}
.plp-radio-list{display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:500; color:var(--slate-700);}
.plp-radio-list label{display:flex; align-items:center; gap:8px; cursor:pointer; text-transform:none; font-weight:500;}
.plp-radio-list label:hover{color:var(--red-600);}
.plp-radio-list input{accent-color:var(--red-600);}
.plp-chip-list{display:flex; flex-wrap:wrap; gap:6px;}
.plp-chip-list button{padding:5px 10px; font-size:11px; font-weight:700; border-radius:8px; border:1px solid var(--slate-200); background:var(--slate-50); color:var(--slate-700);}
.plp-chip-list button.active{background:var(--emerald-600); color:#fff; border-color:var(--emerald-600);}
.plp-filter-group input[type=range]{width:100%; accent-color:var(--red-600);}
.plp-instock-row{display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid var(--slate-200);}
.plp-instock-row label{margin:0; font-size:11.5px; text-transform:none; font-weight:700; color:var(--slate-900);}
.plp-instock-row input{width:16px; height:16px; accent-color:var(--red-600);}

.plp-toolbar{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px;}
.plp-toolbar-left{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.plp-sort-box{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--slate-700);}
.plp-sort-box select{background:var(--slate-50); border:1px solid var(--slate-200); border-radius:10px; padding:9px; font-size:12px; font-weight:700;}
.plp-view-toggle{display:flex; align-items:center; background:var(--slate-100); padding:4px; border-radius:10px; border:1px solid var(--slate-200); gap:2px;}
.plp-view-toggle button{width:30px; height:28px; border-radius:8px; background:none; border:none; color:var(--slate-500); font-size:14px;}
.plp-view-toggle button.active{background:#fff; color:var(--red-600); box-shadow:var(--shadow-xs);}

.product-grid.list-mode{display:flex; flex-direction:column; gap:12px;}
.product-list-row{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:14px; display:flex; gap:12px; align-items:stretch;}
@media(max-width:639px){
  .product-list-row{flex-direction:row; flex-wrap:wrap; padding:12px;}
}
@media(min-width:640px){.product-list-row{flex-direction:row;}}
.product-list-row .thumb{width:100%; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:transparent; flex-shrink:0; position:relative;}
@media(min-width:640px){.product-list-row .thumb{width:180px;}}
@media(max-width:639px){.product-list-row .thumb{width:100px; height:100px; aspect-ratio:auto;}}
.product-list-row .thumb img{width:100%; height:100%; object-fit:contain;}
.product-list-row .info{flex:1; min-width:0; text-align:left; width:100%; display:flex; flex-direction:column; justify-content:center;}
@media(max-width:639px){.product-list-row .info{width:calc(100% - 112px);}}
.product-list-row .meta-row{display:flex; align-items:center; gap:8px; font-size:11px; margin-bottom:4px; flex-wrap:wrap;}
.product-list-row .meta-row .brand{color:var(--red-600); font-weight:800; text-transform:uppercase;}
.product-list-row .meta-row .sku{color:var(--slate-400); font-family:monospace;}
.product-list-row .meta-row .power-tag{background:var(--slate-100); color:var(--slate-700); font-weight:600; padding:2px 8px; border-radius:6px; font-size:10px;}
.product-list-row h3{font-size:14px; margin-bottom:4px; line-height:1.3;}
@media(min-width:640px){.product-list-row h3{font-size:15px;}}
.product-list-row .desc{font-size:11.5px; color:var(--slate-500); line-height:1.4; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
@media(min-width:640px){.product-list-row .desc{font-size:12px;}}
.product-list-row .facts-row{display:flex; align-items:center; gap:12px; font-size:11px; color:var(--slate-600); font-weight:500; flex-wrap:wrap;}
@media(min-width:640px){.product-list-row .facts-row{gap:16px; font-size:11.5px;}}
.product-list-row .facts-row .in-stock{color:var(--emerald-700); font-weight:800;}
.product-list-row .facts-row .out-stock{color:#92400e; background:#fef3c7; font-weight:800; padding:2px 8px; border-radius:6px;}
.product-list-row .buy-col{width:100%; text-align:right; padding-top:12px; border-top:1px solid var(--slate-100); display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex-shrink:0;}
@media(min-width:640px){.product-list-row .buy-col{width:180px; padding-top:0; border-top:none; border-left:1px solid var(--slate-200); padding-left:20px;}}
@media(max-width:639px){.product-list-row .buy-col{width:100%; padding-top:8px; border-top:none; align-items:flex-start;}}
.product-list-row .buy-col .price{font-size:18px; font-weight:900; color:var(--slate-900);}
@media(min-width:640px){.product-list-row .buy-col .price{font-size:22px;}}
.product-list-row .buy-col .price-note{font-size:10px; color:var(--slate-400);}
@media(min-width:640px){.product-list-row .buy-col .price-note{font-size:11px;}}
.product-list-row .buy-col .lease{font-size:10px; font-weight:800; color:var(--red-600); margin-top:2px;}
@media(min-width:640px){.product-list-row .buy-col .lease{font-size:11px;}}
.product-list-row .buy-col .add-cart-btn{width:100%; margin-top:auto; white-space:nowrap; font-size:11.5px; padding:9px 12px;}
@media(min-width:640px){.product-list-row .buy-col .add-cart-btn{font-size:12px; padding:11px 16px;}}
@media(max-width:639px){.product-list-row .buy-col .add-cart-btn{width:auto; margin-top:4px;}}

.pdp-top-card{background:#fff; border:1px solid var(--slate-200); border-radius:24px; padding:22px; display:grid; grid-template-columns:1fr; gap:28px; margin-bottom:32px; box-shadow:var(--shadow-xs);}
@media(min-width:1024px){.pdp-top-card{grid-template-columns:1fr 1fr; padding:32px;}}

.pdp-gallery-main2{position:relative; aspect-ratio:1/1; background:var(--slate-100); border-radius:18px; border:1px solid var(--slate-200); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.pdp-gallery-main2 img{width:100%; height:100%; object-fit:contain; border-radius:18px;}
.pdp-gallery-badges{position:absolute; top:14px; left:14px; z-index:2; display:flex; flex-direction:column; gap:6px;}
.pdp-thumbs2{display:flex; gap:10px; overflow-x:auto; margin-top:12px; padding-bottom:2px;}
.pdp-thumbs2 img{width:72px; height:72px; border-radius:12px; object-fit:contain; border:2px solid var(--slate-200); opacity:.7; cursor:pointer; flex-shrink:0; background:var(--slate-50);}
.pdp-thumbs2 img.active{border-color:var(--red-600); opacity:1; transform:scale(1.03);}
.pdp-youtube-thumb{position:relative; width:72px; height:72px; border-radius:12px; border:2px solid var(--slate-200); opacity:.7; cursor:pointer; flex-shrink:0; overflow:hidden; background:var(--slate-50);}
.pdp-youtube-thumb img{width:100%; height:100%; object-fit:cover;}
.pdp-youtube-thumb.active{border-color:var(--red-600); opacity:1; transform:scale(1.03);}
.pdp-youtube-play-btn{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:28px; height:28px; background:rgba(0,0,0,.7); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:11px; pointer-events:none;}
.pdp-quickspecs{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; background:var(--slate-50); padding:12px; border-radius:16px; border:1px solid var(--slate-200); margin-top:14px; text-align:center;}
.pdp-quickspecs div{background:#fff; border:1px solid var(--slate-200); border-radius:12px; padding:8px 4px;}
.pdp-quickspecs .lbl{display:block; font-size:9px; color:var(--slate-400); text-transform:uppercase; letter-spacing:.03em; margin-bottom:2px;}
.pdp-quickspecs .val{font-size:11.5px; font-weight:800; color:var(--slate-900);}
.pdp-quickspecs .val.warranty{color:var(--red-600);}

.pdp-brand-row{display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; color:var(--red-600); text-transform:uppercase; letter-spacing:.03em; margin-bottom:6px;}
.pdp-brand-row .sku{color:var(--slate-500); font-family:monospace; font-weight:600; text-transform:none;}
.pdp-title2{font-size:20px; line-height:1.35; margin-bottom:12px;}
@media(min-width:640px){.pdp-title2{font-size:23px;}}
.pdp-rating-row2{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:18px;}
.pdp-rating-badge{display:flex; align-items:center; gap:6px; background:#fffbeb; border:1px solid #fde68a; padding:6px 10px; border-radius:10px; font-size:13px; font-weight:800; color:var(--slate-900);}
.pdp-review-link{color:var(--slate-600); font-size:12px; font-weight:600; text-decoration:underline; text-decoration-color:var(--slate-300);}

.star-rating-static{position:relative; display:inline-block; font-size:14px; line-height:1; letter-spacing:1px; color:#d1d5db;}
.star-fill{position:absolute; top:0; left:0; overflow:hidden; white-space:nowrap; color:var(--amber-400);}
.star-empty{display:block; color:#d1d5db;}
.pdp-write-review-btn{display:inline-flex; align-items:center; gap:6px; background:var(--slate-900); color:#fff; font-weight:700; font-size:12px; padding:7px 12px; border-radius:10px; border:none;}
.pdp-write-review-btn:hover{background:var(--red-600);}

.pdp-price-card2{background:var(--slate-50); border:1px solid var(--slate-200); border-radius:16px; padding:8px 18px; margin-bottom:10px;}
.pdp-price-row2{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:space-between;}
.pdp-price2{font-size:28px; font-weight:900; color:var(--slate-900);}
.pdp-vat-label{font-size:13px; font-weight:700; color:var(--slate-500);}
.pdp-orig-price2{font-size:13px; color:var(--slate-400); text-decoration:line-through;}
.pdp-price-foot{display:flex; align-items:center; gap:8px;}
.pdp-lease-tag{font-size:11.5px; font-weight:800; color:var(--red-700); background:#fee2e2cc; padding:5px 10px; border-radius:8px;}
.pdp-stock-tag{font-size:11.5px; font-weight:800; display:flex; align-items:center; gap:5px;}
.pdp-stock-tag.in{color:var(--emerald-700);}
.pdp-stock-tag.out{color:#92400e; background:#fef3c7; padding:5px 10px; border-radius:8px; border:1px solid #fde68a;}

.pdp-short-desc2{font-size:13px; color:var(--slate-600); line-height:1.65; margin-bottom:18px;}

.pdp-section-label{font-size:11px; font-weight:800; color:var(--slate-900); text-transform:uppercase; letter-spacing:.03em; display:block; margin-bottom:10px;}
.pdp-warranty-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px;}
.pdp-warranty-opt{padding:12px; border-radius:12px; border:1px solid var(--slate-200); text-align:left; background:#fff; font-size:12px;}
.pdp-warranty-opt.selected{border-color:var(--red-600); background:#fef2f2; font-weight:800;}
.pdp-warranty-opt .sub{font-size:10px; color:var(--slate-500); font-weight:500; margin-top:2px;}
.pdp-warranty-opt.selected .sub{color:var(--red-600); font-weight:700;}

.pdp-accessories{display:flex; flex-direction:column; gap:6px; margin-bottom:18px;}
.pdp-accessory-opt{display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:12px; border:1px solid var(--slate-200); font-size:12px; cursor:pointer; background:#fff;}
.pdp-accessory-opt.selected{border-color:var(--red-600); background:#fef2f2; font-weight:800;}
.pdp-accessory-opt input{accent-color:var(--red-600);}
.pdp-accessory-left{display:flex; align-items:center; gap:8px;}

.pdp-buy-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-top:6px;}
.pdp-qty-box{display:flex; align-items:center; border:1px solid var(--slate-300); border-radius:12px; background:#fff; padding:3px;}
.pdp-qty-box button{width:32px; height:32px; background:none; border:none; font-weight:800; color:var(--slate-700); border-radius:9px;}
.pdp-qty-box button:hover{background:var(--slate-100);}
.pdp-qty-box .qval{width:38px; text-align:center; font-weight:800; font-size:14px;}
.pdp-add-btn2{flex:1; min-width:180px; background:var(--slate-900); color:#fff; font-weight:900; font-size:13.5px; padding:14px 20px; border-radius:12px; border:none; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:var(--shadow-md);}
.pdp-add-btn2:hover{background:var(--red-700);}
.pdp-compare-btn2{padding:13px 15px; border-radius:12px; border:1px solid var(--slate-300); background:#fff; color:var(--slate-700); font-size:16px;}
.pdp-compare-btn2.active{background:var(--slate-900); color:#fff; border-color:var(--slate-900);}

.pdp-finance-row{display:flex; flex-direction:column; gap:8px; padding-top:16px; margin-top:16px; border-top:1px solid var(--slate-200);}
.pdp-finance-row-bottom{display:flex; flex-direction:column; gap:8px;}
@media(min-width:640px){.pdp-finance-row-bottom{flex-direction:row;}.pdp-finance-row-bottom .pdp-finance-card{flex:1;}}
.pdp-finance-card{display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--slate-200); border-radius:12px; background:#fff; font-size:12px; font-weight:600; color:var(--slate-700); text-decoration:none; transition:border-color .15s; cursor:pointer;}
.pdp-finance-card:hover{border-color:var(--slate-300);}
.pdp-finance-iwoca{padding:8px 14px; overflow:hidden;}
.pdp-finance-iwoca-img{width:100%; height:auto; max-height:64px; object-fit:contain;}
.pdp-finance-paypal{background:var(--slate-50);}
.pdp-finance-paypal-logo{height:20px; width:auto; flex-shrink:0;}
.pdp-finance-icon{font-size:18px; flex-shrink:0;}
.pdp-modal-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9999; align-items:center; justify-content:center; padding:20px;}
.pdp-modal-overlay.show{display:flex;}
.pdp-modal{position:relative; background:#fff; border-radius:16px; max-width:480px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,.25);}
.pdp-modal-close{position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:8px; border:1px solid var(--red-200); background:var(--red-50); font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--red-600); z-index:1;}
.pdp-modal-close:hover{background:var(--red-100); color:var(--red-700);}
.pdp-modal-body{padding:32px;}
.pdp-modal-title{font-size:22px; font-weight:900; color:var(--slate-900); margin:0 0 12px; line-height:1.25;}
.pdp-modal-text{font-size:14px; color:var(--slate-600); line-height:1.6; margin:0 0 24px;}
.pdp-modal-steps{display:flex; align-items:flex-start; justify-content:center; gap:0; margin-bottom:28px;}
.pdp-modal-step{text-align:center; flex-shrink:0;}
.pdp-modal-dot{width:14px; height:14px; border-radius:50%; background:var(--slate-300); margin:0 auto 8px;}
.pdp-modal-dot.active{background:var(--slate-800);}
.pdp-modal-step-price{font-size:15px; font-weight:800; color:var(--slate-900);}
.pdp-modal-step-label{font-size:12px; color:var(--slate-500); margin-top:2px;}
.pdp-modal-dash{flex-shrink:0; width:60px; border-top:2px dashed var(--slate-300); margin-top:6px;}
.pdp-modal-list{padding-left:20px; margin:0 0 20px; font-size:13px; color:var(--slate-700); line-height:1.8;}
.pdp-modal-list li{margin-bottom:4px;}
.pdp-modal-terms{font-size:11px; color:var(--slate-400); line-height:1.6; margin:0 0 14px;}
.pdp-modal-terms a{color:var(--slate-600); text-decoration:underline;}
.pdp-modal-link{display:inline-block; font-size:13px; font-weight:700; color:var(--slate-900); text-decoration:none;}
.pdp-modal-link:hover{text-decoration:underline;}

.pdp-section-tabs{background:#fff; border:1px solid var(--slate-200); border-radius:24px; overflow:hidden; margin-top:32px;}
.pdp-tabs2{background:#fff; border:1px solid var(--slate-200); border-radius:24px; overflow:hidden; margin-bottom:32px;}
.pdp-tab-nav2{display:flex; overflow-x:auto; border-bottom:1px solid var(--slate-200); background:var(--slate-50);}
.pdp-tab-btn2{padding:16px 22px; font-size:12px; font-weight:800; white-space:nowrap; color:var(--slate-500); background:none; border:none; border-bottom:2px solid transparent;}
.pdp-tab-btn2.active{color:var(--red-600); border-color:var(--red-600); background:#fff;}
.pdp-tab-body2{padding:26px;}
@media(min-width:640px){.pdp-tab-body2{padding:32px;}}
.pdp-tab-panel2{display:none;}
.pdp-tab-panel2.active{display:block;}
.pdp-collapse{position:relative;}
.pdp-collapse-inner{position:relative;}
.pdp-collapse.collapsed .pdp-collapse-inner{max-height:180px; overflow:hidden;}
.pdp-collapse.collapsed .pdp-collapse-inner::after{content:''; position:absolute; bottom:0; left:0; right:0; height:60px; background:linear-gradient(transparent,#fff); pointer-events:none;}
.pdp-see-more-btn{display:block; width:100%; padding:10px; margin-top:8px; background:none; border:1px solid var(--slate-200); border-radius:10px; font-size:13px; font-weight:700; color:var(--red-600); cursor:pointer; transition:background .2s;}
.pdp-see-more-btn:hover{background:var(--slate-50);}
.pdp-feature-grid{display:grid; grid-template-columns:1fr; gap:10px;}
@media(min-width:640px){.pdp-feature-grid{grid-template-columns:1fr 1fr;}}
.pdp-feature-grid div{display:flex; align-items:flex-start; gap:8px; font-size:12.5px; color:var(--slate-700); font-weight:600; background:var(--slate-50); padding:10px 12px; border-radius:12px; border:1px solid var(--slate-200);}
.pdp-benefit-item{font-size:12.5px; color:var(--slate-700); font-weight:600; background:#fffbeb; padding:10px 12px; border-radius:12px; border:1px solid #fde68a; margin-bottom:8px;}
.pdp-spec-table2{width:100%; font-size:12.5px; border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200); border-collapse:collapse;}
.pdp-spec-table2 tr{border-top:1px solid var(--slate-100);}
.pdp-spec-table2 tr:first-child{border-top:none;}
.pdp-spec-table2 tr:nth-child(even){background:var(--slate-50);}
.pdp-spec-table2 td{padding:11px 14px;}
.pdp-spec-table2 td:first-child{font-weight:800; color:var(--slate-900); width:35%;}
.pdp-spec-table2 td:last-child{font-family:monospace; color:var(--slate-700);}

.pdp-review-summary{background:var(--slate-50); border:1px solid var(--slate-200); border-radius:18px; padding:22px; display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-bottom:20px;}
.pdp-review-summary-left{display:flex; align-items:center; gap:16px;}
.pdp-rating-box{text-align:center; background:#fff; border:1px solid var(--slate-200); padding:14px 18px; border-radius:16px; min-width:96px;}
.pdp-rating-num{font-size:28px; font-weight:900; color:var(--slate-900); line-height:1;}
.pdp-rating-stars{color:var(--amber-500); font-size:16px; letter-spacing:2px; margin:4px 0;}
.pdp-rating-count{font-size:11px; color:var(--slate-500);}
.pdp-review-summary-right{flex:1; min-width:180px; display:flex; flex-direction:column; gap:6px;}
.pdp-star-row{display:flex; align-items:center; gap:8px;}
.pdp-star-label{font-size:12px; font-weight:700; color:var(--slate-700); width:10px; text-align:right;}
.pdp-star-icon{color:var(--amber-500); font-size:13px;}
.pdp-star-bar{flex:1; height:8px; background:var(--slate-200); border-radius:99px; overflow:hidden;}
.pdp-star-fill{height:100%; background:var(--amber-400); border-radius:99px; transition:width .3s;}
.pdp-star-pct{font-size:11px; font-weight:600; color:var(--slate-500); width:32px; text-align:right;}
.pdp-review-item{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:18px; margin-bottom:14px;}
.pdp-review-item-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--slate-100); margin-bottom:10px;}
.pdp-review-item h4{font-size:13.5px; margin-bottom:4px;}
.pdp-review-item p{font-size:12px; color:var(--slate-700); line-height:1.6;}
.pdp-review-item-foot{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-top:10px; margin-top:10px; border-top:1px solid var(--slate-100); font-size:11px; color:var(--slate-500);}

.pdp-downloads-grid{display:grid; grid-template-columns:1fr; gap:12px;}
@media(min-width:640px){.pdp-downloads-grid{grid-template-columns:repeat(3,1fr);}}
.pdp-download-card{display:flex; align-items:center; gap:12px; background:var(--slate-50); border:1px solid var(--slate-200); border-radius:16px; padding:14px;}
.pdp-download-card:hover{background:var(--red-50); border-color:var(--red-200);}
.pdp-download-card .icon{font-size:26px;}
.pdp-download-card .title{font-size:12px; font-weight:800; color:var(--slate-900);}
.pdp-download-card .sub{font-size:10px; color:var(--slate-500);}

.pdp-video-wrap{aspect-ratio:16/9; background:var(--slate-900); border-radius:16px; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center; padding:24px;}

.pdp-related-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
@media(min-width:640px){.pdp-related-grid{grid-template-columns:repeat(4,1fr);}}
.pdp-related-card{background:#fff; border:1px solid var(--slate-200); border-radius:14px; padding:12px;}
.pdp-related-card:hover{border-color:var(--red-300);}
.pdp-related-card img{width:100%; height:110px; object-fit:cover; border-radius:10px; margin-bottom:8px;}
.pdp-related-card .brand{font-size:9.5px; color:var(--red-600); font-weight:800; text-transform:uppercase;}
.pdp-related-card h4{font-size:12px; margin:4px 0 6px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.pdp-related-card .price{font-size:14px; font-weight:900; color:var(--slate-900);}
.pdp-related-card .price .note{font-size:9px; color:var(--slate-400); font-weight:500;}

.pdp-sticky-bar{position:fixed; bottom:0; left:0; right:0; background:var(--slate-900); color:#fff; z-index:150; padding:12px 0; box-shadow:0 -8px 24px rgba(0,0,0,.2); transform:translateY(100%); transition:transform .25s ease;}
.pdp-sticky-bar.visible{transform:translateY(0);}
.pdp-sticky-inner{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.pdp-sticky-product{display:none; align-items:center; gap:10px; min-width:0;}
@media(min-width:640px){.pdp-sticky-product{display:flex;}}
.pdp-sticky-product img{width:44px; height:44px; border-radius:8px; object-fit:cover; flex-shrink:0;}
.pdp-sticky-name{font-size:12px; font-weight:700; max-width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pdp-sticky-sku{font-size:10px; color:var(--slate-400); font-family:monospace;}
.pdp-sticky-buy{display:flex; align-items:center; gap:14px; margin-left:auto;}
.pdp-sticky-price{font-size:15px; font-weight:900;}
.pdp-sticky-vat{font-size:9px; color:var(--slate-400);}

.cart-progress-wrap{background:var(--slate-100); padding:10px 12px; border-radius:12px; margin-bottom:14px;}
.cart-progress-label{display:flex; justify-content:space-between; font-size:11.5px; font-weight:700; color:var(--slate-800); margin-bottom:6px;}
.cart-progress-label .pct{color:var(--slate-500); font-weight:600;}
.cart-progress-track{width:100%; height:7px; background:var(--slate-200); border-radius:99px; overflow:hidden;}
.cart-progress-fill{height:100%; background:var(--red-600); transition:width .3s;}
.promo-applied-tag{display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11.5px; font-weight:700; color:var(--emerald-700); background:#ecfdf5; padding:8px 10px; border-radius:10px; margin-bottom:12px;}
.promo-applied-tag button{background:none; border:none; color:var(--red-600); font-weight:900;}

.account-layout2{display:grid; grid-template-columns:1fr; gap:24px; align-items:start; max-width:960px; margin:0 auto;}
.account-layout2.public-mode .account-sidebar{opacity:.5; pointer-events:none;}
.account-layout2 > *{min-width:0;}
@media(min-width:1024px){.account-layout2{grid-template-columns:240px 1fr;}}
.account-sidebar{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:8px; display:flex; flex-direction:column; gap:2px; box-shadow:var(--shadow-xs);}
.account-sidebar-link{display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:12px; font-size:13px; font-weight:600; color:var(--slate-600); background:none; border:none; text-align:left; text-decoration:none; cursor:pointer; transition:all .15s;}
.account-sidebar-link:hover{background:var(--slate-50); color:var(--slate-900);}
.account-sidebar-link.active{background:var(--red-600); color:#fff; box-shadow:var(--shadow-md);}
.account-sidebar-link.active svg{stroke:#fff;}
.account-sidebar-link svg:first-child{flex-shrink:0; color:var(--slate-400);}
.account-sidebar-link.active svg:first-child{color:#fff;}
.account-sidebar-chevron{margin-left:auto; flex-shrink:0; color:var(--slate-300); transition:transform .15s;}
.account-sidebar-link.active .account-sidebar-chevron{color:rgba(255,255,255,.6);}
.account-sidebar-divider{height:1px; background:var(--slate-100); margin:6px 8px;}
.account-sidebar-logout{color:var(--slate-500);}
.account-sidebar-logout:hover{color:var(--red-600); background:var(--red-50);}
.account-content-card{background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:22px; box-shadow:var(--shadow-xs);}
@media(min-width:640px){.account-content-card{padding:28px;}}
.account-panel2{display:none;}
.account-panel2.active{display:block;}
.account-panel2 h2{font-size:19px; margin-bottom:6px;}
.panel-sub{font-size:12px; color:var(--slate-500); margin-bottom:18px;}
.track-hero{background:linear-gradient(135deg, var(--slate-900), #1e1b4b); border-radius:20px; padding:26px; margin-bottom:20px;}
.track-hero h2{color:#fff; font-size:20px; margin-bottom:6px;}
.track-hero p{color:var(--slate-300); font-size:12.5px; margin-bottom:16px;}
.track-form-row{display:flex; flex-direction:column; gap:10px;}
@media(min-width:640px){.track-form-row{flex-direction:row;}}
.track-form-row input{flex:1; background:rgba(30,41,59,.9); color:#fff; border:1px solid var(--slate-700); font-weight:700; font-size:12px; padding:13px 16px; border-radius:14px;}
.track-form-row input::placeholder{color:var(--slate-400);}
.track-result{margin-top:16px;}
.track-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:12px;}
.track-result-header .invoice{font-size:14px;font-weight:800;color:var(--slate-900);}
.track-result-header .meta{font-size:12px;color:var(--slate-500);margin-top:2px;}
.track-status-badge{font-size:11px;font-weight:700;padding:4px 11px;border-radius:8px;white-space:nowrap;}
.track-timeline-title{font-size:12px;font-weight:700;color:var(--slate-400);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;}
.track-timeline-h{display:flex;align-items:flex-start;gap:0;position:relative;padding:0;margin:0;list-style:none;}
.track-timeline-h-item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;}
.track-timeline-h-item:not(:last-child)::after{content:'';position:absolute;top:14px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--slate-200);z-index:0;}
.track-timeline-h-item:last-child::after{display:none;}
.track-timeline-h-dot{width:28px;height:28px;border-radius:50%;border:3px solid var(--slate-300);background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0;}
.track-timeline-h-dot svg{width:14px;height:14px;stroke:var(--slate-400);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.track-timeline-h-item.active .track-timeline-h-dot{border-color:var(--red-600);background:var(--red-50);}
.track-timeline-h-item.active .track-timeline-h-dot svg{stroke:var(--red-600);}
.track-timeline-h-item.completed .track-timeline-h-dot{border-color:var(--emerald-500);background:var(--emerald-50);}
.track-timeline-h-item.completed .track-timeline-h-dot svg{stroke:var(--emerald-500);}
.track-timeline-h-label{font-size:11px;font-weight:700;color:var(--slate-900);margin-top:8px;text-align:center;}
.track-timeline-h-date{font-size:10px;color:var(--slate-400);margin-top:2px;}
.track-empty{font-size:13px;color:var(--slate-500);margin:0;}
.track-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:14px 16px;font-size:13px;color:#b91c1c;margin-top:16px;}
.track-quick-links{display:flex;align-items:center;gap:8px;margin-top:10px;}
.track-quick-links span{color:var(--slate-400);font-size:11px;}
.track-quick-link{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;text-decoration:none;}
.track-quick-link:hover{background:rgba(255,255,255,.2);}
.account-info-card{background:var(--slate-50); border:1px solid var(--slate-200); border-radius:18px; padding:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.account-info-card.amber{background:#fffbeb; border-color:#fde68a;}
.account-info-card .title{font-weight:800; font-size:14px; color:var(--slate-900);}
.account-info-card .sub{font-size:12px; color:var(--slate-500); margin-top:4px;}
.account-info-card .warranty-note{font-size:12px; color:var(--emerald-700); font-weight:700; margin-top:6px;}
.account-info-card .amber-note{font-size:12px; color:#92400e; font-weight:700; margin-top:6px;}
.order-empty-state{text-align:center; padding:44px 20px; background:var(--slate-50); border-radius:20px; border:1px dashed var(--slate-300);}
.order-empty-state .icon{font-size:40px; margin-bottom:10px;}
.order-card{padding:18px; background:var(--slate-50); border-radius:18px; border:1px solid var(--slate-200); margin-bottom:16px;}
.order-card-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid var(--slate-200); padding-bottom:12px; margin-bottom:12px; font-size:12px;}
.order-card-head .num{font-weight:800; color:var(--slate-900); font-family:monospace;}
.order-card-tag{font-size:10.5px; font-weight:800; padding:3px 10px; border-radius:99px; border:1px solid;}
.order-card-tag.status{background:#ecfdf5; color:#065f46; border-color:#a7f3d0;}
.order-card-tag.pay{background:var(--red-50); color:#991b1b; border-color:var(--red-200);}
.order-card-item{display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--slate-800); margin-bottom:8px;}
.order-card-item .left{display:flex; align-items:center; gap:10px;}
.order-card-item img{width:38px; height:38px; border-radius:8px; object-fit:cover; border:1px solid var(--slate-200);}
.order-card-foot{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; margin-top:4px; border-top:1px solid var(--slate-200); font-size:11.5px;}
.order-card-actions{display:flex; gap:8px;}
.order-card-actions button{font-size:11px; font-weight:700; padding:7px 12px; border-radius:10px; border:none; display:flex; align-items:center; gap:5px;}
.order-card-actions .track-btn{background:var(--red-600); color:#fff;}
.order-card-actions .reorder-btn{background:var(--slate-900); color:#fff;}

.header-main{height:56px !important;}
@media(min-width:768px){.header-main{height:60px !important;}}
.logo-img{display:block; max-height:32px; width:auto;}
.ai-advisor-btn,.compare-btn,.cms-btn{display:none !important;}

.category-bar .cats{display:flex;align-items:center;gap:0;overflow:visible;}.cats-scroll{overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;}.cats-scroll::-webkit-scrollbar{display:none;}
.cat-item{position:relative;}
.cat-item .sub-arrow{font-size:10px;margin-left:3px;opacity:.7;}
.cat-dropdown{display:none;position:absolute;min-width:600px;background:#fff;border:1px solid var(--slate-200);border-radius:12px;box-shadow:var(--shadow-lg);z-index:260;padding:16px;}
.cats-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:28px;height:28px;border-radius:50%;background:var(--slate-800);color:#fff;border:1px solid var(--slate-600);font-size:18px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;line-height:1;transition:opacity .2s;}.cats-scroll-btn:hover{background:var(--slate-700);}.cats-scroll-left{left:4px;}.cats-scroll-right{right:4px;}.cats-fade{position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to right, transparent, var(--slate-950));pointer-events:none;z-index:4;opacity:0;transition:opacity .3s;}
.cat-dropdown-inner{display:flex;gap:12px;}
.cat-dropdown-list{flex:1;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;}.cat-dropdown-list::-webkit-scrollbar{width:4px;}.cat-dropdown-list::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px;}
.cat-dropdown-list a{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--slate-700);white-space:nowrap;}
.cat-dropdown-list a:hover{background:var(--red-50);color:var(--red-600);}
.cat-dropdown-img{width:110px;flex-shrink:0;}
.cat-dropdown-img img{width:100%;border-radius:8px;}

.hero-full{position:relative;background:var(--slate-900);min-height:380px;overflow:hidden;}
.hero-full .hero-slide-inner{min-height:380px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative;}
.hero-full .hero-slide-inner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.85) 0%,rgba(15,23,42,.45) 60%,rgba(15,23,42,.2) 100%);}
.hero-full .hero-content{position:relative;z-index:2;color:#fff;padding:40px 0;max-width:640px;}
.hero-full .hero-content h1{font-size:32px;line-height:1.15;margin-bottom:12px;color:#fff;}
@media(min-width:768px){.hero-full .hero-content h1{font-size:42px;}}
.hero-full .hero-content p{font-size:15px;color:var(--slate-300);margin-bottom:20px;}
.hero-full .hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
.hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.4);cursor:pointer;}
.hero-dots button.active{background:#fff;}

.features-row{display:grid;grid-template-columns:1fr;gap:16px;padding:28px 0;}
@media(min-width:768px){.features-row{grid-template-columns:repeat(3,1fr);}}
.feature-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--slate-50);border-radius:12px;border:1px solid var(--slate-200);}
.feature-card .ficon{font-size:28px;line-height:1;}
.feature-card h3{font-size:14px;margin-bottom:4px;}
.feature-card p{font-size:12.5px;color:var(--slate-600);}

body{font-size:15px;}
.product-card .product-name{font-size:13.5px;}
.product-card .product-price{font-size:15px;}

.product-card{position:relative;}
.product-card .quick-view-btn{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:var(--slate-900);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.15s;z-index:5;white-space:nowrap;}
.product-card:hover .quick-view-btn{opacity:1;pointer-events:auto;}
.product-card .thumb{position:relative;}

.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 0;flex-wrap:wrap;overflow-x:auto;}
.pagination button,.pagination a{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--slate-300);border-radius:8px;background:#fff;font-weight:700;font-size:13px;color:var(--slate-700);text-decoration:none;}
.pagination .active{background:var(--red-600);color:#fff;border-color:var(--red-600);box-shadow:0 2px 10px rgba(220,38,38,.35);}
.pagination a:not(.active):hover{background:var(--slate-100);border-color:var(--slate-400);}

.plp-active-filters{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 12px;}
.plp-active-filters:empty{display:none;}
.plp-filter-tag{display:inline-flex;align-items:center;gap:4px;background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;}
.plp-filter-tag .tag-remove{cursor:pointer;font-size:14px;line-height:1;color:var(--red-400);}
.plp-filter-tag .tag-remove:hover{color:var(--red-700);}

.plp-sidebar-section.collapsible .plp-sidebar-section-head{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;}
.plp-sidebar-section.collapsible .plp-sidebar-section-head .collapse-icon{margin-left:auto;font-size:16px;font-weight:700;color:var(--slate-400);transition:transform .2s;}
.plp-sidebar-section.collapsible.collapsed .collapse-icon{transform:rotate(180deg);}
.plp-sidebar-section.collapsible.collapsed .collapse-wrap{display:none;}

.nice-select-wrap select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;padding:10px 36px 10px 12px;border:1px solid var(--slate-300);border-radius:8px;font-size:13px;font-weight:600;color:var(--slate-800);min-width:140px;}

.related-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;}
.related-slider .pdp-related-card{min-width:220px;scroll-snap-align:start;flex-shrink:0;}

@media(max-width:767px){
  .header-actions .account-btn span{display:none;}
  .cart-label{display:none !important;}
}

.filter-panel select,.filter-panel input[type=range]{width:100%;}

.site-header{
  position:sticky;
  top:0;
  z-index:200;
  background:#fff;
  transition:transform .25s ease, box-shadow .25s ease;
}
.site-header .topbar{
  transition:max-height .28s ease, opacity .22s ease, padding .22s ease, margin .22s ease;
  max-height:48px;
  overflow:hidden;
}
.site-header.is-scrolled .topbar{
  max-height:0;
  opacity:0;
  padding-top:0;
  padding-bottom:0;
  pointer-events:none;
  border:none;
}
.header-main-wrap{background:#fff; border-bottom:1px solid var(--slate-200);}

.mobile-search-bar{display:flex; align-items:center; gap:10px; padding:0 16px 12px; background:#fff; cursor:pointer;}
.mobile-search-bar span{flex:1; background:#fff; border:2px solid var(--red-600); border-radius:12px; padding:8px 14px; font-size:14px; color:var(--slate-700); font-weight:700; box-shadow:0 4px 12px rgba(220,38,38,.2);}
@media(min-width:768px){.mobile-search-bar{display:none;}}
.header-main{
  height:64px !important;
}
@media(min-width:768px){
  .header-main{height:72px !important;}
}

.category-bar{overflow:visible !important;}
.category-bar .container{overflow:visible !important;}
.cat-item{position:relative;}
.cat-dropdown{
  display:none;
  position:absolute;
  min-width:600px;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:12px;
  box-shadow:0 16px 40px rgba(15,23,42,.16);
  z-index:260;
  padding:16px;
  pointer-events:auto;
}
.cat-link .sub-arrow{display:inline-block; transition:transform .15s;}
.cat-item:hover .sub-arrow{transform:rotate(180deg);}

.hero2{
  padding:36px 0 28px;
  background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  position:relative;
  overflow:hidden;
}
.hero2-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:stretch;
}
@media(min-width:960px){
  .hero2-grid{grid-template-columns:1.05fr 1fr; gap:40px;}
}
.hero2-title{font-size:28px; line-height:1.15; color:var(--slate-900);}
.hero2-title-gradient{display:block; color:var(--red-600); background:none; -webkit-text-fill-color:unset;}
@media(min-width:768px){.hero2-title{font-size:38px;}}
.hero2-sub{font-size:14.5px; color:var(--slate-600); max-width:480px; margin:12px 0 20px;}
.hero2-cta-row{display:flex; flex-wrap:wrap; gap:10px;}
.hero2-cta-row .btn-primary{border-radius:999px; padding:13px 22px;}
.hero2-cta-row .btn-dark{border-radius:999px; padding:13px 22px;}

.hero2-right .deal-card{
  border-radius:24px;
  overflow:hidden;
  min-height:320px;
  position:relative;
  box-shadow:0 20px 50px rgba(15,23,42,.12);
}
.hero2-right .shortcuts-grid{display:none !important;}
.hero2-usp-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:16px;
  padding:12px 14px;
  box-shadow:var(--shadow-sm);
}
.hero2-usp-item{flex:1; min-width:140px; display:flex; gap:10px; align-items:center; padding:4px 6px;}
.hero2-usp-title{font-size:12.5px; font-weight:800; color:var(--slate-900);}
.hero2-usp-desc{font-size:11.5px; color:var(--slate-500);}

.product-card{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:box-shadow .2s, transform .2s;
}
.product-card:hover{box-shadow:0 12px 32px rgba(15,23,42,.12); transform:translateY(-2px);}
.product-card .thumb{aspect-ratio:1/1; background:transparent; position:relative; overflow:hidden;}
.product-card .thumb img{width:100%; height:100%; object-fit:contain;}
.product-card .badges{position:absolute; top:10px; left:10px; display:flex; flex-wrap:wrap; gap:6px; z-index:2;}
.product-card .pill{font-size:11px; font-weight:800; padding:4px 8px; border-radius:999px; background:#fff; box-shadow:var(--shadow-xs);}
.product-card .pill.sale{background:#fee2e2; color:#b91c1c;}
.product-card .pill.best{background:#fef3c7; color:#b45309;}
.product-card .pill.new{background:#d1fae5; color:#047857;}
.product-card .wishlist-btn{
  position:absolute; top:10px; right:10px; z-index:3;
  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.95);
  border:none; display:flex; align-items:center; justify-content:center; font-size:16px;
  box-shadow:var(--shadow-xs);
}
.product-card .quick-view-btn{
  position:absolute; left:50%; bottom:14px; transform:translateX(-50%);
  background:rgba(255,255,255,.96); color:var(--slate-900); border:none;
  border-radius:999px; padding:8px 16px; font-size:12px; font-weight:700;
  opacity:0; pointer-events:none; transition:.18s; z-index:4; box-shadow:var(--shadow-md);
}
.product-card:hover .quick-view-btn{opacity:1; pointer-events:auto;}
.product-card .body{padding:14px 14px 16px; display:flex; flex-direction:column; gap:5px; flex:1;}
.product-card .product-brand{font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--red-600); text-transform:uppercase;}
.product-card .product-name{font-size:13.5px; font-weight:700; color:var(--slate-900); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.product-card .product-price{font-size:17px; font-weight:900; color:var(--slate-900);}
.product-card .product-original-price{font-size:13px; color:var(--slate-400); text-decoration:line-through; margin-left:6px;}
.product-card .add-cart-btn{
  margin-top:8px; width:100%; background:var(--slate-900); color:#fff; border:none;
  border-radius:10px; padding:11px 14px; font-weight:800; font-size:13px;
}
.product-card .add-cart-btn:hover{background:var(--red-600);}

.cat-card{
  display:block; border-radius:16px; overflow:hidden; border:1px solid var(--slate-200);
  background:#fff; transition:box-shadow .2s, transform .2s; position:relative;
}
.cat-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.1); transform:translateY(-2px);}
.cat-card img{width:100%; aspect-ratio:16/10; object-fit:cover;}
.cat-card .overlay{
  position:static; background:#fff; padding:14px 16px 16px; color:inherit;
}
.cat-card .overlay .name{font-size:15px; font-weight:800; color:var(--slate-900); margin-bottom:4px;}
.cat-card .overlay .count{
  position:absolute; top:12px; right:12px; background:rgba(15,23,42,.75); color:#fff;
  font-size:11px; font-weight:700; padding:4px 9px; border-radius:999px;
}
.cat-card .cat-desc{font-size:12.5px; color:var(--slate-500); line-height:1.45; margin:4px 0 10px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cat-card .browse-link{font-size:13px; font-weight:700; color:var(--slate-800);}
.cat-card .browse-link:hover{color:var(--red-600);}

#heroShortcutsGrid{display:none !important;}

.category-bar{background:#0f172a;}
.cat-link.all-cats{
  background:var(--red-600) !important;
  color:#fff !important;
  border-radius:8px;
  font-weight:800;
  margin-right:4px;
}
.cat-link{font-size:13px; padding:10px 12px;}
.express-link{color:#fbbf24 !important; font-weight:800;}

.search-trigger{
  border-radius:999px !important;
  background:#f1f5f9 !important;
  border:1px solid #e2e8f0 !important;
  padding:11px 16px !important;
}
.cart-trigger{
  border-radius:12px !important;
  background:#0f172a !important;
  padding:10px 16px !important;
}
.cart-trigger:hover{background:#1e293b !important;}

.vat-toggle{background:transparent; border:none; gap:4px; padding:0;}
.vat-toggle button{
  border:1px solid rgba(255,255,255,.25);
  border-radius:8px;
  padding:4px 10px;
  color:#cbd5e1;
}
.vat-toggle button.active{
  background:#dc2626;
  border-color:#dc2626;
  color:#fff;
}

.brand-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  justify-items:center;
  max-width:700px;
  margin:0 auto;
}
@media(min-width:640px){.brand-cards-grid{gap:20px;}}
.brand-card2{
  background:transparent;
  border:none;
  border-radius:16px;
  padding:28px 20px;
  text-align:center;
  transition:box-shadow .2s, transform .2s;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.brand-card2:hover{box-shadow:0 10px 28px rgba(15,23,42,.1); transform:translateY(-2px);}
.brand-card2 .brand-logo-img{
  width:100%;
  max-width:260px;
  height:80px;
  object-fit:contain;
  margin:0 auto 8px;
  display:block;
  border-radius:8px;
}
.brand-card2 .count{font-size:12px; color:var(--slate-500); font-weight:500;}

.site-footer .logo-img{filter:none;}

body{
  background-color: #f8fafc;
  background-image:
    radial-gradient(ellipse 95% 60% at 0% 0%, rgba(252,165,165,.45) 0%, transparent 55%),
    radial-gradient(ellipse 90% 55% at 100% 5%, rgba(147,197,253,.42) 0%, transparent 50%),
    radial-gradient(ellipse 80% 50% at 40% 50%, rgba(253,230,138,.22) 0%, transparent 50%),
    radial-gradient(ellipse 90% 55% at 10% 100%, rgba(165,180,252,.35) 0%, transparent 50%),
    radial-gradient(ellipse 85% 50% at 95% 95%, rgba(251,182,206,.30) 0%, transparent 48%),
    linear-gradient(165deg, #fff1f2 0%, #eff6ff 28%, #fffbeb 58%, #f8fafc 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.section,
.section.alt,
.hero2{
  background: transparent !important;
  background-image: none !important;
  position: relative;
}

.product-card .quick-view-btn{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(6px);
  transition:opacity .18s ease, transform .18s ease !important;
  background:rgba(15,23,42,.88) !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:10px 18px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}
.product-card:hover .quick-view-btn{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0);
}

.mobile-drawer{max-width:360px; width:90%;}
.drawer-logo{display:flex; align-items:center; gap:8px; text-decoration:none;}
.drawer-logo-img{display:block; height:32px; width:auto;}
.drawer-logo-icon{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--red-600); color:#fff; border-radius:8px; font-weight:900; font-size:16px;}
.drawer-logo-text{font-size:15px; font-weight:900; color:var(--slate-900); letter-spacing:-.01em;}
.drawer-logo-uk{color:var(--red-600); font-weight:900;}

.drawer-icons-row{display:flex; justify-content:center; gap:14px; padding:14px 16px 18px; border-bottom:1px solid var(--slate-100);}
.drawer-icon-btn{
  position:relative; width:44px; height:44px; border-radius:10px; background:#fff;
  display:flex; align-items:center; justify-content:center; color:var(--slate-900);
  text-decoration:none; border:2px solid var(--slate-300);
}
.drawer-icon-btn:hover{background:var(--slate-50); color:var(--red-600);}
.drawer-icon-count{
  position:absolute; top:-5px; right:-5px; min-width:20px; height:20px; border-radius:10px;
  background:var(--red-600); color:#fff; font-size:11px; font-weight:800;
  display:flex; align-items:center; justify-content:center; padding:0 5px; border:2px solid #fff;
}

.drawer-search{display:flex; gap:6px; padding:8px 16px 12px;}
.drawer-search-input{
  flex:1; border:1px solid var(--slate-200); border-radius:10px; padding:10px 12px; font-size:13px;
}
.drawer-search-btn{
  background:var(--red-600); color:#fff; border:none; border-radius:10px; padding:10px 14px; font-weight:700; font-size:12px;
}
.drawer-home{font-weight:800; color:var(--slate-900) !important; font-size:17px; border-bottom:1px solid var(--slate-100);}

.drawer-acc{border-bottom:1px solid var(--slate-50);}
.drawer-acc-btn{
  width:100%; display:flex; align-items:center; gap:8px;
  background:none; border:none; padding:15px 16px; font-size:17px; font-weight:800;
  color:var(--slate-800); text-align:left; letter-spacing:.02em;
}
.drawer-acc-btn .chev{margin-left:auto; transition:transform .2s; color:var(--slate-400); display:flex; align-items:center;}
.drawer-acc.open .drawer-acc-btn .chev{transform:rotate(180deg);}

.drawer-acc-panel{
  display:none; padding:0 12px 12px 16px; flex-direction:column; gap:2px;
}
.drawer-acc.open .drawer-acc-panel{display:flex;}
.drawer-sub-browse{
  padding:10px 12px; border-radius:8px; font-size:16px; font-weight:700; color:var(--red-600) !important;
  display:flex; align-items:center; justify-content:space-between;
}
.drawer-sub-browse:hover{background:var(--red-50);}
.drawer-sub-arrow{font-size:14px;}
.drawer-sub-link{
  padding:10px 12px; border-radius:8px; font-size:16px; font-weight:600; color:var(--slate-600) !important;
}
.drawer-sub-link:hover{background:var(--slate-50); color:var(--slate-800) !important;}

.badge-pop,.badge-hot,.badge-top{
  font-size:9px; font-weight:800; padding:2px 7px; border-radius:999px; letter-spacing:.04em;
}
.badge-pop{background:#dbeafe; color:#1d4ed8;}
.badge-hot{background:#fee2e2; color:#b91c1c;}
.badge-top{background:#fef3c7; color:#b45309;}
.badge-ai{background:var(--red-100); color:var(--red-700); font-size:9px; font-weight:800; padding:2px 8px; border-radius:999px;}

.drawer-divider{height:1px; background:var(--slate-200); margin:8px 16px;}

.drawer-section-title{padding:8px 16px 6px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--slate-400);}
.drawer-link-icon{font-size:16px; width:22px; text-align:center; flex-shrink:0;}
.drawer-link-ai{background:var(--red-50); color:var(--red-700) !important; font-weight:700;}

.drawer-footer-btns{padding:16px; border-top:1px solid var(--slate-100); flex-shrink:0; background:#fff;}
.drawer-support-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px; font-size:15px; font-weight:800; border-radius:12px;
}
.drawer-social-btns{display:flex; justify-content:center; gap:10px; margin-top:14px;}
.drawer-social-icon{
  width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; text-decoration:none; font-weight:800; font-size:13px;
}
.drawer-social-fb{background:#1877f2;}
.drawer-social-fb:hover{background:#0d6efd; color:#fff;}
.drawer-social-ebay{background:#e53238; letter-spacing:-.02em;}
.drawer-social-ebay:hover{background:#d42d31; color:#fff;}
.drawer-social-wa{background:#25d366;}
.drawer-social-wa:hover{background:#1da851; color:#fff;}
.ebay-e{color:#e53238;}
.ebay-b{color:#0064d2;}
.ebay-a{color:#f5af02;}
.ebay-y{color:#86b817;}

.review-modal-overlay{position:fixed; inset:0; background:rgba(15,23,42,.6); z-index:500; opacity:0; pointer-events:none; transition:.25s;}
.review-modal-overlay.open{opacity:1; pointer-events:auto;}
.review-modal{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(.96); width:92%; max-width:520px; max-height:90vh; background:#fff; border-radius:var(--radius-lg); z-index:501; box-shadow:var(--shadow-lg); opacity:0; pointer-events:none; transition:.25s; display:flex; flex-direction:column; overflow:hidden;}
.review-modal.open{opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1);}
.review-modal-head{padding:20px 24px 16px; border-bottom:1px solid var(--slate-200); position:relative; flex-shrink:0;}
.review-modal-close{position:absolute; top:16px; right:16px; background:var(--red-50); border:none; border-radius:10px; padding:8px 10px; font-size:18px; font-weight:700; color:var(--red-600); cursor:pointer; line-height:1;}
.review-modal-close:hover{background:var(--red-100); color:var(--red-700);}
.review-modal-badge{font-size:11px; font-weight:800; color:var(--red-600); letter-spacing:.06em; text-transform:uppercase; margin-bottom:6px;}
.review-modal-title{font-size:18px; font-weight:800; color:var(--slate-900); line-height:1.3; margin:0 0 4px;}
.review-modal-sub{font-size:12.5px; color:var(--slate-500); margin:0;}
.review-modal-body{padding:20px 24px; overflow-y:auto; flex:1;}
.review-modal-stars-section{background:#fffbeb; border:1px solid #fde68a; border-radius:14px; padding:16px; margin-bottom:18px;}
.review-modal-label{display:block; font-size:13px; font-weight:700; color:var(--slate-800); margin-bottom:8px;}
.review-star-picker{display:flex; gap:6px;}
.review-star{font-size:32px; color:var(--slate-200); cursor:pointer; transition:color .15s; user-select:none;}
.review-star.active{color:#f59e0b;}
.review-star-label{margin-top:8px; font-size:13px; font-weight:700; color:var(--slate-800);}
.review-star-label .stars-text{color:#f59e0b;}
.review-modal-row{margin-bottom:12px;}
.review-modal-field{width:100%;}
.review-modal-input-wrap{display:flex; align-items:center; border:1px solid var(--slate-200); border-radius:10px; overflow:hidden; background:#fff;}
.review-modal-input-icon{padding:0 10px; font-size:14px; flex-shrink:0;}
.review-modal-input{flex:1; border:none; padding:10px 12px; font-size:13px; outline:none; background:transparent; width:100%;}
.review-modal-input:focus{outline:none;}
.review-modal-textarea{width:100%; padding:10px 12px; border:1px solid var(--slate-200); border-radius:10px; font-size:13px; resize:vertical; font-family:inherit; line-height:1.5;}
.review-modal-textarea:focus{outline:none; border-color:var(--slate-400);}
.review-modal-recommend{display:flex; align-items:center; gap:8px; padding:12px 14px; border:1px solid var(--slate-200); border-radius:12px; margin-bottom:18px; font-size:13px; font-weight:600; color:var(--slate-700); flex-wrap:wrap;}
.review-recommend-icon{font-size:16px;}
.review-recommend-btns{display:flex; gap:6px; margin-left:auto;}
.review-recommend-btn{border:1px solid var(--slate-200); background:#fff; border-radius:8px; padding:5px 14px; font-size:12px; font-weight:700; cursor:pointer; transition:.15s;}
.review-recommend-btn.yes.active{background:#059669; color:#fff; border-color:#059669;}
.review-recommend-btn.no.active{background:var(--slate-800); color:#fff; border-color:var(--slate-800);}
.review-modal-actions{display:flex; gap:10px; justify-content:flex-end; padding-top:4px;}
.review-modal-cancel{background:none; border:1px solid var(--slate-200); border-radius:10px; padding:10px 18px; font-size:13px; font-weight:700; color:var(--slate-600); cursor:pointer;}
.review-modal-cancel:hover{background:var(--slate-50);}
.review-modal-submit{background:var(--red-600); color:#fff; border:none; border-radius:10px; padding:10px 20px; font-size:13px; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:6px;}
.review-modal-submit:hover{background:var(--red-700);}

.notify-modal{position:fixed; inset:0; z-index:600; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:.25s;}
.notify-modal.open{opacity:1; pointer-events:auto;}
.notify-modal-backdrop{position:absolute; inset:0; background:rgba(15,23,42,.6);}
.notify-modal-content{position:relative; background:#fff; border-radius:var(--radius-lg); width:92%; max-width:440px; padding:28px 24px 24px; box-shadow:var(--shadow-lg); transform:translateY(12px); transition:.25s;}
.notify-modal.open .notify-modal-content{transform:translateY(0);}
.notify-modal-close{position:absolute; top:14px; right:14px; background:var(--red-50); border:none; border-radius:10px; padding:6px 10px; font-size:18px; font-weight:700; color:var(--red-600); cursor:pointer; line-height:1;}
.notify-modal-close:hover{background:var(--red-100); color:var(--red-700);}
.notify-modal-header{display:flex; align-items:center; gap:8px; margin-bottom:8px;}
.notify-modal-header svg{color:var(--red-600);}
.notify-modal-header h3{font-size:17px; font-weight:800; color:var(--slate-900); margin:0;}
.notify-modal-desc{font-size:13px; color:var(--slate-500); margin:0 0 18px; line-height:1.5;}
.notify-modal-form{display:flex; flex-direction:column; gap:14px;}
.notify-field{display:flex; flex-direction:column; gap:5px;}
.notify-field label{font-size:12px; font-weight:700; color:var(--slate-700);}
.notify-field input{width:100%; padding:10px 12px; border:1px solid var(--slate-200); border-radius:10px; font-size:13px; outline:none; background:#fff; transition:border-color .15s;}
.notify-field input:focus{border-color:var(--slate-400);}
.notify-field textarea{width:100%; padding:10px 12px; border:1px solid var(--slate-200); border-radius:10px; font-size:13px; resize:vertical; font-family:inherit; line-height:1.5;}
.notify-field textarea:focus{outline:none; border-color:var(--slate-400);}
.notify-modal-row{margin-bottom:2px;}
.notify-modal-row-2col{display:grid; grid-template-columns:1fr 1fr; gap:12px;}

.checkout-page{padding:24px 0 48px;}
.checkout-topbar{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  margin-bottom:20px; font-size:13px; font-weight:700; color:var(--slate-600);
}
.checkout-topbar .title{font-size:14px; letter-spacing:.06em; color:var(--slate-800);}
.checkout-express{
  background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:18px 20px; margin-bottom:20px;
  box-shadow:var(--shadow-sm);
}
.checkout-express h3{font-size:13px; letter-spacing:.04em; margin-bottom:12px; color:var(--slate-800);}
.express-btns{display:flex; flex-wrap:wrap; gap:10px;}
.express-btns button{
  flex:1; min-width:120px; border:none; border-radius:12px; padding:14px 16px;
  font-weight:800; font-size:14px; cursor:pointer;
}
.express-paypal{background:#ffc439; color:#003087;}
.express-paypal3{background:#003087; color:#fff;}
.express-apple{background:#000; color:#fff;}
.express-google{background:#fff; color:#1f1f1f; border:1px solid #dadce0 !important;}
.checkout-layout{
  display:grid; grid-template-columns:1fr; gap:20px;
}
@media(min-width:960px){
  .checkout-layout{grid-template-columns:1.2fr .9fr; align-items:start;}
}
.checkout-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:16px; padding:20px 22px;
  box-shadow:var(--shadow-sm); margin-bottom:16px;
}
.checkout-card h2{
  font-size:14px; letter-spacing:.04em; display:flex; align-items:center; gap:10px; margin-bottom:16px;
}
.step-num{
  width:24px; height:24px; border-radius:50%; background:var(--red-600); color:#fff;
  display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800;
}
.checkout-grid-2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.checkout-grid-3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px;}
@media(max-width:640px){
  .checkout-grid-2,.checkout-grid-3{grid-template-columns:1fr;}
}
.checkout-card label{display:block; font-size:12px; font-weight:700; color:var(--slate-600); margin-bottom:5px;}
.checkout-card input,.checkout-card select, .checkout-card textarea{
  width:100%; border:1px solid var(--slate-200); border-radius:10px; padding:11px 12px;
  font-size:14px; background:#f8fafc;
}
.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{
  outline:none; border-color:var(--red-600); background:#fff; box-shadow:0 0 0 3px rgba(220,38,38,.12);
}
.order-summary-card{position:sticky; top:80px;}
.order-line{display:flex; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--slate-100); margin-bottom:14px;}
.order-line img{width:56px; height:56px; border-radius:10px; object-fit:cover; background:var(--slate-100);}
.order-totals{font-size:13.5px;}
.order-totals .row{display:flex; justify-content:space-between; padding:6px 0; color:var(--slate-600);}
.order-totals .grand{font-size:18px; font-weight:900; color:var(--red-600); padding-top:10px; border-top:1px solid var(--slate-200); margin-top:6px;}
.pay-methods{display:flex; gap:8px; flex-wrap:wrap; margin:12px 0;}
.pay-methods button{
  flex:1; min-width:90px; border:1px solid var(--slate-200); border-radius:12px; padding:12px 8px;
  background:#fff; font-weight:700; font-size:12px; cursor:pointer;
}
.pay-methods button.active{border-color:#003087; background:#003087; color:#fff;}
.place-order-btn{
  width:100%; background:var(--red-600); color:#fff; border:none; border-radius:12px;
  padding:16px; font-size:16px; font-weight:900; margin-top:12px; cursor:pointer;
}
.place-order-btn:hover{background:var(--red-700);}
.freight-opts label{
  display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--slate-200);
  border-radius:12px; margin-bottom:8px; cursor:pointer; font-size:13px; font-weight:600;
}
.freight-opts label.selected{border-color:var(--red-600); background:var(--red-50);}

body{font-size:16px !important; line-height:1.65;}
.btn{font-size:14.5px; padding:13px 22px;}
.btn-lg{font-size:15.5px; padding:15px 26px;}
.btn-sm{font-size:13.5px; padding:9px 15px;}
.product-card .product-name{font-size:14.5px !important;}
.product-card .product-price{font-size:18.5px !important;}
.product-card .product-brand{font-size:12px !important;}
.product-card .add-cart-btn{font-size:14px !important; padding:12px 14px !important;}
.cat-link{font-size:14px !important; padding:11px 14px !important;}
.search-trigger{font-size:14.5px !important; padding:12px 18px !important;}
.header-main{height:70px !important;}
@media(min-width:768px){.header-main{height:76px !important;}}
.hero2-title{font-size:34px !important;}
@media(min-width:768px){.hero2-title{font-size:44px !important;}}
.hero2-sub{font-size:15.5px !important;}
h2{font-size:26px !important;}
.section-eyebrow{font-size:12.5px !important;}

.product-card .thumb{position:relative; overflow:hidden; aspect-ratio:1/1;}
.product-card .quick-view-btn{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  transform:translateY(100%) !important;
  translate:none;
  border-radius:0 !important;
  background:rgba(15,23,42,.82) !important;
  color:#fff !important;
  padding:12px 16px !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  opacity:1 !important;
  pointer-events:none !important;
  text-align:center;
  position:absolute !important;
  border:none;
  transition:transform .2s ease !important;
}
.product-card:hover .quick-view-btn{
  transform:translateY(0) !important;
  pointer-events:auto !important;
  opacity:1 !important;
}

.google-reviews-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media(min-width:768px){.google-reviews-grid{grid-template-columns:1fr 1fr;}}
.google-review-card{
  background:#fff;
  border:1px solid #e8eef5;
  border-radius:18px;
  padding:20px 22px;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
}
.google-review-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}
.google-review-user{display:flex; gap:12px; align-items:center; min-width:0;}
.google-review-user img{
  width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0;
  background:#e2e8f0;
}
.google-review-name-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.google-review-name-row h4{font-size:15px; font-weight:800; color:var(--slate-900); margin:0;}
.verified-buyer-tag{
  font-size:11px; font-weight:700; color:#059669; background:#ecfdf5;
  padding:2px 8px; border-radius:999px; display:inline-flex; align-items:center; gap:3px;
}
.google-review-role{font-size:12.5px; color:var(--slate-500); margin-top:2px;}
.google-review-date-stars{text-align:right; flex-shrink:0; font-size:12px; color:var(--slate-400);}
.google-review-date-stars .stars{display:block; color:#f59e0b; margin-top:4px; letter-spacing:1px;}
.google-review-text{
  font-size:14px; color:var(--slate-700); line-height:1.6; margin:0 0 14px;
}
.google-review-footer{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding-top:12px; border-top:1px solid #f1f5f9; font-size:12px;
}
.google-review-footer .lbl{color:var(--slate-400); font-weight:600;}
.google-review-footer .val{
  background:#fef2f2; color:var(--red-600); font-weight:700;
  padding:5px 12px; border-radius:999px; font-size:12px;
}

.review-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media(min-width:768px){.review-grid{grid-template-columns:repeat(3,1fr);}}
.review-card{
  background:#fff;
  border:1px solid #e8eef5;
  border-radius:18px;
  padding:22px 20px 18px;
  position:relative;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
}
.review-card .stars{color:#f59e0b; font-size:15px; letter-spacing:1px; margin-bottom:10px; display:block;}
.review-card h4{font-size:15px; font-weight:800; color:var(--slate-900); margin:0 0 8px; font-style:italic;}
.review-card h4::before{content:'"';}
.review-card h4::after{content:'"';}
.review-card > p{font-size:13.5px; color:var(--slate-600); line-height:1.6; margin:0 0 16px;}
.review-card .review-meta{
  display:flex; align-items:center; gap:10px;
  padding-top:12px; border-top:1px solid #f1f5f9;
}
.review-card .review-avatar{
  width:36px; height:36px; border-radius:50%; background:var(--slate-200);
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800; color:var(--slate-700); flex-shrink:0;
}
.review-card .name{font-size:13.5px; font-weight:800; color:var(--slate-900);}
.review-card .company{font-size:12px; color:var(--slate-500);}
.review-card .verified-tag{font-size:11px; color:#059669; font-weight:700;}
.review-card::after{
  content:'”';
  position:absolute; top:14px; right:18px;
  font-size:42px; line-height:1; color:#e2e8f0; font-family:Georgia,serif;
}

select,
.nice-select,
.checkout-card select,
.filter-panel select,
.filters-panel select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' stroke='%23475569' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding:12px 40px 12px 14px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:12px !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:var(--slate-800) !important;
  min-height:46px;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
select:focus,
.nice-select:focus{
  outline:none !important;
  border-color:var(--red-600) !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.12) !important;
}

.listing-layout .product-grid,
.plp-layout .product-grid,
#catalogGrid.product-grid{
  grid-template-columns:repeat(2,1fr) !important;
  gap:18px !important;
}
@media(min-width:768px){
  .listing-layout .product-grid,
  .plp-layout .product-grid,
  #catalogGrid.product-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

.cat-card2 .img-wrap{aspect-ratio:1/1;}
.cat-card2 .cat-name{font-size:15px;}
.cat-card2 .desc{font-size:12.5px; color:var(--slate-600);}
.cat-card2 .browse-row{font-size:12.5px; color:var(--red-600);}
.cat-card2 .count-badge{font-size:11px; padding:4px 10px;}

.product-name{font-size:14.5px;}
.product-price{font-size:18px;}
.product-brand{font-size:11.5px;}
.add-cart-btn{font-size:13.5px; padding:11px;}

.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:200 !important;
  background:#fff !important;
  overflow:visible !important;
}
@media(max-width:768px){
  .site-header{overflow:visible !important;}
}

.site-header .topbar{
  max-height:48px !important;
  opacity:1 !important;
  overflow:hidden !important;
  margin-top:0 !important;
  transition:max-height .2s ease, opacity .15s ease, padding .2s ease !important;
}
.site-header.is-scrolled .topbar{
  max-height:0 !important;
  opacity:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  pointer-events:none !important;
  border:none !important;
}

.category-bar{
  overflow:visible !important;
  position:relative;
  z-index:210;
}
.category-bar .container{overflow:visible !important;}
.cat-item{position:relative;}
.cat-dropdown{
  display:none;
  position:absolute;
  min-width:340px;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:12px;
  box-shadow:var(--shadow-lg);
  z-index:260;
  padding:12px;
}
.cat-dropdown-inner{display:flex; gap:12px;}
.cat-dropdown-list{flex:1; display:flex; flex-direction:column; gap:2px; max-height:320px; overflow-y:auto;}
.cat-dropdown-list a{
  padding:8px 10px; border-radius:8px; font-size:13px; font-weight:600; color:var(--slate-700); white-space:nowrap;
}
.cat-dropdown-list a:hover{background:var(--red-50); color:var(--red-600);}
.cat-dropdown-img{width:110px; flex-shrink:0;}
.cat-dropdown-img img{width:100%; border-radius:8px;}

.simple-pdp{padding:0;}
.simple-pdp-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
@media(min-width:900px){
  .simple-pdp-grid{grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
}
.simple-pdp-gallery{
  background:var(--slate-50);
  border:1px solid var(--slate-200);
  border-radius:16px;
  overflow:hidden;
}
.simple-pdp-main-img-wrap{
  position:relative;
  width:100%;
  height:400px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg, #f1f5f9, #e2e8f0);
}
.simple-pdp-gallery img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:20px;
}
.simple-pdp-thumbs{
  display:flex;
  gap:8px;
  padding:10px;
  overflow-x:auto;
  border-top:1px solid var(--slate-200);
  background:#fff;
}
.simple-pdp-thumbs img{
  width:64px;
  height:64px;
  min-width:64px;
  border-radius:8px;
  object-fit:cover;
  border:2px solid var(--slate-200);
  cursor:pointer;
  opacity:.7;
  transition:.15s;
  flex-shrink:0;
}
.simple-pdp-thumbs img:hover{opacity:1;}
.simple-pdp-thumbs img.active{
  border-color:var(--red-600);
  opacity:1;
}
.simple-pdp-brand{
  color:var(--red-600);
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:6px;
}
.simple-pdp-title{
  font-size:24px;
  line-height:1.25;
  margin-bottom:10px;
}
.simple-pdp-sku{font-size:13px; color:var(--slate-400); margin-bottom:14px;}
.simple-pdp-price-row{
  display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:8px;
}
.simple-pdp-price{font-size:32px; font-weight:900; color:var(--slate-900);}
.simple-pdp-orig{font-size:16px; color:var(--slate-400); text-decoration:line-through;}
.simple-pdp-vat{font-size:13px; color:var(--slate-500);}
.simple-pdp-lease{
  display:inline-block;
  font-size:13px; font-weight:700; color:var(--emerald-700);
  background:#ecfdf5; border:1px solid #a7f3d0;
  padding:6px 12px; border-radius:8px; margin:10px 0 16px;
}
.simple-pdp-desc{
  font-size:14.5px; color:var(--slate-600); line-height:1.65; margin-bottom:18px;
}
.simple-pdp-features{margin:0 0 20px; padding:0; list-style:none;}
.simple-pdp-features li{
  display:flex; gap:8px; font-size:14px; color:var(--slate-700);
  padding:6px 0; align-items:flex-start;
}
.simple-pdp-features li::before{content:"✓"; color:var(--emerald-600); font-weight:900; flex-shrink:0;}
.simple-pdp-buy-row{display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:18px;}
.simple-pdp-qty{
  display:flex; align-items:center; border:1px solid var(--slate-300); border-radius:10px;
}
.simple-pdp-qty button{
  width:40px; height:40px; border:none; background:none; font-size:18px; font-weight:700; color:var(--slate-700);
}
.simple-pdp-qty span{width:40px; text-align:center; font-weight:800;}
.simple-pdp-meta{
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px;
}
.simple-pdp-meta div{
  background:var(--slate-50); border:1px solid var(--slate-200);
  border-radius:10px; padding:12px; font-size:12.5px;
}
.simple-pdp-meta .lbl{display:block; color:var(--slate-500); font-weight:600; margin-bottom:2px;}
.simple-pdp-meta .val{font-weight:800; color:var(--slate-900);}

.pdp-modules{display:grid; grid-template-columns:1fr; gap:20px;}
@media(min-width:900px){.pdp-modules{grid-template-columns:1fr 1fr;}}
.pdp-module{
  background:#fff; border:1px solid var(--slate-200); border-radius:16px;
  padding:22px; box-shadow:var(--shadow-xs);
}
.pdp-module h3{
  font-size:16px; margin-bottom:12px; display:flex; align-items:center; gap:8px;
}
.pdp-module p, .pdp-module li{
  font-size:13.5px; color:var(--slate-600); line-height:1.6;
}
.pdp-module ul{margin:0; padding-left:18px;}
.pdp-module li{margin-bottom:6px;}
.pdp-module.full{grid-column:1 / -1;}

.pdp-review-item{
  border-top:1px solid var(--slate-100); padding:16px 0;
}
.pdp-review-item:first-child{border-top:none; padding-top:0;}
.pdp-review-item .stars{color:var(--amber-400); letter-spacing:1px; font-size:13px;}
.pdp-review-item h4{font-size:14px; margin:6px 0;}
.pdp-review-item .meta{font-size:12px; color:var(--slate-500); margin-top:8px;}

.cart-trigger{
  background:var(--slate-900) !important;
  color:#fff !important;
  transition:background .18s ease, box-shadow .18s ease, transform .15s ease !important;
}
.cart-trigger:hover{
  background:var(--red-600) !important;
  box-shadow:0 6px 18px rgba(220,38,38,.35) !important;
  transform:translateY(-1px);
}
.cart-trigger .count{
  background:#fff !important;
  color:var(--red-600) !important;
}
.cart-trigger:hover .count{
  background:#fff !important;
  color:var(--red-700) !important;
}

.cat-grid2{
  grid-template-columns:repeat(2,1fr) !important;
  gap:20px !important;
}
@media(min-width:640px){
  .cat-grid2{grid-template-columns:repeat(3,1fr) !important;}
}
@media(min-width:1024px){
  .cat-grid2{grid-template-columns:repeat(5,1fr) !important;}
}

.finance-section{
  background:
    radial-gradient(700px 400px at 0% 50%, rgba(220,38,38,.18), transparent 55%),
    radial-gradient(600px 360px at 100% 20%, rgba(251,191,36,.12), transparent 50%),
    linear-gradient(140deg, #0f172a 0%, #0f172a 55%, #1e1b4b 100%) !important;
}
.newsletter2-wrap{
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(220,38,38,.25), transparent 55%),
    radial-gradient(500px 280px at 90% 100%, rgba(59,130,246,.15), transparent 50%),
    var(--slate-900) !important;
}
.trust-strip{
  background:
    radial-gradient(600px 280px at 10% 50%, rgba(220,38,38,.2), transparent 55%),
    linear-gradient(90deg, #0f172a, #1e293b) !important;
}

select,
select.nice-select,
.plp-filter-group select,
.plp-sort-box select,
.sort-select,
.form-group select{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5l5.5 5.5 5.5-5.5' stroke='%23475569' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding:12px 40px 12px 14px !important;
  border:1px solid var(--slate-200) !important;
  border-radius:12px !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  color:var(--slate-800) !important;
  min-width:140px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  cursor:pointer;
  transition:border-color .15s ease, box-shadow .15s ease;
}
select:hover,
select.nice-select:hover{
  border-color:var(--slate-300) !important;
}
select:focus,
select.nice-select:focus{
  outline:none !important;
  border-color:var(--red-600) !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.14) !important;
}

.ns-wrap{
  position:relative;
  display:inline-block;
  min-width:160px;
  vertical-align:middle;
}
.ns-wrap.ns-block{display:block; width:100%;}
.ns-wrap select.ns-native{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}
.ns-display{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:12px;
  padding:12px 14px;
  font-size:13.5px;
  font-weight:600;
  color:var(--slate-800);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .15s ease, box-shadow .15s ease;
  user-select:none;
}
.ns-display:hover{border-color:var(--slate-300);}
.ns-wrap.open .ns-display{
  border-color:var(--red-600);
  box-shadow:0 0 0 3px rgba(220,38,38,.14);
}
.ns-display .ns-arrow{
  width:10px; height:10px;
  border-right:2px solid var(--slate-500);
  border-bottom:2px solid var(--slate-500);
  transform:rotate(45deg);
  margin-top:-4px;
  flex-shrink:0;
  transition:transform .18s ease;
}
.ns-wrap.open .ns-display .ns-arrow{
  transform:rotate(-135deg);
  margin-top:4px;
}
.ns-list{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  left:0; right:0;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:12px;
  box-shadow:0 12px 32px rgba(15,23,42,.14);
  z-index:320;
  max-height:240px;
  overflow-y:auto;
  padding:6px;
}
.ns-wrap.open .ns-list{display:block;}
.ns-option{
  padding:10px 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:var(--slate-700);
  cursor:pointer;
}
.ns-option:hover{background:var(--red-50); color:var(--red-700);}
.ns-option.selected{background:var(--red-50); color:var(--red-700); font-weight:800;}

.fab-stack{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:450;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.fab-btn{
  width:52px;
  height:52px;
  border-radius:50%;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(15,23,42,.18);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  text-decoration:none;
  position:relative;
}
.fab-btn:hover{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 12px 28px rgba(15,23,42,.22);
}
.fab-btn.fab-whatsapp{background:#25D366;}
.fab-btn.fab-whatsapp:hover{background:#1ebe57;}
.fab-btn.fab-cart{
  background:var(--slate-900);
}
.fab-btn.fab-cart:hover{
  background:var(--red-600);
}
.fab-btn.fab-top{
  background:var(--red-600);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
}
.fab-btn.fab-top.visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.fab-btn.fab-top:hover{background:var(--red-700);}
.fab-cart .fab-badge{
  position:absolute;
  top:-2px; right:-2px;
  min-width:18px; height:18px;
  background:var(--red-600);
  color:#fff;
  font-size:10px;
  font-weight:900;
  border-radius:99px;
  display:none;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  padding:0 4px;
}
.fab-cart .fab-badge.show{display:flex;}

@media(max-width:480px){
  .fab-stack{right:12px; bottom:12px; gap:10px;}
  .fab-btn{width:48px; height:48px; font-size:20px;}
}

@media (max-width: 768px) {

  html, body{overflow-x:clip; max-width:100vw;}
  .container{padding-left:14px !important; padding-right:14px !important; overflow:visible;}
  .section{padding:28px 0 !important;}
  img{max-width:100%; height:auto;}

  .category-bar{overflow:hidden !important;}
  .category-bar .container{overflow:hidden !important;}
  .cat-dropdown{min-width:0 !important; max-width:calc(100vw - 28px) !important;}

  .topbar{font-size:11px; padding:6px 0;}
  .site-header .topbar{max-height:none !important; overflow:visible !important;}
  .topbar .container{gap:0; flex-wrap:nowrap !important;}
  .topbar-left{display:none !important;}
  .topbar-right{width:100%; justify-content:space-between; gap:8px;}
  .topbar-left span{font-size:11px; width:100%;}
  .topbar .tag-free{display:none !important;}
  .topbar .tag-finance{display:none !important;}
  .topbar .tag-warranty{display:none !important;}
  .track-order-link{display:none !important;}
  .helpline{display:inline-flex !important; margin-left:auto;}
  .header-main{
    height:70px !important;
    gap:16px !important;
    padding-left:0; padding-right:0;
  }
.logo-img{height:33px !important; width:auto !important;}
  .header-actions{gap:8px !important;}
  .icon-btn{padding:10px !important;}
  .icon-btn.js-open-mobile-nav{padding:7px !important;}
  .cart-trigger{
    background:var(--slate-900) !important; color:#fff !important; box-shadow:none !important;
    padding:8px 12px !important; gap:4px !important; border-radius:10px !important;
  }
  .cart-trigger:hover{background:var(--red-600) !important;}
  .cart-trigger .cart-label{display:none !important;}
  .cart-trigger .count{background:#fff !important; color:var(--slate-900) !important; font-size:10px; font-weight:800; padding:1px 6px !important; min-width:auto; height:auto; box-shadow:none; border:none; position:static !important;}
  .search-trigger{display:none !important;}

  .hero2{padding:20px 0 24px !important;}
  .hero2-title{font-size:26px !important; line-height:1.2 !important;}
  .hero2-sub{font-size:13.5px !important;}
  .hero2-cta-row{flex-direction:column !important; align-items:stretch !important;}
  .hero2-cta-row .btn{width:100%; justify-content:center;}
  .hero2-usp-strip{grid-template-columns:1fr !important; gap:10px !important;}
  .deal-card{padding:14px !important;}
  .deal-image-wrap img{height:200px !important;}

  .product-grid,
  .plp-layout .product-grid,
  #catalogGrid.product-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }
  .cat-grid2{grid-template-columns:repeat(2,1fr) !important; gap:12px !important;}
  .cat-card2 .img-wrap{aspect-ratio:1/1 !important;}
  .product-card .thumb{aspect-ratio:4/3 !important; max-height:220px !important;}
  .product-card .thumb img{object-fit:contain !important;}
  .product-card .body{padding:10px !important;}
  .product-name{font-size:12.5px !important; min-height:2.4em;}
  .product-price{font-size:15px !important;}
  .add-cart-btn{font-size:12px !important; padding:9px !important;}

  .simple-pdp{padding:12px 0 40px !important;}
  .simple-pdp-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .simple-pdp-title{font-size:18px !important; line-height:1.3 !important;}
  .simple-pdp-price{font-size:24px !important;}
  .simple-pdp-buy-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .simple-pdp-buy-row .btn{width:100%; justify-content:center;}
  .simple-pdp-meta{grid-template-columns:1fr 1fr !important; gap:8px !important;}
  .pdp-modules{grid-template-columns:1fr !important; gap:12px !important;}
  .pdp-module{padding:16px !important;}
  .pdp-module.full{grid-column:auto !important;}
  .breadcrumbs{font-size:11px; flex-wrap:wrap; gap:4px; padding:10px 0 !important;}

  .pdp-sticky-bar{
    padding:10px 12px !important;
  }
  .pdp-sticky-inner{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .pdp-sticky-name{max-width:160px !important; font-size:11px !important;}

  .checkout-page{padding:12px 0 40px !important;}
  .checkout-topbar{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    padding:12px 0 !important;
    font-size:12px !important;
  }
  .checkout-topbar .title{
    font-size:12px !important;
    letter-spacing:0.03em !important;
    order:0;
  }
  .checkout-express{
    padding:14px !important;
    margin-bottom:14px !important;
  }
  .checkout-express h3{
    font-size:12px !important;
    flex-wrap:wrap;
    display:block !important;
  }
  .checkout-express h3 span{float:none !important; display:block; margin-top:4px;}
  .express-btns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .express-btns button{
    min-width:0 !important;
    width:100% !important;
    padding:12px 10px !important;
    font-size:12.5px !important;
  }

  .checkout-layout{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .checkout-card{
    padding:14px !important;
    margin-bottom:12px !important;
    border-radius:14px !important;
  }
  .checkout-card h2{
    font-size:13px !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-bottom:12px !important;
  }
  .checkout-card h2 > span[style*="margin-left:auto"]{
    margin-left:0 !important;
    width:100%;
    margin-top:6px;
  }
  .checkout-grid-2,
  .checkout-grid-3{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .checkout-card input,
  .checkout-card select,
  .checkout-card textarea{
    font-size:16px !important;
    padding:12px !important;
  }
  .ns-wrap{display:block !important; width:100% !important; min-width:0 !important;}
  .ns-display{width:100%; box-sizing:border-box;}

  .order-summary-card{
    position:static !important;
    top:auto !important;
  }
  .order-line{flex-wrap:wrap;}
  .freight-opts label{
    flex-wrap:wrap !important;
    font-size:12px !important;
    gap:6px !important;
  }
  .pay-methods{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .pay-methods button{width:100%;}
  .place-order-btn{
    width:100% !important;
    font-size:15px !important;
    padding:14px !important;
  }

  .footer-value-bar{
    padding:20px 0 !important;
  }
  .footer-main{
    grid-template-columns:1fr 1fr !important;
    gap:20px !important;
    padding:24px 14px !important;
  }
  .footer-values{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .footer-value{
    background:rgba(255,255,255,.9);
    border:1px solid var(--slate-200);
    border-radius:10px;
    padding:12px 14px;
  }
  .footer-bottom{
    padding:16px 0 !important;
  }
  .footer-bottom .container{
    flex-direction:column !important;
    text-align:center !important;
    gap:8px !important;
  }
  .site-footer{font-size:13.5px;}

  .plp-layout{grid-template-columns:1fr !important; gap:14px !important;}
  .plp-filters{
    position:static !important;
    padding:14px !important;
    display:none !important;
  }
  .plp-filters.active{display:flex !important;}
  .plp-toolbar{
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
  }
  .plp-toolbar-left{flex-direction:row; align-items:center;}
  .plp-toolbar-left .mobile-filter-btn{display:none !important;}
  .listing-head-row h1{font-size:20px !important;}

  .pagination{gap:4px !important; padding:16px 0 !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch;}
  .pagination a, .pagination button{min-width:32px !important; height:32px !important; font-size:12px !important;}

  .account-layout{grid-template-columns:1fr !important;}
  .account-layout2{grid-template-columns:1fr !important; max-width:none !important; overflow:visible !important;}
  .account-layout2 > *{min-width:0; overflow:visible !important;}
  .account-layout2 .account-sidebar{flex-direction:row !important; flex-wrap:wrap !important; gap:4px !important; padding:6px !important;}
  .account-layout2 .account-sidebar-link{padding:8px 12px !important; font-size:12px !important; gap:6px !important;}
  .account-layout2 .account-sidebar-link svg{width:14px !important; height:14px !important;}
  .account-layout2 .account-sidebar-link .account-sidebar-chevron{display:none !important;}
  .account-layout2 .account-sidebar-divider{display:none !important;}
  .account-content-card{overflow:visible !important; padding:14px !important;}
  .account-content-card table{display:table; min-width:640px;}
  .demo-banner{flex-wrap:wrap; font-size:12px; padding:10px 12px;}
  .demo-banner-btn{margin-left:0; margin-top:6px; width:100%; text-align:center;}
  .basket-layout{grid-template-columns:1fr !important;}
  .stat-grid{grid-template-columns:1fr 1fr !important;}

  .fab-stack{right:12px; bottom:12px; gap:10px;}
  .fab-btn{width:46px; height:46px; font-size:18px;}

  .form-row.two,
  .form-row.three{grid-template-columns:1fr !important;}

  .product-grid.list-mode .product-list-row{
    flex-direction:row !important;
    gap:12px !important;
    padding:12px !important;
    align-items:center;
  }
  .product-grid.list-mode .product-list-row .thumb{
    width:90px !important;
    min-width:90px !important;
    aspect-ratio:1/1 !important;
  }
  .product-grid.list-mode .product-list-row .buy-col{
    width:auto !important;
    min-width:110px !important;
    padding-left:14px !important;
    border-left:1px solid var(--slate-200) !important;
    border-top:none !important;
    padding-top:0 !important;
  }
  .product-grid.list-mode .product-list-row .info h3{font-size:13px !important;}
  .product-grid.list-mode .product-list-row .desc{display:none !important;}
  .product-grid.list-mode .product-list-row .buy-col .price{font-size:18px !important;}

  .contact-topic-grid{grid-template-columns:1fr !important; gap:12px !important;}
  .contact-info-bar{grid-template-columns:1fr !important;}
  .contact-info-item--middle{border-left:none !important; border-right:none !important; border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200);}

  .cs-layout{grid-template-columns:1fr !important; gap:20px !important;}
  .cs-layout .step-label{font-size:10px !important;}
  .cs-layout .step-circle{width:32px !important; height:32px !important; font-size:13px !important;}
}

@media (max-width: 400px) {
  .product-grid,
  .plp-layout .product-grid,
  #catalogGrid.product-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .express-btns{grid-template-columns:1fr !important;}
  .hero2-title{font-size:22px !important;}
  .simple-pdp-price{font-size:22px !important;}

  .product-grid.list-mode .product-list-row .thumb{
    width:70px !important;
    min-width:70px !important;
  }
  .product-grid.list-mode .product-list-row .buy-col{
    min-width:90px !important;
    padding-left:10px !important;
  }
  .product-grid.list-mode .product-list-row .buy-col .price{font-size:16px !important;}
  .product-grid.list-mode .product-list-row .meta-row .sku{display:none !important;}
}

.site-header .topbar{
  max-height: 48px !important;
  opacity: 1 !important;
  overflow: hidden !important;
  transition: max-height 0.18s ease, opacity 0.15s ease, padding 0.18s ease !important;
  will-change: max-height, opacity;
}
.site-header.is-scrolled .topbar{
  max-height: 0 !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none !important;
  border: none !important;
}

.cat-dropdown{
  top: 100% !important;
  padding-top: 10px !important;
  margin-top: -4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.cat-dropdown-inner{
  background: #fff !important;
  border: 1px solid var(--slate-200) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.14) !important;
  padding: 12px !important;
}

.cats{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.cats::-webkit-scrollbar{display:none;}

.category-description{font-size:13.5px; color:var(--slate-700); line-height:1.7; max-width:780px; margin:0 0 24px; padding:20px 24px; background:#fff; border-radius:14px; border:1px solid var(--slate-200); box-shadow:0 1px 3px rgba(0,0,0,.04);}
.category-description p{margin:0 0 8px;}
.category-description p:last-child{margin:0;}

.price-range-wrap{display:flex; flex-direction:column; gap:8px;}
.price-inputs{display:flex; align-items:center; gap:6px;}
.price-inputs input{flex:1; min-width:0; font-size:12px; font-weight:700; padding:8px; border:1px solid var(--slate-200); border-radius:8px; background:var(--slate-50); width:100%;}
.price-slider{width:100%; accent-color:var(--red-600);}

.plp-sidebar-sections{display:flex; flex-direction:column; gap:20px; padding-top:14px; border-top:1px solid var(--slate-200);}
.plp-sidebar-section-head{margin-bottom:10px;}
.plp-sidebar-section-head h4{font-size:13px; font-weight:800; color:var(--slate-900); margin:2px 0 0;}
.plp-sidebar-products{display:flex; flex-direction:column; gap:10px;}
.plp-sidebar-product{display:flex; gap:10px; align-items:center; text-decoration:none; padding:8px; border-radius:10px; transition:.15s;}
.plp-sidebar-product:hover{background:var(--slate-50);}
.plp-sidebar-product img{width:48px; height:48px; border-radius:8px; object-fit:cover; background:var(--slate-100); flex-shrink:0;}
.plp-sidebar-product-name{font-size:11.5px; font-weight:700; color:var(--slate-900); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.plp-sidebar-product-price{font-size:12px; font-weight:900; color:var(--red-600); margin-top:2px;}
.plp-sidebar-view-all{display:block; font-size:11px; font-weight:800; color:var(--red-600); text-decoration:none; padding-top:6px;}
.plp-sidebar-view-all:hover{text-decoration:underline;}

.spinner{display:inline-block; width:32px; height:32px; border:3px solid var(--slate-200); border-top-color:var(--red-600); border-radius:50%; animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

@media(max-width:1023px){
  .plp-filters{display:none !important;}
  .plp-filters.active{display:flex !important;}
  .price-inputs input{width:100%;}
}

.pw-wrap{position:relative;}
.pw-wrap input{padding-right:44px !important;}
.pw-toggle{position:absolute; right:4px; top:50%; transform:translateY(-50%); width:34px; height:34px; border:none; background:none; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--slate-500); border-radius:8px; padding:0;}
.pw-toggle:hover{color:var(--slate-900); background:var(--slate-100);}
.pw-toggle svg{width:18px; height:18px;}

.editor-content{font-family:'Trebuchet MS',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; font-size:15px; line-height:1.7; color:var(--slate-700);}
.editor-content *{font-family:inherit !important; font-size:inherit !important; line-height:inherit !important; color:inherit !important; background-color:transparent !important; margin-top:0 !important; margin-bottom:0 !important; padding:0 !important; white-space:normal !important; display:revert !important; position:static !important; vertical-align:baseline !important;}
.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6{color:var(--slate-900) !important; font-weight:700; margin:1.2em 0 0.5em !important; line-height:1.3 !important;}
.editor-content h1{font-size:1.6em !important;}
.editor-content h2{font-size:1.35em !important;}
.editor-content h3{font-size:1.15em !important;}
.editor-content p{margin:0 0 1em !important; line-height:inherit !important;}
.editor-content ul,.editor-content ol{margin:0 0 1em !important; padding-left:1.5em !important;}
.editor-content li{margin-bottom:0.3em !important;}
.editor-content a{color:var(--red-600) !important; text-decoration:underline;}
.editor-content a:hover{color:var(--red-700) !important;}
.editor-content img{max-width:100% !important; height:auto !important; border-radius:10px; margin:1em 0;}
.editor-content table{width:100%; border-collapse:collapse; margin:1em 0;}
.editor-content table th,.editor-content table td{border:1px solid var(--slate-200); padding:8px 12px; text-align:left; font-size:14px !important;}
.editor-content table th{background:var(--slate-100); font-weight:700; color:var(--slate-800) !important;}
.editor-content blockquote{border-left:4px solid var(--red-600); margin:1em 0 !important; padding:0.5em 1em !important; background:var(--slate-50); border-radius:0 8px 8px 0; color:var(--slate-600) !important;}
.editor-content hr{border:none; border-top:1px solid var(--slate-200); margin:1.5em 0;}
.editor-content strong{font-weight:700 !important; color:var(--slate-900) !important;}
.editor-content em{font-style:italic !important;}
.editor-content code{background:var(--slate-100); padding:2px 6px; border-radius:4px; font-size:0.9em; font-family:monospace;}
.editor-content pre{background:var(--slate-900); color:var(--slate-100); padding:16px; border-radius:10px; overflow-x:auto; margin:1em 0;}
.editor-content pre code{background:none; color:inherit; padding:0;}
@media(max-width:767px){.editor-content{font-size:14px; line-height:1.65;}.editor-content h1{font-size:1.4em !important;}.editor-content h2{font-size:1.2em !important;}.editor-content h3{font-size:1.05em !important;}.editor-content table{font-size:13px;}.editor-content table th,.editor-content table td{padding:6px 8px;}}

.delivery-grid{display:grid; grid-template-columns:1fr; gap:24px;}
@media(min-width:640px){.delivery-grid{grid-template-columns:1fr 1fr;}}
.order-info-grid{display:grid; grid-template-columns:1fr; gap:16px;}
@media(min-width:480px){.order-info-grid{grid-template-columns:1fr 1fr;}}
.stat-grid-2col{display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:20px;}
@media(min-width:480px){.stat-grid-2col{grid-template-columns:1fr 1fr;}}
.profile-form-grid{display:grid; grid-template-columns:1fr; gap:12px;}
@media(min-width:480px){.profile-form-grid{grid-template-columns:1fr 1fr;}}
.btn-group-row{display:flex; gap:10px; flex-wrap:wrap;}
.order-key-row{display:flex; justify-content:space-between; min-width:0; gap:8px;}
.order-key-row span{min-width:0;}
.order-key-row strong{white-space:nowrap;}
@media(max-width:639px){
  .order-table thead th:nth-child(3),
  .order-table thead th:nth-child(4),
  .order-table tbody td:nth-child(3),
  .order-table tbody td:nth-child(4){display:none;}
}
@media(max-width:480px){
  .order-table{font-size:12px !important;}
  .order-table thead th,.order-table tbody td{padding:8px 10px !important;}
}