@import url("./storefront-enhancements.css?v=3000");

:root{
 --accent:#ef1515;--accent2:#c70c0c;--bg:#ffffff;--panel:#ffffff;--soft:#f4f6f8;
 --text:#17191f;--muted:#6f7580;--line:#eee0d9;--nav:#111318;--shadow:0 16px 45px rgba(15,20,30,.08)
}
html[data-theme="dark"]{
 --bg:#0d1015;--panel:#171a21;--soft:#11151b;--text:#f2f4f7;--muted:#a8afb9;--line:#2b313b;--nav:#090b0f;--shadow:0 16px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(92%,1260px);margin:auto}
.topbar{display:flex;justify-content:space-between;gap:18px;padding:8px 4%;font-size:12px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line)}
.header{display:grid;grid-template-columns:180px minmax(260px,1fr) auto;gap:20px;align-items:center;padding:10px 4%;background:var(--panel)}
.logo img{width:165px;height:74px;object-fit:contain;background:white;border-radius:8px}
.search{display:flex;min-width:0;border:1px solid var(--line);border-radius:9px;overflow:visible;background:var(--panel);position:relative;z-index:40}
.search input{flex:1;min-width:0;border:0;outline:0;padding:13px 14px;background:transparent;color:var(--text)}
.search select{border:0;border-left:1px solid var(--line);padding:0 10px;background:transparent;color:var(--text)}
.search button{width:54px;border:0;background:var(--accent);color:#fff;font-weight:900}
.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn,.icon-btn{border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:800}
.btn{padding:11px 17px}.btn-sm{padding:8px 11px;font-size:12px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}
.icon-btn{padding:10px 12px;position:relative}.counter{position:absolute;top:-8px;right:-7px;background:var(--accent);color:#fff;min-width:18px;height:18px;padding:0 5px;border-radius:30px;display:grid;place-items:center;font-size:9px}
.nav{display:flex;align-items:center;gap:23px;overflow:auto;background:var(--nav);color:#fff;padding:0 4%;height:48px;position:sticky;top:0;z-index:30}
.nav a{font-size:12px;white-space:nowrap}.nav .all{height:48px;display:flex;align-items:center;background:var(--accent);padding:0 20px;font-weight:900}
.hero{min-height:460px;background:radial-gradient(circle at 75% 32%,var(--panel),var(--soft) 48%,var(--bg));overflow:hidden}
.hero-inner{min-height:460px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}
.eyebrow{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:900}.hero h1{font-size:50px;line-height:1.06;margin:12px 0 16px;letter-spacing:-1.5px}.hero p{max-width:600px;color:var(--muted);line-height:1.7}
.hero-visual{height:350px;position:relative;perspective:1100px}
.tile{position:absolute;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--panel),var(--soft));box-shadow:var(--shadow);transform-style:preserve-3d}
.tile:before{content:"";position:absolute;inset:10px;border-radius:20px;border:1px solid rgba(255,255,255,.42)}
.tile.t1{width:155px;height:205px;left:8%;top:22%;animation:f1 5s ease-in-out infinite}.tile.t2{width:170px;height:135px;right:17%;top:8%;animation:f2 5.4s ease-in-out infinite}.tile.t3{width:125px;height:220px;right:2%;bottom:4%;animation:f3 4.8s ease-in-out infinite}.tile.t4{width:205px;height:112px;left:35%;bottom:3%;animation:f4 5.2s ease-in-out infinite}
.tile .shine{position:absolute;inset:22%;border-radius:18px;background:linear-gradient(135deg,rgba(239,21,21,.16),rgba(255,255,255,.55))}
@keyframes f1{50%{transform:translateY(-15px) rotateY(14deg)}}@keyframes f2{50%{transform:translateY(12px) rotateX(8deg)}}@keyframes f3{50%{transform:translateY(-10px) rotateY(-16deg)}}@keyframes f4{50%{transform:translateY(9px) rotateX(-8deg)}}@media(prefers-reduced-motion:reduce){.tile{animation:none}}
.section{padding:52px 0}.title{text-align:center;margin-bottom:25px}.title h2{margin:0;font-size:24px}.title .line{width:48px;height:3px;background:var(--accent);margin:9px auto}
.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category,.product,.card,.stat,.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:11px}
.category{padding:22px;text-align:center;transition:.2s}.category:hover,.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category .shape{width:68px;height:68px;margin:0 auto 12px;border-radius:20px;background:linear-gradient(145deg,var(--soft),var(--panel));border:1px solid var(--line);position:relative}.category .shape:after{content:"";position:absolute;inset:16px;border-radius:10px;background:rgba(239,21,21,.14)}
.product{overflow:hidden;position:relative;transition:.22s}.product-media{height:215px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:.3s;filter:drop-shadow(0 14px 10px rgba(0,0,0,.14))}.product:hover .product-media img{transform:scale(1.04) rotateY(5deg)}.placeholder{color:var(--muted);font-size:12px}.pbody{padding:14px}.pbody h3{font-size:14px;line-height:1.45;min-height:40px;margin:0 0 8px}.stars{font-size:12px;color:#eda900}.price{margin-top:8px}.price strong{font-size:18px}.old{text-decoration:line-through;color:#9a9da4;font-size:11px;margin-left:6px}.sale{font-size:11px;color:var(--accent);font-weight:900;margin-left:5px}.stock{font-size:11px;color:var(--muted);margin-top:7px}.heart,.cart-add{position:absolute;border:0;z-index:2}.heart{right:10px;top:10px;width:38px;height:38px;border-radius:50%;background:var(--panel);color:var(--text);font-size:19px}.cart-add{right:10px;bottom:10px;width:40px;height:40px;border-radius:8px;background:var(--accent);color:#fff}
.pagehead{padding:29px 0;background:var(--soft);border-bottom:1px solid var(--line)}.pagehead h1{margin:0}.muted{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar select,.toolbar input{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.detail-media{min-height:430px;background:var(--soft);border-radius:12px;display:grid;place-items:center;overflow:hidden}.detail-media img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 25px 18px rgba(0,0,0,.16))}.detail h1{font-size:35px;margin:8px 0}.detail p{color:var(--muted);line-height:1.75}.qty{display:flex;align-items:center;width:max-content;border:1px solid var(--line);border-radius:7px;margin:17px 0}.qty button{width:40px;height:40px;border:0;background:transparent;color:var(--text)}.qty span{padding:0 15px}
.cart-layout{display:grid;grid-template-columns:1fr 365px;gap:22px}.card{padding:20px}.cart-item{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.thumb{width:76px;height:76px;border-radius:9px;background:var(--soft);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.cart-info{flex:1}.cart-info h3{font-size:14px;margin:0 0 6px}.remove{border:0;background:transparent;color:var(--accent)}.row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--muted)}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;font-size:20px;font-weight:900}
.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:900;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);outline:none}.field textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.notice{padding:12px;border-radius:8px;background:#fff2d8;color:#825800;font-size:12px}.success{max-width:720px;margin:auto;padding:30px;text-align:center;border:1px solid #d5eadb;background:#f8fff9;border-radius:11px;color:#173c24}html[data-theme="dark"] .success{background:#132019;color:#dff3e5}
.footer{margin-top:55px;background:#101217;color:#aeb2bb;padding:42px 0 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3,.footer h4{color:#fff}.footer p,.footer a{font-size:12px;line-height:1.8;display:block}.copy{border-top:1px solid #282b32;margin-top:25px;padding:14px;text-align:center;font-size:11px}
.admin-shell{min-height:100vh;background:var(--soft)}.adminbar{height:67px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:30}.adminbrand{font-weight:900}.adminbrand span{color:var(--accent)}.admin-layout{display:flex}.adminnav{width:245px;background:#111318;color:#bec3cc;min-height:calc(100vh - 67px);padding:16px 10px}.adminnav a{display:block;padding:12px 14px;border-radius:7px;font-size:13px}.adminnav a:hover{background:#242831;color:#fff}.adminmain{flex:1;min-width:0;padding:28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:18px}.stat small{color:var(--muted)}.stat b{font-size:26px;display:block;margin-top:7px}.admin-card{padding:18px;margin-top:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{color:var(--muted)}.status{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900}.green{background:#e4f6e9;color:#147f41}.yellow{background:#fff1d5;color:#916100}.blue{background:#e8efff;color:#2a5ecb}.redtag{background:#ffe5e5;color:#c00}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:90;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modalbox{width:600px;max-width:100%;max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.close{float:right;border:0;background:transparent;color:var(--text);font-size:26px}.upload-box{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;background:var(--soft)}.upload-box input{width:100%}.preview{display:none;width:190px;height:190px;object-fit:contain;margin:14px auto 0;border-radius:9px;background:var(--panel);padding:8px}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 15%,var(--panel),var(--soft));padding:22px}.auth-box{width:430px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow)}.auth-box img{display:block;width:165px;height:78px;object-fit:contain;margin:0 auto 12px;background:white;border-radius:7px}.auth-box h1{text-align:center}
#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,80px);display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 28px));background:#111;color:#fff;padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1);z-index:99999;font-size:13px;line-height:1.35}#toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast .toast-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;font-weight:900;background:rgba(255,255,255,.09)}#toast .toast-copy{display:flex;flex-direction:column;gap:2px;min-width:0}#toast .toast-copy strong{font-size:10px;letter-spacing:.12em}#toast .toast-copy>span{overflow-wrap:anywhere}#toast.error{top:18px;bottom:auto;transform:translate(-50%,-130px);background:linear-gradient(135deg,#241015,#160c10);border-color:rgba(255,45,67,.55);box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 0 1px rgba(255,35,61,.08)}#toast.error.show{transform:translate(-50%,0);animation:clientErrorDrop .44s cubic-bezier(.18,.89,.32,1.24)}#toast.error .toast-icon{background:#ef233c;color:#fff;box-shadow:0 0 0 4px rgba(239,35,60,.12)}#toast.error .toast-copy strong{color:#ff435a}#toast.success .toast-icon{color:#d8ffe3}@keyframes clientErrorDrop{0%{opacity:0;transform:translate(-50%,-130px) scale(.96)}70%{opacity:1;transform:translate(-50%,6px) scale(1.01)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}@media(max-width:600px){#toast.error{top:10px;width:calc(100vw - 20px);max-width:none}#toast{font-size:12px;padding:10px 12px}}
@media(max-width:980px){.header{grid-template-columns:150px 1fr}.header-actions{grid-column:1/-1}.hero-inner{grid-template-columns:1.2fr .8fr}.product-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.cart-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar .right{display:none}.header{grid-template-columns:1fr auto}.search{grid-column:1/-1;grid-row:2}.logo img{width:120px;height:58px}.header-actions{grid-column:auto;grid-row:1}.header-actions .text{display:none}.hero-inner{grid-template-columns:1fr}.hero h1{font-size:34px}.hero-visual{display:none}.product-grid,.category-grid{grid-template-columns:1fr 1fr;gap:10px}.product-media{height:165px}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.adminnav{width:68px}.adminnav a{font-size:0;text-align:center}.adminnav a::first-letter{font-size:20px}.adminmain{padding:16px 10px}.stat-grid{grid-template-columns:1fr 1fr}}

/* V7 Pro Ads */
.promo-slot{width:min(92%,1260px);margin:22px auto 0}
.promo-ad{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;min-height:230px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--panel),var(--soft));box-shadow:var(--shadow);margin-bottom:16px}
.promo-ad-image{background:var(--soft);min-height:220px}.promo-ad-image img{width:100%;height:100%;object-fit:cover;display:block}.promo-ad-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.promo-ad-copy h2{font-size:30px;margin:8px 0}.promo-ad-copy p{color:var(--muted);line-height:1.65}.promo-kicker{font-size:11px;letter-spacing:1.3px;color:var(--accent);font-weight:900}
.ad-preview{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.ad-preview img{width:100px;height:70px;object-fit:cover;border-radius:8px;background:var(--soft)}
html[data-theme="dark"] .notice{background:#2a2314;color:#f1d58b}
html[data-theme="dark"] .promo-ad{background:linear-gradient(135deg,#171a21,#11151b)}
@media(max-width:700px){.promo-ad{grid-template-columns:1fr}.promo-ad-image{min-height:170px}.promo-ad-copy{padding:22px}.promo-ad-copy h2{font-size:24px}}

/* V7.2 UI polish */
.tile{overflow:hidden}
.tile .shine{display:none}
.tile .hero-pic{position:absolute;inset:14px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03);display:block}
.tile .hero-pic img{width:100%;height:100%;object-fit:cover;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}
.category .shape{overflow:hidden;display:grid;place-items:center}
.category .shape img{width:100%;height:100%;object-fit:cover;display:block;opacity:.96}
.product-media{padding:10px}
.product-media img{object-fit:contain !important;object-position:center center !important;background:#fff;border-radius:10px}
.product:hover .product-media img{transform:translateY(-4px) scale(1.04) rotateY(8deg)}
.thumb img{object-fit:contain !important;object-position:center center !important;background:#fff}
.preview{background:#fff;object-fit:contain !important}
.btn,.icon-btn,.cart-add,.heart,.search button,.nav .all{
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease, opacity .22s ease;
}
.btn:hover,.icon-btn:hover,.search button:hover,.nav .all:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.btn:active,.icon-btn:active,.search button:active,.cart-add:active,.heart:active{transform:translateY(0) scale(.97)}
.cart-add:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 24px rgba(239,21,21,.25)}
.heart:hover{transform:scale(1.08);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.privacy-wrap{max-width:940px;margin:auto}
.privacy-wrap h2{margin-top:26px}
.privacy-wrap p,.privacy-wrap li{color:var(--muted);line-height:1.8}
.footer a:hover,.nav a:hover{color:#fff;opacity:.9}
html[data-theme="dark"] .product-media img, html[data-theme="dark"] .thumb img, html[data-theme="dark"] .preview{background:#fff}

/* V8 media / variants / manager */
.variant-box{margin:15px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.variant-row{display:grid;grid-template-columns:1fr 1fr 120px 140px;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid var(--line)}
.variant-row:last-child{border-bottom:0}.variant-row input{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}
.option-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.option-pills button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:20px;padding:8px 13px}.option-pills button.selected{background:var(--accent);border-color:var(--accent);color:white}
.home-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.media-manager-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:16px}.manager-preview{height:180px;background:var(--soft);border-radius:9px;display:grid;place-items:center;overflow:hidden;margin:10px 0}.manager-preview img,.manager-preview video{width:100%;height:100%;object-fit:contain;background:#fff}
.promo-ad-image video{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;background:#000}
.media-type-badge{display:inline-block;padding:4px 7px;border-radius:20px;font-size:9px;font-weight:900;background:var(--soft);color:var(--muted)}
.security-note{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--soft);line-height:1.6}
@media(max-width:750px){.home-media-grid{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr}.variant-row .wide{grid-column:1/-1}}

/* V8.1 order + buy now */
.product-buy-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn-buy-now{background:var(--text);border-color:var(--text);color:var(--bg)}
html[data-theme="dark"] .btn-buy-now{background:#f2f4f7;border-color:#f2f4f7;color:#111318}
.btn-buy-now:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.buy-card{position:absolute;left:10px;bottom:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);height:40px;border-radius:8px;padding:0 12px;font-size:10px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}
.buy-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.13)}
.buy-card:active{transform:scale(.97)}

/* V8.2 card payment readiness */
.payment-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.payment-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}

/* V8.5 variant pictures */
.variant-media-row{grid-template-columns:150px 110px 150px minmax(220px,1fr)!important;align-items:start}
.variant-picture-cell{min-width:0}
.variant-picture-cell input[type=file]{width:100%;font-size:11px}
.variant-preview{height:100px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden}
.variant-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
.detail-media img{width:100%;height:100%;object-fit:contain;background:#fff}
@media(max-width:800px){.variant-media-row{grid-template-columns:1fr 1fr!important}.variant-picture-cell{grid-column:1/-1}}

/* V8.7 Full Product Editor */
#productModal{
  align-items:stretch;
  justify-content:center;
  padding:14px;
}
#productModal .modalbox{
  width:min(1500px, calc(100vw - 28px));
  max-width:none;
  height:calc(100vh - 28px);
  max-height:none;
  overflow:auto;
  border-radius:12px;
  padding:24px 26px 34px;
}
#productModal .close{
  position:sticky;
  top:0;
  float:right;
  z-index:20;
}
#productModal h2{
  position:sticky;
  top:0;
  z-index:10;
  margin:-24px -26px 22px;
  padding:22px 64px 18px 26px;
  background:var(--panel);
  border-bottom:1px solid var(--line);
}
#productModal .form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
#productModal .field textarea{
  min-height:150px;
}
#productModal .upload-box{
  min-height:220px;
}
#productModal .manager-preview{
  height:240px;
}
#productModal .variant-box{
  margin-top:20px;
}
#productModal .variant-media-row{
  grid-template-columns:140px 110px 150px minmax(260px,1fr)!important;
}
#productModal .variant-preview{
  height:130px;
}
#productModal .editor-actions{
  position:sticky;
  bottom:-1px;
  z-index:15;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:26px -26px -34px;
  padding:14px 26px 18px;
  background:var(--panel);
  border-top:1px solid var(--line);
}
@media(max-width:1000px){
  #productModal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #productModal{padding:0}
  #productModal .modalbox{
    width:100vw;
    height:100vh;
    border-radius:0;
    padding:18px 16px 26px;
  }
  #productModal h2{
    margin:-18px -16px 18px;
    padding:18px 52px 14px 16px;
  }
  #productModal .form-grid{grid-template-columns:1fr}
  #productModal .editor-actions{
    margin:22px -16px -26px;
    padding:12px 16px 14px;
  }
  #productModal .variant-media-row{grid-template-columns:1fr!important}
}

/* V9 pages + banner slider */
.banner-wrap{max-width:1240px;margin:18px auto 0;padding:0 18px}
.banner-stage{position:relative;overflow:hidden;border-radius:14px;min-height:330px;background:#0b0f14}
.banner-slide{position:absolute;inset:0;height:330px;opacity:0;pointer-events:none;transition:opacity .55s ease;overflow:hidden}
.banner-slide.active{position:relative;opacity:1;pointer-events:auto}
.banner-bg{position:absolute;inset:-22px;width:calc(100% + 44px);height:calc(100% + 44px);object-fit:cover;object-position:center;display:block;filter:blur(18px) brightness(.42);transform:scale(1.04);opacity:.72}
.banner-visual{position:absolute;inset:0 0 0 38%;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;padding:10px 18px 10px 0}
.banner-main{width:100%;height:100%;object-fit:contain;object-position:right center;display:block;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28))}
.banner-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding:38px;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.67) 34%,rgba(0,0,0,.24) 57%,rgba(0,0,0,.04) 76%,transparent 100%)}
.banner-copy{max-width:520px;color:#fff}.banner-copy span{font-weight:900;font-size:11px;letter-spacing:.14em}.banner-copy h2{font-size:clamp(28px,5vw,54px);line-height:1.02;margin:8px 0}.banner-copy p{max-width:500px;color:#f2f2f2}
.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:28px}.banner-prev{left:14px}.banner-next{right:14px}
.banner-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;z-index:5}.banner-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.5)}.banner-dots button.active{background:#fff;transform:scale(1.25)}
.content-page{max-width:960px;margin:auto}.content-page h1{font-size:clamp(34px,6vw,62px);margin-bottom:14px}.content-page h2{margin-top:28px}.content-page p,.content-page li{line-height:1.8;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.contact-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.banner-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.banner-admin-card{border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--panel)}
.banner-admin-card .manager-preview{height:180px}
.cloud-status{display:flex;gap:8px;flex-wrap:wrap}.cloud-status span{padding:5px 9px;border-radius:20px;background:var(--soft);font-size:10px;font-weight:900}
@media(max-width:760px){.contact-grid,.banner-admin-grid{grid-template-columns:1fr}.banner-stage,.banner-slide{min-height:280px;height:280px}.banner-visual{inset:0;padding:8px;opacity:.72}.banner-main{object-position:center center}.banner-bg{filter:blur(16px) brightness(.34)}.banner-overlay{padding:24px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 72%,rgba(0,0,0,.22))}.banner-copy{max-width:78%}}

/* V9.2 Firebase auto sync */
.firebase-mini-status{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:20px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900;white-space:nowrap}


