:root{
  --bg:#08111f;
  --bg2:#0c1830;
  --panel:#101d34;
  --panel2:#132744;
  --text:#edf6ff;
  --muted:#a9bad0;
  --line:rgba(160,205,255,.16);
  --blue:#2b7dff;
  --cyan:#2bd4ff;
  --green:#5ee4aa;
  --gold:#ffc966;
  --danger:#ff6578;
  --white:#fff;
  --shadow:0 30px 80px rgba(0,0,0,.34);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(43,125,255,.22),transparent 34%),radial-gradient(circle at 90% 12%,rgba(43,212,255,.14),transparent 38%),linear-gradient(180deg,var(--bg),#07101d 45%,#eef4fb 45%,#f7fbff 100%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 36px));margin:auto}
.topbar{background:#07101c;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.topbar-inner{height:42px;display:flex;align-items:center;gap:12px;justify-content:center;text-align:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:#d8edff;font-weight:800;font-size:12px;letter-spacing:.02em;white-space:nowrap}
.pill-blue{background:rgba(43,125,255,.16);border-color:rgba(43,125,255,.38);color:#cfe7ff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.02em}
.brand img{width:132px;height:auto;filter:drop-shadow(0 10px 22px rgba(43,125,255,.18))}
.brand span{display:block;color:#9cc8ff;font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin-top:4px}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{padding:11px 13px;border-radius:999px;color:#d9e8f8;font-weight:750;font-size:14px;transition:.2s}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.08);color:white}
.admin-link{border:1px solid var(--line)}
.cart-button,.icon-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cart-button span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;background:var(--blue);border-radius:999px;margin-left:6px}
.menu-btn{display:none}
.page{display:none;min-height:70vh}.page.active{display:block}.hidden{display:none!important}
.hero-shell{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:720px;padding:72px 0 90px}
.eyebrow{display:block;color:#69ccff;text-transform:uppercase;font-weight:900;letter-spacing:.15em;font-size:12px;margin-bottom:16px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6.4vw,82px);line-height:.94;letter-spacing:-.075em;margin-bottom:24px}h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.055em;margin-bottom:18px}h3{font-size:21px;letter-spacing:-.025em;margin-bottom:10px}p{color:var(--muted);line-height:1.75}.hero-copy p{font-size:18px;max-width:640px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:13px 18px;font-weight:900;color:white;background:rgba(255,255,255,.08);transition:.2s;min-height:48px}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.btn.primary{background:linear-gradient(135deg,var(--blue),#20c8ff);border-color:transparent;color:white}.btn.ghost{background:transparent}.btn.soft{background:rgba(43,125,255,.10);color:#d8ecff;border-color:rgba(43,125,255,.28)}.btn.danger{background:rgba(255,101,120,.12);border-color:rgba(255,101,120,.32);color:#ffd7dc}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:600px}.metric-row div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:18px}.metric-row strong{display:block;font-size:30px}.metric-row span{color:var(--muted);font-weight:750;font-size:13px}.hero-lab{position:relative;min-height:560px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.85}.orb-one{width:280px;height:280px;background:radial-gradient(circle,#2bd4ff,transparent 70%);top:10%;right:18%}.orb-two{width:230px;height:230px;background:radial-gradient(circle,#2b7dff,transparent 70%);bottom:8%;left:0}.hero-product-card{position:relative;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:38px;padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(20px);overflow:hidden}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mini-tile{background:linear-gradient(180deg,#f7fbff,#ecf4fb);border-radius:24px;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-tile img{height:210px;object-fit:contain}.hero-card-copy{padding:24px 6px 4px}.hero-card-copy h3{font-size:28px;margin-top:16px}.section{padding:86px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{max-width:680px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:24px;min-height:155px;box-shadow:0 20px 60px rgba(0,0,0,.12);transition:.2s}.category-card:hover{transform:translateY(-4px)}.category-card strong{display:block;font-size:20px;margin-bottom:12px}.category-card span{color:var(--muted);font-size:14px}.category-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(43,125,255,.18);right:-30px;bottom:-30px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:white;color:#11203a;border:1px solid rgba(11,35,66,.08);border-radius:28px;overflow:hidden;box-shadow:0 22px 55px rgba(5,22,45,.08);transition:.2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 32px 80px rgba(5,22,45,.14)}.product-image{position:relative;background:linear-gradient(180deg,#f7fbff,#eef5fc);height:295px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain;padding:0}.product-image .badge{position:absolute;top:14px;left:14px;background:rgba(7,16,32,.82);color:white;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.product-body{padding:21px;display:flex;flex-direction:column;gap:12px;flex:1}.product-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.product-title h3{color:#081d37;margin:0;font-size:20px}.strength{color:#2b7dff;font-weight:900}.product-card p{color:#5d6b7c;font-size:14px;line-height:1.55;margin:0}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price{font-size:22px;font-weight:950;color:#081d37}.compare{text-decoration:line-through;color:#91a0b0;font-weight:800;margin-right:7px}.status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#e9f9f2;color:#097b4e;font-weight:900;font-size:12px}.status.muted{background:#f2f4f7;color:#61708a}.status.sold{background:#fff1f2;color:#bb253d}.card-actions{display:flex;gap:9px;margin-top:12px}.card-actions .btn{flex:1;color:#0c203d;border-color:#d5e1ef;background:#f7fbff}.card-actions .primary{color:white;background:linear-gradient(135deg,var(--blue),#20c8ff);border:0}.wide-section{background:linear-gradient(135deg,#071120,#102444);padding:80px 0;border-block:1px solid var(--line)}.split-panel{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.process-list{display:grid;gap:14px}.process-list div{display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:22px;padding:18px}.process-list b{color:#68d5ff}.page-title{padding:72px 0 34px}.page-title h1{font-size:clamp(42px,5.4vw,70px)}.page-title p{max-width:800px}.sticky-toolbar{position:sticky;top:82px;z-index:20;display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:14px;background:rgba(8,17,31,.8);padding:16px;border-radius:24px;border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 24px 50px rgba(0,0,0,.18)}.field{width:100%;border:1px solid rgba(130,164,202,.28);background:rgba(255,255,255,.08);color:var(--text);border-radius:16px;padding:14px 15px;outline:0}.field:focus{border-color:rgba(43,212,255,.72);box-shadow:0 0 0 4px rgba(43,212,255,.08)}select.field option{color:#0b1b31}.store-meta{padding:22px 0}.product-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;padding:60px 0 92px}.detail-image{background:linear-gradient(180deg,#fff,#eef6ff);border-radius:36px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.16)}.detail-image img{width:100%;height:620px;object-fit:contain}.detail-info h1{font-size:clamp(38px,5vw,68px);margin-bottom:12px}.detail-info p{font-size:17px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.info-grid div,.glass-card,.about-card,.summary-card,.table-card{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.info-grid b{display:block;color:#fff;margin-bottom:7px}.info-grid span{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chip{padding:9px 12px;border-radius:999px;background:rgba(43,125,255,.13);border:1px solid rgba(43,125,255,.22);color:#cfe7ff;font-weight:800;font-size:13px}.notice{border:1px solid rgba(255,201,102,.3);background:rgba(255,201,102,.08);color:#ffe4ae;border-radius:18px;padding:14px;line-height:1.6;margin-top:16px}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.big-number{font-size:52px;font-weight:950;color:#2bd4ff;opacity:.9}.table-card{overflow:auto}.data-table{width:100%;border-collapse:collapse;color:#eaf3ff}.data-table th,.data-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:12px;text-transform:uppercase;color:#83a8c9;letter-spacing:.08em}.calc-card,.contact-form{display:grid;gap:16px}.calc-result h2{font-size:42px;color:white}.split-about{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:100px}.about-card{min-height:260px}.about-card.dark{background:linear-gradient(135deg,#0a1830,#122c55)}.mini-contact{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:26px;padding-bottom:90px}.cart-items{display:grid;gap:16px}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:24px;padding:16px}.cart-item img{width:110px;height:120px;object-fit:contain;background:#f7fbff;border-radius:18px}.qty-row{display:flex;align-items:center;gap:10px}.qty-row button{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.09);color:white}.summary-card{position:sticky;top:120px;height:max-content}.summary-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;color:#d5e8fb}.summary-total{display:flex;justify-content:space-between;font-size:26px;font-weight:950;margin:20px 0}.checkout-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check{display:flex;align-items:flex-start;gap:10px;color:#cfe0f2;line-height:1.5}.check input{margin-top:4px}.form-message{min-height:24px;font-weight:800}.form-message.success{color:#5ee4aa}.form-message.error{color:#ff95a3}.modal{position:fixed;inset:0;background:rgba(2,7,14,.82);z-index:100;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(12px)}.modal.show{display:flex}.modal-card{width:min(520px,100%);background:#0d1c33;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:32px}.footer{background:#07101c;color:#dcecff;border-top:1px solid var(--line);padding:54px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:40px}.footer img{width:128px;margin-bottom:18px}.footer a{display:block;color:#a9bad0;margin-top:10px}.reveal{animation:reveal .7s ease both}.delay{animation-delay:.12s}@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
/* admin */
.admin-body{background:#f3f7fb;color:#0a1b31;display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#07101c;color:white;min-height:100vh;padding:24px;border-right:1px solid rgba(255,255,255,.08);position:sticky;top:0;height:100vh}.admin-brand{display:block;margin-bottom:34px}.admin-brand img{width:150px}.admin-nav{display:grid;gap:10px}.admin-nav button,.admin-nav a{text-align:left;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#d9e8f8;border-radius:16px;padding:14px;font-weight:850}.admin-nav button.active{background:linear-gradient(135deg,var(--blue),#20c8ff);color:white}.admin-main{padding:34px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-top h1{font-size:40px;color:#07182e;margin:0}.admin-main .eyebrow{color:#2b7dff}.admin-main .glass-card,.admin-main .table-card{background:white;border-color:#dde9f5;color:#0a1b31;box-shadow:0 22px 55px rgba(8,30,60,.08)}.admin-main p{color:#5b6b7e}.admin-login{max-width:520px}.form-stack{display:grid;gap:14px}.admin-main .field{background:#f7fbff;color:#0a1b31;border-color:#d5e2ef}.admin-panels{display:grid;gap:24px}.admin-panel{display:none}.admin-panel.active{display:grid;gap:24px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:white;border:1px solid #dde9f5;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(8,30,60,.07)}.stat-card strong{display:block;font-size:32px;color:#0a1b31}.admin-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-checklist div{background:#f4f8fc;border-radius:14px;padding:14px;font-weight:800;color:#17486f}.admin-toolbar{display:flex;justify-content:space-between;align-items:center}.admin-toolbar h2{color:#07182e;margin:0;font-size:32px}.admin-product-layout{display:grid;grid-template-columns:1fr 480px;gap:24px;align-items:start}.admin-thumb{width:58px;height:68px;object-fit:contain;background:#f3f8ff;border-radius:10px}.product-editor{position:sticky;top:24px;max-height:calc(100vh - 50px);overflow:auto}.toggles{display:flex;gap:18px}.admin-actions{display:flex;gap:10px}.orders-list{display:grid;gap:18px}.order-card{background:white;border:1px solid #dde9f5;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(8,30,60,.07)}.order-card h3{color:#07182e}.order-head{display:flex;justify-content:space-between;gap:18px}.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gateway-card{background:white;border:1px solid #dde9f5;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(8,30,60,.07)}.gateway-card h3{color:#07182e}.gateway-card label{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:800}.admin-main .data-table{color:#0a1b31}.admin-main .data-table th,.admin-main .data-table td{border-color:#e4edf7}.admin-main .notice{color:#6b4a00;background:#fff7dc;border-color:#f2d47d}
@media (max-width:1060px){.hero,.product-detail,.split-panel,.cart-layout,.checkout-layout,.admin-product-layout{grid-template-columns:1fr}.product-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.grid.three,.footer-grid,.admin-stats,.gateway-grid{grid-template-columns:1fr 1fr}.summary-card{position:static}.admin-body{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;min-height:0}.product-editor{position:static;max-height:none}}
@media (max-width:760px){.container{width:min(100% - 24px,1180px)}.topbar-inner{height:auto;padding:10px;flex-wrap:wrap}.nav{height:70px}.brand img{width:112px}.brand span{display:none}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:12px;right:12px;top:78px;background:#091529;border:1px solid var(--line);border-radius:24px;padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{border-radius:14px}.hero{min-height:auto;padding:54px 0;gap:28px}.hero-lab{min-height:auto}.metric-row,.sticky-toolbar,.form-grid,.split-about,.grid.two,.admin-checklist{grid-template-columns:1fr}.product-grid,.category-grid,.grid.three,.footer-grid,.admin-stats,.gateway-grid{grid-template-columns:1fr}.product-image{height:340px}.detail-image img{height:480px}.cart-item{grid-template-columns:90px 1fr}.cart-item .remove-wrap{grid-column:1/-1}.footer{padding-bottom:90px}.admin-main{padding:20px}.admin-top{display:block}.admin-top h1{font-size:30px}.admin-sidebar{padding:18px}}
/* Apex Labs styling */
.policy-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;padding-bottom:90px}.policy-list{display:grid;gap:12px;height:max-content;position:sticky;top:120px}.policy-tab{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#dbeaff;border-radius:20px;padding:18px;text-align:left}.policy-tab b{display:block;margin-bottom:8px}.policy-tab span{display:block;color:var(--muted);font-size:13px;line-height:1.45}.policy-tab.active{background:linear-gradient(135deg,rgba(43,125,255,.45),rgba(43,212,255,.18));border-color:rgba(43,212,255,.5)}.policy-reader{min-height:520px}.policy-reader h2{font-size:42px}.policy-reader .lead{font-size:18px;color:#d8eaff}.policy-body p{font-size:16px;line-height:1.85;color:#c8d8ea}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field.compact{padding:9px 10px;border-radius:10px;min-width:90px}.workflow-box{border:1px solid #dce8f5;border-radius:18px;padding:14px;background:#f8fbff;margin-top:16px}.workflow-box summary{cursor:pointer;font-weight:900;color:#113865}.timeline{display:grid;gap:10px;margin-top:14px}.timeline div{border-left:3px solid #2b7dff;background:#f7fbff;border-radius:12px;padding:10px 12px}.timeline b{display:block;color:#0a1b31}.timeline span{font-size:12px;color:#64748b}.timeline p{margin:6px 0 0;color:#536273;line-height:1.45}.admin-main code{background:#eef5ff;border:1px solid #d9e7f7;border-radius:8px;padding:2px 6px}.admin-panel .table-card h3{color:#07182e;margin:0 0 18px}.admin-main .policy-reader .lead,.admin-main .policy-body p{color:#5b6b7e}.admin-main .policy-tab{background:white;color:#0a1b31;border-color:#d9e6f3}.admin-main .policy-tab.active{background:#eef6ff;border-color:#9dc7ff}.admin-stats{grid-template-columns:repeat(6,1fr)}@media (max-width:1180px){.admin-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:1060px){.policy-layout,.settings-grid{grid-template-columns:1fr}.policy-list{position:static}.admin-stats{grid-template-columns:1fr 1fr}}@media (max-width:760px){.settings-grid,.policy-layout,.admin-stats{grid-template-columns:1fr}.policy-reader h2{font-size:32px}}

/* Apex Labs styling */
.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.account-wide{grid-column:1/-1}.account-card{min-height:180px}.address-card{display:flex;justify-content:space-between;gap:18px;border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;margin:12px 0;background:rgba(255,255,255,.72)}.muted{color:var(--muted,#64748b)}.compact{max-width:135px}.admin-product-layout #customerEditor{margin-top:20px}@media(max-width:900px){.account-layout{grid-template-columns:1fr}.account-wide{grid-column:auto}.address-card{display:block}.address-card .btn{margin-top:8px}}

/* Apex Labs styling */
.ops-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.kv-list{display:grid;gap:10px}.kv-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e4edf7;padding:10px 0}.kv-list b{color:#07182e}.kv-list span{color:#5b6b7e;text-align:right;word-break:break-word}.launch-plan{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.launch-plan article{background:#f4f8fc;border:1px solid #dce8f5;border-radius:18px;padding:18px}.launch-plan h4{margin:0 0 10px;color:#07182e;font-size:18px}.launch-plan ul{margin:0;padding-left:18px;color:#536273;line-height:1.65}.ops-summary .stat-card strong.status{font-size:20px;display:inline-flex;width:max-content;padding:8px 12px}@media(max-width:1180px){.ops-summary{grid-template-columns:repeat(3,1fr)}.launch-plan{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ops-summary,.launch-plan{grid-template-columns:1fr}.kv-list div{display:block}.kv-list span{text-align:left;display:block;margin-top:4px}}


/* Apex Labs styling */
body:not(.admin-body){
  background:
    radial-gradient(circle at 12% 0%,rgba(43,125,255,.24),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(43,212,255,.14),transparent 38%),
    linear-gradient(180deg,#08111f 0%,#0a1729 38%,#07101d 100%);
  color:var(--text);
  overflow-x:hidden;
}
body:not(.admin-body)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 80%);
}
body:not(.admin-body) .page{
  background:transparent;
}
body:not(.admin-body) .hero-shell{
  background:
    radial-gradient(circle at 76% 20%,rgba(43,212,255,.16),transparent 30%),
    linear-gradient(180deg,rgba(12,26,48,.92),rgba(8,17,31,.70));
}
body:not(.admin-body) #home .section,
body:not(.admin-body) #store,
body:not(.admin-body) #product,
body:not(.admin-body) #quality,
body:not(.admin-body) #policies,
body:not(.admin-body) #calculator,
body:not(.admin-body) #about,
body:not(.admin-body) #contact,
body:not(.admin-body) #account,
body:not(.admin-body) #cart,
body:not(.admin-body) #checkout{
  position:relative;
}
body:not(.admin-body) #store::after,
body:not(.admin-body) #quality::after,
body:not(.admin-body) #policies::after,
body:not(.admin-body) #calculator::after,
body:not(.admin-body) #about::after,
body:not(.admin-body) #contact::after,
body:not(.admin-body) #account::after,
body:not(.admin-body) #cart::after,
body:not(.admin-body) #checkout::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:310px;
  bottom:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(238,246,255,.08),rgba(238,246,255,.03));
  border-top:1px solid rgba(255,255,255,.05);
}
body:not(.admin-body) .glass-card,
body:not(.admin-body) .about-card,
body:not(.admin-body) .summary-card,
body:not(.admin-body) .table-card,
body:not(.admin-body) .cart-item,
body:not(.admin-body) .info-grid div{
  background:linear-gradient(180deg,rgba(20,36,61,.94),rgba(12,25,45,.88));
  border-color:rgba(173,210,255,.18);
  color:#edf6ff;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
body:not(.admin-body) .glass-card h2,
body:not(.admin-body) .about-card h2,
body:not(.admin-body) .table-card h2,
body:not(.admin-body) .summary-card h2,
body:not(.admin-body) .glass-card h3,
body:not(.admin-body) .about-card h3,
body:not(.admin-body) .table-card h3{
  color:#f4f9ff;
}
body:not(.admin-body) .glass-card p,
body:not(.admin-body) .about-card p,
body:not(.admin-body) .summary-card p,
body:not(.admin-body) .table-card p,
body:not(.admin-body) .policy-body p,
body:not(.admin-body) .policy-reader .lead{
  color:#b8cbe2;
}
body:not(.admin-body) .field{
  background:rgba(255,255,255,.08);
  border-color:rgba(173,210,255,.22);
  color:#f4f9ff;
}
body:not(.admin-body) .field::placeholder{color:rgba(223,239,255,.58)}
body:not(.admin-body) textarea.field{resize:vertical;min-height:120px}
body:not(.admin-body) .policy-tab{
  background:linear-gradient(180deg,rgba(20,36,61,.92),rgba(12,25,45,.82));
  border-color:rgba(173,210,255,.16);
}
body:not(.admin-body) .policy-tab.active{
  background:linear-gradient(135deg,rgba(43,125,255,.55),rgba(43,212,255,.22));
  border-color:rgba(43,212,255,.48);
}
body:not(.admin-body) .product-toolbar.sticky-toolbar{
  top:92px;
  background:rgba(7,16,31,.92);
}
body:not(.admin-body) .product-card{
  min-height:100%;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
body:not(.admin-body) .product-image{height:300px}
body:not(.admin-body) #storeGrid.product-grid{
  padding-bottom:96px;
}
body:not(.admin-body) .page-title{
  padding-top:88px;
}
body:not(.admin-body) .footer{
  position:relative;
  z-index:2;
}
body:not(.admin-body) .mini-contact{
  color:#d8eaff;
}
@media (min-width:1061px){
  body:not(.admin-body) #storeGrid.product-grid,
  body:not(.admin-body) #featuredProducts.product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:760px){
  body:not(.admin-body) #store::after,
  body:not(.admin-body) #quality::after,
  body:not(.admin-body) #policies::after,
  body:not(.admin-body) #calculator::after,
  body:not(.admin-body) #about::after,
  body:not(.admin-body) #contact::after,
  body:not(.admin-body) #account::after,
  body:not(.admin-body) #cart::after,
  body:not(.admin-body) #checkout::after{top:240px}
  body:not(.admin-body) .page-title{padding-top:52px}
  body:not(.admin-body) .product-toolbar.sticky-toolbar{top:72px}
}

/* Apex Labs styling */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.nav-links .account-icon-link{
  width:46px;
  height:46px;
  padding:0;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(173,210,255,.20);
  background:rgba(255,255,255,.045);
}
.nav-links .account-icon-link svg{
  width:21px;
  height:21px;
  fill:#dbeeff;
  transition:.2s ease;
}
.nav-links .account-icon-link:hover svg,
.nav-links .account-icon-link.active svg{
  fill:#fff;
  filter:drop-shadow(0 0 10px rgba(43,212,255,.45));
}
.nav-links .admin-link{display:none!important;}

.product-image,
.category-card{
  border:0!important;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  color:inherit;
  font:inherit;
  text-align:left;
}
.product-image:focus-visible,
.category-card:focus-visible{
  box-shadow:0 0 0 4px rgba(43,212,255,.25);
}
body:not(.admin-body) .product-card{
  border:1px solid rgba(173,210,255,.18)!important;
}
body:not(.admin-body) .product-image{
  border-bottom:1px solid rgba(12,31,58,.08)!important;
}

body:not(.admin-body) .category-card{
  color:#edf6ff;
  text-align:left;
  background:
    radial-gradient(circle at 88% 90%,rgba(43,125,255,.34),transparent 30%),
    linear-gradient(180deg,rgba(22,41,67,.90),rgba(12,26,47,.82));
  border:1px solid rgba(173,210,255,.18)!important;
}
body:not(.admin-body) .category-card strong{
  color:#f4f9ff;
  position:relative;
  z-index:1;
}
body:not(.admin-body) .category-card span{
  color:#c7dbf2;
  position:relative;
  z-index:1;
}
body:not(.admin-body) .category-card:after{
  background:rgba(43,125,255,.28);
}

body:not(.admin-body) .page-title{
  --title-img:url('/assets/products/retatrutide-10mg.webp');
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:54px;
  margin-bottom:18px;
  padding:72px 48px;
  border:1px solid rgba(173,210,255,.18);
  border-radius:34px;
  background:
    linear-gradient(90deg,rgba(7,16,31,.96) 0%,rgba(8,21,42,.92) 48%,rgba(8,24,45,.78) 100%),
    radial-gradient(circle at 80% 22%,rgba(43,212,255,.20),transparent 34%);
  box-shadow:0 30px 90px rgba(0,0,0,.25);
}
body:not(.admin-body) .page-title::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.8;
}
body:not(.admin-body) .page-title::after{
  content:"";
  position:absolute;
  right:34px;
  top:50%;
  transform:translateY(-50%);
  width:min(34vw,360px);
  height:84%;
  z-index:-1;
  background-image:
    radial-gradient(circle at 70% 50%,rgba(43,212,255,.16),transparent 46%),
    var(--title-img);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.28;
  filter:drop-shadow(0 26px 45px rgba(43,125,255,.22));
}
body:not(.admin-body) .page-title h1,
body:not(.admin-body) .page-title p,
body:not(.admin-body) .page-title .eyebrow{
  position:relative;
  max-width:760px;
}
body:not(.admin-body) .page-title h1{color:#f3f9ff;}
body:not(.admin-body) .page-title p{color:#c6d9ef;}
body:not(.admin-body) #store .page-title{--title-img:url('/assets/products/retatrutide-20mg.webp');}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/products/cjc-1295-no-dac-ipamorelin.webp');}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/products/bacteriostatic-water-10ml.webp');}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/products/nad-500mg.webp');}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/products/tesamorelin-10mg.webp');}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/products/ipamorelin-10mg.webp');}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/products/selank-10mg.webp');}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/products/bpc-157-tb-500-combo.webp');}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/products/tirzepatide-10mg.webp');}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/products/ghk-cu-100mg.webp');}

@media(max-width:1060px){
  body:not(.admin-body) .page-title{padding:56px 34px;}
  body:not(.admin-body) .page-title::after{width:42vw;right:18px;opacity:.18;}
}
@media(max-width:760px){
  .nav-links .account-icon-link{width:100%;height:auto;padding:12px 13px;display:flex;justify-content:center;}
  body:not(.admin-body) .page-title{margin-top:32px;padding:42px 24px;border-radius:26px;}
  body:not(.admin-body) .page-title::after{opacity:.12;width:70vw;right:-80px;}
}

/* Apex Labs styling */
.header-actions{display:flex;align-items:center;gap:10px}
.icon-nav-button,.account-nav-button{
  width:54px;
  height:54px;
  padding:0;
  display:inline-grid;
  place-items:center;
  position:relative;
}
.icon-nav-button svg,.account-nav-button svg{
  width:22px;
  height:22px;
  fill:#e8f4ff;
}
.icon-nav-button span{
  position:absolute;
  right:-4px;
  top:-4px;
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 6px;
  background:var(--blue);
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  margin-left:0;
}
.account-nav-button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.account-nav-button:hover,.account-nav-button.active,.icon-nav-button:hover,.icon-nav-button.active{transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.account-nav-button:hover svg,.account-nav-button.active svg,.icon-nav-button:hover svg,.icon-nav-button.active svg{filter:drop-shadow(0 0 10px rgba(43,212,255,.45))}

body:not(.admin-body) .product-card,
body:not(.admin-body) .product-image,
body:not(.admin-body) .product-image img{
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}
body:not(.admin-body) .product-card{border:1px solid rgba(173,210,255,.18)!important}
body:not(.admin-body) .product-image{background:linear-gradient(180deg,#f7fbff,#eef5fc)!important}
body:not(.admin-body) .category-card strong,
body:not(.admin-body) .category-card span,
body:not(.admin-body) .category-card,
body:not(.admin-body) #home .category-card *{color:#edf6ff!important}
body:not(.admin-body) #home .category-card span{color:#cfe2f7!important}

.feature-card,.process-step,.trust-strip,.about-cta{position:relative;overflow:hidden}
.feature-card{padding:28px}
.feature-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(43,125,255,.22),rgba(43,212,255,.16));
  border:1px solid rgba(173,210,255,.22);font-size:24px;margin-bottom:18px;color:#dff5ff;
}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-step{
  background:linear-gradient(180deg,rgba(20,36,61,.94),rgba(12,25,45,.88));
  border:1px solid rgba(173,210,255,.18);border-radius:26px;padding:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}
.process-step span{
  display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;
  background:linear-gradient(135deg,var(--blue),#20c8ff);color:white;font-weight:900;
  margin-bottom:18px;font-size:18px;
}
.process-step h3{color:#f4f9ff;margin-bottom:10px}
.process-step p{color:#c4d6ea;margin:0}
.trust-strip{
  display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;
  padding:36px;border-radius:32px;border:1px solid rgba(173,210,255,.18);
  background:linear-gradient(135deg,rgba(18,39,67,.95),rgba(11,24,44,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.18)
}
.trust-points{display:grid;gap:14px}
.trust-points div{padding:18px 20px;border-radius:20px;border:1px solid rgba(173,210,255,.16);background:rgba(255,255,255,.04)}
.trust-points strong{display:block;color:#f4f9ff;margin-bottom:6px}
.trust-points span{display:block;color:#c2d6ea}
.about-value-grid{padding-bottom:10px}
.about-story{padding-top:10px}
.about-cta{display:grid;grid-template-columns:1.05fr .75fr;gap:24px;align-items:center;margin-bottom:96px}
.about-cta .cta-row{justify-content:flex-end;margin:0}

.footer-top{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid rgba(173,210,255,.12)
}
.footer-top h2{font-size:clamp(28px,3vw,42px);margin-bottom:12px}
.footer-grid-rich{grid-template-columns:1.35fr .7fr .7fr 1fr}
.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.footer .pill{background:rgba(255,255,255,.06);border-color:rgba(173,210,255,.18);color:#d7ebff}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(173,210,255,.12);margin-top:34px;padding-top:20px;color:#94acc7;font-size:14px}
.footer-grid-rich p{margin:0 0 12px}
.footer-grid-rich b{display:block;margin-bottom:8px;font-size:18px;color:#f4f9ff}
.footer-grid-rich a{display:block;color:#b8cae0;margin-top:10px}
.footer-grid-rich a:hover{color:#fff}

body:not(.admin-body) #store .page-title{--title-img:url('/assets/img/headers/store.svg')}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/img/headers/quality.svg')}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/img/headers/policies.svg')}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/img/headers/calculator.svg')}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/img/headers/about.svg')}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/img/headers/contact.svg')}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/img/headers/account.svg')}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/img/headers/cart.svg')}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/img/headers/checkout.svg')}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/img/headers/store.svg')}

@media(max-width:1060px){
  .trust-strip,.about-cta{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{display:block}
  .footer-top .btn{margin-top:18px}
  .footer-grid-rich{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .header-actions{gap:8px}
  .icon-nav-button,.account-nav-button{width:46px;height:46px}
  .process-grid,.footer-grid-rich{grid-template-columns:1fr}
  .trust-strip{grid-template-columns:1fr;padding:24px}
  .about-cta .cta-row{justify-content:flex-start;margin-top:10px}
  .nav{gap:10px}
  .brand{min-width:0}
}


/* Apex Labs styling */
body:not(.admin-body) .page-title{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:84px 56px;
  background:
    linear-gradient(90deg,rgba(5,13,25,.96) 0%,rgba(7,18,34,.88) 42%,rgba(8,20,38,.42) 100%),
    var(--title-img),
    linear-gradient(135deg,#08111f,#0f335d)!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center!important;
  border:1px solid rgba(173,210,255,.18);
}
body:not(.admin-body) .page-title::after{display:none!important}
body:not(.admin-body) .page-title::before{
  background:
    linear-gradient(rgba(255,255,255,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.030) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.55;
}
body:not(.admin-body) #home .hero-shell{
  background:
    linear-gradient(90deg,rgba(5,13,25,.94),rgba(7,18,34,.72),rgba(8,20,38,.82)),
    url('/assets/img/headers/home.jpg') center/cover no-repeat!important;
}
body:not(.admin-body) #store .page-title{--title-img:url('/assets/img/headers/store.jpg')!important}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/img/headers/quality.jpg')!important}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/img/headers/policies.jpg')!important}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/img/headers/calculator.jpg')!important}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/img/headers/about.jpg')!important}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/img/headers/contact.jpg')!important}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/img/headers/account.jpg')!important}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/img/headers/cart.jpg')!important}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/img/headers/checkout.jpg')!important}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/img/headers/product.jpg')!important}

.header-actions{display:flex;align-items:center;gap:10px}
.icon-nav-button,.account-nav-button{
  width:56px;height:56px;padding:0;display:inline-grid;place-items:center;position:relative;
}
.icon-nav-button svg,.account-nav-button svg{width:23px;height:23px;fill:#e8f4ff}
.icon-nav-button span{
  position:absolute;right:-4px;top:-4px;display:inline-grid;place-items:center;
  min-width:24px;height:24px;padding:0 6px;background:var(--blue);
  border-radius:999px;color:#fff;font-size:12px;font-weight:900;margin-left:0
}
.account-nav-button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.account-nav-button:hover,.account-nav-button.active,.icon-nav-button:hover,.icon-nav-button.active{
  transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.account-nav-button:hover svg,.account-nav-button.active svg,.icon-nav-button:hover svg,.icon-nav-button.active svg{
  filter:drop-shadow(0 0 10px rgba(43,212,255,.45))
}
.nav-links .account-icon-link{display:none!important}

body:not(.admin-body) .product-card,
body:not(.admin-body) .product-image,
body:not(.admin-body) .product-image img{
  outline:none!important;
  box-shadow:none!important;
}
body:not(.admin-body) .product-card{
  border:1px solid rgba(173,210,255,.18)!important;
  overflow:hidden;
}
body:not(.admin-body) .product-image{
  border:0!important;
  border-bottom:1px solid rgba(12,31,58,.08)!important;
  background:linear-gradient(180deg,#f7fbff,#eef5fc)!important;
}
body:not(.admin-body) .category-card strong,
body:not(.admin-body) .category-card span,
body:not(.admin-body) .category-card,
body:not(.admin-body) #home .category-card *{color:#edf6ff!important}
body:not(.admin-body) #home .category-card span{color:#cfe2f7!important}

.premium-image-feature{padding-top:20px}
.image-copy-panel{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:26px;
  align-items:stretch;
}
.image-panel,.showcase-image{
  min-height:460px;
  border-radius:34px;
  border:1px solid rgba(173,210,255,.18);
  background:
    linear-gradient(180deg,rgba(5,13,25,.08),rgba(5,13,25,.56)),
    var(--section-img) center/cover no-repeat;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  overflow:hidden;
  position:relative;
}
.image-panel::after,.showcase-image::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
  pointer-events:none;
}
.feature-copy-card{align-self:center}
.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.mini-stat-grid div{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(173,210,255,.14)}
.mini-stat-grid strong{display:block;font-size:28px;color:#f4f9ff}
.mini-stat-grid span{display:block;color:#bdd2e8;font-weight:800;font-size:13px}

.feature-card,.process-step,.trust-strip,.about-cta{position:relative;overflow:hidden}
.feature-card{padding:28px}
.feature-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(43,125,255,.22),rgba(43,212,255,.16));
  border:1px solid rgba(173,210,255,.22);font-size:24px;margin-bottom:18px;color:#dff5ff;
}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-step{
  background:linear-gradient(180deg,rgba(20,36,61,.94),rgba(12,25,45,.88));
  border:1px solid rgba(173,210,255,.18);border-radius:26px;padding:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}
.process-step span{
  display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;
  background:linear-gradient(135deg,var(--blue),#20c8ff);color:white;font-weight:900;
  margin-bottom:18px;font-size:18px;
}
.process-step h3{color:#f4f9ff;margin-bottom:10px}
.process-step p{color:#c4d6ea;margin:0}
.trust-strip{
  display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;
  padding:36px;border-radius:32px;border:1px solid rgba(173,210,255,.18);
  background:
    linear-gradient(90deg,rgba(18,39,67,.96),rgba(11,24,44,.82)),
    url('/assets/img/sections/home-process.jpg') center/cover no-repeat;
  box-shadow:0 24px 70px rgba(0,0,0,.18)
}
.trust-points{display:grid;gap:14px}
.trust-points div{padding:18px 20px;border-radius:20px;border:1px solid rgba(173,210,255,.16);background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.trust-points strong{display:block;color:#f4f9ff;margin-bottom:6px}
.trust-points span{display:block;color:#c2d6ea}

.about-premium-showcase{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:24px;
  margin-bottom:26px;
}
.showcase-image.large{min-height:620px}
.showcase-stack{display:grid;gap:24px}
.showcase-stack .small{min-height:285px}
.showcase-note{min-height:285px;display:flex;flex-direction:column;justify-content:center}
.about-value-grid{padding-bottom:10px}
.about-story{padding-top:10px}
.about-cta{
  display:grid;grid-template-columns:1.05fr .75fr;gap:24px;align-items:center;margin-bottom:96px;
  background:
    linear-gradient(90deg,rgba(20,36,61,.96),rgba(12,25,45,.86)),
    url('/assets/img/sections/about-quality.jpg') center/cover no-repeat!important;
}
.about-cta .cta-row{justify-content:flex-end;margin:0}

.footer-top{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:34px;border-radius:30px;margin-bottom:42px;
  border:1px solid rgba(173,210,255,.14);
  background:
    linear-gradient(90deg,rgba(18,39,67,.94),rgba(11,24,44,.86)),
    url('/assets/img/sections/about-support.jpg') center/cover no-repeat;
}
.footer-top h2{font-size:clamp(28px,3vw,42px);margin-bottom:12px}
.footer-grid-rich{grid-template-columns:1.35fr .7fr .7fr 1fr}
.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.footer .pill{background:rgba(255,255,255,.06);border-color:rgba(173,210,255,.18);color:#d7ebff}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(173,210,255,.12);margin-top:34px;padding-top:20px;color:#94acc7;font-size:14px}
.footer-grid-rich p{margin:0 0 12px}
.footer-grid-rich b{display:block;margin-bottom:8px;font-size:18px;color:#f4f9ff}
.footer-grid-rich a{display:block;color:#b8cae0;margin-top:10px}
.footer-grid-rich a:hover{color:#fff}

/* Sidebar cart drawer */
.cart-drawer{
  position:fixed;
  inset:0;
  z-index:120;
  pointer-events:none;
  visibility:hidden;
}
.cart-drawer.open{
  pointer-events:auto;
  visibility:visible;
}
.cart-drawer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,7,14,.68);
  opacity:0;
  transition:.25s ease;
  backdrop-filter:blur(8px);
}
.cart-drawer.open .cart-drawer-backdrop{opacity:1}
.cart-drawer-panel{
  position:absolute;
  right:0;
  top:0;
  width:min(460px,calc(100% - 18px));
  height:100%;
  background:#08111f;
  border-left:1px solid rgba(173,210,255,.18);
  box-shadow:-30px 0 80px rgba(0,0,0,.38);
  transform:translateX(105%);
  transition:.28s ease;
  padding:26px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:18px;
  overflow:hidden;
}
.cart-drawer.open .cart-drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid rgba(173,210,255,.12);padding-bottom:18px}
.drawer-head h2{margin:0;font-size:30px}
.drawer-close{width:44px;height:44px;padding:0;font-size:26px;line-height:1}
.cart-drawer-items{overflow:auto;display:grid;align-content:start;gap:12px;padding-right:4px}
.drawer-item{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:14px;
  padding:12px;
  border:1px solid rgba(173,210,255,.14);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
}
.drawer-item img{width:86px;height:100px;object-fit:contain;border-radius:14px;background:#f7fbff}
.drawer-item h3{font-size:16px;margin:0 0 4px;color:#f4f9ff}
.drawer-item p{font-size:13px;margin:0 0 8px;color:#b8cbe2;line-height:1.4}
.drawer-item-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer-qty{display:flex;align-items:center;gap:8px}
.drawer-qty button{
  width:28px;height:28px;border-radius:999px;border:1px solid rgba(173,210,255,.18);
  background:rgba(255,255,255,.08);color:#fff;font-weight:900;
}
.drawer-remove{border:0;background:transparent;color:#ff95a3;font-weight:900}
.cart-drawer-summary{
  border-top:1px solid rgba(173,210,255,.12);
  padding-top:18px;
}
.drawer-line,.drawer-total{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#cfe0f2}
.drawer-total{font-size:22px;font-weight:950;color:#fff;margin:16px 0}
.drawer-actions{display:grid;gap:10px}
.empty-drawer{text-align:center;padding:42px 18px}
.empty-drawer h3{color:#fff}

@media(max-width:1060px){
  .image-copy-panel,.about-premium-showcase,.trust-strip,.about-cta{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{display:block}
  .footer-top .btn{margin-top:18px}
  .footer-grid-rich{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body:not(.admin-body) .page-title{min-height:260px;padding:48px 24px}
  .header-actions{gap:8px}
  .icon-nav-button,.account-nav-button{width:46px;height:46px}
  .image-panel,.showcase-image.large{min-height:360px}
  .showcase-stack .small{min-height:250px}
  .process-grid,.footer-grid-rich,.mini-stat-grid{grid-template-columns:1fr}
  .trust-strip{padding:24px}
  .about-cta .cta-row{justify-content:flex-start;margin-top:10px}
  .nav{gap:10px}
  .brand{min-width:0}
}


/* Apex Labs styling */
.brand img{width:250px!important;height:auto;filter:drop-shadow(0 12px 28px rgba(43,125,255,.18))}
.brand span{display:none!important}
.footer-grid-rich img{width:250px;max-width:100%;height:auto;margin-bottom:14px;display:block}

body:not(.admin-body) #home .hero-shell{
  background:
    linear-gradient(90deg,rgba(5,13,25,.92),rgba(7,18,34,.78),rgba(8,20,38,.68)),
    url('/assets/img/research/header-home.png') center/cover no-repeat!important;
}
body:not(.admin-body) #store .page-title{--title-img:url('/assets/img/research/header-store-quality-product.png')!important}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/img/research/header-store-quality-product.png')!important}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/img/research/header-store-quality-product.png')!important}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/img/research/header-contact.png')!important}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/img/research/header-calculator.png')!important}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/img/research/header-home.png')!important}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/img/research/header-contact.png')!important}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/img/research/header-account.png')!important}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/img/research/header-cart-checkout.png')!important}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/img/research/header-cart-checkout.png')!important}

.image-panel{background:linear-gradient(180deg,rgba(5,13,25,.18),rgba(5,13,25,.52)), url('/assets/img/research/section-closeup.png') center/cover no-repeat!important}
.showcase-image.large{background:linear-gradient(180deg,rgba(5,13,25,.12),rgba(5,13,25,.48)), url('/assets/img/research/section-scientist.png') center/cover no-repeat!important}
.showcase-stack .small{background:linear-gradient(180deg,rgba(5,13,25,.12),rgba(5,13,25,.48)), url('/assets/img/research/section-closeup.png') center/cover no-repeat!important}
.trust-strip{background:linear-gradient(90deg,rgba(18,39,67,.94),rgba(11,24,44,.82)), url('/assets/img/research/header-store-quality-product.png') center/cover no-repeat!important}
.about-cta{background:linear-gradient(90deg,rgba(20,36,61,.96),rgba(12,25,45,.86)), url('/assets/img/research/header-home.png') center/cover no-repeat!important}
.footer-top{background:linear-gradient(90deg,rgba(18,39,67,.94),rgba(11,24,44,.86)), url('/assets/img/research/header-contact.png') center/cover no-repeat!important}

.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.footer-socials a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(173,210,255,.18);
  color:#dcecff;font-weight:800;
}
.footer-socials a:hover{color:#fff;border-color:rgba(173,210,255,.34);background:rgba(255,255,255,.1)}

@media (max-width:760px){
  .brand img{width:190px!important}
}


/* Apex Labs styling */
.brand img{width:250px!important;max-width:100%;height:auto;display:block}
.footer-grid-rich img{width:280px;max-width:100%;height:auto;margin-bottom:14px;display:block}

body:not(.admin-body) #home .hero-shell{
  background: linear-gradient(90deg,rgba(5,13,25,.84) 8%,rgba(7,18,34,.6) 42%,rgba(7,18,34,.3) 70%), url('/assets/img/research_attached/bg-home-microscope.png') center/cover no-repeat!important;
}
body:not(.admin-body) #store .page-title{--title-img:url('/assets/img/research_attached/bg-home-microscope.png')!important}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/img/research_attached/bg-quality-scientist.png')!important}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/img/research_attached/bg-product-pipette.png')!important}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/img/research_attached/bg-policies-packaging.png')!important}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/img/research_attached/bg-account-monitor.png')!important}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/img/research_attached/bg-calculator-laptop.png')!important}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/img/research_attached/bg-about-team.png')!important}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/img/research_attached/bg-contact-glassware.png')!important}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/img/research_attached/bg-policies-packaging.png')!important}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/img/research_attached/bg-policies-packaging.png')!important}

.image-panel{background:linear-gradient(180deg,rgba(5,13,25,.14),rgba(5,13,25,.46)), url('/assets/img/research_attached/bg-about-team.png') center/cover no-repeat!important}
.showcase-image.large{background:linear-gradient(180deg,rgba(5,13,25,.1),rgba(5,13,25,.5)), url('/assets/img/research_attached/bg-quality-scientist.png') center/cover no-repeat!important}
.showcase-stack .small:nth-child(1){background:linear-gradient(180deg,rgba(5,13,25,.1),rgba(5,13,25,.5)), url('/assets/img/research_attached/bg-account-monitor.png') center/cover no-repeat!important}
.showcase-stack .small:nth-child(2){background:linear-gradient(180deg,rgba(5,13,25,.1),rgba(5,13,25,.5)), url('/assets/img/research_attached/bg-contact-glassware.png') center/cover no-repeat!important}
.trust-strip{background:linear-gradient(90deg,rgba(16,36,61,.9),rgba(10,20,38,.76)), url('/assets/img/research_attached/bg-product-pipette.png') center/cover no-repeat!important}
.about-cta{background:linear-gradient(90deg,rgba(16,36,61,.92),rgba(10,20,38,.78)), url('/assets/img/research_attached/bg-about-team.png') center/cover no-repeat!important}
.footer-top{background:linear-gradient(90deg,rgba(16,36,61,.92),rgba(10,20,38,.78)), url('/assets/img/research_attached/bg-contact-glassware.png') center/cover no-repeat!important}

.faq-section{padding-top:8px}
.faq-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:26px;align-items:stretch}
.faq-visual{
  min-height:620px;border-radius:28px;overflow:hidden;
  background:linear-gradient(90deg,rgba(5,13,25,.12),rgba(5,13,25,.38)),url('/assets/img/research_attached/bg-quality-scientist.png') center/cover no-repeat;
}
.faq-list{padding:14px 26px}
.faq-item{border-bottom:1px solid rgba(170,197,233,.14);padding:6px 0}
.faq-item:last-child{border-bottom:none}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:18px 6px;font-size:18px;font-weight:800;color:#eff6ff;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:28px;line-height:1;color:#59b3ff;flex:0 0 auto;transition:transform .25s ease}
.faq-item[open] summary::after{content:'–';transform:rotate(180deg)}
.faq-answer{padding:0 6px 18px;color:#c6d4ea;line-height:1.7}
.section-intro{margin-top:10px;color:#aac1df;max-width:720px}

@media (max-width: 980px){
  .faq-layout{grid-template-columns:1fr}
  .faq-visual{min-height:320px}
}
@media (max-width: 760px){
  .brand img{width:180px!important}
  .footer-grid-rich img{width:220px}
  .faq-list{padding:8px 16px}
  .faq-item summary{font-size:16px;padding:16px 0}
}


/* Apex Labs styling */
:root{--apex-max:1180px}
.brand{flex:0 0 auto;min-width:auto!important}
.brand img{width:184px!important;max-width:184px!important;height:auto!important;display:block!important;filter:drop-shadow(0 12px 24px rgba(39,126,255,.22))!important}
.nav{gap:22px!important}
.nav-links{gap:12px!important}
.header-actions{margin-left:auto}

body:not(.admin-body) .page-title.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  min-height:440px!important;
  padding:130px max(24px,calc((100vw - var(--apex-max))/2)) 110px!important;
  background:
    linear-gradient(90deg,rgba(4,10,20,.90) 0%,rgba(5,13,25,.76) 38%,rgba(5,13,25,.42) 70%,rgba(5,13,25,.25) 100%),
    var(--title-img) center/cover no-repeat!important;
  box-shadow:inset 0 -1px 0 rgba(173,210,255,.12)!important;
}
body:not(.admin-body) .page-title.container > *{max-width:820px!important;margin-left:0!important;margin-right:0!important}
body:not(.admin-body) .page-title h1{font-size:clamp(44px,6vw,82px)!important;line-height:.92!important;letter-spacing:-.07em!important;text-shadow:0 24px 60px rgba(0,0,0,.35)}
body:not(.admin-body) .page-title p{font-size:18px!important;max-width:760px!important;color:#d4e4f7!important}
body:not(.admin-body) .page-title::before{opacity:.22!important}

body:not(.admin-body) #home .hero-shell{
  min-height:820px;
  background:
    linear-gradient(90deg,rgba(3,8,17,.91) 0%,rgba(4,12,25,.76) 42%,rgba(4,12,25,.34) 76%),
    url('/assets/img/backgrounds-attached/home-lab-microscope.png') center/cover no-repeat!important;
}
body:not(.admin-body) #store .page-title{--title-img:url('/assets/img/backgrounds-attached/home-lab-microscope.png')!important}
body:not(.admin-body) #quality .page-title{--title-img:url('/assets/img/backgrounds-attached/quality-scientist.png')!important}
body:not(.admin-body) #product .page-title{--title-img:url('/assets/img/backgrounds-attached/pipette-closeup.png')!important}
body:not(.admin-body) #policies .page-title{--title-img:url('/assets/img/backgrounds-attached/packing-cold-chain.png')!important}
body:not(.admin-body) #calculator .page-title{--title-img:url('/assets/img/backgrounds-attached/calculator-laptop.png')!important}
body:not(.admin-body) #about .page-title{--title-img:url('/assets/img/backgrounds-attached/about-research-team.png')!important}
body:not(.admin-body) #contact .page-title{--title-img:url('/assets/img/backgrounds-attached/contact-glassware.png')!important}
body:not(.admin-body) #account .page-title{--title-img:url('/assets/img/backgrounds-attached/account-lab-office.png')!important}
body:not(.admin-body) #cart .page-title{--title-img:url('/assets/img/backgrounds-attached/packing-cold-chain.png')!important}
body:not(.admin-body) #checkout .page-title{--title-img:url('/assets/img/backgrounds-attached/packing-cold-chain.png')!important}
body:not(.admin-body) #faqs .page-title{--title-img:url('/assets/img/backgrounds-attached/contact-glassware.png')!important}

.home-elite-intro{margin-top:-70px;position:relative;z-index:4}
.elite-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.elite-image,.mosaic-card,.about-luxury-image,.faq-image-card{
  border-radius:34px;border:1px solid rgba(173,210,255,.18);overflow:hidden;
  min-height:520px;box-shadow:0 34px 90px rgba(0,0,0,.28);
  background:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),center/cover no-repeat;
}
.elite-image-main{background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/pipette-closeup.png')}
.elite-copy{padding:42px!important;align-self:center}
.elite-points{display:grid;gap:14px;margin-top:26px}
.elite-points div{padding:18px;border-radius:20px;border:1px solid rgba(173,210,255,.14);background:rgba(255,255,255,.045)}
.elite-points b{display:block;color:#f4f9ff;margin-bottom:6px}.elite-points span{color:#bfd2e8}
.home-premium-mosaic .mosaic-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'a c' 'b c';gap:24px}
.mosaic-a{grid-area:a;min-height:330px;background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/quality-scientist.png')}
.mosaic-b{grid-area:b;min-height:330px;background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/packing-cold-chain.png')}
.mosaic-copy{grid-area:c;display:flex;flex-direction:column;justify-content:center;padding:46px!important}
.mosaic-copy h3{font-size:38px;line-height:1;margin-bottom:16px;color:#f5fbff}.mosaic-copy p{font-size:17px;color:#c9dbef;margin-bottom:24px}

.about-luxury-band{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center;margin:30px auto 44px}
.about-luxury-copy{padding:44px;border-radius:34px;border:1px solid rgba(173,210,255,.16);background:linear-gradient(180deg,rgba(20,38,66,.88),rgba(9,20,38,.80));box-shadow:0 28px 75px rgba(0,0,0,.22)}
.about-luxury-copy h2{font-size:clamp(34px,4vw,56px);line-height:.95;margin:10px 0 18px}
.about-luxury-copy p{font-size:17px;color:#c9dbef}.about-luxury-image{background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.38)),url('/assets/img/backgrounds-attached/about-research-team.png')}
.about-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.about-kpis div{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(173,210,255,.14)}.about-kpis strong{display:block;font-size:30px;color:#55c5ff}.about-kpis span{display:block;color:#d6e8f8;font-weight:800;font-size:13px}
.showcase-image.large{background-image:linear-gradient(180deg,rgba(5,13,25,.10),rgba(5,13,25,.50)),url('/assets/img/backgrounds-attached/quality-scientist.png')!important}.showcase-stack .small{background-image:linear-gradient(180deg,rgba(5,13,25,.10),rgba(5,13,25,.50)),url('/assets/img/backgrounds-attached/account-lab-office.png')!important}

.faq-page-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start;padding-top:76px;padding-bottom:110px}.faq-visual-panel{display:grid;gap:22px;position:sticky;top:110px}.faq-image-card{min-height:430px;background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.48)),url('/assets/img/backgrounds-attached/contact-glassware.png')}.faq-support-card{padding:32px!important}.faq-list{padding:18px 30px!important}.faq-item{border-bottom:1px solid rgba(170,197,233,.14);padding:0}.faq-item:last-child{border-bottom:none}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 4px;font-size:19px;font-weight:900;color:#f3f9ff}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:30px;color:#55c5ff;flex:0 0 auto;transition:.2s}.faq-item[open] summary::after{content:'–';transform:rotate(180deg)}.faq-answer{padding:0 4px 24px;color:#c8d9ec;line-height:1.72}.faq-answer p{margin:0}

.premium-footer{position:relative;overflow:hidden}.premium-footer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(43,125,255,.12),transparent 35%),radial-gradient(circle at 80% 25%,rgba(43,212,255,.10),transparent 34%);pointer-events:none}.premium-footer > *{position:relative}.footer-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border:1px solid rgba(173,210,255,.14);border-radius:34px;background:linear-gradient(90deg,rgba(15,35,62,.92),rgba(8,18,35,.82)),url('/assets/img/backgrounds-attached/contact-glassware.png') center/cover no-repeat;margin-bottom:44px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.footer-hero h2{font-size:clamp(34px,4vw,58px);line-height:.95;max-width:780px;margin:8px 0 12px}.footer-hero p{max-width:720px;color:#c9d9ee}.footer-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-premium-grid{grid-template-columns:1.25fr .65fr .65fr .95fr!important;gap:38px!important}.footer-brand-block img{width:290px!important}.footer-brand-block p{max-width:520px}.footer-contact-card{padding:22px;border:1px solid rgba(173,210,255,.14);border-radius:24px;background:rgba(255,255,255,.045)}.premium-socials a{padding:12px 16px!important;background:linear-gradient(135deg,rgba(43,125,255,.28),rgba(43,212,255,.14))!important;color:#fff!important}

/* remove old everywhere FAQ section display if an older cached class remains */
#faqSection:not(.page){display:none!important}

@media(max-width:1060px){.elite-showcase,.about-luxury-band,.faq-page-layout{grid-template-columns:1fr}.faq-visual-panel{position:static}.home-premium-mosaic .mosaic-grid{grid-template-columns:1fr;grid-template-areas:'a' 'b' 'c'}.footer-hero{display:block}.footer-hero-actions{justify-content:flex-start;margin-top:20px}.footer-premium-grid{grid-template-columns:1fr 1fr!important}.about-kpis{grid-template-columns:1fr}}
@media(max-width:760px){.brand img{width:150px!important;max-width:150px!important}.nav{gap:10px!important}body:not(.admin-body) .page-title.container{min-height:330px!important;padding:78px 24px 70px!important}body:not(.admin-body) .page-title h1{font-size:42px!important}.hero-copy h1{font-size:52px!important}.home-elite-intro{margin-top:0}.elite-image,.mosaic-card,.about-luxury-image,.faq-image-card{min-height:300px}.elite-copy,.about-luxury-copy,.mosaic-copy{padding:26px!important}.faq-page-layout{padding-top:36px}.faq-list{padding:10px 18px!important}.faq-item summary{font-size:16px;padding:18px 0}.footer-hero{padding:28px}.footer-premium-grid{grid-template-columns:1fr!important}.footer-brand-block img{width:230px!important}}


/* Apex Labs styling */
:root{--apex-max:1180px}
body:not(.admin-body) .page-title.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  min-height:480px!important;
  padding:140px max(24px,calc((100vw - var(--apex-max))/2)) 120px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    linear-gradient(90deg,rgba(4,10,20,.92) 0%,rgba(5,13,25,.78) 42%,rgba(5,13,25,.38) 74%,rgba(5,13,25,.20) 100%),
    var(--title-img) center/cover no-repeat!important;
  box-shadow:inset 0 -1px 0 rgba(173,210,255,.12)!important;
}
body:not(.admin-body) .page-title.container > *{width:min(100%,820px)!important;max-width:820px!important;margin-left:0!important;margin-right:0!important}
.brand img{width:150px!important;max-width:150px!important;height:auto!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 10px 24px rgba(43,125,255,.22))!important}
.site-header .nav{min-height:86px!important;height:auto!important;padding-block:10px!important}
.header-actions{margin-left:auto!important}
.footer-brand-block img{width:260px!important;max-width:100%!important;height:auto!important}

.compact-section{padding-top:64px!important;padding-bottom:64px!important}
.equal-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;align-items:stretch!important}
.equal-split > *{min-height:520px!important;height:100%!important}
.equal-card{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:44px!important}
.premium-split .elite-image,.premium-split .about-luxury-image,.home-quality-image{min-height:520px!important;height:100%!important;border-radius:34px!important;border:1px solid rgba(173,210,255,.18)!important;box-shadow:0 34px 90px rgba(0,0,0,.26)!important;background-size:cover!important;background-position:center!important}
.home-quality-image{background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/quality-scientist.png')!important}
.about-luxury-image-alt{background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/account-lab-office.png')!important}
.mini-feature-grid{margin-top:26px!important;grid-template-columns:repeat(3,1fr)!important}
.mini-feature-grid div{border:1px solid rgba(173,210,255,.14);background:rgba(255,255,255,.055);border-radius:18px;padding:18px}.mini-feature-grid strong{display:block;color:#55c5ff;font-size:28px}.mini-feature-grid span{display:block;color:#d4e7f8;font-weight:800;font-size:13px}
.feature-icon{font-size:16px!important;font-weight:950!important}
.home-premium-mosaic,.premium-image-feature{display:none!important}
.wide-section{display:none!important}

.faq-page-layout{align-items:stretch!important}.faq-visual-panel{position:static!important}.faq-image-card{min-height:520px!important;background-image:linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.44)),url('/assets/img/backgrounds-attached/contact-glassware.png')!important;background-size:cover!important;background-position:center!important}.faq-list{height:max-content!important}.faq-item:not([open]) .faq-answer{display:none!important}

.premium-footer{padding-top:76px!important}.footer-hero{background:linear-gradient(90deg,rgba(12,30,55,.94),rgba(8,18,34,.86)),url('/assets/img/backgrounds-attached/contact-glassware.png') center/cover no-repeat!important}.footer-premium-grid{align-items:start!important}.footer-contact-card p{color:#c9d9ee!important}.footer-bottom span{color:#98acc5!important}

@media(max-width:1060px){.equal-split{grid-template-columns:1fr!important}.equal-split > *{min-height:360px!important}.reverse-on-mobile .elite-image,.reverse-on-mobile .about-luxury-image{order:-1}.footer-premium-grid{grid-template-columns:1fr 1fr!important}.brand img{width:140px!important;max-width:140px!important}}
@media(max-width:760px){body:not(.admin-body) .page-title.container{min-height:340px!important;padding:90px 24px 74px!important}.equal-card{padding:28px!important}.equal-split > *{min-height:auto!important}.premium-split .elite-image,.premium-split .about-luxury-image,.home-quality-image,.faq-image-card{min-height:300px!important}.mini-feature-grid{grid-template-columns:1fr!important}.footer-premium-grid{grid-template-columns:1fr!important}.brand img{width:128px!important;max-width:128px!important}}


/* Phase 6.9 — pricing update + page spacing refinement */
body:not(.admin-body) #store .product-toolbar{
  margin-top:48px!important;
  margin-bottom:22px!important;
}
body:not(.admin-body) #store .store-meta{
  padding-top:0!important;
  padding-bottom:26px!important;
}
body:not(.admin-body) #store #storeGrid{
  padding-bottom:110px!important;
}
body:not(.admin-body) #calculator .page-title + .container.grid.two,
body:not(.admin-body) #contact .page-title + .container.grid.two{
  margin-top:58px!important;
  padding-bottom:110px!important;
  align-items:stretch!important;
}
body:not(.admin-body) #calculator .page-title + .container.grid.two > *,
body:not(.admin-body) #contact .page-title + .container.grid.two > *{
  min-height:360px!important;
}
body:not(.admin-body) #calculator .calc-card,
body:not(.admin-body) #calculator .calc-result,
body:not(.admin-body) #contact .contact-form,
body:not(.admin-body) #contact .glass-card{
  height:100%!important;
}
@media(max-width:760px){
  body:not(.admin-body) #store .product-toolbar{margin-top:30px!important;margin-bottom:18px!important;}
  body:not(.admin-body) #calculator .page-title + .container.grid.two,
  body:not(.admin-body) #contact .page-title + .container.grid.two{margin-top:34px!important;padding-bottom:80px!important;}
  body:not(.admin-body) #calculator .page-title + .container.grid.two > *,
  body:not(.admin-body) #contact .page-title + .container.grid.two > *{min-height:auto!important;}
}


/* Phase 6.10 — header logo + contact/cart/checkout spacing cleanup */
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  padding:0!important;
  overflow:visible!important;
}
.site-header .brand img{
  width:230px!important;
  max-width:230px!important;
  height:auto!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  filter:drop-shadow(0 10px 24px rgba(43,125,255,.24))!important;
}
.site-header .nav{
  min-height:82px!important;
  height:82px!important;
  padding-block:8px!important;
  gap:24px!important;
}
.site-header .nav-links{
  margin-left:auto!important;
  gap:10px!important;
}
.site-header .header-actions{
  margin-left:10px!important;
}

/* tighten utility page title sections */
body:not(.admin-body) #store .page-title.container,
body:not(.admin-body) #calculator .page-title.container,
body:not(.admin-body) #contact .page-title.container,
body:not(.admin-body) #cart .page-title.container,
body:not(.admin-body) #checkout .page-title.container{
  min-height:340px!important;
  padding-top:108px!important;
  padding-bottom:72px!important;
}
body:not(.admin-body) #cart .page-title h1,
body:not(.admin-body) #checkout .page-title h1{
  margin-bottom:8px!important;
}

/* contact page: remove excessive empty area under the form */
body:not(.admin-body) #contact{
  min-height:0!important;
}
body:not(.admin-body) #contact .page-title + .container.grid.two{
  margin-top:42px!important;
  padding-bottom:46px!important;
  align-items:start!important;
}
body:not(.admin-body) #contact .page-title + .container.grid.two > *,
body:not(.admin-body) #contact .contact-form,
body:not(.admin-body) #contact .glass-card{
  min-height:0!important;
  height:auto!important;
}
body:not(.admin-body) #contact .contact-form{
  padding:26px!important;
}
body:not(.admin-body) #contact .contact-form textarea.field{
  min-height:150px!important;
}

/* calculator page spacing */
body:not(.admin-body) #calculator .page-title + .container.grid.two{
  margin-top:42px!important;
  padding-bottom:64px!important;
  align-items:start!important;
}
body:not(.admin-body) #calculator .page-title + .container.grid.two > *,
body:not(.admin-body) #calculator .calc-card,
body:not(.admin-body) #calculator .calc-result{
  min-height:0!important;
  height:auto!important;
}

/* cart + checkout: reduce top gap and stop cart items from stretching into a giant panel */
body:not(.admin-body) #cart,
body:not(.admin-body) #checkout{
  min-height:0!important;
}
body:not(.admin-body) .cart-layout,
body:not(.admin-body) .checkout-layout{
  padding-top:44px!important;
  padding-bottom:72px!important;
  gap:26px!important;
  align-items:start!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
}
body:not(.admin-body) .cart-items{
  display:grid!important;
  gap:18px!important;
  align-content:start!important;
  align-items:start!important;
  min-height:0!important;
  height:auto!important;
}
body:not(.admin-body) .cart-item{
  height:auto!important;
  min-height:150px!important;
  align-self:start!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:24px!important;
}
body:not(.admin-body) .cart-item img{
  width:108px!important;
  height:122px!important;
  border-radius:18px!important;
}
body:not(.admin-body) .cart-item h3{
  margin-bottom:8px!important;
}
body:not(.admin-body) .cart-item .remove-wrap{
  align-self:center!important;
  text-align:right!important;
}
body:not(.admin-body) .cart-item .remove-wrap strong{
  display:inline-block!important;
  margin-bottom:10px!important;
}
body:not(.admin-body) .summary-card{
  top:104px!important;
  padding:26px!important;
}
body:not(.admin-body) #cartSummary .btn,
body:not(.admin-body) #checkoutSummary .btn{
  width:100%!important;
}
body:not(.admin-body) .checkout-form{
  padding:28px!important;
}

@media(max-width:1060px){
  .site-header .brand{width:200px!important;min-width:200px!important;max-width:200px!important;}
  .site-header .brand img{width:200px!important;max-width:200px!important;max-height:58px!important;}
  body:not(.admin-body) .cart-layout,
  body:not(.admin-body) .checkout-layout{grid-template-columns:1fr!important;}
  body:not(.admin-body) .summary-card{position:static!important;}
}
@media(max-width:760px){
  .site-header .nav{height:74px!important;min-height:74px!important;}
  .site-header .brand{width:150px!important;min-width:150px!important;max-width:150px!important;}
  .site-header .brand img{width:150px!important;max-width:150px!important;max-height:46px!important;}
  body:not(.admin-body) #store .page-title.container,
  body:not(.admin-body) #calculator .page-title.container,
  body:not(.admin-body) #contact .page-title.container,
  body:not(.admin-body) #cart .page-title.container,
  body:not(.admin-body) #checkout .page-title.container{
    min-height:280px!important;
    padding-top:84px!important;
    padding-bottom:54px!important;
  }
  body:not(.admin-body) .cart-layout,
  body:not(.admin-body) .checkout-layout{
    padding-top:26px!important;
    padding-bottom:54px!important;
  }
  body:not(.admin-body) .cart-item{
    grid-template-columns:86px 1fr!important;
  }
  body:not(.admin-body) .cart-item img{width:86px!important;height:100px!important;}
  body:not(.admin-body) .cart-item .remove-wrap{text-align:left!important;grid-column:1 / -1!important;}
}


/* Promo code and shipping update */
.promo-box{
  margin:16px 0 14px;
  padding:14px;
  border:1px solid rgba(89,179,255,.2);
  background:rgba(9,22,42,.56);
  border-radius:18px;
}
.promo-box label,
.checkout-promo-card label{
  display:block;
  font-weight:800;
  color:#eff6ff;
  margin-bottom:8px;
}
.promo-input-row{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.promo-field{
  flex:1 1 160px;
  min-width:0;
  text-transform:uppercase;
}
.promo-box small,
.checkout-promo-card small,
.shipping-note{
  display:block;
  margin-top:8px;
  color:#9db7d7;
  font-size:12px;
  line-height:1.45;
}
.promo-success{
  margin-top:10px;
  color:#7ef0b1;
  font-size:13px;
  font-weight:800;
}
.promo-error{
  margin-top:10px;
  color:#ff9aa8;
  font-size:13px;
  font-weight:800;
}
.promo-line b{color:#7ef0b1}
.checkout-promo-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(89,179,255,.2);
  background:rgba(9,22,42,.5);
}
.drawer-summary .shipping-note,
.cart-drawer-summary .shipping-note{
  margin:0 0 10px;
}
@media (max-width:640px){
  .promo-input-row .btn{width:100%}
}


/* COA certificate gallery */
.quality-principles{margin-top:30px}
.coa-gallery-section{padding-top:34px}
.coa-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.coa-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px solid rgba(89,179,255,.22);
  background:linear-gradient(180deg,rgba(13,30,55,.92),rgba(8,18,33,.96));
}
.coa-preview{
  position:relative;
  display:block;
  min-height:360px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  overflow:hidden;
}
.coa-preview img{
  width:100%;
  height:360px;
  object-fit:contain;
  display:block;
  padding:16px;
  background:#f2f6fb;
}
.coa-preview span{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(7,16,31,.82);
  border:1px solid rgba(89,179,255,.35);
  color:#eff6ff;
  font-size:13px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.coa-card-body{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}
.coa-card-body h3{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.15;
}
.coa-card-body p{
  margin:0;
  color:#bed0e6;
  line-height:1.55;
}
.coa-status{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  color:#7ef0b1;
  background:rgba(94,228,170,.12);
  border:1px solid rgba(94,228,170,.24);
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.coa-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:4px 0 2px;
}
.coa-meta div{
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(160,205,255,.12);
}
.coa-meta dt{
  color:#91a9c8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  margin-bottom:4px;
}
.coa-meta dd{
  margin:0;
  color:#eff6ff;
  font-weight:900;
}
@media (max-width:1100px){
  .coa-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .coa-gallery{grid-template-columns:1fr}
  .coa-preview,.coa-preview img{height:330px;min-height:330px}
}


/* Phase 6.20 admin COA polish */
.admin-body{
  background:
    radial-gradient(circle at 12% 0%,rgba(47,133,255,.24),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(43,212,255,.12),transparent 32%),
    linear-gradient(135deg,#06101e 0%,#0a1729 45%,#08111f 100%) !important;
  color:#eaf4ff;
}
.admin-sidebar{
  background:linear-gradient(180deg,rgba(7,17,32,.98),rgba(10,23,42,.96)) !important;
  border-right:1px solid rgba(89,179,255,.18) !important;
  box-shadow:22px 0 70px rgba(0,0,0,.28);
}
.admin-brand{
  padding:22px 18px 14px !important;
  border-bottom:1px solid rgba(160,205,255,.12);
}
.admin-brand img{
  width:190px !important;
  max-width:100%;
  filter:drop-shadow(0 10px 24px rgba(43,125,255,.22));
}
.admin-nav{
  padding:18px 12px 22px !important;
  gap:8px !important;
}
.admin-nav button,
.admin-nav a{
  border:1px solid transparent !important;
  background:rgba(255,255,255,.035) !important;
  color:#b9cbe3 !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
}
.admin-nav button:hover,
.admin-nav a:hover{
  color:#fff !important;
  border-color:rgba(89,179,255,.25) !important;
  background:rgba(43,125,255,.14) !important;
}
.admin-nav button.active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(43,125,255,.9),rgba(43,212,255,.55)) !important;
  border-color:rgba(128,205,255,.5) !important;
  box-shadow:0 14px 34px rgba(43,125,255,.22);
}
.admin-main{
  padding:28px clamp(18px,3vw,42px) 56px !important;
}
.admin-top{
  background:linear-gradient(135deg,rgba(17,35,60,.82),rgba(10,21,40,.58)) !important;
  border:1px solid rgba(160,205,255,.16) !important;
  border-radius:26px !important;
  padding:24px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
}
.admin-top h1{
  color:#fff !important;
  margin-top:4px !important;
  letter-spacing:-.04em;
}
.admin-panel{
  margin-top:24px;
}
.admin-panel .glass-card,
.admin-panel .table-card,
.admin-coa-card{
  background:linear-gradient(180deg,rgba(14,31,55,.88),rgba(8,18,33,.94)) !important;
  border:1px solid rgba(160,205,255,.14) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.24) !important;
}
.admin-stats{
  gap:16px !important;
}
.admin-stats .stat-card{
  background:linear-gradient(180deg,rgba(15,36,66,.88),rgba(9,20,38,.92)) !important;
  border:1px solid rgba(89,179,255,.17) !important;
  border-radius:22px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}
.admin-stats .stat-card strong{
  color:#fff !important;
  font-size:28px !important;
}
.admin-stats .stat-card span{
  color:#9fb9d9 !important;
  font-weight:800;
}
.admin-toolbar-rich{
  align-items:flex-start !important;
  padding:24px !important;
  margin-bottom:22px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(15,36,66,.88),rgba(9,20,38,.72));
  border:1px solid rgba(160,205,255,.15);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
}
.admin-toolbar-rich h2{
  font-size:34px;
  margin:4px 0 8px;
  color:#fff;
}
.admin-toolbar-rich p{
  max-width:760px;
  color:#aec3df;
  margin:0;
  line-height:1.65;
}
.admin-coa-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.7fr);
  gap:24px;
  align-items:start;
}
.admin-coa-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px;
}
.admin-coa-card{
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  min-height:218px;
}
.admin-coa-preview{
  min-height:218px;
  background:#f3f7fb;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(160,205,255,.12);
}
.admin-coa-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
}
.admin-coa-card-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.admin-coa-card-head{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.admin-coa-card h3{
  margin:0;
  color:#fff;
  font-size:19px;
  line-height:1.2;
}
.admin-coa-card p{
  margin:0;
  color:#aac0dc;
  font-size:13px;
  line-height:1.45;
}
.admin-coa-card .cta-row{
  margin-top:auto;
  gap:8px;
}
.admin-coa-editor{
  position:sticky;
  top:24px;
  border-radius:26px !important;
}
.admin-coa-editor h2{
  color:#fff;
  font-size:26px;
}
.admin-coa-table-card{
  border-radius:24px;
  overflow:hidden;
}
.admin-coa-table-card h3{
  color:#fff;
  padding:18px 20px 0;
}
.admin-body .data-table th{
  color:#8eb3dc !important;
  background:rgba(43,125,255,.08);
}
.admin-body .data-table td{
  border-color:rgba(160,205,255,.1) !important;
}
.admin-body .field{
  background:rgba(2,8,18,.72) !important;
  border-color:rgba(160,205,255,.18) !important;
  color:#fff !important;
}
.admin-body .field:focus{
  border-color:rgba(43,212,255,.65) !important;
  box-shadow:0 0 0 4px rgba(43,212,255,.12);
}
@media (max-width:1280px){
  .admin-coa-layout{grid-template-columns:1fr}
  .admin-coa-editor{position:relative;top:auto}
}
@media (max-width:860px){
  .admin-coa-grid{grid-template-columns:1fr}
  .admin-coa-card{grid-template-columns:120px minmax(0,1fr)}
  .admin-coa-preview{min-height:190px}
}
@media (max-width:620px){
  .admin-coa-card{grid-template-columns:1fr}
  .admin-coa-preview{height:260px;border-right:0;border-bottom:1px solid rgba(160,205,255,.12)}
}


/* Phase 6.22 admin-only text visibility fixes */
.admin-body,
.admin-body *{
  color-scheme:dark;
}
.admin-body,
.admin-body .admin-main,
.admin-body .admin-panel,
.admin-body .glass-card,
.admin-body .table-card{
  color:#eaf4ff !important;
}
.admin-body h1,
.admin-body h2,
.admin-body h3,
.admin-body h4,
.admin-body h5,
.admin-body h6,
.admin-body strong,
.admin-body b,
.admin-body label,
.admin-body summary,
.admin-body .admin-toolbar h2,
.admin-body .admin-toolbar-rich h2,
.admin-body .product-editor h2,
.admin-body .table-card h3,
.admin-body .order-card h3,
.admin-body .workflow-box summary{
  color:#ffffff !important;
}
.admin-body p,
.admin-body small,
.admin-body td,
.admin-body li,
.admin-body dd,
.admin-body .notice,
.admin-body .muted,
.admin-body .admin-toolbar p,
.admin-body .admin-toolbar-rich p,
.admin-body .admin-checklist div,
.admin-body .data-table td,
.admin-body .timeline p,
.admin-body .timeline span,
.admin-body .order-card p,
.admin-body .form-message,
.admin-body .product-editor p{
  color:#c8d8ef !important;
}
.admin-body .data-table th,
.admin-body .eyebrow,
.admin-body .stat-card span,
.admin-body dt{
  color:#8fc4ff !important;
}
.admin-body .data-table a,
.admin-body a,
.admin-body .admin-coa-card a{
  color:#65c7ff !important;
}
.admin-body .data-table a:hover,
.admin-body a:hover{
  color:#ffffff !important;
}
.admin-body input,
.admin-body textarea,
.admin-body select,
.admin-body option,
.admin-body .field{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#061427 !important;
  border-color:rgba(160,205,255,.24) !important;
}
.admin-body input::placeholder,
.admin-body textarea::placeholder{
  color:#7f98b7 !important;
  -webkit-text-fill-color:#7f98b7 !important;
}
.admin-body select option{
  background:#061427 !important;
  color:#ffffff !important;
}
.admin-body .btn,
.admin-body button{
  color:#ffffff !important;
}
.admin-body .btn.soft,
.admin-body .btn.ghost{
  color:#eaf4ff !important;
}
.admin-body .btn.primary,
.admin-body .btn.danger{
  color:#ffffff !important;
}
.admin-body .status{
  color:#dff4ff !important;
}
.admin-body .status.muted,
.admin-body .pill{
  color:#bcd0ea !important;
}
.admin-body .form-message.success,
.admin-body .promo-success{
  color:#7ef0b1 !important;
}
.admin-body .form-message.error,
.admin-body .promo-error{
  color:#ff9aa8 !important;
}

/* Single product detail only: keep store listing colors unchanged */
body:not(.admin-body) #product .product-detail .price,
body:not(.admin-body) #product .detail-info .price,
body:not(.admin-body) #product .product-detail .price-row .price,
body:not(.admin-body) #product .detail-info .price-row .price{
  color:#ffffff !important;
  text-shadow:0 2px 18px rgba(43,125,255,.35);
}
body:not(.admin-body) #product .product-detail .compare,
body:not(.admin-body) #product .detail-info .compare{
  color:#91a9c8 !important;
  opacity:.95 !important;
}


/* Phase 6.23 public test report gallery */
.test-report-gallery-section{padding-top:34px}
.test-report-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.test-report-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px solid rgba(89,179,255,.22);
  background:linear-gradient(180deg,rgba(13,30,55,.92),rgba(8,18,33,.96));
}
.test-report-preview{
  position:relative;
  display:block;
  min-height:380px;
  background:#f2f6fb;
  overflow:hidden;
}
.test-report-preview img{
  width:100%;
  height:380px;
  object-fit:contain;
  display:block;
  padding:16px;
  background:#f2f6fb;
}
.test-report-preview span{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(7,16,31,.82);
  border:1px solid rgba(89,179,255,.35);
  color:#eff6ff;
  font-size:13px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.test-report-body{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}
.test-report-body h3{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.15;
}
.test-report-body p{
  margin:0;
  color:#bed0e6;
  line-height:1.55;
}
.test-report-status{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  color:#7ef0b1;
  background:rgba(94,228,170,.12);
  border:1px solid rgba(94,228,170,.24);
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.test-report-meta dd{
  font-size:13px;
  word-break:break-word;
}
@media (max-width:1100px){
  .test-report-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .test-report-gallery{grid-template-columns:1fr}
  .test-report-preview,.test-report-preview img{height:330px;min-height:330px}
}

/* Phase 6.23 admin dark text and component contrast repair */
.admin-body .admin-checklist{
  gap:12px !important;
}
.admin-body .admin-checklist div{
  background:linear-gradient(135deg,rgba(12,29,54,.92),rgba(7,17,32,.94)) !important;
  border:1px solid rgba(111,194,255,.22) !important;
  color:#eff7ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.16);
}
.admin-body .admin-checklist div *{
  color:#eff7ff !important;
}
.admin-body .status,
.admin-body .pill,
.admin-body .badge,
.admin-body .admin-badge,
.admin-body [class*="status"],
.admin-body [class*="role"],
.admin-body [class*="tag"]{
  color:#ffffff !important;
  background:rgba(43,125,255,.18) !important;
  border:1px solid rgba(126,199,255,.28) !important;
}
.admin-body .status.muted,
.admin-body .muted,
.admin-body .status.inactive,
.admin-body .status.hidden{
  color:#cfe0f6 !important;
  background:rgba(148,163,184,.16) !important;
  border-color:rgba(203,213,225,.22) !important;
}
.admin-body .status.visible,
.admin-body .status.active,
.admin-body .status.paid,
.admin-body .status.approved{
  color:#b8ffd7 !important;
  background:rgba(34,197,94,.16) !important;
  border-color:rgba(94,228,170,.28) !important;
}
.admin-body .gateway-grid,
.admin-body .gateway-card,
.admin-body #gatewayCards,
.admin-body .settings-grid,
.admin-body .ops-grid,
.admin-body .ops-card,
.admin-body .launch-plan,
.admin-body .backup-card{
  color:#eaf4ff !important;
}
.admin-body .gateway-card,
.admin-body .ops-card,
.admin-body .launch-plan li,
.admin-body .backup-card,
.admin-body .workflow-box,
.admin-body details,
.admin-body .notice{
  background:linear-gradient(180deg,rgba(12,29,54,.9),rgba(7,17,32,.94)) !important;
  border:1px solid rgba(111,194,255,.18) !important;
}
.admin-body .gateway-card *,
.admin-body .ops-card *,
.admin-body .launch-plan *,
.admin-body .backup-card *,
.admin-body .workflow-box *,
.admin-body details *,
.admin-body .notice *{
  color:#dcecff !important;
}
.admin-body .gateway-card h3,
.admin-body .ops-card h3,
.admin-body .launch-plan h3,
.admin-body .backup-card h3,
.admin-body .workflow-box summary{
  color:#ffffff !important;
}
.admin-body .gateway-card small,
.admin-body .ops-card small,
.admin-body .launch-plan small,
.admin-body .backup-card small{
  color:#acc4e1 !important;
}
.admin-body .data-table th,
.admin-body .data-table td,
.admin-body .data-table td *,
.admin-body .data-table th *{
  color:#e7f2ff !important;
}
.admin-body .data-table small,
.admin-body .data-table td small{
  color:#b6c9e4 !important;
}
.admin-body .data-table .status,
.admin-body .data-table .pill{
  color:#ffffff !important;
}
.admin-body .form-grid label,
.admin-body .form-stack label,
.admin-body .settings-grid label,
.admin-body .admin-actions label,
.admin-body .check{
  color:#f3f9ff !important;
}
.admin-body .check,
.admin-body .check span,
.admin-body .check input + span{
  color:#f3f9ff !important;
}
.admin-body input[type="checkbox"],
.admin-body input[type="radio"]{
  accent-color:#59b3ff;
}
.admin-body .adminUsersTable,
.admin-body #adminUsersTable,
.admin-body #customerTable,
.admin-body #gatewayCards,
.admin-body #deployment,
.admin-body #shippingTax,
.admin-body #payments{
  color:#eaf4ff !important;
}
.admin-body .admin-coa-grid.admin-test-report-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.admin-body .admin-test-report-card .admin-coa-preview{
  min-height:245px;
}
.admin-body .admin-test-report-card .admin-coa-preview img{
  object-fit:contain;
  background:#f3f7fb;
}
.admin-body .admin-test-report-layout .admin-coa-editor textarea{
  min-height:110px;
}
@media (max-width:860px){
  .admin-body .admin-coa-grid.admin-test-report-grid{grid-template-columns:1fr}
}


/* Phase 6.26 secure checkout payment page redesign */
.checkout-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 18% 10%,rgba(43,125,255,.24),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(47,213,255,.12),transparent 32%),
    linear-gradient(135deg,#06101d 0%,#0b182b 52%,#07101e 100%);
  color:#eaf4ff;
}
.checkout-body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,12,24,.98) 0%,rgba(5,12,24,.90) 44%,rgba(5,12,24,.38) 100%),
    url('/assets/products/apex-bpc-157-tb-500-combo-v2.webp') right center/auto 105% no-repeat;
  opacity:.62;
  pointer-events:none;
}
.checkout-body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,#000,transparent 80%);
  pointer-events:none;
}
.checkout-shell{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
  padding:34px 0 68px;
}
.checkout-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:58px;
}
.checkout-brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.checkout-brand img{
  width:132px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 30px rgba(43,125,255,.24));
}
.checkout-back{
  color:#d8eaff;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(145,199,255,.2);
  background:rgba(7,19,38,.54);
  border-radius:999px;
  padding:12px 16px;
}
.checkout-back:hover{
  color:#fff;
  border-color:rgba(145,199,255,.42);
  background:rgba(43,125,255,.18);
}
.checkout-hero{
  max-width:820px;
  margin-bottom:32px;
}
.checkout-hero .eyebrow{
  color:#61c5ff;
}
.checkout-hero h1{
  margin:10px 0 16px;
  max-width:760px;
  color:#fff;
  font-size:clamp(42px,7vw,78px);
  line-height:.92;
  letter-spacing:-.075em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.checkout-hero p{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  color:#cfe3ff;
  font-weight:800;
}
.checkout-hero p span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(8,22,42,.66);
  border:1px solid rgba(145,199,255,.16);
}
.checkout-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.68fr);
  gap:26px;
  align-items:start;
}
.checkout-card{
  border:1px solid rgba(145,199,255,.20);
  background:linear-gradient(180deg,rgba(12,29,54,.88),rgba(6,16,31,.94));
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
}
.checkout-payment-card{
  padding:30px;
  min-height:290px;
}
.checkout-summary-card{
  padding:28px;
  position:sticky;
  top:28px;
}
.checkout-card-head h2{
  margin:10px 0 12px;
  color:#fff;
  font-size:clamp(32px,4vw,46px);
  line-height:.98;
  letter-spacing:-.055em;
}
.checkout-card-head p{
  margin:0;
  max-width:580px;
  color:#c8d8ef;
  line-height:1.7;
  font-weight:650;
}
.checkout-kicker{
  display:inline-flex;
  color:#61c5ff;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.checkout-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  border:1px solid rgba(145,199,255,.24);
  color:#e7f5ff;
  background:rgba(43,125,255,.18);
}
.checkout-status.paid{
  color:#b9ffd8;
  background:rgba(34,197,94,.16);
  border-color:rgba(94,228,170,.30);
}
.checkout-status.review{
  color:#ffe6a7;
  background:rgba(245,158,11,.16);
  border-color:rgba(245,202,88,.28);
}
.checkout-status.error{
  color:#ffc5cc;
  background:rgba(244,63,94,.16);
  border-color:rgba(244,63,94,.28);
}
.checkout-warning,
.checkout-safe-note{
  margin-top:20px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,190,80,.12),rgba(255,190,80,.07));
  border:1px solid rgba(255,210,120,.26);
  color:#ffe8b5;
  line-height:1.65;
  font-weight:700;
}
.checkout-warning code{
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  padding:2px 6px;
  border-radius:8px;
}
.checkout-safe-note{
  background:rgba(7,19,38,.72);
  border-color:rgba(145,199,255,.18);
  color:#cfe0f6;
}
.checkout-safe-note strong{
  display:block;
  color:#fff;
  margin-bottom:5px;
}
.checkout-actions,
.checkout-authorize-form,
.checkout-nmi-form{
  margin-top:24px;
}
.checkout-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.checkout-message{
  margin:18px 0 0;
  color:#d7e9ff;
  font-weight:850;
  line-height:1.55;
}
.checkout-message.success{
  color:#8cf0b6;
}
.checkout-message.error{
  color:#ff9aa8;
}
.checkout-items{
  margin:20px 0;
  display:grid;
  gap:14px;
}
.checkout-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(145,199,255,.14);
}
.checkout-item strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.4;
}
.checkout-item small{
  display:block;
  margin-top:4px;
  color:#9fb8d6;
  font-weight:750;
}
.checkout-item b{
  color:#fff;
  white-space:nowrap;
}
.checkout-total-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:18px 0 4px;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
.checkout-total-row b{
  font-size:28px;
  letter-spacing:-.04em;
}
.checkout-payment-card .btn,
.checkout-summary-card .btn{
  min-height:48px;
  padding:14px 20px;
}
.checkout-nmi-form .form-grid{
  margin:16px 0;
}
.checkout-nmi-form #ccnumber,
.checkout-nmi-form #ccexp,
.checkout-nmi-form #cvv{
  min-height:48px;
  border-radius:16px;
  background:#061427;
  border:1px solid rgba(160,205,255,.24);
  padding:12px;
}
@media (max-width:980px){
  .checkout-shell{
    width:min(100% - 28px,760px);
    padding-top:22px;
  }
  .checkout-header{
    margin-bottom:34px;
  }
  .checkout-grid{
    grid-template-columns:1fr;
  }
  .checkout-summary-card{
    position:relative;
    top:auto;
  }
  .checkout-body::before{
    background:
      linear-gradient(180deg,rgba(5,12,24,.96) 0%,rgba(5,12,24,.88) 100%),
      url('/assets/products/apex-bpc-157-tb-500-combo-v2.webp') center top/cover no-repeat;
  }
}
@media (max-width:620px){
  .checkout-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .checkout-brand img{
    width:118px;
  }
  .checkout-hero h1{
    font-size:40px;
  }
  .checkout-payment-card,
  .checkout-summary-card{
    padding:22px;
    border-radius:22px;
  }
  .checkout-card-head h2{
    font-size:32px;
  }
  .checkout-actions .btn{
    width:100%;
  }
}


