:root{
--bg:#f4f6fa;--surface:#fff;--text:#101828;--muted:#667085;--line:#e6e9ef;
--brand:#ef3b2d;--brand2:#ff6b35;--navy:#111827;--blue:#2563eb;--green:#0f9d58;--amber:#f59e0b;
--r:14px;--r2:20px;--shadow:0 12px 34px rgba(16,24,40,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}
.container{width:min(1280px,calc(100% - 32px));margin:auto}
.top{background:#111827;color:#d0d5dd;font-size:13px}.top .row{height:34px;display:flex;justify-content:space-between;align-items:center}
.header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 4px 18px rgba(16,24,40,.05)}
.headrow{height:76px;display:flex;align-items:center;gap:18px}.logo{font-size:25px;font-weight:950;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.logo i{font-style:normal;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.search{flex:1;max-width:580px;display:flex;border:1px solid #dfe3ea;border-radius:10px;overflow:hidden;background:#f8fafc}.search input{flex:1;border:0;outline:0;background:transparent;padding:13px 14px}.search button{border:0;background:var(--brand);color:#fff;padding:0 18px;font-weight:800}
.head-actions{display:flex;gap:8px;margin-left:auto}.quick{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:800}.quick:hover{background:#fff4f2;color:var(--brand)}.quick b{display:block}.quick small{display:block;color:var(--muted);font-weight:500}
.menu{border-top:1px solid #f0f1f4;background:#fff}.menurow{height:44px;display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800;overflow:auto;white-space:nowrap}.menurow a:hover{color:var(--brand)}
.hero{padding:18px 0}.hero-grid{display:grid;grid-template-columns:1.6fr .65fr;gap:14px}.slider{height:410px;position:relative;border-radius:18px;overflow:hidden;background:#111}.slide{position:absolute;inset:0;opacity:0;transition:.5s}.slide.active{opacity:1}.slide img{height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12))}.slide-copy{position:absolute;z-index:3;color:#fff;left:38px;top:50%;transform:translateY(-50%);max-width:510px}.slide-copy h1{font-size:46px;line-height:1.02;letter-spacing:-1.7px;margin:10px 0}.slide-copy p{color:#e3e7ef;line-height:1.65}.dots{position:absolute;z-index:5;left:38px;bottom:24px;display:flex;gap:7px}.dot{width:28px;height:5px;border:0;border-radius:10px;background:#ffffff66}.dot.active{background:#fff}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:center}.side-card.orange{background:linear-gradient(135deg,#ffefe8,#fff)}.side-card.dark{background:linear-gradient(135deg,#111827,#26344f);color:#fff}.side-card h3{font-size:24px;margin:8px 0}
.btn,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.quicktools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.tool{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line);display:flex;gap:10px;align-items:center}.tool .ico{width:38px;height:38px;border-radius:10px;background:#fff2ef;color:var(--brand);display:grid;place-items:center;font-weight:950}.tool b{font-size:13px;display:block}.tool small{color:var(--muted)}
.section{padding:28px 0}.section-head{text-align:center;margin-bottom:18px}.section-head h2{font-size:26px;margin:0;letter-spacing:-.7px}.section-head p{color:var(--muted);margin:6px 0}
.cat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.cat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center;transition:.2s}.cat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cat img{height:78px;object-fit:contain;margin-bottom:8px}.cat b{font-size:13px}
.store-strip{display:grid;grid-template-columns:1fr 2fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.store-strip img{height:180px;object-fit:cover}.store-info{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.store-info h3{font-size:26px;margin:0 0 7px}.store-info p{color:var(--muted)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative}.pimg{height:210px;background:#f8fafc;padding:12px}.pimg img{height:100%;object-fit:contain}.save{position:absolute;left:10px;top:10px;background:#fff1ef;color:var(--brand);font-size:13px;font-weight:900;padding:6px 8px;border-radius:7px}.pbody{padding:14px}.pbody h3{font-size:14px;line-height:1.45;margin:7px 0 10px}.price{font-size:18px;font-weight:950;color:var(--brand)}.old{font-size:13px;text-decoration:line-through;color:#98a2b3;margin-left:7px}.mini-spec{padding:0;margin:9px 0 12px;list-style:none;color:#475467;font-size:13px;line-height:1.6}.mini-spec li:before{content:"•";color:var(--brand);margin-right:7px}.actions2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.seo{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;line-height:1.75}.seo h2,.seo h3{letter-spacing:-.4px}.seo p{color:#475467}
.breadcrumb{font-size:13px;color:var(--muted);padding:16px 0}
.subcats{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.subcat{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13px;font-weight:750}
.list-layout{display:grid;grid-template-columns:265px 1fr;gap:14px}.filterbox{background:#fff;border:1px solid var(--line);border-radius:12px;height:max-content}.filter-title{padding:14px 16px;font-weight:900;border-bottom:1px solid var(--line)}.filter-group{padding:14px 16px;border-bottom:1px solid var(--line)}.filter-group h4{margin:0 0 10px;font-size:13px}.filter-group label{display:block;font-size:13px;color:#475467;margin:7px 0}.range{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}
.sortbar{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.sortbar .right{display:flex;gap:8px}
.list-products{display:grid;gap:10px}.list-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:210px 1fr 180px;gap:16px;align-items:center}.list-card img{height:170px;object-fit:contain}.list-card h3{font-size:16px;margin:0 0 10px}.spec-list{margin:0;padding-left:18px;color:#475467;font-size:13px;line-height:1.7}.list-buy{text-align:right}.list-buy .price{display:block;font-size:20px}.list-buy .btn{width:100%;margin-top:8px}
.product-top{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.gallery{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.gallery-main{height:430px;display:grid;place-items:center;background:#f9fafb;border-radius:10px}.gallery-main img{height:100%;object-fit:contain}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.thumbs img{height:78px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:5px;background:#fff}
.pinfo{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.pinfo h1{font-size:27px;line-height:1.25;margin:7px 0 12px}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.meta div{background:#f8fafc;border-radius:8px;padding:9px}.meta small{display:block;color:var(--muted);font-size:13px}.meta b{font-size:13px}.keybox{background:#fff9f7;border:1px solid #ffe1d8;border-radius:10px;padding:14px}.keybox h3{margin:0 0 8px;font-size:15px}.keybox ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7}
.color-row{display:flex;gap:8px;margin-top:8px}.color{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:800}.color.active{border-color:var(--brand);color:var(--brand)}
.pay-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.pay{border:1px solid var(--line);border-radius:10px;padding:12px}.pay.active{border-color:var(--brand);background:#fff8f6}.pay b{display:block}.pay small{color:var(--muted)}
.buyrow{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:12px}.qty{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty button,.qty span{flex:1;border:0;background:#fff;display:grid;place-items:center}
.tabs{display:flex;gap:8px;margin:18px 0 10px}.tab{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-weight:850;font-size:13px}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.content-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:12px}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th{text-align:left;background:#fff5f2;color:var(--brand);padding:10px}.spec-table td{padding:10px;border-top:1px solid var(--line)}.spec-table td:first-child{width:30%;font-weight:750;color:#475467}
.desc{line-height:1.8;color:#475467}.desc h2,.desc h3{color:var(--text)}
.qa{border-top:1px solid var(--line);padding:14px 0}.qa:first-child{border-top:0}.qa b{display:block;margin-bottom:5px}.qa p{margin:0;color:#475467}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.offer-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.offer-art{height:160px;background:linear-gradient(135deg,#ffe6df,#fff4ed);display:grid;place-items:center;font-size:30px;font-weight:950;color:var(--brand)}.offer-body{padding:16px}.offer-meta{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.offer-body h3{font-size:16px}.campaign-hero{background:linear-gradient(135deg,#161d36,#371b5d);color:#fff;border-radius:18px;padding:36px;text-align:center}.campaign-hero h1{font-size:43px;margin:8px 0}.campaign-hero p{color:#d8dceb}.countdown{display:flex;justify-content:center;gap:8px;margin:18px 0}.time{width:72px;background:#ffffff16;border:1px solid #ffffff20;border-radius:10px;padding:10px}.time b{font-size:23px;display:block}.campaign-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.campaign-cats a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:800}.deal-section{margin-top:22px}.deal-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.deal-title h3{font-size:21px;margin:0}.deal-title p{margin:4px 0 0;color:var(--muted);font-size:13px}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:14px}.cartbox,.summary{background:#fff;border:1px solid var(--line);border-radius:13px}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.cart-item img{height:80px;object-fit:contain}.summary{padding:18px;height:max-content}.sum{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.sum.total{font-size:19px;font-weight:950;border-top:1px solid var(--line);margin-top:7px;padding-top:13px}
.account{display:grid;grid-template-columns:230px 1fr;gap:14px}.accountnav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;height:max-content}.accountnav a{display:block;padding:10px;border-radius:8px;font-size:13px;font-weight:750}.accountnav a:hover,.accountnav a.active{background:#fff1ee;color:var(--brand)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.stat b{font-size:25px;display:block;margin-top:5px}
.footer{background:#111827;color:#fff;margin-top:40px;padding:40px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer p,.footer a{color:#aeb6c6}.footer a{display:block;margin:8px 0;font-size:13px}.foot-bottom{border-top:1px solid #ffffff16;margin-top:24px;padding-top:16px;font-size:13px;color:#7f899d}
.toast{position:fixed;right:20px;top:110px;z-index:300;background:#111827;color:#fff;padding:12px 14px;border-radius:9px;box-shadow:var(--shadow);font-size:13px;font-weight:800}
.mobile-bottom{display:none}
@media(max-width:1000px){.hero-grid,.list-layout,.product-top,.cart-layout,.checkout-layout,.account{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.cat-grid{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(2,1fr)}.list-card{grid-template-columns:170px 1fr}.list-buy{grid-column:2;text-align:left}.filterbox{display:none}.offer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top,.menu,.head-actions .hide-mobile{display:none}.headrow{height:66px}.search{max-width:none}.logo span{display:none}.container{width:calc(100% - 20px)}.hero{padding-top:10px}.hero-grid{gap:10px}.slider{height:420px}.slide-copy{left:22px;right:22px}.slide-copy h1{font-size:37px}.dots{left:22px}.hero-side{grid-template-columns:1fr}.quicktools{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:repeat(4,1fr);gap:7px}.cat{padding:8px}.cat img{height:55px}.store-strip{grid-template-columns:1fr}.store-info{align-items:flex-start;flex-direction:column}.products{grid-template-columns:1fr 1fr;gap:8px}.pimg{height:150px}.pbody{padding:10px}.pbody h3{font-size:13px}.mini-spec{display:none}.actions2{grid-template-columns:1fr}.actions2 .btn:last-child{display:none}.list-card{grid-template-columns:110px 1fr;padding:10px}.list-card img{height:110px}.list-card .spec-list{display:none}.list-buy{grid-column:2}.meta{grid-template-columns:1fr 1fr}.pay-options{grid-template-columns:1fr}.offer-grid,.footer-grid{grid-template-columns:1fr}.campaign-hero{padding:25px 15px}.campaign-hero h1{font-size:34px}.cart-item{grid-template-columns:70px 1fr}.cart-item>strong{grid-column:2}.stats{grid-template-columns:1fr 1fr}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:9px 3px}.mobile-bottom a{font-size:13px;font-weight:800}}

/* ===== V2 reference-aligned refinements ===== */
:root{
  --brand:#ef4a23;
  --brand2:#f36f45;
  --bg:#f2f4f8;
  --surface:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;background:#f2f4f8}
.top{background:#081621}
.top .row{height:32px}
.header{box-shadow:0 1px 4px rgba(0,0,0,.08)}
.headrow{height:82px}
.logo{font-size:27px}
.logo i{background:var(--brand);border-radius:50%;width:38px;height:38px}
.search{max-width:610px;border-radius:5px;background:#fff}
.search input{padding:14px 15px;font-size:14px}
.search button{background:#fff;color:#111827;border-left:1px solid var(--line);font-size:0;width:52px;position:relative}
.search button:after{content:"🔍";font-size:18px}
.quick{padding:8px 9px;border-radius:4px}
.quick span{font-size:20px;color:var(--brand)}
.quick small{font-size:13px}
.menu{box-shadow:0 2px 5px rgba(0,0,0,.08)}
.menurow{height:46px;gap:19px;font-size:13px}
.menurow a{padding:14px 0}
.hero{padding:14px 0 5px}
.hero-grid{grid-template-columns:1.82fr .58fr;gap:10px}
.slider{height:365px;border-radius:4px}
.slide-copy{left:34px;max-width:470px}
.slide-copy h1{font-size:40px;line-height:1.05}
.slide-copy p{font-size:14px}
.dots{left:34px;bottom:18px}
.hero-side{gap:10px}
.side-card{border-radius:4px;padding:18px}
.side-card.orange{background:#fff}
.side-card.dark{background:#fff;color:var(--text)}
.side-card h3{font-size:20px}
.side-card small{color:var(--brand);font-weight:800}
.quicktools{gap:10px;margin-top:10px}
.tool{border-radius:4px;padding:12px}
.tool .ico{border-radius:50%;background:#fff4ef}
.section{padding:25px 0}
.section-head h2{font-size:24px}
.cat-grid{grid-template-columns:repeat(8,1fr);gap:10px}
.cat{border-radius:4px;padding:12px 8px;min-height:124px;display:flex;flex-direction:column;justify-content:center}
.cat img{height:64px;object-fit:contain}
.cat b{font-size:13px;line-height:1.25}
.store-strip{border-radius:4px}
.products{gap:10px}
.pcard{border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.035)}
.pimg{height:220px;padding:14px}
.save{top:0;left:0;border-radius:0 0 8px 0;background:#6e2594;color:#fff;padding:7px 9px}
.pbody{padding:13px}
.pbody h3{font-size:15px;line-height:1.45;min-height:44px}
.price{color:#ef4a23}
.mini-spec{font-size:13px;line-height:1.7;margin-top:10px}
.mini-spec li:before{color:#6b7280}
.actions2{grid-template-columns:1fr}
.actions2 .btn:first-child{background:#3749bb;border-color:#3749bb}
.actions2 .btn:last-child{background:#f1f3f6;border-color:#e5e7eb;color:#374151}
.breadcrumb{padding:13px 0}
.subcat{border-radius:3px}
.filterbox,.sortbar,.list-card,.gallery,.pinfo,.content-card,.cartbox,.summary,.accountnav,.stat,.offer-card{border-radius:4px}
.filter-title{background:#fff;font-size:15px}
.filter-group h4{font-size:14px}
.list-card{grid-template-columns:215px 1fr 170px;padding:16px}
.list-card img{height:180px}
.list-card h3{font-size:16px}
.list-buy .price{font-size:21px}
.product-top{gap:10px}
.gallery-main{height:410px}
.pinfo{padding:18px}
.pinfo h1{font-size:25px}
.meta{gap:6px}
.meta div{border-radius:3px}
.keybox{border-radius:3px;background:#f5f6f7;border-color:#e6e8eb}
.pay{border-radius:4px}
.pay.active{background:#fff7f3}
.tabs{gap:3px}
.tab{border-radius:3px}
.tab.active{background:#3749bb;border-color:#3749bb}
.spec-table th{background:#f1f3f6;color:#111827}
.offer-art{background:linear-gradient(135deg,#f5f6f7,#fff);color:#ef4a23}
.campaign-hero{border-radius:4px;background:linear-gradient(135deg,#2b2f77,#5c2a86)}
.footer{background:#081621}
.mobile-bottom a{color:#111827}
@media(max-width:650px){
  .headrow{height:64px}
  .slider{height:390px}
  .slide-copy h1{font-size:34px}
  .cat-grid{grid-template-columns:repeat(4,1fr)}
  .cat{min-height:100px}
  .cat img{height:48px}
  .pimg{height:145px}
}

/* ===== Modern V3 visual layer ===== */
:root{
  --bg:#f7f8fb;
  --surface:#ffffff;
  --surface-soft:rgba(255,255,255,.76);
  --text:#101828;
  --muted:#667085;
  --line:#e9edf3;
  --brand:#ff5a36;
  --brand2:#ff7a59;
  --brand-dark:#e94420;
  --blue:#5b5cf0;
  --navy:#0b1220;
  --shadow-sm:0 6px 18px rgba(16,24,40,.05);
  --shadow-md:0 16px 45px rgba(16,24,40,.08);
  --shadow-lg:0 28px 80px rgba(16,24,40,.12);
}
body{
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 0% 0%, rgba(91,92,240,.06), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(255,90,54,.07), transparent 24%),
    var(--bg);
}
.top{background:#0b1220}
.header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 30px rgba(16,24,40,.045);
}
.headrow{height:78px}
.logo{letter-spacing:-1.2px}
.logo i{
  border-radius:12px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 10px 24px rgba(255,90,54,.24)
}
.search{
  border-radius:14px;
  border:1px solid #e3e7ee;
  background:#f7f9fc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.search button{
  border-left:0;
  width:54px;
  background:transparent
}
.quick{
  border-radius:12px;
  transition:.22s ease
}
.quick:hover{
  background:#fff3ef;
  transform:translateY(-1px)
}
.menu{
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(16,24,40,.04);
  box-shadow:0 5px 16px rgba(16,24,40,.035)
}
.menurow{height:48px}
.menurow a{
  position:relative;
  transition:.2s ease
}
.menurow a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:5px;
  height:2px;
  border-radius:99px;
  background:var(--brand);
  transform:scaleX(0);
  transition:.2s ease
}
.menurow a:hover{color:var(--brand)}
.menurow a:hover:after{transform:scaleX(1)}

.hero{padding:20px 0 8px}
.hero-grid{grid-template-columns:1.72fr .62fr;gap:14px}
.slider{
  height:430px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow-lg);
  border:1px solid rgba(255,255,255,.7)
}
.slide:after{
  background:linear-gradient(90deg,rgba(6,10,22,.82),rgba(6,10,22,.38) 54%,rgba(6,10,22,.06))
}
.slide-copy{
  left:48px;
  max-width:560px
}
.slide-copy small{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(8px);
  font-weight:800
}
.slide-copy h1{
  font-size:50px;
  line-height:1;
  letter-spacing:-2px;
  margin:14px 0 16px
}
.slide-copy p{
  font-size:15px;
  color:#dce2ec;
  max-width:500px
}
.dots{left:48px;bottom:24px}
.dot{height:6px;border-radius:99px}

.hero-side{gap:14px}
.side-card{
  border-radius:18px;
  padding:22px;
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(16,24,40,.06);
  transition:.22s ease
}
.side-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.side-card.orange{
  background:
    linear-gradient(135deg,rgba(255,90,54,.12),rgba(255,255,255,.92)),
    #fff
}
.side-card.dark{
  background:
    linear-gradient(135deg,rgba(91,92,240,.10),rgba(255,255,255,.92)),
    #fff
}
.side-card h3{
  font-size:23px;
  letter-spacing:-.6px
}

.quicktools{gap:12px;margin-top:14px}
.tool{
  border-radius:16px;
  padding:15px;
  box-shadow:var(--shadow-sm);
  transition:.22s ease
}
.tool:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md)
}
.tool .ico{
  width:42px;height:42px;
  border-radius:13px;
  background:linear-gradient(135deg,#fff2ee,#fff8f6);
  box-shadow:inset 0 0 0 1px #ffe6df
}

.section{padding:34px 0}
.section-head h2{
  font-size:30px;
  letter-spacing:-1px
}
.section-head p{font-size:14px}

.cat-grid{gap:12px}
.cat{
  border-radius:16px;
  min-height:132px;
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(16,24,40,.05);
  transition:.22s ease
}
.cat:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-md);
  border-color:#ffd8cf
}
.cat img{
  height:68px;
  transition:.22s ease
}
.cat:hover img{transform:scale(1.05)}
.cat b{font-size:13px}

.store-strip{
  border-radius:22px;
  box-shadow:var(--shadow-md);
  border:1px solid rgba(16,24,40,.05)
}
.store-strip img{height:210px}
.store-info{padding:28px}
.store-info h3{
  font-size:30px;
  letter-spacing:-1px
}

.products{gap:14px}
.pcard{
  border-radius:18px;
  border:1px solid rgba(16,24,40,.055);
  box-shadow:var(--shadow-sm);
  transition:.25s ease;
  overflow:hidden
}
.pcard:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md)
}
.pimg{
  height:225px;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.9),transparent 42%),
    linear-gradient(180deg,#f9fbfd,#f3f6fa)
}
.pimg img{
  transition:.28s ease
}
.pcard:hover .pimg img{
  transform:scale(1.035)
}
.save{
  border-radius:0 0 12px 0;
  background:linear-gradient(135deg,#6f3dc5,#8d59d7);
  box-shadow:0 6px 18px rgba(111,61,197,.22)
}
.pbody{padding:15px}
.pbody h3{
  font-size:15px;
  min-height:46px;
  letter-spacing:-.15px
}
.price{
  font-size:19px;
  color:var(--brand);
  letter-spacing:-.2px
}
.mini-spec{
  color:#596579;
  line-height:1.7
}
.actions2 .btn:first-child{
  background:linear-gradient(135deg,#4f51e7,#6a5df7);
  border-color:transparent;
  box-shadow:0 8px 18px rgba(91,92,240,.18)
}
.actions2 .btn:last-child{
  background:#f7f8fb;
  border-color:#e6eaf0
}

.filterbox,.sortbar,.list-card,.gallery,.pinfo,.content-card,.cartbox,.summary,.accountnav,.stat,.offer-card{
  border-radius:16px;
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(16,24,40,.055)
}
.filter-title{
  border-radius:16px 16px 0 0;
  background:linear-gradient(180deg,#fff,#fafbfc)
}
.subcat{
  border-radius:12px;
  background:#fff;
  box-shadow:var(--shadow-sm)
}
.sortbar{padding:12px 14px}
.list-card{
  padding:16px;
  transition:.22s ease
}
.list-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md)
}
.list-card img{
  border-radius:14px;
  background:#f7f9fc;
  padding:8px
}
.list-buy .btn.primary{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  border-color:transparent
}

.product-top{gap:16px}
.gallery,.pinfo{border-radius:20px}
.gallery-main{
  border-radius:16px;
  background:linear-gradient(180deg,#fafbfd,#f3f6fa)
}
.thumbs img{
  border-radius:12px;
  transition:.2s ease
}
.thumbs img:hover{
  border-color:var(--brand);
  transform:translateY(-2px)
}
.pinfo h1{
  font-size:30px;
  letter-spacing:-1px
}
.meta div{
  border-radius:10px;
  background:#f7f9fc
}
.keybox{
  border-radius:14px;
  background:linear-gradient(180deg,#fff7f4,#fff)
}
.color,.pay,.tab{
  border-radius:12px
}
.color.active,.pay.active{
  border-color:var(--brand);
  box-shadow:0 0 0 2px rgba(255,90,54,.08)
}
.tab.active{
  background:linear-gradient(135deg,#4f51e7,#6a5df7);
  border-color:transparent
}
.spec-table th{
  background:linear-gradient(180deg,#f7f8fb,#f1f3f6)
}
.content-card{
  background:rgba(255,255,255,.94)
}

.offer-card{
  transition:.22s ease
}
.offer-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md)
}
.offer-art{
  background:
    radial-gradient(circle at 70% 20%,rgba(255,90,54,.16),transparent 34%),
    linear-gradient(135deg,#fff,#f7f8fb)
}
.campaign-hero{
  border-radius:24px;
  box-shadow:var(--shadow-lg);
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.16),transparent 18%),
    linear-gradient(135deg,#252a72,#71358d 60%,#ff6d4f)
}
.time{
  border-radius:12px;
  backdrop-filter:blur(8px)
}
.campaign-cats a{
  border-radius:12px;
  box-shadow:var(--shadow-sm)
}

.cartbox,.summary{
  background:rgba(255,255,255,.95)
}
.summary{
  position:sticky;
  top:142px
}
.accountnav a{
  border-radius:10px
}
.accountnav a:hover,.accountnav a.active{
  background:linear-gradient(135deg,#fff2ee,#fff8f6)
}
.stat{
  border-radius:16px
}
.footer{
  background:
    radial-gradient(circle at 10% 0%,rgba(91,92,240,.15),transparent 28%),
    #08111d
}
.mobile-bottom{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px)
}

@media(max-width:650px){
  .hero-grid{gap:12px}
  .slider{height:420px;border-radius:18px}
  .slide-copy{left:24px;right:24px}
  .slide-copy h1{font-size:37px}
  .hero-side{display:grid;grid-template-columns:1fr 1fr}
  .side-card{padding:16px}
  .side-card h3{font-size:18px}
  .quicktools{grid-template-columns:1fr 1fr}
  .cat{border-radius:12px;min-height:102px}
  .products{gap:10px}
  .pcard{border-radius:14px}
  .pimg{height:150px}
  .summary{position:static}
}

/* ===== Premium V4 ===== */
:root{
  --bg:#f3f4f6;--surface:#fff;--ink:#0a0d12;--muted:#6f7682;--line:#e7e9ed;
  --accent:#ff5b3a;--blue:#3146ff;--deep:#0c111b;
  --shadow1:0 1px 2px rgba(10,13,18,.04),0 8px 30px rgba(10,13,18,.05);
  --shadow2:0 18px 50px rgba(10,13,18,.09);--shadow3:0 35px 90px rgba(10,13,18,.13)
}
body{background:linear-gradient(180deg,#fafafa 0,#f4f5f7 420px,#f3f4f6 100%);color:var(--ink)}
.container{width:min(1320px,calc(100% - 40px))}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(20px);box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}
.headrow{height:84px;gap:22px}.logo{font-size:28px}.logo i{width:40px;height:40px;border-radius:10px;background:#111827;box-shadow:none}
.search{height:48px;border-radius:10px;background:#fff;border:1px solid #dadde3}.quick{border-radius:8px}.quick:hover{background:#f4f5f6;transform:none}
.menu{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.035)}.menurow{height:48px;gap:21px}.menurow a:after{bottom:0;height:3px;background:var(--accent)}.menurow a:hover{color:var(--ink)}
.hero{padding:24px 0 10px}.hero-grid{grid-template-columns:minmax(0,1.75fr) 360px;gap:16px}
.slider{height:520px;border-radius:18px;box-shadow:var(--shadow3);border:0}
.slide:after{background:linear-gradient(90deg,rgba(6,9,15,.88),rgba(6,9,15,.62) 38%,rgba(6,9,15,.16) 72%,rgba(6,9,15,.02))}
.slide-copy{left:56px;max-width:610px}.slide-copy h1{font-size:60px;line-height:.98;letter-spacing:-2.7px;margin:15px 0 18px}.slide-copy p{font-size:16px;line-height:1.7}
.side-card{min-height:252px;border-radius:14px;padding:26px;box-shadow:var(--shadow1);border:1px solid #eceef1}.side-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}
.side-card h3{font-size:27px;line-height:1.08;letter-spacing:-1px}.quicktools{gap:10px;margin-top:14px}.tool{min-height:82px;border-radius:12px;box-shadow:none}.tool:hover{transform:none;box-shadow:var(--shadow1)}
.section{padding:40px 0}.section-head{text-align:left;display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font-size:32px;letter-spacing:-1.2px}.section-head p{font-size:13px}
.cat-grid{grid-template-columns:repeat(8,1fr);gap:10px}.cat{min-height:140px;border-radius:10px;background:#fff;border:1px solid #e9ebee;box-shadow:none}.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow1);border-color:#d5d9df}
.store-strip{border-radius:14px;box-shadow:none}.store-info h3{font-size:34px;letter-spacing:-1.4px}
.products{gap:14px}.pcard{border-radius:12px;box-shadow:none;border:1px solid #e5e7ea}.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}
.pimg{height:250px;padding:18px;background:#f8f9fb}.save{top:12px;left:12px;border-radius:6px;background:#6d28d9;box-shadow:none}.pbody{padding:16px}.pbody h3{font-size:15px;min-height:46px}
.mini-spec{border-top:1px solid #eff1f3;padding-top:10px;color:#596273}.price{font-size:20px;color:#e94726}.actions2 .btn:first-child{background:#111827;border-color:#111827;box-shadow:none}.actions2 .btn:last-child{background:#fff}
.filterbox,.sortbar,.list-card,.gallery,.pinfo,.content-card,.cartbox,.summary,.accountnav,.stat,.offer-card{border-radius:12px;box-shadow:none;border:1px solid #e3e6ea}
.list-card{grid-template-columns:220px 1fr 190px;padding:18px}.list-card:hover{transform:none;box-shadow:var(--shadow1)}.list-card img{height:190px;background:#f8f9fb;border-radius:10px;padding:10px}
.list-buy{text-align:left}.list-buy .price{font-size:24px}
.product-top{gap:18px}.gallery,.pinfo{border-radius:14px}.gallery-main{height:520px;border-radius:10px;background:#f7f8fa}.pinfo{padding:28px}.pinfo h1{font-size:34px;letter-spacing:-1.3px}
.meta div{background:#f5f6f8;border-radius:8px}.keybox{background:#fafafa;border:1px solid #eceef1;border-radius:10px}.pay{background:#fff}.pay.active{background:#fff7f4;border-color:#f1b5a7;box-shadow:none}
.tabs{position:sticky;top:132px;z-index:20;background:rgba(243,244,246,.95);backdrop-filter:blur(12px);padding:10px 0}.tab.active{background:#111827;border-color:#111827}
.spec-table th{background:#f5f6f8;color:#111827}.content-card{background:#fff}
.campaign-hero{border-radius:16px;padding:52px 38px;box-shadow:var(--shadow3);background:linear-gradient(135deg,#151922,#272a79 55%,#7d2d7f)}
.campaign-hero h1{font-size:52px;letter-spacing:-2px}
.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 390px;gap:18px}.summary{position:sticky;top:142px;padding:22px}.account{grid-template-columns:250px 1fr}.accountnav a:hover,.accountnav a.active{background:#111827;color:#fff}
.footer{background:#0b111b;padding-top:52px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.list-layout,.product-top,.cart-layout,.checkout-layout,.account{grid-template-columns:1fr}.summary{position:static}}
@media(max-width:680px){.container{width:calc(100% - 22px)}.slider{height:470px}.slide-copy{left:24px;right:24px}.slide-copy h1{font-size:40px}.hero-side{grid-template-columns:1fr}.section-head{display:block}.cat-grid{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:1fr 1fr}.pimg{height:155px}.mini-spec{display:none}.list-card{grid-template-columns:110px 1fr}.list-card img{height:120px}.list-card .spec-list{display:none}.list-buy{grid-column:2}.gallery-main{height:410px}.pinfo{padding:20px}.pinfo h1{font-size:28px}.meta{grid-template-columns:1fr 1fr}.tabs{top:66px;overflow:auto}}

/* ===== Premium V5: navigation + visual refinement ===== */
:root{
  --accent:#ef4a23;
  --accent-soft:#fff3ef;
  --blue:#3749bb;
  --ink:#111318;
  --muted:#707784;
  --line:#e7e9ed;
}

/* Header becomes quieter and more premium */
.header{z-index:150}
.headrow{
  max-width:1320px;
  margin:auto;
  padding:0;
}
.logo i{
  background:linear-gradient(145deg,#111827,#242a36);
  border-radius:9px;
}
.search{
  max-width:600px;
  border-color:#dde1e7;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.search:focus-within{
  border-color:#b9bec8;
  box-shadow:0 0 0 3px rgba(55,73,187,.06);
}
.quick{
  gap:8px;
  padding:8px 9px;
}
.quick span{font-size:19px}
.quick b{font-size:13px}
.quick small{font-size:13px}

/* Star-Tech-like desktop category bar: NO SCROLL */
.menu{
  position:relative;
  overflow:visible;
  border-top:1px solid #eff1f4;
  border-bottom:1px solid #e7e9ed;
}
.menurow{
  height:50px;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:0;
  overflow:visible !important;
  white-space:normal !important;
}
.menurow > a,
.menurow > .nav-item > a{
  height:50px;
  display:flex;
  align-items:center;
  padding:0 7px;
  font-size:13px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  color:#171a20;
  position:relative;
}
.menurow > a:hover,
.menurow > .nav-item:hover > a{
  color:var(--accent);
}
.menurow > a:after,
.menurow > .nav-item > a:after{
  content:"";
  position:absolute;
  height:2px;
  left:7px;right:7px;bottom:0;
  border-radius:10px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.menurow > a:hover:after,
.menurow > .nav-item:hover > a:after{
  transform:scaleX(1);
}
.nav-item{
  position:relative;
  display:flex;
  align-items:stretch;
}
.nav-item.has-mega > a:before{
  content:"";
  width:5px;height:5px;
  border-right:1.5px solid #8b9098;
  border-bottom:1.5px solid #8b9098;
  transform:rotate(45deg);
  margin-left:6px;
  order:2;
  margin-top:-3px;
}
.mega-menu{
  visibility:hidden;
  opacity:0;
  transform:translateY(8px);
  position:absolute;
  top:50px;
  left:0;
  width:680px;
  background:#fff;
  border:1px solid #e4e7eb;
  box-shadow:0 24px 60px rgba(14,18,28,.14);
  padding:22px;
  z-index:200;
  transition:.17s ease;
  pointer-events:none;
}
.nav-item:hover > .mega-menu{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.nav-item.edge .mega-menu{
  left:auto;
  right:0;
}
.mega-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.mega-col strong{
  display:block;
  font-size:13px;
  margin-bottom:9px;
  color:#111318;
}
.mega-col a{
  display:block;
  padding:5px 0;
  font-size:13px;
  color:#616975;
}
.mega-col a:hover{color:var(--accent)}
.mega-foot{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #eceef1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
}

/* Stronger premium rhythm, less generic “card template” */
.hero{padding-top:20px}
.slider{
  border-radius:14px;
  box-shadow:0 26px 70px rgba(14,18,28,.13);
}
.side-card{
  border-radius:10px;
  box-shadow:none;
  border:1px solid #e4e7eb;
}
.side-card:hover{
  box-shadow:0 14px 34px rgba(14,18,28,.08);
}
.tool{
  border-radius:9px;
  border:1px solid #e4e7eb;
}
.tool .ico{border-radius:8px}
.cat{
  border-radius:9px;
  box-shadow:none;
}
.cat:hover{
  box-shadow:0 12px 30px rgba(14,18,28,.07);
}
.pcard{
  border-radius:10px;
  border-color:#e4e7eb;
}
.pcard:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(14,18,28,.10);
}
.pimg{
  background:linear-gradient(180deg,#fbfbfc,#f6f7f9);
}
.pbody h3{
  color:#20242b;
}
.actions2 .btn:first-child{
  background:#3749bb;
  border-color:#3749bb;
}
.list-card{
  border-radius:10px;
}
.gallery,.pinfo,.content-card,.summary,.cartbox{
  border-radius:10px;
}
.pinfo h1{
  font-weight:900;
}
.campaign-hero{
  border-radius:14px;
}

/* Desktop menu adapts without scrolling on common laptop widths */
@media(max-width:1250px) and (min-width:1001px){
  .menurow > a,
  .menurow > .nav-item > a{
    font-size:13px;
    padding-left:5px;
    padding-right:5px;
  }
  .menurow > a:after,
  .menurow > .nav-item > a:after{left:5px;right:5px}
  .headrow{gap:13px}
  .quick{padding-left:5px;padding-right:5px}
}

/* mobile uses bottom nav, desktop category strip is removed rather than scrolled */
@media(max-width:1000px){
  .menu{display:none !important}
  .head-actions .hide-mobile{display:none}
}

/* ===== V6 homepage category icons + premium polish ===== */
.category-icon{
  width:58px;
  height:58px;
  margin:0 auto 11px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#f7f8fb,#f0f2f6);
  border:1px solid #e6e9ee;
  color:#111827;
  transition:.2s ease;
}
.category-icon svg{
  width:28px;
  height:28px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cat:hover .category-icon{
  background:#111827;
  color:#fff;
  border-color:#111827;
  transform:translateY(-2px);
}
.cat img{display:none!important}
.cat{
  justify-content:center;
  min-height:138px;
}
.cat b{
  font-size:13px;
  line-height:1.3;
  max-width:120px;
  margin:auto;
}

/* premium section hierarchy */
.section-head{
  padding-bottom:2px;
}
.section-head h2{
  font-size:31px;
  font-weight:900;
}
.section-head p{
  max-width:620px;
  color:#7a818c;
}

/* hero refinement */
.slider{
  background:#0c111b;
}
.slide-copy h1{
  font-weight:950;
}
.slide-copy p{
  color:#d8dee8;
}
.side-card{
  background:linear-gradient(180deg,#fff,#fafbfc);
}
.side-card small{
  color:#ef4a23;
}

/* product cards: more premium, less template-like */
.pcard{
  background:#fff;
  overflow:hidden;
}
.pimg{
  position:relative;
}
.pimg:after{
  content:"";
  position:absolute;
  inset:auto 16px 0 16px;
  height:1px;
  background:#eceef2;
}
.pbody h3{
  font-weight:850;
}
.mini-spec li{
  margin:2px 0;
}
.actions2 .btn{
  min-height:40px;
}
.actions2 .btn:first-child{
  background:#111827;
  border-color:#111827;
}
.actions2 .btn:first-child:hover{
  background:#000;
}
.price{
  letter-spacing:-.4px;
}

/* store strip */
.store-strip{
  background:#fff;
}
.store-info p{
  max-width:580px;
  line-height:1.65;
}

/* cleaner support/utility cards */
.tool b{
  font-size:13px;
}
.tool small{
  color:#848b96;
}

/* footer and content */
.seo{
  background:#fbfbfc;
}
.footer{
  border-top:1px solid rgba(255,255,255,.04);
}
@media(max-width:680px){
  .category-icon{
    width:46px;
    height:46px;
    border-radius:12px;
    margin-bottom:8px;
  }
  .category-icon svg{
    width:23px;
    height:23px;
  }
  .cat{
    min-height:104px;
  }
  .cat b{
    font-size:13px;
  }
}

/* ===== V7: dual product views + premium PDP ===== */
.view-toggle{
  display:inline-flex;
  gap:4px;
  padding:4px;
  background:#eef1f5;
  border-radius:9px;
}
.view-toggle button{
  width:34px;height:34px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#7b828c;
  cursor:pointer;
  font-size:15px;
}
.view-toggle button.active{
  background:#fff;
  color:#111827;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.catalog-list{display:grid;gap:12px}
.catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.catalog-grid .list-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:0;
  overflow:hidden;
}
.catalog-grid .list-card>a:first-child{
  display:block;
  background:#f8f9fb;
  padding:12px;
}
.catalog-grid .list-card img{
  width:100%;
  height:220px;
  object-fit:contain;
  padding:10px;
  background:#f8f9fb;
}
.catalog-grid .list-card>div:nth-child(2){
  padding:14px 14px 0;
}
.catalog-grid .list-card .spec-list{
  font-size:13px;
  line-height:1.65;
  margin-top:8px;
}
.catalog-grid .list-card .list-buy{
  padding:10px 14px 14px;
  text-align:left;
  display:block;
}
.catalog-grid .list-card .list-buy .price{
  display:inline-block;
  margin-right:6px;
  font-size:20px;
}
.catalog-grid .list-card .list-buy .old{
  display:inline-block;
}
.catalog-grid .list-card .list-buy .btn{
  width:100%;
}
.catalog-grid .list-card .list-buy .btn:last-child{
  margin-top:7px;
}
.catalog-grid .list-card h3{
  min-height:46px;
}

/* premium product detail */
.pdp-shell{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);
  gap:20px;
}
.pdp-gallery{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:14px;
  padding:16px;
}
.pdp-main{
  height:560px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fbfcfd,#f4f6f8);
  border-radius:10px;
  overflow:hidden;
}
.pdp-main img{
  height:100%;
  object-fit:contain;
}
.pdp-thumbs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:10px;
}
.pdp-thumbs button{
  border:1px solid #e2e5e9;
  background:#fff;
  border-radius:8px;
  padding:5px;
  cursor:pointer;
}
.pdp-thumbs button.active{
  border-color:#111827;
  box-shadow:0 0 0 1px #111827 inset;
}
.pdp-thumbs img{
  height:72px;
  object-fit:contain;
}
.pdp-info{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:14px;
  padding:28px;
  position:sticky;
  top:142px;
  height:max-content;
}
.pdp-eyebrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.pdp-stock{
  color:#0f9d58;
  font-size:13px;
  font-weight:900;
}
.pdp-title{
  font-size:36px;
  line-height:1.12;
  letter-spacing:-1.35px;
  margin:0 0 14px;
}
.pdp-rating{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:13px;
}
.pdp-rating .stars{font-size:13px}
.pdp-price{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin:20px 0 16px;
}
.pdp-price strong{
  font-size:34px;
  line-height:1;
  color:#e94726;
}
.pdp-price del{
  color:#98a2b3;
  font-size:14px;
}
.pdp-price span{
  background:#fff2ed;
  color:#d84626;
  font-size:13px;
  font-weight:900;
  padding:6px 8px;
  border-radius:999px;
}
.pdp-summary{
  color:#626a76;
  line-height:1.7;
  font-size:13px;
}
.pdp-key{
  margin-top:18px;
  border-top:1px solid #eceef1;
  padding-top:16px;
}
.pdp-key h3{
  font-size:14px;
  margin:0 0 9px;
}
.pdp-key ul{
  margin:0;
  padding-left:18px;
  color:#505866;
  font-size:13px;
  line-height:1.75;
}
.pdp-option-title{
  display:flex;
  justify-content:space-between;
  margin-top:18px;
  margin-bottom:7px;
  font-size:13px;
}
.pdp-options{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.pdp-option{
  padding:9px 12px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
}
.pdp-option.active{
  border-color:#111827;
  box-shadow:0 0 0 1px #111827 inset;
}
.pdp-payment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:8px;
}
.pdp-pay{
  border:1px solid #e1e4e9;
  border-radius:9px;
  padding:12px;
  background:#fff;
}
.pdp-pay.active{
  border-color:#f2b5a7;
  background:#fff8f5;
}
.pdp-pay b{display:block;font-size:13px}
.pdp-pay small{color:#747b86;font-size:13px;line-height:1.5}
.pdp-buy{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:8px;
  margin-top:14px;
}
.pdp-qty{
  display:grid;
  grid-template-columns:36px 1fr 36px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  overflow:hidden;
}
.pdp-qty button,.pdp-qty span{
  border:0;background:#fff;display:grid;place-items:center;
}
.pdp-trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:14px;
}
.pdp-trust div{
  border:1px solid #e6e9ed;
  background:#fafbfc;
  border-radius:8px;
  padding:11px;
}
.pdp-trust b{font-size:13px;display:block}
.pdp-trust small{font-size:13px;color:#7b828d}
.pdp-nav{
  position:sticky;
  top:132px;
  z-index:30;
  background:rgba(243,244,246,.96);
  backdrop-filter:blur(12px);
  padding:10px 0;
  margin:24px 0 14px;
}
.pdp-nav .inner{
  display:flex;
  gap:6px;
  overflow:auto;
}
.pdp-nav a{
  white-space:nowrap;
  padding:10px 13px;
  border:1px solid #dfe3e8;
  background:#fff;
  border-radius:8px;
  font-size:13px;
  font-weight:850;
}
.pdp-nav a:first-child{
  background:#111827;
  color:#fff;
  border-color:#111827;
}
.pdp-section{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:12px;
  padding:24px;
  margin-bottom:14px;
}
.pdp-section h2{
  font-size:24px;
  letter-spacing:-.7px;
  margin-top:0;
}
.pdp-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.pdp-feature{
  background:#f8f9fb;
  border:1px solid #eceef2;
  border-radius:9px;
  padding:16px;
}
.pdp-feature span{
  display:block;
  font-size:20px;
  margin-bottom:9px;
}
.pdp-feature b{font-size:13px}
.pdp-feature p{
  color:#737b87;
  font-size:13px;
  line-height:1.6;
  margin:5px 0 0;
}
.pdp-spec-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.pdp-spec-table th{
  text-align:left;
  padding:11px 12px;
  background:#f4f5f7;
  font-size:13px;
}
.pdp-spec-table td{
  padding:12px;
  border-top:1px solid #edf0f3;
}
.pdp-spec-table td:first-child{
  width:30%;
  font-weight:800;
  color:#59616e;
}
.pdp-review-grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:24px;
}
.pdp-score strong{
  display:block;
  font-size:54px;
  line-height:1;
}
.pdp-bar{
  display:grid;
  grid-template-columns:32px 1fr 34px;
  gap:8px;
  align-items:center;
  margin:6px 0;
  font-size:13px;
}
.pdp-bar i{
  height:7px;background:#edf0f3;border-radius:99px;overflow:hidden;
}
.pdp-bar i:after{
  content:"";
  display:block;height:100%;width:88%;
  background:#f59e0b;
}
@media(max-width:1000px){
  .catalog-grid{grid-template-columns:repeat(2,1fr)}
  .pdp-shell{grid-template-columns:1fr}
  .pdp-info{position:static}
  .pdp-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .catalog-grid{grid-template-columns:1fr 1fr}
  .catalog-grid .list-card img{height:150px}
  .catalog-grid .list-card .spec-list{display:none}
  .catalog-grid .list-card h3{font-size:13px;min-height:auto}
  .pdp-main{height:400px}
  .pdp-thumbs{grid-template-columns:repeat(4,1fr)}
  .pdp-thumbs button:nth-child(5){display:none}
  .pdp-info{padding:20px}
  .pdp-title{font-size:29px}
  .pdp-payment{grid-template-columns:1fr}
  .pdp-trust{grid-template-columns:1fr}
  .pdp-feature-grid{grid-template-columns:1fr 1fr}
  .pdp-review-grid{grid-template-columns:1fr}
  .pdp-nav{top:66px}
}

.pdp-bar i:after{width:var(--w,88%)}

/* ===== V8: default grid + premium auth/account ===== */

/* Default product card view */
.catalog-grid{display:grid}
.catalog-list{display:grid}
.catalog-default-grid{grid-template-columns:repeat(3,1fr);gap:12px}

/* Auth */
.auth-shell{
  min-height:72vh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:stretch;
  padding:36px 0;
}
.auth-visual{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(135deg,#111827,#202a4f 58%,#5d2c7d);
  color:#fff;
  padding:42px;
  min-height:560px;
}
.auth-visual:after{
  content:"";
  position:absolute;
  width:320px;height:320px;
  border-radius:50%;
  right:-80px;bottom:-80px;
  background:radial-gradient(circle,rgba(255,90,54,.26),transparent 68%);
}
.auth-visual h1{
  font-size:48px;
  line-height:1.02;
  letter-spacing:-2px;
  max-width:520px;
  margin:18px 0;
}
.auth-visual p{
  max-width:500px;
  color:#d8deea;
  line-height:1.7;
}
.auth-points{
  display:grid;
  gap:12px;
  margin-top:28px;
}
.auth-point{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#e7ebf2;
  font-size:13px;
}
.auth-card{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:16px;
  padding:34px;
  align-self:center;
}
.auth-card h2{
  font-size:32px;
  letter-spacing:-1px;
  margin:8px 0 8px;
}
.auth-card p.sub{
  color:var(--muted);
  margin:0 0 22px;
}
.auth-field{
  display:grid;
  gap:7px;
  margin-bottom:14px;
}
.auth-field label{
  font-size:13px;
  font-weight:850;
}
.auth-field input{
  width:100%;
  padding:13px 14px;
  border:1px solid #dfe3e8;
  border-radius:9px;
  background:#fff;
  outline:none;
}
.auth-field input:focus{
  border-color:#9ca3af;
  box-shadow:0 0 0 3px rgba(55,73,187,.06);
}
.auth-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:13px;
  margin:3px 0 16px;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  color:#a0a7b2;
  font-size:13px;
  margin:18px 0;
}
.auth-divider:before,.auth-divider:after{
  content:"";
  height:1px;
  background:#eceef1;
  flex:1;
}
.social-auth{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.social-auth button{
  border:1px solid #dfe3e8;
  background:#fff;
  border-radius:9px;
  padding:11px;
  font-weight:800;
}

/* Account */
.account-page{
  padding:26px 0 44px;
}
.account-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
}
.account-sidebar{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:12px;
  padding:14px;
  height:max-content;
  position:sticky;
  top:142px;
}
.account-user{
  display:flex;
  gap:11px;
  align-items:center;
  padding:8px 8px 14px;
  border-bottom:1px solid #eceef1;
  margin-bottom:8px;
}
.avatar{
  width:44px;height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#111827,#374151);
  color:#fff;
  font-weight:900;
}
.account-user b{display:block;font-size:13px}
.account-user small{color:var(--muted)}
.account-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 10px;
  border-radius:8px;
  font-size:13px;
  font-weight:800;
  margin:2px 0;
}
.account-menu a:hover,.account-menu a.active{
  background:#111827;
  color:#fff;
}
.account-main{
  display:grid;
  gap:14px;
}
.account-hero{
  background:
    radial-gradient(circle at 88% 15%,rgba(255,255,255,.10),transparent 22%),
    linear-gradient(135deg,#111827,#26304d);
  color:#fff;
  border-radius:14px;
  padding:28px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}
.account-hero h1{
  font-size:30px;
  margin:0 0 7px;
  letter-spacing:-1px;
}
.account-hero p{
  color:#d9deea;
  margin:0;
}
.account-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.account-stat{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:10px;
  padding:16px;
}
.account-stat small{
  color:var(--muted);
  font-size:13px;
}
.account-stat strong{
  display:block;
  font-size:26px;
  margin-top:6px;
}
.account-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.account-card{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:12px;
  padding:20px;
}
.account-card h3{
  margin:0 0 14px;
  font-size:17px;
}
.profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-grid .full{grid-column:1/-1}
.profile-grid label{
  display:grid;
  gap:6px;
  font-size:13px;
  font-weight:800;
}
.profile-grid input,.profile-grid select{
  padding:11px 12px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
}
.order-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:12px 0;
  border-top:1px solid #eceef1;
}
.order-row:first-of-type{border-top:0}
.order-row small{color:var(--muted)}
.status{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#ecfdf3;
  color:#138a4b;
  font-size:13px;
  font-weight:900;
}
.address-card{
  border:1px solid #e6e9ed;
  border-radius:9px;
  padding:14px;
  background:#fafbfc;
}
.security-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-top:1px solid #eceef1;
}
.security-row:first-of-type{border-top:0}
.security-row small{color:var(--muted)}
@media(max-width:1000px){
  .auth-shell{grid-template-columns:1fr}
  .auth-visual{min-height:320px}
  .account-layout{grid-template-columns:1fr}
  .account-sidebar{position:static}
}
@media(max-width:680px){
  .auth-shell{padding:18px 0}
  .auth-visual{padding:26px;min-height:280px}
  .auth-visual h1{font-size:36px}
  .auth-card{padding:22px}
  .social-auth{grid-template-columns:1fr}
  .account-stats{grid-template-columns:1fr 1fr}
  .account-grid-2,.profile-grid{grid-template-columns:1fr}
  .profile-grid .full{grid-column:auto}
  .account-hero{display:block}
}

/* ===== V9: PDP-matched premium minimal category UI ===== */

/* Category page canvas */
.list-layout{
  grid-template-columns:264px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.filterbox{
  position:sticky;
  top:142px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:12px;
}
.filter-title{
  padding:17px 18px;
  font-size:15px;
  font-weight:900;
  background:#fff;
  border-bottom:1px solid #eceef1;
}
.filter-group{
  padding:16px 18px;
  border-bottom:1px solid #f0f1f3;
}
.filter-group:last-child{border-bottom:0}
.filter-group h4{
  margin:0 0 11px;
  font-size:13px;
  letter-spacing:.1px;
}
.filter-group label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 0;
  color:#5f6773;
  cursor:pointer;
  transition:color .16s ease;
}
.filter-group label:hover{color:#111827}
.filter-group input{
  accent-color:#111827;
}

.subcats{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:14px;
}
.subcat{
  padding:9px 12px;
  border:1px solid #e3e6ea;
  border-radius:8px;
  background:#fff;
  color:#4f5865;
  font-size:13px;
  font-weight:800;
  box-shadow:none;
  transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.subcat:hover{
  color:#111827;
  border-color:#bfc5ce;
  background:#fafbfc;
}

/* Sort/view bar mirrors PDP navigation language */
.sortbar{
  min-height:56px;
  padding:10px 12px 10px 16px;
  margin-bottom:12px;
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:10px;
  box-shadow:none;
}
.sortbar > span{
  color:#667085;
  font-size:13px;
}
.sortbar .right{
  display:flex;
  align-items:center;
  gap:8px;
}
.sortbar select{
  min-height:36px;
  padding:0 34px 0 11px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  background:#fff;
  color:#303642;
  font-size:13px;
  outline:none;
}
.view-toggle{
  padding:3px;
  border:1px solid #e2e5e9;
  background:#f5f6f8;
  border-radius:8px;
}
.view-toggle button{
  width:32px;
  height:32px;
  border-radius:6px;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.view-toggle button.active{
  color:#fff;
  background:#111827;
  box-shadow:none;
}

/* Grid product cards: same restrained language as PDP */
.catalog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.catalog-grid .list-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:11px;
  box-shadow:none;
  transition:
    transform .22s cubic-bezier(.2,.7,.2,1),
    border-color .22s ease,
    box-shadow .22s ease;
}
.catalog-grid .list-card:hover{
  transform:translateY(-4px);
  border-color:#cfd4dc;
  box-shadow:0 18px 42px rgba(17,24,39,.09);
}
.catalog-grid .list-card > a:first-child{
  position:relative;
  display:block;
  padding:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#fbfcfd,#f5f7f9);
}
.catalog-grid .list-card > a:first-child:after{
  content:"View details";
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translate(-50%,10px);
  padding:7px 11px;
  border-radius:7px;
  background:rgba(17,24,39,.92);
  color:#fff;
  font-size:13px;
  font-weight:850;
  opacity:0;
  transition:opacity .2s ease,transform .2s ease;
  pointer-events:none;
}
.catalog-grid .list-card:hover > a:first-child:after{
  opacity:1;
  transform:translate(-50%,0);
}
.catalog-grid .list-card img{
  width:100%;
  height:224px;
  padding:0;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.catalog-grid .list-card:hover img{
  transform:scale(1.045);
}
.catalog-grid .list-card > div:nth-child(2){
  flex:1;
  padding:15px 15px 6px;
}
.catalog-grid .list-card h3{
  min-height:44px;
  margin:0 0 9px;
  color:#20242b;
  font-size:14px;
  line-height:1.48;
  font-weight:900;
  transition:color .16s ease;
}
.catalog-grid .list-card:hover h3{color:#3749bb}
.catalog-grid .list-card .spec-list{
  margin:0;
  padding:10px 0 0 17px;
  border-top:1px solid #eef0f3;
  color:#68717e;
  font-size:13px;
  line-height:1.7;
}
.catalog-grid .list-card .list-buy{
  padding:10px 15px 15px;
  border-top:0;
}
.catalog-grid .list-card .list-buy .price{
  margin-right:7px;
  color:#e94726;
  font-size:20px;
  font-weight:950;
}
.catalog-grid .list-card .list-buy .old{
  color:#9aa1ab;
}
.catalog-grid .list-card .list-buy .btn{
  min-height:39px;
  margin-top:10px;
  border-radius:7px;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.catalog-grid .list-card .list-buy .btn.primary{
  background:#111827;
  border-color:#111827;
}
.catalog-grid .list-card .list-buy .btn.primary:hover{
  background:#000;
  border-color:#000;
}
.catalog-grid .list-card .list-buy .btn:not(.primary):hover{
  border-color:#aeb5bf;
  background:#f8f9fb;
}

/* List view gets the same hover treatment */
.catalog-list .list-card{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:11px;
  box-shadow:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.catalog-list .list-card:hover{
  transform:translateY(-2px);
  border-color:#cfd4dc;
  box-shadow:0 14px 34px rgba(17,24,39,.075);
}
.catalog-list .list-card img{
  transition:transform .26s ease;
}
.catalog-list .list-card:hover img{
  transform:scale(1.035);
}
.catalog-list .list-card h3{
  transition:color .16s ease;
}
.catalog-list .list-card:hover h3{
  color:#3749bb;
}

/* Category heading / SEO restraint */
.list-page .section-head h1,
.category-page .section-head h1{
  letter-spacing:-1px;
}
.seo{
  margin-top:18px;
  padding:25px;
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:11px;
}

/* Pagination */
.pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:20px;
}
.pagination a{
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #dfe3e8;
  border-radius:7px;
  background:#fff;
  color:#525a66;
  font-size:13px;
  font-weight:850;
  transition:.16s ease;
}
.pagination a:hover,.pagination a.active{
  background:#111827;
  border-color:#111827;
  color:#fff;
}

@media(max-width:1000px){
  .filterbox{position:static}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .list-layout{gap:12px}
  .sortbar{
    align-items:center;
    gap:8px;
  }
  .catalog-grid{gap:9px}
  .catalog-grid .list-card > a:first-child{padding:10px}
  .catalog-grid .list-card img{height:150px}
  .catalog-grid .list-card > a:first-child:after{display:none}
  .catalog-grid .list-card > div:nth-child(2){padding:11px 11px 4px}
  .catalog-grid .list-card h3{font-size:13px;line-height:1.42}
  .catalog-grid .list-card .list-buy{padding:8px 11px 11px}
  .catalog-grid .list-card .list-buy .price{font-size:17px}
}

/* ===== V10: smoother motion + flagship PDP ===== */
:root{
  --ease-premium:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.16,1,.3,1);
}

/* Remove jumpy hover behaviour from older layers */
.catalog-grid .list-card,
.catalog-list .list-card{
  will-change:transform;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  transition:
    transform .42s var(--ease-soft),
    border-color .32s ease,
    box-shadow .42s var(--ease-soft) !important;
}
.catalog-grid .list-card:hover{
  transform:translate3d(0,-5px,0) !important;
  border-color:#d2d6dd;
  box-shadow:0 18px 46px rgba(17,24,39,.085) !important;
}
.catalog-list .list-card:hover{
  transform:translate3d(0,-3px,0) !important;
  border-color:#d2d6dd;
  box-shadow:0 14px 38px rgba(17,24,39,.07) !important;
}
.catalog-grid .list-card img,
.catalog-list .list-card img{
  transform:translate3d(0,0,0) scale(1);
  transition:transform .55s var(--ease-soft) !important;
}
.catalog-grid .list-card:hover img{
  transform:translate3d(0,-2px,0) scale(1.035) !important;
}
.catalog-list .list-card:hover img{
  transform:translate3d(0,0,0) scale(1.025) !important;
}
.catalog-grid .list-card > a:first-child:after{
  bottom:13px;
  transform:translate3d(-50%,7px,0);
  transition:opacity .28s ease,transform .38s var(--ease-soft) !important;
}
.catalog-grid .list-card:hover > a:first-child:after{
  transform:translate3d(-50%,0,0);
}
.catalog-grid .list-card h3,
.catalog-list .list-card h3{
  transition:color .28s ease !important;
}
.catalog-grid .list-card .btn,
.catalog-list .list-card .btn,
.subcat,.view-toggle button{
  transition:
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease,
    box-shadow .3s ease !important;
}

/* Flagship PDP */
.pdp-shell{
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:22px;
  align-items:start;
}
.pdp-gallery{
  padding:14px;
  border-radius:13px;
}
.pdp-main{
  position:relative;
  height:590px;
  border-radius:9px;
  background:
    radial-gradient(circle at 50% 44%,#fff 0,#fafbfc 40%,#f2f4f7 100%);
}
.pdp-main:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(17,24,39,.035);
  border-radius:7px;
  pointer-events:none;
}
.pdp-main img{
  width:88%;
  height:88%;
  object-fit:contain;
  transition:opacity .22s ease,transform .5s var(--ease-soft);
}
.pdp-main:hover img{transform:scale(1.025)}
.pdp-gallery-tools{
  position:absolute;
  top:16px;
  right:16px;
  display:grid;
  gap:7px;
  z-index:2;
}
.pdp-gallery-tools button{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid #e1e5e9;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .25s var(--ease-soft),box-shadow .25s ease;
}
.pdp-gallery-tools button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(17,24,39,.08);
}
.pdp-thumbs{
  grid-template-columns:repeat(5,76px);
  justify-content:center;
  gap:9px;
  margin-top:12px;
}
.pdp-thumbs button{
  padding:6px;
  border-radius:8px;
  transition:border-color .25s ease,box-shadow .25s ease,transform .3s var(--ease-soft);
}
.pdp-thumbs button:hover{transform:translateY(-2px)}
.pdp-thumbs img{height:62px}
.pdp-info{
  top:138px;
  padding:30px;
  border-radius:13px;
}
.pdp-eyebrow{
  padding-bottom:13px;
  margin-bottom:15px;
  border-bottom:1px solid #edf0f2;
}
.pdp-brand{
  display:flex;
  align-items:center;
  gap:7px;
  color:#667085;
  font-size:13px;
  font-weight:850;
  letter-spacing:.35px;
}
.pdp-brand i{
  width:6px;height:6px;border-radius:50%;
  background:#3749bb;
}
.pdp-title{
  max-width:620px;
  font-size:37px;
  line-height:1.1;
  letter-spacing:-1.55px;
}
.pdp-rating{
  padding-bottom:16px;
  border-bottom:1px solid #edf0f2;
}
.pdp-rating .stars{color:#f59e0b;letter-spacing:1px}
.pdp-price{
  margin:20px 0 10px;
}
.pdp-price strong{
  font-size:36px;
  letter-spacing:-1px;
}
.pdp-price-note{
  margin:0 0 18px;
  color:#7a828e;
  font-size:13px;
}
.pdp-key{
  padding:15px 16px;
  margin-top:14px;
  border:1px solid #e8ebef;
  border-radius:9px;
  background:#fafbfc;
}
.pdp-key h3{
  margin-bottom:8px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.pdp-key ul{
  list-style:none;
  padding:0;
}
.pdp-key li{
  position:relative;
  padding:4px 0 4px 18px;
}
.pdp-key li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#138a4b;
  font-weight:950;
}
.pdp-option-title{
  margin-top:17px;
}
.pdp-options{gap:7px}
.pdp-option{
  min-width:74px;
  transition:border-color .25s ease,background .25s ease,transform .3s var(--ease-soft);
}
.pdp-option:hover{transform:translateY(-1px)}
.pdp-payment{
  gap:8px;
}
.pdp-pay{
  position:relative;
  padding:13px;
  cursor:pointer;
  transition:border-color .25s ease,background .25s ease,transform .3s var(--ease-soft);
}
.pdp-pay:hover{transform:translateY(-2px)}
.pdp-pay.active:before{
  content:"✓";
  position:absolute;
  top:8px;right:9px;
  width:18px;height:18px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#111827;
  color:#fff;
  font-size:13px;
}
.pdp-buy{
  grid-template-columns:116px minmax(0,1fr) 48px;
}
.pdp-buy .wish-btn{
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  font-size:18px;
  cursor:pointer;
  transition:background .25s ease,transform .3s var(--ease-soft);
}
.pdp-buy .wish-btn:hover{
  background:#f7f8fa;
  transform:translateY(-2px);
}
.pdp-buy .btn.primary{
  min-height:48px;
  background:#111827;
  border-color:#111827;
  font-size:13px;
}
.pdp-buy .btn.primary:hover{background:#000}
.pdp-trust{
  padding-top:14px;
  border-top:1px solid #edf0f2;
}
.pdp-trust div{
  padding:10px;
  border:0;
  border-right:1px solid #eceef1;
  border-radius:0;
  background:transparent;
}
.pdp-trust div:last-child{border-right:0}
.pdp-trust b{font-size:13px}
.pdp-trust small{line-height:1.5}
.pdp-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:13px;
  margin-top:13px;
  border-top:1px solid #edf0f2;
  color:#7a828e;
  font-size:13px;
}
.pdp-meta-line b{color:#4b5563}

/* PDP content */
.pdp-nav{
  top:130px;
  margin-top:26px;
  padding:9px 0;
}
.pdp-nav .inner{
  gap:0;
  border:1px solid #e1e5e9;
  border-radius:9px;
  background:#fff;
  overflow:hidden;
}
.pdp-nav a{
  padding:11px 16px;
  border:0;
  border-right:1px solid #eceef1;
  border-radius:0;
  background:#fff;
}
.pdp-nav a:last-child{border-right:0}
.pdp-nav a:first-child{
  background:#111827;
}
.pdp-section{
  padding:28px;
  border-radius:11px;
}
.pdp-section-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:20px;
}
.pdp-section-head h2{
  margin:0;
  font-size:25px;
}
.pdp-section-head p{
  max-width:580px;
  margin:0;
  color:#7a828e;
  font-size:13px;
  line-height:1.6;
}
.pdp-feature-grid{gap:9px}
.pdp-feature{
  padding:17px;
  border-radius:8px;
  background:#fafbfc;
  transition:transform .35s var(--ease-soft),border-color .25s ease,box-shadow .35s ease;
}
.pdp-feature:hover{
  transform:translateY(-3px);
  border-color:#d7dce3;
  box-shadow:0 10px 25px rgba(17,24,39,.05);
}
.pdp-feature .feature-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  margin-bottom:12px;
  border-radius:9px;
  background:#111827;
  color:#fff;
  font-size:17px;
}
.pdp-spec-table th{
  padding:12px 14px;
  background:#f4f6f8;
}
.pdp-spec-table td{padding:13px 14px}
.pdp-spec-table tr:hover td{background:#fbfcfd}
.pdp-desc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:center;
  margin:24px 0;
}
.pdp-desc-visual{
  min-height:280px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:10px;
  background:linear-gradient(145deg,#f6f7f9,#eef1f4);
}
.pdp-desc-visual img{
  width:88%;
  height:280px;
  object-fit:contain;
}
.pdp-desc-copy h3{
  margin-top:0;
  font-size:24px;
  letter-spacing:-.6px;
}
.pdp-desc-copy p{
  color:#626b78;
  font-size:13px;
  line-height:1.8;
}
.pdp-service-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid #e4e7eb;
  border-radius:10px;
  background:#fff;
}
.pdp-service-strip div{
  padding:16px;
  border-right:1px solid #eceef1;
}
.pdp-service-strip div:last-child{border-right:0}
.pdp-service-strip b{display:block;font-size:13px}
.pdp-service-strip small{color:#7a828e;font-size:13px}

@media(max-width:1000px){
  .pdp-main{height:520px}
  .pdp-info{position:static}
  .pdp-desc-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .pdp-main{height:390px}
  .pdp-main img{width:94%;height:94%}
  .pdp-thumbs{grid-template-columns:repeat(4,1fr)}
  .pdp-info{padding:19px}
  .pdp-title{font-size:28px}
  .pdp-price strong{font-size:30px}
  .pdp-buy{grid-template-columns:104px minmax(0,1fr) 44px}
  .pdp-trust{grid-template-columns:1fr 1fr 1fr}
  .pdp-section{padding:19px}
  .pdp-section-head{display:block}
  .pdp-section-head p{margin-top:7px}
  .pdp-service-strip{grid-template-columns:1fr 1fr}
  .pdp-service-strip div:nth-child(2){border-right:0}
  .pdp-service-strip div:nth-child(-n+2){border-bottom:1px solid #eceef1}
  .pdp-desc-visual,.pdp-desc-visual img{min-height:220px;height:220px}
}

/* ===== V11: StarTech-inspired mature spec-heavy PDP ===== */

.pdp-top-meta{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:16px 0 14px;
}
.pdp-top-meta .meta-cell{
  padding:10px 11px;
  border:1px solid #e7eaee;
  border-radius:8px;
  background:#fafbfc;
}
.pdp-top-meta small{
  display:block;
  margin-bottom:3px;
  color:#838b96;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.pdp-top-meta b{
  font-size:13px;
  color:#222833;
}
.pdp-top-meta .price-meta b{
  color:#e94726;
  font-size:13px;
}
.pdp-points{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 0 2px;
  color:#6b7280;
  font-size:13px;
}
.pdp-points strong{color:#7c3aed}
.pdp-key{
  background:#fafbfc;
  border-color:#e5e8ec;
}
.pdp-key .more-link{
  display:inline-flex;
  margin-top:8px;
  color:#3749bb;
  font-size:13px;
  font-weight:900;
}
.pdp-payment{
  margin-top:10px;
}
.pdp-pay{
  min-height:84px;
}
.pdp-pay .pay-price{
  font-size:16px;
  color:#111827;
  margin-bottom:4px;
}
.pdp-pay.active .pay-price{color:#e94726}
.pdp-availability-note{
  margin-top:10px;
  padding:10px 12px;
  border-radius:8px;
  background:#f0fdf4;
  border:1px solid #dcfce7;
  color:#166534;
  font-size:13px;
}
.pdp-spec-nav{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.pdp-spec-nav a{
  padding:7px 9px;
  border-radius:7px;
  background:#f5f6f8;
  border:1px solid #e6e9ed;
  color:#59616e;
  font-size:13px;
  font-weight:850;
}
.pdp-spec-nav a:hover{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
.pdp-spec-block{
  margin-bottom:12px;
  overflow:hidden;
  border:1px solid #e4e7eb;
  border-radius:9px;
}
.pdp-spec-block h3{
  margin:0;
  padding:12px 14px;
  background:#f5f6f8;
  font-size:13px;
}
.pdp-spec-block .pdp-spec-table{
  margin:0;
}
.pdp-spec-block .pdp-spec-table tr:first-child td{
  border-top:0;
}
.pdp-spec-table td:nth-child(1){
  width:31%;
}
.pdp-spec-table td:nth-child(2){
  color:#404854;
}
.power-hero{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:24px;
  align-items:center;
  padding:8px 0 4px;
}
.power-hero-copy h3{
  margin:0 0 10px;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.8px;
}
.power-hero-copy p{
  color:#606977;
  line-height:1.8;
  font-size:13px;
}
.power-hero-visual{
  min-height:340px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f7f8fa,#edf0f3);
  border-radius:11px;
  overflow:hidden;
}
.power-hero-visual img{
  width:88%;
  height:330px;
  object-fit:contain;
}
.metric-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:18px;
}
.metric{
  padding:14px;
  border:1px solid #e5e8ec;
  border-radius:8px;
  background:#fafbfc;
}
.metric strong{
  display:block;
  font-size:22px;
  letter-spacing:-.5px;
  color:#111827;
}
.metric span{
  display:block;
  margin-top:3px;
  color:#7b838e;
  font-size:13px;
}
.pdp-qna{
  display:grid;
  gap:0;
}
.pdp-qna .qa{
  padding:15px 0;
}
.pdp-review-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  align-items:start;
}
.pdp-review-main{
  padding:18px;
  border-radius:9px;
  background:#fafbfc;
  border:1px solid #e7eaee;
}
.pdp-review-main strong{
  display:block;
  font-size:44px;
  line-height:1;
}
.pdp-review-text{
  padding:4px 0;
}
.pdp-review-text p{
  color:#68717d;
  font-size:13px;
  line-height:1.7;
}
@media(max-width:1000px){
  .pdp-top-meta{grid-template-columns:repeat(3,1fr)}
  .power-hero{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .pdp-top-meta{grid-template-columns:1fr 1fr}
  .metric-grid{grid-template-columns:1fr 1fr}
  .pdp-review-card{grid-template-columns:1fr}
  .power-hero-copy h3{font-size:24px}
  .power-hero-visual,.power-hero-visual img{min-height:240px;height:240px}
}

/* ===== V12: product-page promotional banner ===== */
.pdp-ad{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  align-items:center;
  min-height:148px;
  margin:18px 0 4px;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 78% 15%,rgba(66,153,255,.28),transparent 22%),
    radial-gradient(circle at 92% 88%,rgba(91,92,240,.24),transparent 25%),
    linear-gradient(115deg,#07111f 0%,#0c1c35 46%,#122b53 100%);
  color:#fff;
  box-shadow:0 18px 50px rgba(8,17,31,.16);
}
.pdp-ad:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.045) 58% 59%,transparent 59% 100%);
  pointer-events:none;
}
.pdp-ad-copy{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:26px;
  padding:24px 28px;
}
.pdp-ad-brand{
  min-width:190px;
  padding-right:26px;
  border-right:1px solid rgba(255,255,255,.18);
}
.pdp-ad-brand small{
  display:block;
  color:#8ec5ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
}
.pdp-ad-brand strong{
  display:block;
  margin-top:4px;
  font-size:31px;
  line-height:.95;
  letter-spacing:-1px;
}
.pdp-ad-brand span{
  display:block;
  margin-top:6px;
  color:#c6d4e7;
  font-size:13px;
}
.pdp-ad-offer{
  display:flex;
  align-items:center;
  gap:20px;
}
.pdp-ad-discount{
  min-width:115px;
}
.pdp-ad-discount small{
  color:#b7c5d8;
  font-size:13px;
  text-transform:uppercase;
}
.pdp-ad-discount strong{
  display:block;
  color:#ffd45a;
  font-size:42px;
  line-height:.92;
  letter-spacing:-1.8px;
}
.pdp-ad-discount span{
  color:#ffd45a;
  font-size:13px;
  font-weight:900;
}
.pdp-ad-details{
  max-width:270px;
}
.pdp-ad-details b{
  display:block;
  margin-bottom:5px;
  font-size:14px;
}
.pdp-ad-details p{
  margin:0 0 9px;
  color:#c8d4e5;
  font-size:13px;
  line-height:1.55;
}
.pdp-ad-code{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px dashed rgba(255,255,255,.38);
  border-radius:999px;
  color:#e8f1ff;
  font-size:13px;
}
.pdp-ad-code strong{
  margin:0;
  color:#fff;
  font-size:13px;
}
.pdp-ad-visual{
  position:relative;
  align-self:stretch;
  min-height:148px;
}
.pdp-ad-visual:before{
  content:"";
  position:absolute;
  left:8%;
  right:18%;
  bottom:18px;
  height:26px;
  border-radius:50%;
  background:rgba(65,134,255,.24);
  filter:blur(16px);
}
.pdp-ad-products{
  position:absolute;
  inset:12px 90px 8px 10px;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:6px;
}
.pdp-ad-products img{
  width:31%;
  max-height:115px;
  object-fit:contain;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.3));
}
.pdp-ad-products img:nth-child(2){
  width:36%;
  max-height:126px;
  transform:translateY(-2px);
}
.pdp-ad-cta{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  padding:10px 14px;
  border-radius:8px;
  background:#fff;
  color:#111827;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  transition:transform .25s var(--ease-soft),box-shadow .25s ease;
}
.pdp-ad-cta:hover{
  transform:translateY(calc(-50% - 2px));
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.pdp-ad-note{
  position:absolute;
  right:18px;
  bottom:9px;
  color:#8fa3bd;
  font-size:13px;
}
@media(max-width:1000px){
  .pdp-ad{
    grid-template-columns:1fr;
  }
  .pdp-ad-visual{
    min-height:140px;
    border-top:1px solid rgba(255,255,255,.08);
  }
}
@media(max-width:680px){
  .pdp-ad{
    margin-top:12px;
    border-radius:10px;
  }
  .pdp-ad-copy{
    display:block;
    padding:20px;
  }
  .pdp-ad-brand{
    min-width:0;
    padding:0 0 14px;
    margin-bottom:14px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.15);
  }
  .pdp-ad-brand strong{font-size:27px}
  .pdp-ad-offer{gap:14px}
  .pdp-ad-discount strong{font-size:36px}
  .pdp-ad-details{max-width:none}
  .pdp-ad-visual{min-height:128px}
  .pdp-ad-products{inset:8px 84px 6px 8px}
  .pdp-ad-products img{max-height:90px}
  .pdp-ad-products img:nth-child(2){max-height:104px}
  .pdp-ad-cta{right:12px;padding:9px 11px}
}

/* ===== V13: compact gallery-only promo banner ===== */

/* hide/remove old full-width presentation if any remains */
.pdp-ad{display:none!important}

/* left-column compact campaign */
.pdp-gallery-promo{
  position:relative;
  min-height:104px;
  margin-top:12px;
  overflow:hidden;
  border-radius:10px;
  background:
    radial-gradient(circle at 82% 20%,rgba(75,135,255,.26),transparent 28%),
    linear-gradient(115deg,#07111f 0%,#0d1b31 58%,#163762 100%);
  color:#fff;
  display:grid;
  grid-template-columns:minmax(0,1fr) 175px;
  align-items:center;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:0 10px 28px rgba(7,17,31,.13);
}
.pdp-gallery-promo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 66%,rgba(255,255,255,.045) 66% 67%,transparent 67%);
  pointer-events:none;
}
.pdp-gallery-promo-copy{
  position:relative;
  z-index:2;
  padding:16px 18px;
}
.pdp-gallery-promo-copy small{
  display:block;
  margin-bottom:4px;
  color:#8bc3ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.pdp-gallery-promo-copy h4{
  margin:0;
  font-size:21px;
  line-height:1;
  letter-spacing:-.55px;
}
.pdp-gallery-promo-copy p{
  margin:6px 0 8px;
  color:#c5d2e3;
  font-size:13px;
  line-height:1.45;
}
.pdp-gallery-promo-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.pdp-gallery-promo-discount{
  color:#ffd65d;
  font-size:20px;
  line-height:1;
  font-weight:950;
}
.pdp-gallery-promo-code{
  padding:5px 7px;
  border:1px dashed rgba(255,255,255,.34);
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:850;
}
.pdp-gallery-promo-art{
  position:relative;
  align-self:stretch;
  z-index:1;
}
.pdp-gallery-promo-art:before{
  content:"";
  position:absolute;
  left:10px;
  right:20px;
  bottom:12px;
  height:18px;
  background:rgba(63,128,255,.25);
  border-radius:50%;
  filter:blur(10px);
}
.pdp-gallery-promo-art img{
  position:absolute;
  width:112px;
  height:88px;
  object-fit:contain;
  right:42px;
  bottom:6px;
  z-index:2;
  filter:drop-shadow(0 12px 10px rgba(0,0,0,.32));
}
.pdp-gallery-promo-link{
  position:absolute;
  z-index:3;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#111827;
  font-size:14px;
  font-weight:950;
  transition:
    transform .3s var(--ease-soft),
    box-shadow .25s ease;
}
.pdp-gallery-promo-link:hover{
  transform:translateY(-50%) translateX(2px);
  box-shadow:0 7px 20px rgba(0,0,0,.18);
}

@media(max-width:1000px){
  .pdp-gallery-promo{
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media(max-width:680px){
  .pdp-gallery-promo{
    grid-template-columns:minmax(0,1fr) 115px;
    min-height:96px;
  }
  .pdp-gallery-promo-copy{
    padding:13px 14px;
  }
  .pdp-gallery-promo-copy h4{font-size:18px}
  .pdp-gallery-promo-copy p{font-size:13px}
  .pdp-gallery-promo-art img{
    width:80px;
    height:72px;
    right:28px;
  }
  .pdp-gallery-promo-link{
    width:28px;height:28px;
    right:7px;
  }
}

/* ===== V14: gallery and advertisement are separate components ===== */
.pdp-left-column{
  display:grid;
  gap:14px;
  min-width:0;
}
.pdp-left-column .pdp-gallery{
  margin:0;
}
.pdp-left-column .pdp-gallery-promo{
  margin:0;
  width:100%;
  box-sizing:border-box;
  border-radius:10px;
  /* Banner is intentionally a standalone card, not part of gallery */
}

/* ===== V15: dark nav, richer offers, unified account, effective PC builder ===== */

/* Dark desktop menu */
.menu{
  background:#0b1220!important;
  border-top:1px solid rgba(255,255,255,.04)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 8px 24px rgba(7,12,22,.12)!important;
}
.menurow > a,
.menurow > .nav-item > a{
  color:#e6ebf2!important;
}
.menurow > a:hover,
.menurow > .nav-item:hover > a{
  color:#fff!important;
}
.menurow > a:after,
.menurow > .nav-item > a:after{
  background:#ff6a45!important;
}
.nav-item.has-mega > a:before{
  border-color:#9aa4b4!important;
}
.mega-menu{
  border:1px solid #e5e8ed!important;
  box-shadow:0 24px 70px rgba(5,10,18,.22)!important;
}
.mega-col a:hover{color:#ef4a23!important}

/* Compare hidden until user adds item */
.header-compare{display:none!important}
.header-compare.is-visible{display:flex!important}

/* remove product promo arrow and rebalance banner */
.pdp-gallery-promo{
  grid-template-columns:minmax(0,1fr) 145px!important;
}
.pdp-gallery-promo-art img{
  right:16px!important;
}
.pdp-gallery-promo-link{display:none!important}

/* Global polish */
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(55,73,187,.045),transparent 26%),
    radial-gradient(circle at 92% 0%,rgba(239,74,35,.04),transparent 22%),
    #f4f5f7!important;
}
.header{
  box-shadow:0 8px 30px rgba(14,18,28,.045)!important;
}
.section-head h2{letter-spacing:-1.1px!important}
.btn{transition:transform .28s var(--ease-soft),box-shadow .28s ease,background .22s ease,border-color .22s ease!important}
.btn:hover{transform:translateY(-1px)}
.content-card,.account-card,.offer-card,.pcbuilder-panel{
  box-shadow:0 8px 28px rgba(17,24,39,.035);
}

/* Offers */
.offers-hero{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:38px;
  border-radius:16px;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.14),transparent 20%),
    linear-gradient(135deg,#111827,#242b5c 58%,#7a365f);
  color:#fff;
}
.offers-hero small{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  font-size:13px;
  font-weight:900;
  letter-spacing:.7px;
}
.offers-hero h1{
  max-width:650px;
  margin:13px 0 10px;
  font-size:48px;
  line-height:1.02;
  letter-spacing:-2px;
}
.offers-hero p{
  max-width:620px;
  color:#d8deea;
  line-height:1.7;
}
.offer-filter{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:18px 0;
}
.offer-filter button{
  padding:9px 12px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  color:#48515e;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.offer-filter button.active{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
.offer-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.offer-card{
  border-radius:12px!important;
  overflow:hidden;
  transition:transform .38s var(--ease-soft),box-shadow .38s var(--ease-soft),border-color .25s ease;
}
.offer-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 46px rgba(17,24,39,.09)!important;
}
.offer-visual{
  position:relative;
  min-height:176px;
  padding:22px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
.offer-visual.orange{background:linear-gradient(135deg,#fff1eb,#ffd9cb)}
.offer-visual.blue{background:linear-gradient(135deg,#edf2ff,#dbe5ff)}
.offer-visual.purple{background:linear-gradient(135deg,#f4edff,#e6d7ff)}
.offer-visual.dark{background:linear-gradient(135deg,#111827,#28334b);color:#fff}
.offer-visual:after{
  content:"";
  position:absolute;
  width:140px;height:140px;
  border-radius:50%;
  right:-30px;top:-30px;
  background:rgba(255,255,255,.32);
}
.offer-visual strong{
  position:relative;
  z-index:2;
  max-width:230px;
  font-size:26px;
  line-height:1;
  letter-spacing:-1px;
}
.offer-badge{
  position:absolute;
  top:14px;left:14px;
  z-index:2;
  padding:6px 8px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.5px;
}
.offer-card .offer-body{padding:17px!important}
.offer-card .offer-meta{margin-bottom:8px}
.offer-card h3{font-size:16px;line-height:1.35;margin:7px 0}
.offer-card .offer-desc{font-size:13px;color:#6e7682;line-height:1.65}
.offer-card .offer-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}
.offer-expiry{font-size:13px;color:#8b929d}

/* Unified account */
.account-layout{
  grid-template-columns:265px minmax(0,1fr)!important;
}
.account-sidebar{
  border-radius:14px!important;
}
.account-menu .menu-section{
  padding:10px 10px 5px;
  color:#9aa1ab;
  font-size:13px;
  font-weight:900;
  letter-spacing:.65px;
  text-transform:uppercase;
}
.account-support-card{
  padding:16px;
  border-radius:10px;
  background:#0f172a;
  color:#fff;
  margin-top:12px;
}
.account-support-card small{color:#aeb7c6}
.account-support-card a{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.ticket-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ticket-form{
  display:grid;
  gap:11px;
}
.ticket-form label{
  display:grid;
  gap:6px;
  font-size:13px;
  font-weight:850;
}
.ticket-form input,.ticket-form select,.ticket-form textarea{
  width:100%;
  border:1px solid #dfe3e8;
  border-radius:8px;
  padding:11px 12px;
  background:#fff;
}
.ticket-list{
  display:grid;
  gap:9px;
}
.ticket-item{
  padding:13px;
  border:1px solid #e6e9ed;
  border-radius:9px;
  background:#fafbfc;
}
.ticket-item .topline{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.ticket-status{
  display:inline-flex;
  padding:5px 7px;
  border-radius:999px;
  background:#eef2ff;
  color:#3749bb;
  font-size:13px;
  font-weight:900;
}
.contact-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:12px;
}
.contact-box{
  padding:14px;
  border:1px solid #e4e7eb;
  border-radius:9px;
  background:#fff;
}
.contact-box small{display:block;color:#8a919c;font-size:13px;text-transform:uppercase}
.contact-box strong{display:block;margin-top:4px;font-size:13px}

/* Account wishlist */
.account-wishlist-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.account-wishlist-item{
  overflow:hidden;
  border:1px solid #e4e7eb;
  border-radius:10px;
  background:#fff;
}
.account-wishlist-item img{
  height:150px;
  object-fit:contain;
  padding:12px;
  background:#f8f9fb;
}
.account-wishlist-item .body{padding:12px}
.account-wishlist-item h4{font-size:13px;line-height:1.4;margin:0 0 8px}

/* PC builder */
.pcbuilder-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:16px;
  align-items:start;
}
.pcbuilder-panel{
  background:#fff;
  border:1px solid #e4e7eb;
  border-radius:12px;
  overflow:hidden;
}
.pcbuilder-head{
  padding:18px;
  border-bottom:1px solid #eceef1;
}
.pcbuilder-head h1,.pcbuilder-head h2{margin:0}
.pcbuilder-head p{margin:5px 0 0;color:#7a828e;font-size:13px}
.build-part{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid #eef0f2;
}
.build-part:first-child{border-top:0}
.build-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#f3f5f7;
  font-size:19px;
}
.build-part b{display:block;font-size:13px}
.build-part small{display:block;margin-top:3px;color:#7c8490;font-size:13px}
.part-select{
  min-width:190px;
  padding:10px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  font-size:13px;
}
.compatibility{
  padding:12px 16px;
  background:#f0fdf4;
  border-top:1px solid #dcfce7;
  color:#166534;
  font-size:13px;
}
.build-summary{
  position:sticky;
  top:142px;
  padding:18px;
}
.build-summary h3{margin-top:0}
.build-summary-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid #eef0f2;
  font-size:13px;
}
.build-summary-row:first-of-type{border-top:0}
.build-total{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  padding-top:13px;
  border-top:1px solid #dfe3e8;
  font-size:19px;
  font-weight:950;
}
.build-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}
.build-progress{
  height:7px;
  border-radius:99px;
  overflow:hidden;
  background:#edf0f3;
  margin:10px 0 4px;
}
.build-progress span{
  display:block;
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#3749bb,#6f5df6);
  transition:width .35s var(--ease-soft);
}
@media(max-width:1000px){
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ticket-grid,.pcbuilder-wrap{grid-template-columns:1fr}
  .build-summary{position:static}
}
@media(max-width:680px){
  .offer-grid{grid-template-columns:1fr!important}
  .offers-hero{padding:26px 20px;min-height:250px}
  .offers-hero h1{font-size:36px}
  .account-wishlist-grid{grid-template-columns:1fr 1fr}
  .contact-strip{grid-template-columns:1fr}
  .build-part{grid-template-columns:44px 1fr}
  .part-select{grid-column:2;min-width:0;width:100%}
}

/* ===== V16: restore PDP tabs to reference style ===== */
.pdp-nav{
  position:sticky;
  top:130px;
  z-index:20;
  margin-top:26px;
  padding:14px 0!important;
  background:#eef0f5!important;
  border-top:1px solid #e0e3e8;
  border-bottom:1px solid #e0e3e8;
}
.pdp-nav .inner{
  display:flex;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.pdp-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 20px!important;
  border:1px solid #dfe2e7!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111!important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 1px 2px rgba(17,24,39,.03);
  transition:background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
.pdp-nav a:first-child,
.pdp-nav a.active{
  background:#df1d12!important;
  border-color:#df1d12!important;
  color:#fff!important;
}
.pdp-nav a:hover:not(.active):not(:first-child){
  background:#f8f8f9!important;
  border-color:#d2d6dc!important;
  color:#111!important;
}
@media(max-width:680px){
  .pdp-nav{
    top:0;
    overflow-x:auto;
    padding:10px 0!important;
  }
  .pdp-nav .inner{
    width:max-content;
    padding:0 12px!important;
  }
  .pdp-nav a{
    min-height:38px;
    padding:0 15px!important;
    white-space:nowrap;
  }
}

/* ===== V17: full dark header + real PC builder ===== */

/* Entire header/navigation dark */
.top{
  background:#070c14!important;
  color:#aeb8c7!important;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.header{
  background:#0b1220!important;
  border-bottom:0!important;
  box-shadow:0 10px 30px rgba(4,8,15,.18)!important;
  backdrop-filter:none!important;
}
.headrow{
  color:#fff;
}
.logo{
  color:#fff!important;
}
.logo i{
  background:linear-gradient(145deg,#ef4a23,#ff6d46)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(239,74,35,.18)!important;
}
.search{
  background:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.12)!important;
}
.search input{
  color:#111827!important;
}
.search input::placeholder{color:#8d95a2!important}
.search button{
  color:#111827!important;
  background:#fff!important;
}
.quick{
  color:#fff!important;
}
.quick span{color:#ff7352!important}
.quick small{color:#909bad!important}
.quick:hover{
  background:rgba(255,255,255,.07)!important;
}
.header-compare.is-visible{
  background:rgba(255,255,255,.06)!important;
}
.menu{
  background:#0b1220!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
.menurow > a,
.menurow > .nav-item > a{
  color:#dce2eb!important;
}
.menurow > a:hover,
.menurow > .nav-item:hover > a{
  color:#fff!important;
}
.menurow > a:after,
.menurow > .nav-item > a:after{
  background:#ff6d46!important;
}
.mega-menu{
  border-radius:0 0 10px 10px!important;
}
@media(max-width:1000px){
  .header{background:#0b1220!important}
}

/* Real PC Builder */
.builder-page{
  padding:24px 0 46px;
}
.builder-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  margin-bottom:14px;
  background:#fff;
  border:1px solid #e2e6ea;
  border-radius:11px;
}
.builder-topbar h1{
  margin:0;
  font-size:25px;
  letter-spacing:-.8px;
}
.builder-topbar p{
  margin:4px 0 0;
  color:#7b838f;
  font-size:13px;
}
.builder-controls{
  display:flex;
  align-items:center;
  gap:12px;
}
.builder-hide{
  display:flex;
  align-items:center;
  gap:7px;
  color:#59616d;
  font-size:13px;
  font-weight:800;
}
.builder-summary-strip{
  display:grid;
  grid-template-columns:repeat(3,120px);
  gap:8px;
}
.builder-metric{
  padding:9px 11px;
  border:1px solid #e6e9ed;
  border-radius:8px;
  background:#fafbfc;
}
.builder-metric strong{
  display:block;
  font-size:17px;
  line-height:1;
}
.builder-metric span{
  display:block;
  margin-top:3px;
  color:#89909a;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.builder-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:14px;
  align-items:start;
}
.builder-board{
  background:#fff;
  border:1px solid #e2e6ea;
  border-radius:11px;
  overflow:hidden;
}
.builder-section-title{
  padding:12px 16px;
  background:#f5f6f8;
  border-top:1px solid #e7eaee;
  border-bottom:1px solid #e7eaee;
  color:#343b46;
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.builder-section-title:first-child{border-top:0}
.builder-row{
  display:grid;
  grid-template-columns:52px 150px minmax(0,1fr) 92px;
  gap:12px;
  align-items:center;
  min-height:82px;
  padding:12px 16px;
  border-bottom:1px solid #edf0f2;
  transition:background .2s ease;
}
.builder-row:last-child{border-bottom:0}
.builder-row:hover{background:#fbfcfd}
.builder-row.is-hidden{display:none}
.builder-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:8px;
  background:#f2f4f6;
  color:#111827;
  font-size:19px;
}
.builder-label b{
  display:block;
  font-size:13px;
}
.builder-label small{
  display:block;
  margin-top:3px;
  color:#8b929d;
  font-size:13px;
}
.required{
  color:#e94726!important;
  font-weight:900;
}
.builder-selected{
  min-width:0;
}
.builder-selected.empty{
  color:#a0a6af;
  font-size:13px;
}
.selected-product{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
}
.selected-product img{
  width:52px;height:52px;
  object-fit:contain;
  padding:5px;
  border-radius:7px;
  background:#f7f8fa;
}
.selected-product strong{
  display:block;
  font-size:13px;
  line-height:1.35;
}
.selected-product small{
  color:#e94726;
  font-size:13px;
  font-weight:900;
}
.remove-part{
  border:0;
  background:transparent;
  color:#9ca3af;
  font-size:16px;
  cursor:pointer;
}
.choose-part{
  min-width:84px;
  min-height:36px;
  border:1px solid #d9dee4;
  border-radius:7px;
  background:#fff;
  color:#374151;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.choose-part:hover{
  border-color:#111827;
  color:#111827;
}
.builder-aside{
  position:sticky;
  top:142px;
  display:grid;
  gap:10px;
}
.builder-card{
  padding:16px;
  background:#fff;
  border:1px solid #e2e6ea;
  border-radius:11px;
}
.builder-card h3{
  margin:0 0 12px;
  font-size:14px;
}
.builder-progress{
  height:7px;
  overflow:hidden;
  border-radius:99px;
  background:#edf0f3;
}
.builder-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#3749bb,#725be8);
  transition:width .35s var(--ease-soft);
}
.builder-checks{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.builder-check{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:9px;
  border-radius:7px;
  background:#f7f8fa;
  color:#68717d;
  font-size:13px;
  line-height:1.45;
}
.builder-check.good{
  background:#f0fdf4;
  color:#166534;
}
.builder-check.warn{
  background:#fff7ed;
  color:#9a3412;
}
.builder-total-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid #edf0f2;
  font-size:13px;
}
.builder-total-row:first-child{border-top:0}
.builder-total-main{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid #dfe3e8;
  font-size:20px;
  font-weight:950;
}
.builder-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:12px;
}
.builder-actions .btn{
  min-height:39px;
}
.builder-actions .btn.primary[disabled]{
  opacity:.42;
  cursor:not-allowed;
  transform:none!important;
}
.builder-modal{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(4,8,15,.72);
  backdrop-filter:blur(5px);
}
.builder-modal.open{display:flex}
.builder-dialog{
  width:min(980px,100%);
  max-height:min(760px,90vh);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border-radius:13px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}
.builder-dialog-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:17px 18px;
  border-bottom:1px solid #e7eaee;
}
.builder-dialog-head h2{
  margin:0;
  font-size:19px;
}
.builder-dialog-head p{
  margin:3px 0 0;
  color:#858d98;
  font-size:13px;
}
.builder-close{
  width:34px;height:34px;
  border:1px solid #dfe3e8;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}
.builder-modal-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:8px;
  padding:12px 18px;
  background:#fafbfc;
  border-bottom:1px solid #e8ebef;
}
.builder-search,.builder-sort{
  width:100%;
  min-height:39px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  padding:0 11px;
  background:#fff;
  outline:none;
}
.builder-products{
  overflow:auto;
  padding:12px 18px 18px;
}
.builder-product{
  display:grid;
  grid-template-columns:86px minmax(0,1fr) 150px;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #edf0f2;
}
.builder-product:last-child{border-bottom:0}
.builder-product img{
  width:86px;height:72px;
  object-fit:contain;
  padding:6px;
  background:#f7f8fa;
  border-radius:8px;
}
.builder-product h4{
  margin:0 0 5px;
  font-size:13px;
}
.builder-product ul{
  margin:0;
  padding-left:16px;
  color:#727a86;
  font-size:13px;
  line-height:1.55;
}
.builder-product-price{
  text-align:right;
}
.builder-product-price strong{
  display:block;
  margin-bottom:7px;
  color:#e94726;
  font-size:14px;
}
.builder-empty-products{
  padding:50px 20px;
  text-align:center;
  color:#8d95a0;
  font-size:13px;
}
@media(max-width:1000px){
  .builder-topbar{display:block}
  .builder-controls{margin-top:12px;justify-content:space-between}
  .builder-layout{grid-template-columns:1fr}
  .builder-aside{position:static}
}
@media(max-width:680px){
  .builder-summary-strip{grid-template-columns:repeat(3,1fr);width:100%}
  .builder-controls{display:grid}
  .builder-row{
    grid-template-columns:42px minmax(0,1fr) 80px;
    gap:9px;
    min-height:76px;
    padding:10px 12px;
  }
  .builder-icon{width:38px;height:38px}
  .builder-label{grid-column:2}
  .builder-selected{grid-column:2}
  .choose-part{grid-column:3;grid-row:1 / span 2}
  .selected-product{grid-template-columns:42px minmax(0,1fr) auto}
  .selected-product img{width:42px;height:42px}
  .builder-dialog{max-height:92vh}
  .builder-modal-tools{grid-template-columns:1fr}
  .builder-product{
    grid-template-columns:70px minmax(0,1fr);
  }
  .builder-product img{width:70px;height:64px}
  .builder-product-price{
    grid-column:2;
    text-align:left;
  }
}

/* ===== V18: premium cart + checkout ===== */

.purchase-progress{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:8px 0 18px;
}
.purchase-step{
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  border:1px solid #e4e7eb;
  border-radius:9px;
  background:#fff;
  color:#7a828e;
  font-size:13px;
  font-weight:850;
}
.purchase-step span{
  width:24px;height:24px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#f0f2f5;
  color:#5d6571;
  font-size:13px;
}
.purchase-step.active{
  border-color:#cfd4dc;
  color:#111827;
}
.purchase-step.active span{
  background:#111827;
  color:#fff;
}
.purchase-step.done{
  color:#166534;
}
.purchase-step.done span{
  background:#ecfdf3;
  color:#166534;
}

/* Cart */
.cart-page{
  padding:20px 0 44px;
}
.cart-premium-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:16px;
  align-items:start;
}
.cart-main{
  display:grid;
  gap:12px;
}
.cart-header-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:17px 18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.cart-header-card h1{
  margin:0;
  font-size:25px;
  letter-spacing:-.8px;
}
.cart-header-card p{
  margin:4px 0 0;
  color:#7d8590;
  font-size:13px;
}
.cart-list{
  overflow:hidden;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.cart-product{
  display:grid;
  grid-template-columns:104px minmax(0,1fr) 120px 90px;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-top:1px solid #edf0f2;
}
.cart-product:first-child{border-top:0}
.cart-product img{
  width:104px;height:104px;
  object-fit:contain;
  padding:8px;
  border-radius:9px;
  background:#f7f8fa;
}
.cart-product h3{
  margin:0 0 6px;
  font-size:13px;
  line-height:1.4;
}
.cart-product-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:#7b838e;
  font-size:13px;
}
.cart-product-meta span{
  padding:4px 6px;
  border-radius:999px;
  background:#f4f5f7;
}
.cart-stock{
  display:inline-flex;
  margin-top:8px;
  color:#138a4b;
  font-size:13px;
  font-weight:900;
}
.cart-qty{
  display:grid;
  grid-template-columns:32px 1fr 32px;
  height:36px;
  overflow:hidden;
  border:1px solid #dfe3e8;
  border-radius:7px;
}
.cart-qty button,.cart-qty span{
  display:grid;place-items:center;
  border:0;background:#fff;
  font-size:13px;
}
.cart-price{
  text-align:right;
}
.cart-price strong{
  display:block;
  color:#e94726;
  font-size:16px;
}
.cart-price del{
  display:block;
  margin-top:3px;
  color:#9da4ae;
  font-size:13px;
}
.cart-remove{
  display:inline-flex;
  margin-top:8px;
  border:0;
  background:transparent;
  color:#8a919b;
  font-size:13px;
  cursor:pointer;
}
.cart-tools{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.cart-tool-card{
  padding:16px;
  border:1px solid #e4e7eb;
  border-radius:10px;
  background:#fff;
}
.cart-tool-card h3{
  margin:0 0 6px;
  font-size:13px;
}
.cart-tool-card p{
  margin:0 0 10px;
  color:#7c8490;
  font-size:13px;
  line-height:1.55;
}
.coupon-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.coupon-row input{
  width:100%;
  min-height:38px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  padding:0 10px;
}
.delivery-estimate{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.delivery-estimate select{
  min-height:38px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  padding:0 10px;
  background:#fff;
}
.cart-summary-card{
  position:sticky;
  top:142px;
  padding:18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.cart-summary-card h2{
  margin:0 0 14px;
  font-size:17px;
}
.summary-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  color:#646c78;
  font-size:13px;
}
.summary-line.total{
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid #e3e6ea;
  color:#111827;
  font-size:18px;
  font-weight:950;
}
.summary-note{
  margin-top:10px;
  padding:10px;
  border-radius:8px;
  background:#f8fafc;
  color:#737b87;
  font-size:13px;
  line-height:1.55;
}
.summary-actions{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.summary-actions .btn{
  min-height:44px;
}
.cart-trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:12px;
}
.cart-trust div{
  padding:9px 7px;
  text-align:center;
  border:1px solid #eceef1;
  border-radius:7px;
  background:#fafbfc;
}
.cart-trust b{
  display:block;
  font-size:13px;
}
.cart-trust small{
  color:#89909b;
  font-size:13px;
}

/* Checkout */
.checkout-page{
  padding:20px 0 46px;
}
.checkout-premium-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:16px;
  align-items:start;
}
.checkout-main{
  display:grid;
  gap:12px;
}
.checkout-section{
  padding:18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.checkout-section-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.checkout-section-head h2{
  margin:0;
  font-size:15px;
}
.checkout-section-head small{
  color:#8b929d;
  font-size:13px;
}
.checkout-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.checkout-form-grid .full{grid-column:1/-1}
.checkout-field{
  display:grid;
  gap:6px;
}
.checkout-field label{
  font-size:13px;
  font-weight:850;
}
.checkout-field input,.checkout-field select,.checkout-field textarea{
  width:100%;
  min-height:40px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  padding:9px 10px;
  background:#fff;
  outline:none;
}
.checkout-field input:focus,.checkout-field select:focus,.checkout-field textarea:focus{
  border-color:#9da4af;
  box-shadow:0 0 0 3px rgba(55,73,187,.06);
}
.delivery-options,.payment-options{
  display:grid;
  gap:8px;
}
.delivery-option,.payment-option{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:13px;
  border:1px solid #e2e5e9;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
}
.delivery-option.active,.payment-option.active{
  border-color:#111827;
  box-shadow:0 0 0 1px #111827 inset;
}
.delivery-option input,.payment-option input{
  accent-color:#111827;
}
.delivery-option b,.payment-option b{
  display:block;
  font-size:13px;
}
.delivery-option small,.payment-option small{
  display:block;
  margin-top:2px;
  color:#7d8590;
  font-size:13px;
}
.delivery-option strong,.payment-option strong{
  font-size:13px;
}
.checkout-summary{
  position:sticky;
  top:142px;
  display:grid;
  gap:10px;
}
.checkout-summary-card{
  padding:18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.checkout-summary-card h2{
  margin:0 0 13px;
  font-size:16px;
}
.checkout-mini-item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:9px 0;
  border-top:1px solid #edf0f2;
}
.checkout-mini-item:first-of-type{border-top:0}
.checkout-mini-item img{
  width:56px;height:56px;
  object-fit:contain;
  padding:5px;
  border-radius:7px;
  background:#f7f8fa;
}
.checkout-mini-item b{
  display:block;
  font-size:13px;
  line-height:1.35;
}
.checkout-mini-item small{
  color:#818894;
  font-size:13px;
}
.checkout-mini-item strong{
  color:#e94726;
  font-size:13px;
}
.checkout-secure{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:11px;
  border-radius:8px;
  background:#f0fdf4;
  color:#166534;
  font-size:13px;
  line-height:1.5;
}
.checkout-policy{
  color:#7f8792;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}

@media(max-width:1000px){
  .cart-premium-layout,.checkout-premium-layout{grid-template-columns:1fr}
  .cart-summary-card,.checkout-summary{position:static}
}
@media(max-width:680px){
  .purchase-progress{grid-template-columns:1fr}
  .cart-product{
    grid-template-columns:78px minmax(0,1fr);
    gap:10px;
    padding:13px;
  }
  .cart-product img{width:78px;height:78px}
  .cart-qty{grid-column:2;width:112px}
  .cart-price{grid-column:2;text-align:left}
  .cart-tools{grid-template-columns:1fr}
  .cart-trust{grid-template-columns:1fr}
  .checkout-form-grid{grid-template-columns:1fr}
  .checkout-form-grid .full{grid-column:auto}
  .delivery-option,.payment-option{
    grid-template-columns:22px minmax(0,1fr);
  }
  .delivery-option strong,.payment-option strong{
    grid-column:2;
  }
}

/* ===== V19: premium order confirmation ===== */
.order-success-page{
  padding:28px 0 52px;
}
.order-success-hero{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:15px;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.12),transparent 20%),
    linear-gradient(135deg,#0f172a,#1d2d52 60%,#1c4b46);
  color:#fff;
  box-shadow:0 24px 70px rgba(11,18,32,.14);
}
.order-success-hero:after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  right:-70px;bottom:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,197,94,.18),transparent 68%);
}
.success-badge{
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#22c55e;
  color:#fff;
  font-size:25px;
  font-weight:950;
  box-shadow:0 10px 28px rgba(34,197,94,.25);
}
.order-success-hero h1{
  margin:18px 0 8px;
  font-size:38px;
  letter-spacing:-1.4px;
}
.order-success-hero p{
  max-width:650px;
  margin:0;
  color:#d8e0ea;
  line-height:1.7;
  font-size:13px;
}
.order-success-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.order-success-meta span{
  padding:7px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#eef3f8;
  font-size:13px;
}
.order-success-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.order-success-actions .btn{
  min-height:42px;
}
.order-success-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.order-success-main{
  display:grid;
  gap:12px;
}
.order-card{
  padding:18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.order-card h2{
  margin:0 0 13px;
  font-size:16px;
}
.order-items{
  display:grid;
}
.order-item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid #edf0f2;
}
.order-item:first-child{border-top:0}
.order-item img{
  width:64px;height:64px;
  object-fit:contain;
  padding:6px;
  border-radius:8px;
  background:#f7f8fa;
}
.order-item b{
  display:block;
  font-size:13px;
  line-height:1.4;
}
.order-item small{
  display:block;
  margin-top:3px;
  color:#828a95;
  font-size:13px;
}
.order-item strong{
  color:#e94726;
  font-size:13px;
}
.order-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:6px;
}
.order-timeline:before{
  content:"";
  position:absolute;
  top:18px;
  left:8%;
  right:8%;
  height:2px;
  background:#e6e9ed;
}
.timeline-step{
  position:relative;
  z-index:2;
  text-align:center;
}
.timeline-step i{
  width:36px;height:36px;
  margin:auto;
  display:grid;place-items:center;
  border-radius:50%;
  background:#f1f3f5;
  border:4px solid #fff;
  box-shadow:0 0 0 1px #e3e6ea;
  font-style:normal;
  font-size:13px;
}
.timeline-step.done i{
  background:#22c55e;
  color:#fff;
  box-shadow:0 0 0 1px #22c55e;
}
.timeline-step.active i{
  background:#111827;
  color:#fff;
  box-shadow:0 0 0 1px #111827;
}
.timeline-step b{
  display:block;
  margin-top:7px;
  font-size:13px;
}
.timeline-step small{
  display:block;
  margin-top:2px;
  color:#89909a;
  font-size:13px;
}
.order-summary-side{
  position:sticky;
  top:142px;
  display:grid;
  gap:10px;
}
.order-summary-box{
  padding:18px;
  border:1px solid #e4e7eb;
  border-radius:11px;
  background:#fff;
}
.order-summary-box h3{
  margin:0 0 12px;
  font-size:15px;
}
.order-summary-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  color:#69717d;
  font-size:13px;
}
.order-summary-row.total{
  margin-top:8px;
  padding-top:13px;
  border-top:1px solid #e2e5e9;
  color:#111827;
  font-size:18px;
  font-weight:950;
}
.delivery-address{
  padding:12px;
  border-radius:8px;
  background:#fafbfc;
  border:1px solid #e7eaee;
  color:#69717d;
  font-size:13px;
  line-height:1.6;
}
.support-cta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:13px;
  margin-top:10px;
  border-radius:8px;
  background:#0f172a;
  color:#fff;
}
.support-cta b{
  display:block;
  font-size:13px;
}
.support-cta small{
  display:block;
  margin-top:2px;
  color:#aeb8c7;
  font-size:13px;
}
.support-cta a{
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.post-order-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.post-order-card{
  padding:15px;
  border:1px solid #e4e7eb;
  border-radius:10px;
  background:#fff;
}
.post-order-card b{
  display:block;
  font-size:13px;
}
.post-order-card p{
  margin:5px 0 10px;
  color:#7a828e;
  font-size:13px;
  line-height:1.55;
}
@media(max-width:1000px){
  .order-success-layout{grid-template-columns:1fr}
  .order-summary-side{position:static}
}
@media(max-width:680px){
  .order-success-hero{padding:25px 20px}
  .order-success-hero h1{font-size:31px}
  .order-timeline{grid-template-columns:1fr 1fr}
  .order-timeline:before{display:none}
  .post-order-grid{grid-template-columns:1fr}
  .order-item{grid-template-columns:54px minmax(0,1fr)}
  .order-item img{width:54px;height:54px}
  .order-item strong{grid-column:2}
}

/* ===== V20: premium 404 recovery page ===== */
.error-page{
  padding:34px 0 56px;
}
.error-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:16px;
  align-items:stretch;
}
.error-hero{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:16px;
  padding:44px;
  background:
    radial-gradient(circle at 76% 20%,rgba(91,92,240,.18),transparent 24%),
    radial-gradient(circle at 88% 80%,rgba(239,74,35,.14),transparent 22%),
    linear-gradient(135deg,#0b1220,#121d33 58%,#1e2844);
  color:#fff;
  box-shadow:0 28px 80px rgba(11,18,32,.16);
}
.error-hero:before{
  content:"404";
  position:absolute;
  right:-10px;
  bottom:-48px;
  color:rgba(255,255,255,.045);
  font-size:220px;
  line-height:1;
  font-weight:950;
  letter-spacing:-14px;
}
.error-chip{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#cdd7e4;
  font-size:13px;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.error-code{
  margin-top:48px;
  font-size:82px;
  line-height:.9;
  font-weight:950;
  letter-spacing:-5px;
}
.error-hero h1{
  margin:12px 0 10px;
  max-width:560px;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-1.8px;
}
.error-hero p{
  max-width:560px;
  margin:0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.75;
}
.error-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:24px;
}
.error-actions .btn{
  min-height:42px;
}
.error-side{
  display:grid;
  gap:12px;
}
.error-card{
  padding:20px;
  border:1px solid #e4e7eb;
  border-radius:12px;
  background:#fff;
}
.error-card h2{
  margin:0 0 8px;
  font-size:17px;
}
.error-card p{
  margin:0 0 13px;
  color:#7a828e;
  font-size:13px;
  line-height:1.6;
}
.error-search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.error-search input{
  min-height:40px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  padding:0 11px;
  outline:none;
}
.error-search input:focus{
  border-color:#9ca3af;
  box-shadow:0 0 0 3px rgba(55,73,187,.06);
}
.error-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.error-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #e6e9ed;
  border-radius:8px;
  background:#fafbfc;
  font-size:13px;
  font-weight:850;
  transition:
    transform .3s var(--ease-soft),
    border-color .2s ease,
    box-shadow .3s ease;
}
.error-link:hover{
  transform:translateY(-2px);
  border-color:#cfd4dc;
  box-shadow:0 10px 26px rgba(17,24,39,.06);
}
.error-support{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:15px;
  margin-top:12px;
  border-radius:9px;
  background:#0f172a;
  color:#fff;
}
.error-support small{
  display:block;
  color:#aeb8c7;
  font-size:13px;
}
.error-support b{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.error-support a{
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.error-bottom-note{
  margin-top:16px;
  color:#8a919c;
  font-size:13px;
}
@media(max-width:1000px){
  .error-shell{grid-template-columns:1fr}
  .error-hero{min-height:420px}
}
@media(max-width:680px){
  .error-page{padding-top:18px}
  .error-hero{
    min-height:390px;
    padding:28px 22px;
  }
  .error-code{font-size:68px}
  .error-hero h1{font-size:34px}
  .error-links{grid-template-columns:1fr}
  .error-hero:before{font-size:150px;right:-6px;bottom:-28px}
}

/* ===== V21: premium Featured Category ===== */
.featured-category-section{
  padding-top:44px;
  padding-bottom:42px;
}
.featured-cat-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.section-kicker{
  display:block;
  margin-bottom:6px;
  color:#ef4a23;
  font-size:13px;
  font-weight:950;
  letter-spacing:1px;
}
.featured-cat-head h2{
  margin:0;
  font-size:31px;
  letter-spacing:-1.1px;
}
.featured-cat-head p{
  margin:6px 0 0;
  color:#78808c;
  font-size:13px;
}
.featured-cat-all{
  flex:0 0 auto;
  padding:9px 11px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  color:#333a45;
  font-size:13px;
  font-weight:900;
  transition:background .22s ease,border-color .22s ease,transform .3s var(--ease-soft);
}
.featured-cat-all:hover{
  transform:translateY(-1px);
  border-color:#bec5ce;
  background:#fafbfc;
}
.featured-cat-layout{
  display:grid;
  grid-template-columns:1.05fr 2.2fr;
  gap:12px;
}
.featured-cat-lead{
  position:relative;
  min-height:314px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:27px;
  border-radius:13px;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.12),transparent 20%),
    linear-gradient(145deg,#111827,#1d2a43 70%,#283a62);
  color:#fff;
  box-shadow:0 18px 46px rgba(17,24,39,.10);
  transition:transform .42s var(--ease-soft),box-shadow .42s var(--ease-soft);
}
.featured-cat-lead:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 56px rgba(17,24,39,.15);
}
.featured-cat-lead-copy{
  position:relative;
  z-index:2;
  max-width:310px;
}
.featured-pill{
  display:inline-flex;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#d9e2ef;
  font-size:13px;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.featured-cat-lead h3{
  margin:15px 0 8px;
  font-size:29px;
  line-height:1.02;
  letter-spacing:-1.1px;
}
.featured-cat-lead p{
  margin:0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.65;
}
.featured-text-link{
  display:inline-block;
  margin-top:16px;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.featured-cat-lead-icon{
  position:absolute;
  width:148px;
  height:148px;
  right:24px;
  bottom:16px;
  display:grid;
  place-items:center;
  border-radius:36px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.08);
  transform:rotate(-5deg);
}
.featured-cat-lead-icon svg{
  width:78px;
  height:78px;
  fill:none;
  stroke:#fff;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.94;
}
.featured-cat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.premium-cat-tile{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:13px;
  padding:15px;
  border:1px solid #e3e6ea;
  border-radius:11px;
  background:#fff;
  transition:
    transform .38s var(--ease-soft),
    box-shadow .38s var(--ease-soft),
    border-color .25s ease,
    background .25s ease;
}
.premium-cat-tile:hover{
  transform:translateY(-4px);
  border-color:#cfd4dc;
  background:#fbfcfd;
  box-shadow:0 16px 38px rgba(17,24,39,.075);
}
.premium-cat-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f3f5f7;
  color:#111827;
  transition:background .28s ease,color .28s ease,transform .4s var(--ease-soft);
}
.premium-cat-tile:hover .premium-cat-icon{
  background:#111827;
  color:#fff;
  transform:translateY(-2px);
}
.premium-cat-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.premium-cat-copy b{
  display:block;
  color:#222832;
  font-size:13px;
  line-height:1.3;
}
.premium-cat-copy small{
  display:block;
  margin-top:3px;
  color:#8a919c;
  font-size:13px;
  line-height:1.35;
}
@media(max-width:1100px){
  .featured-cat-layout{grid-template-columns:1fr}
  .featured-cat-lead{min-height:250px}
  .featured-cat-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:800px){
  .featured-cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .featured-cat-head{display:block}
  .featured-cat-all{display:inline-flex;margin-top:12px}
  .featured-cat-lead{
    min-height:220px;
    padding:22px;
  }
  .featured-cat-lead h3{font-size:25px}
  .featured-cat-lead-icon{
    width:105px;height:105px;
    right:16px;bottom:14px;
  }
  .featured-cat-lead-icon svg{width:54px;height:54px}
  .featured-cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .premium-cat-tile{
    min-height:128px;
    padding:13px;
  }
}

/* ===== V22: spacing/alignment cleanup + delivery zones ===== */

/* 404 hero secondary CTA was white-on-white because generic .btn text inherited white */
.error-actions .error-secondary-btn{
  background:#fff!important;
  border-color:#fff!important;
  color:#111827!important;
  box-shadow:0 5px 16px rgba(0,0,0,.08);
}
.error-actions .error-secondary-btn:hover{
  background:#f3f5f7!important;
  border-color:#f3f5f7!important;
  color:#111827!important;
}
.error-actions{
  align-items:center;
}
.error-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  padding-left:16px;
  padding-right:16px;
}

/* cart micro-spacing */
.cart-page{
  padding-top:22px!important;
}
.cart-page .breadcrumb,
.checkout-page .breadcrumb,
.order-success-page .breadcrumb,
.error-page .breadcrumb{
  margin-bottom:15px;
}
.purchase-progress{
  margin-top:0!important;
  margin-bottom:18px!important;
}
.cart-premium-layout{
  gap:16px!important;
}
.cart-main{
  gap:12px!important;
}
.cart-header-card{
  min-height:82px;
  padding:17px 18px!important;
}
.cart-header-card .btn{
  flex:0 0 auto;
  min-height:42px;
  padding-left:15px;
  padding-right:15px;
}
.cart-product{
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.cart-product h3{
  margin-bottom:7px!important;
}
.cart-product-meta{
  margin-bottom:1px;
}
.cart-stock{
  margin-top:8px!important;
}
.cart-tools{
  gap:12px!important;
}
.cart-tool-card{
  min-height:120px;
  padding:16px!important;
}
.cart-tool-card h3{
  margin-bottom:5px!important;
}
.cart-tool-card p{
  min-height:31px;
  margin-bottom:10px!important;
}
.coupon-row{
  align-items:stretch;
}
.coupon-row .btn{
  min-width:72px;
}

/* delivery estimate: Inside/Outside Dhaka */
.delivery-zone-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.delivery-zone{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  min-height:48px;
  padding:8px 9px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.delivery-zone:hover{
  border-color:#c7cdd5;
}
.delivery-zone.active{
  border-color:#111827;
  box-shadow:0 0 0 1px #111827 inset;
  background:#fafbfc;
}
.delivery-zone input{
  margin:0;
  accent-color:#111827;
}
.delivery-zone b{
  display:block;
  font-size:13px;
  line-height:1.2;
}
.delivery-zone small{
  display:block;
  margin-top:2px;
  color:#89909b;
  font-size:13px;
  white-space:nowrap;
}
.delivery-zone strong{
  font-size:13px;
  white-space:nowrap;
}

/* summary spacing consistency */
.cart-summary-card{
  padding:18px!important;
}
.cart-summary-card h2{
  margin-bottom:13px!important;
}
.summary-line{
  min-height:31px;
  align-items:center;
  padding:6px 0!important;
}
.summary-line.total{
  min-height:auto;
  margin-top:7px!important;
  padding-top:13px!important;
}
.summary-note{
  margin-top:11px!important;
  padding:11px!important;
}
.summary-actions{
  margin-top:11px!important;
  gap:7px!important;
}
.cart-trust{
  margin-top:11px!important;
  gap:6px!important;
}
.cart-trust div{
  min-height:51px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* checkout micro-spacing */
.checkout-main{
  gap:12px!important;
}
.checkout-section{
  padding:18px!important;
}
.checkout-section-head{
  margin-bottom:13px!important;
}
.checkout-form-grid{
  gap:11px!important;
}
.delivery-options,.payment-options{
  gap:8px!important;
}
.delivery-option,.payment-option{
  min-height:64px;
}

/* 404 card vertical rhythm */
.error-card{
  padding:20px!important;
}
.error-card h2{
  margin-bottom:6px!important;
}
.error-card p{
  margin-bottom:12px!important;
}
.error-links{
  gap:8px!important;
  margin-top:12px!important;
}
.error-support{
  margin-top:12px!important;
}
.error-bottom-note{
  margin-top:13px!important;
}

@media(max-width:680px){
  .delivery-zone-options{
    grid-template-columns:1fr;
  }
  .cart-tool-card p{
    min-height:0;
  }
  .error-actions .btn{
    min-width:0;
    flex:1 1 130px;
  }
}

/* ===== V23: PDP specification readability ===== */
/* Slight 1–2px increase only for the specification area */
.spec-section h2,
#specification h2{
  font-size:26px!important;
}
.spec-section > p,
#specification > p{
  font-size:13px!important;
}
.spec-tabs button,
.spec-tabs a,
#specification .spec-tabs button,
#specification .spec-tabs a{
  font-size:13px!important;
}
.spec-table,
#specification table{
  font-size:13px!important;
}
.spec-table th,
.spec-table td,
#specification table th,
#specification table td{
  font-size:13px!important;
  line-height:1.5!important;
}
.spec-table .spec-group,
#specification table th[colspan]{
  font-size:13px!important;
}

/* V24 global readability: no UI text below 13px */
body *{font-size:max(13px,1em)}
small,label,input,select,textarea,button,.btn,a,p,span,b,strong,td,th,li{font-size:max(13px,1em)}
.top,.quick small,.menurow>a,.menurow>.nav-item>a,.breadcrumb,.section-kicker,
.premium-cat-copy small,.featured-pill,.featured-text-link,.cart-header-card p,
.cart-product-meta,.cart-stock,.cart-remove,.cart-tool-card p,.summary-line,.summary-note,
.cart-trust b,.cart-trust small,.checkout-section-head small,.checkout-field label,
.delivery-option b,.delivery-option small,.delivery-option strong,.payment-option b,
.payment-option small,.payment-option strong,.checkout-mini-item b,.checkout-mini-item small,
.checkout-mini-item strong,.checkout-secure,.checkout-policy,.order-success-meta span,
.order-item b,.order-item small,.order-item strong,.timeline-step b,.timeline-step small,
.order-summary-row,.delivery-address,.support-cta b,.support-cta small,.support-cta a,
.error-chip,.error-hero p,.error-card p,.error-link,.error-support small,.error-support b,
.error-support a,.error-bottom-note,.builder-topbar p,.builder-hide,.builder-metric span,
.builder-label b,.builder-label small,.builder-selected.empty,.selected-product strong,
.selected-product small,.choose-part,.builder-check,.builder-total-row,.builder-dialog-head p,
.builder-product h4,.builder-product ul,.spec-tabs button,.spec-tabs a,.spec-table,
.spec-table th,.spec-table td{font-size:13px!important}

/* room for the larger minimum typography */
.top{min-height:34px}.menurow{min-height:52px}
.quick small,.menurow>a,.menurow>.nav-item>a{line-height:1.3}
.cart-tool-card{min-height:146px}.cart-tool-card p{min-height:42px;line-height:1.5}
.cart-trust div{min-height:70px}.cart-trust small{margin-top:4px;line-height:1.3}
.summary-note,.error-card p,.error-hero p{line-height:1.6}
.spec-table th,.spec-table td,#specification table th,#specification table td{font-size:13px!important;line-height:1.55!important}

/* cleaner delivery estimate */
.delivery-area-picker{border:1px solid #e1e5ea;border-radius:9px;overflow:hidden;background:#fff}
.delivery-area-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:#f3f5f7}
.delivery-area-tab{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border-radius:6px;color:#69717d;font-weight:850;cursor:pointer;transition:.2s ease}
.delivery-area-tab input{position:absolute;opacity:0;pointer-events:none}
.delivery-area-tab.active{background:#fff;color:#111827;box-shadow:0 1px 5px rgba(17,24,39,.09)}
.delivery-area-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-top:1px solid #edf0f2}
.delivery-area-result small{display:block;color:#7d8590;font-size:13px!important}
.delivery-area-result b{display:block;margin-top:3px;color:#202630;font-size:13px!important}
.delivery-area-charge{text-align:right}.delivery-area-charge b{color:#e94726;font-size:14px!important}
@media(max-width:680px){.cart-tool-card p{min-height:0}}

/* ===== V25: verified 13px minimum + rebuilt delivery estimate ===== */

/* Delivery estimate is now a fresh component, not the old stacked result UI */
.delivery-estimate-card{
  min-height:0!important;
  padding:16px!important;
}
.delivery-estimate-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.delivery-estimate-heading h3{
  margin:0 0 5px!important;
  font-size:14px!important;
}
.delivery-estimate-heading p{
  min-height:0!important;
  margin:0!important;
  color:#7c8490;
  font-size:13px!important;
  line-height:1.45;
}
.delivery-location-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid #e2e5e9;
  border-radius:999px;
  background:#f7f8fa;
  color:#667085;
  font-size:13px!important;
  font-weight:800;
}
.delivery-choice-group{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.delivery-choice{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:66px;
  padding:11px 12px;
  border:1px solid #e0e4e9;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  transition:
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .28s ease,
    transform .32s var(--ease-soft);
}
.delivery-choice:hover{
  transform:translateY(-1px);
  border-color:#c6ccd4;
  box-shadow:0 7px 20px rgba(17,24,39,.045);
}
.delivery-choice.active{
  border-color:#111827;
  background:#fafbfc;
  box-shadow:0 0 0 1px #111827 inset;
}
.delivery-choice input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#111827;
}
.delivery-choice-main{
  min-width:0;
}
.delivery-choice-main b{
  display:block;
  margin:0;
  color:#202630;
  font-size:13px!important;
  line-height:1.3;
}
.delivery-choice-main small{
  display:block;
  margin-top:4px;
  color:#7d8590;
  font-size:13px!important;
  line-height:1.35;
}
.delivery-choice strong{
  align-self:center;
  color:#e94726;
  font-size:14px!important;
  white-space:nowrap;
}

/* Disable legacy delivery components so they can never leak into layout */
.delivery-zone-options,
.delivery-area-picker{
  display:none!important;
}

/* Small rhythm cleanup after enforcing 13px minimum */
.quick{
  min-height:48px;
}
.quick b,
.quick small{
  line-height:1.25!important;
}
.menurow > a,
.menurow > .nav-item > a{
  min-height:52px;
  line-height:1.25!important;
}
.premium-cat-tile{
  min-height:156px;
}
.premium-cat-copy small{
  margin-top:5px;
}
.cart-product-meta{
  row-gap:5px;
}
.cart-stock{
  margin-top:9px!important;
}
.cart-remove{
  margin-top:9px!important;
}
.summary-line{
  line-height:1.35;
}
.cart-trust b,
.cart-trust small{
  line-height:1.3!important;
}
.checkout-mini-item b,
.checkout-mini-item small{
  line-height:1.35!important;
}
.builder-label small,
.selected-product small,
.builder-check,
.builder-product ul{
  line-height:1.4!important;
}

@media(max-width:680px){
  .delivery-choice-group{
    grid-template-columns:1fr;
  }
  .delivery-location-badge{
    display:none;
  }
}

/* ===== V26: stacked delivery + premium reassurance list ===== */

.delivery-choice-group.delivery-choice-vertical{
  grid-template-columns:1fr!important;
  gap:8px;
}
.delivery-choice-vertical .delivery-choice{
  min-height:62px;
}
.delivery-choice-vertical .delivery-choice:hover{
  transform:none;
  background:#fafbfc;
}
.delivery-choice-vertical .delivery-choice.active{
  background:#f8fafc;
}

/* Replace old boxed trust tiles with a cleaner list */
.cart-trust{
  display:none!important;
}
.cart-assurance-list{
  margin-top:14px;
  border-top:1px solid #e7eaee;
}
.cart-assurance-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #eef0f2;
}
.cart-assurance-item:last-child{
  border-bottom:0;
  padding-bottom:2px;
}
.cart-assurance-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f3f5f7;
  color:#111827;
  font-size:13px!important;
  font-weight:900;
}
.cart-assurance-item b{
  display:block;
  color:#202630;
  font-size:13px!important;
  line-height:1.3;
}
.cart-assurance-item small{
  display:block;
  margin-top:3px;
  color:#7d8590;
  font-size:13px!important;
  line-height:1.4;
}
.cart-assurance-item a{
  color:#3749bb;
  font-size:13px!important;
  font-weight:900;
  white-space:nowrap;
}

/* tighten summary card slightly after trust redesign */
.cart-summary-card{
  padding-bottom:16px!important;
}
.summary-actions{
  margin-bottom:2px!important;
}

@media(max-width:680px){
  .cart-assurance-item{
    grid-template-columns:30px minmax(0,1fr);
  }
  .cart-assurance-item a{
    grid-column:2;
    justify-self:start;
    margin-top:2px;
  }
}

/* ===== V27: order success CTA + total emphasis ===== */

/* Explicit hero button treatments prevent inherited white text disappearing */
.order-success-actions .order-hero-secondary{
  background:#fff!important;
  border-color:#fff!important;
  color:#111827!important;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.order-success-actions .order-hero-secondary:hover{
  background:#f3f5f7!important;
  border-color:#f3f5f7!important;
  color:#111827!important;
  transform:translateY(-1px);
}
.order-success-actions .btn{
  padding-left:16px;
  padding-right:16px;
}

/* Make the final payable amount the visual anchor of Payment Summary */
.order-total-focus{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:11px;
  padding:14px 14px;
  border:1px solid #dfe4ea;
  border-radius:9px;
  background:#f7f9fb;
}
.order-total-focus small{
  display:block;
  color:#667085;
  font-size:13px!important;
  font-weight:850;
  line-height:1.3;
}
.order-total-focus span{
  display:block;
  margin-top:3px;
  color:#8a919c;
  font-size:13px!important;
  line-height:1.3;
}
.order-total-focus strong{
  color:#e94726;
  font-size:22px!important;
  line-height:1;
  letter-spacing:-.5px;
  white-space:nowrap;
}
.order-summary-box .order-summary-row{
  min-height:31px;
  align-items:center;
}

/* ===== V28: premium PC Builder buttons ===== */

/* Choose buttons */
.choose-part{
  min-width:96px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid #d7dce3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202630!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 1px 2px rgba(17,24,39,.02);
  transition:
    transform .28s var(--ease-soft),
    border-color .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .28s ease!important;
}
.choose-plus{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f1f3f5;
  color:#111827;
  font-size:14px!important;
  line-height:1;
  transition:background .22s ease,color .22s ease;
}
.choose-part:hover{
  transform:translateY(-1px);
  border-color:#111827!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(17,24,39,.10);
}
.choose-part:hover .choose-plus{
  background:#fff;
  color:#111827;
}

/* Sidebar action hierarchy */
.builder-actions{
  grid-template-columns:.9fr 1.35fr!important;
  gap:8px!important;
}
.builder-action{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border-radius:9px;
  font-size:13px!important;
  font-weight:900;
  cursor:pointer;
  transition:
    transform .28s var(--ease-soft),
    box-shadow .28s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease;
}
.builder-action span{
  font-size:14px!important;
}
.builder-reset{
  border:1px solid #dfe3e8;
  background:#fff;
  color:#303743;
}
.builder-reset:hover{
  transform:translateY(-1px);
  border-color:#bfc6cf;
  background:#f7f8fa;
}
.builder-cart{
  border:1px solid #111827;
  background:#111827;
  color:#fff;
  box-shadow:0 8px 20px rgba(17,24,39,.10);
}
.builder-cart:hover:not([disabled]){
  transform:translateY(-1px);
  background:#000;
  border-color:#000;
  box-shadow:0 12px 26px rgba(17,24,39,.15);
}
.builder-cart[disabled]{
  opacity:1!important;
  background:#f3f4f6!important;
  border-color:#e1e4e8!important;
  color:#9ca3af!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}
.builder-cart[disabled] span{
  opacity:.7;
}

/* Save/share as tertiary full-width action */
.builder-share{
  width:100%;
  min-height:42px;
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #dfe3e8;
  border-radius:9px;
  background:#fff;
  color:#374151;
  font-size:13px!important;
  font-weight:900;
  cursor:pointer;
  transition:
    background .22s ease,
    border-color .22s ease,
    transform .28s var(--ease-soft),
    box-shadow .28s ease;
}
.builder-share:hover{
  transform:translateY(-1px);
  border-color:#c9cfd7;
  background:#f8f9fb;
  box-shadow:0 7px 18px rgba(17,24,39,.045);
}
.builder-share span{
  font-size:14px!important;
}

/* Sidebar spacing cleanup */
.builder-card{
  padding:17px!important;
}
.builder-card h3{
  margin-bottom:13px!important;
}
.builder-total-main{
  margin-top:11px!important;
  padding-top:13px!important;
}
.builder-actions{
  margin-top:14px!important;
}

/* Modal add buttons */
.builder-product-price .btn.primary{
  min-width:76px;
  min-height:38px;
  border-radius:8px;
  background:#111827;
  border-color:#111827;
}
.builder-product-price .btn.primary:hover{
  background:#000;
  border-color:#000;
}

@media(max-width:680px){
  .choose-part{
    min-width:86px!important;
    padding:0 10px!important;
  }
  .builder-actions{
    grid-template-columns:1fr!important;
  }
}

/* ===== V29: completely new Featured Categories ===== */
.featured-category-v29{
  padding:44px 0 42px;
}
.featured-v29-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.featured-v29-kicker{
  display:block;
  margin-bottom:6px;
  color:#ef4a23;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.7px;
}
.featured-v29-head h2{
  margin:0;
  font-size:30px!important;
  letter-spacing:-1px;
}
.featured-v29-head p{
  margin:6px 0 0;
  color:#707887;
  font-size:13px!important;
  line-height:1.5;
}
.featured-v29-all{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 13px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  color:#202630;
  font-size:13px!important;
  font-weight:850;
  transition:transform .28s var(--ease-soft),border-color .2s ease,box-shadow .28s ease;
}
.featured-v29-all:hover{
  transform:translateY(-1px);
  border-color:#bcc4ce;
  box-shadow:0 8px 20px rgba(17,24,39,.05);
}
.featured-v29-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.featured-v29-card{
  position:relative;
  min-width:0;
  min-height:86px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #e2e6ea;
  border-radius:10px;
  background:#fff;
  transition:
    transform .34s var(--ease-soft),
    border-color .24s ease,
    background .24s ease,
    box-shadow .34s var(--ease-soft);
}
.featured-v29-card:hover{
  transform:translateY(-3px);
  border-color:#cbd1d9;
  background:#fbfcfd;
  box-shadow:0 14px 34px rgba(17,24,39,.065);
}
.featured-v29-primary{
  grid-column:span 2;
  grid-template-columns:54px minmax(0,1fr) auto;
  background:linear-gradient(135deg,#111827,#22304f);
  border-color:#111827;
  color:#fff;
}
.featured-v29-primary:hover{
  background:linear-gradient(135deg,#0c111b,#1c2945);
  border-color:#111827;
  box-shadow:0 18px 40px rgba(17,24,39,.13);
}
.featured-v29-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f1f3f5;
  color:#111827;
  transition:background .25s ease,color .25s ease,transform .32s var(--ease-soft);
}
.featured-v29-primary .featured-v29-icon{
  width:54px;
  height:54px;
  background:rgba(255,255,255,.10);
  color:#fff;
}
.featured-v29-card:hover .featured-v29-icon{
  transform:translateY(-1px);
  background:#111827;
  color:#fff;
}
.featured-v29-primary:hover .featured-v29-icon{
  background:rgba(255,255,255,.14);
}
.featured-v29-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.featured-v29-copy{
  min-width:0;
}
.featured-v29-copy b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#202630;
  font-size:14px!important;
  line-height:1.3;
}
.featured-v29-copy small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#858d99;
  font-size:13px!important;
  line-height:1.3;
}
.featured-v29-primary .featured-v29-copy b{
  color:#fff;
  font-size:16px!important;
}
.featured-v29-primary .featured-v29-copy small{
  color:#bdc7d5;
}
.featured-v29-arrow{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:14px!important;
}
@media(max-width:1050px){
  .featured-v29-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .featured-v29-primary{grid-column:span 2}
}
@media(max-width:760px){
  .featured-v29-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-v29-primary{grid-column:span 2}
}
@media(max-width:520px){
  .featured-v29-head{display:block}
  .featured-v29-all{margin-top:12px}
  .featured-v29-card{
    min-height:80px;
    grid-template-columns:42px minmax(0,1fr);
    padding:12px;
  }
  .featured-v29-primary{
    grid-template-columns:46px minmax(0,1fr) auto;
  }
  .featured-v29-icon{width:42px;height:42px}
  .featured-v29-primary .featured-v29-icon{width:46px;height:46px}
}

/* ===== All Categories page ===== */
.allcat-page{padding:24px 0 48px}
.allcat-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding:26px;
  margin-bottom:16px;
  border-radius:13px;
  background:linear-gradient(135deg,#111827,#25324e);
  color:#fff;
}
.allcat-hero h1{margin:0;font-size:32px!important;letter-spacing:-1px}
.allcat-hero p{margin:7px 0 0;max-width:640px;color:#cbd5e1;font-size:13px!important;line-height:1.55}
.allcat-search{
  min-width:300px;
  min-height:42px;
  border:0;
  border-radius:8px;
  padding:0 12px;
  font-size:13px!important;
}
.allcat-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.allcat-group{
  padding:18px;
  border:1px solid #e2e6ea;
  border-radius:11px;
  background:#fff;
}
.allcat-group h2{
  margin:0 0 13px;
  font-size:18px!important;
}
.allcat-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.allcat-link{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 11px;
  border:1px solid #e8ebef;
  border-radius:8px;
  background:#fafbfc;
  transition:transform .25s var(--ease-soft),border-color .2s ease,background .2s ease;
}
.allcat-link:hover{
  transform:translateY(-1px);
  border-color:#cbd1d9;
  background:#fff;
}
.allcat-link span:first-child{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:7px;background:#eef1f4;color:#111827;font-size:13px!important;font-weight:900;
}
.allcat-link b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px!important;
}
@media(max-width:800px){
  .allcat-hero{display:block}
  .allcat-search{min-width:0;width:100%;margin-top:14px}
  .allcat-groups{grid-template-columns:1fr}
}
@media(max-width:520px){
  .allcat-links{grid-template-columns:1fr}
}

/* ===== V30 Contact Page ===== */
.contact-page-v30{padding:24px 0 48px}
.contact-hero-v30{
  display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;
  padding:32px;margin-bottom:14px;border-radius:14px;
  background:linear-gradient(135deg,#111827,#21304f 68%,#294b57);color:#fff;
}
.contact-kicker-v30,.contact-section-head span,.contact-info-label{
  display:block;color:#ff8b6c;font-size:13px!important;font-weight:900;letter-spacing:.7px;
}
.contact-hero-v30 h1{max-width:740px;margin:8px 0 9px;font-size:38px!important;line-height:1.05;letter-spacing:-1.5px}
.contact-hero-v30 p{max-width:680px;margin:0;color:#cbd5e1;font-size:13px!important;line-height:1.65}
.contact-hero-status{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.07)}
.contact-hero-status span,.contact-hero-status small{display:block;color:#bfc9d8;font-size:13px!important}
.contact-hero-status strong{display:block;margin:5px 0;font-size:20px!important}
.contact-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.contact-quick-card{
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;
  padding:15px;border:1px solid #e2e6ea;border-radius:10px;background:#fff;
  transition:transform .3s var(--ease-soft),box-shadow .3s ease,border-color .22s ease;
}
.contact-quick-card:hover{transform:translateY(-2px);border-color:#cbd1d9;box-shadow:0 12px 28px rgba(17,24,39,.06)}
.contact-quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#f1f3f5;color:#111827;font-weight:900}
.contact-quick-card small{display:block;color:#7d8590;font-size:13px!important}
.contact-quick-card strong{display:block;margin:3px 0;color:#202630;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-quick-card p{margin:0;color:#89909b;font-size:13px!important;line-height:1.35}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px;align-items:start}
.contact-form-card,.contact-info-card,.contact-outlet-card{
  border:1px solid #e2e6ea;border-radius:11px;background:#fff;
}
.contact-form-card{padding:20px}
.contact-section-head{margin-bottom:16px}
.contact-section-head h2{margin:5px 0 5px;font-size:22px!important;letter-spacing:-.5px}
.contact-section-head p{margin:0;color:#7a828e;font-size:13px!important;line-height:1.5}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.contact-form-grid .full{grid-column:1/-1}
.contact-form-grid label{display:grid;gap:6px}
.contact-form-grid label>span{color:#303743;font-size:13px!important;font-weight:850}
.contact-form-grid em{color:#9299a3;font-size:13px!important;font-style:normal;font-weight:400}
.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{
  width:100%;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:11px 12px;outline:none;font-size:13px!important;
}
.contact-form-grid input,.contact-form-grid select{min-height:42px}
.contact-form-grid textarea{resize:vertical;line-height:1.5}
.contact-form-grid input:focus,.contact-form-grid select:focus,.contact-form-grid textarea:focus{
  border-color:#9da4af;box-shadow:0 0 0 3px rgba(55,73,187,.06)
}
.contact-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f2}
.contact-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;color:#707887;font-size:13px!important}
.contact-consent input{width:16px;height:16px}
.contact-submit{min-width:145px;min-height:44px}
.contact-side-v30{display:grid;gap:10px}
.contact-info-card{padding:17px}
.contact-info-card h3{margin:6px 0 7px;font-size:17px!important}
.contact-info-card p{margin:0 0 12px;color:#727a86;font-size:13px!important;line-height:1.55}
.contact-info-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf0f2;font-size:13px!important}
.contact-info-row span{color:#838b96}.contact-info-row b{text-align:right}
.contact-dark-card{background:#111827;color:#fff;border-color:#111827}
.contact-dark-card p{color:#bdc7d5}.contact-dark-card .contact-info-label{color:#ff9a80}
.contact-side-link{display:inline-flex;color:#fff!important;font-size:13px!important;font-weight:900}
.contact-outlets-v30{margin-top:16px}
.outlets-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.contact-city-filter{min-width:170px;min-height:40px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:0 10px;font-size:13px!important}
.contact-outlet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.contact-outlet-card{padding:16px}
.outlet-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.outlet-top h3{margin:0;font-size:15px!important}
.outlet-top span{padding:4px 7px;border-radius:999px;background:#f1f3f5;color:#6f7783;font-size:13px!important}
.contact-outlet-card>p{min-height:42px;margin:10px 0;color:#737b87;font-size:13px!important;line-height:1.5}
.outlet-detail{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf0f2;font-size:13px!important}
.outlet-detail span{color:#858d98}
.outlet-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.contact-help-strip{
  display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:17px 18px;
  border-radius:11px;background:#f8fafc;border:1px solid #e2e6ea
}
.contact-help-strip b{font-size:14px!important}.contact-help-strip p{margin:4px 0 0;color:#737b87;font-size:13px!important}
@media(max-width:1000px){
  .contact-quick-grid{grid-template-columns:repeat(2,1fr)}
  .contact-main-grid{grid-template-columns:1fr}
  .contact-outlet-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .contact-hero-v30{grid-template-columns:1fr;padding:24px 20px}
  .contact-hero-v30 h1{font-size:31px!important}
  .contact-quick-grid{grid-template-columns:1fr}
  .contact-form-grid{grid-template-columns:1fr}.contact-form-grid .full{grid-column:auto}
  .contact-form-footer{display:block}.contact-submit{width:100%;margin-top:12px}
  .outlets-head{display:block}.contact-city-filter{width:100%;margin-top:12px}
  .contact-outlet-grid{grid-template-columns:1fr}
  .contact-help-strip{display:block}.contact-help-strip .btn{margin-top:12px}
}

/* ===== V31 footer redesign ===== */
.footer-v31{
  margin-top:48px;
  padding:0!important;
  background:#081622!important;
  color:#d9e1ea;
  border-top:1px solid rgba(255,255,255,.04);
}
.footer-v31-wrap{
  padding-top:34px;
  padding-bottom:18px;
}
.footer-v31-main{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 290px;
  gap:42px;
  align-items:start;
  padding-bottom:30px;
}
.footer-v31 h4{
  margin:0 0 20px;
  color:#fff;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:3px;
}
.footer-support-col{
  display:grid;
  align-content:start;
  gap:14px;
}
.footer-support-pill{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  min-height:70px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.01);
  transition:border-color .25s ease,background .25s ease,transform .3s var(--ease-soft);
}
.footer-support-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.035);
}
.footer-support-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:18px!important;
}
.footer-support-copy{
  padding-left:12px;
}
.footer-support-copy small{
  display:block;
  color:#93a2b4;
  font-size:13px!important;
  line-height:1.25;
}
.footer-support-copy strong{
  display:block;
  margin-top:4px;
  color:#ff5a38;
  font-size:18px!important;
  line-height:1.15;
}
.footer-links-col{
  min-width:0;
}
.footer-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 26px;
}
.footer-link-grid a{
  color:#9aa8b8;
  font-size:13px!important;
  line-height:1.4;
  transition:color .2s ease;
}
.footer-link-grid a:hover{
  color:#fff;
}
.footer-connect-col strong{
  display:block;
  color:#fff;
  font-size:14px!important;
}
.footer-connect-col p{
  margin:11px 0 14px;
  color:#9aa8b8;
  font-size:13px!important;
  line-height:1.65;
}
.footer-email-label{
  display:block;
  color:#9aa8b8;
  font-size:13px!important;
  font-weight:850;
}
.footer-email{
  display:inline-block;
  margin-top:5px;
  color:#ff5a38!important;
  font-size:13px!important;
}
.footer-v31-middle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-apps{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.footer-apps>span{
  color:#93a2b4;
  font-size:13px!important;
}
.app-badge{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  color:#fff;
  background:rgba(255,255,255,.015);
}
.app-badge-icon{
  width:24px;height:24px;
  display:grid;place-items:center;
  font-size:15px!important;
}
.app-badge small{
  display:block;
  color:#a8b4c2;
  font-size:13px!important;
  line-height:1.1;
}
.app-badge strong{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:13px!important;
  line-height:1.1;
}
.footer-socials{
  display:flex;
  gap:9px;
  flex:0 0 auto;
}
.footer-socials a{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1d2b38;
  color:#fff;
  font-size:15px!important;
  font-weight:900;
  transition:transform .25s var(--ease-soft),background .2s ease;
}
.footer-socials a:hover{
  transform:translateY(-2px);
  background:#293b4b;
}
.footer-v31-bottom{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-top:16px;
  color:#8d9aaa;
}
.footer-v31-bottom span{
  font-size:13px!important;
}
@media(max-width:1050px){
  .footer-v31-main{
    grid-template-columns:240px minmax(0,1fr);
  }
  .footer-connect-col{
    grid-column:1/-1;
    padding-top:6px;
  }
}
@media(max-width:760px){
  .footer-v31-main{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-connect-col{
    grid-column:auto;
  }
  .footer-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-v31-middle{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-v31-bottom{
    flex-direction:column;
    gap:6px;
  }
}
@media(max-width:480px){
  .footer-link-grid{
    grid-template-columns:1fr;
  }
  .footer-socials{
    width:100%;
  }
}

/* ===== V32: Featured category equal card sizing ===== */
.featured-v29-primary{
  grid-column:span 1!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  min-height:86px!important;
  padding:14px!important;
}
.featured-v29-primary .featured-v29-icon{
  width:46px!important;
  height:46px!important;
}
.featured-v29-primary .featured-v29-copy b{
  font-size:14px!important;
}
.featured-v29-primary .featured-v29-arrow{
  display:none!important;
}
@media(max-width:760px){
  .featured-v29-primary{
    grid-column:span 1!important;
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .featured-v29-primary .featured-v29-icon{
    width:42px!important;
    height:42px!important;
  }
}

/* ===== V33: footer repair + floating compare/cart dock ===== */

/* Footer repair: compact reference-like proportions */
.footer-v31{
  margin-top:42px!important;
  background:#081622!important;
  color:#d9e1ea!important;
}
.footer-v31-wrap{
  padding-top:30px!important;
  padding-bottom:14px!important;
}
.footer-v31-main{
  grid-template-columns:250px minmax(0,1fr) 270px!important;
  gap:36px!important;
  padding-bottom:24px!important;
  align-items:start!important;
}
.footer-v31 h4{
  margin-bottom:18px!important;
}
.footer-support-col{
  gap:12px!important;
}
.footer-support-pill{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  min-height:68px!important;
  height:auto!important;
  padding:10px 14px!important;
  border-radius:999px!important;
}
.footer-support-icon{
  width:32px!important;
  height:32px!important;
  border-right:1px solid rgba(255,255,255,.15)!important;
}
.footer-support-copy{
  padding-left:12px!important;
}
.footer-support-copy small{
  margin:0!important;
  line-height:1.2!important;
}
.footer-support-copy strong{
  margin-top:4px!important;
  font-size:17px!important;
}
.footer-link-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px 24px!important;
}
.footer-link-grid a{
  line-height:1.35!important;
}
.footer-connect-col p{
  margin:9px 0 12px!important;
  line-height:1.55!important;
}
.footer-v31-middle{
  padding:13px 0!important;
  min-height:66px!important;
}
.footer-apps{
  gap:10px!important;
}
.app-badge{
  min-height:40px!important;
  padding:5px 9px!important;
}
.footer-socials a{
  width:38px!important;
  height:38px!important;
}
.footer-v31-bottom{
  padding-top:14px!important;
  padding-bottom:0!important;
  min-height:32px!important;
  align-items:center!important;
}

/* Kill legacy footer styles that were stretching the new footer */
.footer-v31 .footer-grid,
.footer-v31 .footgrid,
.footer-v31 .footer-col{
  min-height:0!important;
  height:auto!important;
}
.footer-v31 section,
.footer-v31 div{
  max-height:none;
}

/* Floating utility dock */
.floating-commerce-dock{
  position:fixed;
  right:18px;
  top:50%;
  z-index:180;
  transform:translateY(-50%);
  display:grid;
  gap:8px;
}
.floating-commerce-btn{
  position:relative;
  width:64px;
  min-height:62px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  background:#0b1623;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(7,12,18,.24);
  transition:
    transform .26s var(--ease-soft),
    background .22s ease,
    box-shadow .26s ease;
}
.floating-commerce-btn:hover{
  transform:translateX(-3px);
  background:#111f2e;
  box-shadow:0 12px 28px rgba(7,12,18,.28);
}
.floating-commerce-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:20px!important;
  line-height:1;
}
.floating-commerce-btn b{
  color:#fff;
  font-size:13px!important;
  line-height:1;
  font-weight:900;
}
.floating-commerce-count{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#ef4a23;
  color:#fff;
  font-size:13px!important;
  font-weight:900;
  line-height:1;
}
@media(max-width:900px){
  .floating-commerce-dock{
    right:10px;
  }
  .floating-commerce-btn{
    width:58px;
    min-height:56px;
  }
}
@media(max-width:680px){
  .floating-commerce-dock{
    display:none;
  }
}

/* Footer responsive cleanup */
@media(max-width:1050px){
  .footer-v31-main{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:28px!important;
  }
}
@media(max-width:760px){
  .footer-v31-main{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .footer-support-pill{
    max-width:340px;
  }
  .footer-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ===== V34 information/policy pages ===== */
.policy-page-v34,.manufacturer-page-v34{padding:24px 0 52px}
.policy-hero-v34,.manufacturer-hero-v34{
  padding:28px;border-radius:13px;background:linear-gradient(135deg,#111827,#243250);color:#fff;margin-bottom:14px;
}
.policy-hero-v34>span,.manufacturer-hero-v34 span{color:#ff8a69;font-size:13px!important;font-weight:900;letter-spacing:.8px}
.policy-hero-v34 h1,.manufacturer-hero-v34 h1{margin:7px 0 7px;font-size:34px!important;letter-spacing:-1px}
.policy-hero-v34 p,.manufacturer-hero-v34 p{margin:0;max-width:760px;color:#cbd5e1;font-size:13px!important;line-height:1.65}
.policy-layout-v34{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.policy-toc-v34{
  position:sticky;top:142px;padding:15px;border:1px solid #e2e6ea;border-radius:10px;background:#fff;display:grid;gap:5px
}
.policy-toc-v34 b{margin-bottom:6px;font-size:14px!important}
.policy-toc-v34 a{padding:8px;border-radius:6px;color:#667085;font-size:13px!important}
.policy-toc-v34 a:hover{background:#f4f6f8;color:#111827}
.policy-content-v34{display:grid;gap:10px}
.policy-section-v34{padding:20px;border:1px solid #e2e6ea;border-radius:10px;background:#fff}
.policy-section-v34 h2{margin:0 0 10px;font-size:19px!important;letter-spacing:-.3px}
.policy-section-v34 p,.policy-section-v34 li{font-size:13px!important;line-height:1.75;color:#5f6875}
.policy-section-v34 ul{margin:0;padding-left:20px}.policy-section-v34 li+li{margin-top:7px}
.manufacturer-hero-v34{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.manufacturer-hero-v34 input{min-width:300px;min-height:42px;border:0;border-radius:8px;padding:0 12px;font-size:13px!important}
.brand-index-v34{display:flex;flex-wrap:wrap;gap:6px;padding:12px;margin-bottom:12px;border:1px solid #e2e6ea;border-radius:10px;background:#fff}
.brand-index-v34 a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #e6e9ed;border-radius:7px;font-size:13px!important;font-weight:900}
.brand-index-v34 a:hover{background:#111827;color:#fff;border-color:#111827}
.brand-list-v34{display:grid;gap:10px}
.brand-letter-v34{padding:16px;border:1px solid #e2e6ea;border-radius:10px;background:#fff}
.brand-letter-v34 h2{margin:0 0 12px;font-size:20px!important}
.brand-grid-v34{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.brand-name-v34{padding:9px 10px;border:1px solid #e8ebef;border-radius:7px;background:#fafbfc;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-name-v34:hover{background:#fff;border-color:#c9cfd7}
@media(max-width:900px){.policy-layout-v34{grid-template-columns:1fr}.policy-toc-v34{position:static}.brand-grid-v34{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.manufacturer-hero-v34{display:block}.manufacturer-hero-v34 input{width:100%;min-width:0;margin-top:14px}.brand-grid-v34{grid-template-columns:repeat(2,1fr)}}

/* ===== V35 PC Builder: Tabler component icons ===== */
.builder-row .builder-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  border:1px solid #e1e6eb!important;
  border-radius:10px!important;
  background:#f5f7f9!important;
  color:#172235!important;
  font-size:22px!important;
  line-height:1!important;
  transition:
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    transform .28s var(--ease-soft)!important;
}
.builder-row .builder-icon .ti{
  display:block;
  font-size:23px!important;
  line-height:1!important;
}
.builder-row:hover .builder-icon{
  transform:translateY(-1px);
  background:#eef2f6!important;
  border-color:#cfd6de!important;
  color:#ef4a23!important;
}

/* ===== V36 PixoNext branding + rebuilt footer ===== */

.pixonext-logo-link{
  display:flex!important;
  align-items:center!important;
  width:184px!important;
  min-width:184px!important;
  height:48px!important;
  background:none!important;
  box-shadow:none!important;
}
.pixonext-logo-link img{
  display:block!important;
  width:184px!important;
  height:auto!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.pixonext-logo-link i{display:none!important}

/* Hide old footer layers completely if legacy CSS still exists */
.footer-v31,
.footer:not(.pixo-footer){
  display:none!important;
}

/* Clean footer with fixed rhythm */
.pixo-footer{
  display:block!important;
  margin-top:44px!important;
  background:#071522!important;
  color:#d8e0e9!important;
  border-top:1px solid rgba(255,255,255,.05);
}
.pixo-footer-inner{
  padding-top:32px!important;
  padding-bottom:16px!important;
}
.pixo-footer-top{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr) 280px!important;
  gap:40px!important;
  align-items:start!important;
  padding:0 0 28px!important;
  margin:0!important;
  min-height:0!important;
}
.pixo-footer h4{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
  line-height:1.3!important;
}

/* Support */
.pixo-footer-support{
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
}
.pixo-support-box{
  width:100%!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 15px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  transition:border-color .2s ease,background .2s ease,transform .25s var(--ease-soft)!important;
}
.pixo-support-box:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,255,255,.25)!important;
  background:rgba(255,255,255,.025)!important;
}
.pixo-support-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.pixo-support-icon i{
  font-size:20px!important;
}
.pixo-support-box small{
  display:block!important;
  color:#92a1b3!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.pixo-support-box strong{
  display:block!important;
  margin-top:4px!important;
  color:#f44a2e!important;
  font-size:17px!important;
  line-height:1.15!important;
}

/* Middle links */
.pixo-footer-links{
  min-width:0!important;
}
.pixo-footer-link-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px 28px!important;
}
.pixo-footer-link-grid a{
  min-width:0!important;
  color:#9ba9ba!important;
  font-size:13px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.pixo-footer-link-grid a:hover{
  color:#fff!important;
}

/* Right company */
.pixo-footer-connect{
  min-width:0!important;
}
.pixo-footer-brand{
  display:block!important;
  width:150px!important;
  margin-bottom:10px!important;
}
.pixo-footer-brand img{
  display:block!important;
  width:150px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.pixo-footer-connect p{
  margin:0 0 12px!important;
  color:#9ba9ba!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.pixo-footer-connect>span{
  display:block!important;
  color:#9ba9ba!important;
  font-size:13px!important;
  font-weight:800!important;
}
.pixo-footer-email{
  display:inline-block!important;
  margin-top:5px!important;
  color:#f44a2e!important;
  font-size:13px!important;
  line-height:1.3!important;
}

/* App / socials row */
.pixo-footer-app-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:70px!important;
  padding:12px 0!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
}
.pixo-app-area{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.pixo-app-area>span{
  color:#94a3b4!important;
  font-size:13px!important;
}
.pixo-app-btn{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:7px!important;
  color:#fff!important;
  background:transparent!important;
}
.pixo-app-btn>i{
  font-size:21px!important;
}
.pixo-app-btn small{
  display:block!important;
  color:#a4b1c0!important;
  font-size:13px!important;
  line-height:1.05!important;
}
.pixo-app-btn strong{
  display:block!important;
  margin-top:2px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.05!important;
}
.pixo-socials{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
}
.pixo-socials a{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#1c2b3a!important;
  color:#fff!important;
  transition:transform .25s var(--ease-soft),background .2s ease!important;
}
.pixo-socials a:hover{
  transform:translateY(-2px)!important;
  background:#293d4f!important;
}
.pixo-socials i{
  font-size:19px!important;
}

/* Bottom */
.pixo-footer-bottom{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding-top:14px!important;
  color:#8998aa!important;
}
.pixo-footer-bottom span{
  font-size:13px!important;
  line-height:1.3!important;
}

/* Floating dock Tabler icon sizing */
.floating-commerce-icon i{
  font-size:23px!important;
  line-height:1!important;
}

/* PC Builder Tabler buttons */
.choose-part>.ti,
.builder-action>.ti,
.builder-share>.ti{
  font-size:17px!important;
  line-height:1!important;
}
.choose-part .choose-plus{display:none!important}

/* Avoid legacy footer rules leaking through descendants */
.pixo-footer *{
  min-height:0;
}
.pixo-support-box,
.pixo-app-btn,
.pixo-socials a{
  min-height:revert;
}
.pixo-support-box{min-height:66px!important}
.pixo-app-btn{min-height:42px!important}
.pixo-socials a{min-height:40px!important}

@media(max-width:1050px){
  .pixo-footer-top{
    grid-template-columns:230px minmax(0,1fr)!important;
    gap:30px!important;
  }
  .pixo-footer-connect{
    grid-column:1/-1!important;
    padding-top:4px!important;
  }
}
@media(max-width:760px){
  .pixonext-logo-link{
    width:155px!important;
    min-width:155px!important;
  }
  .pixonext-logo-link img{width:155px!important}

  .pixo-footer-top{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .pixo-footer-connect{
    grid-column:auto!important;
  }
  .pixo-footer-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pixo-footer-app-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .pixo-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }
}
@media(max-width:480px){
  .pixo-footer-link-grid{
    grid-template-columns:1fr!important;
  }
  .pixo-support-box{
    max-width:340px!important;
  }
}

/* ===== V38 Affiliate account system ===== */
.affiliate-kicker{display:block;color:#ef4a23;font-size:13px!important;font-weight:900;letter-spacing:.8px}
.affiliate-hero{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  padding:24px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,#111827,#233453);color:#fff
}
.affiliate-hero h1,.affiliate-dashboard-head h1{margin:6px 0 6px;font-size:28px!important;letter-spacing:-.8px}
.affiliate-hero p{max-width:680px;margin:0;color:#cbd5e1;font-size:13px!important;line-height:1.6}
.affiliate-register-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.affiliate-form-card h2,.affiliate-card-head h2{margin:0;font-size:18px!important}
.affiliate-muted,.affiliate-card-head p{margin:5px 0 0;color:#7a828e;font-size:13px!important;line-height:1.5}
.affiliate-form{margin-top:16px}
.affiliate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.affiliate-form-grid .full{grid-column:1/-1}
.affiliate-form-grid label{display:grid;gap:6px}
.affiliate-form-grid label>span,.affiliate-dialog-body label>span{font-size:13px!important;font-weight:850}
.affiliate-form-grid input,.affiliate-form-grid select,.affiliate-form-grid textarea,.affiliate-dialog-body input,.affiliate-dialog-body select{
  width:100%;min-height:42px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:10px 11px;font-size:13px!important;outline:none
}
.affiliate-form-grid textarea{resize:vertical;line-height:1.5}
.affiliate-check{display:flex;align-items:flex-start;gap:8px;margin:14px 0;font-size:13px!important;line-height:1.5;color:#68717d}
.affiliate-check input{width:16px;height:16px;margin-top:2px}
.affiliate-check a{color:#3749bb;font-weight:850}
.affiliate-submit{min-width:170px;min-height:44px}
.affiliate-register-side{display:grid;gap:10px}
.affiliate-steps{display:grid;gap:12px}
.affiliate-steps>div{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start}
.affiliate-steps>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-size:13px!important;font-weight:900}
.affiliate-steps p{margin:0}.affiliate-steps b,.affiliate-steps small{display:block;font-size:13px!important}.affiliate-steps small{margin-top:3px;color:#7d8590;line-height:1.4}
.affiliate-info-dark{background:#111827!important;color:#fff;border-color:#111827!important}
.affiliate-info-dark>span{color:#aeb8c7;font-size:13px!important}.affiliate-info-dark strong{display:block;margin:5px 0;font-size:20px!important}.affiliate-info-dark p{margin:0;color:#bdc7d5;font-size:13px!important;line-height:1.5}

.affiliate-dashboard-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.affiliate-dashboard-head p{margin:0;color:#747d89;font-size:13px!important}
.affiliate-status{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;font-size:13px!important;font-weight:900}
.affiliate-status.approved{background:#ecfdf3;color:#15803d}
.affiliate-status i{font-size:17px!important}
.affiliate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.affiliate-stat{padding:16px;border:1px solid #e3e6ea;border-radius:10px;background:#fff}
.affiliate-stat span,.affiliate-stat small{display:block;color:#7b838f;font-size:13px!important}
.affiliate-stat strong{display:block;margin:6px 0;font-size:22px!important;letter-spacing:-.5px}
.affiliate-stat-accent{background:#111827;border-color:#111827;color:#fff}.affiliate-stat-accent span,.affiliate-stat-accent small{color:#b9c3d0}
.affiliate-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px;margin-bottom:12px}
.affiliate-dashboard-grid.lower{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr)}
.affiliate-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}
.affiliate-id{padding:5px 8px;border-radius:999px;background:#f2f4f6;color:#69717d;font-size:13px!important;white-space:nowrap}
.affiliate-link-builder{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.affiliate-link-builder label{display:grid;gap:6px}.affiliate-link-builder label>span{font-size:13px!important;font-weight:850}
.affiliate-link-builder input{width:100%;min-height:42px;border:1px solid #dfe3e8;border-radius:8px;padding:0 11px;font-size:13px!important}
.affiliate-generated{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px;border:1px solid #e6e9ed;border-radius:8px;background:#fafbfc}
.affiliate-generated small{display:block;color:#7b838f;font-size:13px!important}.affiliate-generated strong{display:block;margin-top:3px;max-width:540px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
.affiliate-generated .btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.affiliate-generated i{font-size:16px!important}
.affiliate-balance{padding:14px;border-radius:9px;background:#f6f8fa}.affiliate-balance small{display:block;color:#7b838f;font-size:13px!important}.affiliate-balance strong{display:block;margin-top:5px;font-size:24px!important;color:#e94726}
.affiliate-payout-meta{display:grid;gap:7px;margin:12px 0}.affiliate-payout-meta span{display:flex;justify-content:space-between;gap:12px;font-size:13px!important;color:#727b87}.affiliate-payout-meta b{color:#222832;text-align:right}
.affiliate-table-wrap{overflow:auto}.affiliate-table{width:100%;border-collapse:collapse}.affiliate-table th,.affiliate-table td{padding:10px;border-top:1px solid #edf0f2;text-align:left;font-size:13px!important;white-space:nowrap}.affiliate-table th{color:#747d89;font-weight:850;background:#fafbfc}
.affiliate-pill{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:13px!important;font-weight:850}.affiliate-pill.confirmed{background:#ecfdf3;color:#15803d}.affiliate-pill.pending{background:#fff7ed;color:#c2410c}.affiliate-pill.cancelled{background:#fef2f2;color:#b91c1c}
.affiliate-history{display:grid}.affiliate-history>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf0f2}.affiliate-history>div:first-child{border-top:0}.affiliate-history b,.affiliate-history small,.affiliate-history strong{display:block;font-size:13px!important}.affiliate-history small{margin-top:3px;color:#7b838f}.affiliate-history strong{color:#15803d}
.affiliate-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.affiliate-tool{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid #e3e6ea;border-radius:9px;background:#fff}.affiliate-tool i{font-size:21px!important}.affiliate-tool b,.affiliate-tool small{display:block;font-size:13px!important}.affiliate-tool small{margin-top:3px;color:#7b838f}

.affiliate-modal{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,10,18,.72);backdrop-filter:blur(4px)}
.affiliate-modal.open{display:flex}.affiliate-dialog{width:min(480px,100%);border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.affiliate-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #e7eaee}.affiliate-dialog-head h2{margin:0;font-size:18px!important}.affiliate-dialog-head p{margin:3px 0 0;color:#7d8590;font-size:13px!important}.affiliate-dialog-head button{width:34px;height:34px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;font-size:18px!important;cursor:pointer}
.affiliate-dialog-body{display:grid;gap:11px;padding:18px}.affiliate-dialog-body label{display:grid;gap:6px}
.affiliate-public-cta{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}

@media(max-width:1000px){
  .affiliate-register-grid,.affiliate-dashboard-grid,.affiliate-dashboard-grid.lower{grid-template-columns:1fr}
  .affiliate-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .affiliate-hero,.affiliate-dashboard-head{display:block}
  .affiliate-hero .btn{margin-top:14px}
  .affiliate-status{margin-top:10px}
  .affiliate-form-grid{grid-template-columns:1fr}.affiliate-form-grid .full{grid-column:auto}
  .affiliate-link-builder{grid-template-columns:1fr}.affiliate-generated{align-items:flex-start;flex-direction:column}
  .affiliate-stats{grid-template-columns:1fr}
  .affiliate-tools-grid{grid-template-columns:1fr}
}

/* ===== V39 Affiliate public registration ===== */
.affiliate-public-join-v39{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
  margin:14px 0 16px;
}
.affiliate-public-join-copy,
.affiliate-public-form-v39{
  padding:20px;
  border:1px solid #e2e6ea;
  border-radius:11px;
  background:#fff;
}
.affiliate-public-join-copy>span{
  color:#ef4a23;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.7px;
}
.affiliate-public-join-copy h2{
  margin:6px 0 7px;
  font-size:24px!important;
}
.affiliate-public-join-copy>p{
  margin:0;
  color:#6f7783;
  font-size:13px!important;
  line-height:1.6;
}
.affiliate-public-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:16px;
}
.affiliate-public-benefits>div{
  padding:12px;
  border:1px solid #e7eaee;
  border-radius:8px;
  background:#fafbfc;
}
.affiliate-public-benefits i{
  font-size:22px!important;
}
.affiliate-public-benefits b,
.affiliate-public-benefits small{
  display:block;
  font-size:13px!important;
}
.affiliate-public-benefits b{margin-top:7px}
.affiliate-public-benefits small{margin-top:4px;color:#7d8590;line-height:1.4}
.affiliate-public-form-v39 h3{margin:0;font-size:18px!important}
.affiliate-public-form-v39>p{margin:5px 0 14px;color:#7d8590;font-size:13px!important}
.affiliate-public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.affiliate-public-form-grid .full{grid-column:1/-1}
.affiliate-public-form-grid label{display:grid;gap:6px}
.affiliate-public-form-grid label>span{font-size:13px!important;font-weight:850}
.affiliate-public-form-grid input,
.affiliate-public-form-grid select{
  width:100%;
  min-height:42px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  padding:0 11px;
  background:#fff;
  font-size:13px!important;
}
.affiliate-dashboard-link-v39{
  margin-left:7px;
}

/* ===== V39 Order tracking redesign ===== */
.tracking-page-v39{padding:24px 0 48px}
.tracking-hero-v39{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.75fr);
  gap:24px;
  align-items:end;
  padding:28px;
  border-radius:13px;
  background:linear-gradient(135deg,#111827,#233453 68%,#294d57);
  color:#fff;
  margin-bottom:14px;
}
.tracking-kicker-v39{
  display:block;
  color:#ff8b6d;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.8px;
}
.tracking-hero-v39 h1{
  margin:7px 0 7px;
  font-size:34px!important;
  letter-spacing:-1px;
}
.tracking-hero-v39 p{
  margin:0;
  max-width:650px;
  color:#cbd5e1;
  font-size:13px!important;
  line-height:1.6;
}
.tracking-search-v39{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:8px;
  align-items:end;
}
.tracking-search-v39 label{
  display:grid;
  gap:6px;
}
.tracking-search-v39 label>span{
  color:#cbd5e1;
  font-size:13px!important;
  font-weight:850;
}
.tracking-search-v39 input{
  width:100%;
  min-height:42px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  padding:0 11px;
  background:#fff;
  color:#111827;
  font-size:13px!important;
}
.tracking-layout-v39{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:14px;
  align-items:start;
}
.tracking-main-v39{
  display:grid;
  gap:12px;
}
.tracking-status-card-v39,
.tracking-card-v39{
  padding:18px;
  border:1px solid #e2e6ea;
  border-radius:11px;
  background:#fff;
}
.tracking-status-top-v39{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.tracking-order-label-v39{
  display:block;
  color:#7c8490;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.5px;
}
.tracking-status-top-v39 h2{
  margin:5px 0 5px;
  font-size:22px!important;
}
.tracking-status-top-v39 p{
  margin:0;
  color:#747d89;
  font-size:13px!important;
  line-height:1.5;
}
.tracking-status-badge-v39{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-size:13px!important;
  font-weight:900;
  white-space:nowrap;
}
.tracking-status-badge-v39 i{font-size:17px!important}
.tracking-progress-v39{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:24px;
}
.tracking-progress-v39:before{
  content:"";
  position:absolute;
  top:20px;
  left:8%;
  right:8%;
  height:2px;
  background:#e5e8ec;
}
.tracking-step-v39{
  position:relative;
  z-index:2;
  text-align:center;
}
.tracking-step-v39>span{
  width:40px;
  height:40px;
  margin:auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f4f6;
  border:4px solid #fff;
  box-shadow:0 0 0 1px #dfe3e8;
  color:#7d8590;
}
.tracking-step-v39.done>span{
  background:#22c55e;
  color:#fff;
  box-shadow:0 0 0 1px #22c55e;
}
.tracking-step-v39.active>span{
  background:#111827;
  color:#fff;
  box-shadow:0 0 0 1px #111827;
}
.tracking-step-v39 i{font-size:17px!important}
.tracking-step-v39 b,
.tracking-step-v39 small{
  display:block;
  font-size:13px!important;
}
.tracking-step-v39 b{margin-top:8px}
.tracking-step-v39 small{margin-top:3px;color:#858d98;line-height:1.3}
.tracking-card-head-v39{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:13px;
}
.tracking-card-head-v39 h2,
.tracking-card-v39 h3{
  margin:0;
  font-size:17px!important;
}
.tracking-card-head-v39 p{
  margin:4px 0 0;
  color:#7c8490;
  font-size:13px!important;
}
.tracking-detail-grid-v39{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.tracking-detail-grid-v39>div{
  padding:11px;
  border:1px solid #e7eaee;
  border-radius:8px;
  background:#fafbfc;
}
.tracking-detail-grid-v39 span,
.tracking-detail-grid-v39 b{
  display:block;
  font-size:13px!important;
}
.tracking-detail-grid-v39 span{color:#7d8590}
.tracking-detail-grid-v39 b{margin-top:5px;color:#222832}
.tracking-courier-note-v39{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:10px;
  padding:11px;
  border-radius:8px;
  background:#f0fdf4;
  color:#166534;
}
.tracking-courier-note-v39 i{font-size:20px!important}
.tracking-courier-note-v39 b,
.tracking-courier-note-v39 small{
  display:block;
  font-size:13px!important;
}
.tracking-courier-note-v39 small{margin-top:3px;line-height:1.4}
.tracking-items-v39{display:grid}
.tracking-item-v39{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid #edf0f2;
}
.tracking-item-v39:first-child{border-top:0}
.tracking-item-v39 img{
  width:64px;
  height:64px;
  object-fit:contain;
  padding:6px;
  border-radius:8px;
  background:#f7f8fa;
}
.tracking-item-v39 b,
.tracking-item-v39 small{
  display:block;
  font-size:13px!important;
}
.tracking-item-v39 small{margin-top:4px;color:#7d8590}
.tracking-item-v39 strong{
  color:#e94726;
  font-size:13px!important;
}
.tracking-side-v39{
  position:sticky;
  top:142px;
  display:grid;
  gap:10px;
}
.tracking-side-row-v39{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-top:1px solid #edf0f2;
}
.tracking-side-row-v39 span,
.tracking-side-row-v39 b{
  font-size:13px!important;
}
.tracking-side-row-v39 span{color:#7d8590}
.tracking-side-total-v39{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:end;
  margin-top:9px;
  padding-top:13px;
  border-top:1px solid #dfe3e8;
}
.tracking-side-total-v39 span{font-size:13px!important;font-weight:850}
.tracking-side-total-v39 strong{font-size:20px!important;color:#e94726}
.tracking-address-v39{
  display:grid;
  gap:5px;
  margin-top:12px;
  padding:12px;
  border-radius:8px;
  background:#fafbfc;
  border:1px solid #e7eaee;
}
.tracking-address-v39 b,
.tracking-address-v39 span{
  font-size:13px!important;
}
.tracking-address-v39 span{color:#6f7783}
.tracking-help-v39{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.tracking-help-v39>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#111827;
  color:#fff;
}
.tracking-help-v39>span i{font-size:20px!important}
.tracking-help-v39 p{
  margin:6px 0 10px;
  color:#747d89;
  font-size:13px!important;
  line-height:1.5;
}
.tracking-help-actions-v39{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
@media(max-width:1000px){
  .affiliate-public-join-v39{grid-template-columns:1fr}
  .tracking-hero-v39{grid-template-columns:1fr}
  .tracking-layout-v39{grid-template-columns:1fr}
  .tracking-side-v39{position:static}
}
@media(max-width:760px){
  .affiliate-public-benefits{grid-template-columns:1fr}
  .affiliate-public-form-grid{grid-template-columns:1fr}.affiliate-public-form-grid .full{grid-column:auto}
  .affiliate-dashboard-link-v39{margin:8px 0 0}
  .tracking-search-v39{grid-template-columns:1fr}
  .tracking-status-top-v39{display:block}
  .tracking-status-badge-v39{margin-top:12px}
  .tracking-progress-v39{grid-template-columns:1fr 1fr}
  .tracking-progress-v39:before{display:none}
  .tracking-detail-grid-v39{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .tracking-detail-grid-v39{grid-template-columns:1fr}
  .tracking-item-v39{grid-template-columns:54px minmax(0,1fr)}
  .tracking-item-v39 img{width:54px;height:54px}
  .tracking-item-v39 strong{grid-column:2}
}

/* ===== V40 Affiliate public page restructure ===== */
.affiliate-public-join-v39{display:none!important}

.affiliate-overview-v40{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.affiliate-overview-card-v40{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:15px;
  border:1px solid #e2e6ea;
  border-radius:10px;
  background:#fff;
}
.affiliate-overview-icon-v40{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f2f4f6;
  color:#111827;
}
.affiliate-overview-icon-v40 i{font-size:21px!important}
.affiliate-overview-card-v40 b{
  display:block;
  font-size:14px!important;
}
.affiliate-overview-card-v40 p{
  margin:5px 0 0;
  color:#747d89;
  font-size:13px!important;
  line-height:1.5;
}

.affiliate-how-v40{
  padding:20px;
  margin:0 0 14px;
  border:1px solid #e2e6ea;
  border-radius:11px;
  background:#fff;
}
.affiliate-section-head-v40>span{
  color:#ef4a23;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.7px;
}
.affiliate-section-head-v40 h2{
  margin:5px 0 5px;
  font-size:22px!important;
}
.affiliate-section-head-v40 p{
  margin:0;
  color:#747d89;
  font-size:13px!important;
}
.affiliate-how-grid-v40{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:16px;
}
.affiliate-how-grid-v40>div{
  padding:13px;
  border:1px solid #e7eaee;
  border-radius:9px;
  background:#fafbfc;
}
.affiliate-how-grid-v40>div>span{
  display:block;
  color:#ef4a23;
  font-size:13px!important;
  font-weight:900;
}
.affiliate-how-grid-v40 b{
  display:block;
  margin-top:7px;
  font-size:14px!important;
}
.affiliate-how-grid-v40 p{
  margin:5px 0 0;
  color:#7a828e;
  font-size:13px!important;
  line-height:1.45;
}

/* Registration now lives at the bottom of the page */
.affiliate-register-bottom-v40{
  display:grid;
  grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);
  gap:14px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e2e6ea;
}
.affiliate-register-intro-v40{
  padding:22px;
  border-radius:11px;
  background:linear-gradient(145deg,#111827,#233453);
  color:#fff;
}
.affiliate-register-intro-v40>span{
  color:#ff8b6d;
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.8px;
}
.affiliate-register-intro-v40 h2{
  margin:7px 0 8px;
  font-size:27px!important;
  line-height:1.1;
  letter-spacing:-.7px;
}
.affiliate-register-intro-v40>p{
  margin:0;
  color:#cbd5e1;
  font-size:13px!important;
  line-height:1.6;
}
.affiliate-register-points-v40{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.affiliate-register-points-v40>div{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dbe4ef;
  font-size:13px!important;
}
.affiliate-register-points-v40 i{
  color:#5ee38d;
  font-size:18px!important;
}
.affiliate-register-points-v40 span{
  font-size:13px!important;
}

.affiliate-register-form-v40{
  padding:20px;
  border:1px solid #e2e6ea;
  border-radius:11px;
  background:#fff;
}
.affiliate-register-form-head-v40{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:15px;
}
.affiliate-register-form-head-v40 h3{
  margin:0;
  font-size:19px!important;
}
.affiliate-register-form-head-v40 p{
  margin:5px 0 0;
  color:#747d89;
  font-size:13px!important;
}
.affiliate-register-form-head-v40 a{
  color:#3749bb;
  font-size:13px!important;
  font-weight:850;
  white-space:nowrap;
}
.affiliate-register-form-grid-v40{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.affiliate-register-form-grid-v40 .full{
  grid-column:1/-1;
}
.affiliate-register-form-grid-v40 label{
  display:grid;
  gap:6px;
}
.affiliate-register-form-grid-v40 label>span{
  font-size:13px!important;
  font-weight:850;
}
.affiliate-register-form-grid-v40 input,
.affiliate-register-form-grid-v40 select,
.affiliate-register-form-grid-v40 textarea{
  width:100%;
  min-height:42px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  padding:10px 11px;
  background:#fff;
  font-size:13px!important;
  outline:none;
}
.affiliate-register-form-grid-v40 textarea{
  resize:vertical;
  line-height:1.5;
}
.affiliate-register-form-grid-v40 input:focus,
.affiliate-register-form-grid-v40 select:focus,
.affiliate-register-form-grid-v40 textarea:focus{
  border-color:#9da4af;
  box-shadow:0 0 0 3px rgba(55,73,187,.06);
}
.affiliate-register-form-footer-v40{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #edf0f2;
}
.affiliate-register-form-footer-v40 .affiliate-check{
  margin:0;
  max-width:640px;
}
.affiliate-register-form-footer-v40 .btn{
  flex:0 0 auto;
  min-height:44px;
  padding-left:18px;
  padding-right:18px;
}

@media(max-width:1000px){
  .affiliate-overview-v40{grid-template-columns:1fr}
  .affiliate-how-grid-v40{grid-template-columns:repeat(2,1fr)}
  .affiliate-register-bottom-v40{grid-template-columns:1fr}
}
@media(max-width:680px){
  .affiliate-how-grid-v40{grid-template-columns:1fr}
  .affiliate-register-form-grid-v40{grid-template-columns:1fr}
  .affiliate-register-form-grid-v40 .full{grid-column:auto}
  .affiliate-register-form-head-v40{display:block}
  .affiliate-register-form-head-v40 a{display:inline-block;margin-top:8px}
  .affiliate-register-form-footer-v40{display:block}
  .affiliate-register-form-footer-v40 .btn{width:100%;margin-top:12px}
}

/* ===== V41 Affiliate withdrawal methods + flow polish ===== */

/* Program flow spacing: benefits/how-it-works now sit right above registration */
.affiliate-overview-v40{
  margin-top:18px!important;
  margin-bottom:10px!important;
}
.affiliate-how-v40{
  margin-bottom:14px!important;
}
.affiliate-register-bottom-v40{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

/* Withdrawal method manager */
.affiliate-withdraw-methods-v41{
  margin-bottom:12px;
}
.affiliate-withdraw-methods-v41 .affiliate-card-head{
  align-items:center;
}
.affiliate-withdraw-methods-v41 .affiliate-card-head .btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
}
.affiliate-withdraw-methods-v41 .affiliate-card-head .btn i{
  font-size:16px!important;
}
.affiliate-method-list-v41{
  display:grid;
  gap:8px;
}
.affiliate-method-v41{
  display:grid;
  grid-template-columns:18px 38px minmax(0,1fr) auto 34px;
  gap:10px;
  align-items:center;
  min-height:64px;
  padding:10px 11px;
  border:1px solid #e2e6ea;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.affiliate-method-v41:hover{
  border-color:#cbd1d9;
  background:#fafbfc;
}
.affiliate-method-v41.active{
  border-color:#111827;
  background:#f8fafc;
  box-shadow:0 0 0 1px #111827 inset;
}
.affiliate-method-v41 input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#111827;
}
.affiliate-method-icon-v41{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f1f3f5;
  color:#111827;
}
.affiliate-method-icon-v41 i{
  font-size:19px!important;
}
.affiliate-method-copy-v41{
  min-width:0;
}
.affiliate-method-copy-v41 b,
.affiliate-method-copy-v41 small{
  display:block;
  font-size:13px!important;
}
.affiliate-method-copy-v41 small{
  margin-top:3px;
  color:#7c8490;
}
.affiliate-method-default-v41{
  padding:5px 7px;
  border-radius:999px;
  background:#ecfdf3;
  color:#15803d;
  font-size:13px!important;
  font-weight:850;
}
.affiliate-method-edit-v41{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid #e1e5e9;
  border-radius:7px;
  background:#fff;
  color:#59616d;
  cursor:pointer;
}
.affiliate-method-edit-v41:hover{
  border-color:#c8ced6;
  color:#111827;
}
.affiliate-method-edit-v41 i{
  font-size:16px!important;
}
.affiliate-method-note-v41{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin-top:10px;
  padding:10px 11px;
  border-radius:8px;
  background:#f8fafc;
  color:#69717d;
  font-size:13px!important;
  line-height:1.45;
}
.affiliate-method-note-v41 i{
  margin-top:1px;
  font-size:17px!important;
}
.affiliate-dialog-body em{
  color:#8b929d;
  font-size:13px!important;
  font-style:normal;
  font-weight:400;
}
@media(max-width:680px){
  .affiliate-method-v41{
    grid-template-columns:18px 36px minmax(0,1fr) 32px;
  }
  .affiliate-method-default-v41{
    grid-column:3;
    justify-self:start;
  }
}


/* ===== V43 Hero right-side static image banners ===== */
.hero-side-static-v43{
  display:grid!important;
  grid-template-rows:1fr 1fr;
  gap:12px;
  min-width:0;
}
.hero-side-image-v43{
  display:block;
  min-height:0;
  overflow:hidden;
  border:1px solid #e0e4e9;
  border-radius:10px;
  background:#f4f5f7;
}
.hero-side-image-v43 img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
}
@media(max-width:850px){
  .hero-side-static-v43{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }
  .hero-side-image-v43{
    aspect-ratio:16/7;
  }
}
@media(max-width:560px){
  .hero-side-static-v43{
    grid-template-columns:1fr;
  }
}

/* ===== V44: comprehensive responsive hardening ===== */
html{overflow-x:hidden;scroll-behavior:smooth}
body{overflow-x:hidden;min-width:0}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
img{height:auto}
input,select,textarea,button{max-width:100%}
.container{max-width:1320px;margin-left:auto;margin-right:auto}

/* Homepage hero: balanced large banner + two genuinely small static banners */
.hero{padding:18px 0 12px!important}
.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:12px!important;
  align-items:stretch!important;
}
.slider{
  height:430px!important;
  min-width:0!important;
  border-radius:14px!important;
}
.slide img{width:100%!important;height:100%!important;object-fit:cover!important}
.slide-copy{left:46px!important;right:32px!important;max-width:590px!important}
.slide-copy h1{font-size:52px!important;line-height:1.02!important;letter-spacing:-2px!important}
.hero-side-static-v43{
  height:430px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
.hero-side-image-v43{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border-radius:12px!important;
  border:1px solid #e0e4e9!important;
}
.hero-side-image-v43 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.quicktools{margin-top:12px!important}

/* Header / navigation resilience */
.headrow{min-width:0!important}
.pixonext-logo-link{flex:0 0 auto!important}
.search{min-width:180px!important}
.search input{min-width:0!important;width:100%!important}
.head-actions{min-width:0!important;flex:0 1 auto!important}
.quick{min-width:0!important}
.quick>div{min-width:0!important}
.quick b,.quick small{white-space:nowrap!important}
.menurow{min-width:0!important}
.mega-menu{max-width:min(920px,calc(100vw - 32px))!important}

/* Generic grid / content safeguards */
.products,.cat-grid,.featured-v29-grid,.contact-quick-grid,.contact-outlet-grid,
.affiliate-stats,.affiliate-tools-grid,.allcat-links,.brand-grid-v34,
.post-order-grid,.tracking-detail-grid-v39{min-width:0}
.pcard,.premium-cat-tile,.featured-v29-card,.contact-quick-card,.contact-outlet-card,
.affiliate-stat,.affiliate-tool,.allcat-link,.brand-name-v34{min-width:0}
.pbody h3 a,.list-card h3,.featured-v29-copy b,.featured-v29-copy small,
.contact-quick-card strong,.allcat-link b{overflow-wrap:anywhere}

/* Tables and long technical content */
.spec-table,.affiliate-table{width:100%!important}
.spec-table th,.spec-table td{overflow-wrap:anywhere}
.affiliate-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-content-v34,.account-main,.tracking-main-v39{min-width:0}

/* Sticky sidebars must not force overflow */
.cart-summary-card,.checkout-summary,.order-summary-side,.tracking-side-v39,.policy-toc-v34{max-width:100%}

/* Footer hardening */
.pixo-footer-top,.pixo-footer-link-grid,.pixo-footer-app-row,.pixo-app-area{min-width:0}
.pixo-footer-link-grid a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.pixo-footer-email{overflow-wrap:anywhere}

/* 1200: prevent crowded header/menu */
@media(max-width:1200px){
  .container{width:calc(100% - 28px)!important}
  .headrow{gap:14px!important}
  .pixonext-logo-link{width:158px!important;min-width:158px!important}
  .pixonext-logo-link img{width:158px!important}
  .search{max-width:none!important}
  .head-actions{gap:4px!important}
  .quick{padding:6px 7px!important}
  .quick small{display:none!important}
  .menurow{gap:13px!important}
  .menurow>a,.menurow>.nav-item>a{font-size:13px!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) 300px!important}
}

/* 1024/tablet */
@media(max-width:1024px){
  .top{display:none!important}
  .headrow{height:auto!important;min-height:76px!important;padding:12px 0!important;flex-wrap:wrap!important}
  .pixonext-logo-link{order:1}
  .head-actions{order:2;margin-left:auto!important}
  .search{order:3;flex-basis:100%!important;max-width:none!important;height:44px!important}
  .head-actions .hide-mobile{display:none!important}
  .header-compare{display:none!important}
  .menu{display:none!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) 260px!important}
  .slider,.hero-side-static-v43{height:390px!important}
  .slide-copy{left:34px!important;right:26px!important;max-width:520px!important}
  .slide-copy h1{font-size:44px!important}
  .quicktools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .featured-v29-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .contact-outlet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .brand-grid-v34{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-v31-main,.pixo-footer-top{grid-template-columns:220px minmax(0,1fr)!important}
  .pixo-footer-connect{grid-column:1/-1!important}
}

/* 820 / small tablet: side banners become horizontal below main slider */
@media(max-width:820px){
  .container{width:calc(100% - 22px)!important}
  .hero-grid{grid-template-columns:1fr!important}
  .slider{height:420px!important}
  .hero-side-static-v43{
    height:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
  }
  .hero-side-image-v43{aspect-ratio:16/7!important;height:auto!important}
  .slide-copy{left:30px!important;right:24px!important}
  .slide-copy h1{font-size:42px!important}
  .section{padding:32px 0!important}
  .section-head h2{font-size:28px!important}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .featured-v29-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .featured-v29-primary{grid-column:span 1!important}
  .contact-main-grid,.affiliate-register-grid,.affiliate-dashboard-grid,
  .affiliate-dashboard-grid.lower,.tracking-layout-v39,.order-success-layout,
  .cart-premium-layout,.checkout-premium-layout,.error-shell,.policy-layout-v34,
  .allcat-groups{grid-template-columns:1fr!important}
  .cart-summary-card,.checkout-summary,.order-summary-side,.tracking-side-v39,.policy-toc-v34{position:static!important}
  .contact-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .affiliate-tools-grid{grid-template-columns:1fr!important}
  .tracking-progress-v39{grid-template-columns:repeat(3,1fr)!important;row-gap:18px!important}
  .tracking-progress-v39:before{display:none!important}
  .pixo-footer-top{grid-template-columns:1fr!important;gap:26px!important}
  .pixo-footer-connect{grid-column:auto!important}
  .pixo-footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 600/mobile */
@media(max-width:600px){
  body{padding-bottom:60px}
  .container{width:calc(100% - 18px)!important}
  .headrow{min-height:68px!important;padding:9px 0!important;gap:8px!important}
  .pixonext-logo-link{width:142px!important;min-width:142px!important;height:40px!important}
  .pixonext-logo-link img{width:142px!important;max-height:38px!important}
  .head-actions{gap:2px!important}
  .head-actions .quick:not(:last-child){display:none!important}
  .quick{padding:5px!important}
  .quick span{font-size:18px!important}
  .quick b{font-size:13px!important}
  .search{height:42px!important}
  .search button{padding:0 13px!important}
  .hero{padding-top:10px!important}
  .slider{height:390px!important;border-radius:12px!important}
  .slide-copy{left:20px!important;right:20px!important;top:48%!important}
  .slide-copy small{font-size:13px!important}
  .slide-copy h1{font-size:34px!important;line-height:1.04!important;letter-spacing:-1.2px!important;margin:10px 0 12px!important}
  .slide-copy p{font-size:13px!important;line-height:1.55!important;max-width:100%!important}
  .dots{left:20px!important;bottom:18px!important}
  .hero-side-static-v43{grid-template-columns:1fr!important;gap:8px!important}
  .hero-side-image-v43{aspect-ratio:16/6!important}
  .quicktools{grid-template-columns:1fr!important;gap:8px!important}
  .tool{min-height:66px!important}
  .section{padding:26px 0!important}
  .section-head{display:block!important;margin-bottom:15px!important}
  .section-head h2{font-size:25px!important}
  .section-head p{margin-top:5px!important}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pimg{height:150px!important;padding:10px!important}
  .pbody{padding:11px!important}
  .pbody h3{min-height:0!important;font-size:13px!important}
  .mini-spec{display:none!important}
  .actions2{grid-template-columns:1fr!important}
  .featured-v29-grid,.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .featured-v29-card{min-height:76px!important;padding:11px!important}
  .featured-v29-copy small{display:none!important}
  .store-strip{grid-template-columns:1fr!important}
  .store-info{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .list-card{grid-template-columns:92px minmax(0,1fr)!important;padding:10px!important}
  .list-card img{height:92px!important}
  .list-card .spec-list{display:none!important}
  .list-buy{grid-column:2!important}
  .gallery-main{height:330px!important}
  .pinfo{padding:16px!important}
  .pinfo h1{font-size:24px!important}
  .meta{grid-template-columns:1fr!important}
  .tabs{top:0!important;overflow-x:auto!important;white-space:nowrap!important}
  .tab{flex:0 0 auto!important}
  .cart-product{grid-template-columns:74px minmax(0,1fr)!important;padding:12px!important}
  .cart-product img{width:74px!important;height:74px!important}
  .cart-qty,.cart-price{grid-column:2!important}
  .cart-tools,.checkout-form-grid,.contact-form-grid,.affiliate-form-grid,
  .affiliate-register-form-grid-v40,.affiliate-public-form-grid,
  .delivery-choice-group,.allcat-links,.tracking-detail-grid-v39,
  .post-order-grid{grid-template-columns:1fr!important}
  .purchase-progress{grid-template-columns:1fr!important}
  .contact-quick-grid,.contact-outlet-grid,.affiliate-stats,.brand-grid-v34{grid-template-columns:1fr!important}
  .order-timeline,.tracking-progress-v39{grid-template-columns:1fr 1fr!important}
  .order-timeline:before,.tracking-progress-v39:before{display:none!important}
  .tracking-item-v39,.order-item,.checkout-mini-item{grid-template-columns:54px minmax(0,1fr)!important}
  .tracking-item-v39 strong,.order-item strong,.checkout-mini-item strong{grid-column:2!important;text-align:left!important}
  .affiliate-method-v41{grid-template-columns:18px 34px minmax(0,1fr) 32px!important}
  .pixo-footer-link-grid{grid-template-columns:1fr!important}
  .pixo-footer-app-row,.pixo-footer-bottom{flex-direction:column!important;align-items:flex-start!important}
  .pixo-socials{width:100%!important}
  .floating-commerce-dock{display:none!important}
}

/* narrow phones */
@media(max-width:380px){
  .products{grid-template-columns:1fr!important}
  .slider{height:370px!important}
  .slide-copy h1{font-size:31px!important}
  .featured-v29-grid,.cat-grid{grid-template-columns:1fr!important}
}

/* V44.1 menu responsiveness without horizontal scrolling */
@media(min-width:1201px){
  .menurow{overflow:visible!important;white-space:nowrap!important}
}
@media(min-width:1025px) and (max-width:1200px){
  .menurow{
    height:auto!important;
    min-height:50px!important;
    padding:7px 0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    column-gap:15px!important;
    row-gap:3px!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .menurow>a,.menurow>.nav-item>a{min-height:32px!important;display:flex!important;align-items:center!important}
}

/* ===== Header action icon refinement ===== */
.header-actions .ti,
.header-action .ti,
.quick-actions .ti,
.top-actions .ti{
  flex:0 0 auto;
  font-size:21px!important;
  line-height:1;
  color:#ff5738;
}

/* ===== PC Builder compact stats + no-wrap action fix ===== */

/* Header stats: value + label on one line */
.pc-builder-head .builder-stat,
.pc-builder-head .pc-stat,
.builder-header .builder-stat,
.builder-header .pc-stat,
.pc-builder-summary-top > div,
.builder-stats > div{
  min-width:0;
}

.pc-builder-head .builder-stat,
.pc-builder-head .pc-stat,
.builder-header .builder-stat,
.builder-header .pc-stat,
.builder-stats .stat{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}

.pc-builder-head .builder-stat strong,
.pc-builder-head .pc-stat strong,
.builder-header .builder-stat strong,
.builder-header .pc-stat strong,
.builder-stats .stat strong{
  flex:0 0 auto;
  margin:0!important;
}

.pc-builder-head .builder-stat span,
.pc-builder-head .pc-stat span,
.builder-header .builder-stat span,
.builder-header .pc-stat span,
.builder-stats .stat span{
  white-space:nowrap!important;
  line-height:1!important;
}

/* The current markup uses KPI cards in the PC Builder header */
.pc-builder-hero .metric,
.pc-builder-hero .stat,
.builder-kpis > div,
.pc-builder-kpis > div{
  white-space:nowrap!important;
}

/* Keep Add Build to Cart on one line */
.pc-builder-page .build-actions .btn,
.pc-builder-page .builder-actions .btn,
.pc-builder-page [data-add-build],
.pc-builder-page .add-build-cart,
.pc-builder-page .build-cart-btn,
.builder-side .btn,
.builder-summary .btn{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Give the two primary Current Build buttons enough room */
.builder-side .build-actions,
.builder-summary .build-actions,
.current-build-actions{
  grid-template-columns:minmax(104px,.85fr) minmax(158px,1.15fr)!important;
}

/* If existing labels are stacked by display:block, normalize KPI cards */
.pc-builder-page .builder-kpis > div,
.pc-builder-page .pc-builder-kpis > div{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.pc-builder-page .builder-kpis strong,
.pc-builder-page .builder-kpis span,
.pc-builder-page .pc-builder-kpis strong,
.pc-builder-page .pc-builder-kpis span{
  display:inline!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Responsive: retain clean single-line controls without forcing overflow */
@media(max-width:1180px){
  .builder-side .build-actions,
  .builder-summary .build-actions,
  .current-build-actions{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .pc-builder-page .builder-kpis,
  .pc-builder-page .pc-builder-kpis{
    grid-template-columns:1fr!important;
  }
}

.pc-kpi-inline-v44{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.pc-kpi-inline-v44 strong,
.pc-kpi-inline-v44 span{
  display:inline!important;
  margin:0!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}
.pc-add-build-nowrap-v44{
  white-space:nowrap!important;
  word-break:keep-all!important;
}

/* ===== Header quick-action icons: mixed legacy + relevant Tabler ===== */
.header-legacy-icon{
  flex:0 0 auto;
  width:22px;
  display:inline-grid;
  place-items:center;
  font-size:18px!important;
  line-height:1;
}
.quick .ti,
.quick-actions .ti,
.header-actions .ti,
.top-actions .ti{
  flex:0 0 auto;
  width:22px;
  text-align:center;
  font-size:20px!important;
  line-height:1;
  color:#ff5738;
}

/* ===== PC Builder Final Audit / Polish ===== */
.pc-builder-page{
  padding-top:22px!important;
  padding-bottom:46px!important;
}
.pc-builder-page .breadcrumb{
  margin-bottom:14px!important;
}

/* Header */
.builder-topbar,
.pc-builder-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px!important;
  border:1px solid #e1e5e9!important;
  border-radius:11px!important;
  background:#fff!important;
}
.builder-topbar h1,
.pc-builder-topbar h1{
  margin:0 0 5px!important;
  font-size:25px!important;
  letter-spacing:-.5px!important;
}
.builder-topbar p,
.pc-builder-topbar p{
  margin:0!important;
  color:#737c88!important;
  font-size:13px!important;
  line-height:1.45!important;
}

/* KPI cards */
.builder-metrics,
.pc-builder-kpis,
.builder-kpis{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.builder-metric,
.pc-builder-kpis>div,
.builder-kpis>div,
.pc-kpi-inline-v44{
  min-width:118px!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:10px!important;
  border:1px solid #e1e5e9!important;
  border-radius:9px!important;
  background:#fafbfc!important;
  white-space:nowrap!important;
}
.builder-metric strong,
.pc-builder-kpis strong,
.builder-kpis strong,
.pc-kpi-inline-v44 strong{
  display:inline!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}
.builder-metric span,
.pc-builder-kpis span,
.builder-kpis span,
.pc-kpi-inline-v44 span{
  display:inline!important;
  margin:0!important;
  color:#77808c!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

/* Main layout */
.builder-layout,
.pc-builder-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 310px!important;
  gap:14px!important;
  align-items:start!important;
}

/* Section shell */
.builder-list,
.builder-components{
  overflow:hidden!important;
  border:1px solid #e1e5e9!important;
  border-radius:11px!important;
  background:#fff!important;
}
.builder-group-title,
.builder-section-title{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 15px!important;
  border-bottom:1px solid #e5e8ec!important;
  background:#f4f6f8!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
}

/* Rows */
.builder-row{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:50px 150px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  padding:12px 15px!important;
  border-bottom:1px solid #edf0f2!important;
  background:#fff!important;
}
.builder-row:last-child{
  border-bottom:0!important;
}
.builder-row:hover{
  background:#fcfcfd!important;
}

/* Icons: force visible */
.builder-row .builder-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  border:1px solid #dce2e8!important;
  border-radius:10px!important;
  background:#f3f6f8!important;
  color:#0f2744!important;
  opacity:1!important;
  visibility:visible!important;
}
.builder-row .builder-icon i,
.builder-row .builder-icon .ti{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:23px!important;
  line-height:1!important;
  color:currentColor!important;
}
.builder-row:hover .builder-icon{
  border-color:#cbd3dc!important;
  background:#eef3f7!important;
  color:#ef4a23!important;
}

/* Labels */
.builder-label{
  min-width:0!important;
}
.builder-label b{
  display:block!important;
  margin:0!important;
  color:#151b24!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.builder-label small{
  display:block!important;
  margin-top:4px!important;
  color:#838b96!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.builder-label small.required,
.builder-label .required{
  color:#ef3f23!important;
}

/* selected / empty */
.builder-selected,
.builder-selected.empty{
  min-width:0!important;
  color:#89919c!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.selected-product{
  min-width:0!important;
}
.selected-product strong{
  display:block!important;
  color:#222832!important;
  font-size:13px!important;
}
.selected-product small{
  display:block!important;
  margin-top:4px!important;
  color:#7f8793!important;
  font-size:13px!important;
}

/* Choose button */
.choose-part{
  min-width:98px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid #d5dbe2!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#18202c!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.choose-part .ti{
  font-size:17px!important;
}
.choose-part:hover{
  border-color:#111827!important;
  background:#111827!important;
  color:#fff!important;
}

/* Sidebar */
.builder-sidebar{
  position:sticky!important;
  top:142px!important;
  display:grid!important;
  gap:10px!important;
}
.builder-card{
  padding:16px!important;
  border:1px solid #e1e5e9!important;
  border-radius:10px!important;
  background:#fff!important;
}
.builder-card h3{
  margin:0 0 12px!important;
  font-size:15px!important;
}
.builder-progress{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#e9edf1!important;
}
.builder-progress>span{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#111827!important;
}
.builder-check{
  margin-top:10px!important;
  padding:10px!important;
  border-radius:8px!important;
  background:#f5f7f9!important;
  color:#6f7884!important;
  font-size:13px!important;
  line-height:1.45!important;
}

/* Current Build */
.builder-total-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:12px!important;
  margin-top:10px!important;
  border-top:1px solid #e3e7eb!important;
}
.builder-total-main span{
  font-size:19px!important;
  font-weight:900!important;
}
.builder-total-main strong{
  font-size:20px!important;
  color:#111827!important;
}
.builder-actions{
  display:grid!important;
  grid-template-columns:110px minmax(170px,1fr)!important;
  gap:8px!important;
  margin-top:13px!important;
}
.builder-action{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.builder-reset{
  border:1px solid #d9dfe5!important;
  background:#fff!important;
  color:#28303b!important;
}
.builder-cart{
  border:1px solid #111827!important;
  background:#111827!important;
  color:#fff!important;
}
.builder-cart[disabled]{
  border-color:#e0e4e8!important;
  background:#f3f4f6!important;
  color:#a3aab4!important;
  cursor:not-allowed!important;
  opacity:1!important;
}
.builder-share{
  width:100%!important;
  min-height:42px!important;
  margin-top:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #dce1e6!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#2e3641!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* responsive */
@media(max-width:1100px){
  .builder-layout,
  .pc-builder-layout{
    grid-template-columns:1fr!important;
  }
  .builder-sidebar{
    position:static!important;
  }
}
@media(max-width:780px){
  .builder-topbar,
  .pc-builder-topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .builder-metrics,
  .pc-builder-kpis,
  .builder-kpis{
    width:100%!important;
  }
  .builder-row{
    grid-template-columns:44px minmax(0,1fr) auto!important;
  }
  .builder-selected,
  .builder-selected.empty{
    grid-column:2/4!important;
  }
}
@media(max-width:560px){
  .builder-metrics,
  .pc-builder-kpis,
  .builder-kpis{
    grid-template-columns:1fr!important;
  }
  .builder-row{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .builder-selected,
  .builder-selected.empty{
    grid-column:2!important;
  }
  .choose-part{
    grid-column:1/-1!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .builder-actions{
    grid-template-columns:1fr!important;
  }
}

/* ===== V45 PC Builder — clean retail builder UX ===== */
.pcbuilder-command-v45{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid #e0e4e8;
 border-radius:10px;box-shadow:0 4px 18px rgba(15,23,42,.04)
}
.pcbuilder-command-brand-v45{display:flex;align-items:center;gap:11px}
.pcbuilder-command-icon-v45{
 width:46px;height:46px;display:grid;place-items:center;border-radius:9px;
 background:#ef4a23;color:#fff;box-shadow:0 6px 15px rgba(239,74,35,.22)
}
.pcbuilder-command-icon-v45 i{font-size:24px!important}
.pcbuilder-command-brand-v45 strong{display:block;font-size:18px!important;line-height:1.15}
.pcbuilder-command-brand-v45 small{display:block;margin-top:4px;color:#77808c;font-size:13px!important}
.pcbuilder-command-actions-v45{display:flex;align-items:center;gap:7px}
.pcbuilder-command-actions-v45 button{
 min-height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;
 gap:7px;border:1px solid #dce1e6;border-radius:7px;background:#fff;color:#202733;
 font-size:13px!important;font-weight:800;white-space:nowrap;cursor:pointer
}
.pcbuilder-command-actions-v45 button:first-child{
 border-color:#ef4a23;background:#ef4a23;color:#fff
}
.pcbuilder-command-actions-v45 button:hover{border-color:#ef4a23;color:#ef4a23}
.pcbuilder-command-actions-v45 button:first-child:hover{background:#d93e1c;color:#fff}
.pcbuilder-command-actions-v45 i{font-size:17px!important}

/* Flatten the page: less dashboard-like, more purpose-built */
.pc-builder-page .builder-topbar,.pc-builder-page .pc-builder-topbar{
 box-shadow:none!important;border-radius:9px!important;padding:16px 18px!important
}
.pc-builder-page .builder-layout,.pc-builder-page .pc-builder-layout{gap:12px!important}
.pc-builder-page .builder-list,.pc-builder-page .builder-components{
 border-radius:9px!important;box-shadow:0 3px 14px rgba(15,23,42,.025)
}
.pc-builder-page .builder-group-title,.pc-builder-page .builder-section-title{
 min-height:43px!important;background:#f5f6f8!important;color:#242b35!important;
 text-transform:uppercase;font-weight:900!important
}
.pc-builder-page .builder-row{
 min-height:76px!important;grid-template-columns:48px 165px minmax(0,1fr) 102px!important;
 padding:10px 14px!important;transition:background .18s ease
}
.pc-builder-page .builder-row .builder-icon{
 width:42px!important;height:42px!important;border:0!important;background:#f1f3f5!important;
 border-radius:7px!important;color:#162438!important
}
.pc-builder-page .builder-row .builder-icon i{font-size:22px!important}
.pc-builder-page .builder-row:hover .builder-icon{background:#fff0ec!important;color:#ef4a23!important}
.pc-builder-page .choose-part{
 width:96px!important;min-width:96px!important;min-height:38px!important;border-radius:6px!important
}
.pc-builder-page .choose-part:hover{background:#ef4a23!important;border-color:#ef4a23!important}
.pc-builder-page .builder-sidebar{gap:10px!important}
.pc-builder-page .builder-card{border-radius:9px!important;box-shadow:0 3px 14px rgba(15,23,42,.025)}
.pc-builder-page .builder-cart:not([disabled]){
 background:#ef4a23!important;border-color:#ef4a23!important
}
.pc-builder-page .builder-cart:not([disabled]):hover{background:#d93e1c!important}
.pc-beta-v45{
 margin-left:4px;padding:2px 4px;border-radius:3px;background:#fff0ec;color:#ef4a23;
 font-size:13px!important;font-weight:900;vertical-align:middle
}
@media(max-width:900px){
 .pcbuilder-command-v45{align-items:flex-start;flex-direction:column}
 .pcbuilder-command-actions-v45{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
 .pcbuilder-command-actions-v45 button{padding:0 8px}
 .pc-builder-page .builder-row{grid-template-columns:44px 150px minmax(0,1fr) 98px!important}
}
@media(max-width:680px){
 .pcbuilder-command-actions-v45{grid-template-columns:1fr 1fr}
 .pc-builder-page .builder-row{grid-template-columns:42px minmax(0,1fr)!important}
 .pc-builder-page .builder-label{grid-column:2!important}
 .pc-builder-page .builder-selected{grid-column:2!important}
 .pc-builder-page .choose-part{grid-column:1/-1!important;width:100%!important}
}

/* ===== Header quick actions: StarTech-reference cleanup ===== */

/* neutralize old icon rules that caused duplication */
.quick-ref-clean > span:not(.quick-ref-icon),
.quick-ref-clean .header-legacy-icon,
.quick-ref-clean .quick-icon,
.quick-ref-clean > i,
.pc-builder-quick-ref > i,
.pc-builder-quick-ref .header-legacy-icon,
.pc-builder-quick-ref .quick-icon{
  display:none!important;
}

.quick-ref-clean{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}

.quick-ref-icon{
  width:22px!important;
  min-width:22px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  color:#ff4b2b!important;
}

.quick-ref-icon .ti{
  display:block!important;
  width:auto!important;
  font-size:20px!important;
  line-height:1!important;
  color:#ff4b2b!important;
}

.quick-ref-clean > div{
  min-width:0!important;
}

.quick-ref-clean b{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.quick-ref-clean small{
  display:block!important;
  margin-top:2px!important;
  color:#aeb8c7!important;
  font-size:13px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

/* PC Builder as the eye-catching CTA from reference */
.pc-builder-quick-ref{
  min-width:108px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:4px!important;
  background:#3558c9!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(53,88,201,.24)!important;
  transition:background .2s ease,transform .22s ease,box-shadow .22s ease!important;
}

.pc-builder-quick-ref:hover{
  transform:translateY(-1px)!important;
  background:#2949b8!important;
  box-shadow:0 8px 18px rgba(53,88,201,.28)!important;
}

.pc-builder-cta-text{
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Put the actions in the reference order visually */
.header-actions,
.quick-actions,
.header-quick,
.top-actions{
  align-items:center!important;
  gap:28px!important;
}

.quick-ref-clean[href="offers.html"]{order:1!important}
.quick-ref-clean[href="happy-hour.html"]{order:2!important}
.quick-ref-clean[href="account.html"],
.quick-ref-clean[href="login.html"]{order:3!important}
.pc-builder-quick-ref{order:4!important}

@media(max-width:1100px){
  .header-actions,
  .quick-actions,
  .header-quick,
  .top-actions{
    gap:18px!important;
  }
  .pc-builder-quick-ref{
    min-width:100px!important;
    padding:0 13px!important;
  }
}

@media(max-width:860px){
  .quick-ref-clean small{
    display:none!important;
  }
  .quick-ref-clean{
    gap:7px!important;
  }
  .pc-builder-quick-ref{
    min-width:94px!important;
  }
}

/* ===== V46 Header + PC Builder KPI corrective pass ===== */
.account-ref-icon,.account-ref-icon .ti{
 display:grid!important;visibility:visible!important;opacity:1!important
}
.account-ref-icon .ti{font-size:20px!important;color:#ff4b2b!important}

/* PC Builder CTA: integrated with header instead of unrelated blue block */
.pc-builder-quick-ref{
 min-width:118px!important;min-height:42px!important;padding:0 15px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 border:1px solid #ff4b2b!important;border-radius:6px!important;
 background:#ff4b2b!important;color:#fff!important;
 box-shadow:0 5px 14px rgba(255,75,43,.18)!important
}
.pc-builder-quick-ref .pc-builder-ref-icon{
 display:block!important;visibility:visible!important;opacity:1!important;
 font-size:18px!important;color:#fff!important
}
.pc-builder-quick-ref .pc-builder-cta-text{color:#fff!important;font-size:13px!important;font-weight:900!important}
.pc-builder-quick-ref:hover{
 transform:translateY(-1px)!important;background:#e94326!important;border-color:#e94326!important;
 box-shadow:0 7px 17px rgba(255,75,43,.24)!important
}

/* KPI containment: no value or label can escape its card */
.pc-builder-page .builder-metrics,
.pc-builder-page .builder-kpis,
.pc-builder-page .pc-builder-kpis{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(118px,1fr))!important;
 gap:8px!important;
 min-width:390px!important
}
.pc-builder-page .builder-metric,
.pc-builder-page .builder-kpis>div,
.pc-builder-page .pc-builder-kpis>div,
.pc-builder-page .pc-kpi-inline-v44{
 box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:68px!important;padding:9px 10px!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
 gap:5px!important;overflow:hidden!important;white-space:normal!important
}
.pc-builder-page .builder-metric strong,
.pc-builder-page .builder-kpis>div strong,
.pc-builder-page .pc-builder-kpis>div strong,
.pc-builder-page .pc-kpi-inline-v44 strong{
 display:block!important;width:100%!important;margin:0!important;
 font-size:17px!important;line-height:1!important;white-space:nowrap!important
}
.pc-builder-page .builder-metric span,
.pc-builder-page .builder-kpis>div span,
.pc-builder-page .pc-builder-kpis>div span,
.pc-builder-page .pc-kpi-inline-v44 span{
 display:block!important;width:100%!important;margin:0!important;
 font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important
}
.pc-builder-page .pc-beta-v45{display:none!important}

/* Prevent Hide Unconfigured text from colliding with KPI cards */
.pc-builder-page .builder-topbar,
.pc-builder-page .pc-builder-topbar{
 display:grid!important;
 grid-template-columns:minmax(330px,1fr) auto minmax(390px,auto)!important;
 align-items:center!important;
 column-gap:20px!important
}
.pc-builder-page .builder-topbar label,
.pc-builder-page .pc-builder-topbar label{
 white-space:nowrap!important;min-width:max-content!important
}
@media(max-width:1050px){
 .pc-builder-page .builder-topbar,.pc-builder-page .pc-builder-topbar{
   grid-template-columns:1fr!important;align-items:start!important;row-gap:14px!important
 }
 .pc-builder-page .builder-metrics,.pc-builder-page .builder-kpis,.pc-builder-page .pc-builder-kpis{
   width:100%!important;min-width:0!important
 }
}
@media(max-width:560px){
 .pc-builder-page .builder-metrics,.pc-builder-page .builder-kpis,.pc-builder-page .pc-builder-kpis{
   grid-template-columns:1fr!important
 }
 .pc-builder-quick-ref{min-width:108px!important;padding:0 12px!important}
}

/* ===== V47 PC Builder: only KPI label text smaller ===== */
/* Exception to the global 13px minimum: these 3 compact labels only. */
.pc-builder-page .builder-metrics > div span,
.pc-builder-page .builder-kpis > div span,
.pc-builder-page .pc-builder-kpis > div span,
.pc-builder-page .pc-kpi-inline-v44 span{
  font-size:11px!important;
  line-height:1.05!important;
  letter-spacing:-.15px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Keep KPI values clearly separate and contained. */
.pc-builder-page .builder-metrics > div strong,
.pc-builder-page .builder-kpis > div strong,
.pc-builder-page .pc-builder-kpis > div strong,
.pc-builder-page .pc-kpi-inline-v44 strong{
  font-size:16px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Slightly increase available inner width without changing card dimensions. */
.pc-builder-page .builder-metrics > div,
.pc-builder-page .builder-kpis > div,
.pc-builder-page .pc-builder-kpis > div,
.pc-builder-page .pc-kpi-inline-v44{
  padding-left:8px!important;
  padding-right:8px!important;
}

/* ===== V48 PC Builder root fix ===== */

/* Builder top section: exactly 2 columns */
.pc-builder-page .builder-topbar{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  overflow:visible!important;
}

/* Controls: checkbox + KPI group */
.pc-builder-page .builder-controls-v48{
  display:grid!important;
  grid-template-columns:auto 376px!important;
  align-items:center!important;
  gap:16px!important;
  width:auto!important;
  min-width:0!important;
  overflow:visible!important;
}

.pc-builder-page .builder-hide{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.pc-builder-page .builder-hide input{
  width:14px!important;
  height:14px!important;
  margin:0!important;
}

/* KPI row */
.pc-builder-page .builder-summary-strip-v48{
  width:376px!important;
  min-width:376px!important;
  display:grid!important;
  grid-template-columns:128px 120px 112px!important;
  gap:8px!important;
  flex:0 0 376px!important;
  overflow:visible!important;
}

.pc-builder-page .builder-metric-v48{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:68px!important;
  min-height:68px!important;
  padding:9px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
  border:1px solid #dfe4e9!important;
  border-radius:8px!important;
  background:#fafbfc!important;
  white-space:normal!important;
}

.pc-builder-page .builder-metric-v48 strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  color:#101722!important;
  font-size:17px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

.pc-builder-page .builder-metric-v48 span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  color:#7e8794!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

/* Component icons - self contained, no webfont dependency */
.pc-builder-page .builder-icon{
  overflow:visible!important;
}
.pc-builder-page .builder-svg-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
}
.pc-builder-page .builder-icon .ti{
  display:none!important;
}

/* Tablet */
@media(max-width:1180px){
  .pc-builder-page .builder-topbar{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .pc-builder-page .builder-controls-v48{
    width:100%!important;
    grid-template-columns:auto 376px!important;
    justify-content:space-between!important;
  }
}

/* Narrow tablet */
@media(max-width:760px){
  .pc-builder-page .builder-controls-v48{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .pc-builder-page .builder-summary-strip-v48{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:480px){
  .pc-builder-page .builder-summary-strip-v48{
    grid-template-columns:1fr!important;
  }
  .pc-builder-page .builder-metric-v48{
    height:60px!important;
    min-height:60px!important;
  }
}

/* ===== V49 Sticky category/navigation header on scroll ===== */

/* Keep the category navigation fixed at the top once reached */
.main-nav,
.category-nav,
.header-nav,
.navbar-category,
.site-nav{
  position:sticky!important;
  top:0!important;
  z-index:250!important;
}

/* Ensure the visible category nav gets a clean sticky treatment */
.main-nav,
.category-nav{
  background:#ffffff!important;
  border-bottom:1px solid #dfe4e8!important;
  box-shadow:0 5px 18px rgba(15,23,42,.08)!important;
}

/* Prevent sticky nav from becoming too tall */
.main-nav .container,
.category-nav .container,
.header-nav .container{
  min-height:48px!important;
}

/* Preserve single-line navigation on desktop */
.main-nav ul,
.category-nav ul,
.header-nav ul,
.main-nav .nav-links,
.category-nav .nav-links{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}

/* Horizontal overflow fallback for mid-size screens */
@media(max-width:1180px){
  .main-nav .container,
  .category-nav .container,
  .header-nav .container{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
  }
  .main-nav .container::-webkit-scrollbar,
  .category-nav .container::-webkit-scrollbar,
  .header-nav .container::-webkit-scrollbar{
    display:none;
  }
}

/* On mobile, don't force sticky desktop category rail if hidden/collapsed */
@media(max-width:760px){
  .main-nav,
  .category-nav,
  .header-nav{
    position:sticky!important;
    top:0!important;
  }
}

.main-nav.sticky-nav-active,
.category-nav.sticky-nav-active,
.header-nav.sticky-nav-active,
.navbar-category.sticky-nav-active,
.site-nav.sticky-nav-active{
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
}

/* ===== V50 PC Builder — full clean rebuild ===== */
.pcx-builder-page{padding:22px 0 52px!important;max-width:1260px!important}
.pcx-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#7a8492;font-size:13px!important}
.pcx-breadcrumb a{color:#687384}.pcx-breadcrumb i{font-size:14px!important}
.pcx-builder-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;margin-bottom:10px;border:1px solid #e1e5e9;border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.035)}
.pcx-builder-title{display:flex;align-items:center;gap:13px;min-width:0}.pcx-builder-mark{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:9px;background:#ef4a23;color:#fff;box-shadow:0 7px 18px rgba(239,74,35,.2)}.pcx-builder-mark i{font-size:25px!important}.pcx-builder-title h1{margin:0;color:#111827;font-size:25px!important;line-height:1.1;letter-spacing:-.6px}.pcx-builder-title p{margin:5px 0 0;color:#74808e;font-size:13px!important;line-height:1.4}
.pcx-hero-actions{display:flex;gap:7px;flex:0 0 auto}.pcx-hero-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #dce2e7;border-radius:7px;background:#fff;color:#242c37;font-size:13px!important;font-weight:800;cursor:pointer;transition:.2s ease}.pcx-hero-actions button:hover{border-color:#ef4a23;color:#ef4a23;background:#fff8f6}.pcx-hero-actions i{font-size:17px!important}
.pcx-builder-summarybar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;margin-bottom:14px;border:1px solid #e1e5e9;border-radius:10px;background:#fff}.pcx-hide-toggle{display:flex;align-items:center;gap:8px;min-width:0;color:#46515f;font-size:13px!important;white-space:nowrap}.pcx-hide-toggle input{width:15px;height:15px;margin:0;accent-color:#ef4a23}
.pcx-kpis{display:grid;grid-template-columns:142px 132px 104px;gap:8px;flex:0 0 auto}.pcx-kpi{height:58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:7px 11px;border:1px solid #e1e5e9;border-radius:8px;background:#fafbfc;overflow:hidden}.pcx-kpi strong{display:block;margin:0;color:#111827;font-size:17px!important;line-height:1!important;white-space:nowrap}.pcx-kpi span{display:block;width:100%;margin-top:6px;color:#7c8795;font-size:11px!important;line-height:1!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip}
.pcx-builder-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 318px!important;gap:14px!important;align-items:start!important}.pcx-builder-main{display:grid;gap:12px;min-width:0}.pcx-parts-card{overflow:hidden;border:1px solid #e1e5e9;border-radius:10px;background:#fff}.pcx-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:10px 15px;border-bottom:1px solid #e5e8ec;background:#f7f8fa}.pcx-section-head h2{margin:0;font-size:14px!important;line-height:1.2}.pcx-section-head p{margin:4px 0 0;color:#7d8794;font-size:13px!important}.pcx-section-head>span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #e0e4e8;color:#788290;font-size:13px!important;white-space:nowrap}
.pcx-parts-list{display:block}.pcx-part-row{display:grid!important;grid-template-columns:48px 180px minmax(0,1fr) 102px!important;gap:13px!important;align-items:center!important;min-height:76px!important;padding:10px 14px!important;border-bottom:1px solid #edf0f2!important;background:#fff!important}.pcx-part-row:last-child{border-bottom:0!important}.pcx-part-row:hover{background:#fcfcfd!important}.pcx-part-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid #e1e5e9!important;border-radius:8px!important;background:#f5f7f9!important;color:#18314e!important}.pcx-part-icon svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.pcx-part-name{min-width:0}.pcx-part-name b{display:block;color:#151b24;font-size:14px!important;line-height:1.2}.pcx-part-name small{display:block;margin-top:4px;font-size:13px!important}.pcx-required{color:#ef4a23}.pcx-optional{color:#858f9c}.pcx-part-selected{min-width:0;color:#8a94a1;font-size:13px!important;line-height:1.35}.pcx-choose{width:96px!important;min-width:96px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #d4dbe2!important;border-radius:7px!important;background:#fff!important;color:#192230!important;font-size:13px!important;font-weight:850!important;white-space:nowrap!important}.pcx-choose i{font-size:17px!important}.pcx-choose:hover{border-color:#ef4a23!important;background:#ef4a23!important;color:#fff!important}
.pcx-builder-side{position:sticky!important;top:62px!important;display:grid!important;gap:10px!important}.pcx-side-card{padding:15px;border:1px solid #e1e5e9;border-radius:10px;background:#fff}.pcx-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pcx-side-head h3{margin:0;font-size:15px!important}.pcx-side-head>span{color:#7e8794;font-size:13px!important}.pcx-side-head>span b{color:#111827;font-size:13px!important}.pcx-progress{height:7px!important;margin-top:13px!important;overflow:hidden!important;border-radius:999px!important;background:#e9edf1!important}.pcx-progress i{display:block;height:100%;width:0;border-radius:999px;background:#ef4a23}.pcx-progress-copy{margin:7px 0 0;color:#85909d;font-size:13px!important}.pcx-checks{display:grid;gap:7px;margin-top:11px}.pcx-checks .builder-check{padding:9px 10px;border-radius:7px;background:#f6f8fa;color:#697483;font-size:13px!important;line-height:1.4}.pcx-checks .builder-check.good{background:#effaf2;color:#176b36}.pcx-checks .builder-check.warn{background:#fff7ed;color:#9a4b16}
.pcx-current-build .pcx-breakdown{margin-top:12px}.pcx-empty-build{padding:10px;border-radius:7px;background:#f7f8fa;color:#8a94a1;font-size:13px!important}.pcx-current-build .builder-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #edf0f2;font-size:13px!important}.pcx-current-build .builder-total-row span,.pcx-current-build .builder-total-row b{font-size:13px!important}.pcx-total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:11px;padding-top:12px;border-top:1px solid #dfe4e8}.pcx-total span{font-size:18px!important;font-weight:900}.pcx-total strong{font-size:21px!important;color:#ef4a23;line-height:1}.pcx-side-actions{display:grid;grid-template-columns:94px minmax(0,1fr);gap:7px;margin-top:12px}.pcx-side-actions button,.pcx-share{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;font-size:13px!important;font-weight:850;white-space:nowrap}.pcx-reset{border:1px solid #dce2e7!important;background:#fff!important;color:#26303b!important}.pcx-addcart{border:1px solid #ef4a23!important;background:#ef4a23!important;color:#fff!important}.pcx-addcart[disabled]{border-color:#e1e5e9!important;background:#f1f3f5!important;color:#a0a8b2!important;opacity:1!important}.pcx-share{width:100%;margin-top:7px;border:1px solid #dce2e7;background:#fff;color:#26303b}.pcx-side-tip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:12px;border:1px solid #e1e5e9;border-radius:10px;background:#fffaf7}.pcx-side-tip>i{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#ffede7;color:#ef4a23;font-size:18px!important}.pcx-side-tip b,.pcx-side-tip span{display:block;font-size:13px!important}.pcx-side-tip span{margin-top:4px;color:#76818e;line-height:1.4}
.pcx-part-selected .selected-product{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}.pcx-part-selected .selected-product img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:6px!important;background:#f6f7f9!important}.pcx-part-selected .selected-product strong{display:block!important;color:#222832!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pcx-part-selected .selected-product small{display:block!important;margin-top:3px!important;color:#ef4a23!important;font-size:13px!important}.pcx-part-selected .remove-part{width:28px;height:28px;border:1px solid #e2e6ea;border-radius:6px;background:#fff;color:#7d8793;cursor:pointer}
.builder-modal{z-index:600!important}.builder-dialog{width:min(840px,calc(100vw - 32px))!important;max-height:min(760px,calc(100vh - 40px))!important;border-radius:12px!important}.builder-product{grid-template-columns:76px minmax(0,1fr) 130px!important}.builder-product img{width:76px!important;height:76px!important}.builder-product h4{font-size:14px!important}.builder-product li,.builder-product-price strong{font-size:13px!important}
@media(max-width:1050px){.pcx-builder-layout{grid-template-columns:1fr!important}.pcx-builder-side{position:static!important;grid-template-columns:1fr 1fr!important}.pcx-side-tip{grid-column:1/-1}.pcx-part-row{grid-template-columns:46px 165px minmax(0,1fr) 100px!important}}
@media(max-width:820px){.pcx-builder-hero{align-items:flex-start;flex-direction:column}.pcx-hero-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.pcx-builder-summarybar{align-items:flex-start;flex-direction:column}.pcx-kpis{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.pcx-part-row{grid-template-columns:44px minmax(0,1fr) 96px!important}.pcx-part-name{grid-column:2}.pcx-part-selected{grid-column:2}.pcx-choose{grid-column:3;grid-row:1/3;align-self:center}.pcx-builder-side{grid-template-columns:1fr}}
@media(max-width:560px){.pcx-builder-page{padding-top:14px!important}.pcx-builder-hero{padding:15px}.pcx-builder-title{align-items:flex-start}.pcx-builder-mark{width:44px;height:44px;flex-basis:44px}.pcx-builder-title h1{font-size:22px!important}.pcx-hero-actions{grid-template-columns:1fr}.pcx-kpis{grid-template-columns:1fr}.pcx-kpi{height:52px}.pcx-part-row{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;padding:11px 12px!important}.pcx-part-icon{width:38px!important;height:38px!important}.pcx-part-selected{grid-column:2!important}.pcx-choose{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;margin-top:2px}.pcx-section-head{align-items:flex-start}.pcx-section-head>span{display:none}.builder-product{grid-template-columns:60px minmax(0,1fr)!important}.builder-product-price{grid-column:2!important;display:flex!important;justify-content:space-between!important;align-items:center!important}}


/* ============================================================
   V11.4 FINAL FLOW — product reference fidelity + unified account
   ============================================================ */
.pdp-reference-wrap{padding-top:8px}
.pdp-reference-shell{
  grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);
  gap:22px;
  align-items:start;
}
.pdp-reference-gallery{
  padding:14px;
  border-radius:10px;
  box-shadow:none;
}
.pdp-reference-gallery .pdp-main{
  height:455px;
  background:#fff;
}
.pdp-reference-gallery .pdp-main img{
  width:100%;
  max-width:520px;
  height:100%;
  object-fit:contain;
}
.pdp-reference-gallery .pdp-thumbs{
  grid-template-columns:68px;
  margin-top:10px;
}
.pdp-reference-gallery .pdp-thumbs img{height:54px}

.pdp-reference-promo{
  min-height:92px;
  max-width:72%;
  grid-template-columns:minmax(0,1fr) 108px;
  margin:12px 0 0;
  border-radius:9px;
}
.pdp-reference-promo .pdp-gallery-promo-copy{padding:13px 15px}
.pdp-reference-promo .pdp-gallery-promo-copy h4{font-size:18px}
.pdp-reference-promo .pdp-gallery-promo-copy p{margin:5px 0 6px}
.pdp-reference-promo .pdp-gallery-promo-discount{font-size:15px}
.pdp-reference-promo .pdp-gallery-promo-art img{
  width:82px;height:72px;right:12px;bottom:7px
}

.pdp-reference-info{
  position:static;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
}
.pdp-reference-info .pdp-title{
  font-size:26px;
  line-height:1.25;
  letter-spacing:-.6px;
  padding-bottom:13px;
  margin:0;
  border-bottom:1px solid #e5e7eb;
}
.pdp-reference-actions{
  display:flex;
  justify-content:flex-end;
  gap:16px;
  margin-bottom:8px;
}
.pdp-reference-actions form{margin:0}
.pdp-reference-actions button{
  border:0;background:transparent;padding:0;
  color:#5c6572;font:inherit;font-size:13px;font-weight:750;cursor:pointer
}
.pdp-reference-actions button:hover{color:#e94726}
.pdp-reference-actions i{font-size:16px;margin-right:4px}

.pdp-reference-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:15px 0 12px;
}
.pdp-reference-meta .meta-cell{
  width:auto;
  min-width:116px;
  padding:8px 11px;
  background:#f2f3f5;
  border:0;
  border-radius:6px;
}
.pdp-reference-meta small{
  display:inline;
  margin:0 7px 0 0;
  text-transform:none;
  letter-spacing:0;
  color:#616977;
  font-size:13px;
}
.pdp-reference-meta b{font-size:13px}
.pdp-reference-meta .price-meta b{font-size:18px;color:#e94726}
.pdp-status{color:#138a4b!important}

.pdp-reference-key{
  margin-top:8px;
  padding:0;
  border:0;
  background:transparent;
}
.pdp-reference-key h3{font-size:16px;margin:0 0 8px}
.pdp-reference-key ul{padding-left:18px;line-height:1.75}
.pdp-reference-key li span{font-weight:800;color:#272d37}
.pdp-reference-key .more-link{margin-top:7px;color:#3749bb}

.pdp-reference-payment{
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:7px;
}
.pdp-reference-payment .pdp-pay{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:8px;
  align-items:start;
  min-height:78px;
  padding:11px;
  cursor:pointer;
}
.pdp-reference-payment .pdp-pay input{margin-top:4px;accent-color:#e94726}
.pdp-reference-payment .pdp-pay .pay-price{font-size:16px}
.pdp-reference-buy{
  grid-template-columns:116px minmax(160px,240px);
  justify-content:start;
  margin-top:12px;
}
.pdp-reference-buy .pdp-qty input{
  width:42px!important;border:0;text-align:center;font-weight:800;background:#fff
}
.pdp-buy-now{font-size:14px;min-height:44px}

.pdp-reference-tabs-section{padding-top:18px}
.product-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.product-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border:1px solid #e0e4e8;
  border-radius:7px;
  background:#fff;
  color:#111827;
  font-size:14px;
  font-weight:850;
}
.product-tabs a.active{
  background:#e92216;
  border-color:#e92216;
  color:#fff;
}
.product-tabs a:hover{border-color:#cbd1d8}
.specification-panel{scroll-margin-top:155px}
.pdp-content-section{margin-top:14px}
.pdp-description-copy{line-height:1.75;color:var(--muted);white-space:pre-line}
.pdp-question-form,.pdp-review-form{margin:14px 0}
.pdp-user-entry{margin-top:8px}
.pdp-answer{padding:10px;background:#f6f8fa;border-radius:8px}
.pdp-login-link{color:#3749bb;font-weight:800}

/* Unified My Account navigation */
.account-sidebar{
  width:100%;
  padding:14px;
}
.account-menu .menu-section{
  margin:14px 10px 6px;
  color:#98a2b3;
  font-size:13px;
  font-weight:850;
  letter-spacing:.35px;
}
.account-menu a{
  min-height:40px;
  padding:9px 10px;
}
.account-support-card{
  margin-top:16px;
}
.account-signout-form{margin-top:12px}
.account-signout{width:100%}

@media(max-width:1000px){
  .pdp-reference-shell{grid-template-columns:1fr}
  .pdp-reference-promo{max-width:520px}
}
@media(max-width:700px){
  .pdp-reference-gallery .pdp-main{height:340px}
  .pdp-reference-promo{max-width:100%}
  .pdp-reference-meta{display:grid;grid-template-columns:1fr 1fr}
  .pdp-reference-meta .meta-cell{min-width:0}
  .pdp-reference-payment{grid-template-columns:1fr}
  .pdp-reference-buy{grid-template-columns:110px 1fr}
  .product-tabs{gap:7px}
  .product-tabs a{padding:0 13px;min-height:42px}
}


/* ============================================================
   V11.5 FRONTEND RHYTHM + APPROVED MY ACCOUNT DESIGN
   ============================================================ */

/* Global vertical rhythm — no visual redesign, only consistency */
main{
  min-height:calc(100vh - 360px);
}
main > .container,
main .container.account-page{
  padding-top:20px;
  padding-bottom:36px;
}
.breadcrumb{
  margin:0 0 14px!important;
  line-height:1.45;
}
.section{
  margin-top:0;
}
.section + .section{
  margin-top:18px;
}
.content-card,
.account-card{
  box-sizing:border-box;
}
.content-card{
  border-radius:12px;
}
.grid,
.product-grid,
.category-grid,
.offer-grid{
  row-gap:14px;
}
.btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
form{margin-block-start:0;margin-block-end:0}

/* Account page: same width and rhythm as Address Book */
.account-page{
  padding-top:20px!important;
  padding-bottom:40px!important;
}
.account-layout{
  grid-template-columns:265px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.account-sidebar{
  width:100%!important;
  padding:14px!important;
  border-radius:12px!important;
  position:sticky;
  top:142px;
  align-self:start;
}
.account-user{
  min-height:66px;
  margin:0 0 10px!important;
  padding:8px 8px 14px!important;
}
.account-user-copy{
  min-width:0;
}
.account-user-copy b,
.account-user-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-user-copy small{
  margin-top:3px;
}
.account-menu .menu-section{
  margin:12px 10px 5px!important;
  padding:0!important;
}
.account-menu a{
  min-height:40px!important;
  margin:2px 0!important;
  padding:9px 10px!important;
}
.account-menu-label{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.account-menu-label i{
  width:18px;
  flex:0 0 18px;
  text-align:center;
  font-size:17px;
}
.account-menu a.active .account-menu-label i{
  color:#fff;
}
.account-support-card{
  margin-top:14px!important;
  padding:14px!important;
}
.account-support-heading{
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:wrap;
}
.account-support-heading b{
  font-size:14px;
}
.account-support-heading span{
  color:#c9d2df;
  font-size:13px;
}
.account-support-card a{
  display:flex!important;
  align-items:center;
  gap:7px;
  margin-top:8px!important;
}
.account-support-card a i{
  width:15px;
}
.account-signout{
  min-height:40px;
}

/* Every account main panel follows Address Book proportions */
.account-main{
  width:100%;
  min-width:0;
  display:grid!important;
  gap:14px!important;
  align-self:start;
}
.account-hero,
.affiliate-dashboard-head.account-hero,
.affiliate-hero.account-hero{
  min-height:118px!important;
  padding:24px 28px!important;
  margin:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.account-hero h1,
.affiliate-dashboard-head.account-hero h1,
.affiliate-hero.account-hero h1{
  margin:0 0 6px!important;
  font-size:28px!important;
  line-height:1.15!important;
}
.account-hero p,
.affiliate-dashboard-head.account-hero p,
.affiliate-hero.account-hero p{
  margin:0!important;
  line-height:1.5!important;
}
.account-card{
  width:100%;
  min-height:0!important;
  padding:18px 20px!important;
  border-radius:12px!important;
}
.account-card h2,
.account-card h3{
  margin-top:0!important;
}
.account-grid-2{
  gap:14px!important;
}
.ticket-grid,
.affiliate-register-grid{
  gap:14px!important;
}
.contact-strip{
  gap:12px!important;
}
.order-row{
  min-height:58px;
  padding:11px 0!important;
}
.security-row{
  padding:12px 0!important;
}

/* Approved My Account overview card layout */
.account-overview-hero{
  min-height:118px!important;
}
.account-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.account-feature-card{
  min-width:0;
  min-height:216px;
  padding:22px 18px 16px;
  border:1px solid #e3e7ec;
  border-radius:13px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:0 7px 22px rgba(15,23,42,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.account-feature-card:hover{
  transform:translateY(-2px);
  border-color:#d8dee6;
  box-shadow:0 11px 30px rgba(15,23,42,.07);
}
.account-feature-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  font-size:23px;
}
.account-feature-card h3{
  margin:0 0 7px;
  font-size:17px;
  color:#101828;
}
.account-feature-card p{
  min-height:44px;
  margin:0 0 14px;
  color:#667085;
  font-size:13px;
  line-height:1.55;
}
.account-feature-action{
  width:100%;
  min-height:34px;
  margin-top:auto;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 9px;
  font-size:13px;
  font-weight:800;
}
.account-feature-overview .account-feature-icon{background:#fff0eb;color:#ff4b2b}
.account-feature-overview .account-feature-action{background:#fff3ef;color:#ff4b2b}
.account-feature-profile .account-feature-icon{background:#eef5ff;color:#2f7df6}
.account-feature-profile .account-feature-action{background:#f1f6ff;color:#2f70d5}
.account-feature-orders .account-feature-icon{background:#ecf9ef;color:#16a34a}
.account-feature-orders .account-feature-action{background:#effaf1;color:#16813d}
.account-feature-addresses .account-feature-icon{background:#f5efff;color:#8b3df3}
.account-feature-addresses .account-feature-action{background:#f7f2ff;color:#7a2bd3}
.account-feature-wishlist .account-feature-icon{background:#fff0f2;color:#ef3655}
.account-feature-wishlist .account-feature-action{background:#fff3f5;color:#e02f4b}
.account-feature-compare .account-feature-icon{background:#fff6e8;color:#e98a00}
.account-feature-compare .account-feature-action{background:#fff8eb;color:#d77900}
.account-feature-support .account-feature-icon{background:#ebf9fd;color:#00a8d6}
.account-feature-support .account-feature-action{background:#effbfe;color:#008eb7}
.account-feature-affiliate .account-feature-icon{background:#f4efff;color:#7b3bf0}
.account-feature-affiliate .account-feature-action{background:#f7f3ff;color:#6f32dc}

.account-security-strip{
  min-height:82px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border:1px solid #e3e7ec;
  border-radius:13px;
  background:#fff;
}
.account-security-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ecf9ef;
  color:#159947;
  font-size:22px;
}
.account-security-copy{
  min-width:0;
}
.account-security-copy b{
  display:block;
  margin-bottom:4px;
  font-size:16px;
}
.account-security-copy small{
  display:block;
  color:#667085;
  line-height:1.45;
}
.account-security-action{
  min-height:34px;
  border-radius:7px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  background:#eff9f1;
  color:#147a39;
  font-size:13px;
  font-weight:800;
}

/* Compare now behaves like an Account page */
.compare-account-card{
  padding:18px!important;
}
.compare-table-scroll{
  overflow:auto;
  max-width:100%;
}
.compare-account-table{
  min-width:760px;
}
.account-empty-state{
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
}
.account-empty-icon{
  width:50px;height:50px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#fff6e8;color:#e98a00;
  font-size:23px;
  margin-bottom:10px;
}
.account-empty-state h3{
  margin:0 0 6px;
}
.account-empty-state p{
  max-width:480px;
  margin:0 0 14px;
  color:#667085;
}
.account-hero-secondary{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #dfe3e8!important;
}

/* Forms/content spacing consistency */
.checkout-form-grid,
.profile-grid,
.affiliate-form-grid{
  gap:12px!important;
}
.checkout-field,
.ticket-form label,
.affiliate-form label{
  gap:6px!important;
}
.checkout-field input,
.checkout-field select,
.checkout-field textarea,
.ticket-form input,
.ticket-form select,
.ticket-form textarea,
.affiliate-form input,
.affiliate-form select,
.affiliate-form textarea{
  margin:0!important;
}
.ticket-item{
  padding:12px 0!important;
}
.ticket-item:first-child{padding-top:0!important}
.ticket-item:last-child{padding-bottom:0!important}

/* Footer/top-level page spacing */
.pixo-footer{
  margin-top:0!important;
}
.pixo-footer-top{
  gap:26px!important;
}
.pixo-footer-app-row{
  margin-top:22px!important;
}
.pixo-footer-bottom{
  margin-top:18px!important;
}

/* Responsive rhythm */
@media(max-width:1180px){
  .account-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  main > .container,
  main .container.account-page{
    padding-top:16px;
    padding-bottom:28px;
  }
  .account-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .account-sidebar{
    position:static!important;
  }
  .account-menu{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px 8px;
  }
  .account-menu .menu-section{
    grid-column:1/-1;
  }
  .account-support-card,
  .account-signout-form{
    max-width:100%;
  }
}
@media(max-width:700px){
  .account-hero,
  .affiliate-dashboard-head.account-hero,
  .affiliate-hero.account-hero{
    min-height:0!important;
    padding:20px!important;
    display:grid!important;
  }
  .account-hero h1,
  .affiliate-dashboard-head.account-hero h1,
  .affiliate-hero.account-hero h1{
    font-size:23px!important;
  }
  .account-feature-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .account-feature-card{
    min-height:0;
    padding:18px 15px 14px;
  }
  .account-feature-card p{
    min-height:0;
  }
  .account-security-strip{
    grid-template-columns:46px 1fr;
    padding:13px;
  }
  .account-security-action{
    grid-column:1/-1;
    justify-content:center;
  }
  .account-menu{
    grid-template-columns:1fr;
  }
  .account-menu .menu-section{
    grid-column:auto;
  }
}

/* V11.6 Homepage + Category refinements */
.pixo-category-menu .menurow{gap:0;justify-content:space-between}.pixo-category-menu .nav-item>a{white-space:nowrap}.pixo-category-menu .pixo-mega-menu{width:min(760px,calc(100vw - 40px))}.pixo-category-menu .mega-grid{grid-template-columns:repeat(4,minmax(145px,1fr))}.pixo-category-menu .mega-col a{line-height:1.35}
.quicktools .tool .ico{display:grid;place-items:center;font-size:22px!important;font-weight:400!important}.quicktools .tool .ico i{font-size:23px}
.home-product-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}.home-product-actions form{width:100%}.home-product-actions .btn,.home-product-actions form .btn{width:100%!important;min-width:0!important;height:42px!important;padding:0 10px!important;white-space:nowrap}
.store-experience-section{padding-top:22px!important;padding-bottom:22px!important;margin:0!important}
.pcard .pimg{width:100%!important;height:275px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}.pcard .pimg img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.category-page{padding-top:18px;padding-bottom:36px}.category-page .breadcrumb{margin-bottom:16px!important}.category-intro{padding:0 0 20px;border-bottom:1px solid #dde2e7}.category-intro h1{margin:0 0 8px;color:#2843d7;font-size:24px;font-weight:500}.category-intro p{max-width:1320px;margin:0;color:#111827;font-size:13px;line-height:1.65}.category-chip-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.category-chip{min-height:37px;padding:8px 14px;display:inline-flex;align-items:center;border:1px solid #d7dce2;border-radius:999px;background:#fff;color:#111827;font-size:13px}.category-chip:hover,.category-chip.active{border-color:#ff4b2b;color:#ff4b2b;background:#fff7f4}
.category-catalog-area{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:start;padding-top:18px}.category-filter-sidebar{border:1px solid #e0e4e8;border-radius:7px;background:#fff;overflow:hidden;position:sticky;top:142px}.category-filter-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e4e7eb;background:#fafbfc}.category-filter-head a{font-size:12px;color:#ff4b2b}.filter-panel{padding:13px 14px;border-bottom:1px solid #edf0f2}.filter-panel-title{margin-bottom:9px;font-weight:800;font-size:13px}.filter-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filter-price-grid input{min-width:0;width:100%;height:37px;padding:0 9px;border:1px solid #d9dee5;border-radius:5px}.filter-scroll{max-height:190px;overflow:auto}.filter-check{min-height:30px;display:flex;align-items:center;gap:8px;font-size:13px}.filter-check input{accent-color:#ff4b2b}.category-filter-apply{width:calc(100% - 28px);margin:14px}
.category-sortbar{min-height:52px;padding:8px 12px;display:flex;align-items:center;gap:12px;border:1px solid #e0e4e8;border-radius:7px;background:#fff}.category-count{margin-right:auto;color:#667085;font-size:13px}.category-sort-controls{display:flex;align-items:center;gap:12px}.category-sort-controls label{display:flex;align-items:center;gap:6px;font-size:13px}.category-sort-controls select{height:36px;border:1px solid #d9dee5;border-radius:5px;background:#fff;padding:0 9px}.mobile-filter-toggle{display:none;border:1px solid #d9dee5;background:#fff;border-radius:5px;min-height:36px;padding:0 10px;font-weight:700}
.category-product-list{display:grid;gap:10px;margin-top:12px}.star-list-card{min-height:255px;display:grid;grid-template-columns:250px minmax(0,1fr) 190px;gap:18px;align-items:center;padding:12px;border:1px solid #e0e4e8;border-radius:7px;background:#fff}.star-list-image{min-height:235px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff}.star-list-image img{width:100%!important;height:220px!important;object-fit:contain!important}.star-list-info small{color:#667085;font-size:12px}.star-list-info h3{margin:6px 0 10px;font-size:17px;line-height:1.35}.star-list-info h3 a{color:#111827}.star-list-info ul{margin:0;padding-left:18px;color:#475467;font-size:13px;line-height:1.65}.star-list-buy{display:flex;flex-direction:column;gap:7px;padding-left:14px;border-left:1px solid #eef0f2}.star-price{color:#e22e1a;font-size:20px;font-weight:900;text-align:center}.star-old-price{color:#98a2b3;font-size:12px;text-decoration:line-through;text-align:center}.star-list-buy form,.star-list-buy .btn{width:100%}.star-list-buy .btn{min-height:42px}.category-pagination{display:flex;justify-content:center;gap:8px;margin-top:18px}.category-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media(max-width:1250px){.pixo-category-menu .menurow{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.pixo-category-menu .menurow::-webkit-scrollbar{display:none}}
@media(max-width:980px){.category-catalog-area{grid-template-columns:1fr}.category-filter-sidebar{display:none;position:static}.category-filter-sidebar.open{display:block}.mobile-filter-toggle{display:inline-flex;align-items:center;gap:6px}.star-list-card{grid-template-columns:200px minmax(0,1fr) 170px}}
@media(max-width:700px){.pcard .pimg{height:210px!important}.category-intro h1{font-size:21px}.category-sortbar{flex-wrap:wrap}.category-count{order:2;width:100%}.category-sort-controls{width:100%;justify-content:space-between}.star-list-card{grid-template-columns:110px minmax(0,1fr);gap:10px;min-height:0}.star-list-image{min-height:130px;padding:4px}.star-list-image img{height:125px!important}.star-list-buy{grid-column:1/-1;border-left:0;border-top:1px solid #eef0f2;padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr}.star-price,.star-old-price{grid-column:1/-1}}

/* PixoNext V11.6.4 cumulative storefront corrections */

/* Homepage: stacked equal-width actions; Buy Now brand-orange on hover */
.home-product-actions{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin-top:10px!important;
}
.home-product-actions form,
.home-product-actions .btn,
.home-product-actions form .btn,
.buy-now-cart-form{
    width:100%!important;
}
.buy-now-cart-form{display:block;margin:0}
.buy-now-cart-form .btn{width:100%!important}
.home-product-actions .buy-now-cart-form .btn{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
.home-product-actions .buy-now-cart-form .btn:hover{
    background:var(--accent,#ff4b2b)!important;
    border-color:var(--accent,#ff4b2b)!important;
    color:#fff!important;
}

/* Category view switcher */
.category-view-toggle{
    display:flex!important;
    align-items:center;
    gap:5px;
    flex:0 0 auto;
}
.view-toggle-btn{
    width:36px;height:36px;display:grid;place-items:center;
    border:1px solid #d9dee5;border-radius:5px;background:#fff;
    color:#667085;cursor:pointer;font-size:18px;line-height:1;
}
.view-toggle-btn:hover{border-color:var(--accent,#ff4b2b);color:var(--accent,#ff4b2b)}
.view-toggle-btn.active{
    background:var(--accent,#ff4b2b)!important;
    border-color:var(--accent,#ff4b2b)!important;
    color:#fff!important;
}

/* GRID is the default visual layout */
.category-product-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.category-product-list.is-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.category-product-list.is-grid .star-list-card,
.category-product-list:not(.is-list) .star-list-card{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:12px!important;
}
.category-product-list.is-grid .star-list-image,
.category-product-list:not(.is-list) .star-list-image{
    width:100%!important;
    min-height:220px!important;
    padding:5px!important;
}
.category-product-list.is-grid .star-list-image img,
.category-product-list:not(.is-list) .star-list-image img{
    width:100%!important;height:215px!important;object-fit:contain!important;
}
.category-product-list.is-grid .star-list-info,
.category-product-list:not(.is-list) .star-list-info{flex:1}
.category-product-list.is-grid .star-list-info h3,
.category-product-list:not(.is-list) .star-list-info h3{font-size:15px!important;margin:5px 0 8px!important}
.category-product-list.is-grid .star-list-info ul,
.category-product-list:not(.is-list) .star-list-info ul{font-size:12px!important;line-height:1.5!important;padding-left:16px!important}
.category-product-list.is-grid .star-list-buy,
.category-product-list:not(.is-list) .star-list-buy{
    width:100%!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid #eef0f2!important;
}

/* LIST restores horizontal category result cards */
.category-product-list.is-list{grid-template-columns:1fr!important}
.category-product-list.is-list .star-list-card{
    min-height:255px!important;
    display:grid!important;
    grid-template-columns:250px minmax(0,1fr) 190px!important;
    gap:18px!important;align-items:center!important;padding:12px!important;
}
.category-product-list.is-list .star-list-image{min-height:235px!important;padding:8px!important}
.category-product-list.is-list .star-list-image img{height:220px!important;object-fit:contain!important}
.category-product-list.is-list .star-list-buy{
    display:flex!important;flex-direction:column!important;gap:7px!important;
    padding-left:14px!important;border-left:1px solid #eef0f2!important;border-top:0!important;
}

@media(max-width:1180px){
    .category-product-list,.category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .category-product-list.is-list{grid-template-columns:1fr!important}
    .category-product-list.is-list .star-list-card{grid-template-columns:200px minmax(0,1fr) 170px!important}
}
@media(max-width:700px){
    .category-view-toggle{margin-left:auto}
    .category-product-list,.category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    .category-product-list.is-grid .star-list-card,.category-product-list:not(.is-list) .star-list-card{padding:8px!important}
    .category-product-list.is-grid .star-list-image,.category-product-list:not(.is-list) .star-list-image{min-height:145px!important}
    .category-product-list.is-grid .star-list-image img,.category-product-list:not(.is-list) .star-list-image img{height:140px!important}
    .category-product-list.is-grid .star-list-info ul,.category-product-list:not(.is-list) .star-list-info ul{display:none!important}
    .category-product-list.is-list .star-list-card{grid-template-columns:110px minmax(0,1fr)!important;gap:10px!important;min-height:0!important}
    .category-product-list.is-list .star-list-image{min-height:130px!important;padding:4px!important}
    .category-product-list.is-list .star-list-image img{height:125px!important}
    .category-product-list.is-list .star-list-buy{
        grid-column:1/-1!important;border-left:0!important;border-top:1px solid #eef0f2!important;
        padding:10px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:430px){
    .category-product-list,.category-product-list.is-grid{grid-template-columns:1fr!important}
}

/* PixoNext V11.6.5 — category mega-menu viewport fix */
.pixo-category-menu .nav-item{position:relative!important}
.pixo-category-menu .pixo-mega-menu{
    width:min(430px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    padding:18px!important;
    box-sizing:border-box!important;
}
.pixo-category-menu .mega-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 24px!important;
}
.pixo-category-menu .mega-col{min-width:0!important}
.pixo-category-menu .mega-col a{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
/* Last menu items open inward instead of outside the screen */
.pixo-category-menu .nav-item:nth-last-child(-n+6) > .pixo-mega-menu{
    left:auto!important;
    right:0!important;
}
/* Keep the footer aligned with the compact 2-column dropdown */
.pixo-category-menu .mega-foot{
    margin-top:14px!important;
    padding-top:12px!important;
}
/* Narrow screens: dropdown stays inside viewport */
@media (max-width:900px){
    .pixo-category-menu .pixo-mega-menu{
        position:fixed!important;
        left:16px!important;
        right:16px!important;
        top:auto;
        width:auto!important;
        max-width:none!important;
    }
}

/* PixoNext V11.6.6 — unified product pricing */
.product-card .price,
.star-list-buy .star-price{
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:800!important;
}
.product-card .old,
.star-list-buy .star-old-price{
    font-size:14px!important;
    line-height:1.25!important;
    margin:0!important;
}
.product-card > div:has(.price),
.star-list-buy{
    align-items:center;
}
.product-card > div:has(.price){
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
}
.category-product-list.is-grid .star-list-buy,
.category-product-list:not(.is-list) .star-list-buy{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px 9px!important;
}
.category-product-list.is-grid .star-list-buy form,
.category-product-list:not(.is-list) .star-list-buy form{
    flex:1 1 100%!important;
}
/* 4 attractive cards per row on normal desktop category pages */
@media(min-width:1280px){
    .category-product-list,
    .category-product-list.is-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}
@media(min-width:901px) and (max-width:1279px){
    .category-product-list,
    .category-product-list.is-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* PixoNext V11.6.7 — product image labels */
.pcard,.star-list-image{position:relative!important}
.product-image-labels{
    position:absolute;top:10px;left:10px;z-index:4;
    display:flex;flex-direction:column;align-items:flex-start;gap:5px;
    pointer-events:none;
}
.product-label{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:24px;padding:3px 8px;border-radius:5px;
    font-size:11px;font-weight:800;line-height:1;letter-spacing:.25px;
    box-shadow:0 2px 8px rgba(15,23,42,.10);
}
.product-label.discount{background:var(--accent,#ff4b2b);color:#fff}
.product-label.hot{background:#111827;color:#fff}
.product-label.new{background:#fff;color:#111827;border:1px solid #dfe3e8}
@media(max-width:600px){
    .product-image-labels{top:7px;left:7px;gap:4px}
    .product-label{font-size:10px;min-height:21px;padding:3px 6px}
}

/* V11.6.8 — ensure product action buttons sit above product-detail links */
.home-product-actions,.star-list-buy{position:relative!important;z-index:10!important}
.buy-now-cart-form,.buy-now-cart-form .btn{position:relative!important;z-index:12!important;pointer-events:auto!important}

/* V11.6.9 — consistent product image stage */
.pcard .pimg,
.category-product-list .star-list-image{
    overflow:hidden!important;
    background:#fff!important;
}
.pcard .pimg{
    height:230px!important;
    min-height:230px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
    box-sizing:border-box!important;
}
.pcard .pimg img,
.pcard img.pimg{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
}
.category-product-list.is-grid .star-list-image,
.category-product-list:not(.is-list) .star-list-image{
    height:230px!important;
    min-height:230px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
    box-sizing:border-box!important;
}
.category-product-list.is-grid .star-list-image img,
.category-product-list:not(.is-list) .star-list-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
}
@media(max-width:700px){
    .pcard .pimg,
    .category-product-list.is-grid .star-list-image,
    .category-product-list:not(.is-list) .star-list-image{
        height:170px!important;min-height:170px!important;padding:8px!important;
    }
}

/* V11.7.0 — tighter image stage */
.category-product-list.is-grid .star-list-image,.category-product-list:not(.is-list) .star-list-image{height:178px!important;min-height:178px!important;padding:0!important;margin:0!important;background:#fff!important}
.category-product-list.is-grid .star-list-image img,.category-product-list:not(.is-list) .star-list-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}
.pcard .pimg{height:205px!important;min-height:205px!important;padding:4px!important}
.product-image-labels{top:8px!important;left:8px!important;right:8px!important;max-width:calc(100% - 16px)}
.product-label{width:max-content;max-width:100%;font-size:11px!important;border-radius:3px!important;white-space:normal}
.product-label.discount{background:#6f2dbd!important;color:#fff!important}.product-label.gift{background:#7b1fa2!important;color:#fff!important}.product-label.hot{background:#ff4b2b!important;color:#fff!important}.product-label.new{background:#111827!important;color:#fff!important;border:0!important}
/* Add-to-cart confirmation */
.pixo-cart-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.pixo-cart-modal.open{display:flex}
.pixo-cart-modal-backdrop{position:absolute;inset:0;background:rgba(8,15,28,.72)}
.pixo-cart-modal-card{position:relative;width:min(690px,96vw);background:#fff;border-radius:8px;padding:28px 30px 24px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:grid;grid-template-columns:46px 1fr 180px;gap:16px;align-items:center}
.pixo-cart-modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#667085}.pixo-cart-success{font-size:31px;color:#16a36a}
.pixo-cart-added-copy small{font-size:11px;font-weight:800;color:#16a36a;letter-spacing:.06em}.pixo-cart-added-copy h3{margin:3px 0 5px;font-size:19px}.pixo-cart-added-copy p{margin:0;color:#596579;font-size:13px}
.pixo-cart-added-summary{border-left:1px solid #e4e7ec;padding-left:18px;display:grid;gap:8px;font-size:13px}.pixo-cart-added-summary span{display:flex;justify-content:space-between;gap:10px}
.pixo-cart-modal-actions{grid-column:2/4;display:flex;gap:10px;margin-top:5px}.pixo-cart-modal-actions .btn{min-width:135px}.pixo-spin{display:inline-block;animation:pixoSpin .8s linear infinite}@keyframes pixoSpin{to{transform:rotate(360deg)}}
@media(max-width:650px){.pixo-cart-modal-card{grid-template-columns:38px 1fr;padding:24px 18px 18px}.pixo-cart-added-summary{grid-column:1/3;border-left:0;border-top:1px solid #e4e7ec;padding:12px 0 0}.pixo-cart-modal-actions{grid-column:1/3}.pixo-cart-modal-actions .btn{flex:1;min-width:0}}
/* Cleaner checkout */
.checkout-page{max-width:1180px!important}.checkout-premium-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr)!important;gap:18px!important;align-items:start}
.checkout-section,.checkout-summary-card{border:1px solid #e1e6ed!important;border-radius:7px!important;box-shadow:0 2px 9px rgba(15,23,42,.035)!important}.checkout-section{padding:18px!important;margin-bottom:14px!important}
.checkout-section-head{padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px solid #edf0f3}.checkout-section-head h2,.checkout-summary-card h2{font-size:17px!important}
.checkout-field input,.checkout-field textarea{min-height:44px!important;border-radius:4px!important}.checkout-summary{position:sticky!important;top:92px!important}.checkout-summary-card{padding:18px!important}.checkout-summary-card .btn.primary{min-height:46px!important;font-weight:800!important}
@media(max-width:900px){.checkout-premium-layout{grid-template-columns:1fr!important}.checkout-summary{position:static!important}}

/* ===== V11.7.1 HARD FIX: card media, badges, quick-cart ===== */
.pcard,.star-list-card{position:relative!important}
.pcard>a:first-of-type,.star-list-image{position:relative!important;display:block!important;overflow:hidden!important;background:#fff!important}
.product-image-labels{
  position:absolute!important;z-index:8!important;top:8px!important;left:8px!important;right:auto!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;
  pointer-events:none!important
}
.product-label{display:inline-flex!important;align-items:center!important;min-height:23px!important;padding:4px 8px!important;
  font-size:11px!important;font-weight:800!important;line-height:1.2!important;border-radius:3px!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.product-label.discount{background:#6b2fb8!important;color:#fff!important}
.product-label.gift{background:#8b1d88!important;color:#fff!important}
.product-label.hot{background:#ff4b2b!important;color:#fff!important}
.product-label.new{background:#101828!important;color:#fff!important}

/* Homepage: use the image area efficiently without distorting the photo. */
.pcard .pimg{height:205px!important;min-height:205px!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.pcard .pimg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}

/* Category grid: remove the large empty top/bottom area visible in V11.7.0. */
.category-product-list:not(.is-list) .star-list-image,
.category-product-list.is-grid .star-list-image{height:185px!important;min-height:185px!important;padding:0!important}
.category-product-list:not(.is-list) .star-list-image img,
.category-product-list.is-grid .star-list-image img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transform:scale(1.08);display:block!important
}
/* List view remains natural and uncropped. */
.category-product-list.is-list .star-list-image img{transform:none!important;object-fit:contain!important}

/* Quick cart popup */
.pixo-quick-cart-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.pixo-quick-cart-modal.open{display:flex}
.pixo-qc-backdrop{position:absolute;inset:0;background:rgba(8,15,28,.70)}
.pixo-qc-box{position:relative;width:min(720px,96vw);background:#fff;border-radius:8px;padding:26px 28px;box-shadow:0 24px 70px rgba(0,0,0,.28);
 display:grid;grid-template-columns:48px minmax(0,1fr) 180px;gap:15px;align-items:center}
.pixo-qc-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:27px;color:#667085;cursor:pointer}
.pixo-qc-icon{font-size:34px;color:#18a566}.pixo-qc-copy small{font-size:11px;color:#18a566;font-weight:800;letter-spacing:.07em}
.pixo-qc-copy h3{font-size:20px;margin:2px 0 4px}.pixo-qc-copy p{margin:0;color:#667085;font-size:13px}
.pixo-qc-meta{border-left:1px solid #e5e7eb;padding-left:18px;display:grid;gap:5px;font-size:13px}.pixo-qc-meta strong{font-size:18px;color:#ff4b2b}
.pixo-qc-actions{grid-column:2/4;display:flex;gap:8px;justify-content:flex-end;margin-top:5px}.pixo-qc-actions .btn{min-height:42px}
@media(max-width:680px){.pixo-qc-box{grid-template-columns:40px 1fr;padding:22px 16px}.pixo-qc-meta{grid-column:1/3;border-left:0;border-top:1px solid #e5e7eb;padding:12px 0 0}.pixo-qc-actions{grid-column:1/3;display:grid;grid-template-columns:1fr}.pixo-qc-actions .btn{width:100%}}

/* ============================================================
   V11.7.2 definitive product-card alignment + runtime labels
   ============================================================ */
.pcard,.category-product-list:not(.is-list) .star-list-card,.category-product-list.is-grid .star-list-card{
  height:100%!important;display:flex!important;flex-direction:column!important
}
.pcard .pbody,.category-product-list:not(.is-list) .star-list-info,.category-product-list.is-grid .star-list-info{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important
}
.pcard .pbody .mini-spec{margin-bottom:10px!important}
.pcard .home-product-actions{margin-top:auto!important;padding-top:10px!important}
.category-product-list:not(.is-list) .star-list-buy,.category-product-list.is-grid .star-list-buy{margin-top:auto!important}
.pcard .price,.star-price{font-size:23px!important;font-weight:900!important;line-height:1.15!important;color:#ff3f20!important}
.pcard .old,.star-old-price{font-size:13px!important;color:#98a2b3!important;margin-left:7px!important}

/* Product imagery: fill the intended visual area; no giant blank band. */
.pcard .pimg{height:205px!important;min-height:205px!important;padding:0!important;position:relative!important;overflow:hidden!important;background:#fff!important}
.pcard .pimg img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.category-product-list:not(.is-list) .star-list-image,.category-product-list.is-grid .star-list-image{
  height:190px!important;min-height:190px!important;padding:0!important;position:relative!important;overflow:hidden!important;background:#fff!important
}
.category-product-list:not(.is-list) .star-list-image>img,.category-product-list.is-grid .star-list-image>img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important
}

/* Runtime + server badges */
.product-image-labels{position:absolute!important;z-index:20!important;top:8px!important;left:8px!important;right:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;pointer-events:none!important}
.product-label{display:inline-flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:calc(100% - 8px)!important;min-height:24px!important;padding:4px 8px!important;border-radius:3px!important;font-size:11px!important;font-weight:850!important;line-height:1.15!important;box-shadow:0 2px 7px rgba(15,23,42,.14)!important}
.product-label.discount{background:#6f2dbd!important;color:#fff!important}
.product-label.gift{background:#8b1d88!important;color:#fff!important}
.product-label.hot{background:#ff4b2b!important;color:#fff!important}
.product-label.new{background:#101828!important;color:#fff!important;border:0!important}

/* Quick-cart popup */
.pixo-runtime-cart-modal{position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;padding:20px}
.pixo-runtime-cart-modal.open{display:flex}
.pixo-rt-backdrop{position:absolute;inset:0;background:rgba(8,15,28,.72)}
.pixo-rt-box{position:relative;width:min(720px,96vw);background:#fff;border-radius:9px;padding:28px;display:grid;grid-template-columns:48px minmax(0,1fr) 180px;gap:15px;align-items:center;box-shadow:0 26px 80px rgba(0,0,0,.30)}
.pixo-rt-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:26px;cursor:pointer;color:#667085}
.pixo-rt-icon{font-size:34px;color:#18a566}.pixo-rt-copy small{font-size:11px;font-weight:850;color:#18a566;letter-spacing:.08em}.pixo-rt-copy h3{font-size:20px;margin:3px 0 4px}.pixo-rt-copy p{font-size:13px;color:#667085;margin:0}
.pixo-rt-summary{border-left:1px solid #e5e7eb;padding-left:18px;display:grid;gap:7px}.pixo-rt-summary span{display:flex;justify-content:space-between;gap:10px;font-size:13px}.pixo-rt-summary b{font-size:15px}
.pixo-rt-actions{grid-column:2/4;display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
@media(max-width:680px){.pixo-rt-box{grid-template-columns:40px 1fr;padding:22px 16px}.pixo-rt-summary{grid-column:1/3;border-left:0;border-top:1px solid #e5e7eb;padding:12px 0 0}.pixo-rt-actions{grid-column:1/3;display:grid;grid-template-columns:1fr}.pixo-rt-actions .btn{width:100%}}

/* ============================================================
   PixoNext V11.7.3 — requested card/category/home refinements
   ============================================================ */

/* Save badge: never wrap into 2 lines */
.product-label.discount{
  white-space:nowrap!important;
  max-width:none!important;
  flex-wrap:nowrap!important;
}

/* Stronger price hierarchy everywhere */
.pcard .price,
.star-price,
.best-selling-price .price{
  font-size:25px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.pcard .old,.star-old-price,.best-selling-price .old{
  font-size:13px!important;
  margin-left:7px!important;
}

/* Homepage Buy Now: dark default -> brand orange hover */
.home-product-actions .btn.primary{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.home-product-actions .btn.primary:hover{
  background:var(--accent,#ff4b2b)!important;
  border-color:var(--accent,#ff4b2b)!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(255,75,43,.20);
}

/* Category Buy Now: orange default with a visible hover effect */
.category-product-list .star-list-buy .btn.primary{
  background:var(--accent,#ff4b2b)!important;
  border-color:var(--accent,#ff4b2b)!important;
  color:#fff!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.category-product-list .star-list-buy .btn.primary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 18px rgba(255,75,43,.24)!important;
  filter:brightness(.92);
}

/* Grid/List controls: visible even if icon font is unavailable */
.category-view-toggle{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-left:8px!important;
}
.view-toggle-btn{
  width:auto!important;
  min-width:62px!important;
  height:36px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #d9dee5!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:750!important;
}
.view-toggle-btn i{font-size:17px!important}
.view-toggle-btn.active{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}
.view-toggle-btn:hover:not(.active){
  border-color:var(--accent,#ff4b2b)!important;
  color:var(--accent,#ff4b2b)!important;
}

/* Best Selling carousel */
.best-selling-section{overflow:hidden}
.best-selling-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important}
.best-selling-head>div:first-child h2{margin-bottom:4px}
.best-selling-controls{display:flex;gap:7px;flex:0 0 auto}
.carousel-nav{
  width:40px;height:40px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;color:#111827;
  display:grid;place-items:center;cursor:pointer;font-size:19px;
}
.carousel-nav:hover{background:#111827;color:#fff;border-color:#111827}
.best-selling-track{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:2px 1px 8px;
}
.best-selling-track::-webkit-scrollbar{display:none}
.best-selling-card{
  flex:0 0 calc((100% - 42px)/4)!important;
  min-width:0!important;
  scroll-snap-align:start;
}
.best-selling-card .pbody{display:flex!important;flex-direction:column!important;flex:1!important}
.best-selling-price{margin-top:auto;padding-top:10px}
.best-selling-card .home-product-actions{margin-top:10px!important}

/* Keep card action rows level */
.pcard .pbody{height:100%!important}
.pcard .home-product-actions{margin-top:auto!important}
@media(max-width:1050px){.best-selling-card{flex-basis:calc((100% - 28px)/3)!important}}
@media(max-width:760px){.best-selling-card{flex-basis:calc((100% - 14px)/2)!important}.best-selling-head{align-items:center!important}}
@media(max-width:480px){.best-selling-card{flex-basis:86%!important}.view-toggle-btn span{display:none}.view-toggle-btn{min-width:38px!important;padding:0 7px!important}}

/* ============================================================
   PixoNext V11.7.4 visual-consistency correction
   ============================================================ */

/* Larger image area on homepage cards and carousel — same geometry */
.pcard .pimg,
.best-selling-card .pimg{
  height:255px!important;
  min-height:255px!important;
  padding:0!important;
}
.pcard .pimg img,
.best-selling-card .pimg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Best Selling uses the SAME card proportions as Editor's Picks */
.best-selling-card{
  min-height:0!important;
}
.best-selling-card .pbody,
.products .pcard .pbody{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
.best-selling-card .mini-spec,
.products .pcard .mini-spec{
  min-height:88px!important;
}
.best-selling-card .home-product-actions,
.products .pcard .home-product-actions{
  margin-top:auto!important;
}

/* Maximum 2 visible badges (discount + one meaningful secondary) */
.product-image-labels{
  gap:6px!important;
}
.product-label.discount{
  white-space:nowrap!important;
  max-width:none!important;
  padding:5px 9px!important;
}
.product-label.gift,.product-label.hot,.product-label.new{
  min-width:0!important;
}

/* Carousel exact 4-card desktop rhythm */
.best-selling-track{
  align-items:stretch!important;
}
.best-selling-card{
  flex:0 0 calc((100% - 42px)/4)!important;
}

/* Category: keep image generous but avoid blank framing */
.category-product-list:not(.is-list) .star-list-image,
.category-product-list.is-grid .star-list-image{
  height:220px!important;
  min-height:220px!important;
}
.category-product-list:not(.is-list) .star-list-image>img,
.category-product-list.is-grid .star-list-image>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

/* Grid/list controls should never disappear into sort area */
.category-sortbar{
  flex-wrap:wrap!important;
}
.category-view-toggle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:1050px){
 .best-selling-card{flex-basis:calc((100% - 28px)/3)!important}
 .pcard .pimg,.best-selling-card .pimg{height:230px!important;min-height:230px!important}
}
@media(max-width:760px){
 .best-selling-card{flex-basis:calc((100% - 14px)/2)!important}
 .pcard .pimg,.best-selling-card .pimg{height:210px!important;min-height:210px!important}
}
@media(max-width:480px){
 .best-selling-card{flex-basis:86%!important}
}

/* ============================================================
   V11.7.5 — FINAL HOMEPAGE CARD DESIGN
   Reference: user-approved single card.
   ============================================================ */

/* Both homepage sections use one identical card geometry */
.products,
.best-selling-track{
  align-items:stretch!important;
}
.products .pcard,
.best-selling-card{
  box-sizing:border-box!important;
  height:640px!important;
  min-height:640px!important;
  border:1px solid #dfe3e8!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Final approved media proportion */
.products .pcard .pimg,
.best-selling-card .pimg{
  height:255px!important;
  min-height:255px!important;
  max-height:255px!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.products .pcard .pimg img,
.best-selling-card .pimg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Identical content rhythm regardless of title/spec length */
.products .pcard .pbody,
.best-selling-card .pbody{
  height:385px!important;
  min-height:385px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
.products .pcard .pbody>small,
.best-selling-card .pbody>small{
  min-height:18px!important;
}
.products .pcard h3,
.best-selling-card h3{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:5px 0 10px!important;
  line-height:1.42!important;
  overflow:hidden!important;
}
.products .pcard .mini-spec,
.best-selling-card .mini-spec{
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  overflow:hidden!important;
  margin:0 0 8px!important;
  padding-top:12px!important;
  border-top:1px solid #edf0f2!important;
  box-sizing:border-box!important;
}
.products .pcard .price,
.best-selling-card .price{
  font-size:25px!important;
  font-weight:900!important;
}
.products .pcard .home-product-actions,
.best-selling-card .home-product-actions{
  margin-top:auto!important;
  padding-top:10px!important;
}

/* Only server-selected badges. Never all states on one card. */
.product-image-labels{
  z-index:15!important;
}
.product-label.discount{
  white-space:nowrap!important;
}
.product-label.gift,
.product-label.hot,
.product-label.new{
  white-space:nowrap!important;
}

/* Carousel same width/card design as Editor section */
.best-selling-card{
  flex:0 0 calc((100% - 42px)/4)!important;
}

/* Category grid: consistent fixed card height too */
.category-product-list:not(.is-list) .star-list-card,
.category-product-list.is-grid .star-list-card{
  height:545px!important;
  min-height:545px!important;
  display:flex!important;
  flex-direction:column!important;
}
.category-product-list:not(.is-list) .star-list-image,
.category-product-list.is-grid .star-list-image{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
}
.category-product-list:not(.is-list) .star-list-info,
.category-product-list.is-grid .star-list-info{
  min-height:190px!important;
  max-height:190px!important;
  overflow:hidden!important;
}
.category-product-list:not(.is-list) .star-list-buy,
.category-product-list.is-grid .star-list-buy{
  margin-top:auto!important;
}

/* Grid/List buttons are always present and readable */
.category-view-toggle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  gap:6px!important;
}
.view-toggle-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:64px!important;
  width:auto!important;
  padding:0 10px!important;
}

@media(max-width:1050px){
  .products .pcard,.best-selling-card{height:610px!important;min-height:610px!important}
  .products .pcard .pimg,.best-selling-card .pimg{height:230px!important;min-height:230px!important;max-height:230px!important}
  .products .pcard .pbody,.best-selling-card .pbody{height:380px!important;min-height:380px!important}
  .best-selling-card{flex-basis:calc((100% - 28px)/3)!important}
}
@media(max-width:760px){
  .best-selling-card{flex-basis:calc((100% - 14px)/2)!important}
}
@media(max-width:480px){
  .products .pcard,.best-selling-card{height:auto!important;min-height:590px!important}
  .best-selling-card{flex-basis:86%!important}
}

/* ============================================================
   PixoNext V11.8.0 — Stable Category + Checkout
   ============================================================ */

/* Category reliability/consistency */
.category-product-list.is-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.category-product-list.is-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.category-product-list.is-grid .star-list-card{
  height:545px!important;
  min-height:545px!important;
}
.category-product-list.is-grid .star-list-image{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
}
.category-product-list.is-grid .star-list-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.category-product-list.is-grid .star-list-info{
  min-height:180px!important;
  max-height:180px!important;
  overflow:hidden!important;
}
.category-product-list.is-grid .star-list-buy{
  margin-top:auto!important;
}
.category-price-row{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.category-view-toggle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.view-toggle-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:64px!important;
}
@media(max-width:1180px){
  .category-product-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .category-product-list.is-grid{grid-template-columns:1fr!important}
}

/* Checkout copied structurally from the supplied reference, adapted to PixoNext */
.star-checkout-page{
  max-width:1180px!important;
  padding-top:14px!important;
  padding-bottom:42px!important;
}
.checkout-title{
  margin:10px 0 12px!important;
  font-size:24px!important;
  font-weight:700!important;
}
.checkout-alert{
  margin-bottom:14px;
  padding:12px 16px;
  border-radius:5px;
  background:#e8f6f3;
  border:1px solid #d5eee8;
  color:#344054;
  font-size:13px;
}
.checkout-alert.error{
  background:#fff1f0;
  border-color:#ffd2cc;
  color:#b42318;
}
.star-checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(310px,.8fr);
  gap:18px;
  align-items:start;
}
.star-checkout-left{
  display:grid;
  gap:16px;
}
.star-checkout-card{
  background:#fff;
  border:1px solid #e1e5ea;
  border-radius:6px;
  padding:17px;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.star-checkout-card-title{
  display:flex;
  align-items:center;
  gap:9px;
  padding-bottom:11px;
  margin-bottom:13px;
  border-bottom:1px solid #eceff3;
}
.star-checkout-card-title i{
  color:var(--accent,#ff4b2b);
  font-size:20px;
}
.star-checkout-card-title h2{
  margin:0!important;
  font-size:16px!important;
  font-weight:800!important;
}
.star-checkout-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px 18px;
}
.star-checkout-grid .full{
  grid-column:1/-1;
}
.star-checkout-page .checkout-field label{
  display:block;
  margin-bottom:5px;
  color:#111827;
  font-size:12px;
  font-weight:700;
}
.star-checkout-page .checkout-field input,
.star-checkout-page .checkout-field textarea{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #d8dee7;
  border-radius:4px;
  background:#fff;
  box-sizing:border-box;
  font:inherit;
}
.star-checkout-page .checkout-field textarea{
  resize:vertical;
}
.star-checkout-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.checkout-helper{
  margin:0 0 10px;
  color:#667085;
  font-size:12px;
}
.compact-radio-list{
  display:grid;
  gap:9px;
}
.compact-radio-list label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  cursor:pointer;
}
.compact-radio-list input{
  accent-color:var(--accent,#ff4b2b);
}
.payment-accept{
  display:grid;
  gap:4px;
  margin-top:16px;
  padding-top:12px;
  border-top:1px dashed #e0e4ea;
  font-size:12px;
}
.payment-accept span{
  color:#667085;
}
.checkout-product-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 0;
  border-bottom:1px solid #edf0f2;
}
.checkout-product-row:last-child{
  border-bottom:0;
}
.checkout-product-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.checkout-product-main img{
  width:54px;
  height:54px;
  object-fit:contain;
  border:1px solid #edf0f2;
  border-radius:4px;
  background:#fff;
}
.checkout-product-main div{
  display:grid;
  gap:3px;
  min-width:0;
}
.checkout-product-main b{
  font-size:13px;
}
.checkout-product-main small{
  color:#667085;
}
.summary-sticky{
  position:sticky;
  top:104px;
}
.checkout-coupon-box{
  margin-bottom:16px;
  padding:13px;
  border:1px dashed #cfd6df;
  border-radius:6px;
  background:#fafbfc;
  display:grid;
  gap:5px;
}
.checkout-coupon-box>b{
  font-size:13px;
}
.checkout-coupon-box>small{
  color:#667085;
  font-size:11px;
}
.checkout-coupon-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  margin-top:7px;
}
.checkout-coupon-row input{
  min-width:0;
  height:40px;
  padding:0 10px;
  border:1px solid #d8dee7;
  border-right:0;
  border-radius:4px 0 0 4px;
}
.checkout-coupon-row .btn{
  border-radius:0 4px 4px 0!important;
  min-width:68px;
}
.star-order-summary .summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #edf0f2;
  font-size:13px;
}
.star-order-summary .summary-line.total{
  margin-top:2px;
  font-size:16px;
  border-bottom:0;
}
.star-order-summary .summary-line.total b{
  color:var(--accent,#ff4b2b);
  font-size:19px;
}
.checkout-agree{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0 14px;
  font-size:11px;
  line-height:1.45;
}
.checkout-agree input{
  margin-top:3px;
  accent-color:var(--accent,#ff4b2b);
}
.checkout-agree a{
  color:var(--accent,#ff4b2b);
}
.checkout-confirm-btn{
  width:100%!important;
  min-height:44px!important;
  font-weight:800!important;
}
@media(max-width:900px){
  .star-checkout-layout{grid-template-columns:1fr}
  .summary-sticky{position:static}
}
@media(max-width:650px){
  .star-checkout-grid,
  .star-checkout-two-col{grid-template-columns:1fr}
  .star-checkout-grid .full{grid-column:auto}
  .star-checkout-card{padding:14px}
}

/* ============================================================
   PixoNext V11.8.1 — CATEGORY CARD ONLY
   Fixes button overflow / uneven card rhythm from category pages.
   Homepage and other pages are intentionally untouched.
   ============================================================ */

/* Grid card shell */
.category-product-list.is-grid .star-list-card{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    padding:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #dfe3e8!important;
    border-radius:8px!important;
}

/* Product image */
.category-product-list.is-grid .star-list-image{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    flex:0 0 220px!important;
    padding:0!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    border-radius:5px!important;
    background:#fff!important;
}
.category-product-list.is-grid .star-list-image>img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    display:block!important;
}

/* Text area gets a predictable amount of space */
.category-product-list.is-grid .star-list-info{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
}
.category-product-list.is-grid .star-list-info small{
    min-height:18px!important;
    line-height:18px!important;
}
.category-product-list.is-grid .star-list-info h3{
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    overflow:hidden!important;
    margin:4px 0 8px!important;
    line-height:1.35!important;
}
.category-product-list.is-grid .star-list-info ul{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:7px 0 0 17px!important;
    line-height:1.5!important;
}

/* Pricing and actions always stay inside the card */
.category-product-list.is-grid .star-list-buy{
    flex:0 0 auto!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid #edf0f2!important;
    border-left:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    box-sizing:border-box!important;
}
.category-product-list.is-grid .category-price-row{
    min-height:28px!important;
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
}
.category-product-list.is-grid .star-price{
    font-size:22px!important;
    line-height:1.1!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.category-product-list.is-grid .star-old-price{
    font-size:12px!important;
    white-space:nowrap!important;
}
.category-product-list.is-grid .star-list-buy form{
    width:100%!important;
    margin:0!important;
}
.category-product-list.is-grid .star-list-buy .btn{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
}

/* Keep labels neat */
.category-product-list.is-grid .product-image-labels{
    top:8px!important;
    left:8px!important;
    right:auto!important;
}
.category-product-list.is-grid .product-label{
    max-width:190px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* List view must remain list-style, not inherit fixed grid geometry */
.category-product-list.is-list .star-list-card{
    height:auto!important;
    min-height:240px!important;
    max-height:none!important;
    overflow:visible!important;
}
.category-product-list.is-list .star-list-info,
.category-product-list.is-list .star-list-buy{
    max-height:none!important;
    height:auto!important;
}

/* Responsive category-only adjustments */
@media(max-width:1180px){
    .category-product-list.is-grid .star-list-card{
        height:550px!important;
        min-height:550px!important;
        max-height:550px!important;
    }
}
@media(max-width:820px){
    .category-product-list.is-grid .star-list-card{
        height:535px!important;
        min-height:535px!important;
        max-height:535px!important;
    }
    .category-product-list.is-grid .star-list-image{
        height:195px!important;
        min-height:195px!important;
        max-height:195px!important;
        flex-basis:195px!important;
    }
}
@media(max-width:480px){
    .category-product-list.is-grid .star-list-card{
        height:auto!important;
        min-height:520px!important;
        max-height:none!important;
    }
}

/* ============================================================
   PixoNext V11.8.2 — Account header authentication links
   ============================================================ */
.account-quick-guest{
    cursor:default!important;
}
.account-quick-guest:hover{
    background:transparent!important;
}
.account-auth-links{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    white-space:nowrap!important;
}
.account-auth-links a{
    color:inherit!important;
    text-decoration:none!important;
    position:relative;
    transition:color .16s ease!important;
}
.account-auth-links a:hover{
    color:var(--accent,#ff4b2b)!important;
}
.account-auth-links a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-2px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .16s ease;
}
.account-auth-links a:hover::after{
    transform:scaleX(1);
}
.account-auth-links span{
    opacity:.72;
}
.account-quick-auth small{
    color:inherit!important;
}

/* ============================================================
   PixoNext V11.8.3 — CATEGORY CARD DEFINITIVE FIX
   ============================================================ */

/* Remove old horizontal/list-buy geometry from grid cards */
.category-product-list.is-grid .star-list-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:555px!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  border-radius:8px!important;
}

.category-product-list.is-grid .star-list-image{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:215px!important;
  min-height:215px!important;
  max-height:215px!important;
  flex:0 0 215px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.category-product-list.is-grid .star-list-image>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

.category-product-list.is-grid .star-list-info{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:175px!important;
  max-height:175px!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}
.category-product-list.is-grid .star-list-info small{
  display:block!important;
  min-height:18px!important;
  margin:0 0 4px!important;
  color:var(--muted)!important;
}
.category-product-list.is-grid .star-list-info h3{
  display:block!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  line-height:1.35!important;
}
.category-product-list.is-grid .star-list-info ul{
  display:block!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  margin:0!important;
  padding:7px 0 0 17px!important;
  overflow:hidden!important;
  line-height:1.5!important;
  box-sizing:border-box!important;
}

/* Price + actions are always full-width and vertically stacked */
.category-product-list.is-grid .star-list-buy{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  gap:8px!important;
  border-left:0!important;
  border-top:1px solid #edf0f2!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .category-price-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:30px!important;
  gap:7px!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}
.category-product-list.is-grid .star-price{
  font-size:23px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:var(--accent,#ff4b2b)!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .star-old-price{
  font-size:12px!important;
  color:#98a2b3!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .star-list-buy form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.category-product-list.is-grid .star-list-buy .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.category-product-list.is-grid .star-list-buy .btn.primary{
  background:var(--accent,#ff4b2b)!important;
  border-color:var(--accent,#ff4b2b)!important;
  color:#fff!important;
}

/* Labels stay compact and inside the image */
.category-product-list.is-grid .product-image-labels{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  z-index:10!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.category-product-list.is-grid .product-label{
  max-width:180px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* List mode explicitly restores horizontal behavior */
.category-product-list.is-list .star-list-card{
  height:auto!important;
  min-height:240px!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr) 190px!important;
  gap:16px!important;
  align-items:center!important;
}
.category-product-list.is-list .star-list-image{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
}
.category-product-list.is-list .star-list-info{
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.category-product-list.is-list .star-list-buy{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
}

/* Account header — force guest links visible on desktop */
.account-quick-guest{
  display:flex!important;
  align-items:center!important;
  cursor:default!important;
}
.account-quick-guest>div{
  min-width:0!important;
}
.account-quick-guest .account-auth-links{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:2px!important;
  font-size:13px!important;
  line-height:1.15!important;
  color:#aeb8c7!important;
  white-space:nowrap!important;
}
.account-quick-guest .account-auth-links a{
  display:inline!important;
  color:#aeb8c7!important;
  text-decoration:none!important;
  font-weight:500!important;
}
.account-quick-guest .account-auth-links a:hover{
  color:var(--accent,#ff4b2b)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
.account-quick-guest .account-auth-sep{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  color:#7f8a9b!important;
  font-size:13px!important;
}
.account-quick-auth .account-status-link{
  display:block!important;
  color:#aeb8c7!important;
  font-size:13px!important;
}

/* protect against older mobile rule hiding all small tags */
@media(min-width:769px){
  .account-quick-guest .account-auth-links,
  .account-quick-auth .account-status-link{
    display:flex!important;
  }
  .account-quick-auth .account-status-link{
    display:block!important;
  }
}

@media(max-width:1180px){
  .category-product-list.is-grid .star-list-card{min-height:540px!important}
  .category-product-list.is-grid .star-list-image{
    height:200px!important;min-height:200px!important;max-height:200px!important;flex-basis:200px!important
  }
}
@media(max-width:820px){
  .category-product-list.is-list .star-list-card{
    grid-template-columns:120px minmax(0,1fr)!important;
  }
  .category-product-list.is-list .star-list-buy{
    grid-column:1/-1!important;
  }
}

/* ============================================================
   PixoNext V11.8.4 — Easy member checkout
   ============================================================ */
.checkout-member-access{
  margin:0 0 14px;
  background:#fff;
  border:1px solid #e1e5ea;
  border-radius:6px;
  padding:15px 17px;
}
.checkout-member-access.logged-in{
  border-color:#d6eee6;
  background:#fbfffd;
}
.checkout-member-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.checkout-member-heading small{
  display:block;
  margin-bottom:3px;
  color:var(--accent,#ff4b2b);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.checkout-member-heading h2{
  margin:0 0 3px!important;
  font-size:15px!important;
}
.checkout-member-heading p{
  margin:0;
  color:#667085;
  font-size:12px;
}
.member-link-btn{
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent,#ff4b2b);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.member-link-btn:hover{text-decoration:underline;text-underline-offset:2px}
.member-otp-shortcut{
  flex:0 0 auto;
  min-height:38px;
  padding:0 12px;
  border:1px solid #dbe1e8;
  border-radius:5px;
  background:#fff;
  color:#111827;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.member-otp-shortcut:hover{
  border-color:var(--accent,#ff4b2b);
  color:var(--accent,#ff4b2b);
}
.checkout-member-forms{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #edf0f2;
}
.member-mode-tabs{
  display:flex;
  gap:6px;
  margin-bottom:10px;
}
.member-mode{
  min-height:34px;
  padding:0 11px;
  border:1px solid #dbe1e8;
  border-radius:5px;
  background:#fff;
  color:#667085;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.member-mode.active{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
.member-inline-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:8px;
}
.member-inline-grid input{
  min-width:0;
  height:40px;
  padding:0 11px;
  border:1px solid #d8dee7;
  border-radius:4px;
  background:#fff;
}
.otp-send-grid,.otp-verify-grid{
  grid-template-columns:minmax(0,1fr) auto;
}
.otp-verify-grid{margin-top:8px}
.member-message{
  display:block;
  min-height:17px;
  margin-top:7px;
  color:#667085;
  font-size:11px;
}
.member-message.success{color:#067647}
.member-message.error{color:#b42318}
.checkout-create-account{
  padding:12px;
  border:1px dashed #d7dde5;
  border-radius:5px;
  background:#fafbfc;
}
.create-account-toggle{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px;
  margin:0!important;
  cursor:pointer;
}
.create-account-toggle input{
  width:auto!important;
  min-height:0!important;
  margin-top:3px;
  accent-color:var(--accent,#ff4b2b);
}
.create-account-toggle span{
  display:grid;
  gap:2px;
}
.create-account-toggle b{
  font-size:12px;
}
.create-account-toggle small{
  color:#667085;
  font-size:11px;
  font-weight:400;
}
.checkout-account-password{
  margin-top:10px;
}
.checkout-account-password label{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  font-weight:700;
}
.checkout-account-password input{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #d8dee7;
  border-radius:4px;
  box-sizing:border-box;
}
@media(max-width:700px){
  .checkout-member-heading{align-items:flex-start;flex-direction:column}
  .member-inline-grid{grid-template-columns:1fr}
  .otp-send-grid,.otp-verify-grid{grid-template-columns:1fr}
}

/* ============================================================
   PixoNext V11.8.6 — CATEGORY CARD FINAL OVERRIDE
   Category pages only. Homepage cards are untouched.
   ============================================================ */
.category-product-list.is-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.category-product-list.is-grid .star-list-card{
  height:600px!important;
  min-height:600px!important;
  max-height:600px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.category-product-list.is-grid .star-list-image{
  position:relative!important;
  width:100%!important;
  height:225px!important;
  min-height:225px!important;
  max-height:225px!important;
  flex:0 0 225px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.category-product-list.is-grid .star-list-image>img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:scale(1.08)!important;
  transform-origin:center!important;
  margin:0!important;
  padding:0!important;
}
.category-product-list.is-grid .star-list-info{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:14px 15px 0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.category-product-list.is-grid .star-list-info small{
  display:block!important;
  min-height:18px!important;
  margin:0 0 5px!important;
  color:#667085!important;
  font-size:12px!important;
}
.category-product-list.is-grid .star-list-info h3{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
  font-size:15px!important;
  line-height:1.42!important;
  font-weight:800!important;
}
.category-product-list.is-grid .star-list-info ul{
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:10px 0 0 18px!important;
  border-top:1px solid #edf0f2!important;
  color:#536174!important;
  font-size:12px!important;
  line-height:1.5!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .star-list-info li{
  margin-bottom:4px!important;
}
.category-product-list.is-grid .star-list-buy{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 0 auto!important;
  margin:0 15px 15px!important;
  padding:12px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  border-left:0!important;
  border-top:1px solid #edf0f2!important;
  position:static!important;
}
.category-product-list.is-grid .category-price-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:30px!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}
.category-product-list.is-grid .star-price{
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#e42313!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .star-old-price{
  font-size:12px!important;
  color:#8792a5!important;
  text-decoration:line-through!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .star-list-buy form{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.category-product-list.is-grid .star-list-buy .btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:5px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.category-product-list.is-grid .star-list-buy .btn.primary{
  background:#f5f6fb!important;
  border:1px solid #eef0f6!important;
  color:#3349d8!important;
}
.category-product-list.is-grid .star-list-buy .btn.primary:hover{
  background:var(--accent,#ff4b2b)!important;
  border-color:var(--accent,#ff4b2b)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.category-product-list.is-grid .star-list-buy .btn:not(.primary){
  background:#fff!important;
  border:1px solid #e1e5eb!important;
  color:#586271!important;
}
.category-product-list.is-grid .product-image-labels{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  z-index:12!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.category-product-list.is-grid .product-label{
  max-width:180px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.category-product-list.is-list .star-list-card{
  height:auto!important;
  min-height:240px!important;
  max-height:none!important;
}
.category-product-list.is-list .star-list-image>img{
  transform:none!important;
  object-fit:contain!important;
}
@media(max-width:1180px){
  .category-product-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-product-list.is-grid .star-list-card{
    height:580px!important;min-height:580px!important;max-height:580px!important
  }
  .category-product-list.is-grid .star-list-image{
    height:205px!important;min-height:205px!important;max-height:205px!important;flex-basis:205px!important
  }
}
@media(max-width:480px){
  .category-product-list.is-grid{grid-template-columns:1fr!important}
  .category-product-list.is-grid .star-list-card{
    height:auto!important;min-height:570px!important;max-height:none!important
  }
}

/* ============================================================
   V11.8.6 — CHECKOUT MEMBER + ADDRESS / DELIVERY UI
   ============================================================ */
.checkout-member-access{
  margin-bottom:14px!important;
}
.checkout-login-columns{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:13px!important;
  padding-top:13px!important;
  border-top:1px solid #edf0f2!important;
}
.checkout-login-box{
  border:1px solid #e0e5eb!important;
  border-radius:6px!important;
  padding:13px!important;
  background:#fafbfc!important;
}
.checkout-login-box h3{
  margin:0 0 3px!important;
  font-size:13px!important;
}
.checkout-login-box p{
  margin:0 0 9px!important;
  color:#667085!important;
  font-size:11px!important;
}
.checkout-login-box .member-inline-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.checkout-login-box .member-inline-grid input{
  width:100%!important;
}
.checkout-login-box .btn{
  width:100%!important;
  justify-content:center!important;
}
.bd-search-field{
  position:relative;
}
.bd-search-field input{
  padding-right:34px!important;
}
.bd-search-field .bd-search-icon{
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  color:#98a2b3;
  pointer-events:none;
}
.delivery-auto-box{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid #dfe4ea;
  border-radius:5px;
  background:#fafbfc;
}
.delivery-auto-box i{
  color:var(--accent,#ff4b2b);
  font-size:20px;
}
.delivery-auto-box div{
  display:grid;
  gap:2px;
}
.delivery-auto-box small{
  color:#667085;
  font-size:11px;
}
.password-strength{
  margin-top:7px;
}
.password-strength-track{
  height:4px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
}
.password-strength-fill{
  width:0;
  height:100%;
  background:#d92d20;
  transition:width .18s ease,background .18s ease;
}
.password-strength-text{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:10px;
}
@media(max-width:760px){
  .checkout-login-columns{grid-template-columns:1fr!important}
}

/* ============================================================
   PixoNext V11.8.7 — CATEGORY PRODUCT CARD REBUILD
   Final authoritative rules for category grid cards only.
   ============================================================ */
.category-product-list.is-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.category-product-list.is-grid > .category-product-card-v2{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e1e5ea!important;
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-image{
  position:relative!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  flex:0 0 190px!important;
  margin:0!important;
  padding:12px 12px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-image > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info{
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:10px 13px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info small{
  min-height:16px!important;
  margin:0 0 4px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info h3{
  height:auto!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:800!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info h3 a{
  color:#111827!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info ul{
  height:auto!important;
  min-height:92px!important;
  max-height:104px!important;
  margin:0!important;
  padding:8px 0 0 17px!important;
  overflow:hidden!important;
  border-top:1px solid #eef1f4!important;
  color:#5b6574!important;
  font-size:12px!important;
  line-height:1.45!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-info li{
  margin:0 0 3px!important;
  padding:0!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-buy{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 0 auto!important;
  margin:auto 13px 13px!important;
  padding:10px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid #eef1f4!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid > .category-product-card-v2 .category-price-row{
  width:100%!important;
  min-height:28px!important;
  margin:0!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-price{
  margin:0!important;
  color:#e42313!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-old-price{
  margin:0!important;
  color:#8a94a4!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-decoration:line-through!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-buy form{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-buy .btn{
  position:relative!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:5px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-buy .btn.primary{
  background:#f0f2ff!important;
  border:1px solid #e4e7ff!important;
  color:#3349d8!important;
}
.category-product-list.is-grid > .category-product-card-v2 .star-list-buy .compare-btn{
  background:#fff!important;
  border:1px solid #e2e6eb!important;
  color:#536071!important;
}
.category-product-list.is-grid > .category-product-card-v2 .product-image-labels{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  pointer-events:none!important;
}
.category-product-list.is-grid > .category-product-card-v2 .product-label{
  max-width:150px!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1180px){
  .category-product-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-product-list.is-grid > .category-product-card-v2 .star-list-image{
    height:175px!important;min-height:175px!important;max-height:175px!important;flex-basis:175px!important
  }
  .category-product-list.is-grid > .category-product-card-v2 .star-list-info{padding:9px 10px 7px!important}
  .category-product-list.is-grid > .category-product-card-v2 .star-list-buy{margin:auto 10px 10px!important}
}
@media(max-width:480px){
  .category-product-list.is-grid{grid-template-columns:1fr!important}
  .category-product-list.is-grid > .category-product-card-v2 .star-list-image{
    height:210px!important;min-height:210px!important;max-height:210px!important;flex-basis:210px!important
  }
}


/* ============================================================
   PixoNext V11.8.8 — ISOLATED CATEGORY CARD
   Uses px-category-* classes so legacy star-list rules cannot
   move/clip the image or action buttons.
   ============================================================ */
.category-product-list.is-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.category-product-list.is-grid>.px-category-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:510px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe4ea!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
.category-product-list.is-grid .px-category-image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 188px!important;
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  margin:0!important;
  padding:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .px-category-image>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.category-product-list.is-grid .px-category-info{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:12px 13px 8px!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .px-category-info small{
  display:block!important;
  margin:0 0 5px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.category-product-list.is-grid .px-category-info h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0 0 10px!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:800!important;
}
.category-product-list.is-grid .px-category-info h3 a{color:#111827!important}
.category-product-list.is-grid .px-category-info ul{
  min-height:92px!important;
  max-height:92px!important;
  margin:0!important;
  padding:9px 0 0 17px!important;
  overflow:hidden!important;
  border-top:1px solid #eef1f4!important;
  color:#536174!important;
  font-size:12px!important;
  line-height:1.55!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .px-category-info li{margin:0 0 3px!important;padding:0!important}
.category-product-list.is-grid .px-category-actions{
  position:static!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  margin:0 13px 13px!important;
  padding:10px 0 0!important;
  gap:8px!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid #eef1f4!important;
  box-sizing:border-box!important;
}
.category-product-list.is-grid .px-category-price-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  margin:0!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.category-product-list.is-grid .px-category-price{
  margin:0!important;
  color:#ee2715!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .px-category-old-price{
  margin:0!important;
  color:#8a94a4!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-decoration:line-through!important;
  white-space:nowrap!important;
}
.category-product-list.is-grid .px-category-actions form{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.category-product-list.is-grid .px-category-actions .btn{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  gap:7px!important;
  overflow:hidden!important;
  border-radius:5px!important;
  box-sizing:border-box!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1!important;
}
.category-product-list.is-grid .px-category-actions .btn.primary{
  background:#f1f3ff!important;
  border:1px solid #e3e6ff!important;
  color:#3349d8!important;
}
.category-product-list.is-grid .px-category-actions .compare-btn{
  background:#fff!important;
  border:1px solid #e1e5eb!important;
  color:#586271!important;
}
.category-product-list.is-grid .px-category-image .product-image-labels{
  position:absolute!important;top:9px!important;left:9px!important;right:auto!important;z-index:4!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
}

/* list mode rebuilt with the same isolated markup */
.category-product-list.is-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.category-product-list.is-list>.px-category-card{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr) 205px!important;
  gap:16px!important;
  align-items:center!important;
  min-height:255px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid #dfe4ea!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
.category-product-list.is-list .px-category-image{position:relative!important;height:220px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.category-product-list.is-list .px-category-image>img{width:100%!important;height:100%!important;object-fit:contain!important}
.category-product-list.is-list .px-category-info{min-width:0!important}
.category-product-list.is-list .px-category-info h3{margin:5px 0 10px!important;font-size:17px!important}
.category-product-list.is-list .px-category-info ul{margin:0!important;padding-left:18px!important;color:#536174!important;font-size:13px!important;line-height:1.65!important}
.category-product-list.is-list .px-category-actions{display:flex!important;flex-direction:column!important;gap:8px!important;padding-left:14px!important;border-left:1px solid #eef1f4!important}
.category-product-list.is-list .px-category-price-row{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:7px!important;flex-wrap:wrap!important}
.category-product-list.is-list .px-category-price{color:#ee2715!important;font-size:20px!important;font-weight:900!important}
.category-product-list.is-list .px-category-old-price{color:#8a94a4!important;font-size:12px!important;text-decoration:line-through!important}
.category-product-list.is-list .px-category-actions form,.category-product-list.is-list .px-category-actions .btn{width:100%!important}
.category-product-list.is-list .px-category-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;position:static!important;transform:none!important}

@media(max-width:1180px) and (min-width:821px){.category-product-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){
  .category-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-product-list.is-grid>.px-category-card{min-height:490px!important}
  .category-product-list.is-grid .px-category-image{height:170px!important;min-height:170px!important;flex-basis:170px!important;padding:10px!important}
  .category-product-list.is-grid .px-category-info{padding:10px!important}
  .category-product-list.is-grid .px-category-actions{margin:0 10px 10px!important}
  .category-product-list.is-list>.px-category-card{grid-template-columns:130px minmax(0,1fr)!important;gap:10px!important}
  .category-product-list.is-list .px-category-image{height:135px!important}
  .category-product-list.is-list .px-category-actions{grid-column:1/-1!important;border-left:0!important;border-top:1px solid #eef1f4!important;padding:10px 0 0!important}
}
@media(max-width:480px){
  .category-product-list.is-grid{grid-template-columns:1fr!important}
  .category-product-list.is-grid .px-category-image{height:205px!important;min-height:205px!important;flex-basis:205px!important}
}

/* PIXONEXT Category Card Compact Spacing v11.8.9 */
.category-product-list.is-grid .px-category-image{
    flex-basis:175px!important;
    height:175px!important;
    min-height:175px!important;
    padding:10px!important;
}
.category-product-list.is-grid .px-category-info{
    padding:8px 13px 6px!important;
}
.category-product-list.is-grid .px-category-info small{
    margin-bottom:3px!important;
}
.category-product-list.is-grid .px-category-info h3{
    margin-bottom:6px!important;
    min-height:36px!important;
    max-height:36px!important;
}
.category-product-list.is-grid .px-category-info ul{
    min-height:78px!important;
    max-height:78px!important;
    padding-top:7px!important;
}
.category-product-list.is-grid .px-category-actions{
    padding-top:7px!important;
    margin-bottom:10px!important;
    gap:7px!important;
}
.category-product-list.is-grid > .px-category-card{
    min-height:475px!important;
}

/* PIXONEXT Instant Catalog Filters + Dual Price Range v11.9.0 */
.category-filter-sidebar .price-range-panel{padding:0 13px 15px!important}
.category-filter-sidebar .price-range-panel .filter-panel-title{margin:0 -13px 17px!important;padding:13px!important;border-bottom:1px solid #e5e7eb!important}
.pixo-price-slider{--min-pos:0%;--max-pos:100%;position:relative!important;height:28px!important;margin:0 1px 13px!important}
.pixo-price-track{position:absolute!important;left:9px!important;right:9px!important;top:50%!important;height:8px!important;border-radius:999px!important;transform:translateY(-50%)!important;background:linear-gradient(to right,#e5e7eb 0 var(--min-pos),#f0442f var(--min-pos) var(--max-pos),#e5e7eb var(--max-pos) 100%)!important}
.pixo-price-range{position:absolute!important;inset:0!important;width:100%!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important}
.pixo-price-range::-webkit-slider-runnable-track{height:8px!important;background:transparent!important;border:0!important}
.pixo-price-range::-moz-range-track{height:8px!important;background:transparent!important;border:0!important}
.pixo-price-range::-webkit-slider-thumb{width:20px!important;height:20px!important;margin-top:-6px!important;border:3px solid #f0442f!important;border-radius:50%!important;background:#fff!important;pointer-events:auto!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
.pixo-price-range::-moz-range-thumb{width:15px!important;height:15px!important;border:3px solid #f0442f!important;border-radius:50%!important;background:#fff!important;pointer-events:auto!important;cursor:pointer!important}
.pixo-price-min-range{z-index:3!important}.pixo-price-max-range{z-index:4!important}
.pixo-price-values{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.pixo-price-number{width:80px!important;height:30px!important;padding:4px 7px!important;border:1px solid #cbd5e1!important;border-radius:0!important;background:#fff!important;color:#111827!important;text-align:center!important;font-size:13px!important;line-height:1!important;box-sizing:border-box!important}
.pixo-price-number:last-child{width:92px!important;margin-left:auto!important}
.pixo-price-number:focus{outline:1px solid #f0442f!important;border-color:#f0442f!important}
.category-filter-apply{display:none!important}
\n\n/* PIXONEXT Category Pagination v11.9.1 */\n.category-pagination{\n  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;\n  margin:22px 0 4px!important;padding:0!important;flex-wrap:wrap!important;\n}\n.category-pagination .pixo-page-numbers{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}\n.category-pagination .pixo-page-btn{\n  width:38px!important;height:38px!important;min-width:38px!important;padding:0 10px!important;\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;\n  border:1px solid #d9dee7!important;border-radius:7px!important;background:#fff!important;\n  color:#273449!important;font-size:13px!important;font-weight:600!important;line-height:1!important;\n  text-decoration:none!important;box-shadow:none!important;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease!important;\n}\n.category-pagination a.pixo-page-btn:hover{border-color:#111827!important;background:#f7f8fa!important;color:#111827!important;transform:translateY(-1px)!important}\n.category-pagination .pixo-page-btn.is-active{border-color:#0b1324!important;background:#0b1324!important;color:#fff!important;pointer-events:none!important}\n.category-pagination .pixo-page-nav{width:auto!important;min-width:94px!important;padding:0 13px!important}\n.category-pagination .pixo-page-nav i{font-size:16px!important;line-height:1!important}\n.category-pagination .pixo-page-btn.is-disabled{opacity:.42!important;cursor:not-allowed!important;background:#f7f8fa!important;color:#667085!important}\n.category-pagination .pixo-page-dots{min-width:24px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#7c8798!important;font-weight:700!important}\n@media(max-width:600px){\n  .category-pagination{gap:7px!important;margin-top:18px!important}\n  .category-pagination .pixo-page-numbers{gap:4px!important}\n  .category-pagination .pixo-page-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0 8px!important;font-size:12px!important}\n  .category-pagination .pixo-page-nav{min-width:34px!important;width:34px!important;padding:0!important}\n  .category-pagination .pixo-page-nav span{display:none!important}\n  .category-pagination .pixo-page-dots{height:34px!important;min-width:18px!important}\n}\n
/* PIXONEXT Category Pagination v11.9.2 - reference layout */
.category-pagination-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:22px 0 4px!important;
  padding:15px 8px!important;
  border-top:1px solid #e5e7eb!important;
  border-bottom:1px solid #e5e7eb!important;
}
.category-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  flex-wrap:nowrap!important;
}
.category-pagination .pixo-page-numbers{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.category-pagination .pixo-page-btn,
.category-pagination .pixo-page-nav{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background .15s ease,color .15s ease!important;
}
.category-pagination .pixo-page-nav{
  min-width:auto!important;
  padding:0 5px!important;
  font-weight:500!important;
}
.category-pagination a.pixo-page-btn:hover,
.category-pagination a.pixo-page-nav:hover{
  background:#f3f4f6!important;
  color:#111827!important;
  transform:none!important;
}
.category-pagination .pixo-page-btn.is-active{
  background:#e52312!important;
  color:#fff!important;
  pointer-events:none!important;
}
.category-pagination .pixo-page-nav.is-disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
.category-pagination-summary{
  color:#111827!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .category-pagination-wrap{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:12px 0!important;
  }
  .category-pagination{
    width:100%!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  .category-pagination .pixo-page-btn,
  .category-pagination .pixo-page-nav{
    flex:0 0 auto!important;
  }
  .category-pagination-summary{
    white-space:normal!important;
    font-size:12px!important;
  }
}

/* PIXONEXT Category Pagination v11.9.3 - keep desktop/reference row layout */
.category-pagination-wrap{
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:18px 0 4px!important;
  padding:12px 4px!important;
}
.category-pagination{
  width:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  overflow:visible!important;
}
.category-pagination .pixo-page-numbers{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
}
.category-pagination-summary{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
}
@media(max-width:520px){
  .category-pagination-wrap{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .category-pagination{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
  .category-pagination-summary{
    margin-left:0!important;
    text-align:left!important;
    white-space:normal!important;
  }
}

/* PIXONEXT Category Pagination v11.9.4 - subtle section panel */
.category-pagination-wrap{
  margin:18px 0 16px!important;
  padding:13px 16px!important;
  background:#ffffff!important;
  border:1px solid #e2e6ec!important;
  border-radius:7px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
}
@media(max-width:520px){
  .category-pagination-wrap{
    padding:12px 13px!important;
    margin:14px 0!important;
  }
}

/* ============================================================
   V12.0 UNIFIED HEADER + STAR-INSPIRED PDP + OTP AUTH
   ============================================================ */
.header .headrow{display:grid!important;grid-template-columns:180px minmax(320px,1fr) auto!important;gap:22px!important;align-items:center!important}
.header .head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;white-space:nowrap}
.header .account-quick-guest{display:flex!important;align-items:center!important;gap:8px!important}
.header .account-auth-links{display:flex!important;align-items:center!important;gap:4px!important}
.header .account-auth-links a{color:inherit!important;text-decoration:none!important}
.header .pc-builder-quick-ref{order:20}
.header .header-compare{order:15}
.header .search button .header-search-text{display:none}
@media(max-width:1100px){.header .headrow{grid-template-columns:160px minmax(260px,1fr) auto!important;gap:14px!important}.header .head-actions{gap:10px!important}}
@media(max-width:820px){.header .headrow{grid-template-columns:140px 1fr!important}.header .head-actions{grid-column:1/-1;justify-content:flex-start!important;overflow:auto;padding-bottom:3px}.header .search{min-width:0}}

.pdp-st-page{background:#f3f5f8}
.pdp-st-page>.container{padding-top:10px!important;padding-bottom:34px!important}
.pdp-st-breadcrumb{display:flex;gap:8px;align-items:center;min-height:34px;margin:0 0 8px;color:#77808e;font-size:12px}
.pdp-st-breadcrumb a{color:#606a78}.pdp-st-breadcrumb .current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}
.pdp-st-sharebar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;margin-bottom:12px;background:#fff;border:1px solid #e4e8ed;border-radius:7px}
.pdp-st-share,.pdp-st-quickactions{display:flex;align-items:center;gap:8px}.pdp-st-share span{font-size:12px;font-weight:700}.pdp-st-share a,.pdp-st-share button{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#283241;font-size:14px;cursor:pointer}
.pdp-st-quickactions form{margin:0}.pdp-st-quickactions a,.pdp-st-quickactions button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#333d4a;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}
.pdp-st-hero{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:34px;padding:18px 20px 22px;background:#fff;border:1px solid #e5e8ec;border-radius:8px}
.pdp-st-gallery{min-width:0}.pdp-st-main-image{height:430px;display:grid;place-items:center;background:#fff}.pdp-st-main-image img{width:100%;height:100%;object-fit:contain;max-width:540px}.pdp-st-thumbs{display:flex;justify-content:center;gap:8px;margin-top:12px}.pdp-st-thumbs button{width:58px;height:58px;padding:5px;border:1px solid #dfe4e9;border-radius:4px;background:#fff}.pdp-st-thumbs button.active{border-color:#3749bb}.pdp-st-thumbs img{width:100%;height:100%;object-fit:contain}
.pdp-st-info{padding-top:2px}.pdp-st-info h1{margin:0 0 12px;color:#3449c4;font-size:22px;line-height:1.3;font-weight:800}.pdp-st-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.pdp-st-meta span{padding:6px 9px;background:#f0f2f5;border-radius:4px;color:#636d7a;font-size:11px}.pdp-st-meta b{color:#202936}.pdp-st-meta .stock-in{color:#138a4b}.pdp-st-meta .stock-out{color:#d92d20}
.pdp-st-features h3,.pdp-st-payment-title{margin:0 0 8px;font-size:14px;color:#202936}.pdp-st-features ul{margin:0;padding-left:18px}.pdp-st-features li{margin:0 0 6px;color:#2c3541;font-size:12px;line-height:1.45}.pdp-st-features li strong{font-weight:800}.pdp-st-features>a{display:inline-block;margin-top:3px;color:#ef4a23;font-size:12px;font-weight:800}.pdp-st-payment-title{margin-top:16px}
.pdp-st-payments{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdp-st-payment{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;min-height:82px;padding:12px;border:1px solid #dfe4ea;background:#fff;cursor:pointer}.pdp-st-payment.active{border:2px solid #5b6ff0;padding:11px}.pdp-st-payment input{position:absolute;opacity:0}.pdp-st-payment .radio-ui{width:15px;height:15px;margin-top:2px;border:1.5px solid #aab2bd;border-radius:50%}.pdp-st-payment.active .radio-ui{border:4px solid #5b6ff0}.pdp-st-payment b{display:block;font-size:16px;color:#1e2632}.pdp-st-payment small{display:block;margin-top:4px;color:#6f7885;font-size:10px;line-height:1.4}
.pdp-st-buy{display:flex;align-items:center;gap:12px;margin-top:12px}.pdp-st-qty{display:grid;grid-template-columns:32px 46px 32px;height:40px;border:1px solid #dfe4e9}.pdp-st-qty button,.pdp-st-qty input{border:0;background:#fff;text-align:center;font-weight:800}.pdp-st-qty button{cursor:pointer;color:#5f6875}.pdp-st-qty input{width:46px;-moz-appearance:textfield}.pdp-st-qty input::-webkit-outer-spin-button,.pdp-st-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-st-buybtn{min-width:178px;min-height:40px;padding:0 22px;border:0;border-radius:3px;background:#3f50c9;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.pdp-st-buybtn:disabled{opacity:.45;cursor:not-allowed}
.pdp-st-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start;margin-top:16px}.pdp-st-content-main{min-width:0}.pdp-st-tabs{display:flex;gap:8px;margin-bottom:10px}.pdp-st-tabs a{min-height:38px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #e3e7eb;border-radius:4px;background:#fff;color:#28313d;font-size:11px;font-weight:800}.pdp-st-tabs a.active{background:#ef2c1d;border-color:#ef2c1d;color:#fff}
.pdp-st-panel{scroll-margin-top:130px;margin-bottom:12px;padding:15px;background:#fff;border:1px solid #e5e8ec}.pdp-st-panel>h2,.pdp-st-panel-head h2{margin:0 0 13px;color:#202936;font-size:15px}.pdp-st-spec-group{margin-bottom:13px}.pdp-st-spec-group:last-child{margin-bottom:0}.pdp-st-spec-group h3{margin:0;padding:7px 10px;background:#f0f2fb;color:#4858c7;font-size:11px}.pdp-st-spec-row{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:34px;border-bottom:1px solid #eef1f4}.pdp-st-spec-row>div{padding:8px 10px;color:#3c4652;font-size:11px;line-height:1.45}.pdp-st-spec-row>div:first-child{color:#66707c}.pdp-st-text-panel h3{margin:0 0 7px;font-size:14px}.pdp-st-description{white-space:pre-line;color:#404a56;font-size:12px;line-height:1.65}.pdp-st-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pdp-st-panel-head h2{margin-bottom:4px}.pdp-st-panel-head p{margin:0;color:#737d89;font-size:11px}.pdp-st-outline-btn{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #5062df;background:#fff;color:#4052d0;border-radius:3px;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none}.pdp-st-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#858e99;text-align:center}.pdp-st-empty span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#f2f4ff;color:#4c5ed7;font-size:24px}.pdp-st-empty p{margin:12px 0 0;font-size:10px}.pdp-st-entry{padding:12px 0;border-top:1px solid #eef1f4}.pdp-st-entry b{font-size:11px}.pdp-st-entry p{margin:5px 0;color:#596471;font-size:11px}.pdp-st-entry .answer{padding:8px;background:#f6f8fa;font-size:11px}.pdp-st-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #eef1f4}.pdp-st-form .full{grid-column:1/-1}.pdp-st-form label{display:block;margin-bottom:4px;color:#586270;font-size:11px;font-weight:700}.pdp-st-form input,.pdp-st-form select,.pdp-st-form textarea{width:100%;padding:9px;border:1px solid #dfe4e9;border-radius:4px;background:#fff;font:inherit;font-size:12px}.pdp-st-alert{padding:10px 12px;margin-bottom:10px;border-radius:4px;font-size:12px}.pdp-st-alert.success{background:#ecfdf3;color:#087443}.pdp-st-alert.error{background:#fff1f0;color:#b42318}
.pdp-st-related{position:sticky;top:118px}.pdp-st-related-card{padding:14px;background:#fff;border:1px solid #e5e8ec}.pdp-st-related-card>h3{margin:0 0 12px;color:#4858c7;text-align:center;font-size:12px}.pdp-st-related-item{display:grid;grid-template-columns:64px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #eef1f4;color:inherit;text-decoration:none}.pdp-st-related-item:last-child{border-bottom:0}.pdp-st-related-item img{width:64px;height:54px;object-fit:contain}.pdp-st-related-item b{display:block;color:#333d49;font-size:10px;line-height:1.35}.pdp-st-related-item strong{display:block;margin-top:5px;color:#ef4a23;font-size:11px}.pdp-st-related-item small{display:block;margin-top:5px;color:#68727f;font-size:9px}
@media(max-width:1050px){.pdp-st-hero{grid-template-columns:1fr 1fr;gap:20px}.pdp-st-main-image{height:360px}.pdp-st-content-grid{grid-template-columns:1fr}.pdp-st-related{position:static}.pdp-st-related-card{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.pdp-st-related-card>h3{grid-column:1/-1}}
@media(max-width:760px){.pdp-st-sharebar{align-items:flex-start;flex-direction:column;padding:10px 12px}.pdp-st-hero{grid-template-columns:1fr;padding:12px}.pdp-st-main-image{height:310px}.pdp-st-info h1{font-size:19px}.pdp-st-payments{grid-template-columns:1fr}.pdp-st-tabs{overflow:auto;white-space:nowrap}.pdp-st-spec-row{grid-template-columns:125px 1fr}.pdp-st-content-grid{margin-top:10px}.pdp-st-related-card{grid-template-columns:1fr}}

.auth-otp-page{padding-top:28px!important;padding-bottom:44px!important}.auth-otp-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);overflow:hidden;border:1px solid #e0e5eb;border-radius:12px;background:#fff;box-shadow:0 16px 42px rgba(19,32,52,.08)}.auth-otp-intro{padding:42px;background:#0c1726;color:#fff}.auth-otp-intro>small{color:#ff8f73;font-size:11px;font-weight:800;letter-spacing:.9px}.auth-otp-intro h1{margin:9px 0 12px;font-size:31px;line-height:1.15}.auth-otp-intro p{margin:0;color:#bac4d2;font-size:13px;line-height:1.65}.auth-otp-points{display:grid;gap:12px;margin-top:28px}.auth-otp-points span{display:flex;align-items:center;gap:10px;color:#dbe3ec;font-size:12px}.auth-otp-points i{width:32px;height:32px;display:grid;place-items:center;border:1px solid #2a3a50;border-radius:8px;color:#ff6845;font-size:17px}.auth-otp-card{padding:34px}.auth-otp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.auth-otp-card-head small{color:#87909c;font-size:10px;font-weight:800;letter-spacing:.7px}.auth-otp-card-head h2{margin:4px 0 0;font-size:24px}.auth-secure{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#eefaf3;color:#16834d;font-size:10px;font-weight:800}.auth-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-method-card{padding:16px;border:1px solid #e1e5ea;border-radius:9px;background:#fbfcfd}.auth-method-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.auth-method-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#eef1ff;color:#4153d0;font-size:17px}.auth-method-title b,.auth-method-title small{display:block}.auth-method-title b{font-size:13px}.auth-method-title small{margin-top:2px;color:#8a939f;font-size:10px}.auth-method-card>label,.auth-register-grid label,.auth-register-verify label{display:block;color:#4f5966;font-size:11px;font-weight:700}.auth-method-card input,.auth-register-grid input,.auth-register-verify input{width:100%;height:42px;margin-top:5px;padding:0 11px;border:1px solid #dce2e8;border-radius:6px;background:#fff;font:inherit;font-size:12px;outline:0}.auth-method-card input:focus,.auth-register-grid input:focus,.auth-register-verify input:focus{border-color:#6474dd;box-shadow:0 0 0 3px rgba(78,94,211,.08)}.auth-method-card>label+label{margin-top:10px}.auth-method-row{display:flex;justify-content:space-between;gap:12px;margin:11px 0;font-size:10px}.auth-method-row .check{display:flex;align-items:center;gap:6px}.auth-method-row .check input{width:auto;height:auto;margin:0}.auth-method-row a,.auth-switch-copy a{color:#4052ce;font-weight:800}.auth-primary-btn{width:100%;min-height:42px;margin-top:12px;border:0;border-radius:6px;background:#ef4a23;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.auth-secondary-tone{background:#4052ce}.auth-otp-code-wrap{margin-top:10px}.auth-inline-message{display:block;min-height:16px;margin-top:9px;color:#66717f;font-size:10px}.auth-inline-message.error{padding:9px 10px;background:#fff1f0;color:#b42318;border-radius:5px}.auth-inline-message.success{color:#16834d}.auth-switch-copy{margin:18px 0 0;text-align:center;color:#6d7784;font-size:11px}.auth-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-register-grid .full{grid-column:1/-1}.auth-register-verify{display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:end;margin-top:14px}.auth-register-verify .auth-primary-btn{margin:0;height:42px}.auth-otp-shell.register-mode{grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr)}
@media(max-width:980px){.auth-otp-shell,.auth-otp-shell.register-mode{grid-template-columns:1fr}.auth-otp-intro{padding:28px}.auth-method-grid{grid-template-columns:1fr}}
@media(max-width:620px){.auth-otp-page{padding:14px 10px!important}.auth-otp-card{padding:20px 14px}.auth-otp-intro{padding:24px 18px}.auth-otp-intro h1{font-size:25px}.auth-register-grid{grid-template-columns:1fr}.auth-register-grid .full{grid-column:auto}.auth-register-verify{grid-template-columns:1fr}.auth-otp-card-head{align-items:flex-start;flex-direction:column}}


/* PixoNext v12.0.1 auth flow */
.auth-single-shell{grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr)}
.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;border:1px solid #e1e6ec;border-radius:9px;background:#f5f7fa}
.auth-mode-switch button{height:40px;border:0;border-radius:6px;background:transparent;color:#66717f;font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}
.auth-mode-switch button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(20,31,48,.12)}
.auth-single-form>label{display:block;color:#4f5966;font-size:11px;font-weight:700}
.auth-single-form>label+label{margin-top:11px}
.auth-single-form input{width:100%;height:44px;margin-top:5px;padding:0 12px;border:1px solid #dce2e8;border-radius:6px;background:#fff;font:inherit;font-size:12px;outline:0}
.auth-single-form input:focus{border-color:#6474dd;box-shadow:0 0 0 3px rgba(78,94,211,.08)}
.auth-form-error{margin-bottom:12px;padding:10px 12px;border:1px solid #ffd1cc;border-radius:6px;background:#fff4f2;color:#b42318;font-size:11px}
.auth-optional{margin-left:5px;color:#98a1ad;font-size:9px;font-weight:600}
.auth-register-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 12px;border:1px solid #e1e7ee;border-radius:7px;background:#f8fafc;color:#657080;font-size:10px;line-height:1.5}
.auth-register-note i{margin-top:1px;color:#4052ce;font-size:15px}
.phone-verify-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:16px;border:1px solid #dfe5eb;border-radius:9px;background:#f9fbfc}
.phone-verify-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}
.phone-verify-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;background:#eef3ff;color:#4052ce;font-size:19px}
.phone-verify-copy b{font-size:13px;color:#17202d}.phone-verify-copy p{margin:4px 0 0;color:#6c7683;font-size:11px;line-height:1.45}
.phone-verify-status{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.phone-verify-status.verified{background:#eaf8ef;color:#14804a}.phone-verify-status.muted{background:#eef1f4;color:#7e8793}
.phone-verify-actions{min-width:245px}.phone-verify-send{width:100%;border:1px solid #4052ce!important;color:#4052ce!important;background:#fff!important}
.phone-verify-code{display:grid;grid-template-columns:1fr 88px;gap:8px;margin-top:8px}.phone-verify-code input{height:38px;padding:0 10px;border:1px solid #d9e0e7;border-radius:6px;font:inherit;font-size:11px}.phone-verify-code .btn{height:38px}
@media(max-width:760px){.auth-single-shell{grid-template-columns:1fr}.phone-verify-panel{align-items:stretch;flex-direction:column}.phone-verify-actions{min-width:0}.phone-verify-status{align-self:flex-start}}


/* =========================================================
   PixoNext v12.0.2 — Auth layout refinement
   Compact form, stronger visual panel, no explanatory clutter
   ========================================================= */
.auth-otp-page{
  padding-top:30px!important;
  padding-bottom:48px!important;
}
.auth-otp-shell,
.auth-single-shell,
.auth-otp-shell.register-mode{
  grid-template-columns:minmax(420px,1.02fr) minmax(540px,.98fr)!important;
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
}
.auth-otp-intro{
  padding:52px 48px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:470px;
}
.auth-otp-intro>small{
  font-size:10px!important;
  letter-spacing:1px!important;
}
.auth-otp-intro h1{
  max-width:420px;
  margin:10px 0 12px!important;
  font-size:38px!important;
  letter-spacing:-.7px;
}
.auth-otp-intro p{
  max-width:390px;
  font-size:13px!important;
  line-height:1.65!important;
}
.auth-otp-points{
  margin-top:34px!important;
  gap:14px!important;
}
.auth-otp-points span{
  font-size:12px!important;
  font-weight:600;
}
.auth-otp-points i{
  width:34px!important;
  height:34px!important;
}
.auth-otp-card{
  padding:38px 42px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-single-shell .auth-otp-card-head,
.auth-single-shell .auth-mode-switch,
.auth-single-shell .auth-single-form,
.auth-single-shell .auth-switch-copy{
  width:100%;
  max-width:545px;
  margin-left:auto;
  margin-right:auto;
}
.auth-single-shell .auth-mode-switch{
  margin-bottom:18px!important;
}
.auth-single-shell .auth-switch-copy{
  margin-top:18px!important;
}
.auth-otp-shell.register-mode .auth-otp-card-head,
.auth-otp-shell.register-mode form,
.auth-otp-shell.register-mode .auth-switch-copy{
  width:100%;
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
}
.auth-otp-shell.register-mode .auth-switch-copy{
  margin-top:18px!important;
}
.auth-otp-shell.register-mode .auth-otp-intro{
  min-height:500px;
}
.auth-register-grid{
  gap:11px 12px!important;
}
.auth-register-grid input,
.auth-single-form input{
  height:42px!important;
}
.auth-primary-btn{
  min-height:42px!important;
}

@media(max-width:1100px){
  .auth-otp-shell,.auth-single-shell,.auth-otp-shell.register-mode{
    grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr)!important;
  }
  .auth-otp-intro{padding:40px 34px!important}
}
@media(max-width:900px){
  .auth-otp-shell,.auth-single-shell,.auth-otp-shell.register-mode{
    grid-template-columns:1fr!important;
  }
  .auth-otp-intro,
  .auth-otp-shell.register-mode .auth-otp-intro{
    min-height:auto!important;
    padding:30px!important;
  }
  .auth-otp-intro h1{font-size:30px!important}
  .auth-otp-points{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px!important}
  .auth-otp-points span{display:grid!important;grid-template-columns:34px 1fr}
}
@media(max-width:620px){
  .auth-otp-card{padding:24px 18px!important}
  .auth-otp-intro{padding:25px 20px!important}
  .auth-otp-intro h1{font-size:27px!important}
  .auth-otp-points{grid-template-columns:1fr!important;gap:10px!important}
}


/* =========================================================
   PixoNext v12.0.5 — Register password validation
   ========================================================= */
.auth-password-wrap{position:relative;display:block}
.auth-password-wrap input{width:100%;padding-right:42px!important}
.auth-password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:#64748b;display:grid;place-items:center;cursor:pointer;border-radius:5px}
.auth-password-eye:hover{background:#f1f5f9;color:#111827}
.auth-password-eye i{font-size:17px}
.register-password-strength{display:none;margin-top:6px}
.register-password-strength.is-visible{display:block}
.register-password-strength-track{display:block;width:100%;height:3px;overflow:hidden;border-radius:99px;background:#e2e8f0}
.register-password-strength-fill{display:block;width:0;height:100%;border-radius:inherit;transition:width .18s ease,background-color .18s ease}
.register-password-strength-label{display:block;margin-top:4px;font-size:11px!important;line-height:1.2;font-weight:600}
.register-password-strength.is-weak .register-password-strength-fill{width:34%;background:#dc2626}
.register-password-strength.is-weak .register-password-strength-label{color:#b42318}
.register-password-strength.is-medium .register-password-strength-fill{width:67%;background:#f59e0b}
.register-password-strength.is-medium .register-password-strength-label{color:#a15c00}
.register-password-strength.is-strong .register-password-strength-fill{width:100%;background:#16a568}
.register-password-strength.is-strong .register-password-strength-label{color:#16834d}
.register-password-match{display:none;align-items:center;gap:5px;margin-top:5px;font-size:11px!important;font-weight:600;line-height:1.2}
.register-password-match.is-visible{display:flex}
.register-password-match.is-match{color:#16834d}
.register-password-match.is-mismatch{color:#c62828}
.register-password-match i{font-size:14px}

/* Checkout returning customer: closed by default */
.checkout-member-collapsible .checkout-member-body[hidden]{display:none!important}
.checkout-member-collapsible .checkout-member-body{display:block}
.checkout-member-toggle{width:100%;min-height:72px;padding:13px 16px;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;color:inherit}
.checkout-member-toggle-copy{display:flex;flex-direction:column;gap:2px}
.checkout-member-toggle-copy small{color:#f04422;font-size:10px;font-weight:700;letter-spacing:.08em}
.checkout-member-toggle-copy strong{font-size:15px;line-height:1.3}
.checkout-member-toggle-copy strong span{color:#234bd7}
.checkout-member-toggle-copy em{font-size:11px;font-style:normal;color:#64748b}
.checkout-member-toggle-action{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d9e0e8;border-radius:6px;background:#fff;font-size:12px}
.checkout-member-toggle-action i{transition:transform .2s ease}
.checkout-member-collapsible.is-open .checkout-member-toggle-action i{transform:rotate(180deg)}
.checkout-member-body{padding:14px 16px 16px;border-top:1px solid #e5e9f0;background:#fff}
@media(max-width:700px){.checkout-member-toggle-copy em{display:none}.checkout-member-toggle-action b{display:none}.checkout-member-body{padding:12px}}


/* v12.0.6 — definitive register validation */
.auth-password-wrap{
  position:relative!important;
  display:block!important;
  width:100%;
}
.auth-password-wrap input{
  width:100%!important;
  padding-right:44px!important;
}
.auth-password-eye{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  color:#64748b!important;
  z-index:3!important;
}
.auth-password-eye:hover{
  background:#eef2f7!important;
  color:#111827!important;
}
.auth-password-eye i{font-size:17px!important}

.register-password-strength{
  display:none!important;
  width:100%!important;
  margin-top:6px!important;
}
.register-password-strength.is-visible{display:block!important}
.register-password-strength-track{
  display:block!important;
  width:100%!important;
  height:4px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#e5e7eb!important;
}
.register-password-strength-fill{
  display:block!important;
  height:100%!important;
  width:0!important;
  border-radius:999px!important;
  transition:width .18s ease,background-color .18s ease!important;
}
.register-password-strength-label{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.register-password-strength.is-weak .register-password-strength-fill{
  width:34%!important;background:#dc2626!important
}
.register-password-strength.is-medium .register-password-strength-fill{
  width:67%!important;background:#f59e0b!important
}
.register-password-strength.is-strong .register-password-strength-fill{
  width:100%!important;background:#16a568!important
}
.register-password-strength.is-weak .register-password-strength-label{color:#b42318!important}
.register-password-strength.is-medium .register-password-strength-label{color:#a15c00!important}
.register-password-strength.is-strong .register-password-strength-label{color:#16834d!important}

.register-password-match{
  display:none!important;
  margin-top:6px!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
  align-items:center!important;
  gap:5px!important;
}
.register-password-match.is-visible{display:flex!important}
.register-password-match.is-match{color:#16834d!important}
.register-password-match.is-mismatch{color:#c62828!important}
.register-password-match i{font-size:14px!important}
input.password-match-ok{
  border-color:#16a568!important;
  box-shadow:0 0 0 1px rgba(22,165,104,.08)!important;
}
input.password-match-error{
  border-color:#dc2626!important;
  box-shadow:0 0 0 1px rgba(220,38,38,.08)!important;
}

/* v12.0.6 — checkout returning customer is CLOSED by default.
   Supports both the old checkout markup and the new data-attribute markup. */
.checkout-member-access:not(.logged-in).checkout-member-collapsible .checkout-login-columns,
.checkout-member-access:not(.logged-in) [data-checkout-login-body][hidden]{
  display:none!important;
}
.checkout-member-access:not(.logged-in).checkout-member-collapsible.is-open .checkout-login-columns,
.checkout-member-access:not(.logged-in).checkout-member-collapsible.is-open [data-checkout-login-body]{
  display:grid!important;
}
.checkout-member-toggle{
  width:100%!important;
  min-height:68px!important;
  padding:12px 16px!important;
  border:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  text-align:left!important;
  cursor:pointer!important;
  color:inherit!important;
}
.checkout-member-toggle-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:2px!important;
}
.checkout-member-toggle-copy .checkout-member-heading{
  margin:0!important;
}
.checkout-member-toggle-action{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  padding:8px 12px!important;
  border:1px solid #d9e0e8!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
}
.checkout-member-toggle-action i{transition:transform .2s ease!important}
.checkout-member-collapsible.is-open .checkout-member-toggle-action i{
  transform:rotate(180deg)!important;
}
.checkout-member-collapsible .checkout-member-body,
.checkout-member-collapsible .checkout-login-columns{
  border-top:1px solid #e5e9f0!important;
}
\n\n/* v12.0.7 — Cart / Checkout / Order Complete flow only */\n.cart-page-title{margin:10px 0 16px;font-size:25px;line-height:1.2;font-weight:700;color:#111827}\n.purchase-progress-flow{margin:0 0 18px!important}\n.purchase-progress-flow .purchase-step{min-height:48px;border-radius:7px!important;padding:10px 14px!important}\n.purchase-progress-flow .purchase-step.active{border-color:#cbd3df!important;background:#fff!important}\n.purchase-progress-flow .purchase-step.done{border-color:#dbe8df!important;background:#fbfefc!important}\n\n/* StarTech-inspired cart proportions while retaining PixoNext functionality */\n.cart-premium-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important}\n.cart-main{gap:16px!important}\n.star-cart-list{border:1px solid #e0e4ea!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important}\n.star-cart-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e7e9ed}\n.star-cart-list-heading h2{margin:0;font-size:16px;font-weight:700}\n.star-cart-list-heading a{font-size:12px;color:#4055c8;text-decoration:none}\n.cart-product{grid-template-columns:78px minmax(0,1fr) 140px 130px!important;gap:16px!important;padding:22px 22px!important;border-top:1px solid #e7e9ed!important}\n.cart-product:first-of-type{border-top:0!important}\n.cart-product img{width:72px!important;height:72px!important;padding:5px!important;border-radius:4px!important;background:#fff!important}\n.cart-product h3{font-size:14px!important;font-weight:500!important;margin:0 0 5px!important}\n.cart-product-meta{font-size:11px!important;color:#4b5563!important}\n.cart-product-meta span{padding:0!important;background:transparent!important;border-radius:0!important}\n.cart-stock{font-size:11px!important;margin-top:6px!important}\n.cart-qty{height:42px!important;grid-template-columns:44px 50px 44px!important;border-radius:7px!important}\n.cart-qty button{font-size:20px!important;color:#4b5563!important}\n.cart-qty span{font-size:13px!important;border-left:1px solid #e1e5ea!important;border-right:1px solid #e1e5ea!important}\n.cart-price{position:relative!important;padding-right:32px!important;min-height:54px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important}\n.cart-price strong{font-size:17px!important;color:#111827!important}\n.cart-price small{font-size:10px!important;color:#6b7280!important;margin-top:4px!important}\n.cart-price del{font-size:10px!important;margin-top:2px!important}\n.cart-remove-icon{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;color:#64748b!important;font-size:20px!important}\n.cart-remove-icon:hover{color:#ef4423!important}\n.cart-tools{grid-template-columns:1fr 1fr!important;gap:14px!important}\n.cart-tool-card{border-radius:8px!important;padding:18px 20px!important}\n.cart-summary-card{top:150px!important;border-radius:8px!important;padding:22px 22px!important;border-color:#e0e4ea!important}\n.cart-summary-card h2{font-size:16px!important;padding-bottom:14px!important;border-bottom:1px solid #e7e9ed!important}\n.cart-summary-card .summary-line{padding:10px 0!important}\n.cart-summary-card .summary-line.total b{color:#ef4423!important}\n.cart-summary-card .btn.primary{min-height:44px!important;border-radius:5px!important}\n\n/* Same progress strip on all 3 flow pages */\n.star-checkout-page .purchase-progress-flow{margin-top:0!important;margin-bottom:18px!important}\n.order-success-page .purchase-progress-flow{margin:8px 0 18px!important}\n\n@media(max-width:900px){\n  .cart-premium-layout{grid-template-columns:1fr!important;gap:14px!important}\n  .cart-summary-card{position:static!important}\n  .cart-product{grid-template-columns:72px minmax(0,1fr)!important}\n  .cart-qty{grid-column:2!important;width:138px!important}\n  .cart-price{grid-column:2!important;align-items:flex-start!important;padding-right:38px!important}\n  .cart-remove-icon{right:auto!important;left:150px!important}\n}\n@media(max-width:640px){\n  .purchase-progress-flow{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}\n  .purchase-progress-flow .purchase-step{justify-content:center!important;padding:8px 5px!important;font-size:10px!important;gap:5px!important}\n  .purchase-progress-flow .purchase-step span{width:20px!important;height:20px!important;font-size:10px!important}\n  .star-cart-list-heading{padding:14px!important}\n  .cart-product{padding:15px 14px!important;gap:12px!important}\n  .cart-tools{grid-template-columns:1fr!important}\n}\n

/* v12.0.8 — minimal WooCommerce-style checkout account/login */
.checkout-returning-minimal{
  margin:8px 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:13px!important;
  color:#5f6673!important;
}
.checkout-returning-minimal > span{color:#5f6673!important}
.checkout-login-link{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0 0 0 3px!important;
  color:#165dce!important;
  font:inherit!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.checkout-login-link:hover{text-decoration:underline!important}
.checkout-login-minimal-body{
  margin-top:12px!important;
  padding:14px!important;
  border:1px solid #e1e6ed!important;
  border-radius:7px!important;
  background:#fff!important;
}
.checkout-login-minimal-body[hidden]{display:none!important}
.checkout-returning-minimal.is-open .checkout-login-minimal-body{display:block!important}
.checkout-member-minimal-loggedin{
  margin:8px 0 16px;
  font-size:13px;
  color:#5f6673;
}
.checkout-member-minimal-loggedin a{margin-left:5px;color:#165dce}

.checkout-create-account-minimal{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.create-account-simple{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  font-size:13px!important;
  color:#111827!important;
  font-weight:400!important;
}
.create-account-simple input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
  accent-color:#f04422!important;
}
.checkout-create-account-minimal .checkout-account-password{
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid #e2e7ee!important;
  border-radius:6px!important;
  background:#fafbfc!important;
}
.checkout-create-account-minimal .checkout-account-password[hidden]{display:none!important}
.checkout-password-input-wrap{position:relative!important}
.checkout-password-input-wrap input{padding-right:42px!important}
.checkout-password-eye{
  position:absolute!important;
  top:50%!important;
  right:7px!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#64748b!important;
  cursor:pointer!important;
}
.checkout-password-eye:hover{color:#111827!important;background:#eef2f7!important;border-radius:5px!important}

@media(max-width:700px){
  .checkout-returning-minimal{font-size:12px!important}
  .checkout-login-minimal-body{padding:10px!important}
}


/* =========================================================
   v12.0.9 — Cart / Checkout / Order flow only
   ========================================================= */

/* One consistent progress indicator on all 3 pages */
.purchase-progress-flow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  margin:14px 0 22px!important;
  padding:17px 20px!important;
  background:#fff!important;
  border:1px solid #dfe4eb!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.purchase-progress-flow>.ti{
  flex:0 0 auto!important;
  color:#c1c7d0!important;
  font-size:16px!important;
}
.purchase-progress-flow .purchase-step{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#b2b7c0!important;
  font-size:15px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.purchase-progress-flow .purchase-step span{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#d6d9de!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
}
.purchase-progress-flow .purchase-step b{
  font-size:14px!important;
  font-weight:600!important;
}
.purchase-progress-flow .purchase-step.active{
  color:#111827!important;
}
.purchase-progress-flow .purchase-step.active span{
  background:#f04422!important;
}
.purchase-progress-flow .purchase-step.done{
  color:#64748b!important;
}
.purchase-progress-flow .purchase-step.done span{
  background:#111827!important;
}

/* Cart — closer to the supplied Star Tech reference */
.cart-page{
  padding-top:18px!important;
}
.cart-page-title{
  margin:10px 0 0!important;
  font-size:25px!important;
  font-weight:600!important;
}
.cart-premium-layout{
  align-items:start!important;
  gap:28px!important;
}
.star-cart-list{
  border:1px solid #e1e5eb!important;
  border-radius:7px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.star-cart-list-heading{
  min-height:58px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #e7e9ed!important;
}
.star-cart-list-heading h2{
  margin:0!important;
  font-size:17px!important;
  font-weight:600!important;
}
.cart-product{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 142px 155px!important;
  align-items:center!important;
  gap:18px!important;
  padding:20px 22px!important;
  border-bottom:1px solid #e7e9ed!important;
  background:#fff!important;
}
.cart-product:last-child{
  border-bottom:0!important;
}
.cart-product>img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:#fff!important;
}
.cart-product h3{
  margin:0 0 7px!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
.cart-product-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 12px!important;
  margin:0!important;
  color:#4b5563!important;
  font-size:11px!important;
}
.cart-product-meta span{
  background:none!important;
  border:0!important;
  padding:0!important;
}
.cart-stock{
  display:none!important;
}
.cart-qty{
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:42px 48px 42px!important;
  height:44px!important;
  border:1px solid #d8dde5!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.cart-qty button,.cart-qty span{
  width:auto!important;
  height:42px!important;
  border:0!important;
  border-right:1px solid #e1e5ea!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cart-qty button:last-child{border-right:0!important}
.cart-price{
  position:relative!important;
  min-height:68px!important;
  padding-right:26px!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.cart-price strong{
  color:#111827!important;
  font-size:17px!important;
  font-weight:700!important;
}
.cart-price small{
  color:#6b7280!important;
  font-size:10px!important;
}
.cart-price del{
  color:#9ca3af!important;
  font-size:10px!important;
}
.cart-remove-icon{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#5f6875!important;
}
.cart-remove-icon i{font-size:20px!important}
.startech-cart-summary{
  padding:22px!important;
  border:1px solid #e1e5eb!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.startech-cart-summary h2{
  margin:0 0 16px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #e7e9ed!important;
  font-size:17px!important;
}
.startech-cart-summary .summary-line{
  padding:10px 0!important;
  font-size:13px!important;
}
.startech-cart-summary .summary-line.total{
  margin-top:2px!important;
  padding-top:16px!important;
  border-top:1px solid #e7e9ed!important;
}
.startech-cart-summary .summary-line.total b{
  color:#f04422!important;
  font-size:20px!important;
}
.cart-summary-actions{
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:16px!important;
  margin-top:18px!important;
}
.cart-summary-actions .btn{
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.cart-add-more{
  color:#3047c8!important;
  border:1px solid #3047c8!important;
  background:#fff!important;
}
.cart-tools{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.cart-tool-card{
  min-height:170px!important;
  padding:18px!important;
  border:1px solid #e1e5eb!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cart-tool-card h3{
  margin:0 0 4px!important;
  font-size:15px!important;
}
.cart-tool-card p{
  margin:0 0 14px!important;
  color:#667085!important;
  font-size:12px!important;
}

/* Checkout: WooCommerce-like minimal returning customer row */
.checkout-returning-minimal{
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:13px!important;
  color:#626b78!important;
}
.checkout-returning-minimal>span{
  color:#626b78!important;
}
.checkout-login-link{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#155eef!important;
  font:inherit!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.checkout-login-link:hover{text-decoration:underline!important}
.checkout-login-minimal-body{
  margin-top:12px!important;
  padding:14px!important;
  border:1px solid #e0e5ec!important;
  border-radius:6px!important;
  background:#fff!important;
}
.checkout-login-minimal-body[hidden]{
  display:none!important;
}

/* Guest checkout account creation — minimal */
.checkout-create-account-minimal{
  margin-top:2px!important;
  padding:8px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.create-account-simple{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  font-size:13px!important;
  font-weight:400!important;
  color:#111827!important;
}
.create-account-simple input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
}
.checkout-account-password{
  margin-top:10px!important;
  padding:12px!important;
  border:1px dashed #d8dde5!important;
  border-radius:5px!important;
  background:#fbfcfe!important;
}
.checkout-account-password[hidden]{
  display:none!important;
}

/* Checkout/success headings line up with the stepper */
.checkout-page .purchase-progress-flow,
.order-success-page .purchase-progress-flow{
  margin-top:12px!important;
}

/* Responsive */
@media(max-width:900px){
  .purchase-progress-flow{
    justify-content:flex-start!important;
    overflow-x:auto!important;
  }
  .cart-product{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  .cart-qty,.cart-price{
    grid-column:2!important;
    justify-self:start!important;
  }
  .cart-price{
    align-items:flex-start!important;
    text-align:left!important;
    padding-right:0!important;
  }
  .cart-remove-icon{
    right:auto!important;
    left:165px!important;
  }
  .cart-tools{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .purchase-progress-flow{
    gap:8px!important;
    padding:13px!important;
  }
  .purchase-progress-flow .purchase-step b{
    font-size:12px!important;
  }
  .cart-summary-actions{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   v14.2.2 — StarTech-inspired product detail rebuild
   Original PixoNext implementation; no third-party CSS copied.
   ========================================================== */
.pdp-v1422-page{background:#f1f3f6;color:#252b34}
.pdp-v1422-page>.container{padding-top:8px!important;padding-bottom:46px!important}
.pdp-v1422-breadcrumb{display:flex;align-items:center;gap:7px;min-height:35px;margin:0 0 7px;color:#6f7782;font-size:12px;overflow:hidden}
.pdp-v1422-breadcrumb a{color:#5d6673;text-decoration:none;white-space:nowrap}.pdp-v1422-breadcrumb .current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdp-v1422-sharebar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;margin-bottom:12px;background:#fff;border:1px solid #e1e5ea;border-radius:4px}
.pdp-v1422-share,.pdp-v1422-actions{display:flex;align-items:center;gap:7px}.pdp-v1422-share>span{font-size:12px;font-weight:700}
.pdp-v1422-share a,.pdp-v1422-share button{width:24px;height:24px;display:grid;place-items:center;border:0;background:none;color:#303844;font-size:14px;cursor:pointer}
.pdp-v1422-actions form{margin:0}.pdp-v1422-actions a,.pdp-v1422-actions button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#343c48;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}
.pdp-v1422-alert{padding:10px 12px;margin:0 0 10px;border-radius:4px;font-size:12px}.pdp-v1422-alert.success{background:#ecfdf3;color:#087443}.pdp-v1422-alert.error{background:#fff1f0;color:#b42318}
.pdp-v1422-product{display:grid;grid-template-columns:minmax(430px,.96fr) minmax(540px,1.04fr);gap:42px;min-height:520px;padding:22px 24px 24px;background:#fff;border:1px solid #e4e7eb;border-radius:4px}
.pdp-v1422-gallery{min-width:0}.pdp-v1422-image-stage{position:relative;height:430px;display:grid;place-items:center;background:#fff;overflow:hidden}
.pdp-v1422-image-stage>img{width:100%;height:100%;max-width:540px;object-fit:contain;transition:opacity .16s ease,transform .16s ease}
.pdp-v1422-discount,.pdp-v1422-label{position:absolute;z-index:2;top:12px;left:12px;border-radius:3px;padding:5px 8px;color:#fff;font-size:11px;font-weight:800}.pdp-v1422-discount{background:#ef4a23}.pdp-v1422-label{top:42px;background:var(--label-color,#ef4a23)}
.pdp-v1422-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e1e5e9;border-radius:50%;background:#fff;color:#47515f;box-shadow:0 4px 18px rgba(12,24,40,.09);cursor:pointer}
.pdp-v1422-thumbs{display:flex;justify-content:center;gap:8px;margin-top:14px;overflow:auto;padding-bottom:2px}.pdp-v1422-thumbs button{flex:0 0 60px;width:60px;height:60px;padding:5px;border:1px solid #dfe3e8;border-radius:3px;background:#fff;cursor:pointer}.pdp-v1422-thumbs button.active{border:2px solid #3749bb;padding:4px}.pdp-v1422-thumbs img{width:100%;height:100%;object-fit:contain}
.pdp-v1422-info{min-width:0;padding:3px 0 0}.pdp-v1422-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pdp-v1422-title-row h1{margin:0 0 13px;color:#3749bb;font-size:21px;line-height:1.3;font-weight:700}
.pdp-v1422-rating-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;margin-top:1px;padding:4px 6px;border:1px solid #f1d9b9;border-radius:3px;background:#fff7ea;color:#f29915;text-decoration:none;font-size:11px;font-weight:800}
.pdp-v1422-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.pdp-v1422-meta span{padding:6px 8px;border-radius:3px;background:#f0f2f5;color:#68717d;font-size:11px;line-height:1}.pdp-v1422-meta b{color:#252e3a}.pdp-v1422-meta b.price{color:#3749bb}.pdp-v1422-meta .stock-in{color:#16864a}.pdp-v1422-meta .stock-out{color:#d92d20}
.pdp-v1422-features h3,.pdp-v1422-payment-heading{margin:0 0 8px;color:#252d38;font-size:14px;font-weight:700}.pdp-v1422-features ul{margin:0;padding-left:17px}.pdp-v1422-features li{margin:0 0 6px;color:#343c46;font-size:12px;line-height:1.45}.pdp-v1422-features li strong{font-weight:700}.pdp-v1422-features>a{display:inline-block;margin-top:1px;color:#ef4a23;text-decoration:none;font-size:11px;font-weight:700}
.pdp-v1422-choice-block{display:flex;align-items:flex-start;gap:10px;margin-top:13px}.pdp-v1422-choice-title{padding-top:6px;color:#333c48;font-size:12px;font-weight:700}.pdp-v1422-choice-list{display:flex;flex-wrap:wrap;gap:6px}.pdp-v1422-choice{min-height:29px;padding:4px 9px;border:1px solid #b8c0ca;border-radius:2px;background:#fff;color:#414a56;font-size:11px;cursor:pointer}.pdp-v1422-choice.active{border-color:#4b5ed4;color:#3548c0;box-shadow:inset 0 0 0 1px #4b5ed4}.pdp-v1422-choice small{margin-left:3px;color:#ef4a23}
.pdp-v1422-payment-heading{margin-top:17px}.pdp-v1422-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:650px}.pdp-v1422-payment{position:relative;min-height:84px;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:12px;border:1px solid #dfe3e8;background:#fff;cursor:pointer}.pdp-v1422-payment.active{border:2px solid #5063df;padding:11px}.pdp-v1422-payment input{position:absolute;opacity:0}.pdp-v1422-radio{width:14px;height:14px;margin-top:3px;border:1.5px solid #9da7b3;border-radius:50%}.pdp-v1422-payment.active .pdp-v1422-radio{border:4px solid #5367e5}.pdp-v1422-payment-copy b{display:block;color:#202936;font-size:15px}.pdp-v1422-payment-copy del{margin-left:5px;color:#9a6262;font-size:10px;font-weight:500}.pdp-v1422-payment-copy small{display:block;margin-top:4px;color:#68727f;font-size:10px;line-height:1.4}
.pdp-v1422-buy{display:flex;align-items:center;gap:10px;margin-top:11px}.pdp-v1422-qty{height:40px;display:grid;grid-template-columns:32px 44px 32px;border:1px solid #dfe3e8;background:#fff}.pdp-v1422-qty button,.pdp-v1422-qty input{border:0;background:#fff;text-align:center;font-weight:700}.pdp-v1422-qty button{color:#66707d;cursor:pointer}.pdp-v1422-qty input{width:44px;-moz-appearance:textfield}.pdp-v1422-qty input::-webkit-outer-spin-button,.pdp-v1422-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-v1422-buy-now,.pdp-v1422-submit{min-width:170px;height:40px;padding:0 22px;border:0;border-radius:2px;background:#3749bb;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.pdp-v1422-buy-now:disabled{opacity:.45;cursor:not-allowed}.pdp-v1422-warranty-note{display:flex;align-items:center;gap:8px;margin-top:11px;color:#68727e;font-size:11px}.pdp-v1422-warranty-note>i{color:#3749bb;font-size:17px}.pdp-v1422-warranty-note span{display:flex;gap:6px}.pdp-v1422-warranty-note b{color:#303946}
.pdp-v1422-lower{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px;align-items:start;margin-top:15px}.pdp-v1422-main{min-width:0}.pdp-v1422-tabs{position:sticky;top:104px;z-index:16;display:flex;gap:7px;margin:0 0 10px;background:#f1f3f6;padding:0 0 1px}.pdp-v1422-tabs a{min-height:39px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #e0e4e9;border-radius:3px;background:#fff;color:#2c3540;text-decoration:none;font-size:11px;font-weight:700}.pdp-v1422-tabs a.active{background:#ef2d1f;border-color:#ef2d1f;color:#fff}
.pdp-v1422-panel{scroll-margin-top:155px;margin:0 0 11px;padding:15px;background:#fff;border:1px solid #e2e6ea;border-radius:2px}.pdp-v1422-panel>h2,.pdp-v1422-panel-head h2{margin:0 0 12px;color:#202936;font-size:15px}.pdp-v1422-spec-group{margin:0 0 13px}.pdp-v1422-spec-group:last-child{margin-bottom:0}.pdp-v1422-spec-group h3{margin:0;padding:7px 10px;background:#f1f3fb;color:#5060c4;font-size:11px;font-weight:700}.pdp-v1422-spec-row{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:34px;border-bottom:1px solid #edf0f3}.pdp-v1422-spec-row>div{padding:8px 10px;color:#3d4652;font-size:11px;line-height:1.45}.pdp-v1422-spec-row>div:first-child{color:#69727f}
.pdp-v1422-description-panel h3{margin:0 0 7px;font-size:14px}.pdp-v1422-description{white-space:pre-line;color:#404955;font-size:12px;line-height:1.65}.pdp-v1422-price-seo p{margin:0;color:#4e5865;font-size:11px;line-height:1.6}.pdp-v1422-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pdp-v1422-panel-head h2{margin-bottom:3px}.pdp-v1422-panel-head p{margin:0;color:#77818e;font-size:11px}.pdp-v1422-outline{min-height:31px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #4f61db;border-radius:2px;background:#fff;color:#4052cf;text-decoration:none;font-size:10px;font-weight:800;cursor:pointer}
.pdp-v1422-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #eef1f4}.pdp-v1422-form .full{grid-column:1/-1}.pdp-v1422-form label{display:block;margin-bottom:4px;color:#5c6672;font-size:11px;font-weight:700}.pdp-v1422-form input,.pdp-v1422-form select,.pdp-v1422-form textarea{width:100%;padding:9px;border:1px solid #dfe4e9;border-radius:3px;background:#fff;font:inherit;font-size:12px}
.pdp-v1422-qa,.pdp-v1422-review{padding:12px 0;border-top:1px solid #edf0f3}.pdp-v1422-author{margin-bottom:7px;color:#4052c7;font-size:10px;font-weight:700}.pdp-v1422-author small{color:#8a929c;font-weight:500}.pdp-v1422-question,.pdp-v1422-answer{display:grid;grid-template-columns:18px 1fr;gap:5px;margin-top:5px;color:#3d4652;font-size:11px;line-height:1.55}.pdp-v1422-answer b{color:#13854b}.pdp-v1422-review-summary{display:flex;align-items:center;gap:8px;padding:0 0 12px}.pdp-v1422-stars{display:flex;gap:1px;color:#d8dde2;font-size:17px}.pdp-v1422-stars.small{font-size:12px;margin-bottom:4px}.pdp-v1422-stars .on{color:#ff8b1f}.pdp-v1422-review-summary>b{font-size:11px}.pdp-v1422-review p{margin:4px 0;color:#4e5865;font-size:11px;line-height:1.55}.pdp-v1422-review>small{color:#818a94;font-size:9px}.pdp-v1422-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#818b96;text-align:center}.pdp-v1422-empty i{font-size:25px;color:#5062d7}.pdp-v1422-empty p{margin:8px 0 0;font-size:10px}
.pdp-v1422-related{position:sticky;top:104px}.pdp-v1422-related-card{background:#fff;border:1px solid #e2e6ea}.pdp-v1422-related-card>h3{margin:0;padding:11px 12px;border-bottom:1px solid #edf0f3;color:#5060c4;text-align:center;font-size:12px}.pdp-v1422-related-item{padding:10px 10px 9px;border-bottom:1px solid #edf0f3}.pdp-v1422-related-item:last-child{border-bottom:0}.pdp-v1422-related-link{display:grid;grid-template-columns:62px 1fr;gap:9px;color:inherit;text-decoration:none}.pdp-v1422-related-link img{width:62px;height:54px;object-fit:contain}.pdp-v1422-related-link b{display:block;color:#333c48;font-size:10px;line-height:1.35}.pdp-v1422-related-link strong{display:block;margin-top:5px;color:#ef4a23;font-size:11px}.pdp-v1422-related-item form{margin:5px 0 0 71px}.pdp-v1422-related-item button{padding:0;border:0;background:none;color:#67717d;font-size:9px;cursor:pointer}.pdp-v1422-related-empty{padding:15px;color:#78818c;font-size:11px}
.pdp-v1422-lightbox[hidden]{display:none}.pdp-v1422-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:40px;background:rgba(8,15,25,.88)}.pdp-v1422-lightbox img{max-width:min(900px,90vw);max-height:88vh;object-fit:contain;background:#fff;border-radius:6px}.pdp-v1422-lightbox button{position:absolute;top:22px;right:24px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#1f2937;font-size:22px;cursor:pointer}
.pdp-v1422-sticky-buy{position:fixed;left:0;right:0;bottom:-90px;z-index:1100;border-top:1px solid #dfe4e8;background:#fff;box-shadow:0 -8px 25px rgba(20,28,40,.12);transition:bottom .22s ease}.pdp-v1422-sticky-buy.show{bottom:0}.pdp-v1422-sticky-buy>.container{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}.pdp-v1422-sticky-product{display:flex;align-items:center;gap:9px;min-width:0}.pdp-v1422-sticky-product img{width:44px;height:44px;object-fit:contain}.pdp-v1422-sticky-product span{min-width:0}.pdp-v1422-sticky-product b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px;color:#29323d;font-size:12px}.pdp-v1422-sticky-product small{display:block;margin-top:2px;color:#ef4a23;font-size:12px;font-weight:800}.pdp-v1422-sticky-buy button{min-width:150px;height:40px;border:0;border-radius:3px;background:#3749bb;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:1050px){.pdp-v1422-product{grid-template-columns:1fr 1fr;gap:22px}.pdp-v1422-image-stage{height:370px}.pdp-v1422-lower{grid-template-columns:1fr}.pdp-v1422-related{position:static}.pdp-v1422-related-card{display:grid;grid-template-columns:repeat(2,1fr)}.pdp-v1422-related-card>h3{grid-column:1/-1}.pdp-v1422-related-item:nth-child(even){border-right:1px solid #edf0f3}}
@media(max-width:760px){.pdp-v1422-page>.container{padding-bottom:90px!important}.pdp-v1422-sharebar{align-items:flex-start;flex-direction:column;padding:9px 11px}.pdp-v1422-product{grid-template-columns:1fr;gap:12px;padding:12px}.pdp-v1422-image-stage{height:310px}.pdp-v1422-title-row h1{font-size:18px}.pdp-v1422-meta span{font-size:10px}.pdp-v1422-payment-grid{grid-template-columns:1fr}.pdp-v1422-tabs{top:66px;overflow:auto;white-space:nowrap}.pdp-v1422-spec-row{grid-template-columns:120px 1fr}.pdp-v1422-panel{padding:12px}.pdp-v1422-related-card{grid-template-columns:1fr}.pdp-v1422-panel-head{align-items:flex-start}.pdp-v1422-sticky-product b{max-width:170px}.pdp-v1422-sticky-buy button{min-width:112px}.pdp-v1422-related-item:nth-child(even){border-right:0}}



/* =========================================================
   PixoNext v14.2.3 — Product Detail Reference-Clone Layout
   PixoNext-native implementation of the requested dense retail PDP.
   ========================================================= */
.pdp-v1423-page{background:#f1f3f6;color:#252b34;font-size:13px}
.pdp-v1423-shell{width:min(1170px,calc(100% - 28px));margin:0 auto}
.pdp-v1423-breadcrumb{min-height:39px;display:flex;align-items:center;gap:7px;color:#6c7581;font-size:12px;white-space:nowrap;overflow:hidden}
.pdp-v1423-breadcrumb a{color:#626d79;text-decoration:none}.pdp-v1423-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.pdp-v1423-sharebar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:10px;background:#fff;border:1px solid #e3e7eb;border-radius:4px}
.pdp-v1423-share,.pdp-v1423-save-compare{display:flex;align-items:center;gap:7px}.pdp-v1423-share b{font-size:12px}.pdp-v1423-share a,.pdp-v1423-share button{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;background:none;color:#4c5662;cursor:pointer;text-decoration:none;font-size:13px}
.pdp-v1423-save-compare form{margin:0}.pdp-v1423-save-compare a,.pdp-v1423-save-compare button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#313a46;text-decoration:none;font-size:11px;font-weight:700;cursor:pointer}
.pdp-v1423-alert{margin:0 0 9px;padding:9px 11px;border-radius:3px;font-size:12px}.pdp-v1423-alert.success{background:#ecfdf3;color:#067647}.pdp-v1423-alert.error{background:#fff1f0;color:#b42318}

.pdp-v1423-hero{display:grid;grid-template-columns:500px minmax(0,1fr);gap:38px;padding:18px 18px 20px;background:#fff;border:1px solid #e4e7eb;border-radius:3px}
.pdp-v1423-left{min-width:0}
.pdp-v1423-image-stage{position:relative;height:355px;display:grid;place-items:center;overflow:hidden;background:#fff}
.pdp-v1423-image-stage>img{width:100%;height:100%;max-width:455px;object-fit:contain;transition:opacity .14s ease}
.pdp-v1423-discount,.pdp-v1423-product-label{position:absolute;z-index:3;left:7px;top:7px;padding:4px 7px;border-radius:2px;background:#ef4a23;color:#fff;font-size:10px;font-weight:800}
.pdp-v1423-product-label{top:35px;background:var(--label-color,#ef4a23)}
.pdp-v1423-zoom{position:absolute;right:7px;bottom:7px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #dfe4e8;border-radius:50%;background:#fff;color:#48525f;box-shadow:0 3px 12px rgba(22,34,51,.08);cursor:pointer}
.pdp-v1423-thumbs{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;overflow:auto}
.pdp-v1423-thumbs button{width:55px;height:55px;flex:0 0 55px;padding:4px;border:1px solid #dfe4e8;border-radius:2px;background:#fff;cursor:pointer}
.pdp-v1423-thumbs button.active{border:2px solid #3749bb;padding:3px}.pdp-v1423-thumbs img{width:100%;height:100%;object-fit:contain}
.pdp-v1423-mini-tools{display:flex;justify-content:center;gap:0;margin:6px 0 8px}.pdp-v1423-mini-tools span{width:42px;height:32px;display:grid;place-items:center;border:1px solid #e1e5e9;border-right:0;background:#fff;color:#65707c;font-size:15px}.pdp-v1423-mini-tools span:first-child{border-radius:3px 0 0 3px}.pdp-v1423-mini-tools span:last-child{border-right:1px solid #e1e5e9;border-radius:0 3px 3px 0}
.pdp-v1423-banner{height:70px;display:block;overflow:hidden;border-radius:2px;text-decoration:none}.pdp-v1423-banner.image img{width:100%;height:100%;object-fit:cover}
.pdp-v1423-banner.generated{display:grid;grid-template-columns:repeat(3,1fr);background:#10223a;color:#fff}.pdp-v1423-banner.generated span{display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:7px;padding:9px 10px;border-right:1px solid rgba(255,255,255,.14)}.pdp-v1423-banner.generated span:last-child{border-right:0}.pdp-v1423-banner.generated i{grid-row:1/3;font-size:25px;color:#ff532f}.pdp-v1423-banner.generated b{align-self:end;font-size:11px}.pdp-v1423-banner.generated small{align-self:start;color:#ccd5e1;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pdp-v1423-info{min-width:0;padding-top:1px}
.pdp-v1423-deal{display:inline-flex;align-items:center;gap:5px;margin:0 0 7px;color:#ef4a23;text-decoration:none;font-size:10px;font-weight:800}.pdp-v1423-deal i{font-size:14px}
.pdp-v1423-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pdp-v1423-title-line h1{margin:0 0 11px;color:#3749bb;font-size:19px;line-height:1.32;font-weight:700}
.pdp-v1423-rating-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #f0d7b8;border-radius:2px;background:#fff8ed;color:#f19a18;text-decoration:none;font-size:10px;font-weight:800}
.pdp-v1423-meta{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 13px}.pdp-v1423-meta span{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:5px 7px;background:#f0f2f5;color:#6a7480;border-radius:2px;font-size:10px}.pdp-v1423-meta b{color:#303844}.pdp-v1423-meta .price{color:#3749bb;font-size:12px}.pdp-v1423-meta del{color:#8b939d;font-size:9px}.pdp-v1423-meta .in{color:#158647}.pdp-v1423-meta .out{color:#d92d20}
.pdp-v1423-key-features{margin-bottom:10px}.pdp-v1423-key-features h3,.pdp-v1423-payment-title{margin:0 0 7px;color:#262e39;font-size:13px;font-weight:700}.pdp-v1423-key-features ul{margin:0;padding-left:16px}.pdp-v1423-key-features li{margin:0 0 4px;color:#333c47;font-size:11px;line-height:1.4}.pdp-v1423-key-features li b{font-weight:700}.pdp-v1423-key-features>a{display:inline-block;margin-top:0;color:#ef4a23;text-decoration:none;font-size:10px;font-weight:700}
.pdp-v1423-option-row{display:flex;align-items:center;gap:9px;margin:9px 0 12px}.pdp-v1423-option-row>b{font-size:11px}.pdp-v1423-option-row>div{display:flex;gap:6px;flex-wrap:wrap}.pdp-v1423-option{min-width:47px;height:27px;padding:0 10px;border:1px solid #6e7ce2;border-radius:1px;background:#fff;color:#2e3744;font-size:10px;cursor:pointer}.pdp-v1423-option.active{box-shadow:0 0 0 1px #3749bb inset;border-color:#3749bb;color:#3749bb}
.pdp-v1423-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:9px}.pdp-v1423-payment{min-height:67px;position:relative;display:grid;grid-template-columns:25px 1fr;align-items:center;padding:9px 10px;border:1px solid #dfe4e9;background:#fff;cursor:pointer}.pdp-v1423-payment.active{border:2px solid #5364df;padding:8px 9px}.pdp-v1423-payment input{position:absolute;opacity:0}.pdp-v1423-payment .radio{width:16px;height:16px;border:2px solid #aeb6c1;border-radius:50%;position:relative}.pdp-v1423-payment.active .radio{border-color:#4c5bd5}.pdp-v1423-payment.active .radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#4c5bd5}.pdp-v1423-payment .copy b{display:block;color:#252d38;font-size:13px}.pdp-v1423-payment .copy del{margin-left:4px;color:#9199a2;font-size:9px;font-weight:500}.pdp-v1423-payment .copy small{display:block;margin-top:3px;color:#717b87;font-size:9px;line-height:1.35}
.pdp-v1423-buy{display:flex;align-items:center;gap:9px;margin-top:7px}.pdp-v1423-qty{height:37px;display:grid;grid-template-columns:31px 40px 31px;border:1px solid #dfe4e9}.pdp-v1423-qty button,.pdp-v1423-qty input{border:0;background:#fff;text-align:center}.pdp-v1423-qty button{color:#69737f;cursor:pointer}.pdp-v1423-qty input{width:40px;font-size:11px;font-weight:700;-moz-appearance:textfield}.pdp-v1423-qty input::-webkit-outer-spin-button,.pdp-v1423-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp-v1423-buy-now,.pdp-v1423-submit{height:37px;min-width:165px;padding:0 22px;border:0;border-radius:1px;background:#3749bb;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.pdp-v1423-buy-now:disabled{opacity:.45;cursor:not-allowed}
.pdp-v1423-warranty{display:flex;align-items:center;gap:6px;margin-top:9px;color:#66717e;font-size:10px}.pdp-v1423-warranty i{color:#3749bb;font-size:15px}.pdp-v1423-warranty b{color:#333c48}

.pdp-v1423-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start;margin-top:12px}
.pdp-v1423-content{min-width:0}
.pdp-v1423-tabs{display:flex;align-items:center;gap:6px;margin-bottom:9px}.pdp-v1423-tabs a{height:37px;display:inline-flex;align-items:center;padding:0 15px;border:1px solid #dde2e7;border-radius:2px;background:#fff;color:#333d48;text-decoration:none;font-size:10px;font-weight:700}.pdp-v1423-tabs a.active{background:#ef2d1f;border-color:#ef2d1f;color:#fff}
.pdp-v1423-card{scroll-margin-top:130px;margin:0 0 10px;padding:14px;background:#fff;border:1px solid #e1e5e9}.pdp-v1423-card>h2,.pdp-v1423-card-head h2{margin:0 0 12px;color:#242d38;font-size:15px}.pdp-v1423-spec-group{margin-bottom:12px}.pdp-v1423-spec-group:last-child{margin-bottom:0}.pdp-v1423-spec-group h3{margin:0;padding:7px 10px;background:#f2f4fb;color:#4c5cc7;font-size:10px;font-weight:700}
.pdp-v1423-spec-row{display:grid;grid-template-columns:185px minmax(0,1fr);border-bottom:1px solid #edf0f3;min-height:33px}.pdp-v1423-spec-row:last-child{border-bottom:0}.pdp-v1423-spec-row>div{padding:8px 10px;color:#36404b;font-size:10px;line-height:1.45}.pdp-v1423-spec-row>div:first-child{color:#737c87}
.pdp-v1423-description-section{margin-bottom:17px}.pdp-v1423-description-section:last-child{margin-bottom:0}.pdp-v1423-description-section h3{margin:0 0 6px;color:#242c37;font-size:13px}.pdp-v1423-description-section p{margin:0 0 8px;color:#3d4753;font-size:10px;line-height:1.65}.pdp-v1423-description-section p:last-child{margin-bottom:0}.pdp-v1423-price-question p{margin:0;color:#4b5662;font-size:10px;line-height:1.6}
.pdp-v1423-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pdp-v1423-card-head h2{margin-bottom:2px}.pdp-v1423-card-head p{margin:0;color:#7a838e;font-size:9px}.pdp-v1423-outline{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid #5364df;border-radius:1px;background:#fff;color:#4152ce;text-decoration:none;font-size:9px;font-weight:800;cursor:pointer}
.pdp-v1423-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;padding:11px 0;border-top:1px solid #edf0f3}.pdp-v1423-form .full{grid-column:1/-1}.pdp-v1423-form label{display:block;margin-bottom:4px;color:#5d6773;font-size:10px;font-weight:700}.pdp-v1423-form input,.pdp-v1423-form select,.pdp-v1423-form textarea{width:100%;padding:8px;border:1px solid #dfe4e9;border-radius:2px;background:#fff;font:inherit;font-size:11px}.pdp-v1423-submit{min-width:125px}
.pdp-v1423-qa,.pdp-v1423-review{padding:12px 0;border-top:1px solid #edf0f3}.pdp-v1423-author{margin-bottom:6px;color:#4051c4;font-size:9px;font-weight:700}.pdp-v1423-author small{color:#8a929b;font-weight:500}.pdp-v1423-question,.pdp-v1423-answer{display:grid;grid-template-columns:17px 1fr;gap:4px;margin-top:5px;color:#3c4651;font-size:10px;line-height:1.5}.pdp-v1423-answer b{color:#13864b}.pdp-v1423-support-by{margin:4px 0 0 21px;color:#8b939d;font-size:8px}.pdp-v1423-review-summary{display:flex;align-items:center;gap:8px;padding:2px 0 10px}.pdp-v1423-stars{display:flex;gap:1px;color:#d5dbe1;font-size:16px}.pdp-v1423-stars.small{font-size:11px;margin-bottom:4px}.pdp-v1423-stars .on{color:#ff8218}.pdp-v1423-review-summary b{font-size:10px}.pdp-v1423-review p{margin:3px 0 4px;color:#46505c;font-size:10px;line-height:1.55}.pdp-v1423-review small{color:#7d8792;font-size:8px}.pdp-v1423-empty{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7c8792}.pdp-v1423-empty i{font-size:24px;color:#5364df}.pdp-v1423-empty p{margin:7px 0 0;font-size:9px}

.pdp-v1423-related{position:sticky;top:105px}.pdp-v1423-related-card{background:#fff;border:1px solid #e1e5e9}.pdp-v1423-related-card>h3{margin:0;padding:10px;border-bottom:1px solid #edf0f3;color:#5060c4;text-align:center;font-size:10px}
.pdp-v1423-related-item{padding:9px;border-bottom:1px solid #edf0f3}.pdp-v1423-related-item:last-child{border-bottom:0}.pdp-v1423-related-item>a{display:grid;grid-template-columns:58px 1fr;gap:8px;text-decoration:none;color:inherit}.pdp-v1423-related-item img{width:58px;height:52px;object-fit:contain}.pdp-v1423-related-item b{display:block;color:#333d49;font-size:9px;line-height:1.35}.pdp-v1423-related-item strong{display:inline-block;margin-top:4px;color:#ef4a23;font-size:10px}.pdp-v1423-related-item del{display:inline-block;margin-left:4px;color:#9098a1;font-size:8px}.pdp-v1423-related-item form{margin:5px 0 0 66px}.pdp-v1423-related-item button{border:0;background:none;padding:0;color:#68727e;font-size:8px;cursor:pointer}.pdp-v1423-related-empty{padding:15px;color:#78828d;font-size:10px}

.pdp-v1423-lightbox[hidden]{display:none}.pdp-v1423-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:40px;background:rgba(8,15,25,.9)}.pdp-v1423-lightbox img{max-width:min(920px,90vw);max-height:88vh;object-fit:contain;background:#fff}.pdp-v1423-lightbox button{position:absolute;top:20px;right:22px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#202a35;font-size:21px;cursor:pointer}
.pdp-v1423-sticky-buy{position:fixed;left:0;right:0;bottom:-84px;z-index:1100;border-top:1px solid #dfe4e8;background:#fff;box-shadow:0 -7px 23px rgba(20,28,40,.12);transition:bottom .2s ease}.pdp-v1423-sticky-buy.show{bottom:0}.pdp-v1423-sticky-buy>.pdp-v1423-shell{height:61px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pdp-v1423-sticky-product{display:flex;align-items:center;gap:8px;min-width:0}.pdp-v1423-sticky-product img{width:40px;height:40px;object-fit:contain}.pdp-v1423-sticky-product span{min-width:0}.pdp-v1423-sticky-product b{display:block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d3641;font-size:10px}.pdp-v1423-sticky-product small{display:block;margin-top:2px;color:#ef4a23;font-size:10px;font-weight:800}.pdp-v1423-sticky-buy button{height:37px;min-width:145px;border:0;border-radius:2px;background:#3749bb;color:#fff;font-size:10px;font-weight:800;cursor:pointer}

@media(max-width:1080px){
  .pdp-v1423-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px}
  .pdp-v1423-image-stage{height:330px}
  .pdp-v1423-content-layout{grid-template-columns:1fr}
  .pdp-v1423-related{position:static}
  .pdp-v1423-related-card{display:grid;grid-template-columns:repeat(2,1fr)}
  .pdp-v1423-related-card>h3{grid-column:1/-1}
  .pdp-v1423-related-item:nth-child(even){border-left:1px solid #edf0f3}
}
@media(max-width:760px){
  .pdp-v1423-shell{width:min(100% - 18px,1170px)}
  .pdp-v1423-sharebar{height:auto;align-items:flex-start;flex-direction:column;padding:8px 10px;gap:6px}
  .pdp-v1423-hero{grid-template-columns:1fr;gap:10px;padding:10px}
  .pdp-v1423-image-stage{height:300px}
  .pdp-v1423-banner{height:62px}.pdp-v1423-banner.generated small{display:none}
  .pdp-v1423-title-line h1{font-size:17px}
  .pdp-v1423-payment-grid{grid-template-columns:1fr}
  .pdp-v1423-tabs{overflow:auto;white-space:nowrap}
  .pdp-v1423-tabs a{flex:0 0 auto}
  .pdp-v1423-spec-row{grid-template-columns:125px minmax(0,1fr)}
  .pdp-v1423-card{padding:11px}
  .pdp-v1423-related-card{grid-template-columns:1fr}
  .pdp-v1423-related-item:nth-child(even){border-left:0}
  .pdp-v1423-sticky-product b{max-width:165px}
  .pdp-v1423-sticky-buy button{min-width:105px}
  .pdp-v1423-form{grid-template-columns:1fr}
  .pdp-v1423-form .full{grid-column:1}
}

/* =========================================================
   PixoNext v14.2.4 — Product Detail Visual Scale Match
   Desktop typography, product image, promo banner, payment cards,
   buttons, tabs, specifications and related-product rail enlarged
   to match the reference page's visual density and proportions.
   ========================================================= */
@media(min-width:761px){
  .pdp-v1423-page{font-size:14px}
  .pdp-v1423-shell{width:min(1180px,calc(100% - 30px))}
  .pdp-v1423-breadcrumb{min-height:42px;font-size:13px;gap:8px}
  .pdp-v1423-sharebar{height:50px;padding:0 16px;margin-bottom:12px}
  .pdp-v1423-share,.pdp-v1423-save-compare{gap:9px}
  .pdp-v1423-share b{font-size:13px}
  .pdp-v1423-share a,.pdp-v1423-share button{width:26px;height:26px;font-size:15px}
  .pdp-v1423-save-compare a,.pdp-v1423-save-compare button{gap:6px;font-size:13px}

  .pdp-v1423-hero{grid-template-columns:520px minmax(0,1fr);gap:34px;padding:22px 20px 24px}
  .pdp-v1423-image-stage{height:410px}
  .pdp-v1423-image-stage>img{max-width:485px}
  .pdp-v1423-discount,.pdp-v1423-product-label{left:10px;top:10px;padding:5px 9px;font-size:12px}
  .pdp-v1423-product-label{top:43px}
  .pdp-v1423-zoom{right:10px;bottom:10px;width:38px;height:38px;font-size:17px}
  .pdp-v1423-thumbs{min-height:68px;gap:10px;margin-top:7px}
  .pdp-v1423-thumbs button{width:62px;height:62px;flex-basis:62px;padding:5px}
  .pdp-v1423-mini-tools{margin:8px 0 10px}
  .pdp-v1423-mini-tools span{width:48px;height:36px;font-size:17px}

  .pdp-v1423-banner{height:88px;border-radius:3px}
  .pdp-v1423-banner.image img{object-fit:cover}
  .pdp-v1423-banner.generated span{grid-template-columns:38px 1fr;column-gap:9px;padding:12px 12px}
  .pdp-v1423-banner.generated i{font-size:29px}
  .pdp-v1423-banner.generated b{font-size:13px}
  .pdp-v1423-banner.generated small{font-size:11px}

  .pdp-v1423-info{padding-top:3px}
  .pdp-v1423-deal{gap:6px;margin-bottom:9px;font-size:13px}
  .pdp-v1423-deal i{font-size:17px}
  .pdp-v1423-title-line{gap:14px}
  .pdp-v1423-title-line h1{margin-bottom:13px;font-size:23px;line-height:1.3}
  .pdp-v1423-rating-badge{padding:5px 8px;font-size:12px}
  .pdp-v1423-meta{gap:7px;margin-bottom:16px}
  .pdp-v1423-meta span{min-height:31px;padding:6px 9px;font-size:12.5px}
  .pdp-v1423-meta .price{font-size:16px}
  .pdp-v1423-meta del{font-size:11px}

  .pdp-v1423-key-features{margin-bottom:13px}
  .pdp-v1423-key-features h3,.pdp-v1423-payment-title{margin-bottom:8px;font-size:15px}
  .pdp-v1423-key-features ul{padding-left:19px}
  .pdp-v1423-key-features li{margin-bottom:5px;font-size:13px;line-height:1.45}
  .pdp-v1423-key-features>a{margin-top:1px;font-size:13px}
  .pdp-v1423-option-row{gap:11px;margin:11px 0 15px}
  .pdp-v1423-option-row>b{font-size:13px}
  .pdp-v1423-option-row>div{gap:7px}
  .pdp-v1423-option{min-width:54px;height:33px;padding:0 12px;font-size:13px}

  .pdp-v1423-payment-grid{gap:12px;margin-bottom:11px}
  .pdp-v1423-payment{min-height:82px;grid-template-columns:29px 1fr;padding:11px 12px}
  .pdp-v1423-payment.active{padding:10px 11px}
  .pdp-v1423-payment .radio{width:18px;height:18px}
  .pdp-v1423-payment .copy b{font-size:15px}
  .pdp-v1423-payment .copy del{font-size:12px}
  .pdp-v1423-payment .copy small{margin-top:4px;font-size:12px;line-height:1.4}
  .pdp-v1423-buy{gap:11px;margin-top:9px}
  .pdp-v1423-qty{height:43px;grid-template-columns:36px 46px 36px}
  .pdp-v1423-qty button{font-size:15px}
  .pdp-v1423-qty input{width:46px;font-size:13px}
  .pdp-v1423-buy-now,.pdp-v1423-submit{height:43px;min-width:180px;padding:0 26px;font-size:13px}
  .pdp-v1423-warranty{gap:7px;margin-top:12px;font-size:13px}
  .pdp-v1423-warranty i{font-size:18px}

  .pdp-v1423-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px;margin-top:14px}
  .pdp-v1423-tabs{gap:7px;margin-bottom:10px}
  .pdp-v1423-tabs a{height:42px;padding:0 18px;font-size:13px}
  .pdp-v1423-card{margin-bottom:12px;padding:18px}
  .pdp-v1423-card>h2,.pdp-v1423-card-head h2{margin-bottom:14px;font-size:19px}
  .pdp-v1423-spec-group{margin-bottom:15px}
  .pdp-v1423-spec-group h3{padding:9px 12px;font-size:13px}
  .pdp-v1423-spec-row{grid-template-columns:205px minmax(0,1fr);min-height:39px}
  .pdp-v1423-spec-row>div{padding:10px 12px;font-size:13px;line-height:1.5}
  .pdp-v1423-description-section{margin-bottom:21px}
  .pdp-v1423-description-section h3{margin-bottom:8px;font-size:16px}
  .pdp-v1423-description-section p{margin-bottom:10px;font-size:13px;line-height:1.7}
  .pdp-v1423-price-question p{font-size:13px;line-height:1.65}
  .pdp-v1423-card-head p{font-size:12.5px;line-height:1.45}
  .pdp-v1423-outline{min-height:34px;padding:0 13px;font-size:12px}
  .pdp-v1423-form{gap:11px;margin-top:13px;padding:13px 0}
  .pdp-v1423-form label{font-size:12.5px}
  .pdp-v1423-form input,.pdp-v1423-form select,.pdp-v1423-form textarea{padding:10px;font-size:13px}
  .pdp-v1423-qa,.pdp-v1423-review{padding:15px 0}
  .pdp-v1423-author{margin-bottom:7px;font-size:12px}
  .pdp-v1423-question,.pdp-v1423-answer{grid-template-columns:20px 1fr;gap:5px;margin-top:6px;font-size:13px;line-height:1.55}
  .pdp-v1423-support-by{margin:5px 0 0 25px;font-size:11px}
  .pdp-v1423-stars{font-size:19px}
  .pdp-v1423-stars.small{font-size:14px;margin-bottom:5px}
  .pdp-v1423-review-summary b{font-size:13px}
  .pdp-v1423-review p{margin:4px 0 5px;font-size:13px;line-height:1.6}
  .pdp-v1423-review small{font-size:11.5px}
  .pdp-v1423-empty{min-height:125px}
  .pdp-v1423-empty i{font-size:27px}
  .pdp-v1423-empty p{margin-top:8px;font-size:12.5px}

  .pdp-v1423-related{top:112px}
  .pdp-v1423-related-card>h3{padding:12px;font-size:13px}
  .pdp-v1423-related-item{padding:11px}
  .pdp-v1423-related-item>a{grid-template-columns:68px 1fr;gap:9px}
  .pdp-v1423-related-item img{width:68px;height:62px}
  .pdp-v1423-related-item b{font-size:12px;line-height:1.4}
  .pdp-v1423-related-item strong{margin-top:5px;font-size:13px}
  .pdp-v1423-related-item del{font-size:11px}
  .pdp-v1423-related-item form{margin:7px 0 0 77px}
  .pdp-v1423-related-item button{font-size:11px}
  .pdp-v1423-related-empty{padding:18px;font-size:12px}

  .pdp-v1423-sticky-buy>.pdp-v1423-shell{height:68px}
  .pdp-v1423-sticky-product img{width:46px;height:46px}
  .pdp-v1423-sticky-product b{font-size:12px}
  .pdp-v1423-sticky-product small{font-size:13px}
  .pdp-v1423-sticky-buy button{height:42px;min-width:160px;font-size:13px}
}

@media(max-width:760px){
  .pdp-v1423-page{font-size:14px}
  .pdp-v1423-breadcrumb{font-size:12px}
  .pdp-v1423-share b,.pdp-v1423-save-compare a,.pdp-v1423-save-compare button{font-size:12px}
  .pdp-v1423-image-stage{height:335px}
  .pdp-v1423-thumbs button{width:58px;height:58px;flex-basis:58px}
  .pdp-v1423-banner{height:78px}
  .pdp-v1423-banner.generated b{font-size:12px}
  .pdp-v1423-title-line h1{font-size:21px}
  .pdp-v1423-meta span{font-size:12px}
  .pdp-v1423-meta .price{font-size:15px}
  .pdp-v1423-key-features h3,.pdp-v1423-payment-title{font-size:15px}
  .pdp-v1423-key-features li,.pdp-v1423-key-features>a{font-size:13px}
  .pdp-v1423-option-row>b,.pdp-v1423-option{font-size:13px}
  .pdp-v1423-option{height:34px}
  .pdp-v1423-payment{min-height:78px}
  .pdp-v1423-payment .copy b{font-size:15px}
  .pdp-v1423-payment .copy small{font-size:12px}
  .pdp-v1423-buy-now,.pdp-v1423-submit{height:43px;font-size:13px}
  .pdp-v1423-warranty{font-size:13px}
  .pdp-v1423-tabs a{height:41px;font-size:12px}
  .pdp-v1423-card>h2,.pdp-v1423-card-head h2{font-size:18px}
  .pdp-v1423-spec-group h3{font-size:13px}
  .pdp-v1423-spec-row>div{font-size:12.5px}
  .pdp-v1423-description-section h3{font-size:16px}
  .pdp-v1423-description-section p,.pdp-v1423-price-question p{font-size:13px}
  .pdp-v1423-card-head p,.pdp-v1423-question,.pdp-v1423-answer,.pdp-v1423-review p{font-size:12.5px}
  .pdp-v1423-outline{font-size:12px}
  .pdp-v1423-related-card>h3,.pdp-v1423-related-item b,.pdp-v1423-related-item strong{font-size:12px}
}

/* ===== PixoNext v14.2.5 — PDP Detail + Full Width + Menu Fit ===== */
@media (min-width:1025px){
  /* Product body now uses the same desktop width rhythm as the main header/menu. */
  .pdp-v1423-shell{width:min(1320px,calc(100% - 40px))!important;max-width:1320px!important}

  /* Keep every desktop category inside the navigation bar instead of spilling past viewport. */
  .pixo-category-menu .container{width:min(1320px,calc(100% - 16px))!important;max-width:1320px!important}
  .pixo-category-menu .menurow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;overflow:visible!important;white-space:nowrap!important}
  .pixo-category-menu .menurow>.nav-item{flex:0 1 auto!important;min-width:0!important}
  .pixo-category-menu .menurow>.nav-item>a{padding:14px 2px!important;font-size:11.25px!important;line-height:1.1!important;letter-spacing:-.12px!important}

  .pdp-v1423-hero{grid-template-columns:545px minmax(0,1fr)!important;gap:38px!important;padding:22px 24px 24px!important}
  .pdp-v1423-image-stage{height:420px!important}
  .pdp-v1423-image-stage>img{max-width:510px!important;max-height:400px!important}
  .pdp-v1423-content-layout{grid-template-columns:minmax(0,1fr) 270px!important;gap:16px!important}
}

/* Gallery cleanup: no icon toolbar; banner sits immediately below thumbnails and is always an image. */
.pdp-v1423-mini-tools{display:none!important}
.pdp-v1423-thumbs{margin-top:6px!important;margin-bottom:0!important;min-height:64px!important}
.pdp-v1423-banner{display:block!important;height:76px!important;margin-top:6px!important;border:0!important;border-radius:2px!important;background:#0b1a2d!important;overflow:hidden!important}
.pdp-v1423-banner.image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* More readable reference-style content density. */
.pdp-v1423-card{padding:20px!important}
.pdp-v1423-card>h2,.pdp-v1423-card-head h2{font-size:20px!important;line-height:1.35!important}
.pdp-v1423-spec-group h3{font-size:13.5px!important;padding:10px 13px!important}
.pdp-v1423-spec-row{grid-template-columns:220px minmax(0,1fr)!important;min-height:41px!important}
.pdp-v1423-spec-row>div{padding:10px 13px!important;font-size:13.5px!important;line-height:1.55!important}
.pdp-v1423-description-section{margin-bottom:24px!important}
.pdp-v1423-description-section h3{font-size:17px!important;line-height:1.4!important;margin-bottom:8px!important}
.pdp-v1423-description-section p{font-size:14px!important;line-height:1.75!important;margin:0 0 11px!important;color:#303846!important}
.pdp-v1423-description-list{margin:7px 0 13px 19px!important;padding:0!important;color:#303846!important}
.pdp-v1423-description-list li{margin:0 0 7px!important;font-size:14px!important;line-height:1.65!important}
.pdp-v1423-price-question p{font-size:13.5px!important;line-height:1.7!important}
.pdp-v1423-card-head p{font-size:13px!important;line-height:1.55!important}
.pdp-v1423-question,.pdp-v1423-answer,.pdp-v1423-review p{font-size:13.5px!important;line-height:1.65!important}
.pdp-v1423-author{font-size:12.5px!important}
.pdp-v1423-related-card>h3{font-size:13px!important}
.pdp-v1423-related-item b{font-size:12.5px!important}
.pdp-v1423-related-item strong{font-size:13.5px!important}

@media (max-width:1180px) and (min-width:1025px){
  .pixo-category-menu .menurow>.nav-item>a{font-size:10.2px!important;padding-left:1px!important;padding-right:1px!important}
  .pdp-v1423-shell{width:calc(100% - 24px)!important}
  .pdp-v1423-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:24px!important}
}

@media (max-width:1024px){
  .pdp-v1423-shell{width:min(100% - 18px,1170px)!important}
  .pdp-v1423-banner{height:68px!important}
  .pdp-v1423-spec-row{grid-template-columns:180px minmax(0,1fr)!important}
}

@media (max-width:700px){
  .pdp-v1423-card{padding:14px!important}
  .pdp-v1423-banner{height:58px!important;margin-top:4px!important}
  .pdp-v1423-spec-row{grid-template-columns:128px minmax(0,1fr)!important}
  .pdp-v1423-spec-row>div{font-size:12.5px!important;padding:9px!important}
  .pdp-v1423-description-section h3{font-size:15.5px!important}
  .pdp-v1423-description-section p,.pdp-v1423-description-list li{font-size:13px!important}
}

/* ===== PixoNext v14.2.6 — Modern Reviews, Share Fix & Color Swatches ===== */
.pdp-v1423-share a.facebook{color:#1877f2!important}
.pdp-v1423-share a.whatsapp{color:#16a34a!important}
.pdp-v1423-share a.x{color:#111827!important}
.pdp-v1423-share a.facebook i,.pdp-v1423-share a.whatsapp i,.pdp-v1423-share a.x i{font-size:17px!important;line-height:1}
.pdp-v1423-share a:hover,.pdp-v1423-share button:hover{background:#f2f5f8!important;border-radius:50%}

.pdp-v1423-option{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.pdp-v1423-color-dot{width:14px;height:14px;border:1px solid #c8ced7;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.8) inset;flex:0 0 14px}
.pdp-v1423-option.active .pdp-v1423-color-dot{box-shadow:0 0 0 2px #fff inset,0 0 0 1px #3749bb}

.pdp-v1426-reviews{padding:22px!important}
.pdp-v1426-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.pdp-v1426-eyebrow{display:inline-block;margin-bottom:5px;color:#6b7280;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pdp-v1426-review-head h2{margin:0 0 5px!important;color:#111827;font-size:21px!important;line-height:1.25}
.pdp-v1426-review-head p{margin:0;color:#687281;font-size:13px;line-height:1.55}
.pdp-v1426-write-review{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #3749bb;border-radius:5px;background:#3749bb;color:#fff;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 6px 14px rgba(55,73,187,.14);transition:.18s ease}
.pdp-v1426-write-review:hover{background:#2637a7;transform:translateY(-1px)}
.pdp-v1426-write-review i{font-size:17px}

.pdp-v1426-review-overview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:20px;border:1px solid #e6e9ee;border-radius:8px;background:#fafbfc;margin-bottom:20px}
.pdp-v1426-score{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:24px;border-right:1px solid #e4e8ed}
.pdp-v1426-score>strong{color:#101828;font-size:42px;line-height:1;font-weight:800;letter-spacing:-.04em}
.pdp-v1426-stars{display:flex;gap:3px;margin:9px 0 7px;color:#d8dde5;font-size:19px}
.pdp-v1426-stars .on{color:#ff7a00}
.pdp-v1426-score>span{color:#7a8492;font-size:12px}
.pdp-v1426-rating-bars{display:grid;gap:7px;align-content:center}
.pdp-v1426-rating-row{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:9px}
.pdp-v1426-rating-row>span{display:flex;align-items:center;gap:3px;color:#505967;font-size:12px;font-weight:700}
.pdp-v1426-rating-row>span i{color:#ff7a00;font-size:12px}
.pdp-v1426-rating-row>div{height:7px;border-radius:999px;background:#e5e9ef;overflow:hidden}
.pdp-v1426-rating-row>div b{display:block;height:100%;border-radius:inherit;background:#ff7a00}
.pdp-v1426-rating-row>small{color:#7b8490;font-size:11px;text-align:right}

.pdp-v1426-review-list{display:grid;gap:12px}
.pdp-v1426-review-card{padding:18px;border:1px solid #e6e9ee;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.pdp-v1426-reviewer{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pdp-v1426-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:linear-gradient(135deg,#eef1ff,#dce4ff);color:#3347b8;font-size:12px;font-weight:900;border:1px solid #d9dff5}
.pdp-v1426-reviewer>div{display:grid;gap:2px;min-width:0}
.pdp-v1426-reviewer>div b{color:#18202b;font-size:13px;line-height:1.25}
.pdp-v1426-reviewer>div small{color:#8a929d;font-size:11px}
.pdp-v1426-demo-badge{margin-left:auto;padding:4px 7px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:10px;font-weight:800}
.pdp-v1426-review-rating{display:flex;align-items:center;gap:2px;margin-bottom:9px;color:#d8dde5;font-size:15px}
.pdp-v1426-review-rating i.on{color:#ff7a00}
.pdp-v1426-review-rating b{margin-left:7px;color:#4b5563;font-size:12px}
.pdp-v1426-review-card>p{margin:0!important;color:#2f3742!important;font-size:13.5px!important;line-height:1.7!important}

.pdp-v1426-review-modal[hidden]{display:none!important}
.pdp-v1426-review-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(4,12,24,.66);backdrop-filter:blur(3px)}
.pdp-v1426-review-dialog{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:26px;border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.pdp-v1426-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e4e8ee;border-radius:50%;background:#fff;color:#4b5563;font-size:19px;cursor:pointer}
.pdp-v1426-review-dialog h2{margin:0 40px 3px 0;color:#111827;font-size:23px;line-height:1.25}
.pdp-v1426-modal-subtitle{margin:0 40px 18px 0;color:#717b88;font-size:13px;line-height:1.45}
.pdp-v1426-review-form{display:grid;gap:17px}
.pdp-v1426-star-field{margin:0;padding:16px;border:1px solid #e5e9ef;border-radius:8px;background:#fafbfc}
.pdp-v1426-star-field legend{padding:0 5px;color:#27303c;font-size:12px;font-weight:800}
.pdp-v1426-star-input{display:flex;gap:6px;margin:2px 0 8px}
.pdp-v1426-star-input button{width:34px;height:34px;padding:0;border:0;background:transparent;color:#d7dce3;font-size:28px;cursor:pointer;transition:.12s ease}
.pdp-v1426-star-input button.active{color:#ff7a00;transform:scale(1.04)}
.pdp-v1426-star-field>small{color:#596273;font-size:12px;font-weight:700}
.pdp-v1426-review-comment{display:grid;gap:7px}
.pdp-v1426-review-comment>span{color:#27303c;font-size:12px;font-weight:800}
.pdp-v1426-review-comment textarea{width:100%;resize:vertical;min-height:130px;padding:12px 13px;border:1px solid #d8dee8;border-radius:6px;background:#fff;color:#1f2937;font:inherit;font-size:13px;line-height:1.6;outline:none}
.pdp-v1426-review-comment textarea:focus{border-color:#5062d9;box-shadow:0 0 0 3px rgba(80,98,217,.1)}
.pdp-v1426-review-comment>small{color:#88919d;font-size:11px}
.pdp-v1426-review-submit{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:#3749bb;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.pdp-v1426-review-login{display:grid;justify-items:center;text-align:center;padding:24px 10px 8px}
.pdp-v1426-review-login>i{font-size:44px;color:#5262d4}
.pdp-v1426-review-login h3{margin:10px 0 4px;font-size:18px;color:#202938}
.pdp-v1426-review-login p{margin:0 0 15px;color:#6f7885;font-size:13px}
.pdp-v1426-review-login a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:5px;background:#3749bb;color:#fff;text-decoration:none;font-size:13px;font-weight:800}

@media(max-width:760px){
  .pdp-v1426-reviews{padding:15px!important}
  .pdp-v1426-review-head{align-items:stretch;flex-direction:column;gap:12px}
  .pdp-v1426-write-review{width:100%}
  .pdp-v1426-review-overview{grid-template-columns:1fr;gap:17px;padding:16px}
  .pdp-v1426-score{padding:0 0 16px;border-right:0;border-bottom:1px solid #e4e8ed}
  .pdp-v1426-score>strong{font-size:36px}
  .pdp-v1426-review-card{padding:15px}
  .pdp-v1426-review-dialog{padding:22px 16px 18px}
}

/* v14.2.15 pointer affordance */
a[href],button:not(:disabled),[role="button"],input[type="submit"],input[type="button"],label[for]{cursor:pointer!important}button:disabled,[aria-disabled="true"]{cursor:not-allowed!important}

/* v14.2.16 click affordance */
a[href],button:not(:disabled),[role="button"],[role="radio"],input[type="submit"],input[type="button"],summary{cursor:pointer!important}button:disabled,[aria-disabled="true"]{cursor:not-allowed!important}

/* v14.2.17 search / clickable affordance fixes */
.search button:after{content:none!important;display:none!important}
.search button{font-size:0!important;display:grid!important;place-items:center!important}
.search button i{display:block!important;font-size:20px!important;line-height:1!important;color:#111827!important}
.header-search-text{display:none!important}
a[href],button:not(:disabled),[role="button"],[role="radio"],input[type="submit"],input[type="button"]{cursor:pointer!important}

/* v14.2.19 search icon override */
.search button::after{content:none!important;display:none!important}
.search button i{display:block!important}