/* V10 Phase 1 — commerce UX */
.search-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 7px);background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;z-index:100}
.search-suggestions.open{display:block}.search-suggestions a{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);font-size:12px}.search-suggestions a:last-child{border-bottom:0}.search-suggestions a:hover{background:var(--soft)}.search-suggestions small{color:var(--muted);white-space:nowrap}
.shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.filter-panel{height:max-content;position:sticky;top:66px}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-head h3{margin:0}.shop-results{min-width:0}
.btn-whatsapp{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.btn-whatsapp:hover{background:#12813c!important}
.mini-section{padding-bottom:0}.track-card{max-width:850px;margin:auto}.track-result{border-top:1px solid var(--line);padding-top:18px}.track-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.track-summary h2{margin:4px 0}.tracking-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:24px 0}.track-step{text-align:center;color:var(--muted);font-size:10px;position:relative}.track-step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;border:2px solid var(--line);background:var(--panel);font-style:normal;font-weight:900}.track-step.done{color:var(--text);font-weight:800}.track-step.done i{background:#16a34a;border-color:#16a34a;color:#fff}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.track-grid>div{background:var(--soft);border-radius:9px;padding:12px}.track-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.invoice-items{margin-top:16px;border-top:1px solid var(--line)}.success-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.filter-panel{position:static}.tracking-steps{grid-template-columns:repeat(3,1fr)}.track-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tracking-steps{grid-template-columns:repeat(2,1fr)}.track-grid{grid-template-columns:1fr}.search-suggestions a{display:block}.search-suggestions small{display:block;margin-top:4px}.filter-panel .form-grid{grid-template-columns:1fr 1fr}}


/* V10 Phase 2 — premium storefront + business suite */
:root{
 --accent:#e21b2d;--accent2:#b91221;--ink:#111318;--premium:#0d1117;
 --radius:18px;--shadow-soft:0 14px 40px rgba(16,24,40,.08);
}
body{background:var(--bg)}
.premium-topbar{background:#0d1117;color:#d6dae1;border:0;padding:9px 4%;font-size:11px;letter-spacing:.01em}
.premium-topbar a{color:#fff}
.premium-header{padding-top:14px;padding-bottom:14px;box-shadow:0 1px 0 var(--line)}
.premium-header .logo img{height:64px;width:150px}
.premium-search{border-radius:14px;border-color:#dfe3e9;box-shadow:0 8px 28px rgba(16,24,40,.05)}
.premium-search input{padding:15px 16px}.premium-search button{width:60px;font-size:24px;border-radius:0 13px 13px 0}
.premium-nav{height:52px;justify-content:center;gap:30px;background:#111318}.premium-nav .all{height:52px;border-radius:0}.premium-nav a{font-weight:800;letter-spacing:.03em}
.hero-v2{min-height:590px;background:linear-gradient(135deg,#f7f8fa 0%,#fff 46%,#f3f5f8 100%);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .hero-v2{background:linear-gradient(135deg,#0d1015,#151922 52%,#0e1117)}
.hero-v2-grid{min-height:590px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:55px}
.hero-v2-copy h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-3.5px;margin:16px 0 22px;max-width:760px}
.hero-v2-copy h1 em{font-style:normal;color:var(--accent)}
.hero-v2-copy p{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}
.btn-lg{padding:15px 24px;border-radius:12px}.hero-v2-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.hero-proof{display:flex;gap:12px;flex-wrap:wrap}.hero-proof span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:11px}.hero-proof b{color:var(--accent);margin-right:4px}
.hero-v2-media{height:470px;position:relative}
.hero-card{position:absolute;background:#fff;border:1px solid #e4e7ec;border-radius:30px;box-shadow:0 28px 70px rgba(111,73,57,.14);overflow:hidden}
.hero-card img{width:100%;height:100%;object-fit:contain;padding:22px;background:#fff}
.hero-card-main{inset:35px 60px 35px 35px;transform:rotate(-2deg)}
.hero-card-small{width:170px;height:170px;border-radius:24px}.hcs1{right:-5px;top:0;transform:rotate(7deg)}.hcs2{right:0;bottom:5px;transform:rotate(-5deg)}
.hero-float-label{position:absolute;left:5px;bottom:12px;background:#111318;color:#fff;padding:11px 14px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.12em}
.trust-strip{border-bottom:1px solid var(--line);background:var(--panel)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:24px 20px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-icon{grid-row:1/3;font-size:25px}.trust-grid b{font-size:13px}.trust-grid small{color:var(--muted);margin-top:3px}
.section-head-v2{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head-v2 span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em}.section-head-v2 h2{font-size:32px;letter-spacing:-1px;margin:5px 0 0}.section-head-v2>a{font-size:12px;font-weight:800;color:var(--muted)}
.category-grid-v2{gap:14px}.category-v2{padding:14px;text-align:left;border-radius:18px;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:15px}.category-v2 .shape{width:92px;height:92px;margin:0;border-radius:15px}.category-v2 .shape:after{display:none}.category-v2 h3{margin:0 0 5px}.category-v2 p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.product-grid{gap:18px}.product-v2{border-radius:18px;border-color:#e6e9ef;box-shadow:0 7px 25px rgba(16,24,40,.045);overflow:hidden}.product-v2:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(16,24,40,.12)}
.product-v2 .product-media{height:245px;background:#f8f9fb;padding:18px}.product-v2 .product-media img{padding:5px;border-radius:0;filter:none}.product-v2 .pbody{padding:16px 16px 15px}.product-brand{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:7px}.product-v2 .pbody h3{font-size:15px;min-height:44px}.product-v2 .price strong{font-size:20px}.product-badge{position:absolute;left:12px;top:12px;z-index:4;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.sale-badge{background:var(--accent);color:#fff}.featured-badge{background:#111318;color:#fff}.product-v2 .heart{width:34px;height:34px}.product-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.btn-card-buy{background:#111318;color:#fff;border-color:#111318}.btn-card-cart{min-width:66px}.product-v2 .buy-card,.product-v2 .cart-add{display:none}.stock-ok{color:#118346}.stock-low{color:#b76b00}.stock-out{color:#c32222}
.store-story{margin:20px 0 75px;padding:42px;border-radius:28px;background:#111318;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.store-story h2{font-size:40px;line-height:1.05;margin:10px 0}.store-story p{color:#bec3cc;line-height:1.7}.store-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-story-grid div{padding:22px;border:1px solid #2c313a;border-radius:16px;background:#171a20}.store-story-grid b{display:block;font-size:25px;color:#fff}.store-story-grid span{font-size:11px;color:#aeb4bd}
.footer-v2{padding-top:55px}.footer-v2 .footgrid{grid-template-columns:2fr 1fr 1fr 1fr}
/* clean banner: full product image, no blur/crop */
.banner-stage{min-height:360px;border-radius:22px;background:#111318}
.banner-slide{height:360px}.banner-bg{display:none!important}.banner-visual{position:absolute;left:47%;right:0;top:0;bottom:0;padding:16px;background:#fff;display:flex;align-items:center;justify-content:center}.banner-main{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;background:#fff}.banner-overlay{left:0;right:auto;width:52%;padding:46px;background:linear-gradient(90deg,#0d1117 0%,#111722 86%,rgba(17,23,34,.88) 100%)}.banner-copy h2{font-size:clamp(30px,4vw,50px)}
/* admin */
.adminbar{height:72px;box-shadow:0 1px 0 var(--line)}.adminnav{width:255px;padding:16px 11px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.adminnav a{margin:2px 0;padding:11px 13px;border-radius:9px}.adminnav a:hover{background:#242933}.adminmain{padding:30px}.admin-kicker{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.15em}.business-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.business-stat-grid .stat:nth-child(n+5){grid-column:span 2}.stat{border-radius:16px;padding:20px;box-shadow:0 7px 24px rgba(16,24,40,.04)}.stat-highlight{background:linear-gradient(135deg,#111318,#222832);color:#fff;border:0}.stat-highlight small,.stat-highlight .stat-foot{color:#bfc5cf}.stat-foot{display:block;margin-top:7px;color:var(--muted);font-size:10px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head a{font-size:11px;color:var(--muted)}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:0}.metric-row span{display:block}.metric-row small{display:block;color:var(--muted);margin-top:4px}.warn-text{color:#ad6800}.danger-text{color:#d11d2e}.quick-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-tool-grid a{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:.2s}.quick-tool-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.quick-tool-grid b,.quick-tool-grid span{display:block}.quick-tool-grid span{font-size:10px;color:var(--muted);margin-top:5px}.inline-field{display:flex;gap:7px}.inline-field input{min-width:0}.inline-field .btn{white-space:nowrap}
/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.pos-products,.pos-cart{margin-top:0}.pos-scan{font-size:18px!important;padding:16px!important}.pos-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pos-product-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:10px;text-align:left;display:grid;grid-template-columns:76px 1fr;gap:10px}.pos-product-card:hover{border-color:var(--accent)}.pos-thumb{height:76px;background:#fff;border-radius:9px;overflow:hidden}.pos-thumb img{width:100%;height:100%;object-fit:contain}.pos-product-card span,.pos-product-card small,.pos-product-card strong{display:block}.pos-product-card small{color:var(--muted);font-size:9px;margin:4px 0}.pos-cart{position:sticky;top:90px;height:max-content}.pos-cart-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.pos-cart-line small{display:block;color:var(--muted);font-size:9px}.pos-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}.pos-qty button{border:0;background:transparent;color:var(--text);width:30px;height:30px}.pos-qty b{min-width:25px;text-align:center}.pos-checkout{width:100%;margin-top:16px;padding:15px}.variant-pos-btn{width:100%;display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;margin:7px 0}.variant-pos-btn:hover{border-color:var(--accent)}
.return-stats{grid-template-columns:1fr 1fr}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:var(--soft);padding:4px 6px;border-radius:6px}
@media(max-width:1050px){.hero-v2-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-v2-copy h1{font-size:54px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(2){border-right:0}.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.business-stat-grid{grid-template-columns:repeat(2,1fr)}.business-stat-grid .stat:nth-child(n+5){grid-column:span 1}}
@media(max-width:760px){.premium-nav{justify-content:flex-start}.hero-v2{min-height:auto}.hero-v2-grid{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero-v2-copy h1{font-size:45px;letter-spacing:-2px}.hero-v2-media{height:330px}.hero-card-main{inset:20px 45px}.hero-card-small{width:115px;height:115px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line)}.category-grid-v2{grid-template-columns:1fr}.category-v2{grid-template-columns:82px 1fr}.category-v2 .shape{width:82px;height:82px}.store-story{grid-template-columns:1fr;padding:28px}.store-story h2{font-size:31px}.footer-v2 .footgrid{grid-template-columns:1fr 1fr}.banner-stage{min-height:430px}.banner-slide{height:430px}.banner-visual{left:0;top:0;right:0;bottom:auto;height:235px}.banner-overlay{left:0;right:0;top:235px;bottom:0;width:auto;padding:25px;background:#111318}.banner-copy h2{font-size:30px}.admin-grid-2{grid-template-columns:1fr}.quick-tool-grid{grid-template-columns:1fr 1fr}.pos-result-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero-v2-copy h1{font-size:39px}.hero-v2-media{height:285px}.hero-card-main{inset:15px 32px}.product-grid{grid-template-columns:1fr 1fr}.product-v2 .product-media{height:165px}.product-v2 .pbody{padding:11px}.product-v2 .pbody h3{font-size:12px;min-height:36px}.product-v2 .price strong{font-size:16px}.product-card-actions{grid-template-columns:1fr}.btn-card-cart{display:none}.section-head-v2 h2{font-size:26px}.footer-v2 .footgrid{grid-template-columns:1fr}.quick-tool-grid{grid-template-columns:1fr}.business-stat-grid{grid-template-columns:1fr 1fr}}


/* V11 Ultimate premium redesign + 3D motion + PWA */
.btn-xl{padding:15px 24px;border-radius:14px;font-size:13px}
.btn-ghost{background:transparent}
.topbar-v3{background:#0b0f14;color:#d3d8e1}
.header-v3{padding-top:14px;padding-bottom:14px}
.nav-v3{position:sticky;top:0;z-index:40}
.install-app-btn{white-space:nowrap}

.hero-ultra{position:relative;overflow:hidden;background:
 radial-gradient(circle at 18% 20%, rgba(226,27,45,.15), transparent 35%),
 radial-gradient(circle at 82% 25%, rgba(73,109,255,.12), transparent 30%),
 linear-gradient(135deg,#f7f9fc 0%,#ffffff 50%,#f1f4f9 100%);
 border-bottom:1px solid var(--line)
}
html[data-theme="dark"] .hero-ultra{
  background:
   radial-gradient(circle at 16% 22%, rgba(226,27,45,.20), transparent 32%),
   radial-gradient(circle at 82% 20%, rgba(89,125,255,.14), transparent 26%),
   linear-gradient(135deg,#0b0f14 0%,#131922 52%,#0f131a 100%);
}
.hero-ultra-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:670px;padding:48px 0 60px}
.hero-ultra-copy h1{font-size:clamp(46px,6.4vw,86px);line-height:.94;letter-spacing:-3.8px;margin:16px 0 18px;max-width:760px}
.hero-ultra-copy h1 span{color:var(--accent)}
.hero-ultra-copy p{font-size:17px;line-height:1.8;max-width:660px;color:var(--muted)}
.hero-ultra-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.hero-proof-v3{display:flex;gap:10px;flex-wrap:wrap}
.hero-proof-v3 span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);backdrop-filter:blur(9px)}
html[data-theme="dark"] .hero-proof-v3 span{background:rgba(18,24,33,.76)}

.hero-ultra-visual{position:relative;height:520px;perspective:1400px}
.orb{position:absolute;border-radius:50%;filter:blur(1px);transform-style:preserve-3d}
.orb-a{width:300px;height:300px;right:8%;top:2%;background:radial-gradient(circle, rgba(226,27,45,.24), rgba(226,27,45,0));animation:orbSpin 13s linear infinite}
.orb-b{width:210px;height:210px;left:12%;bottom:6%;background:radial-gradient(circle, rgba(49,97,255,.20), rgba(49,97,255,0));animation:orbDrift 9s ease-in-out infinite}
.orb-c{width:110px;height:110px;left:56%;top:14%;background:radial-gradient(circle, rgba(255,255,255,.75), rgba(255,255,255,0));animation:orbPulse 5s ease-in-out infinite}
@keyframes orbSpin{50%{transform:translateY(-10px) rotate(180deg) scale(1.06)}100%{transform:rotate(360deg)}}
@keyframes orbDrift{50%{transform:translate3d(20px,-22px,0) scale(1.08)}}
@keyframes orbPulse{50%{transform:scale(1.18);opacity:.6}}

.hero-card-3d{position:absolute;background:#fff;border:1px solid #e4e9f0;box-shadow:0 26px 70px rgba(16,24,40,.16);border-radius:28px;overflow:hidden;transform-style:preserve-3d}
.hero-card-3d img{width:100%;height:100%;object-fit:contain;background:#fff;padding:18px}
.hero-card-a{left:2%;top:12%;width:58%;height:72%;transform:rotateY(-11deg) rotateX(5deg);animation:floatCardA 6.2s ease-in-out infinite}
.hero-card-b{right:6%;top:6%;width:26%;height:26%;transform:rotateY(14deg) rotateX(-4deg);animation:floatCardB 5s ease-in-out infinite}
.hero-card-c{right:0;bottom:11%;width:28%;height:31%;transform:rotateY(-10deg) rotateX(8deg);animation:floatCardC 5.8s ease-in-out infinite}
.hero-card-d{left:40%;bottom:2%;width:25%;height:24%;transform:rotateY(7deg) rotateX(-4deg);animation:floatCardD 5.4s ease-in-out infinite}
@keyframes floatCardA{50%{transform:translateY(-16px) rotateY(-6deg) rotateX(2deg)}}
@keyframes floatCardB{50%{transform:translateY(14px) rotateY(18deg) rotateX(-5deg)}}
@keyframes floatCardC{50%{transform:translateY(-14px) rotateY(-15deg) rotateX(10deg)}}
@keyframes floatCardD{50%{transform:translateY(10px) rotateY(11deg) rotateX(-2deg)}}
.floating-chip{position:absolute;z-index:3;padding:11px 14px;border-radius:999px;background:rgba(17,19,24,.92);color:#fff;font-size:10px;font-weight:900;letter-spacing:.13em;box-shadow:0 18px 40px rgba(17,19,24,.20)}
.chip-1{left:0;top:4%}.chip-2{right:20%;bottom:0}.chip-3{left:31%;top:0}

.feature-bar-v3{padding:24px 0 12px}
.feature-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-3d-card{position:relative;padding:22px;border-radius:22px;background:linear-gradient(160deg,var(--panel),var(--soft));border:1px solid var(--line);box-shadow:0 22px 60px rgba(16,24,40,.06);transform-style:preserve-3d;overflow:hidden}
.feature-3d-card:before{content:"";position:absolute;inset:auto -20% -48% auto;width:180px;height:180px;border-radius:40px;background:radial-gradient(circle, rgba(226,27,45,.14), rgba(226,27,45,0) 70%);transform:rotate(25deg)}
.feature-3d-card h3{margin:10px 0 8px;font-size:18px}
.feature-3d-card p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}
.feature-kicker{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#111318;color:#fff;font-weight:900}
.f3d-1{animation:tiltOne 6s ease-in-out infinite}
.f3d-2{animation:tiltTwo 6.5s ease-in-out infinite}
.f3d-3{animation:tiltThree 7s ease-in-out infinite}
.f3d-4{animation:tiltFour 6.2s ease-in-out infinite}
@keyframes tiltOne{50%{transform:translateY(-7px) rotateX(4deg) rotateY(-5deg)}}
@keyframes tiltTwo{50%{transform:translateY(6px) rotateX(-4deg) rotateY(5deg)}}
@keyframes tiltThree{50%{transform:translateY(-6px) rotateX(5deg) rotateY(3deg)}}
@keyframes tiltFour{50%{transform:translateY(8px) rotateX(-5deg) rotateY(-4deg)}}

.banner-wrap-v3{margin-top:12px}
.quick-stats-wrap{padding:12px 0 24px}
.quick-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-stats-grid>div{padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 35px rgba(16,24,40,.05)}
.quick-stats-grid b{display:block;font-size:26px;letter-spacing:-1px}
.quick-stats-grid span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.6}
.promo-container{width:min(92%,1260px);margin:auto}

.category-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-v3{padding:16px;border-radius:22px;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;text-align:left;box-shadow:0 10px 35px rgba(16,24,40,.045)}
.category-v3 .shape{width:92px;height:92px;margin:0;border-radius:18px;background:linear-gradient(145deg,#f7f8fb,#ffffff)}
.category-v3 .shape:after{display:none}
.tilt-card{transform-style:preserve-3d;transition:transform .22s ease, box-shadow .22s ease}
.tilt-card:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg);box-shadow:0 22px 50px rgba(16,24,40,.12)}

.experience-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#0d1117,#131927 58%,#191f30 100%);color:#fff;overflow:hidden;position:relative}
.experience-panel:before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(226,27,45,.28), rgba(226,27,45,0))}
.experience-panel h2{font-size:42px;line-height:1.02;margin:12px 0}
.experience-panel p{color:#c7ced7;line-height:1.75}
.experience-list{padding-left:18px;display:grid;gap:9px}
.experience-list li{color:#edf2f8}
.experience-showcase{position:relative;min-height:280px}
.mini-stack{position:absolute;background:#fff;border-radius:24px;border:1px solid #e6ebf2;box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:hidden}
.mini-stack img{width:100%;height:100%;object-fit:contain;padding:18px}
.ms-1{left:6%;top:14%;width:42%;height:55%;transform:rotateY(-14deg) rotateX(6deg);animation:stackFloat1 6s ease-in-out infinite}
.ms-2{right:6%;top:4%;width:34%;height:34%;transform:rotateY(14deg) rotateX(-6deg);animation:stackFloat2 5s ease-in-out infinite}
.ms-3{right:12%;bottom:6%;width:38%;height:38%;transform:rotateY(-10deg) rotateX(7deg);animation:stackFloat3 6.4s ease-in-out infinite}
@keyframes stackFloat1{50%{transform:translateY(-10px) rotateY(-10deg) rotateX(3deg)}}
@keyframes stackFloat2{50%{transform:translateY(10px) rotateY(17deg) rotateX(-7deg)}}
@keyframes stackFloat3{50%{transform:translateY(-8px) rotateY(-13deg) rotateX(8deg)}}

.split-grid-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.split-card{padding:30px;border-radius:24px;border:1px solid var(--line)}
.dark-card{background:#111318;color:#fff}
.dark-card p{color:#c1c7d0}
.light-card{background:linear-gradient(135deg,var(--panel),var(--soft))}
.split-card h2{font-size:34px;line-height:1.05;margin:10px 0 12px}
.split-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.mini-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%}
.mini-trust-grid>div{padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end}
.mini-trust-grid b{font-size:22px;color:var(--accent)}
.mini-trust-grid span{margin-top:6px;color:var(--muted);font-size:12px}

.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{padding:28px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px rgba(16,24,40,.05)}
.review-rank{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#111318;color:#fff;font-weight:900}
.review-card h3{font-size:20px;margin:18px 0 10px}
.review-card p{margin:0;color:var(--muted);line-height:1.7}

.faq-grid{display:grid;gap:12px}
.faq-grid details{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.faq-grid summary{cursor:pointer;font-weight:800}
.faq-grid p{margin:12px 0 0;color:var(--muted);line-height:1.7}

.install-panel-wrap{padding-top:4px}
.install-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:34px;border-radius:28px;background:
 linear-gradient(130deg, rgba(226,27,45,.96), rgba(169,11,27,.98));color:#fff;box-shadow:0 25px 65px rgba(169,11,27,.24)}
.install-panel h2{font-size:38px;line-height:1.02;margin:10px 0 12px}
.install-panel p{line-height:1.75;color:#fff}
.install-panel .btn{background:#fff;color:#111318;border-color:#fff}
.install-panel .btn-primary{background:#111318;color:#fff;border-color:#111318}
.install-panel-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}

.footer-v3{margin-top:52px}

.product-v2, .product{
  border-radius:20px;
}
.product-card-actions .btn{
  border-radius:12px;
}

/* Banner image final cleanup */
.banner-stage{border-radius:24px;overflow:hidden}
.banner-slide{height:380px}
.banner-overlay{padding:46px}
.banner-copy h2{font-size:36px;line-height:1.04}

/* Make all images cleaner */
.product-media img, .category .shape img, .shape img{object-fit:contain}

/* Responsive */
@media (max-width: 1100px){
  .hero-ultra-grid, .experience-panel, .split-grid-section, .install-panel{grid-template-columns:1fr}
  .feature-bar-grid, .quick-stats-grid, .review-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid-v3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 860px){
  .hero-ultra-grid{min-height:auto;padding:46px 0}
  .hero-ultra-copy h1{font-size:54px;letter-spacing:-2.5px}
  .hero-ultra-visual{height:420px}
  .hero-card-a{width:62%;height:68%}
  .feature-bar-grid, .quick-stats-grid{grid-template-columns:1fr 1fr}
  .banner-slide{height:440px}
  .banner-visual{left:0;right:0;top:0;bottom:auto;height:230px}
  .banner-overlay{left:0;right:0;top:230px;bottom:0;width:auto;padding:24px}
}
@media (max-width: 700px){
  .hero-ultra-copy h1{font-size:42px;letter-spacing:-1.8px}
  .hero-ultra-copy p{font-size:15px}
  .hero-ultra-visual{height:320px}
  .hero-card-a{left:2%;top:15%;width:60%;height:60%}
  .hero-card-b{width:29%;height:25%}
  .hero-card-c{width:30%;height:28%}
  .hero-card-d{width:28%;height:21%}
  .feature-bar-grid, .quick-stats-grid, .review-grid, .category-grid-v3{grid-template-columns:1fr}
  .category-v3{grid-template-columns:84px 1fr}
  .experience-panel h2, .install-panel h2, .split-card h2{font-size:30px}
  .banner-slide{height:430px}
  .section-head-v2 h2{font-size:28px}
  .mini-trust-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
  .premium-header{grid-template-columns:1fr;gap:12px}
  .header-actions{justify-content:flex-start}
  .search-v3{order:3}
  .nav-v3{gap:18px}
  .hero-ultra-grid{padding:34px 0 40px}
  .hero-ultra-copy h1{font-size:37px;line-height:1}
  .hero-ultra-actions{gap:8px}
  .hero-proof-v3 span{font-size:10px}
  .hero-ultra-visual{height:280px}
  .floating-chip{display:none}
  .banner-stage{min-height:420px}
  .banner-slide{height:420px}
  .banner-copy h2{font-size:28px}
  .mini-trust-grid{grid-template-columns:1fr}
  .quick-stats-grid b{font-size:22px}
  .install-panel-actions{justify-content:flex-start}
}

@media (prefers-reduced-motion: reduce){
  .orb,.hero-card-3d,.feature-3d-card,.mini-stack{animation:none !important}
}


/* =========================================================
   CLIENT STORE V12 — Complete Store + Store Handler Design
   ========================================================= */
:root{
 --v12-red:#e21b2d;
 --v12-red-dark:#b90e1e;
 --v12-ink:#0c1118;
 --v12-ink-2:#161d27;
 --v12-blue:#496dff;
 --v12-gold:#f4b942;
 --v12-radius:22px;
 --v12-shadow:0 22px 60px rgba(12,17,24,.10);
 --v12-soft-shadow:0 12px 35px rgba(12,17,24,.07);
}

/* Shared storefront */
.store-topbar-v12{background:#0b0f14;color:#dce1e8;border:0;padding:9px 4%;font-size:11px}
.store-topbar-v12 a{color:#fff;font-weight:800}
.store-header-v12{min-height:92px;padding:12px 4%;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 7px 28px rgba(12,17,24,.04)}
.store-logo-v12 img{width:160px;height:66px;border-radius:13px}
.store-search-v12{height:52px;border-radius:15px;box-shadow:0 8px 28px rgba(12,17,24,.055);overflow:hidden}
.store-search-v12 input{font-size:14px;padding-left:18px}
.store-search-v12 select{min-width:160px}
.store-search-v12 button{width:62px;font-size:25px}
.store-actions-v12 .icon-btn{height:44px;border-radius:12px}
.store-actions-v12 .cart-pill{background:#111318;color:#fff;border-color:#111318;padding-left:17px;padding-right:17px}
.store-nav-v12{height:54px;gap:30px;justify-content:center;background:#0c1118;box-shadow:0 7px 28px rgba(12,17,24,.12)}
.store-nav-v12 a{font-weight:900;font-size:11px;letter-spacing:.045em;opacity:.94}
.store-nav-v12 a:hover{color:#fff;opacity:1}
.store-nav-v12 .all{height:54px;border-radius:0;padding:0 24px}
.mobile-menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:44px;height:44px;border-radius:12px;font-weight:900;font-size:20px}
.mobile-menu-panel,.mobile-menu-backdrop{display:none}

.pagehead-v12{position:relative;overflow:hidden;padding:56px 0 50px;background:
 radial-gradient(circle at 85% 12%,rgba(226,27,45,.14),transparent 30%),
 linear-gradient(135deg,var(--soft),var(--panel));border-bottom:1px solid var(--line)}
.pagehead-v12:after{content:"";position:absolute;right:-70px;bottom:-120px;width:330px;height:330px;border-radius:50%;border:55px solid rgba(226,27,45,.055)}
.pagehead-v12 h1{position:relative;z-index:1;font-size:clamp(36px,5vw,58px);line-height:1;margin:12px 0 10px;letter-spacing:-2px}
.pagehead-v12 p{position:relative;z-index:1;font-size:14px}
.breadcrumb-v12,.product-breadcrumb-v12{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700}
.breadcrumb-v12 a,.product-breadcrumb-v12 a{color:var(--accent)}
.product-breadcrumb-v12{padding-top:24px}

/* Full shop */
.shop-page-v12{padding-top:32px}
.shop-intro-v12{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--soft));box-shadow:var(--v12-soft-shadow)}
.shop-intro-v12 h2{font-size:30px;margin:7px 0 7px;letter-spacing:-1px}
.shop-intro-v12 p{margin:0;color:var(--muted)}
.shop-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.shop-pills span{padding:8px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:10px;font-weight:800}
.shop-layout{gap:22px;align-items:start}
.filter-panel{position:sticky;top:76px;border-radius:20px;padding:20px;box-shadow:var(--v12-soft-shadow)}
.filter-head{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:15px}
.shop-results .toolbar{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:16px;box-shadow:0 6px 20px rgba(12,17,24,.035)}
.shop-results .toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--panel);color:var(--text)}

/* Product page */
.product-page-v12{padding-top:22px}
.detail{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--v12-shadow)}
.detail-grid{gap:36px}
.detail-media{min-height:480px;border-radius:22px;background:linear-gradient(145deg,#f7f8fb,#fff);border:1px solid #edf0f4;overflow:hidden}
.detail-media img{object-fit:contain!important;padding:24px}
.detail h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;line-height:1.03}
.detail .price strong{font-size:31px}
.variant-box{border-radius:18px;background:var(--soft);padding:16px;border:1px solid var(--line)}
.option-pills button{border-radius:11px}
.product-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.product-buy-actions .btn{min-height:48px;border-radius:13px}
.btn-whatsapp{background:#16a361!important;border-color:#16a361!important;color:#fff!important}

/* Cart / checkout */
.cart-layout{gap:22px;align-items:start}
.cart-layout>.card{border-radius:22px;padding:20px;box-shadow:var(--v12-soft-shadow)}
.cart-item{border-radius:18px;padding:14px;border:1px solid var(--line);margin-bottom:12px;background:var(--panel)}
.cart-item .thumb{border-radius:14px;background:#f8f9fb;border:1px solid #edf0f4}
.cart-item .thumb img{object-fit:contain}
.checkout-page-v12{padding-top:25px}
.checkout-trust-v12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.checkout-trust-v12 span{padding:12px;border-radius:13px;border:1px solid var(--line);background:var(--panel);text-align:center;font-size:11px;font-weight:800}
.cart-layout .total{font-size:20px;padding-top:14px}

/* Tracking */
.track-card{border-radius:24px;padding:24px;box-shadow:var(--v12-soft-shadow)}
.track-grid{gap:20px}
.tracking-steps{border-radius:20px}
.track-step{border-radius:14px}
.track-result{margin-top:18px}
.track-help-v12{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.track-help-v12>div{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}
.track-help-v12 b,.track-help-v12 span{display:block}.track-help-v12 span{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}

/* Content pages */
.content-page,.privacy-wrap,.contact-card{border-radius:24px!important;border:1px solid var(--line);box-shadow:var(--v12-soft-shadow);background:var(--panel);padding:28px!important}
.content-page h2,.privacy-wrap h2{font-size:25px;letter-spacing:-.6px}
.content-page p,.privacy-wrap p{line-height:1.85;color:var(--muted)}
.contact-grid{gap:18px}
.contact-card{transition:.2s}.contact-card:hover{transform:translateY(-4px)}

/* Product cards */
.product-v2,.product{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 9px 30px rgba(12,17,24,.055)}
.product-v2:hover,.product:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(12,17,24,.12)}
.product-media{background:linear-gradient(145deg,#f8f9fb,#fff)}
.product-media img{object-fit:contain!important}
.product-card-actions .btn{border-radius:12px}
.btn-card-buy{background:#10151c!important;border-color:#10151c!important}

/* Footer */
.footer-v12{background:#0b0f14;color:#fff;padding:58px 0 0;margin-top:45px}
.footer-main-v12{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}
.footer-main-v12 h4{margin:6px 0 18px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.footer-main-v12 a,.footer-main-v12 button{display:block;margin:10px 0;color:#aeb6c2;font-size:12px;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.footer-main-v12 a:hover,.footer-main-v12 button:hover{color:#fff}
.footer-brand-v12 img{width:150px;height:70px;object-fit:contain;background:#fff;border-radius:12px}
.footer-brand-v12 h3{font-size:18px;margin:16px 0 9px}.footer-brand-v12 p{max-width:420px;color:#aeb6c2;line-height:1.75;font-size:12px}
.footer-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.footer-badges span{padding:6px 8px;border:1px solid #303744;border-radius:8px;font-size:9px;font-weight:900}
.footer-bottom-v12{margin-top:40px;padding:18px 0;border-top:1px solid #272d36;display:flex;justify-content:space-between;gap:15px;color:#8f98a5;font-size:10px}
.mobile-bottom-nav{display:none}

/* ========================= STORE HANDLER ========================= */
.admin-shell{background:#0d1117;min-height:100vh}
.adminbar-v12{height:74px;position:sticky;top:0;z-index:100;background:rgba(13,17,23,.96);backdrop-filter:blur(14px);border-bottom:1px solid #242b35;box-shadow:0 7px 28px rgba(0,0,0,.18)}
.adminbar-v12 .adminbrand{font-size:14px;letter-spacing:.045em}.adminbar-v12 .adminbrand span{color:#ff2537}
.adminbar-v12 .btn{border-color:#303845;background:#171d26;color:#edf2f7}
.adminbar-v12 .btn-primary{background:var(--accent);border-color:var(--accent)}
.admin-menu-toggle{display:none;width:42px;height:42px;border:1px solid #303845;border-radius:11px;background:#171d26;color:#fff;font-size:19px}
.admin-layout{background:#0d1117;min-height:calc(100vh - 74px)}
.adminnav-v12{width:270px;top:74px;height:calc(100vh - 74px);padding:14px 13px 24px;background:#0f141b;border-right:1px solid #242b35}
.admin-side-brand{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:10px;margin-bottom:14px;border:1px solid #252c36;border-radius:14px;background:#151b24}
.admin-side-brand img{width:48px;height:40px;object-fit:contain;background:#fff;border-radius:8px}
.admin-side-brand b,.admin-side-brand small{display:block}.admin-side-brand b{font-size:11px;color:#fff}.admin-side-brand small{font-size:8px;color:#8f99a8;margin-top:3px}
.admin-nav-label{margin:18px 10px 7px;font-size:8px;color:#697586;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.adminnav-v12 a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#aeb8c6;margin:2px 0;transition:.18s}
.adminnav-v12 a span{width:20px;text-align:center;color:#7e8a9b}
.adminnav-v12 a b{font-size:11px}
.adminnav-v12 a:hover{background:#171e28;color:#fff;transform:translateX(2px)}
.adminnav-v12 a.active{background:linear-gradient(90deg,rgba(226,27,45,.18),rgba(226,27,45,.06));color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.adminnav-v12 a.active span{color:#ff3547}
.adminmain{background:linear-gradient(145deg,#0f141b,#10161e);color:#eef2f7;min-height:calc(100vh - 74px);padding:32px}
.adminmain .muted{color:#8f99a8}
.adminmain h1{font-size:34px;letter-spacing:-1px;margin:0 0 5px}
.adminmain h2{letter-spacing:-.45px}
.admin-card,.adminmain .stat{background:#151b24;border:1px solid #28303b;color:#edf2f7;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.15)}
.adminmain .stat-highlight{background:linear-gradient(135deg,#e21b2d,#ad0c1b);border-color:#e21b2d}
.adminmain input,.adminmain select,.adminmain textarea,.modalbox input,.modalbox select,.modalbox textarea{background:#0f141b!important;border-color:#303947!important;color:#f0f3f7!important;border-radius:11px!important}
.adminmain input:focus,.adminmain select:focus,.adminmain textarea:focus{outline:2px solid rgba(226,27,45,.22);border-color:#e21b2d!important}
.adminmain .table{border-collapse:separate;border-spacing:0 7px}
.adminmain .table thead th{background:transparent;border:0;color:#7f8b9a;font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding:9px 12px}
.adminmain .table tbody tr{background:#111720}
.adminmain .table tbody td{border-top:1px solid #28303b;border-bottom:1px solid #28303b;padding:12px}
.adminmain .table tbody td:first-child{border-left:1px solid #28303b;border-radius:11px 0 0 11px}
.adminmain .table tbody td:last-child{border-right:1px solid #28303b;border-radius:0 11px 11px 0}
.adminmain .btn{border-radius:10px;background:#1b222d;border-color:#313a47;color:#fff}
.adminmain .btn-primary{background:#e21b2d;border-color:#e21b2d}
.adminmain .btn-primary:hover{background:#bf1020}
.adminmain .toolbar{margin-bottom:22px}
.adminmain .security-note{background:#111821;border-color:#2c3542}
.adminmain .status{font-weight:900}
.admin-sidebar-backdrop{display:none}

/* Modals */
.modal{backdrop-filter:blur(10px);background:rgba(5,8,12,.72)}
.modalbox{border-radius:22px!important;background:#151b24!important;color:#eef2f7!important;border:1px solid #303947!important;box-shadow:0 35px 100px rgba(0,0,0,.45)!important}
.modalbox .close{background:#222a35;color:#fff;border:1px solid #37414e;border-radius:10px}

/* Admin login */
.admin-login-v12{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#0b0f14}
.admin-login-brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:7vw;background:linear-gradient(145deg,#0b0f14,#131a25 60%,#181f2d);color:#fff}
.login-orb{position:absolute;border-radius:50%;filter:blur(4px)}
.login-orb-a{width:430px;height:430px;right:-120px;top:-100px;background:radial-gradient(circle,rgba(226,27,45,.3),transparent 65%);animation:loginOrb 8s ease-in-out infinite}
.login-orb-b{width:300px;height:300px;left:-80px;bottom:-110px;background:radial-gradient(circle,rgba(73,109,255,.25),transparent 65%);animation:loginOrb 10s ease-in-out infinite reverse}
@keyframes loginOrb{50%{transform:translateY(25px) scale(1.08)}}
.login-brand-content{position:relative;z-index:1;max-width:640px}
.login-brand-content>img{width:180px;height:90px;object-fit:contain;background:#fff;border-radius:15px;margin-bottom:35px}
.login-brand-content h1{font-size:clamp(42px,5.5vw,72px);line-height:.96;letter-spacing:-3px;margin:15px 0 20px}
.login-brand-content p{color:#b7c0cc;line-height:1.8;font-size:15px}
.login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.login-feature-grid span{padding:13px;border:1px solid #303846;border-radius:12px;background:rgba(255,255,255,.03);font-size:11px;font-weight:800}
.admin-login-form-wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:45px;background:var(--bg)}
.admin-login-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}
.admin-login-top a{font-size:11px;color:var(--muted);font-weight:800}
.auth-box-v12{width:min(100%,480px);padding:34px!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(12,17,24,.14)!important}
.auth-box-v12>img{display:none}
.auth-lock{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#111318;color:#fff;font-size:23px;margin-bottom:18px}
.auth-box-v12 h2{font-size:34px;letter-spacing:-1px;margin:8px 0}
.security-note-v12{display:flex;flex-direction:column;gap:5px;margin:18px 0!important}
.security-note-v12 span{font-size:10px;color:var(--muted)}
.login-submit-v12{width:100%;min-height:50px;border-radius:13px!important;margin-top:5px}
.login-security-row{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;margin-top:14px}

/* reveal */
.reveal-ready{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.reveal-visible{opacity:1;transform:none}

/* Responsive storefront + admin */
@media(max-width:1050px){
 .store-header-v12{grid-template-columns:150px minmax(250px,1fr);grid-template-areas:"logo actions" "search search"}
 .store-logo-v12{grid-area:logo}.store-search-v12{grid-area:search}.store-actions-v12{grid-area:actions;justify-content:flex-end}
 .store-nav-v12{justify-content:flex-start}
 .footer-main-v12{grid-template-columns:1.5fr 1fr 1fr}
 .footer-main-v12>div:last-child{grid-column:2/4}
 .checkout-trust-v12{grid-template-columns:1fr 1fr}
 .adminnav-v12{width:245px}
}
@media(max-width:900px){
 .admin-menu-toggle{display:grid;place-items:center}
 .adminbar-v12{padding-left:14px}
 .adminbar-v12 .adminbrand{margin-right:auto}
 .adminnav-v12{position:fixed;left:-290px;top:74px;z-index:110;width:280px;transition:left .24s ease}
 body.admin-sidebar-open .adminnav-v12{left:0}
 .admin-sidebar-backdrop{display:block;position:fixed;inset:74px 0 0;background:rgba(0,0,0,.58);z-index:105;opacity:0;pointer-events:none;transition:.2s}
 body.admin-sidebar-open .admin-sidebar-backdrop{opacity:1;pointer-events:auto}
 .adminmain{width:100%;padding:24px}
 .admin-login-v12{grid-template-columns:1fr}
 .admin-login-brand{display:none}
 .admin-login-form-wrap{min-height:100vh}
}
@media(max-width:760px){
 body{padding-bottom:68px}
 .store-topbar-v12{justify-content:center;text-align:center}.store-topbar-v12 .right{display:none}
 .store-header-v12{grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo actions" "search search search";min-height:auto;padding:10px 14px;gap:9px}
 .mobile-menu-toggle{display:block;grid-area:menu}
 .store-logo-v12{grid-area:logo;justify-self:center}.store-logo-v12 img{width:116px;height:51px}
 .store-actions-v12{grid-area:actions}.store-actions-v12 .text,.store-actions-v12 .install-app-btn,.store-actions-v12 [data-theme-toggle]{display:none}
 .store-actions-v12 .wish-action{display:none}
 .store-actions-v12 .cart-pill{height:42px;padding:0 12px;display:flex;align-items:center}
 .store-search-v12{grid-area:search;height:48px}.store-search-v12 select{display:none}
 .store-nav-v12{display:none}
 .mobile-menu-panel{display:block;position:fixed;left:-310px;top:0;bottom:0;width:min(84vw,310px);z-index:220;background:#0d1117;color:#fff;padding:16px;transition:left .24s ease;overflow:auto;box-shadow:30px 0 80px rgba(0,0,0,.3)}
 .mobile-menu-panel.open{left:0}
 .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 15px;border-bottom:1px solid #28303a;margin-bottom:8px}.mobile-menu-head button{width:38px;height:38px;border:1px solid #313a46;background:#171d25;color:#fff;border-radius:10px;font-size:22px}
 .mobile-menu-panel>a{display:block;padding:13px 11px;border-bottom:1px solid #202833;font-size:12px;font-weight:800}
 .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:210;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:.2s}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:200;background:rgba(13,17,23,.96);backdrop-filter:blur(16px);border-top:1px solid #29313b;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;color:#929dab}.mobile-bottom-nav a span{font-size:18px}.mobile-bottom-nav a b{font-size:8px}.mobile-bottom-nav a.active{color:#fff}.mobile-bottom-nav a.active span{color:#ff3144}.mobile-cart-count{position:absolute;top:-1px;right:20%;font-style:normal;background:#e21b2d;color:#fff;border-radius:99px;min-width:15px;height:15px;display:grid;place-items:center;font-size:7px}
 .pagehead-v12{padding:36px 0}.pagehead-v12 h1{font-size:38px}
 .shop-intro-v12{display:block;padding:20px}.shop-pills{justify-content:flex-start;margin-top:14px}
 .shop-layout{grid-template-columns:1fr!important}
 .filter-panel{position:relative;top:auto}
 .detail{padding:16px;border-radius:21px}.detail-grid{grid-template-columns:1fr!important;gap:20px}.detail-media{min-height:340px}
 .product-buy-actions{grid-template-columns:1fr}
 .checkout-trust-v12{grid-template-columns:1fr 1fr}
 .track-help-v12{grid-template-columns:1fr}
 .footer-main-v12{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-v12{grid-column:1/-1}.footer-main-v12>div:last-child{grid-column:auto}
 .footer-bottom-v12{display:block}.footer-bottom-v12 span{display:block;margin:5px 0}
 .adminbar-v12 .firebase-mini-status{display:none}
 .adminbar-v12 .admin-actions .btn:not([data-theme-toggle]){font-size:0;padding:9px}.adminbar-v12 .admin-actions .btn:not([data-theme-toggle])::after{content:"↗";font-size:14px}
 .adminmain{padding:18px}.adminmain h1{font-size:28px}
 .business-stat-grid{grid-template-columns:1fr 1fr!important}
 .admin-grid-2{grid-template-columns:1fr!important}
 .quick-tool-grid{grid-template-columns:1fr 1fr!important}
 .table-wrap{overflow:auto}
 .modalbox{width:96vw!important;max-height:92vh;overflow:auto}
}
@media(max-width:520px){
 .footer-main-v12{grid-template-columns:1fr}.footer-main-v12>div:last-child{grid-column:auto}
 .checkout-trust-v12{grid-template-columns:1fr}
 .business-stat-grid{grid-template-columns:1fr!important}
 .quick-tool-grid{grid-template-columns:1fr!important}
 .adminmain .toolbar{align-items:flex-start;gap:12px}.adminmain .toolbar .admin-actions{width:100%}
 .auth-box-v12{padding:25px!important}.admin-login-form-wrap{padding:70px 15px 20px}
}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}}


/* V14 — Growth, Trust & Delivery */
.delivery-quote-v14{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin:13px 0}
.delivery-quote-v14 b{color:var(--accent)}
.delivery-quote-v14 span{color:var(--muted);font-size:11px;text-align:right}
.checkout-confirm-v14{display:flex;gap:9px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:11px;line-height:1.5;margin-bottom:12px}
.checkout-place-v14{width:100%;min-height:50px;border-radius:13px}

.product-reviews-v14{padding-top:28px}
.review-summary-v14{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--soft));margin-bottom:18px}
.review-summary-v14 h2{font-size:32px;margin:6px 0}
.rating-big{text-align:right}.rating-big>b{display:block;font-size:46px;line-height:1}.rating-big>span{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.review-stars{display:flex;gap:2px;color:#a5acb6}.review-stars span.on{color:#f4ad18}
.product-rating-line{display:flex;gap:10px;align-items:center;margin:9px 0 14px;color:var(--muted);font-size:11px}
.review-layout-v14{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.review-list-v14,.review-form-v14{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:20px}
.customer-review-v14{padding:18px 0;border-bottom:1px solid var(--line)}.customer-review-v14:last-child{border-bottom:0}
.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.review-head b,.review-head small{display:block}.review-head small{color:var(--muted);font-size:9px;margin-top:4px}
.customer-review-v14 h3,.admin-review-card h3{margin:12px 0 6px;font-size:16px}.customer-review-v14 p,.admin-review-card p{margin:0;color:var(--muted);line-height:1.7;font-size:12px}
.verified-badge{color:#13804b;font-weight:900}
.review-form-v14 h3{margin-top:0}
.admin-review-card{border:1px solid #2a3340;border-radius:15px;padding:16px;background:#111720;margin:10px 0}
.review-admin-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:13px 0;font-size:9px;color:#8f99a8}

.notfound-v14{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 30%,rgba(226,27,45,.13),transparent 35%),#0d1117;color:#fff;text-align:center}
.notfound-v14>div{max-width:650px}.notfound-v14 img{width:180px;height:90px;object-fit:contain;background:#fff;border-radius:15px;margin-bottom:28px}.notfound-v14 h1{font-size:clamp(42px,7vw,72px);letter-spacing:-3px;line-height:.95;margin:12px 0}.notfound-v14 p{color:#aab3bf;line-height:1.7;margin-bottom:24px}

@media(max-width:800px){
 .review-summary-v14{align-items:flex-start}.rating-big{text-align:left}
 .review-layout-v14{grid-template-columns:1fr}
 .delivery-quote-v14{display:block}.delivery-quote-v14 span{display:block;text-align:left;margin-top:5px}
}
@media(max-width:560px){
 .review-summary-v14{display:block}.rating-big{margin-top:18px}
 .review-summary-v14 h2{font-size:27px}
}


/* Courier operations */
.courier-stats-v15{grid-template-columns:repeat(4,1fr)}
.courier-toolbar-v15{display:grid;grid-template-columns:1fr 260px;gap:14px;margin-bottom:14px}
.courier-modal-v15{max-width:820px!important}
.courier-public-box-v15{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:15px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.courier-public-box-v15 b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.courier-public-box-v15 span{font-size:12px}
@media(max-width:850px){.courier-stats-v15{grid-template-columns:1fr 1fr}.courier-toolbar-v15{grid-template-columns:1fr}}
@media(max-width:520px){.courier-stats-v15{grid-template-columns:1fr}}


/* V16 — Google Growth Suite */
.google-checklist-v16{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.google-checklist-v16 span{padding:11px 12px;border:1px solid #29313d;border-radius:12px;background:#111720;font-weight:800;font-size:11px}
.admin-card code{display:inline-block;padding:10px 12px;border-radius:10px;background:#0d1117;border:1px solid #29313d;word-break:break-all}
@media(max-width:760px){.google-checklist-v16{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.google-checklist-v16{grid-template-columns:1fr}}


/* V17 FINAL HANDOVER */
.handler-role-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #2b3441;border-radius:999px;background:#10161e;font-size:9px;font-weight:900;letter-spacing:.06em;color:#dce4ef}
.permission-grid-v17{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}
.permission-grid-v17 label{display:flex;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:11px;font-weight:800}
.staff-modal-v17{max-width:850px!important}
.risk-filter-v17{min-width:230px}
.risk-score-v17{display:inline-flex;padding:6px 8px;border-radius:10px;font-size:10px;font-weight:950}
.risk-low{background:#153426;color:#6be3a5}.risk-medium{background:#463711;color:#ffd166}.risk-high{background:#421b21;color:#ff8791}
.risk-flag-v17{display:inline-block;margin:2px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;font-size:9px;background:var(--soft)}
.bot-trap-v17{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:680px){.permission-grid-v17{grid-template-columns:1fr}.handler-role-badge{display:none}}


/* V18 customer account + CRM */
.account-grid-v18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px}
.account-top-v18{display:grid;grid-template-columns:1.6fr .9fr;gap:18px;margin-bottom:18px}
.metric-grid-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.metric-card-v18{border:1px solid var(--line,#e9e9ef);border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,248,252,.9))}
.metric-card-v18 b{display:block;font-size:1.28rem;margin-bottom:5px}
.metric-card-v18 span{font-size:.9rem;color:var(--muted,#6b7280)}
.tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fde8ea;color:#b91c1c;font-weight:800}
.benefit-list-v18{margin:0;padding-left:18px;display:grid;gap:10px}
.stack-v18{display:grid;gap:12px}
.address-card-v18{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line,#e9e9ef);border-radius:16px;background:var(--card,#fff)}
.input-like{min-width:280px;max-width:420px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line,#d9dbe3);background:var(--card,#fff)}
.row-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.admin-metrics-v18{margin-bottom:18px}
.checkbox-field label{display:flex;gap:10px;align-items:center}
@media (max-width:980px){.account-top-v18,.account-grid-v18,.metric-grid-v18{grid-template-columns:1fr 1fr}.account-top-v18{grid-template-columns:1fr}.metric-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.account-grid-v18,.metric-grid-v18{grid-template-columns:1fr}.address-card-v18{flex-direction:column;align-items:stretch}.input-like{min-width:0;width:100%}}


/* V19 Enterprise Retail Suite */
.rewards-checkout-v19{margin:16px 0;padding:16px;border:1px solid rgba(226,27,45,.2);border-radius:18px;background:linear-gradient(135deg,rgba(226,27,45,.06),rgba(255,255,255,.96))}
.pos-shift-bar-v19{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pos-shift-bar-v19>div:first-child{display:grid;gap:4px}
.adminmain .metric-grid-v18{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.adminmain .metric-card-v18{min-height:92px}
.adminmain .input-like{background:var(--card);color:inherit}.adminmain select.input-like{min-height:42px}
@media(max-width:720px){.pos-shift-bar-v19{align-items:stretch}.pos-shift-bar-v19 .admin-actions{width:100%}.pos-shift-bar-v19 input{min-width:0;width:100%}}

/* V19.1 UI fix */
.account-hero-v191{background:linear-gradient(135deg,rgba(226,27,45,.06),rgba(255,255,255,.96));border:1px solid rgba(226,27,45,.14)}
.account-hero-v191 .metric-grid-v18{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.account-hero-v191 .metric-grid-v18{grid-template-columns:1fr}}

/* V19.2 Customer Account Reliability */
.account-login-actions-v192{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.account-login-actions-v192 .btn{flex:1;min-width:150px}
button:disabled{opacity:.62;cursor:not-allowed}


/* ============================================================
   V20 — STORE AI ENTERPRISE
   ============================================================ */
.admin-ai-nav{position:relative;overflow:hidden}.admin-ai-nav:after{content:"AI";margin-left:auto;font-size:8px;font-weight:950;letter-spacing:.08em;padding:3px 5px;border-radius:6px;background:linear-gradient(135deg,#e21b2d,#7c3aed);color:#fff}.ai-tool-card-v20{background:linear-gradient(135deg,rgba(226,27,45,.1),rgba(124,58,237,.1))!important;border-color:rgba(226,27,45,.25)!important}
.gh-ai-mode-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(226,27,45,.12),rgba(124,58,237,.12));border:1px solid rgba(124,58,237,.2);font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--text)}
.gh-ai-orb{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#e21b2d,#7c3aed 60%,#b07a61);color:#fff;box-shadow:0 8px 30px rgba(124,58,237,.24);font-weight:950}.gh-ai-orb.big{width:44px;height:44px;border-radius:15px;font-size:20px}.gh-ai-orb.hero{width:58px;height:58px;border-radius:20px;font-size:26px}
.gh-ai-shell{position:fixed;right:20px;bottom:22px;z-index:9998;font-family:inherit}.gh-ai-fab{border:0;border-radius:999px;padding:12px 16px 12px 11px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#111827,#2a1539 55%,#7f1d1d);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28);cursor:pointer}.gh-ai-fab span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#ff3347,#8b5cf6)}.gh-ai-fab b{font-size:11px;letter-spacing:.08em}
.gh-ai-panel{position:absolute;right:0;bottom:64px;width:min(390px,calc(100vw - 24px));height:min(590px,calc(100vh - 110px));display:none;grid-template-rows:auto 1fr auto auto auto;background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.32)}.gh-ai-panel.open{display:grid;animation:ghAiPop .2s ease-out}.gh-ai-panel>header{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line,#e5e7eb);background:linear-gradient(135deg,rgba(226,27,45,.08),rgba(124,58,237,.09))}.gh-ai-panel>header>div{display:flex;gap:10px;align-items:center}.gh-ai-panel header b{display:block;font-size:13px}.gh-ai-panel header small{display:block;font-size:9px;color:var(--muted,#6b7280);margin-top:2px}.gh-ai-close{border:0;background:transparent;color:var(--text);font-size:25px;cursor:pointer}.gh-ai-panel footer{padding:8px 13px;border-top:1px solid var(--line,#e5e7eb);text-align:center}.gh-ai-panel footer a{font-size:9px;font-weight:850;color:var(--text)}
.gh-ai-messages,.gh-ai-admin-chat,.gh-ai-full-messages{overflow:auto;padding:15px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.gh-ai-msg{display:flex;gap:8px;align-items:flex-start}.gh-ai-msg.user{justify-content:flex-end}.gh-ai-msg.user .gh-ai-avatar{order:2;background:#1f2937}.gh-ai-avatar{flex:0 0 auto;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#e21b2d,#7c3aed);color:#fff;font-size:9px;font-weight:900}.gh-ai-bubble{max-width:86%;padding:11px 12px;border-radius:15px;background:var(--soft,#f7f7f9);border:1px solid var(--line,#e5e7eb);font-size:11px;line-height:1.55}.gh-ai-msg.user .gh-ai-bubble{background:#1f2937;color:#fff;border-color:#1f2937}.gh-ai-bubble p{margin:0 0 7px}.gh-ai-bubble p:last-child{margin-bottom:0}.gh-ai-link{display:inline-block;margin:5px 8px 0 0;font-size:10px;font-weight:900;color:#d51e31}.gh-ai-thinking{display:flex;gap:4px;padding:3px}.gh-ai-thinking i{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:ghAiDot 1s infinite}.gh-ai-thinking i:nth-child(2){animation-delay:.15s}.gh-ai-thinking i:nth-child(3){animation-delay:.3s}
.gh-ai-quick,.gh-ai-full-quick{display:flex;gap:6px;overflow:auto;padding:9px 12px;border-top:1px solid var(--line,#e5e7eb)}.gh-ai-quick button,.gh-ai-full-quick button,.gh-ai-suggestions button,.gh-ai-prompt-grid button,.gh-ai-intent-list button{white-space:nowrap;border:1px solid var(--line,#e5e7eb);background:var(--soft,#f7f7f9);color:var(--text);padding:8px 10px;border-radius:999px;font-size:9px;font-weight:800;cursor:pointer}.gh-ai-quick button:hover,.gh-ai-full-quick button:hover,.gh-ai-prompt-grid button:hover{border-color:#e21b2d}.gh-ai-form,.gh-ai-full-form,.gh-ai-admin-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line,#e5e7eb)}.gh-ai-form input,.gh-ai-full-form input,.gh-ai-admin-form input{min-width:0;flex:1;border:1px solid var(--line,#d9dce3);background:var(--card,#fff);color:var(--text);padding:12px 13px;border-radius:12px;outline:none}.gh-ai-form input:focus,.gh-ai-full-form input:focus,.gh-ai-admin-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.gh-ai-form button{border:0;border-radius:12px;padding:0 14px;background:linear-gradient(135deg,#e21b2d,#7c3aed);color:#fff;font-weight:900;font-size:10px;cursor:pointer}
.gh-ai-product-grid{display:grid;gap:7px;margin-top:8px}.gh-ai-product{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:center;padding:7px;border:1px solid var(--line,#e5e7eb);border-radius:12px;color:inherit;text-decoration:none;background:var(--card,#fff)}.gh-ai-product-img{width:54px;height:54px;border-radius:9px;background:var(--soft,#f6f7f9);overflow:hidden}.gh-ai-product-img img{width:100%;height:100%;object-fit:contain}.gh-ai-product b,.gh-ai-product span,.gh-ai-product strong,.gh-ai-product small{display:block}.gh-ai-product b{font-size:10px}.gh-ai-product span,.gh-ai-product small{font-size:8px;color:var(--muted,#6b7280)}.gh-ai-product strong{font-size:10px;margin:2px 0}.gh-ai-order-list{display:grid;gap:6px}.gh-ai-order-row{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;background:var(--card,#fff);border:1px solid var(--line,#e5e7eb)}.gh-ai-order-row b,.gh-ai-order-row small{display:block}.gh-ai-order-row small{font-size:8px;color:var(--muted,#6b7280)}
.gh-ai-pagehead{background:radial-gradient(circle at 75% 30%,rgba(139,92,246,.14),transparent 38%),linear-gradient(180deg,rgba(226,27,45,.045),transparent)}.gh-ai-full-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.gh-ai-full-chat{padding:0!important;overflow:hidden}.gh-ai-full-brand{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line,#e5e7eb);background:linear-gradient(135deg,rgba(226,27,45,.06),rgba(124,58,237,.08))}.gh-ai-full-brand>div:nth-child(2){flex:1}.gh-ai-full-brand h2,.gh-ai-full-brand p{margin:0}.gh-ai-full-brand p{font-size:10px;color:var(--muted,#6b7280);margin-top:3px}.gh-ai-full-quick{padding:12px 15px}.gh-ai-full-messages{min-height:430px;max-height:610px}.gh-ai-full-form{padding:14px 15px}.gh-ai-trust-row{display:flex;gap:16px;flex-wrap:wrap;padding:10px 15px 15px;font-size:9px;color:var(--muted,#6b7280)}.gh-ai-full-side{display:grid;gap:14px}.gh-ai-intent-list{display:grid;gap:8px;margin-top:12px}.gh-ai-intent-list button{text-align:left;border-radius:12px;padding:11px}
.gh-ai-home-card{position:relative;min-height:390px;display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center;padding:45px;border:1px solid rgba(139,92,246,.18);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(124,58,237,.18),transparent 32%),radial-gradient(circle at 85% 20%,rgba(226,27,45,.14),transparent 28%),linear-gradient(135deg,var(--card,#fff),var(--soft,#f8f8fa))}.gh-ai-home-copy{position:relative;z-index:2}.gh-ai-home-copy h2{font-size:clamp(2rem,5vw,4rem);line-height:.98;margin:10px 0 18px;max-width:650px}.gh-ai-home-copy p{max-width:640px;font-size:1.02rem;line-height:1.7;color:var(--muted,#6b7280)}.gh-ai-home-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.gh-ai-home-prompts span{padding:7px 10px;border-radius:999px;background:var(--soft,#f5f5f7);border:1px solid var(--line,#e5e7eb);font-size:9px;font-weight:800}.gh-ai-home-visual{position:relative;min-height:300px;display:grid;place-items:center}.gh-ai-sphere{position:relative;z-index:3;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#ff6978,#e21b2d 28%,#6d28d9 70%,#15162a);color:#fff;box-shadow:0 35px 80px rgba(124,58,237,.32),inset 0 0 35px rgba(255,255,255,.2);animation:ghAiFloat 4s ease-in-out infinite}.gh-ai-sphere i{font-size:28px}.gh-ai-sphere b{font-size:24px;letter-spacing:.08em}.gh-ai-sphere span{font-size:11px;letter-spacing:.3em;margin-left:.3em}.gh-ai-orbit{position:absolute;border:1px solid rgba(139,92,246,.3);border-radius:50%;animation:ghAiSpin 12s linear infinite}.gh-ai-orbit.o1{width:260px;height:120px;transform:rotate(-18deg)}.gh-ai-orbit.o2{width:300px;height:160px;transform:rotate(48deg);animation-direction:reverse}.gh-ai-float{position:absolute;z-index:4;padding:8px 10px;border-radius:10px;background:rgba(17,24,39,.9);color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em;box-shadow:0 12px 28px rgba(0,0,0,.2)}.gh-ai-float.f1{top:20%;left:7%}.gh-ai-float.f2{right:2%;top:30%}.gh-ai-float.f3{bottom:14%;left:14%}
.gh-ai-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.gh-ai-admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;align-items:start}.gh-ai-command-card{padding:0!important;overflow:hidden}.gh-ai-command-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border-bottom:1px solid var(--line,#e5e7eb);background:linear-gradient(135deg,rgba(226,27,45,.06),rgba(124,58,237,.07))}.gh-ai-command-head>div{display:flex;align-items:center;gap:11px}.gh-ai-command-head h2,.gh-ai-command-head p{margin:0}.gh-ai-prompt-grid{display:flex;gap:7px;overflow:auto;padding:12px 14px;border-bottom:1px solid var(--line,#e5e7eb)}.gh-ai-admin-chat{min-height:430px;max-height:620px}.gh-ai-admin-form{padding:14px}.gh-ai-admin-side{display:grid;gap:16px}.gh-ai-brief-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.06em}.gh-ai-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.gh-ai-brief-grid>div{padding:10px;border-radius:12px;border:1px solid var(--line,#e5e7eb);background:var(--soft,#f7f7f9)}.gh-ai-brief-grid small,.gh-ai-brief-grid b,.gh-ai-brief-grid span{display:block}.gh-ai-brief-grid b{font-size:13px;margin:3px 0}.gh-ai-brief-grid span{font-size:8px;color:var(--muted,#6b7280)}.gh-ai-brief-grid span.good{color:#059669}.gh-ai-brief-grid span.bad{color:#dc2626}.gh-ai-brief-lines p{font-size:9px;line-height:1.55;border-top:1px solid var(--line,#e5e7eb);padding-top:8px}.gh-ai-action-nav{display:grid;gap:7px}.gh-ai-action-nav a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:12px;color:inherit;text-decoration:none}.gh-ai-action-nav a>span{width:30px;height:30px;border-radius:9px;background:var(--soft,#f7f7f9);display:grid;place-items:center;font-weight:900}.gh-ai-action-nav b,.gh-ai-action-nav small{display:block}.gh-ai-action-nav small{font-size:8px;color:var(--muted,#6b7280)}.gh-ai-metric-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.gh-ai-metric-mini>div{padding:8px;border:1px solid var(--line,#e5e7eb);border-radius:9px;background:var(--card,#fff)}.gh-ai-metric-mini small,.gh-ai-metric-mini b{display:block}.gh-ai-metric-mini small{font-size:7px;color:var(--muted,#6b7280)}.gh-ai-metric-mini b{font-size:10px}.gh-ai-list{display:grid;gap:5px;margin:8px 0}.gh-ai-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:var(--card,#fff)}.gh-ai-list b,.gh-ai-list small{display:block}.gh-ai-list small{font-size:8px;color:var(--muted,#6b7280)}.gh-ai-list strong{white-space:nowrap;font-size:10px}.gh-ai-action-list{display:grid;gap:6px}.gh-ai-action-list a{display:flex;gap:9px;align-items:flex-start;color:inherit;text-decoration:none;padding:8px;border-radius:10px;border:1px solid var(--line,#e5e7eb)}.gh-ai-action-list i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#e21b2d,#7c3aed);color:#fff;font-size:9px;font-style:normal;font-weight:900}.gh-ai-action-list span{flex:1}.gh-ai-action-list b,.gh-ai-action-list small{display:block}.gh-ai-action-list small{font-size:8px;color:var(--muted,#6b7280);margin-top:2px}.gh-ai-studio{margin-top:16px}.gh-ai-studio-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.gh-ai-studio-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gh-ai-copy-output{min-height:245px;font-family:inherit;line-height:1.6}.gh-ai-disclosure{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:12px;background:var(--soft,#f7f7f9);border:1px solid var(--line,#e5e7eb);font-size:9px;color:var(--muted,#6b7280)}.gh-ai-disclosure b{white-space:nowrap;color:var(--text)}
@keyframes ghAiPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes ghAiDot{0%,80%,100%{transform:scale(.65);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes ghAiFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes ghAiSpin{to{transform:rotate(342deg)}}
@media(max-width:1050px){.gh-ai-admin-layout,.gh-ai-full-page,.gh-ai-home-card{grid-template-columns:1fr}.gh-ai-admin-side{grid-template-columns:1fr 1fr}.gh-ai-home-visual{min-height:260px}.gh-ai-admin-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.gh-ai-shell{right:10px;bottom:74px}.gh-ai-fab b{display:none}.gh-ai-fab{padding:9px}.gh-ai-panel{right:0;bottom:54px;width:calc(100vw - 20px);height:min(620px,calc(100vh - 145px));border-radius:20px}.gh-ai-full-side{display:none}.gh-ai-full-messages{min-height:380px}.gh-ai-full-brand{align-items:flex-start}.gh-ai-full-brand .gh-ai-mode-badge{display:none}.gh-ai-home-card{padding:28px 20px;border-radius:24px}.gh-ai-home-visual{min-height:250px}.gh-ai-sphere{width:150px;height:150px}.gh-ai-orbit.o1{width:210px}.gh-ai-orbit.o2{width:235px}.gh-ai-admin-side{grid-template-columns:1fr}.gh-ai-admin-stats{grid-template-columns:1fr 1fr}.gh-ai-metric-mini{grid-template-columns:1fr 1fr}.gh-ai-studio-grid{grid-template-columns:1fr}.gh-ai-studio-buttons{grid-template-columns:1fr 1fr}.gh-ai-disclosure{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gh-ai-sphere,.gh-ai-orbit,.gh-ai-thinking i{animation:none!important}}


/* V21 STORE AI OPERATOR — always-dark chat theme */
.ghop-shell{position:fixed;z-index:12000;right:20px;bottom:20px;font-family:inherit}.ghop-fab{border:1px solid #2b3342;background:#090b10;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.04em;cursor:pointer}.ghop-fab span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e21b2d;box-shadow:0 0 24px rgba(226,27,45,.45)}
.ghop-panel{position:absolute;right:0;bottom:58px;width:min(440px,calc(100vw - 24px));height:min(700px,calc(100vh - 90px));background:#080a0f;color:#e9eef8;border:1px solid #252c39;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.55);display:none;overflow:hidden;grid-template-rows:auto auto 1fr auto auto auto}.ghop-panel.open{display:grid}.ghop-panel>header{padding:15px 16px;border-bottom:1px solid #202633;background:linear-gradient(180deg,#111621,#0b0e14);display:flex;justify-content:space-between;align-items:center}.ghop-panel>header>div{display:flex;gap:11px;align-items:center}.ghop-panel header b{display:block;color:#fff}.ghop-panel header small{display:block;color:#7f8da4;font-size:10px;margin-top:2px;letter-spacing:.06em}.ghop-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#f22b3d,#a70819);color:white;box-shadow:0 0 28px rgba(226,27,45,.3);font-weight:950}.ghop-logo.big{width:50px;height:50px;font-size:20px}.ghop-x{border:0;background:#171c25;color:#aeb8ca;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}.ghop-scope{display:flex;gap:6px;padding:9px 12px;background:#0b0e14;border-bottom:1px solid #1d2330}.ghop-scope span{font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid #242c3a;color:#8591a6;border-radius:999px;padding:5px 7px}.ghop-messages{padding:14px;overflow:auto;background:radial-gradient(circle at 90% 0%,rgba(226,27,45,.08),transparent 28%),#080a0f}.ghop-msg{display:flex;gap:9px;margin:11px 0;align-items:flex-start}.ghop-msg.user{flex-direction:row-reverse}.ghop-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#151b25;border:1px solid #283140;color:#9dacbf;display:grid;place-items:center;font-size:8px;font-weight:900}.ghop-msg.assistant .ghop-avatar{background:#b80c1b;color:#fff;border-color:#d21b2b}.ghop-bubble{max-width:84%;border-radius:15px;padding:11px 12px;background:#121722;border:1px solid #222a38;color:#dce4f2;font-size:12px;line-height:1.5}.ghop-msg.user .ghop-bubble{background:#202736;border-color:#313b4d;color:#fff}.ghop-bubble p{margin:0 0 8px}.ghop-bubble p:last-child{margin-bottom:0}.ghop-bubble b{color:#fff}.ghop-link{display:inline-flex;margin:5px 5px 0 0;color:#ff7d89;text-decoration:none;font-weight:800}.ghop-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.ghop-chips button,.ghop-quick button,.ghop-command-prompts button,.ghop-example-list button{border:1px solid #2a3342;background:#151a24;color:#bfc9d9;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.ghop-chips button:hover,.ghop-quick button:hover,.ghop-command-prompts button:hover,.ghop-example-list button:hover{border-color:#e21b2d;color:#fff}.ghop-quick{padding:9px 12px;border-top:1px solid #1e2532;display:flex;gap:5px;overflow:auto;background:#0c0f15}.ghop-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;background:#0b0e14;border-top:1px solid #1e2532}.ghop-form textarea{resize:none;background:#131823;color:#fff;border:1px solid #293241;border-radius:12px;padding:10px 11px;outline:none;font:inherit;font-size:11px}.ghop-form textarea:focus{border-color:#e21b2d;box-shadow:0 0 0 3px rgba(226,27,45,.09)}.ghop-form button{border:0;border-radius:12px;background:#e21b2d;color:#fff;font-weight:900;padding:0 14px;cursor:pointer}.ghop-panel>footer{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-top:1px solid #1e2532;background:#090c12;font-size:9px;color:#6f7b8e}.ghop-panel>footer a{color:#ff7d89;text-decoration:none;font-weight:800}
.ghop-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.ghop-metrics>div{background:#0d1119;border:1px solid #222a38;border-radius:11px;padding:9px}.ghop-metrics small,.ghop-metrics span{display:block;color:#738096;font-size:8px}.ghop-metrics b{display:block;color:#fff;font-size:13px;margin:2px 0}.ghop-list{display:grid;gap:6px;margin:8px 0}.ghop-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;background:#0d1119;border:1px solid #222a38;border-radius:10px}.ghop-list span{min-width:0}.ghop-list b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghop-list small{display:block;color:#78869b;font-size:8px;margin-top:2px}.ghop-list strong{color:#fff;white-space:nowrap;font-size:10px}.ghop-actions{display:grid;gap:7px}.ghop-actions a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#e8edf6;background:#0d1119;border:1px solid #222a38;border-radius:12px;padding:9px}.ghop-actions i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#e21b2d;color:#fff;font-style:normal;font-weight:900}.ghop-actions small{display:block;color:#7e8ba0;font-size:8px}.ghop-plan{margin-top:4px;padding:11px;background:linear-gradient(180deg,#151b25,#0c1017);border:1px solid #343e50;border-radius:14px}.ghop-plan-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:950;letter-spacing:.08em;color:#8896ab}.ghop-plan-head em{font-style:normal;padding:4px 6px;border-radius:999px}.ghop-plan-head em.high{background:#50141b;color:#ffabb2}.ghop-plan-head em.medium{background:#49360f;color:#ffd676}.ghop-plan h3{font-size:13px;margin:8px 0 4px;color:#fff}.ghop-plan-details{background:#090c12;border:1px solid #252d3b;border-radius:9px;padding:8px;margin:8px 0;color:#aab5c6}.ghop-plan-buttons{display:flex;gap:7px;margin-top:9px}.ghop-plan-buttons button{border:1px solid #30394a;background:#171d28;color:#cbd5e5;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.ghop-plan-buttons .approve{background:#d91829;border-color:#ef3141;color:#fff}.ghop-plan>small{display:block;color:#69768b;font-size:8px;margin-top:7px}.ghop-thinking{display:flex;gap:4px}.ghop-thinking i{width:6px;height:6px;background:#7b879a;border-radius:50%;animation:ghopDot 1s infinite alternate}.ghop-thinking i:nth-child(2){animation-delay:.18s}.ghop-thinking i:nth-child(3){animation-delay:.36s}@keyframes ghopDot{to{transform:translateY(-4px);background:#e21b2d}}
.ghop-command-page{--ghop:#080a0f}.ghop-mode{border:1px solid #2c3442;background:#0e1219;color:#bdc7d7;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900}.ghop-command-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.7fr);gap:18px}.ghop-command-chat{min-height:690px;display:grid;grid-template-rows:auto auto 1fr auto auto;background:#080a0f;color:#e9eef8;border:1px solid #242b38;border-radius:22px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.2)}.ghop-command-chat>header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:linear-gradient(180deg,#141a24,#0b0f15);border-bottom:1px solid #222a38}.ghop-command-chat>header>div{display:flex;align-items:center;gap:12px}.ghop-command-chat h2{margin:0;color:#fff}.ghop-command-chat header p{margin:4px 0 0;color:#748197;font-size:10px}.ghop-live{color:#74e8a2;background:#10281c;border:1px solid #1f4a32;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:950}.ghop-command-prompts{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid #202735;background:#0c1016}.ghop-command-messages{padding:18px;overflow:auto;max-height:540px;min-height:420px}.ghop-command-form{padding:13px 14px;border-top:1px solid #202735;display:grid;grid-template-columns:1fr auto;gap:9px}.ghop-command-form textarea{resize:none;background:#111722;border:1px solid #293243;color:#fff;border-radius:13px;padding:12px;font:inherit;outline:none}.ghop-command-form textarea:focus{border-color:#e21b2d}.ghop-command-form button{background:#e21b2d;color:#fff;border:0;border-radius:13px;padding:0 18px;font-weight:950}.ghop-safe-note{padding:10px 14px;border-top:1px solid #202735;color:#77849a;font-size:9px;background:#090c11}.ghop-operator-side{display:grid;gap:14px;align-content:start}.ghop-operator-side>section{background:#0d1118;border:1px solid #252d3b;border-radius:18px;padding:15px;color:#e7edf7}.ghop-operator-side h3{margin:0 0 12px;color:#fff}.ghop-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ghop-skill-grid a{background:#141a24;border:1px solid #27303e;color:#bac5d6;text-decoration:none;border-radius:10px;padding:9px;font-size:9px;font-weight:800}.ghop-skill-grid a:hover{border-color:#e21b2d;color:#fff}.ghop-example-list{display:grid;gap:7px}.ghop-example-list button{text-align:left;border-radius:10px;padding:9px 10px}.admin-ai-nav{background:linear-gradient(90deg,rgba(226,27,45,.12),transparent)!important}.admin-ai-nav span{color:#ff6d7a!important}
@media(max-width:900px){.ghop-command-layout{grid-template-columns:1fr}.ghop-command-chat{min-height:620px}.ghop-operator-side{grid-template-columns:1fr 1fr}.ghop-shell{right:12px;bottom:72px}}
@media(max-width:620px){.ghop-panel{position:fixed;inset:8px;width:auto;height:auto;border-radius:18px}.ghop-shell{right:10px;bottom:78px}.ghop-operator-side{grid-template-columns:1fr}.ghop-command-form{grid-template-columns:1fr}.ghop-command-form button{min-height:44px}.ghop-skill-grid{grid-template-columns:1fr}.ghop-metrics{grid-template-columns:1fr 1fr}}

/* V22 Pakistan Payment Center */
.payment-checkout-box-v22{margin:14px 0}
.payment-instruction-v22{border:1px solid var(--line,#e3e4e8);background:var(--card,#fff);border-radius:18px;padding:16px}
.payment-method-title-v22{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.payment-method-title-v22 span{font-size:.82rem;padding:5px 9px;border-radius:999px;background:rgba(226,27,45,.08);color:#b91c1c;font-weight:800}
.payment-detail-grid-v22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.payment-detail-grid-v22>div{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);overflow-wrap:anywhere}
.payment-detail-grid-v22 span{display:block;font-size:.76rem;color:var(--muted,#697386);margin-bottom:4px}
.payment-qr-v22 img{max-width:220px;max-height:220px;border-radius:16px;border:1px solid var(--line,#ddd);background:#fff;padding:8px}
.payment-proof-v22{margin-top:22px;border:1px solid var(--line,#ddd);border-radius:20px;padding:18px;text-align:left;background:var(--card,#fff)}
.payment-center-tabs-v22{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}
.payment-center-tabs-v22 button{border:1px solid var(--line,#ddd);background:var(--card,#fff);padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}
.payment-center-tabs-v22 button.active{background:#111827;color:#fff;border-color:#111827}
.payment-tab-v22{display:none}.payment-tab-v22.active{display:block}
.payment-method-filters-v22{display:flex;gap:8px;flex-wrap:wrap}
.payment-method-filters-v22 select{padding:11px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--card,#fff);color:inherit}
.payment-method-grid-v22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.payment-method-card-v22{border:1px solid var(--line,#ddd);border-radius:18px;padding:16px;background:var(--card,#fff)}
.payment-method-card-v22>header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line,#eee);padding-bottom:12px;margin-bottom:12px}
.payment-method-card-v22>header b{display:block;font-size:1rem}.payment-method-card-v22>header span{display:block;color:var(--muted,#6b7280);font-size:.8rem;margin-top:3px}
.payment-method-fields-v22{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payment-method-fields-v22 .full{grid-column:1/-1}
.payment-method-card-v22 footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.72rem;color:var(--muted,#6b7280);border-top:1px solid var(--line,#eee);padding-top:12px;margin-top:12px}
.pm-qr-preview img{max-width:130px;max-height:130px;border-radius:12px;border:1px solid var(--line,#ddd);background:#fff;padding:6px;margin-top:8px}
.pay-toggle-v22{position:relative;width:44px;height:24px}.pay-toggle-v22 input{opacity:0;width:0;height:0}.pay-toggle-v22 i{position:absolute;inset:0;background:#cfd3da;border-radius:999px;cursor:pointer;transition:.2s}.pay-toggle-v22 i:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 4px #0002}.pay-toggle-v22 input:checked+i{background:#16a34a}.pay-toggle-v22 input:checked+i:before{transform:translateX(20px)}
@media(max-width:900px){.payment-method-grid-v22{grid-template-columns:1fr}.payment-detail-grid-v22{grid-template-columns:1fr}}
@media(max-width:640px){.payment-method-fields-v22{grid-template-columns:1fr}.payment-method-fields-v22 .full{grid-column:auto}.payment-center-tabs-v22 button{flex:1}}

/* V22.1 — Payments Center visibility + true dark mode */
html[data-theme="dark"] .metric-card-v18{
  background:linear-gradient(180deg,#171c24,#12171f);
  border-color:#2b3442;
  color:#f5f7fb;
  box-shadow:0 10px 28px rgba(0,0,0,.18)
}
html[data-theme="dark"] .metric-card-v18 b{color:#f8fafc}
html[data-theme="dark"] .metric-card-v18 span{color:#97a3b6}

html[data-theme="dark"] .payment-tab-v22,
html[data-theme="dark"] .payment-method-card-v22,
html[data-theme="dark"] .payment-instruction-v22,
html[data-theme="dark"] .payment-proof-v22{
  background:#131922;
  border-color:#2b3442;
  color:#f5f7fb
}
html[data-theme="dark"] .payment-center-tabs-v22 button{
  background:#151b24;
  border-color:#303949;
  color:#eaf0f7
}
html[data-theme="dark"] .payment-center-tabs-v22 button.active{
  background:linear-gradient(135deg,#e21b2d,#9f1239);
  border-color:#e21b2d;
  color:#fff
}
html[data-theme="dark"] .payment-method-card-v22>header,
html[data-theme="dark"] .payment-method-card-v22 footer{
  border-color:#293242
}
html[data-theme="dark"] .payment-method-card-v22 input,
html[data-theme="dark"] .payment-method-card-v22 textarea,
html[data-theme="dark"] .payment-method-filters-v22 input,
html[data-theme="dark"] .payment-method-filters-v22 select,
html[data-theme="dark"] #paymentQueueSearch,
html[data-theme="dark"] #transactionFilter{
  background:#0e141c;
  color:#f4f7fb;
  border-color:#303949
}
html[data-theme="dark"] .payment-method-card-v22 input::placeholder,
html[data-theme="dark"] .payment-method-card-v22 textarea::placeholder,
html[data-theme="dark"] .payment-method-filters-v22 input::placeholder{color:#718096}
html[data-theme="dark"] .payment-method-card-v22 .pm-qr-preview{
  background:#0d131b;
  border-radius:12px;
  padding:8px
}
html[data-theme="dark"] .table tbody tr,
html[data-theme="dark"] .table td{
  background:#111720;
  border-color:#252e3c
}
html[data-theme="dark"] .table thead th{color:#90a0b8}
html[data-theme="dark"] .payment-detail-grid-v22>div{background:#0e141c}
html[data-theme="dark"] .payment-method-title-v22 span{background:rgba(226,27,45,.15);color:#ff8a95}

.payment-method-summary-v221{
 display:flex;justify-content:space-between;gap:16px;align-items:center;
 padding:16px 18px;margin-bottom:18px;border-radius:18px;
 background:linear-gradient(135deg,rgba(226,27,45,.08),rgba(124,58,237,.08));
 border:1px solid rgba(226,27,45,.16)
}
.payment-method-summary-v221>div:first-child span,
.payment-method-summary-v221>div:first-child b,
.payment-method-summary-v221>div:first-child small{display:block}
.payment-method-summary-v221>div:first-child span{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#e21b2d}
.payment-method-summary-v221>div:first-child b{font-size:1.15rem;margin:4px 0}
.payment-method-summary-v221>div:first-child small{color:var(--muted)}
.payment-popular-v221{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.payment-popular-v221 button{
 border:1px solid var(--line);background:var(--panel);color:var(--text);
 border-radius:999px;padding:8px 11px;font-weight:850;cursor:pointer
}
.payment-popular-v221 button:hover{border-color:#e21b2d;color:#e21b2d}
html[data-theme="dark"] .payment-method-summary-v221{
 background:linear-gradient(135deg,rgba(226,27,45,.12),rgba(124,58,237,.11));
 border-color:#3a2737
}
html[data-theme="dark"] .payment-popular-v221 button{background:#0f151d;border-color:#323b4b;color:#eef3f8}
#paymentMethodCountBadge{font-size:.72em;opacity:.72}
@media(max-width:760px){.payment-method-summary-v221{align-items:flex-start;flex-direction:column}.payment-popular-v221{justify-content:flex-start}}

/* V22.2 — Payment Methods blank-panel fix */
.payment-tab-v22.active,
.payment-tab-v22.active.reveal-ready{
  display:block !important;
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
.payment-tab-v22:not(.active){display:none !important}
.payment-tab-v22.active .payment-method-summary-v221,
.payment-tab-v22.active .payment-method-grid-v22,
.payment-tab-v22.active .row,
.payment-tab-v22.active .table-wrap{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
#paymentMethodCards:empty::before{
  content:"Loading payment methods…";
  display:block;
  grid-column:1/-1;
  padding:18px;
  border:1px dashed var(--line,#303949);
  border-radius:14px;
  color:var(--muted,#94a3b8);
}
html[data-theme="dark"] #paymentMethodCards:empty::before{background:#10161f}
.payment-render-error-v222{
  grid-column:1/-1;
  padding:18px;
  border:1px solid #7f1d1d;
  background:rgba(127,29,29,.12);
  border-radius:16px;
  display:flex;
  gap:10px;
  flex-direction:column;
  align-items:flex-start;
}
.payment-render-error-v222 b{color:#fecaca}
.payment-render-error-v222 span{color:#fca5a5}

/* V23 — Professional ecommerce payment experience */
.checkout-payment-section-v23{margin:16px 0 20px;padding:18px;border:1px solid var(--line,#dfe3ea);border-radius:22px;background:var(--card,#fff)}
.checkout-payment-head-v23{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.checkout-payment-head-v23 span:first-child{font-size:.7rem;letter-spacing:.12em;font-weight:900;color:#e21b2d}.checkout-payment-head-v23 h2{margin:4px 0 0}
.checkout-secure-badge-v23{font-size:.78rem;background:rgba(22,163,74,.09);color:#15803d;padding:7px 10px;border-radius:999px;font-weight:800}
.payment-options-v23{display:grid;gap:10px}.payment-option-v23{width:100%;display:grid;grid-template-columns:48px 1fr auto 22px;gap:12px;align-items:center;text-align:left;padding:14px 15px;border:1px solid var(--line,#dfe3ea);border-radius:17px;background:var(--card,#fff);color:inherit;cursor:pointer;transition:.18s}.payment-option-v23:hover{border-color:#9ca3af;transform:translateY(-1px)}.payment-option-v23.selected{border-color:#e21b2d;box-shadow:0 0 0 2px rgba(226,27,45,.08);background:rgba(226,27,45,.025)}
.payment-option-icon-v23{height:38px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#111827;color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.03em}.payment-option-copy-v23 b,.payment-option-copy-v23 small{display:block}.payment-option-copy-v23 small{margin-top:3px;color:var(--muted,#7d675d);line-height:1.35}.payment-option-badge-v23{font-size:.72rem;font-weight:800;color:#7d675d;background:rgba(127,127,127,.08);padding:6px 8px;border-radius:999px;white-space:nowrap}.payment-option-radio-v23{width:18px;height:18px;border:2px solid #aab1bd;border-radius:50%;position:relative}.payment-option-v23.selected .payment-option-radio-v23{border-color:#e21b2d}.payment-option-v23.selected .payment-option-radio-v23:after{content:"";position:absolute;inset:3px;background:#e21b2d;border-radius:50%}
.payment-privacy-v23{font-size:.78rem;color:var(--muted,#7d675d);margin:10px 2px 0}.payment-instruction-v23{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:15px;background:rgba(127,127,127,.055);border:1px solid var(--line,#e2e6ec)}.payment-instruction-v23 b{display:block}.payment-instruction-v23 p{margin:4px 0 0;color:var(--muted,#7d675d);font-size:.85rem}.pay-secure-icon-v23{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;flex:0 0 auto}.payment-settlement-v23{border:1px solid var(--line,#ddd);border-radius:18px;padding:16px;background:var(--card,#fff)}
.payment-card-brand-v23{display:flex;align-items:center;gap:10px}.payment-card-brand-v23>span{min-width:42px;height:34px;padding:0 8px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:.7rem;font-weight:950}.payment-card-brand-v23 small{display:block;color:var(--muted,#7d675d);margin-top:2px}.payment-method-card-v23{border:1px solid var(--line,#ddd);border-radius:18px;padding:16px;background:var(--card,#fff)}.payment-method-card-v23>header{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line,#eee);padding-bottom:12px;margin-bottom:12px}.payment-card-status-v23{font-size:.68rem;font-weight:950;padding:6px 8px;border-radius:999px;background:rgba(234,179,8,.12);color:#a16207}.payment-card-status-v23.ready{background:rgba(22,163,74,.12);color:#15803d}.payment-professional-info-v23{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.payment-professional-info-v23>div{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.055)}.payment-professional-info-v23 span,.payment-professional-info-v23 b{display:block}.payment-professional-info-v23 span{font-size:.72rem;color:var(--muted,#7d675d);margin-bottom:3px}.payment-professional-info-v23 b{font-size:.84rem}.payment-directory-note-v23{padding:12px;border-radius:12px;background:rgba(127,127,127,.055);color:var(--muted,#7d675d);font-size:.82rem;line-height:1.45}
html[data-theme="dark"] .checkout-payment-section-v23,html[data-theme="dark"] .payment-option-v23,html[data-theme="dark"] .payment-settlement-v23,html[data-theme="dark"] .payment-method-card-v23{background:#121821;border-color:#2c3543;color:#f7f9fc}html[data-theme="dark"] .payment-option-v23.selected{background:rgba(226,27,45,.08);border-color:#e21b2d}html[data-theme="dark"] .payment-instruction-v23,html[data-theme="dark"] .payment-professional-info-v23>div,html[data-theme="dark"] .payment-directory-note-v23{background:#0e141c;border-color:#293242}html[data-theme="dark"] .payment-option-badge-v23{background:#202936;color:#ddc8bd}
@media(max-width:700px){.payment-option-v23{grid-template-columns:44px 1fr 20px}.payment-option-badge-v23{display:none}.checkout-payment-head-v23{flex-direction:column}.payment-professional-info-v23{grid-template-columns:1fr}.payment-method-card-v23>header{grid-template-columns:1fr auto}.payment-card-status-v23{grid-column:1/-1;width:max-content}}

/* V23.1 — checkout payment catalog sync */
.payment-sync-note-v231{
  grid-column:1/-1;
  padding:12px 14px;
  border:1px dashed var(--line,#334155);
  border-radius:14px;
  color:var(--muted,#94a3b8);
  background:rgba(127,127,127,.05);
  font-size:.86rem;
}
html[data-theme="dark"] .payment-sync-note-v231{
  background:#10161f;
  border-color:#334155;
  color:#9aa8ba;
}

/* V24 — Store AI Pro */
.ghop-pro-toolbar{margin-bottom:14px}.ghop-brain-status{border:1px solid #303948;background:#111722;color:#b9c4d5;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.06em}.ghop-brain-status.connected{border-color:#1f6e47;background:#10281c;color:#74e8a2}.ghop-handler-status{border:1px solid #2c3442;background:#10151d;color:#aeb8c8;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:850}.ghop-pro-layout{display:grid;grid-template-columns:235px minmax(0,1fr) 300px;gap:14px;align-items:stretch}.ghop-thread-sidebar{min-height:720px;background:#0a0d12;border:1px solid #242b38;border-radius:20px;padding:12px;display:flex;flex-direction:column;color:#e8eef8;overflow:hidden}.ghop-new-chat{width:100%;display:flex;align-items:center;gap:9px;background:#171d27;color:#fff;border:1px solid #313b4b;border-radius:12px;padding:11px 12px;font-weight:900;cursor:pointer}.ghop-new-chat:hover{border-color:#e21b2d}.ghop-new-chat span{font-size:17px}.ghop-thread-title{font-size:8px;font-weight:950;letter-spacing:.13em;color:#657187;margin:16px 8px 8px}.ghop-thread-list{display:grid;gap:5px;overflow:auto;max-height:565px}.ghop-thread-row{display:grid;grid-template-columns:1fr 28px;gap:4px;border-radius:11px;border:1px solid transparent}.ghop-thread-row.active{background:#171d28;border-color:#2b3545}.ghop-thread-row .thread-main{min-width:0;text-align:left;background:transparent;border:0;color:#cbd5e5;padding:9px 8px;cursor:pointer}.ghop-thread-row .thread-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.ghop-thread-row .thread-main small{display:block;color:#667389;font-size:8px;margin-top:3px}.ghop-thread-row .thread-delete{opacity:0;border:0;background:transparent;color:#77849a;cursor:pointer;border-radius:8px}.ghop-thread-row:hover .thread-delete{opacity:1}.ghop-thread-row .thread-delete:hover{background:#37131a;color:#ff8993}.ghop-ai-boundary{margin-top:auto;padding:11px;border-top:1px solid #202735;color:#768398}.ghop-ai-boundary b,.ghop-ai-boundary span{display:block}.ghop-ai-boundary b{color:#b9c4d5;font-size:9px}.ghop-ai-boundary span{font-size:8px;margin-top:4px}.ghop-pro-chat{min-height:720px}.ghop-pro-chat .ghop-command-messages{max-height:none;min-height:0;height:100%}.ghop-pro-form textarea{font-size:12px;line-height:1.45}.ghop-pro-form button{min-width:80px;display:flex;gap:7px;align-items:center;justify-content:center}.ghop-pro-form button b{font-size:16px}.ghop-pro-side{grid-template-columns:1fr!important}.ghop-pro-side>section{background:#0b0f15}.ghop-pro-side .muted{font-size:9px;line-height:1.5;color:#7f8ca1}.ghop-gateway-toggle{display:flex;gap:8px;align-items:flex-start;margin:12px 0;color:#c7d1df;font-size:9px;line-height:1.4}.ghop-pro-side .field{margin:10px 0}.ghop-pro-side .field label{color:#78869b;font-size:8px}.ghop-pro-side .field input{width:100%;box-sizing:border-box;background:#111722;color:#fff;border:1px solid #293243;border-radius:10px;padding:9px;font-size:9px}.ghop-pro-side .field input:focus{outline:none;border-color:#e21b2d}.ghop-pro-chat .ghop-msg{max-width:900px;margin-left:auto;margin-right:auto;width:100%}.ghop-pro-chat .ghop-bubble{font-size:12px;line-height:1.58}.ghop-pro-chat .ghop-msg.assistant .ghop-bubble{background:#0f141d}.ghop-pro-chat .ghop-msg.user .ghop-bubble{background:#202735}.ghop-pro-chat .ghop-command-messages{background:radial-gradient(circle at 75% 0%,rgba(124,58,237,.07),transparent 30%),radial-gradient(circle at 15% 20%,rgba(226,27,45,.06),transparent 28%),#080a0f}@media(max-width:1250px){.ghop-pro-layout{grid-template-columns:210px minmax(0,1fr)}.ghop-pro-side{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ghop-thread-sidebar,.ghop-pro-chat{min-height:660px}}@media(max-width:850px){.ghop-pro-layout{grid-template-columns:1fr}.ghop-thread-sidebar{min-height:auto;max-height:260px}.ghop-thread-list{max-height:150px}.ghop-pro-side{grid-template-columns:1fr!important}.ghop-thread-sidebar{order:2}.ghop-pro-chat{order:1}.ghop-pro-side{order:3}}

/* V24.1 — Payment working fallback */
.payment-fallback-v241{
 margin:12px 0 0;
 border:1px solid #334155;
 border-radius:15px;
 padding:13px;
 background:rgba(176,122,97,.04)
}
.payment-fallback-head-v241{
 display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px
}
.payment-fallback-head-v241 b,.payment-fallback-head-v241 span{display:block}
.payment-fallback-head-v241 b{font-size:.9rem}
.payment-fallback-head-v241 span{font-size:.76rem;color:var(--muted,#94a3b8);margin-top:3px;max-width:650px}
html[data-theme="dark"] .payment-fallback-v241{background:#0d1622;border-color:#2d415a}
@media(max-width:700px){.payment-fallback-head-v241{flex-direction:column}}

/* ============================================================
   V25 — Client-ready Store Handler + Pay-before-order Checkout
   ============================================================ */
.checkout-alert-v25{position:fixed;top:18px;left:50%;z-index:99999;transform:translate(-50%,-25px);opacity:0;pointer-events:none;width:min(620px,calc(100vw - 28px));display:grid;grid-template-columns:42px 1fr 34px;gap:12px;align-items:center;padding:14px 15px;border:1px solid rgba(248,113,113,.42);border-radius:18px;background:rgba(18,12,16,.97);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03);color:#fff;transition:.24s ease;backdrop-filter:blur(18px)}
.checkout-alert-v25.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.checkout-alert-icon-v25{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ef233c,#9f1239);font-size:20px;font-weight:950}.checkout-alert-copy-v25 b,.checkout-alert-copy-v25 span{display:block}.checkout-alert-copy-v25 b{font-size:14px}.checkout-alert-copy-v25 span{font-size:11px;color:#ddc8bd;margin-top:3px;line-height:1.45}.checkout-alert-v25 button{border:0;background:transparent;color:#94a3b8;font-size:24px;cursor:pointer}.field-error-v25{outline:2px solid #ef233c!important;box-shadow:0 0 0 5px rgba(239,35,60,.13)!important}
.payment-stage-v25{max-width:860px;margin:24px auto;padding:30px;border:1px solid #2c3544;border-radius:28px;background:radial-gradient(circle at 90% 0%,rgba(226,27,45,.10),transparent 35%),linear-gradient(180deg,#121821,#0c1118);box-shadow:0 32px 80px rgba(0,0,0,.28);color:#f8fafc;text-align:center}.payment-stage-icon-v25{width:64px;height:64px;margin:0 auto 12px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#e21b2d,#7f1d1d);font-size:27px;font-weight:950}.payment-stage-kicker-v25{font-size:9px;letter-spacing:.16em;font-weight:950;color:#ff6b78}.payment-stage-v25 h1{margin:7px 0 6px}.payment-stage-ref-v25{margin:20px auto;max-width:560px;display:grid;grid-template-columns:1fr 1.2fr;gap:1px;border:1px solid #2c3544;border-radius:16px;overflow:hidden;background:#2c3544;text-align:left}.payment-stage-ref-v25>*{padding:11px 13px;background:#0e141c}.payment-stage-ref-v25 span{font-size:9px;color:#8694a8}.payment-stage-ref-v25 b{font-size:12px;color:#fff}.checkout-pay-now-v25{font-size:14px;padding:14px 22px}.payment-waiting-v25{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;border:1px solid #2d415a;background:#0c1722;border-radius:16px;margin:16px 0}.payment-waiting-v25 b{display:block;color:#dbeafe}.payment-waiting-v25 p{margin:4px 0 0;color:#8fa0b5;font-size:11px}.payment-wait-spinner-v25{width:24px;height:24px;border:3px solid #334155;border-top-color:#e21b2d;border-radius:50%;animation:spinV25 .8s linear infinite;flex:0 0 auto}@keyframes spinV25{to{transform:rotate(360deg)}}

/* Store Handler premium dark system */
body.handler-v25{background:#070a0f;color:#edf2f8}.handler-v25 .admin-shell{background:radial-gradient(circle at 85% -10%,rgba(226,27,45,.08),transparent 25%),radial-gradient(circle at 20% 0%,rgba(176,122,97,.05),transparent 20%),#080b10;min-height:100vh}.handler-v25 .adminbar{background:rgba(8,11,16,.92)!important;border-bottom:1px solid #242b37!important;box-shadow:0 10px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.handler-v25 .adminbrand{font-weight:950;letter-spacing:-.02em}.handler-v25 .adminbrand span{color:#ff3147}.handler-v25 .admin-layout{background:transparent}.handler-v25 .adminnav{background:linear-gradient(180deg,#0b0f15,#090c11)!important;border-right:1px solid #232b37!important;box-shadow:18px 0 40px rgba(0,0,0,.08)}.handler-v25 .admin-side-brand{background:linear-gradient(135deg,#111823,#0d121a)!important;border:1px solid #273140!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.16)}.handler-v25 .admin-nav-label{color:#637086!important;letter-spacing:.16em!important;font-weight:950!important}.handler-v25 .adminnav a{position:relative;border-radius:11px!important;color:#aab5c5!important;border:1px solid transparent!important;margin:2px 7px!important;transition:.18s ease!important}.handler-v25 .adminnav a:hover{background:#121823!important;color:#fff!important;border-color:#262f3c!important;transform:translateX(2px)}.handler-v25 .adminnav a.active-v25{background:linear-gradient(90deg,rgba(226,27,45,.20),rgba(226,27,45,.06))!important;color:#fff!important;border-color:rgba(226,27,45,.28)!important;box-shadow:inset 3px 0 #e21b2d}.handler-v25 .adminnav a.active-v25:after{content:"";width:6px;height:6px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 12px rgba(255,59,79,.8);position:absolute;right:11px;top:50%;transform:translateY(-50%)}.handler-v25 .adminmain{background:transparent!important;padding:26px 30px 44px!important}.handler-v25 .adminmain h1{font-size:28px;letter-spacing:-.035em;color:#f8fafc}.handler-v25 .admin-kicker{color:#ff3549!important;font-weight:950!important;letter-spacing:.15em!important}.handler-v25 .admin-card,.handler-v25 .metric-card-v18,.handler-v25 .stat,.handler-v25 .card{background:linear-gradient(180deg,#111720,#0e141c)!important;border:1px solid #283140!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.13)!important;color:#edf2f8!important}.handler-v25 .metric-card-v18 b,.handler-v25 .stat b{color:#fff!important}.handler-v25 .metric-card-v18 span,.handler-v25 .stat small,.handler-v25 .stat-foot,.handler-v25 .muted{color:#8492a6!important}.handler-v25 .toolbar{padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:18px}.handler-v25 .btn{border-radius:11px!important;border-color:#323c4b!important;background:#141b25!important;color:#f3f6fa!important;font-weight:850!important;box-shadow:none!important}.handler-v25 .btn:hover{background:#1a2330!important;border-color:#465266!important}.handler-v25 .btn-primary{background:linear-gradient(135deg,#ed1b2f,#b80f2b)!important;border-color:#ed1b2f!important;color:#fff!important;box-shadow:0 10px 25px rgba(226,27,45,.18)!important}.handler-v25 input,.handler-v25 select,.handler-v25 textarea,.handler-v25 .input-like{background:#0b1119!important;color:#f3f6fa!important;border:1px solid #2b3544!important;border-radius:11px!important}.handler-v25 input:focus,.handler-v25 select:focus,.handler-v25 textarea:focus{outline:none!important;border-color:#e21b2d!important;box-shadow:0 0 0 3px rgba(226,27,45,.10)!important}.handler-v25 .table-wrap{border:1px solid #25303e;border-radius:15px;overflow:auto;background:#0d131b}.handler-v25 .table{border-collapse:separate;border-spacing:0}.handler-v25 .table thead th{position:sticky;top:0;background:#111823!important;color:#8190a6!important;font-size:9px!important;letter-spacing:.09em!important;border-bottom:1px solid #2a3442!important;z-index:2}.handler-v25 .table tbody td{background:#0e141c!important;border-bottom:1px solid #202936!important;color:#dce3ec!important}.handler-v25 .table tbody tr:hover td{background:#121a24!important}.handler-v25 .status{border-radius:999px!important;font-weight:850!important}.handler-v25 .modalbox{background:#10161f!important;border:1px solid #2c3644!important;color:#eef3f8!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important}.handler-v25 .admin-actions{gap:8px}.handler-v25 .firebase-mini-status{background:#0d1721!important;border:1px solid #26384a!important;color:#94a8bd!important;border-radius:999px!important;padding:7px 10px!important}.handler-v25 .payment-method-card-v23,.handler-v25 .payment-method-card-v22{background:linear-gradient(180deg,#111822,#0e141c)!important;border-color:#293444!important}.handler-v25 .payment-center-tabs-v22 button{background:#101720!important;color:#aeb9c8!important;border-color:#2a3442!important}.handler-v25 .payment-center-tabs-v22 button.active{background:linear-gradient(135deg,#e21b2d,#9f1239)!important;color:#fff!important}.handler-v25 .ghop-operator-pill{box-shadow:0 14px 40px rgba(0,0,0,.35)!important}
@media(max-width:800px){.handler-v25 .adminmain{padding:18px 14px 80px!important}.checkout-alert-v25{top:10px}.payment-stage-v25{padding:22px 15px;border-radius:20px}.payment-stage-ref-v25{grid-template-columns:1fr}}

/* V25.1 — Payment publishing + visual orders */
.payment-publish-status-v251{font-size:.75rem;max-width:360px;line-height:1.35;color:#8795a9}
.payment-publish-status-v251.working{color:#fbbf24}
.payment-publish-status-v251.ok{color:#4ade80}
.payment-publish-status-v251.error{color:#fb7185}

.order-items-cell-v251{display:flex;align-items:center;gap:10px;min-width:220px}
.order-thumb-stack-v251{display:flex;align-items:center;min-width:76px}
.order-thumb-v251,.order-thumb-empty-v251{width:42px;height:42px;border-radius:10px;object-fit:cover;border:2px solid #111722;background:#151c27;display:grid;place-items:center;color:#728097}
.order-thumb-stack-v251 .order-thumb-v251:not(:first-child),.order-thumb-stack-v251 .order-thumb-empty-v251:not(:first-child){margin-left:-15px}
.order-more-v251{width:34px;height:34px;border-radius:999px;background:#263040;border:2px solid #111722;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900;margin-left:-12px;position:relative}
.order-items-cell-v251>div:last-child b,.order-items-cell-v251>div:last-child small{display:block}
.order-items-cell-v251>div:last-child small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8290a5;margin-top:3px}

.order-products-v251{display:grid;gap:10px;margin:16px 0}
.order-product-card-v251{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #2b3545;border-radius:14px;background:#10161f}
.order-product-image-v251{width:68px;height:68px;border-radius:12px;object-fit:cover;background:#151c27}
.order-product-copy-v251 b,.order-product-copy-v251 span,.order-product-copy-v251 small{display:block}
.order-product-copy-v251 span{color:#b4bfce;font-size:.78rem;margin-top:4px}
.order-product-copy-v251 small{color:#7f8ca1;margin-top:5px}
.order-product-card-v251 strong{white-space:nowrap}
@media(max-width:760px){.order-items-cell-v251{min-width:165px}.order-items-cell-v251>div:last-child small{max-width:110px}.order-product-card-v251{grid-template-columns:56px minmax(0,1fr)}.order-product-image-v251{width:56px;height:56px}.order-product-card-v251 strong{grid-column:2}}

/* V26 — Payment clarity + AI response polish */
.payment-diagnostic-v26{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;margin-bottom:16px;border:1px solid #303b4d;border-radius:18px;background:linear-gradient(135deg,#111925,#0e141d)}
.payment-diagnostic-v26>div:first-child span,.payment-diagnostic-v26>div:first-child b,.payment-diagnostic-v26>div:first-child p{display:block}
.payment-diagnostic-v26>div:first-child span{font-size:.68rem;letter-spacing:.12em;font-weight:950;color:#f43f5e}
.payment-diagnostic-v26>div:first-child b{font-size:1rem;margin:4px 0;color:#f8fafc}
.payment-diagnostic-v26>div:first-child p{margin:0;color:#8f9caf;font-size:.8rem;max-width:760px}
.payment-diag-legend-v26{display:flex;gap:7px;flex-wrap:wrap}.payment-diag-legend-v26 span{padding:7px 9px;border-radius:999px;font-size:.65rem;font-weight:900;border:1px solid #334155}
.payment-diag-legend-v26 .live{color:#4ade80;background:#10261a}.payment-diag-legend-v26 .transfer{color:#d2a18a;background:#102033}.payment-diag-legend-v26 .off{color:#94a3b8;background:#151a22}
.payment-card-switch-v26{display:flex;align-items:center;gap:8px}.payment-card-switch-v26 small{font-size:.58rem;letter-spacing:.08em;color:#728097;font-weight:900}
.payment-quick-connect-v26{display:flex;align-items:center;gap:10px;margin:10px 0 12px;padding:10px;border:1px dashed #334155;border-radius:12px;background:#0d141e}
.payment-quick-connect-v26 span{font-size:.72rem;color:#8492a6}
.payment-fallback-controls-v26{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ghop-answer-section{margin:10px 0 14px;padding:12px;border:1px solid #253044;border-radius:14px;background:#0e141d}.ghop-answer-section h4{margin:0 0 9px;color:#f1f5f9;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.payment-diagnostic-v26{align-items:flex-start;flex-direction:column}.payment-card-switch-v26{flex-direction:column;align-items:flex-end}}

/* V27 — STORE Payments OS */
.client-payments-core-v27{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;margin:0 0 14px;border:1px solid #334155;border-radius:18px;background:radial-gradient(circle at 10% 0%,rgba(226,27,45,.14),transparent 34%),linear-gradient(135deg,#111722,#0c1119)}
.client-payments-core-v27>div:first-child span,.client-payments-core-v27>div:first-child b,.client-payments-core-v27>div:first-child small{display:block}
.client-payments-core-v27>div:first-child span{font-size:.66rem;letter-spacing:.15em;color:#fb5261;font-weight:950}
.client-payments-core-v27>div:first-child b{font-size:1.08rem;color:#fff;margin:4px 0}
#storePaymentsCoreStatus{color:#fbbf24;font-size:.72rem}#storePaymentsCoreStatus.connected{color:#4ade80}
.client-payments-flow-v27{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.client-payments-flow-v27 span{padding:7px 9px;border-radius:999px;border:1px solid #344154;background:#0c121b;color:#ddc8bd;font-size:.61rem;font-weight:900;letter-spacing:.04em}
.client-payments-flow-v27 i{font-style:normal;color:#80695e}
@media(max-width:900px){.client-payments-core-v27{align-items:flex-start;flex-direction:column}.client-payments-flow-v27{justify-content:flex-start}}

/* V28 — Cloudflare STORE Payments backend */
.client-payments-core-v28{border-color:#304665;background:radial-gradient(circle at 8% 0%,rgba(176,122,97,.15),transparent 35%),radial-gradient(circle at 90% 0%,rgba(226,27,45,.09),transparent 34%),linear-gradient(135deg,#101722,#0b111a)}
#storePaymentsCoreStatus.error{color:#fb7185}
.payment-backend-panel-v28{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(400px,1.1fr);gap:18px;align-items:center;padding:16px 18px;margin-bottom:14px;border:1px solid #2b3b50;border-radius:17px;background:#0e151f}
.payment-backend-panel-v28>div:first-child span,.payment-backend-panel-v28>div:first-child b,.payment-backend-panel-v28>div:first-child p{display:block}
.payment-backend-panel-v28>div:first-child span{font-size:.64rem;font-weight:950;letter-spacing:.13em;color:#d2a18a}
.payment-backend-panel-v28>div:first-child b{font-size:.94rem;color:#f8fafc;margin:4px 0}
.payment-backend-panel-v28>div:first-child p{font-size:.73rem;color:#8492a6;line-height:1.45;margin:0}
.payment-backend-controls-v28{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.payment-backend-controls-v28 input{min-width:0;background:#0a1018;border:1px solid #334155;color:#f8fafc;border-radius:11px;padding:10px 11px}
.payment-backend-controls-v28 input:focus{outline:none;border-color:#b07a61}
@media(max-width:900px){.payment-backend-panel-v28{grid-template-columns:1fr}.payment-backend-controls-v28{grid-template-columns:1fr 1fr}.payment-backend-controls-v28 input{grid-column:1/-1}}

/* V29 — Stable Payments Center */
.payment-method-card-v29{border:1px solid #2b3546;border-radius:18px;background:linear-gradient(180deg,#111823,#0e151e);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.payment-method-card-v29 header{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:12px;align-items:center}
.payment-method-card-v29 .payment-professional-info-v23{background:#0c131c;border-top:1px solid #263143;border-bottom:1px solid #263143}
.payment-method-card-v29 .field input,.payment-method-card-v29 .field textarea,.payment-method-card-v29 .field select{background:#0a1119;border-color:#2c3849;color:#f7fafc}
.payment-method-card-v29 .field input:focus,.payment-method-card-v29 .field textarea:focus,.payment-method-card-v29 .field select:focus{border-color:#e21b2d;box-shadow:0 0 0 3px rgba(226,27,45,.10);outline:none}
#disableIncompletePayments{border-color:#5d4930;color:#f8d38b;background:#17140f}
#disableIncompletePayments:hover{border-color:#d79a31;color:#fff}
@media(max-width:820px){.payment-method-card-v29 header{grid-template-columns:1fr}.payment-card-switch-v26{align-items:flex-start!important}}

/* V30 — final stable payment UX */
.payment-publish-banner-v30{margin:-4px 0 16px;padding:12px 15px;border-radius:13px;border:1px solid #334155;background:#101722;color:#ddc8bd;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.78rem}
.payment-publish-banner-v30[hidden]{display:none}
.payment-publish-banner-v30 b{color:#fff}.payment-publish-banner-v30 span{color:#aab6c7}
.payment-publish-banner-v30.working{border-color:#66531f;background:#1b170d;color:#fbbf24}
.payment-publish-banner-v30.ok{border-color:#245a3b;background:#0d1d15}.payment-publish-banner-v30.ok b{color:#55e38d}
.payment-publish-banner-v30.error{border-color:#6b2732;background:#211015}.payment-publish-banner-v30.error b{color:#ff7180}
.payment-auto-gateway-v30{margin:12px 0;border:1px solid #2b3748;border-radius:14px;background:#0c131c;overflow:hidden}
.payment-auto-gateway-v30 summary{cursor:pointer;padding:12px 14px;color:#9eb0c5;font-size:.76rem;font-weight:900;letter-spacing:.03em;list-style:none}
.payment-auto-gateway-v30 summary::-webkit-details-marker{display:none}
.payment-auto-gateway-v30 summary:after{content:"＋";float:right;color:#80695e}.payment-auto-gateway-v30[open] summary:after{content:"−"}
.payment-auto-gateway-v30 .gateway-fields-v23{margin:0;border-top:1px solid #263143;border-radius:0}
.payment-method-card-v29 .payment-card-status-v23{white-space:nowrap}
.payment-method-card-v29 .payment-card-status-v23.ready{color:#50e38a;background:#0d291b;border-color:#215f3a}

/* V31 — Cart live payment methods */
.cart-payment-preview-v31{margin-top:16px;padding-top:15px;border-top:1px solid var(--line,#2b3546)}
.cart-payment-preview-head-v31{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.cart-payment-preview-head-v31>div span,.cart-payment-preview-head-v31>div b{display:block}
.cart-payment-preview-head-v31>div span{font-size:.62rem;font-weight:950;letter-spacing:.13em;color:#ef3340}
.cart-payment-preview-head-v31>div b{font-size:.95rem;margin-top:3px}
.cart-payment-preview-head-v31>small{font-size:.68rem;color:#8794a8}
#cartPaymentMethodsV31{display:grid;gap:8px}
.cart-payment-option-v31{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;gap:9px;align-items:center;text-align:left;padding:10px;border:1px solid #2b3546;border-radius:12px;background:#0f1620;color:#f8fafc;cursor:pointer}
.cart-payment-option-v31:hover{border-color:#4b596d}
.cart-payment-option-v31.selected{border-color:#e21b2d;background:rgba(226,27,45,.08);box-shadow:0 0 0 1px rgba(226,27,45,.10) inset}
.cart-payment-icon-v31{width:34px;height:34px;border-radius:9px;background:#131d2a;display:grid;place-items:center;font-weight:950;font-size:.68rem}
.cart-payment-copy-v31 b,.cart-payment-copy-v31 small{display:block}.cart-payment-copy-v31 small{margin-top:2px;color:#8896aa;font-size:.68rem}
.cart-payment-badge-v31{padding:5px 7px;border-radius:999px;background:#172131;color:#ddc8bd;font-size:.57rem;font-weight:950;white-space:nowrap}
.cart-payment-radio-v31{width:16px;height:16px;border-radius:999px;border:2px solid #718096;position:relative}
.cart-payment-option-v31.selected .cart-payment-radio-v31{border-color:#e21b2d}.cart-payment-option-v31.selected .cart-payment-radio-v31:after{content:"";position:absolute;inset:3px;border-radius:999px;background:#e21b2d}
.cart-payment-status-v31{margin-top:8px;color:#8794a8;font-size:.68rem;line-height:1.4}.cart-payment-status-v31 b{color:#dbe5f1}
.cart-payment-empty-v31{padding:12px;border:1px dashed #374151;border-radius:12px;background:#0d141d}.cart-payment-empty-v31 b,.cart-payment-empty-v31 span{display:block}.cart-payment-empty-v31 span{color:#8794a8;font-size:.7rem;margin-top:3px}
@media(max-width:560px){.cart-payment-option-v31{grid-template-columns:34px minmax(0,1fr) 18px}.cart-payment-badge-v31{display:none}}

/* V32 — live published payment sync */
.payment-live-catalog-v32{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;margin:0 0 14px;border:1px solid #284b3a;border-radius:15px;background:linear-gradient(135deg,#0d1d16,#0e161e)}
.payment-live-catalog-v32>div span,.payment-live-catalog-v32>div b,.payment-live-catalog-v32>div small{display:block}
.payment-live-catalog-v32>div span{font-size:.62rem;letter-spacing:.13em;font-weight:950;color:#4ade80}
.payment-live-catalog-v32>div b{font-size:.84rem;color:#f8fafc;margin:3px 0}
.payment-live-catalog-v32>div small{font-size:.66rem;color:#7f8da0}
@media(max-width:680px){.payment-live-catalog-v32{align-items:flex-start;flex-direction:column}}

/* V37 — floating WhatsApp support */
.floating-whatsapp-v37{position:fixed;left:16px;bottom:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#25D366;box-shadow:0 10px 28px rgba(0,0,0,.22);z-index:9998;border:2px solid rgba(255,255,255,.92);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.floating-whatsapp-v37 svg{width:31px;height:31px;display:block}
.floating-whatsapp-v37:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.floating-whatsapp-v37:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:640px){.floating-whatsapp-v37{left:12px;bottom:18px;width:46px;height:46px}.floating-whatsapp-v37 svg{width:29px;height:29px}}


/* V60 — Premium motion + secure inbox visual system */
:root{--v60-glow:rgba(226,27,45,.16);--v60-panel-shadow:0 18px 50px rgba(111,73,57,.08)}
html{scroll-behavior:smooth}.btn,.icon-btn,.adminnav a,.card,.admin-card,.product-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,opacity .22s ease}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-100% auto -100% -45%;width:32%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:left .45s ease;pointer-events:none}.btn:hover:after{left:125%}.btn:hover{transform:translateY(-1px)}
.adminbar-v12{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.adminnav-v12{box-shadow:18px 0 50px rgba(0,0,0,.04)}.adminnav-v12 a:hover{transform:translateX(3px)}
.admin-card{box-shadow:var(--v60-panel-shadow)}.admin-card:hover{border-color:rgba(226,27,45,.2)}
.store-header-v12{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pagehead-v12{position:relative;overflow:hidden}.pagehead-v12:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-140px;top:-220px;background:radial-gradient(circle,var(--v60-glow),transparent 68%);pointer-events:none}
.product-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(111,73,57,.13)}
:focus-visible{outline:3px solid rgba(226,27,45,.38)!important;outline-offset:3px}
.nav-live-dot-v60{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10);margin-left:auto}
.support-eyebrow-v60{font-size:.66rem;letter-spacing:.14em;font-weight:950;color:#e21b2d}.support-create-v60{position:relative;overflow:hidden}.support-create-v60:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#e21b2d,#ff7a85,transparent)}.support-honeypot-v60{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.support-result-v60{margin-top:14px;padding:13px 15px;border-radius:14px;display:grid;gap:4px}.support-result-v60 b{font-size:.9rem}.support-result-v60 span{font-size:.78rem}.support-result-v60.ok{border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.support-result-v60.error{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08)}
.inbox-metrics-v60{margin-bottom:16px}.inbox-shell-v60{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:16px;align-items:start}.inbox-list-card-v60,.inbox-thread-card-v60{min-height:650px}.inbox-filter-v60{display:grid;grid-template-columns:1fr 145px;gap:8px;margin-bottom:12px}.ticket-list-v60{display:grid;gap:8px;max-height:570px;overflow:auto;padding-right:3px}.ticket-row-v60{position:relative;display:grid;gap:5px;width:100%;text-align:left;border:1px solid var(--line,#2b3546);border-radius:15px;padding:13px;background:var(--card,#fff);color:inherit;cursor:pointer}.ticket-row-v60:hover{transform:translateY(-1px);border-color:rgba(226,27,45,.35)}.ticket-row-v60.active{border-color:#e21b2d;box-shadow:0 0 0 3px rgba(226,27,45,.09)}.ticket-row-v60 b{padding-right:78px}.ticket-row-v60 small{color:var(--muted,#7d675d)}.ticket-priority-v60{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:950;text-transform:uppercase;background:rgba(100,116,139,.12)}.ticket-priority-v60.high{color:#ef4444;background:rgba(239,68,68,.10)}.ticket-priority-v60.medium{color:#d97706;background:rgba(245,158,11,.11)}.ticket-status-v60{font-style:normal;width:max-content;padding:4px 7px;border-radius:999px;font-size:.6rem;font-weight:900;background:rgba(176,122,97,.1);color:#b07a61}.ticket-status-v60.new{background:rgba(226,27,45,.10);color:#e21b2d}.ticket-status-v60.resolved{background:rgba(34,197,94,.10);color:#16a34a}.ticket-status-v60.closed{background:rgba(100,116,139,.12);color:#80695e}.ticket-empty-v60{min-height:500px;display:grid;place-items:center;align-content:center;text-align:center}.ticket-empty-v60>span{font-size:2.4rem}.ticket-empty-v60 h2{margin:10px 0 2px}.ticket-empty-mini-v60{padding:35px 12px;text-align:center;color:var(--muted,#7d675d)}.ticket-head-v60{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line,#e5e7eb)}.ticket-head-v60 h2{margin:5px 0}.ticket-actions-v60{display:flex;gap:8px;align-items:center}.ticket-actions-v60 select{min-width:150px}.ticket-context-v60{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;margin:14px 0}.ticket-context-v60>div{padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:rgba(127,127,127,.035)}.ticket-context-v60 span,.ticket-context-v60 b{display:block}.ticket-context-v60 span{font-size:.65rem;color:var(--muted,#7d675d);margin-bottom:3px}.ticket-context-v60 b{font-size:.8rem}.ticket-messages-v60{display:grid;gap:10px;max-height:365px;overflow:auto;padding:8px 2px 10px}.ticket-message-v60{max-width:82%;border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:11px 13px;background:rgba(127,127,127,.04)}.ticket-message-v60.store{margin-left:auto;background:rgba(226,27,45,.07);border-color:rgba(226,27,45,.22)}.ticket-message-v60 header{display:flex;justify-content:space-between;gap:12px;font-size:.7rem}.ticket-message-v60 header span{color:var(--muted,#7d675d)}.ticket-message-v60 p{margin:7px 0 0;white-space:pre-wrap;line-height:1.5;font-size:.84rem}.ticket-reply-v60{border-top:1px solid var(--line,#e5e7eb);padding-top:12px}.ticket-reply-v60 textarea{width:100%;min-height:100px}.ticket-reply-v60>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px}
.payment-security-note-v60{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(176,122,97,.25);background:rgba(176,122,97,.06);border-radius:14px}.payment-security-note-v60 b{white-space:nowrap;color:#d2a18a}.payment-security-note-v60 span{font-size:.76rem;color:var(--muted,#8da0b8);line-height:1.5}.payment-precheck-v60{border:1px solid currentColor;border-radius:999px;padding:5px 8px;background:transparent;font-size:.58rem;font-weight:950;cursor:pointer;white-space:nowrap}.payment-precheck-v60.ready{color:#22c55e}.payment-precheck-v60.review{color:#f59e0b}.payment-precheck-v60.block{color:#ef4444}.payment-precheck-v60.provider-confirmed{color:#c9967d}
@keyframes v60Rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes v60Pulse{50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}.nav-live-dot-v60{animation:v60Pulse 2s infinite}.adminmain>.toolbar,.adminmain>.admin-card,.adminmain>.stat-grid,.adminmain>.metric-grid-v18,.adminmain>.inbox-shell-v60{animation:v60Rise .45s ease both}.adminmain>*:nth-child(2){animation-delay:.04s}.adminmain>*:nth-child(3){animation-delay:.08s}.adminmain>*:nth-child(4){animation-delay:.12s}
html[data-theme="dark"] .ticket-row-v60{background:#101720}html[data-theme="dark"] .ticket-context-v60>div{background:#0d141d}html[data-theme="dark"] .admin-card{box-shadow:0 20px 55px rgba(0,0,0,.18)}
@media(max-width:980px){.inbox-shell-v60{grid-template-columns:1fr}.inbox-list-card-v60,.inbox-thread-card-v60{min-height:auto}.ticket-list-v60{max-height:380px}}@media(max-width:680px){.inbox-filter-v60{grid-template-columns:1fr}.ticket-head-v60{flex-direction:column}.ticket-actions-v60{align-items:stretch}.ticket-context-v60{grid-template-columns:1fr 1fr}.ticket-context-v60>button{grid-column:1/-1}.ticket-message-v60{max-width:94%}.ticket-reply-v60>div{align-items:stretch;flex-direction:column}.payment-security-note-v60{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.icon-btn,.adminnav a,.card,.admin-card,.product-card,.adminmain>*{animation:none!important;transition:none!important}.nav-live-dot-v60{animation:none!important}}

.support-portal-v60{margin-top:18px;padding:18px;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:var(--card,#fff);box-shadow:var(--v60-panel-shadow)}.support-portal-head-v60{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.support-portal-head-v60 h2{margin:4px 0}.support-portal-grid-v60{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.support-customer-list-v60{display:grid;align-content:start;gap:7px;max-height:440px;overflow:auto}.support-customer-row-v60{display:grid;gap:4px;text-align:left;padding:11px 12px;border-radius:13px;border:1px solid var(--line,#e5e7eb);background:rgba(127,127,127,.035);color:inherit;cursor:pointer}.support-customer-row-v60:hover,.support-customer-row-v60.active{border-color:#e21b2d;background:rgba(226,27,45,.05)}.support-customer-row-v60 span{font-size:.7rem;color:var(--muted,#7d675d)}.support-customer-thread-v60{min-height:300px;border-left:1px solid var(--line,#e5e7eb);padding-left:14px}.support-customer-thread-head-v60{margin-bottom:9px}.support-customer-thread-head-v60 h3{margin:4px 0}html[data-theme="dark"] .support-portal-v60{background:#101720}html[data-theme="dark"] .support-customer-row-v60{background:#0d141d}@media(max-width:760px){.support-portal-grid-v60{grid-template-columns:1fr}.support-customer-thread-v60{border-left:0;border-top:1px solid var(--line,#e5e7eb);padding-left:0;padding-top:12px}.support-portal-head-v60{align-items:flex-start;flex-direction:column}}

/* V61 — Customer Inbox + Support Tickets alignment / responsive hardening */
.ticket-empty-v60[hidden],#ticketDetail[hidden]{display:none!important}
.inbox-shell-v60{grid-template-columns:minmax(320px,370px) minmax(0,1fr);align-items:stretch}
.inbox-list-card-v60,.inbox-thread-card-v60{min-width:0;min-height:640px;overflow:hidden}
.inbox-list-card-v60{display:flex;flex-direction:column}
.inbox-filter-v60{flex:0 0 auto}
.ticket-list-v60{min-width:0;flex:1 1 auto;max-height:560px}
.ticket-row-v60{min-width:0;overflow:hidden}
.ticket-row-v60 b,.ticket-row-v60 small{min-width:0;overflow-wrap:anywhere;word-break:normal}
.inbox-thread-card-v60{display:block}
#ticketDetail{min-width:0;width:100%}
.ticket-head-v60{align-items:flex-start}
.ticket-head-v60>div:first-child{flex:1 1 auto;min-width:0}
.ticket-head-v60 h2,.ticket-head-v60 p,.ticket-head-v60 .support-eyebrow-v60{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.ticket-actions-v60{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.ticket-context-v60{grid-template-columns:repeat(3,minmax(120px,1fr)) auto}
.ticket-context-v60>div{min-width:0}
.ticket-context-v60 b{overflow-wrap:anywhere}
.ticket-messages-v60{min-width:0;scrollbar-gutter:stable}
.ticket-message-v60{min-width:0;overflow-wrap:anywhere}
.ticket-message-v60 header{align-items:flex-start;flex-wrap:wrap}
.ticket-reply-v60 textarea{box-sizing:border-box;min-width:0}

.support-page-v61{max-width:1180px}
.support-page-v61>.contact-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start}
.support-page-v61>.support-portal-v60{grid-column:1/-1;width:100%;box-sizing:border-box}
.support-portal-v60{min-width:0;padding:22px}
.support-portal-head-v60>div{min-width:0;flex:1 1 auto}
.support-portal-head-v60 h2,.support-portal-head-v60 p{overflow-wrap:anywhere}
.support-portal-grid-v60{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:stretch;min-width:0}
.support-customer-list-v60,.support-customer-thread-v60{min-width:0}
.support-customer-list-v60{max-height:520px;padding-right:3px}
.support-customer-row-v60{min-width:0;overflow:hidden}
.support-customer-row-v60 b,.support-customer-row-v60 span{min-width:0;overflow-wrap:anywhere;word-break:normal}
.support-customer-thread-v60{min-height:360px;padding-left:20px;overflow:hidden}
.support-customer-thread-head-v60,.support-customer-thread-head-v60>div{min-width:0;width:100%}
.support-customer-thread-head-v60 h3{font-size:1.35rem;line-height:1.25;overflow-wrap:anywhere;word-break:normal}
.support-customer-thread-head-v60 .support-eyebrow-v60{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.support-customer-thread-v60 .ticket-messages-v60{max-height:420px;padding-right:4px}
.support-customer-thread-v60 .ticket-reply-v60{margin-top:8px}

@media(max-width:1100px){
  .inbox-shell-v60{grid-template-columns:minmax(285px,330px) minmax(0,1fr)}
  .ticket-context-v60{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ticket-context-v60>button{grid-column:1/-1}
  .support-page-v61>.contact-grid{grid-template-columns:1fr 1fr}
  .support-portal-grid-v60{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}
}
@media(max-width:900px){
  .inbox-shell-v60{grid-template-columns:1fr}
  .inbox-list-card-v60,.inbox-thread-card-v60{min-height:auto}
  .ticket-list-v60{max-height:320px}
  .inbox-thread-card-v60{min-height:520px}
  .support-page-v61>.contact-grid{grid-template-columns:1fr}
  .support-portal-grid-v60{grid-template-columns:1fr}
  .support-customer-list-v60{max-height:280px}
  .support-customer-thread-v60{border-left:0;border-top:1px solid var(--line,#e5e7eb);padding:18px 0 0;min-height:320px}
}
@media(max-width:680px){
  .support-page-v61{padding-left:0!important;padding-right:0!important}
  .support-portal-v60{padding:16px;border-radius:18px}
  .support-portal-head-v60{align-items:stretch}
  .support-portal-head-v60 .btn{width:100%}
  .ticket-head-v60{gap:12px}
  .ticket-actions-v60{width:100%;justify-content:stretch}
  .ticket-actions-v60 select,.ticket-actions-v60 .btn{flex:1 1 100%;width:100%}
  .ticket-context-v60{grid-template-columns:1fr}
  .ticket-context-v60>button{grid-column:auto}
  .ticket-message-v60{max-width:96%}
}


/* V64 — storefront motion, filter drawer, campaign presentation */
.reveal-ready{transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:no-preference){
 .reveal-ready{opacity:0;transform:translateY(24px) scale(.985);filter:blur(3px);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),filter .55s ease;transition-delay:var(--reveal-delay,0ms)}
 .reveal-visible{opacity:1;transform:none;filter:none}
 .product.reveal-ready:nth-child(2n){transform:translateY(28px) scale(.98)}
 .category.reveal-ready{transform:translateY(30px) rotateX(4deg)}
}

.shop-filter-bar{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.filter-toggle-btn{min-height:44px;display:inline-flex;align-items:center;gap:9px;border-radius:14px!important}.filter-toggle-btn b:empty{display:none}.filter-toggle-btn b{min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:99px;background:var(--accent);color:#fff;font-size:9px}
.shop-layout.filters-closed{grid-template-columns:minmax(0,1fr)}
.shop-layout.filters-closed .filter-panel{display:none}
.shop-layout.filters-open{grid-template-columns:290px minmax(0,1fr)}
.shop-layout.filters-open .filter-panel{display:block;animation:filterIn .28s cubic-bezier(.22,1,.36,1)}
.filter-head-actions{display:flex;gap:7px}.filter-close-btn{width:34px;padding:0!important;font-size:20px}
@keyframes filterIn{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}
@media(max-width:760px){.shop-filter-bar{justify-content:space-between}.shop-filter-bar>.muted{display:none}.shop-layout.filters-open{grid-template-columns:1fr}.shop-layout.filters-open .filter-panel{position:fixed!important;z-index:205;left:12px;right:12px;top:82px;max-height:calc(100vh - 105px);overflow:auto;background:var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.4)}}

.promo-container{display:grid;gap:16px}.promo-container.promo-multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.promo-ad{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#0d1118,#151d29);color:#fff;box-shadow:0 30px 80px rgba(6,10,18,.16)}
.promo-ad::after{content:"";position:absolute;inset:auto -10% -60% 38%;height:100%;background:radial-gradient(circle,rgba(226,27,45,.23),transparent 63%);z-index:-1;pointer-events:none}
.promo-ad-image{position:absolute;inset:0 0 0 46%;overflow:hidden}.promo-ad-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1118 0%,rgba(13,17,24,.28) 38%,rgba(13,17,24,.04) 100%)}
.promo-ad-image img,.promo-ad-image video{width:100%;height:100%;object-fit:cover;display:block}
.promo-ad-copy{position:relative;z-index:2;width:min(56%,650px);padding:clamp(28px,4.5vw,64px)}.promo-ad-copy h2{font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-1.8px;margin:11px 0 14px}.promo-ad-copy p{color:#bdc7d4;max-width:540px;line-height:1.65}.promo-kicker{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ff5363;font-size:9px;font-weight:900;letter-spacing:.14em}
.promo-split{min-height:260px;background:var(--panel);color:var(--text)}.promo-split .promo-ad-image{inset:0 0 0 52%}.promo-split .promo-ad-image::after{background:linear-gradient(90deg,var(--panel) 0%,transparent 45%)}.promo-split .promo-ad-copy{width:52%;padding:38px}.promo-split .promo-ad-copy h2{font-size:clamp(28px,3vw,42px)}.promo-split .promo-ad-copy p{color:var(--muted)}
.promo-minimal{min-height:190px;background:linear-gradient(120deg,var(--panel),var(--soft));color:var(--text)}.promo-minimal .promo-ad-image{inset:0 0 0 64%;opacity:.88}.promo-minimal .promo-ad-image::after{background:linear-gradient(90deg,var(--panel),transparent)}.promo-minimal .promo-ad-copy{width:68%;padding:28px 34px}.promo-minimal .promo-ad-copy h2{font-size:clamp(24px,2.7vw,36px);margin:8px 0}.promo-minimal .promo-ad-copy p{color:var(--muted);margin:6px 0 12px}
@media(max-width:850px){.promo-container.promo-multi{grid-template-columns:1fr}.promo-ad{min-height:360px}.promo-ad-image,.promo-split .promo-ad-image,.promo-minimal .promo-ad-image{inset:42% 0 0}.promo-ad-image::after,.promo-split .promo-ad-image::after,.promo-minimal .promo-ad-image::after{background:linear-gradient(180deg,#0d1118 0%,transparent 38%)}.promo-ad-copy,.promo-split .promo-ad-copy,.promo-minimal .promo-ad-copy{width:100%;padding:28px}.promo-split,.promo-minimal{background:#0d1118;color:#fff}.promo-split .promo-ad-copy p,.promo-minimal .promo-ad-copy p{color:#bdc7d4}}

.banner-stage{border-radius:30px!important;box-shadow:0 32px 90px rgba(8,12,18,.18)}.banner-slide{overflow:hidden}.banner-slide .banner-bg{transform:scale(1.03);transition:transform 6s ease}.banner-slide.active .banner-bg{transform:scale(1.1)}.banner-overlay{display:flex;justify-content:space-between;align-items:flex-end}.banner-copy-right .banner-overlay{justify-content:flex-end}.banner-copy-right .banner-copy{text-align:right;align-items:flex-end}.banner-glass-tag{align-self:flex-start;margin:24px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(8,12,18,.35);backdrop-filter:blur(12px);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.14em;color:#fff}
.campaign-tips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.campaign-tips span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:800}

/* V65 — Max experience system */
:root{--v65-red:#e21b2d;--v65-red-2:#ff4354;--v65-ink:#0b1018;--v65-glow:0 22px 70px rgba(226,27,45,.18)}
html{scroll-padding-top:86px}.skip-link{position:fixed;z-index:10000;top:10px;left:12px;transform:translateY(-160%);padding:12px 16px;border-radius:12px;background:#fff;color:#101318;font-weight:900;box-shadow:0 14px 50px #0003;transition:transform .2s}.skip-link:focus{transform:none}.client-layer-open{overflow:hidden}
.command-trigger{gap:7px!important}.command-trigger kbd{padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:var(--soft);font-size:9px;color:var(--muted)}.adminbar .command-trigger b{font-size:10px}
.client-layer{position:fixed;inset:0;z-index:9990;display:grid;place-items:start center;padding:clamp(18px,8vh,90px) 14px;pointer-events:none;opacity:0;transition:opacity .2s ease}.client-layer.open{pointer-events:auto;opacity:1}.client-layer-backdrop{position:absolute;inset:0;background:rgba(3,7,13,.72);backdrop-filter:blur(12px)}
.command-panel{position:relative;width:min(720px,100%);max-height:min(720px,84vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:color-mix(in srgb,var(--panel) 96%,#111);box-shadow:0 40px 140px rgba(0,0,0,.48);transform:translateY(-18px) scale(.98);transition:transform .25s cubic-bezier(.22,1,.36,1)}.client-layer.open .command-panel{transform:none}.command-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 14px}.command-panel h2{margin:6px 0 0;font-size:clamp(23px,3vw,34px);letter-spacing:-.8px}.layer-close{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--text);font-size:25px;cursor:pointer}.layer-close:hover{border-color:var(--v65-red);color:var(--v65-red)}
.command-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 20px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.command-search:focus-within{border-color:var(--v65-red);box-shadow:0 0 0 4px rgba(226,27,45,.11)}.command-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font:inherit;font-weight:700;box-shadow:none!important}.command-search kbd,.command-panel footer span{font-size:9px;color:var(--muted)}.command-results{padding:0 12px 12px;overflow:auto}.command-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid transparent;border-radius:14px;color:var(--text);text-decoration:none}.command-result:hover,.command-result.selected{background:rgba(226,27,45,.075);border-color:rgba(226,27,45,.2)}.command-result>span{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:2px 11px;min-width:0}.command-result small{grid-row:1/3;padding:6px 7px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:8px;font-weight:900;text-align:center;text-transform:uppercase}.command-result b,.command-result em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-result em{font-size:10px;color:var(--muted);font-style:normal}.command-result kbd{color:var(--muted)}.command-empty{display:grid;place-items:center;gap:5px;padding:42px;color:var(--muted)}.command-panel footer{display:flex;gap:16px;padding:12px 22px;border-top:1px solid var(--line);background:var(--soft)}
.product-v2{position:relative}.product-quick-view{position:absolute;z-index:4;left:50%;top:calc(52% - 14px);transform:translate(-50%,10px);opacity:0;padding:9px 13px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(8,13,20,.84);backdrop-filter:blur(10px);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer;transition:.25s}.product-v2:hover .product-quick-view,.product-quick-view:focus-visible{opacity:1;transform:translate(-50%,0)}
.quick-view-layer{place-items:center}.quick-view-panel{position:relative;width:min(980px,100%);max-height:88vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:var(--panel);box-shadow:0 50px 160px rgba(0,0,0,.5);transform:translateY(20px) scale(.98);transition:transform .28s cubic-bezier(.22,1,.36,1)}.client-layer.open .quick-view-panel{transform:none}.quick-view-panel>.layer-close{position:absolute;z-index:3;right:16px;top:16px}.quick-view-media{min-height:520px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(226,27,45,.14),transparent 45%),var(--soft)}.quick-view-media img,.quick-view-media video{width:100%;height:100%;max-height:620px;object-fit:contain}.quick-view-copy{align-self:center;padding:clamp(30px,5vw,65px)}.quick-view-copy h2{margin:9px 0 3px;font-size:clamp(30px,4vw,50px);line-height:1;letter-spacing:-1.7px}.quick-view-brand{margin:0;color:var(--muted);font-weight:800}.quick-view-price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0}.quick-view-price strong{font-size:28px}.quick-view-price span{text-decoration:line-through;color:var(--muted)}.quick-view-price b{padding:5px 8px;border-radius:99px;background:rgba(226,27,45,.1);color:var(--v65-red);font-size:9px}.quick-view-stock{margin:18px 0;padding:11px 13px;border-radius:12px;font-size:11px;font-weight:900}.quick-view-stock.available{background:rgba(34,197,94,.09);color:#16a34a}.quick-view-stock.unavailable{background:rgba(239,68,68,.09);color:#ef4444}.quick-view-actions,.quick-view-trust{display:flex;flex-wrap:wrap;gap:9px}.quick-view-actions .btn{flex:1}.quick-view-trust{margin-top:20px;color:var(--muted);font-size:9px;font-weight:800}
.network-status{position:fixed;z-index:9999;left:50%;bottom:22px;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:#121923;color:#fff;box-shadow:0 16px 60px #0005;font-size:10px;font-weight:900;transition:.25s}.network-status.show{opacity:1;transform:translate(-50%,0)}.network-status.online{background:#15803d}.network-status.offline{background:#b45309}
body.storefront-v3 .header{border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);backdrop-filter:saturate(140%) blur(18px)}body.storefront-v3 .product-v2{border-color:color-mix(in srgb,var(--line) 85%,transparent);box-shadow:0 16px 42px rgba(7,12,20,.07)}body.storefront-v3 .product-v2:hover{box-shadow:var(--v65-glow);border-color:rgba(226,27,45,.24)}.handler-v25 .adminbar{backdrop-filter:saturate(150%) blur(18px)}.handler-v25 .adminmain{background-image:radial-gradient(circle at 100% 0,rgba(226,27,45,.055),transparent 26%)}
@media(max-width:760px){.command-trigger kbd,.header-actions .command-trigger b{display:none}.command-panel header{padding:20px 18px 12px}.command-result>span{grid-template-columns:58px minmax(0,1fr)}.quick-view-panel{grid-template-columns:1fr}.quick-view-media{min-height:300px;max-height:38vh}.quick-view-copy{padding:26px 20px}.quick-view-copy h2{font-size:30px}.product-quick-view{display:none}}
@media(prefers-reduced-motion:reduce){.client-layer,.command-panel,.quick-view-panel,.network-status,.product-quick-view{transition:none!important}}

/* V66 — Campaign Center + storefront campaign surfaces */
.campaign-center-v66{max-width:1600px}.campaign-metrics-v66{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.campaign-control-v66{padding:0!important;overflow:hidden}.campaign-filter-v66{display:grid;grid-template-columns:1.5fr .75fr .85fr;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.campaign-filter-v66 .field{margin:0}.campaign-table-v66 td{vertical-align:middle}.campaign-name-v66{display:grid;gap:5px;min-width:220px}.campaign-name-v66 .media-type-badge{width:max-content}.campaign-name-v66 b{font-size:15px}.campaign-name-v66 small{max-width:300px;color:var(--muted);font-size:13px;line-height:1.5}.campaign-actions-v66{display:flex;flex-wrap:wrap;gap:6px}
.campaign-modal-v66 .modalbox{width:min(1080px,calc(100vw - 24px));max-height:92vh;padding:28px;border-radius:26px}.campaign-form-head-v66{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.campaign-form-head-v66 h2{margin:5px 0 0;font-size:30px}.campaign-draft-badge{padding:8px 11px;border-radius:999px;background:rgba(34,197,94,.1);color:#16a34a;font-size:12px;font-weight:900}.campaign-form-section-v66{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.campaign-form-section-v66 h3{margin:0 0 14px;font-size:17px}.campaign-check-v66{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:14px;font-weight:800}.campaign-check-v66 input{width:18px;height:18px}.campaign-preview-v66{margin:20px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.campaign-preview-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--soft);border-bottom:1px solid var(--line);font-size:13px}.campaign-preview-head span{color:var(--muted)}#campaignLivePreview{padding:14px}#campaignLivePreview .promo-ad{min-height:260px}.campaign-modal-actions-v66{display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:-28px;margin:20px -28px -28px;padding:16px 28px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px)}
.campaign-countdown{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.campaign-countdown span{min-width:58px;display:grid;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.campaign-countdown b{font-size:18px}.campaign-countdown small{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.promo-split .campaign-countdown span,.promo-minimal .campaign-countdown span{border-color:var(--line);background:var(--soft)}
.campaign-surface{position:relative;z-index:180}.campaign-global-top{z-index:190}.campaign-global-top .promo-ad{min-height:54px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(100deg,#0a0f17,#261017 58%,#0a0f17)}.campaign-global-top .promo-ad-image{inset:0 0 0 76%;opacity:.5}.campaign-global-top .promo-ad-copy{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 18px;text-align:center}.campaign-global-top .promo-ad-copy h2{margin:0;font-size:16px;letter-spacing:-.2px}.campaign-global-top .promo-ad-copy p{margin:0;font-size:13px}.campaign-global-top .promo-kicker{font-size:10px}.campaign-global-top .campaign-countdown{margin:0}.campaign-global-top .campaign-countdown span{min-width:42px;padding:4px}.campaign-global-top .campaign-countdown b{font-size:13px}.campaign-global-top .campaign-countdown small{display:none}.campaign-global-top .btn{padding:8px 12px;font-size:11px}
.campaign-sticky-bottom{position:fixed;z-index:960;left:50%;bottom:18px;width:min(980px,calc(100vw - 28px));transform:translateX(-50%);filter:drop-shadow(0 25px 55px rgba(0,0,0,.35))}.campaign-sticky-bottom .promo-ad{min-height:116px;border-radius:22px}.campaign-sticky-bottom .promo-ad-image{inset:0 0 0 70%}.campaign-sticky-bottom .promo-ad-copy{width:75%;padding:18px 22px}.campaign-sticky-bottom .promo-ad-copy h2{font-size:24px;margin:5px 0}.campaign-sticky-bottom .promo-ad-copy p{margin:5px 0;font-size:13px}.campaign-sticky-bottom .campaign-dismiss{position:absolute;z-index:5;right:9px;top:9px}
.campaign-dismiss{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,9,15,.74);color:#fff;font-size:20px;cursor:pointer}.campaign-popup{position:fixed;inset:0;z-index:970;display:grid;place-items:center;padding:18px}.campaign-popup-backdrop{position:absolute;inset:0;background:rgba(3,7,13,.75);backdrop-filter:blur(10px)}.campaign-popup-panel{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto}.campaign-popup-panel>.campaign-dismiss{position:absolute;z-index:5;right:14px;top:14px}.campaign-popup .promo-ad{min-height:480px}.campaign-popup .promo-ad-copy{padding:clamp(28px,6vw,70px)}
.product-grid-campaign{grid-column:1/-1}.product-grid-campaign .promo-ad{min-height:260px}.product-grid-campaign .promo-ad-copy{padding:clamp(25px,4vw,48px)}
@media(max-width:1100px){.campaign-metrics-v66{grid-template-columns:repeat(3,1fr)}.campaign-filter-v66{grid-template-columns:1fr 1fr}.campaign-filter-v66 .field:first-child{grid-column:1/-1}.campaign-global-top .promo-ad-copy p{display:none}}
@media(max-width:700px){.campaign-metrics-v66{grid-template-columns:1fr 1fr}.campaign-filter-v66{grid-template-columns:1fr}.campaign-filter-v66 .field:first-child{grid-column:auto}.campaign-form-head-v66{flex-direction:column}.campaign-modal-v66 .modalbox{padding:20px}.campaign-modal-actions-v66{bottom:-20px;margin:18px -20px -20px;padding:14px 20px}.campaign-global-top .promo-ad-copy{justify-content:flex-start;overflow-x:auto}.campaign-global-top .promo-kicker,.campaign-global-top .promo-ad-copy p{display:none}.campaign-global-top .promo-ad-copy h2{font-size:14px;white-space:nowrap}.campaign-global-top .campaign-countdown{flex-wrap:nowrap}.campaign-sticky-bottom{bottom:74px}.campaign-sticky-bottom .promo-ad{min-height:150px}.campaign-sticky-bottom .promo-ad-image{inset:0 0 0 62%}.campaign-sticky-bottom .promo-ad-copy{width:82%;padding:16px}.campaign-sticky-bottom .promo-ad-copy h2{font-size:19px}.campaign-popup .promo-ad{min-height:520px}.product-grid-campaign .promo-ad{min-height:360px}}