/* Phase 6.27 checkout white logo + admin orders color repair */
.checkout-brand img{
  width:138px;
  max-height:76px;
  object-fit:contain;
  filter:drop-shadow(0 14px 34px rgba(43,125,255,.34));
}

.admin-body #orders .admin-toolbar{
  padding:22px 24px !important;
  margin-bottom:22px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(15,36,66,.88),rgba(9,20,38,.76)) !important;
  border:1px solid rgba(111,194,255,.18) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.admin-body #orders .admin-toolbar h2{
  color:#ffffff !important;
  font-size:34px;
  letter-spacing:-.045em;
}
.admin-body .orders-list{
  display:grid;
  gap:20px;
}
.admin-body .order-card{
  padding:24px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(13,31,58,.94),rgba(6,16,31,.97)) !important;
  border:1px solid rgba(111,194,255,.20) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
  color:#eaf4ff !important;
}
.admin-body .order-card *,
.admin-body .order-card p,
.admin-body .order-card span,
.admin-body .order-card td,
.admin-body .order-card th,
.admin-body .order-card label,
.admin-body .order-card small,
.admin-body .order-card summary,
.admin-body .order-card details,
.admin-body .order-card div{
  color:#dcecff !important;
}
.admin-body .order-card h3,
.admin-body .order-card strong,
.admin-body .order-card b,
.admin-body .order-card .order-head strong,
.admin-body .order-card .data-table b{
  color:#ffffff !important;
}
.admin-body .order-card .order-head{
  align-items:flex-start !important;
  gap:18px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(145,199,255,.14);
}
.admin-body .order-card .order-head h3{
  font-size:28px;
  line-height:1.05;
  margin-bottom:8px;
  overflow-wrap:anywhere;
}
.admin-body .order-card .order-head p{
  color:#aec4df !important;
  font-weight:750;
}
.admin-body .order-card .order-head > div:last-child{
  min-width:160px;
  text-align:right;
}
.admin-body .order-card .order-head > div:last-child strong{
  display:inline-flex;
  margin-top:8px;
  font-size:24px;
  letter-spacing:-.035em;
}
.admin-body .order-card .status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  color:#ffffff !important;
  background:rgba(43,125,255,.22) !important;
  border:1px solid rgba(126,199,255,.34) !important;
  font-weight:900;
  font-size:12px;
  letter-spacing:.04em;
}
.admin-body .order-card p{
  line-height:1.72;
  margin:0 0 18px;
}
.admin-body .order-card p b{
  color:#ffffff !important;
}
.admin-body .order-card .data-table{
  margin:18px 0;
  overflow:hidden;
  border-radius:18px;
  background:rgba(3,12,24,.55) !important;
  border:1px solid rgba(145,199,255,.13) !important;
}
.admin-body .order-card .data-table thead th{
  color:#9fd0ff !important;
  background:rgba(43,125,255,.12) !important;
  border-bottom:1px solid rgba(145,199,255,.14) !important;
}
.admin-body .order-card .data-table tbody td{
  color:#edf6ff !important;
  border-bottom:1px solid rgba(145,199,255,.10) !important;
}
.admin-body .order-card .workflow-box{
  margin-top:18px;
  padding:18px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(7,19,38,.88),rgba(4,12,24,.94)) !important;
  border:1px solid rgba(111,194,255,.18) !important;
}
.admin-body .order-card .workflow-box summary{
  color:#ffffff !important;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}
.admin-body .order-card .workflow-box .form-grid{
  margin-top:16px;
}
.admin-body .order-card .workflow-box label{
  color:#ffffff !important;
  font-weight:850;
}
.admin-body .order-card .workflow-box .field,
.admin-body .order-card select,
.admin-body .order-card textarea,
.admin-body .order-card input{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#061427 !important;
  border:1px solid rgba(160,205,255,.26) !important;
  border-radius:14px !important;
}
.admin-body .order-card .workflow-box select option{
  background:#061427 !important;
  color:#ffffff !important;
}
.admin-body .order-card .workflow-box .btn{
  color:#ffffff !important;
}
.admin-body .order-card .workflow-box .form-message{
  color:#c8d8ef !important;
  font-weight:850;
}
@media (max-width:760px){
  .admin-body .order-card .order-head{
    flex-direction:column;
  }
  .admin-body .order-card .order-head > div:last-child{
    text-align:left;
    min-width:0;
  }
}


/* Phase 6.28 simplified admin orders + login/sidebar polish */
.admin-body .admin-sidebar{
  width:210px !important;
}
.admin-body .admin-main{
  margin-left:210px !important;
}
.admin-body .admin-brand{
  padding:18px 14px 12px !important;
}
.admin-body .admin-brand img{
  width:128px !important;
  max-height:78px !important;
  object-fit:contain;
}
.admin-body .admin-brand span{
  display:none !important;
}
.admin-body .admin-nav{
  padding:12px 10px 18px !important;
  gap:6px !important;
}
.admin-body .admin-nav button,
.admin-body .admin-nav a{
  min-height:34px !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  font-size:12px !important;
  line-height:1.15 !important;
}
.admin-body .admin-nav button.active{
  box-shadow:0 8px 22px rgba(43,125,255,.20) !important;
}
@media (max-width:980px){
  .admin-body .admin-sidebar{
    width:100% !important;
  }
  .admin-body .admin-main{
    margin-left:0 !important;
  }
}

.admin-body .admin-login{
  width:min(520px,calc(100% - 32px));
  margin:44px auto 0;
  padding:34px !important;
  text-align:left;
  background:linear-gradient(180deg,rgba(13,31,58,.96),rgba(6,16,31,.98)) !important;
  border:1px solid rgba(111,194,255,.22) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.34) !important;
  color:#eaf4ff !important;
}
.admin-body .admin-login-logo{
  display:block;
  width:170px;
  max-height:95px;
  object-fit:contain;
  margin:0 0 18px;
  filter:drop-shadow(0 14px 30px rgba(43,125,255,.28));
}
.admin-body .admin-login h2{
  color:#ffffff !important;
  font-size:34px;
  margin:0 0 10px;
  letter-spacing:-.04em;
}
.admin-body .admin-login p{
  color:#c9dcf3 !important;
  line-height:1.65;
}
.admin-body .admin-login .field{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#061427 !important;
  border-color:rgba(160,205,255,.28) !important;
}
.admin-body .admin-login .field::placeholder{
  color:#8aa6c8 !important;
}
.admin-body #loginMessage{
  color:#c9dcf3 !important;
}

.admin-body #orders .admin-toolbar{
  padding:16px 18px !important;
  margin-bottom:16px !important;
  border-radius:18px !important;
}
.admin-body #orders .admin-toolbar h2{
  font-size:26px !important;
}
.admin-body .orders-list{
  display:grid !important;
  gap:12px !important;
}
.admin-body .order-simple-card{
  padding:0 !important;
  overflow:hidden;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(10,24,45,.96),rgba(5,14,27,.98)) !important;
  border:1px solid rgba(111,194,255,.16) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
}
.admin-body .order-simple-card *{
  color:#dcecff !important;
}
.admin-body .order-simple-top{
  display:grid;
  grid-template-columns:minmax(260px,1.3fr) minmax(240px,1fr) 150px;
  gap:14px;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid rgba(145,199,255,.10);
}
.admin-body .order-simple-main h3{
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.1;
  margin:0 0 6px;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.admin-body .order-simple-main p{
  margin:0;
  color:#cfe0f6 !important;
  font-weight:800;
  line-height:1.35;
}
.admin-body .order-simple-main small{
  display:block;
  margin-top:4px;
  color:#9fb8d8 !important;
  font-weight:750;
}
.admin-body .order-simple-status{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.admin-body .order-simple-card .status{
  min-height:24px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1 !important;
  color:#ffffff !important;
  background:rgba(43,125,255,.18) !important;
  border:1px solid rgba(126,199,255,.24) !important;
}
.admin-body .order-simple-card .status.muted{
  color:#cfe0f6 !important;
  background:rgba(148,163,184,.12) !important;
}
.admin-body .order-simple-total{
  text-align:right;
}
.admin-body .order-simple-total strong{
  display:block;
  color:#ffffff !important;
  font-size:22px;
  letter-spacing:-.04em;
}
.admin-body .order-simple-total small{
  display:block;
  margin-top:5px;
  color:#9fb8d8 !important;
  font-weight:750;
  text-transform:capitalize;
}
.admin-body .order-simple-strip{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:1px;
  background:rgba(145,199,255,.08);
}
.admin-body .order-simple-strip > div{
  padding:12px 20px;
  background:rgba(4,13,26,.66);
}
.admin-body .order-simple-strip b{
  display:block;
  color:#8fc4ff !important;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.admin-body .order-simple-strip span{
  display:block;
  color:#eaf4ff !important;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.admin-body .order-details-simple{
  border-top:1px solid rgba(145,199,255,.10);
}
.admin-body .order-details-simple > summary{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  cursor:pointer;
  color:#ffffff !important;
  font-weight:900;
  background:rgba(43,125,255,.08);
  list-style:none;
}
.admin-body .order-details-simple > summary::-webkit-details-marker{
  display:none;
}
.admin-body .order-details-simple[open] > summary{
  background:rgba(43,125,255,.16);
  border-bottom:1px solid rgba(145,199,255,.10);
}
.admin-body .order-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:16px 18px 0;
}
.admin-body .order-detail-box{
  padding:14px;
  border-radius:14px;
  background:rgba(7,19,38,.74);
  border:1px solid rgba(145,199,255,.12);
}
.admin-body .order-detail-box h4{
  margin:0 0 8px;
  color:#ffffff !important;
  font-size:13px;
}
.admin-body .order-detail-box p{
  margin:0;
  color:#cfe0f6 !important;
  line-height:1.55;
  font-size:12px;
}
.admin-body .order-items-table{
  margin:16px 18px !important;
  width:calc(100% - 36px) !important;
  border-radius:14px !important;
  overflow:hidden;
}
.admin-body .order-workflow-box,
.admin-body .order-activity-details{
  margin:0 18px 16px !important;
  padding:14px !important;
  border-radius:14px !important;
  background:rgba(4,13,26,.70) !important;
  border:1px solid rgba(145,199,255,.12) !important;
}
.admin-body .order-workflow-box summary,
.admin-body .order-activity-details summary{
  color:#ffffff !important;
  font-weight:900;
  cursor:pointer;
}
.admin-body .order-actions-row{
  gap:8px !important;
}
.admin-body .order-actions-row .btn{
  min-height:34px !important;
  padding:8px 12px !important;
  font-size:12px !important;
}
.admin-body .order-activity-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.admin-body .order-activity-row{
  padding:11px 12px;
  border-radius:12px;
  background:rgba(8,22,42,.72);
  border:1px solid rgba(145,199,255,.10);
}
.admin-body .order-activity-row b{
  display:block;
  color:#ffffff !important;
  font-size:12px;
}
.admin-body .order-activity-row span{
  display:block;
  color:#9fb8d8 !important;
  font-size:11px;
  margin-top:3px;
}
.admin-body .order-activity-row p{
  margin:6px 0 0;
  color:#cfe0f6 !important;
  font-size:12px;
  line-height:1.45;
}
.admin-body .order-simple-card .field,
.admin-body .order-simple-card select,
.admin-body .order-simple-card textarea,
.admin-body .order-simple-card input{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#061427 !important;
  border-color:rgba(160,205,255,.24) !important;
}
@media (max-width:1180px){
  .admin-body .order-simple-top{
    grid-template-columns:1fr;
  }
  .admin-body .order-simple-total{
    text-align:left;
  }
  .admin-body .order-simple-strip{
    grid-template-columns:1fr 1fr;
  }
  .admin-body .order-detail-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .admin-body .order-simple-strip{
    grid-template-columns:1fr;
  }
  .admin-body .order-simple-top{
    padding:16px;
  }
  .admin-body .order-simple-strip > div{
    padding:11px 16px;
  }
}


/* Phase 6.29 checkout payment action + admin alignment repair */
.checkout-brand img{
  width:190px !important;
  max-height:110px !important;
  object-fit:contain !important;
}
.checkout-brand{
  gap:18px !important;
}
.checkout-brand span{
  font-size:14px !important;
  letter-spacing:.09em !important;
}
.checkout-actions .btn:disabled,
.checkout-actions .btn.disabled,
.checkout-payment-card .btn:disabled,
.checkout-payment-card .btn.disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
  transform:none !important;
}
.checkout-card-head b{
  color:#ffffff !important;
}
@media (max-width:620px){
  .checkout-brand img{
    width:150px !important;
    max-height:90px !important;
  }
}

/* Admin full-page alignment reset */
.admin-body{
  --admin-sidebar-w:210px;
}
.admin-body .admin-sidebar{
  width:var(--admin-sidebar-w) !important;
  min-width:var(--admin-sidebar-w) !important;
  max-width:var(--admin-sidebar-w) !important;
}
.admin-body .admin-main{
  margin-left:var(--admin-sidebar-w) !important;
  width:calc(100vw - var(--admin-sidebar-w)) !important;
  max-width:none !important;
  min-width:0 !important;
  padding:28px 32px 56px !important;
  box-sizing:border-box !important;
}
.admin-body .admin-main > *{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.admin-body .admin-panels,
.admin-body .admin-panel,
.admin-body #adminPanels{
  width:100% !important;
  max-width:none !important;
}
.admin-body .admin-top,
.admin-body .admin-toolbar,
.admin-body .table-card,
.admin-body .glass-card{
  max-width:none !important;
  box-sizing:border-box !important;
}
.admin-body .admin-top{
  margin:0 0 28px !important;
}
.admin-body .admin-top h1{
  max-width:none !important;
}
.admin-body .admin-panel{
  margin-top:0 !important;
}
.admin-body .admin-stats{
  width:100% !important;
}
.admin-body .admin-product-layout,
.admin-body .admin-coa-layout,
.admin-body .settings-layout,
.admin-body .gateway-grid,
.admin-body .deployment-grid{
  width:100% !important;
  max-width:none !important;
}

/* Admin order list spacing/alignment repair */
.admin-body #orders{
  width:100% !important;
  max-width:none !important;
}
.admin-body #orders .admin-toolbar{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.admin-body #ordersList{
  width:100% !important;
  display:grid !important;
  gap:14px !important;
}
.admin-body .order-simple-card{
  width:100% !important;
}
.admin-body .order-simple-top{
  grid-template-columns:minmax(300px,1.4fr) minmax(300px,1fr) minmax(145px,.35fr) !important;
}
.admin-body .order-simple-status{
  justify-content:flex-start !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.admin-body .order-simple-status .status{
  width:auto !important;
  max-width:100% !important;
}
.admin-body .order-simple-strip{
  grid-template-columns:minmax(260px,1.4fr) minmax(210px,.8fr) minmax(230px,1fr) minmax(150px,.6fr) !important;
}
.admin-body .order-simple-strip > div{
  min-width:0 !important;
}
.admin-body .order-simple-strip span{
  overflow-wrap:anywhere !important;
}
.admin-body .order-details-simple > summary{
  justify-content:flex-start !important;
  padding-left:20px !important;
}
.admin-body .order-detail-grid,
.admin-body .order-items-table,
.admin-body .order-workflow-box,
.admin-body .order-activity-details{
  max-width:none !important;
}
@media (max-width:1180px){
  .admin-body .order-simple-top{
    grid-template-columns:1fr !important;
  }
  .admin-body .order-simple-strip{
    grid-template-columns:1fr 1fr !important;
  }
}
@media (max-width:980px){
  .admin-body{
    --admin-sidebar-w:0px;
  }
  .admin-body .admin-sidebar{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .admin-body .admin-main{
    margin-left:0 !important;
    width:100% !important;
    padding:22px 16px 46px !important;
  }
}
@media (max-width:640px){
  .admin-body .order-simple-strip{
    grid-template-columns:1fr !important;
  }
}


/* Phase 6.30 final admin width/grid alignment fix */
.admin-body{
  --admin-sidebar-w:190px !important;
  display:grid !important;
  grid-template-columns:var(--admin-sidebar-w) minmax(0,1fr) !important;
  align-items:start !important;
  min-height:100vh !important;
  width:100% !important;
  overflow-x:hidden !important;
}
.admin-body .admin-sidebar{
  grid-column:1 !important;
  grid-row:1 !important;
  width:var(--admin-sidebar-w) !important;
  min-width:var(--admin-sidebar-w) !important;
  max-width:var(--admin-sidebar-w) !important;
  height:100vh !important;
  min-height:100vh !important;
  position:sticky !important;
  top:0 !important;
  box-sizing:border-box !important;
  padding:20px 14px !important;
}
.admin-body .admin-main{
  grid-column:2 !important;
  grid-row:1 !important;
  margin-left:0 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  padding:28px 28px 56px !important;
  box-sizing:border-box !important;
}
.admin-body .admin-main > *,
.admin-body .admin-top,
.admin-body .admin-panels,
.admin-body .admin-panel,
.admin-body .admin-panel.active,
.admin-body .admin-stats,
.admin-body .admin-toolbar,
.admin-body .table-card,
.admin-body .glass-card,
.admin-body #orders,
.admin-body #ordersList{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.admin-body .admin-top{
  margin:0 0 24px !important;
}
.admin-body .admin-panel.active{
  display:grid !important;
  gap:22px !important;
}
.admin-body .admin-brand{
  padding:12px 8px 16px !important;
  margin-bottom:18px !important;
}
.admin-body .admin-brand img{
  width:118px !important;
  max-width:100% !important;
  display:block !important;
  margin:0 auto !important;
}
.admin-body .admin-nav{
  padding:10px 0 18px !important;
  gap:6px !important;
}
.admin-body .admin-nav button,
.admin-body .admin-nav a{
  width:100% !important;
  min-height:32px !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  font-size:12px !important;
}
.admin-body .admin-stats{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
}
.admin-body .order-simple-top{
  grid-template-columns:minmax(280px,1.25fr) minmax(260px,.9fr) minmax(140px,.35fr) !important;
}
.admin-body .order-simple-strip{
  grid-template-columns:minmax(260px,1.4fr) minmax(210px,.8fr) minmax(220px,1fr) minmax(150px,.55fr) !important;
}
@media (max-width:1180px){
  .admin-body .order-simple-top{
    grid-template-columns:1fr !important;
  }
  .admin-body .order-simple-strip{
    grid-template-columns:1fr 1fr !important;
  }
}
@media (max-width:980px){
  .admin-body{
    --admin-sidebar-w:100% !important;
    display:block !important;
    overflow-x:hidden !important;
  }
  .admin-body .admin-sidebar{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
  }
  .admin-body .admin-main{
    grid-column:auto !important;
    width:100% !important;
    margin-left:0 !important;
    padding:22px 16px 46px !important;
  }
}
@media (max-width:640px){
  .admin-body .order-simple-strip{
    grid-template-columns:1fr !important;
  }
}


/* Phase 6.31 customer-facing checkout payment status messages */
.checkout-status-note,
.checkout-success-note{
  margin-top:20px;
  padding:18px 20px;
  border-radius:18px;
  line-height:1.65;
  font-weight:750;
}
.checkout-status-note{
  color:#d9eaff;
  background:linear-gradient(180deg,rgba(43,125,255,.13),rgba(43,125,255,.07));
  border:1px solid rgba(126,199,255,.24);
}
.checkout-success-note{
  color:#d8ffe7;
  background:linear-gradient(180deg,rgba(34,197,94,.15),rgba(34,197,94,.08));
  border:1px solid rgba(94,228,170,.30);
}
.checkout-status-note strong,
.checkout-success-note strong{
  display:block;
  color:#ffffff !important;
  margin-bottom:5px;
}
.checkout-payment-card .checkout-actions .btn{
  min-width:190px;
}
