:root{
  --navy:#071327;--navy2:#102b50;--gold:#f3b521;--cream:#f7f4ed;
  --text:#1c2430;--muted:#687386;--white:#fff;--line:#dfe4ea;--green:#1f7a4f;
  --red:#b92525;--shadow:0 16px 40px rgba(7,19,39,.14);--radius:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;padding:9px 0;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy);letter-spacing:.4px}.brand img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--navy)}
.nav-links{display:flex;align-items:center;gap:22px;font-weight:700}.nav-links a:hover,.nav-links a.active{color:#9a6a00}.nav-actions{display:flex;align-items:center;gap:10px}
.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-primary{background:var(--gold);color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-danger{background:#fee8e8;color:var(--red)}
.cart-btn{position:relative}.cart-count{position:absolute;right:-5px;top:-7px;background:#d7382f;color:#fff;font-size:11px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}
.hero{background:radial-gradient(circle at 78% 30%,rgba(243,181,33,.22),transparent 28%),linear-gradient(115deg,#071327,#102b50);padding:88px 0;color:white;overflow:hidden;perspective:1400px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px}
.hero-copy,.hero-3d{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out}.hero-3d{position:relative}
.hero-3d:before,.hero-3d:after{content:"";position:absolute;border-radius:50%;filter:blur(3px);z-index:-1}
.hero-3d:before{width:260px;height:260px;background:rgba(243,181,33,.16);top:-40px;right:-45px}
.hero-3d:after{width:150px;height:150px;background:rgba(255,255,255,.08);bottom:-30px;left:-20px}
.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:2px}
h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:14px 0 22px}h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 14px}h3{margin:0 0 8px}
.hero p{font-size:19px;line-height:1.65;color:#e4e9f1;max-width:690px}
.hero-card{background:white;color:var(--text);padding:28px;border-radius:28px;box-shadow:0 30px 65px rgba(0,0,0,.26);transform:translateZ(55px) rotateY(-4deg)}
.hero-card img{width:180px;border-radius:50%;display:block;margin:0 auto 18px}.steps{display:grid;gap:13px}.step{display:flex;gap:13px;align-items:flex-start}.step b{background:var(--gold);color:var(--navy);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.section{padding:78px 0}.section-soft{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-head p{max-width:650px;color:var(--muted);line-height:1.65}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(7,19,39,.05)}
.icon-box{font-size:34px;width:62px;height:62px;border-radius:18px;background:#fff4cd;display:grid;place-items:center;margin-bottom:18px}.card p{color:var(--muted);line-height:1.6}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.filter.active{background:var(--navy);color:#fff}
.searchbar{display:flex;gap:10px;margin-bottom:22px}.searchbar input,.form-control{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font:inherit;outline:none}.searchbar input:focus,.form-control:focus{border-color:#9b7b22;box-shadow:0 0 0 3px rgba(243,181,33,.2)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-art{height:160px;background:linear-gradient(145deg,#f8f4e6,#eef2f7);display:grid;place-items:center;font-size:66px}.product-body{padding:19px;display:flex;flex-direction:column;flex:1}.pill{font-size:12px;font-weight:900;color:#765200;background:#fff0b8;padding:6px 9px;border-radius:999px;align-self:flex-start}.product-card p{font-size:14px;color:var(--muted);line-height:1.5;flex:1}.price{font-size:22px;font-weight:950;color:var(--navy);margin:6px 0}.stock{font-size:13px;color:var(--green);font-weight:800}.tax{font-size:12px;color:#845e00;font-weight:800}
.footer{background:var(--navy);color:#fff;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer p,.footer a{color:#cbd4e1;line-height:1.7}.footer a:hover{color:var(--gold)}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:20px;color:#aeb8c7;font-size:14px}
.page-hero{background:var(--navy);color:#fff;padding:65px 0}.page-hero h1{font-size:52px}.page-hero p{color:#dce3ec;font-size:18px}
.cart-panel{position:fixed;right:-430px;top:0;width:min(420px,100%);height:100vh;background:#fff;z-index:100;box-shadow:-20px 0 50px rgba(7,19,39,.18);transition:.3s;padding:22px;display:flex;flex-direction:column}.cart-panel.open{right:0}.overlay{position:fixed;inset:0;background:rgba(7,19,39,.55);z-index:90;display:none}.overlay.show{display:block}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:8px}.qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:white;cursor:pointer}.cart-total{font-size:22px;font-weight:900;display:flex;justify-content:space-between;margin:18px 0}
.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.form-group{margin-bottom:17px}.form-group label{display:block;font-weight:800;margin-bottom:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{padding:15px;border-radius:14px;background:#fff5cf;color:#5d4500;border:1px solid #f0d36f;line-height:1.55}.success{display:none;padding:20px;border-radius:16px;background:#e6f7ee;color:#155d3b;margin-top:18px}
.login-wrap{min-height:70vh;display:grid;place-items:center;background:linear-gradient(145deg,#f7f4ed,#edf1f6);padding:60px 20px}.login-card{width:min(470px,100%);background:white;padding:32px;border-radius:24px;box-shadow:var(--shadow)}.login-card img{width:110px;border-radius:50%;display:block;margin:0 auto 16px}.admin-shell{display:none;padding:50px 0}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric{padding:22px;background:white;border:1px solid var(--line);border-radius:18px}.metric strong{display:block;font-size:32px;color:var(--navy)}
.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table input,.admin-table select{padding:8px;border:1px solid var(--line);border-radius:9px;max-width:125px}
.product-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.detail-art{min-height:430px;border-radius:28px;background:linear-gradient(145deg,#f8f4e6,#e8edf4);display:grid;place-items:center;font-size:150px}.detail-panel{padding:20px 0}.big-stock{font-size:18px;color:var(--green);font-weight:900;margin:16px 0}.quantity-picker{display:flex;gap:12px;align-items:center;margin:20px 0}.quantity-picker input{width:95px;padding:13px;border:1px solid var(--line);border-radius:12px}
.reservation{border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:14px;background:white}.reservation small{color:var(--muted)}.status{padding:6px 10px;border-radius:999px;background:#fff0b8;font-size:12px;font-weight:900}
.mobile-toggle{display:none}
@media(max-width:900px){.hero-grid,.checkout-grid,.footer-grid,.product-detail{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.admin-grid{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav-links.show{display:flex}.mobile-toggle{display:inline-flex}.hero{padding:60px 0}.hero-card{transform:none}.admin-table{display:block;overflow-x:auto}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.nav-actions .btn-light{display:none}.brand span{display:none}.section{padding:55px 0}.detail-art{min-height:280px;font-size:110px}}

.simple-section{padding:90px 0}
.simple-section.alt{background:#f7f4ed}
.simple-intro{max-width:760px;margin-bottom:34px}
.simple-intro p{font-size:18px;line-height:1.7;color:var(--muted)}
.simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.simple-block{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}
.simple-block h3{font-size:24px}
.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-box{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;font-weight:900;font-size:18px}
.long-cta{background:var(--navy);color:white;border-radius:28px;padding:48px}
.long-cta p{color:#d6deea;max-width:700px;line-height:1.7}
.faq{display:grid;gap:14px}
.faq details{background:white;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.faq summary{font-weight:900;cursor:pointer}
.product-photo{width:100%;height:100%;object-fit:cover}
.detail-photo{width:100%;height:430px;object-fit:cover;border-radius:28px;background:#eef2f7}
.admin-thumb{width:62px;height:62px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.image-preview{width:120px;height:120px;object-fit:cover;border-radius:14px;border:1px solid var(--line);display:none;margin-top:10px}
@media(max-width:900px){.simple-grid,.category-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.simple-grid,.category-strip{grid-template-columns:1fr}}

.order-card{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:14px;overflow:hidden}
.order-summary{padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer}
.order-summary:hover{background:#faf8f1}
.order-details{display:none;padding:0 18px 18px;border-top:1px solid var(--line)}
.order-card.open .order-details{display:block}
.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.customer-phone{font-size:18px;font-weight:900;color:var(--navy)}
.emoji-picker-row{display:flex;gap:10px;align-items:center}
.emoji-picker-row input{max-width:120px;text-align:center;font-size:24px}

/* ===== Premium BZ visual upgrade ===== */
:root{
  --navy:#07182c;
  --navy2:#0d2745;
  --gold:#d5a62e;
  --cream:#f7f4ec;
  --paper:#fcfbf8;
  --text:#1d2733;
  --muted:#66717f;
  --line:#e4e7eb;
  --shadow:0 18px 48px rgba(7,24,44,.10);
}
body{background:var(--paper)}
.topbar{background:#06111f;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{box-shadow:0 8px 24px rgba(7,24,44,.04)}
.brand{letter-spacing:.8px}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.hero{
  min-height:690px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 22%,rgba(213,166,46,.18),transparent 22%),
    linear-gradient(135deg,#06111f 0%,#0b213d 55%,#12345a 100%);
}
.hero h1{max-width:760px;letter-spacing:-1.7px}
.hero p{max-width:720px}
.hero-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.kicker{font-size:13px;letter-spacing:2.4px}
.btn{transition:.2s transform,.2s box-shadow,.2s background}
.btn:hover{transform:translateY(-1px)}
.btn-primary{box-shadow:0 8px 22px rgba(213,166,46,.22)}
.simple-block,.card,.category-box,.form-card,.order-card{box-shadow:0 8px 30px rgba(7,24,44,.045)}
.simple-block,.card,.category-box{transition:.22s transform,.22s box-shadow,.22s border-color}
.simple-block:hover,.card:hover,.category-box:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d8dce1}
.category-box{min-height:110px;display:grid;place-items:center}
.long-cta{
  background:linear-gradient(135deg,#07182c,#0f3156);
  box-shadow:0 24px 60px rgba(7,24,44,.16);
}
.product-card{border-color:#e2e6ea}
.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(7,24,44,.12)}
.page-hero{
  background:
    radial-gradient(circle at 88% 30%,rgba(213,166,46,.14),transparent 24%),
    linear-gradient(135deg,#06111f,#0d2745);
}
.footer{background:#06111f}
.footer .brand img{border-color:var(--gold)}
.notice{background:#fff9e8;border-color:#ead28a}
.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#66717f;background:#faf9f5}
.admin-table td{background:#fff}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.trust-item{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.045);color:#e8edf3}
.trust-item b{display:block;color:#fff;margin-bottom:4px}
.premium-banner{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.premium-banner p{color:var(--muted);line-height:1.7;margin:8px 0 0}
@media(max-width:900px){.trust-strip{grid-template-columns:1fr 1fr}.premium-banner{grid-template-columns:1fr}}
@media(max-width:560px){.trust-strip{grid-template-columns:1fr}.hero{min-height:auto}}

/* ===== V6 CINEMATIC 3D EXPERIENCE ===== */
:root{--bz-navy:#061522;--bz-navy-2:#0b2741;--bz-navy-3:#123a5d;--bz-gold:#d8aa36;--bz-gold-soft:#f0d98f;--bz-paper:#fdfcf9;--bz-ink:#16212b}
body{background:var(--bz-paper);overflow-x:hidden}
.hero{min-height:800px;position:relative;isolation:isolate;overflow:hidden;perspective:1600px;background:radial-gradient(circle at 75% 22%,rgba(216,170,54,.20),transparent 22%),radial-gradient(circle at 18% 76%,rgba(255,255,255,.05),transparent 24%),linear-gradient(135deg,var(--bz-navy) 0%,var(--bz-navy-2) 54%,var(--bz-navy-3) 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;top:40px;right:-100px;box-shadow:0 0 0 42px rgba(255,255,255,.015),0 0 0 92px rgba(216,170,54,.025);z-index:-1}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:130px;background:linear-gradient(to top,rgba(6,21,34,.55),transparent);z-index:-1}
.hero-grid{min-height:800px}.hero-copy{transform-style:preserve-3d}.hero-copy h1{font-size:clamp(54px,7.4vw,96px);max-width:850px;letter-spacing:-3px;text-shadow:0 18px 45px rgba(0,0,0,.25)}.hero-copy p{font-size:20px}
.hero-3d{transform-style:preserve-3d;position:relative}.hero-card{position:relative;transform:translateZ(80px) rotateY(-8deg) rotateX(2deg);border-radius:34px;padding:34px;backdrop-filter:blur(16px);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,248,242,.94));box-shadow:0 45px 110px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.8)}
.hero-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(6,21,34,.07);border-radius:26px;pointer-events:none}.hero-card img{width:205px;filter:drop-shadow(0 16px 20px rgba(6,21,34,.18))}
.floating-tool{position:absolute;display:grid;place-items:center;width:86px;height:86px;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 24px 50px rgba(0,0,0,.20);font-size:44px;animation:floatTool 5.5s ease-in-out infinite;transform-style:preserve-3d}.floating-tool.one{right:-34px;top:60px;animation-delay:-1s}.floating-tool.two{left:-50px;bottom:85px;animation-delay:-2.5s}.floating-tool.three{right:30px;bottom:-35px;animation-delay:-4s}@keyframes floatTool{0%,100%{transform:translateY(0) rotate(0deg) translateZ(80px)}50%{transform:translateY(-18px) rotate(4deg) translateZ(100px)}}
.hero-scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#d9e1ea;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.hero-scroll-hint:after{content:"";display:block;width:1px;height:34px;background:linear-gradient(var(--bz-gold),transparent);margin:8px auto 0}
.trust-strip{grid-template-columns:repeat(4,1fr)}.trust-item{backdrop-filter:blur(12px);background:rgba(255,255,255,.055);transform:translateZ(20px)}.section-3d{perspective:1200px}.card-3d{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.card-3d:hover{transform:translateY(-8px) rotateX(3deg) rotateY(-2deg);box-shadow:0 26px 60px rgba(6,21,34,.13)}.card-3d .icon-box{transform:translateZ(26px)}.card-3d h3{transform:translateZ(18px)}
.category-box{position:relative;overflow:hidden}.category-box:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(216,170,54,.18),transparent 70%);right:-25px;top:-25px}.category-box:hover{transform:translateY(-7px) scale(1.01)}
.premium-banner{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 50%,rgba(216,170,54,.15),transparent 28%),linear-gradient(145deg,#fff,#faf7ef)}.premium-banner:after{content:"BZ";position:absolute;right:30px;bottom:-32px;font-size:120px;font-weight:950;color:rgba(6,21,34,.035)}
.page-hero{padding:90px 0}.product-card{transform-style:preserve-3d}.product-card:hover{transform:translateY(-9px) rotateX(2deg)}.product-art{position:relative;overflow:hidden}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.45),transparent 70%);transform:translateX(-120%);transition:.6s}.product-card:hover .product-art:after{transform:translateX(120%)}
.login-card{border:1px solid rgba(6,21,34,.07);box-shadow:0 30px 80px rgba(6,21,34,.16)}.footer{position:relative;overflow:hidden}.footer:before{content:"BZ";position:absolute;right:4%;bottom:-80px;font-size:250px;font-weight:950;color:rgba(255,255,255,.025)}
@media(max-width:900px){.hero,.hero-grid{min-height:auto}.hero{padding:85px 0 105px}.hero-card{transform:none}.floating-tool{display:none}.trust-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero-copy h1{font-size:54px;letter-spacing:-2px}.trust-strip{grid-template-columns:1fr}}

/* ===================================================================
   ===== V7 — CARTOON TOYBOX 3D THEME =====
   Design plan:
   Color — cream #FFF6E9 bg, ink #1E2233 outlines/text, orange #FF7A3D
   primary, pink #F0357C + blue #2E7CF6 hero gradient, yellow #FFCB3D
   accent, green #2DAE71 stock.
   Type — 'Baloo 2' (chunky rounded) for headings/buttons/kickers,
   'Nunito' for body copy.
   Signature — every card/button is a thick-outlined toy "sticker" with
   a hard offset ink shadow that visually presses flat on hover, like a
   satisfying toy button. Hero becomes a bright sunset-to-sky gradient
   with comic-outlined lettering and wiggling tool badges.
   =================================================================== */
:root{
  --bz-ink:#1E2233;
  --bz-orange:#FF7A3D;
  --bz-orange-deep:#E85D25;
  --bz-blue:#2E7CF6;
  --bz-pink:#F0357C;
  --bz-yellow:#FFCB3D;
  --bz-green:#2DAE71;
  --bz-cream:#FFF6E9;

  /* retheme the original design tokens so every var() usage updates */
  --navy:var(--bz-ink);
  --navy2:#2B3350;
  --gold:var(--bz-yellow);
  --cream:#FFEFD6;
  --paper:var(--bz-cream);
  --text:var(--bz-ink);
  --muted:#5B5F78;
  --line:var(--bz-ink);
  --green:var(--bz-green);
  --red:#FF5C5C;
  --radius:24px;
  --shadow:6px 6px 0 var(--bz-ink);

  /* retheme the v6 "cinematic" tokens that drive the hero gradient */
  --bz-navy:#FF7A3D;
  --bz-navy-2:#F0357C;
  --bz-navy-3:#2E7CF6;
  --bz-gold:#FFCB3D;
  --bz-gold-soft:#FFE9B8;
  --bz-paper:var(--bz-cream);
}

body{font-family:'Nunito',Arial,sans-serif;background:var(--bz-cream)}
h1,h2,h3,.kicker,.btn,.brand span,.price{font-family:'Baloo 2','Nunito',sans-serif}
h1,h2,h3{color:var(--bz-ink)}
.kicker{color:var(--bz-orange-deep);font-weight:800}
.hero .kicker,.page-hero .kicker{color:var(--bz-yellow);text-shadow:1px 1px 0 rgba(30,34,51,.5)}

/* top bar & nav */
.topbar{background:var(--bz-ink);border-bottom:3px solid var(--bz-orange)}
.nav{background:#fff;border-bottom:3px solid var(--bz-ink);box-shadow:0 4px 0 rgba(30,34,51,.05)}
.brand{color:var(--bz-ink)}
.brand img{border:3px solid var(--bz-ink)}
.nav-links a{font-weight:800}
.nav-links a:hover,.nav-links a.active{color:var(--bz-orange-deep)}
.nav-links a:after{background:var(--bz-orange);height:3px}
.cart-count{background:var(--bz-pink);border:2px solid var(--bz-ink);color:#fff}

/* chunky toy buttons */
.btn{border-radius:999px;font-weight:800;border:3px solid var(--bz-ink);box-shadow:5px 5px 0 var(--bz-ink);transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--bz-ink)}
.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--bz-ink)}
.btn-primary{background:var(--bz-yellow);color:var(--bz-ink)}
.btn-dark{background:var(--bz-ink);color:#fff;border-color:var(--bz-ink)}
.btn-light{background:#fff;color:var(--bz-ink)}
.btn-danger{background:#FFE1E1;color:#D63C3C;border-color:#D63C3C}

/* hero: bright cartoon sky instead of navy/gold cinema */
.hero{background:linear-gradient(160deg,var(--bz-navy) 0%,var(--bz-navy-2) 52%,var(--bz-navy-3) 100%)}
.hero:before{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 30px rgba(255,255,255,.06),0 0 0 70px rgba(255,255,255,.045)}
.hero-copy h1{color:#fff;-webkit-text-stroke:2px var(--bz-ink);text-shadow:5px 5px 0 var(--bz-ink)}
.hero p{color:#fff8ee}
.hero-card{border:4px solid var(--bz-ink);box-shadow:10px 10px 0 var(--bz-ink);background:#fff}
.hero-card:before{border-color:rgba(30,34,51,.15)}
.hero-card img{border:4px solid var(--bz-ink)}
.step b{border:2px solid var(--bz-ink)}
.hero-scroll-hint{color:#fff}
.hero-scroll-hint:after{background:linear-gradient(var(--bz-yellow),transparent)}

/* wiggling toy tool badges */
.floating-tool{border:3px solid var(--bz-ink);border-radius:26px;box-shadow:6px 6px 0 var(--bz-ink)}
.floating-tool.one{background:var(--bz-yellow)}
.floating-tool.two{background:#fff}
.floating-tool.three{background:var(--bz-blue)}
@keyframes floatTool{0%,100%{transform:translateY(0) rotate(-8deg) translateZ(80px)}50%{transform:translateY(-16px) rotate(8deg) translateZ(108px)}}

.trust-item{border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);border-radius:18px}
.trust-item b{color:var(--bz-yellow)}

/* toy-block sticker cards everywhere */
.simple-block,.card,.category-box,.form-card,.order-card,.faq details,.metric,.login-card,.premium-banner,.product-card{
  border:3px solid var(--bz-ink) !important;
  border-radius:22px;
  box-shadow:6px 6px 0 var(--bz-ink) !important;
  background:#fff;
}
.simple-block:hover,.card:hover,.category-box:hover,.card-3d:hover,.product-card:hover{
  transform:translate(4px,4px) !important;
  box-shadow:2px 2px 0 var(--bz-ink) !important;
  border-color:var(--bz-ink) !important;
}

.icon-box{background:var(--bz-yellow);border:3px solid var(--bz-ink);border-radius:16px}
.grid-3 .card:nth-child(3n+2) .icon-box{background:var(--bz-orange);color:#fff}
.grid-3 .card:nth-child(3n+3) .icon-box{background:var(--bz-blue);color:#fff}

.category-box{font-weight:800;border-radius:20px}
.category-box:nth-child(8n+1){background:#FFE3B0}
.category-box:nth-child(8n+2){background:#FFD1DC}
.category-box:nth-child(8n+3){background:#CFE8FF}
.category-box:nth-child(8n+4){background:#D8F5E3}
.category-box:nth-child(8n+5){background:#FFE9B8}
.category-box:nth-child(8n+6){background:#E4D9FF}
.category-box:nth-child(8n+7){background:#FFD9C2}
.category-box:nth-child(8n+8){background:#D4F0F0}
.category-box:after{background:radial-gradient(circle,rgba(30,34,51,.06),transparent 70%)}

.product-art{background:linear-gradient(160deg,#FFEFD6,#FFE1F0)}
.pill{background:var(--bz-yellow);color:var(--bz-ink);border:2px solid var(--bz-ink);font-weight:800}
.price{color:var(--bz-orange-deep);font-weight:900}
.stock{color:var(--bz-green);font-weight:800}
.tax{color:#8A5A00}

.detail-art{background:linear-gradient(160deg,#FFEFD6,#CFE8FF);border:3px solid var(--bz-ink);border-radius:24px}
.detail-photo{border:3px solid var(--bz-ink)}
.big-stock{color:var(--bz-green)}

.filter{border:2px solid var(--bz-ink);font-weight:800;border-radius:999px}
.filter.active{background:var(--bz-ink);color:#fff}

.form-control{border:2px solid var(--bz-ink);border-radius:14px}
.form-control:focus{box-shadow:0 0 0 3px rgba(255,122,61,.25);border-color:var(--bz-orange)}

.premium-banner:after{color:rgba(30,34,51,.05)}
.long-cta{background:linear-gradient(135deg,var(--bz-blue),var(--bz-pink));border:3px solid var(--bz-ink);box-shadow:8px 8px 0 var(--bz-ink);border-radius:26px}
.long-cta h2,.long-cta p{color:#fff}

.faq summary{color:var(--bz-ink)}

.footer{background:var(--bz-ink);border-top:6px solid var(--bz-orange)}
.footer a:hover{color:var(--bz-yellow)}
.footer:before{color:rgba(255,255,255,.04)}
.footer .brand img{border-color:var(--bz-yellow)}

.page-hero{background:linear-gradient(135deg,var(--bz-blue),var(--bz-pink))}
.page-hero h1{color:#fff;-webkit-text-stroke:1.5px var(--bz-ink);text-shadow:4px 4px 0 var(--bz-ink)}
.page-hero p{color:#fff8ee}

.login-card img{border:3px solid var(--bz-ink)}

.admin-table th{background:#FFEFD6;color:var(--bz-ink);border-bottom:2px solid var(--bz-ink)}
.admin-table td{border-bottom:1px solid #E5DCC8}
.metric strong{color:var(--bz-orange-deep)}

.cart-panel{border-left:4px solid var(--bz-ink)}
.qty button{border:2px solid var(--bz-ink)}

.notice{border:2px solid var(--bz-yellow);background:#FFF3D0;color:#6b4d00}
.success{border:2px solid var(--bz-green)}
.status{background:var(--bz-yellow);border:2px solid var(--bz-ink);color:var(--bz-ink)}
.reservation{border:2px solid var(--bz-ink);border-radius:16px}
.order-summary:hover{background:#FFF3D0}

@media(max-width:560px){
  .btn{box-shadow:4px 4px 0 var(--bz-ink)}
  .simple-block,.card,.category-box,.form-card,.order-card,.product-card,.premium-banner,.login-card{box-shadow:4px 4px 0 var(--bz-ink) !important}
  .hero-copy h1{-webkit-text-stroke:1.5px var(--bz-ink);text-shadow:3px 3px 0 var(--bz-ink)}
}

/* ===== V8 FULL CARTOON + "4D" LAYERED EXPERIENCE ===== */
:root{
  --toon-navy:#08213a;
  --toon-blue:#0f4f86;
  --toon-gold:#f5bf3d;
  --toon-cream:#fff8e8;
  --toon-paper:#fffdf7;
  --toon-ink:#122334;
  --toon-line:#18314a;
}
body{
  background:
    radial-gradient(circle at 10% 10%,rgba(245,191,61,.08),transparent 18%),
    radial-gradient(circle at 90% 80%,rgba(15,79,134,.07),transparent 20%),
    var(--toon-paper);
}
.nav{
  border-bottom:3px solid var(--toon-line);
  box-shadow:0 7px 0 rgba(8,33,58,.07);
}
.brand img{
  box-shadow:0 5px 0 rgba(8,33,58,.18);
}
.btn{
  border:2px solid var(--toon-line)!important;
  box-shadow:0 5px 0 var(--toon-line)!important;
  transition:.16s ease!important;
}
.btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 7px 0 var(--toon-line)!important;
}
.btn:active{
  transform:translateY(3px)!important;
  box-shadow:0 2px 0 var(--toon-line)!important;
}
.hero{
  min-height:830px;
  background:
    radial-gradient(circle at 80% 20%,rgba(245,191,61,.22),transparent 24%),
    linear-gradient(135deg,#061827 0%,#0d3153 55%,#17608f 100%);
  border-bottom:5px solid var(--toon-line);
}
.hero:before{
  border:3px dashed rgba(255,255,255,.12)!important;
}
.hero-copy h1{
  font-weight:950;
  text-shadow:
    0 4px 0 rgba(0,0,0,.26),
    0 12px 25px rgba(0,0,0,.22);
}
.hero-card{
  border:4px solid var(--toon-line)!important;
  border-radius:36px!important;
  box-shadow:
    14px 16px 0 rgba(5,23,39,.38),
    0 35px 80px rgba(0,0,0,.28)!important;
  background:linear-gradient(145deg,#ffffff,#fff6d9)!important;
}
.hero-card:before{
  border:2px dashed rgba(8,33,58,.14)!important;
}
.floating-tool{
  border:3px solid var(--toon-line);
  box-shadow:8px 10px 0 rgba(8,33,58,.25)!important;
}
.cartoon-cloud{
  position:absolute;
  width:150px;height:52px;
  background:#fff;
  border:3px solid var(--toon-line);
  border-radius:999px;
  opacity:.96;
  box-shadow:5px 6px 0 rgba(8,33,58,.15);
  z-index:-1;
  animation:cloudMove 13s ease-in-out infinite;
}
.cartoon-cloud:before,.cartoon-cloud:after{
  content:"";
  position:absolute;
  background:#fff;
  border:3px solid var(--toon-line);
  border-bottom:0;
  border-radius:50% 50% 0 0;
}
.cartoon-cloud:before{width:55px;height:42px;left:22px;top:-29px}
.cartoon-cloud:after{width:68px;height:50px;right:20px;top:-37px}
.cartoon-cloud.c1{top:110px;left:5%}
.cartoon-cloud.c2{bottom:145px;right:4%;transform:scale(.72);animation-delay:-5s}
@keyframes cloudMove{0%,100%{translate:0 0}50%{translate:24px -5px}}

.simple-block,.card,.category-box,.product-card,.form-card,.order-card,.premium-banner{
  border:3px solid var(--toon-line)!important;
  border-radius:24px!important;
  box-shadow:7px 8px 0 rgba(8,33,58,.12)!important;
}
.simple-block:hover,.card:hover,.category-box:hover,.product-card:hover{
  box-shadow:11px 13px 0 rgba(8,33,58,.15)!important;
}
.icon-box{
  border:2px solid var(--toon-line);
  box-shadow:4px 5px 0 rgba(8,33,58,.12);
}
.category-box{
  font-size:20px!important;
  background:linear-gradient(145deg,#fff,#fff4d4)!important;
}
.category-box:nth-child(even){
  background:linear-gradient(145deg,#fff,#eaf5ff)!important;
}
.section-wave{
  height:65px;
  margin-top:-1px;
  background:
    radial-gradient(45px 28px at 45px 0,transparent 98%,var(--toon-cream) 100%) 0 0/90px 100%;
}
.cartoon-title{
  display:inline-block;
  position:relative;
}
.cartoon-title:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  height:8px;
  background:var(--toon-gold);
  border:2px solid var(--toon-line);
  border-radius:999px;
  transform:rotate(-1deg);
}
.certificate-section{
  background:
    radial-gradient(circle at 10% 20%,rgba(245,191,61,.10),transparent 22%),
    #fff8e8;
  border-top:4px solid var(--toon-line);
  border-bottom:4px solid var(--toon-line);
}
.certificate-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  margin-top:30px;
}
.certificate-card{
  position:relative;
  background:#fff;
  border:4px solid var(--toon-line);
  border-radius:28px;
  padding:26px;
  box-shadow:9px 10px 0 rgba(8,33,58,.15);
  overflow:hidden;
  transform-style:preserve-3d;
}
.certificate-card:before{
  content:"✓";
  position:absolute;
  right:18px;top:15px;
  width:42px;height:42px;
  border-radius:50%;
  background:var(--toon-gold);
  border:3px solid var(--toon-line);
  display:grid;place-items:center;
  font-weight:950;font-size:22px;
}
.certificate-card h3{font-size:23px;padding-right:55px}
.certificate-card p{color:#5f6b76;line-height:1.65}
.certificate-stamp{
  display:inline-block;
  margin-top:10px;
  padding:7px 11px;
  border:2px dashed var(--toon-line);
  border-radius:12px;
  font-size:12px;
  font-weight:900;
  transform:rotate(-2deg);
  background:#fff7d8;
}
.cert-note{
  margin-top:22px;
  padding:18px;
  border:3px dashed var(--toon-line);
  border-radius:18px;
  background:#fff;
  color:#5d6873;
}
.parallax-layer{
  will-change:transform;
  transform-style:preserve-3d;
}
.depth-dot{
  position:absolute;
  width:18px;height:18px;
  border-radius:50%;
  background:var(--toon-gold);
  border:3px solid var(--toon-line);
  box-shadow:4px 5px 0 rgba(8,33,58,.18);
  pointer-events:none;
}
.depth-dot.d1{left:7%;top:39%}
.depth-dot.d2{right:8%;top:58%;width:28px;height:28px}
.depth-dot.d3{left:45%;bottom:8%;width:13px;height:13px}
.footer{
  border-top:5px solid var(--toon-line);
}
@media(max-width:900px){
  .certificate-grid{grid-template-columns:1fr}
  .cartoon-cloud{display:none}
}
/* V9 Smart Store */
.ai-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:72px;height:72px;border-radius:50%;border:3px solid #18314a;background:#f5bf3d;box-shadow:7px 8px 0 #18314a;display:grid;place-items:center;font-size:34px;cursor:pointer}.ai-panel{position:fixed;right:22px;bottom:110px;z-index:79;width:min(390px,calc(100vw - 30px));max-height:590px;background:#fff;border:3px solid #18314a;border-radius:25px;box-shadow:10px 12px 0 rgba(8,33,58,.22);display:none;overflow:hidden}.ai-panel.open{display:block}.ai-head{background:#08213a;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center}.ai-body{padding:16px;height:330px;overflow:auto;background:#fffdf7}.ai-msg{padding:11px 13px;border:2px solid #18314a;border-radius:16px;margin:8px 0;line-height:1.45}.ai-msg.bot{background:#fff5cf;margin-right:35px}.ai-msg.user{background:#eaf5ff;margin-left:35px}.ai-input{padding:14px;border-top:3px solid #18314a;display:flex;gap:8px}.ai-input input{flex:1;border:2px solid #18314a;border-radius:13px;padding:11px}.smart-add{border:3px dashed #18314a;border-radius:22px;padding:20px;background:#fff9e7;margin-top:20px}.ai-detected{display:none;margin-top:15px;background:#fff;border:2px solid #18314a;border-radius:16px;padding:15px}.ai-detected.show{display:block}.cert-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.cert-upload-card{border:3px solid #18314a;border-radius:20px;padding:14px;background:#fff;box-shadow:6px 7px 0 rgba(8,33,58,.13)}.cert-upload-card img{width:100%;height:180px;object-fit:cover;border-radius:12px}@media(max-width:700px){.cert-gallery{grid-template-columns:1fr}.ai-fab{right:15px;bottom:15px}}

/* ===== V10 COMPLETE EXPERIENCE ===== */
.nav-links{gap:16px}
.map-stage,.product-showcase{
  border:3px solid #18314a;border-radius:28px;box-shadow:9px 10px 0 rgba(8,33,58,.14);
}
.map-stage{
  min-height:390px;position:relative;overflow:hidden;background:
    linear-gradient(90deg,transparent 48%,rgba(24,49,74,.08) 49% 51%,transparent 52%),
    linear-gradient(transparent 48%,rgba(24,49,74,.08) 49% 51%,transparent 52%),
    #eef7ec;background-size:72px 72px;
}
.map-road{position:absolute;background:#fff;border:3px solid #18314a;border-radius:999px;box-shadow:0 0 0 7px #f1d887}
.map-road.r1{width:125%;height:58px;left:-12%;top:48%;transform:rotate(-12deg)}
.map-road.r2{width:70%;height:46px;right:-12%;top:22%;transform:rotate(48deg)}
.map-pin{position:absolute;left:51%;top:43%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50% 50% 50% 0;background:#f5bf3d;border:4px solid #18314a;rotate:-45deg;box-shadow:7px 8px 0 rgba(8,33,58,.18)}
.map-pin:after{content:"BZ";position:absolute;inset:12px;border-radius:50%;background:#fff;display:grid;place-items:center;rotate:45deg;font-weight:950;color:#08213a}
.map-label{position:absolute;left:50%;top:68%;transform:translateX(-50%);background:#fff;border:3px solid #18314a;border-radius:16px;padding:12px 16px;font-weight:900;box-shadow:6px 7px 0 rgba(8,33,58,.14);text-align:center}
.map-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.map-fullscreen{position:fixed!important;inset:18px!important;z-index:150!important;height:auto!important;min-height:0!important}
.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.announcement-card{border:3px solid #18314a;border-radius:22px;padding:22px;background:#fff;box-shadow:7px 8px 0 rgba(8,33,58,.12)}
.announcement-card .date{display:inline-block;padding:6px 10px;border:2px solid #18314a;border-radius:999px;background:#fff0b8;font-size:12px;font-weight:900}
.about-timeline{display:grid;gap:18px}
.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:start}
.timeline-dot{width:72px;height:72px;border-radius:50%;border:3px solid #18314a;background:#f5bf3d;display:grid;place-items:center;font-size:28px;box-shadow:5px 6px 0 rgba(8,33,58,.13)}
.product-showcase{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;padding:28px;background:linear-gradient(145deg,#fff,#fff8e8)}
.product-showcase .visual{min-height:430px;border:3px solid #18314a;border-radius:24px;overflow:hidden;background:#eef4f8;display:grid;place-items:center;font-size:140px}
.product-showcase .visual img{width:100%;height:100%;object-fit:cover}
.product-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}
.spec{border:2px solid #18314a;border-radius:14px;padding:12px;background:#fff}
.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ai-camera-box{border:3px dashed #18314a;border-radius:22px;padding:22px;background:#fff8dd}
.ai-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.owner-assistant{border:3px solid #18314a;border-radius:22px;background:#eef7ff;padding:18px}
.owner-chat-log{height:220px;overflow:auto;background:#fff;border:2px solid #18314a;border-radius:14px;padding:12px;margin:12px 0}
.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.template-card{border:2px solid #18314a;border-radius:14px;padding:14px;background:#fff}
.cert-admin-card{border:2px solid #18314a;border-radius:15px;padding:14px;background:#fff;margin-top:10px}
.cert-public-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cert-public-card{border:3px solid #18314a;border-radius:22px;padding:22px;background:#fff;box-shadow:7px 8px 0 rgba(8,33,58,.12)}
.general-ai-note{font-size:12px;color:#66717f;margin-top:8px}
@media(max-width:900px){
 .announcement-grid,.product-showcase,.cert-public-grid{grid-template-columns:1fr}
 .ai-edit-grid,.template-grid{grid-template-columns:1fr}
}
@media(max-width:560px){.timeline-item{grid-template-columns:60px 1fr}.timeline-dot{width:54px;height:54px}.product-specs{grid-template-columns:1fr}}

/* ===== V11 MAP + OWNER FIX ===== */
.real-map-shell{
  border:3px solid #18314a;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:9px 10px 0 rgba(8,33,58,.14);
}
.real-map-shell iframe{
  display:block;
  width:100%;
  height:430px;
  border:0;
}
.map-info-bar{
  display:grid;
  grid-template-columns:1.2fr auto;
  gap:20px;
  align-items:center;
  padding:20px;
  border-top:3px solid #18314a;
  background:linear-gradient(145deg,#fff,#fff7dc);
}
.map-info-bar h3{margin:0 0 6px}
.map-info-bar p{margin:0;color:#687386}
.map-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-shell{display:none}
.admin-shell.visible{display:block}
.login-wrap.hidden{display:none}
.owner-status{padding:12px 14px;border:2px solid #18314a;border-radius:14px;background:#fff8d8;margin-top:14px;display:none}
.owner-status.show{display:block}
@media(max-width:750px){
  .map-info-bar{grid-template-columns:1fr}
  .map-buttons{justify-content:flex-start}
  .real-map-shell iframe{height:350px}
}

/* ===== V12 CLEAN HEADER + FULL AI UI ===== */
.nav{top:0}
.ai-panel{width:min(430px,calc(100vw - 24px));max-height:650px}
.ai-body{height:390px}
.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;border-top:2px solid #18314a;background:#fff8e8}
.ai-suggestion{font-size:12px;border:2px solid #18314a;border-radius:999px;padding:7px 10px;background:#fff;cursor:pointer;font-weight:800}
.ai-mode-badge{display:inline-block;margin-top:4px;padding:3px 7px;border-radius:999px;background:#f5bf3d;color:#08213a;font-size:10px;font-weight:900}
.ai-loading{opacity:.7;font-style:italic}

/* ===== V14 PREMIUM PRODUCT EXPERIENCE ===== */
.catalogue-toolbar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:20px}
.catalogue-count{font-weight:900;color:var(--navy)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{border-radius:24px!important;overflow:hidden;background:#fff;position:relative}
.product-card .product-art{height:210px}
.product-card .product-body{padding:20px}
.product-card h3{font-size:18px;line-height:1.25;min-height:46px}
.product-card .stock{margin-top:8px}
.product-card .price{font-size:24px;margin-top:10px}
.product-card .view-more{margin-top:12px;font-size:13px;font-weight:900;color:#0f4f86}
.product-card.out-of-stock{opacity:.58}
.product-card.out-of-stock:after{content:"OUT OF STOCK";position:absolute;left:14px;top:14px;background:#fff;border:2px solid #18314a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950}

.product-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.product-gallery{position:sticky;top:110px}
.product-main-visual{min-height:540px;border:3px solid #18314a;border-radius:30px;background:linear-gradient(145deg,#f5f8fb,#fff6d9);display:grid;place-items:center;overflow:hidden;box-shadow:10px 12px 0 rgba(8,33,58,.13);font-size:170px;position:relative}
.product-main-visual img{width:100%;height:540px;object-fit:cover}
.product-main-visual .emoji-hero{font-size:170px;filter:drop-shadow(0 18px 22px rgba(8,33,58,.18));transform:translateY(-6px)}
.product-badge-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.detail-badge{padding:7px 11px;border:2px solid #18314a;border-radius:999px;background:#fff;font-size:12px;font-weight:950}
.detail-badge.stocked{background:#e9f8ef;color:#17613d}
.detail-badge.low{background:#fff0bf;color:#755500}
.product-info-panel{border:3px solid #18314a;border-radius:30px;padding:30px;background:#fff;box-shadow:10px 12px 0 rgba(8,33,58,.13)}
.product-info-panel h1{font-size:clamp(34px,4vw,56px);line-height:1.02;color:#08213a;margin:10px 0 14px;letter-spacing:-1.7px}
.product-price-large{font-size:42px;font-weight:950;color:#08213a;margin:16px 0 6px}
.product-tax-note{font-size:13px;color:#687386}
.product-description{font-size:17px;line-height:1.7;color:#5f6c78;margin:22px 0}
.purchase-box{border:3px solid #18314a;border-radius:22px;padding:20px;background:#fff8df;margin-top:22px}
.purchase-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.purchase-row input{width:100px;padding:13px;border:2px solid #18314a;border-radius:14px;font-size:17px;font-weight:900}
.detail-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.trust-point{border:2px solid #18314a;border-radius:16px;padding:12px;background:#fff;text-align:center;font-size:12px;font-weight:850}
.product-detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.detail-card{border:3px solid #18314a;border-radius:24px;padding:24px;background:#fff;box-shadow:7px 8px 0 rgba(8,33,58,.10)}
.detail-list{display:grid;gap:10px;margin-top:14px}
.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #e4e7eb}
.detail-list div:last-child{border-bottom:0}
.related-section{margin-top:54px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.related-card{border:3px solid #18314a;border-radius:20px;background:#fff;padding:16px;cursor:pointer;box-shadow:6px 7px 0 rgba(8,33,58,.10);transition:.18s}
.related-card:hover{transform:translateY(-4px)}
.related-emoji{height:110px;display:grid;place-items:center;font-size:62px;background:#f7f5ed;border-radius:15px;margin-bottom:12px}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#687386;margin-bottom:18px}
.breadcrumbs a{font-weight:800;color:#0f4f86}
.product-empty-photo{position:absolute;bottom:18px;background:#fff;border:2px solid #18314a;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}
.emoji-note{margin-top:12px;color:#687386;font-size:12px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.product-detail-shell{grid-template-columns:1fr}.product-gallery{position:static}.product-detail-sections{grid-template-columns:1fr}.trust-points{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card .product-art{height:150px}.catalogue-toolbar{grid-template-columns:1fr}.product-main-visual{min-height:350px}.product-main-visual img{height:350px}.product-main-visual .emoji-hero{font-size:120px}.trust-points{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.product-info-panel{padding:22px}}

/* ===== V15 INVOICE + SIGNATURE PRODUCT EXPERIENCE ===== */
.invoice-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px auto;width:min(1100px,94%)}
.invoice-sheet{width:min(1100px,94%);margin:0 auto 35px;background:#fff;color:#111;font-family:Arial,sans-serif}
.invoice-page{background:#fff;min-height:1480px;padding:34px 34px 28px;border:1px solid #ddd;box-shadow:0 18px 55px rgba(0,0,0,.10);margin-bottom:24px;position:relative}
.inv-head{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:start;padding-bottom:20px;border-bottom:3px solid #102545}
.inv-brand{font-size:34px;font-weight:950;letter-spacing:-1px;color:#102545}.inv-brand span{color:#f2a900}
.inv-title{text-align:right;font-size:38px;font-weight:950;color:#f2a900}
.inv-company{margin-top:10px;color:#53606e;line-height:1.5;font-size:14px}
.inv-meta{margin-top:14px;display:grid;grid-template-columns:auto 160px;gap:8px 14px;justify-content:end;font-size:14px}.inv-meta b{color:#102545}
.inv-info{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cfd5dc;background:#f5f6f8;margin:20px 0}
.inv-info>div{padding:12px 14px}.inv-info>div+div{border-left:1px solid #cfd5dc}.inv-info h4{margin:0 0 4px;color:#102545;font-size:14px}.inv-line{min-height:20px;border-bottom:1px solid #9aa5b1;padding:2px 0}
.inv-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.inv-table th{background:#102545;color:#fff;text-align:left;padding:9px 7px;border:1px solid #263b5b}.inv-table td{height:34px;padding:6px 7px;border:1px solid #d1d6dc;vertical-align:middle}.inv-table tr:nth-child(even) td{background:#fafafa}
.inv-table .num{width:4%;text-align:center}.inv-table .desc{width:35%}.inv-table .qty{width:8%;text-align:center}.inv-table .unit{width:9%}.inv-table .price{width:15%;text-align:right}.inv-table .vat{width:8%;text-align:center}.inv-table .amount{width:16%;text-align:right}
.inv-totals{width:360px;margin-left:auto;margin-top:22px;font-size:14px}.inv-total-row{display:grid;grid-template-columns:1fr 150px;gap:15px;padding:7px 0}.inv-total-row b{text-align:right}.inv-total-row.grand{font-size:20px;border-top:3px solid #102545;margin-top:5px;padding-top:12px;color:#102545}
.inv-notes{margin-top:32px;border-top:1px solid #ccd2d9;padding-top:18px;color:#4e5965;font-size:13px}.inv-signatures{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.inv-signature{border-top:1px solid #111;padding-top:7px;text-align:center;font-size:12px}
.invoice-page-number{position:absolute;right:34px;bottom:18px;color:#8b95a0;font-size:11px}
.invoice-empty{color:#aaa}
.invoice-company-number{font-size:11px;color:#687386;margin-top:4px}
@media print{
 body{background:#fff!important}
 body>*:not(.invoice-sheet){display:none!important}
 .invoice-sheet{width:100%;margin:0}
 .invoice-page{box-shadow:none;border:0;margin:0;page-break-after:always;min-height:auto;height:100vh;padding:20px 24px}
 .invoice-page:last-child{page-break-after:auto}
 @page{size:A4 portrait;margin:7mm}
}
@media(max-width:700px){
 .inv-head{grid-template-columns:1fr}.inv-title{text-align:left}.inv-meta{justify-content:start;grid-template-columns:auto 1fr}.inv-info{grid-template-columns:1fr}.inv-info>div+div{border-left:0;border-top:1px solid #cfd5dc}.invoice-page{padding:18px}.inv-table{font-size:10px}.inv-table th,.inv-table td{padding:4px}.inv-totals{width:100%}
}

/* Ultra-premium individual product page */
.signature-product{position:relative}
.signature-product:before{content:"";position:absolute;inset:-40px -4vw auto;height:420px;background:radial-gradient(circle at 22% 50%,rgba(245,191,61,.13),transparent 28%),radial-gradient(circle at 82% 10%,rgba(15,79,134,.10),transparent 25%);z-index:-1}
.product-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:start}
.product-visual-card{position:sticky;top:105px;border:3px solid #18314a;border-radius:34px;background:linear-gradient(145deg,#f4f8fb,#fff7db);box-shadow:14px 16px 0 rgba(8,33,58,.13);overflow:hidden}
.product-visual-top{min-height:590px;display:grid;place-items:center;position:relative;perspective:1100px}
.product-visual-top img{width:100%;height:590px;object-fit:cover}
.product-visual-top .emoji-hero{font-size:190px;filter:drop-shadow(0 24px 25px rgba(8,33,58,.22));transition:transform .15s;transform-style:preserve-3d}
.product-visual-orbit{position:absolute;inset:0;pointer-events:none}
.orbit-dot{position:absolute;width:16px;height:16px;border:3px solid #18314a;border-radius:50%;background:#f5bf3d;box-shadow:4px 5px 0 rgba(8,33,58,.12)}
.orbit-dot.o1{left:12%;top:18%}.orbit-dot.o2{right:13%;top:28%;width:25px;height:25px}.orbit-dot.o3{left:21%;bottom:19%;width:12px;height:12px}.orbit-dot.o4{right:18%;bottom:12%}
.visual-caption{padding:14px 18px;border-top:3px solid #18314a;background:#fff;font-size:12px;color:#65717d;display:flex;justify-content:space-between;gap:15px}
.product-purchase-card{border:3px solid #18314a;border-radius:34px;background:#fff;box-shadow:14px 16px 0 rgba(8,33,58,.13);padding:32px}
.product-eyebrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.product-eyebrow span{border:2px solid #18314a;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;background:#fff}
.product-eyebrow .available{background:#e8f8ee;color:#17613d}.product-eyebrow .few{background:#fff2c4;color:#735400}
.product-purchase-card h1{font-size:clamp(38px,4.5vw,64px);line-height:.98;letter-spacing:-2.2px;color:#08213a;margin:8px 0 16px}
.product-price-hero{font-size:46px;font-weight:950;color:#08213a;letter-spacing:-1.5px}
.product-subprice{font-size:12px;color:#6d7884;margin-top:4px}
.product-copy{font-size:17px;line-height:1.72;color:#5e6975;margin:22px 0}
.stock-meter{margin:18px 0}.stock-meter-head{display:flex;justify-content:space-between;font-size:13px;font-weight:900;margin-bottom:7px}.stock-meter-track{height:12px;border:2px solid #18314a;border-radius:999px;overflow:hidden;background:#f0f1f3}.stock-meter-fill{height:100%;background:linear-gradient(90deg,#f5bf3d,#27a36a)}
.reserve-panel{border:3px solid #18314a;border-radius:22px;padding:20px;background:#fff7d8;margin-top:20px}.reserve-panel h3{margin:0 0 5px}.reserve-row{display:grid;grid-template-columns:105px 1fr;gap:12px;margin-top:15px}.reserve-row input{width:100%;border:2px solid #18314a;border-radius:14px;padding:13px;font-size:18px;font-weight:900;text-align:center}.reserve-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:12px}.reserve-actions .btn{width:100%}
.product-confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:19px}.confidence-item{border:2px solid #18314a;border-radius:16px;padding:12px 9px;text-align:center;background:#fff;font-size:11px;font-weight:850}.confidence-item strong{display:block;font-size:20px;margin-bottom:3px}
.product-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:38px}.story-card{border:3px solid #18314a;border-radius:26px;padding:25px;background:#fff;box-shadow:8px 9px 0 rgba(8,33,58,.10)}.story-card h3{font-size:23px}.story-card p{color:#66727d;line-height:1.7}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.spec-chip{border:2px solid #18314a;border-radius:14px;padding:12px;background:#fafafa}.spec-chip span{display:block;color:#6e7984;font-size:11px}.spec-chip b{display:block;margin-top:3px}
.need-help-card{background:linear-gradient(145deg,#08213a,#0f4f86);color:#fff}.need-help-card p{color:#dbe6ef}.need-help-card .btn-light{border-color:#fff!important}
.related-section.signature-related{margin-top:55px}.related-section.signature-related h2{font-size:42px}.related-card{position:relative;overflow:hidden}.related-card:after{content:"→";position:absolute;right:13px;bottom:10px;font-size:23px;font-weight:950;color:#0f4f86}
@media(max-width:900px){.product-stage{grid-template-columns:1fr}.product-visual-card{position:static}.product-visual-top{min-height:430px}.product-visual-top img{height:430px}.product-story-grid{grid-template-columns:1fr}}
@media(max-width:560px){.product-purchase-card{padding:22px}.product-visual-top{min-height:340px}.product-visual-top .emoji-hero{font-size:125px}.reserve-actions{grid-template-columns:1fr}.product-confidence{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}}

/* ===== V16 FIXES: INVOICE, OWNER, PRODUCT EDITOR, AI ICON ===== */
.inv-table .qty{display:table-cell!important;align-items:initial!important;gap:0!important;width:8%!important;text-align:center!important}
.inv-table .price{display:table-cell!important;font-size:12px!important;font-weight:400!important;color:inherit!important;margin:0!important;width:15%!important;text-align:right!important}
.inv-table .amount{display:table-cell!important;width:16%!important;text-align:right!important}
.inv-table .unit{display:table-cell!important}
.invoice-sheet,.invoice-page{overflow:visible!important}
.inv-table{display:table!important}
.inv-table thead{display:table-header-group!important}
.inv-table tbody{display:table-row-group!important}
.inv-table tr{display:table-row!important}
.inv-table th,.inv-table td{box-sizing:border-box!important}

.owner-order-invoice{margin-top:20px;border:3px solid #18314a;border-radius:22px;overflow:hidden;background:#fff;box-shadow:6px 7px 0 rgba(8,33,58,.10)}
.owner-invoice-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;background:#102545;color:#fff}
.owner-invoice-head h4{font-size:22px;margin:0}.owner-invoice-head span{color:#f5bf3d}
.owner-invoice-table{width:100%;border-collapse:collapse;font-size:13px}.owner-invoice-table th{background:#f3f5f7;padding:9px;text-align:left;border-bottom:1px solid #d7dce2}.owner-invoice-table td{padding:9px;border-bottom:1px solid #e4e7eb}.owner-invoice-table .r{text-align:right}
.owner-invoice-total{display:flex;justify-content:flex-end;gap:20px;padding:14px 18px;font-size:18px;font-weight:950;background:#fff8df}
.owner-invoice-actions{display:flex;gap:9px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #e4e7eb}

.product-edit-modal{position:fixed;inset:0;z-index:300;background:rgba(5,20,35,.68);display:none;align-items:center;justify-content:center;padding:20px}
.product-edit-modal.open{display:flex}
.product-edit-card{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border:3px solid #18314a;border-radius:28px;box-shadow:14px 16px 0 rgba(0,0,0,.22);padding:25px}
.edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.edit-photo-preview{width:150px;height:150px;border:3px solid #18314a;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:#f6f7f8;font-size:70px}
.edit-photo-preview img{width:100%;height:100%;object-fit:cover}
.product-admin-row td{vertical-align:middle}
.product-admin-name{min-width:260px}
.admin-desc-preview{max-width:420px;color:#687386;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ai-icon-studio{border:3px solid #18314a;border-radius:24px;padding:22px;background:linear-gradient(145deg,#fff8dc,#eef7ff)}
.ai-icon-preview{width:180px;height:180px;margin:18px auto;border:3px solid #18314a;border-radius:28px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:8px 9px 0 rgba(8,33,58,.12)}
.ai-icon-preview img{width:100%;height:100%;object-fit:contain}
.ai-icon-result{display:none}.ai-icon-result.show{display:block}
.icon-svg-product{width:76px;height:76px;object-fit:contain}
.product-main-svg{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(8,33,58,.18))}
@media(max-width:700px){.edit-grid{grid-template-columns:1fr}.owner-invoice-head{flex-direction:column}.owner-invoice-table{font-size:11px}}

/* ===== FINAL V17: PHONE / TABLET / DESKTOP RESPONSIVE SYSTEM ===== */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img,video,svg{max-width:100%}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{min-width:0}
.product-card .product-media{aspect-ratio:1.08/1}
.product-card .product-photo,.product-card .icon-svg-product{width:100%;height:100%;object-fit:contain}
.final-mobile-bar{display:none}
.owner-quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.icon-delete{width:38px;height:38px;border:0;border-radius:12px;background:#fff0f0;color:#b42318;font-size:18px;cursor:pointer;font-weight:900}
.icon-delete:hover{background:#ffdede}
.admin-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}
.admin-search{max-width:420px}
.ai-health{display:flex;align-items:center;gap:9px;padding:10px 14px;border:2px solid #18314a;border-radius:14px;background:#effaf3;font-weight:800}
.ai-health-dot{width:10px;height:10px;border-radius:50%;background:#17a34a;box-shadow:0 0 0 5px rgba(23,163,74,.12)}
.ai-fallback-note{font-size:12px;color:#687386;margin-top:8px}
.owner-dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.owner-action-card{padding:16px;border:2px solid #18314a;border-radius:18px;background:#fff;cursor:pointer;text-align:left;font:inherit;font-weight:900;box-shadow:4px 5px 0 rgba(8,33,58,.09)}
.owner-action-card:hover{transform:translateY(-2px)}
@media (min-width:701px) and (max-width:1024px){
  .container{width:min(94vw,960px)}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .nav-inner{gap:12px}
  .owner-dashboard-actions{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  body{padding-bottom:74px}
  .container{width:calc(100% - 22px)}
  .nav{position:sticky;top:0;z-index:100}
  .brand span{font-size:14px}
  .brand img{width:42px;height:42px}
  .nav-actions .cart-btn{padding:9px 10px;font-size:0}.nav-actions .cart-btn:before{content:"🛒";font-size:20px}.nav-actions .cart-count{font-size:12px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{border-radius:18px}
  .product-card .product-media{min-height:130px}
  .product-card .product-body{padding:11px}
  .product-card h3{font-size:14px;line-height:1.2}
  .product-card .price{font-size:18px}
  .product-card .btn{padding:9px 8px;font-size:12px}
  .category-bar,.filter-row{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .category-bar::-webkit-scrollbar,.filter-row::-webkit-scrollbar{display:none}
  .category-bar>*{flex:0 0 auto}
  .hero h1{font-size:clamp(34px,11vw,55px)}
  .section-head{align-items:flex-start}
  .admin-shell .container{padding-top:24px!important}
  .admin-grid{grid-template-columns:1fr 1fr}
  .admin-table{min-width:850px}
  .owner-dashboard-actions{grid-template-columns:1fr 1fr}
  .product-edit-card{padding:16px;border-radius:20px}
  .product-edit-card>div[style*="grid-template-columns:170px"]{display:block!important}
  .edit-photo-preview{margin:0 auto}
  .owner-order-invoice{border-radius:16px}
  .invoice-sheet{min-width:0!important}
  .final-mobile-bar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:180;background:#102545;border-top:2px solid #f5bf3d;padding:7px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(0,0,0,.15)}
  .final-mobile-bar a{color:white;text-decoration:none;text-align:center;font-size:10px;font-weight:800}.final-mobile-bar b{display:block;font-size:21px;line-height:1.1}
}
@media (max-width:390px){
  .product-grid{grid-template-columns:1fr 1fr;gap:8px}
  .product-card h3{font-size:13px}
  .owner-dashboard-actions{grid-template-columns:1fr}
}

@media(max-width:700px){
.ai-expert,.ai-chatbot,.chatbot-widget{
 bottom:100px !important;
 right:14px !important;
 z-index:999 !important;
 transform:scale(1.08);
}
}

.admin-studio-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
gap:15px;
}
.admin-studio-grid button{
padding:18px;
border-radius:20px;
font-weight:900;
font-size:15px;
}
.cartoon-invoice{
font-family:"Comic Sans MS","Trebuchet MS",sans-serif;
font-weight:900;
border-radius:25px;
}
.cartoon-invoice h1,.cartoon-invoice h2,.cartoon-invoice th{
font-weight:1000;
}

/* V20 BZ Assistance + Stock Intelligence */
@media(max-width:700px){
  .ai-fab{bottom:104px!important;right:14px!important;width:58px!important;height:58px!important;font-size:25px!important;z-index:260!important;box-shadow:0 10px 25px rgba(8,33,58,.28)!important}
  .ai-panel{bottom:174px!important;right:10px!important;left:10px!important;width:auto!important;max-height:66vh!important;border-radius:24px!important;z-index:259!important}
}
.stock-intelligence-card{border:3px solid #18314a!important;background:linear-gradient(145deg,#ffffff,#f4f9ff)}
.private-badge{padding:8px 11px;border-radius:999px;background:#eef5ff;border:2px solid #18314a;font-size:11px;font-weight:900}
.stock-import-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
.supplier-invoice-box,.notification-owner-box{border:2px solid #18314a;border-radius:20px;padding:18px;background:#fff}
.invoice-review-wrap{display:none;margin-top:20px;border-top:2px dashed #b8c1cb;padding-top:18px}.invoice-review-wrap.show{display:block}
.invoice-review-table input{min-width:110px}
.stock-alert-dashboard{margin-top:24px;border-top:2px dashed #b8c1cb;padding-top:18px}
.stock-alert-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;border:2px solid #18314a;border-radius:17px;margin:10px 0;background:#fff}
.stock-alert-item.low{background:#fff8dd}.stock-alert-item.out{background:#fff0f0}
.stock-alert-actions{display:flex;gap:8px;flex-wrap:wrap}
.stock-all-good{padding:18px;border-radius:16px;background:#eaf8ef;border:2px solid #2d7d4d;font-weight:850}
.supplier-private{color:#5d4a82;font-weight:800}
.admin-help{font-size:12px;color:#687386;line-height:1.55}
@media(max-width:760px){.stock-import-grid{grid-template-columns:1fr}.stock-alert-item{align-items:flex-start;flex-direction:column}}

/* V20 Cartoon BZ Invoice */
.invoice-page{
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif!important;
  border:4px solid #102545!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 5%,rgba(245,191,61,.16) 0 8px,transparent 9px),
    radial-gradient(circle at 94% 12%,rgba(15,79,134,.10) 0 12px,transparent 13px),
    #fff!important;
  box-shadow:12px 14px 0 rgba(16,37,69,.13)!important;
}
.inv-brand{font-weight:1000!important;letter-spacing:-1.5px!important;text-shadow:2px 2px 0 rgba(245,191,61,.28)}
.inv-title{
  display:inline-block;background:#f5bf3d;color:#102545!important;padding:10px 18px;
  border:4px solid #102545;border-radius:18px;box-shadow:5px 6px 0 #102545;
  transform:rotate(1deg);font-weight:1000!important;letter-spacing:1px
}
.inv-company,.inv-meta,.inv-info,.inv-table,.inv-totals,.inv-notes{font-weight:750!important}
.inv-info{border:3px solid #102545!important;border-radius:18px!important;overflow:hidden!important;background:#fff9df!important}
.inv-info h4{font-size:15px!important;font-weight:1000!important}
.inv-table{border:3px solid #102545!important;border-radius:15px!important;overflow:hidden!important}
.inv-table th{background:#102545!important;color:#fff!important;font-weight:1000!important;font-size:12px!important}
.inv-table tbody tr:nth-child(even) td{background:#fff9e8!important}
.inv-table td{font-weight:800!important}
.inv-total-row.grand{
  background:#f5bf3d!important;border:3px solid #102545!important;border-radius:14px!important;
  padding:12px 14px!important;box-shadow:4px 5px 0 rgba(16,37,69,.18)
}
.inv-signature{font-weight:900!important}
.invoice-cartoon-stamp{
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:3px solid #102545;
  border-radius:999px;background:#eef7ff;color:#102545;font-weight:1000;font-size:11px
}
@media print{
 .invoice-page{border-radius:0!important;box-shadow:none!important}
 .inv-title{box-shadow:none!important;transform:none!important}
}

.supplier-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.supplier-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:2px solid #18314a;border-radius:17px;padding:14px;background:#fff}
.supplier-card small{display:block;color:#687386;margin-top:4px}
@media(max-width:700px){.supplier-directory-list{grid-template-columns:1fr}.supplier-card{align-items:flex-start;flex-direction:column}}

.full-cms-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.full-cms-fields .form-group{border:2px solid #e1e6eb;border-radius:16px;padding:12px;background:#fafbfc}
@media(max-width:760px){.full-cms-fields{grid-template-columns:1fr}}

.supplier-invoice-history-card{display:grid;grid-template-columns:74px 1fr auto;gap:13px;align-items:center;border:2px solid #dbe2e8;border-radius:16px;padding:11px;margin:9px 0;background:#fff}
.supplier-invoice-history-card img,.invoice-history-icon{width:74px;height:74px;object-fit:cover;border-radius:12px;border:2px solid #18314a}.invoice-history-icon{display:grid;place-items:center;font-size:32px}
.supplier-invoice-history-card small{display:block;color:#687386;margin-top:4px}

/* V23 OWNER CONTROL CENTER */
.owner-dashboard-tabs{
  position:sticky;top:72px;z-index:120;display:flex;gap:8px;overflow-x:auto;
  padding:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);
  border:2px solid #102545;border-radius:18px;margin:18px 0;box-shadow:0 8px 24px rgba(16,37,69,.12);
  scrollbar-width:none
}
.owner-dashboard-tabs::-webkit-scrollbar{display:none}
.owner-tab{
  flex:0 0 auto;border:0;border-radius:13px;padding:11px 14px;background:#eef2f6;color:#102545;
  font-weight:950;cursor:pointer;white-space:nowrap
}
.owner-tab.active{background:#102545;color:#fff;box-shadow:inset 0 -3px 0 #f5bf3d}
.owner-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}
.owner-overview-panel{padding:4px 0 8px}
.dashboard-tip{padding:13px 15px;border:2px dashed #102545;border-radius:15px;background:#fff9e5;font-weight:800}
#adminShell [data-owner-panel]{display:none}
.smart-camera-preview{display:none;margin:14px 0}
.smart-camera-preview:not(:empty){display:block}
.smart-camera-preview img{display:block;width:min(100%,320px);max-height:260px;object-fit:contain;border:3px solid #102545;border-radius:18px;background:#fff;margin:auto;box-shadow:6px 7px 0 rgba(16,37,69,.12)}
.camera-suggestions{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.camera-suggestions button{border:2px solid #102545;background:#fff;border-radius:999px;padding:6px 10px;font-weight:850;cursor:pointer}
@media(max-width:1024px){.owner-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .owner-dashboard-tabs{top:62px;margin-left:-4px;margin-right:-4px;border-radius:14px;padding:7px}
  .owner-tab{padding:10px 11px;font-size:12px}
  .owner-overview-grid{grid-template-columns:1fr 1fr;gap:9px}
  .owner-action-card{min-height:90px;padding:13px!important}
  .admin-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px}
  .metric{padding:11px!important}.metric strong{font-size:24px!important}.metric span{font-size:10px!important}
}
@media(max-width:420px){.owner-overview-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)!important}}

.dashboard-snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}
.dashboard-snapshot{border:2px solid #102545;border-radius:18px;padding:14px;background:#fff}
.dashboard-snapshot .section-head{margin-bottom:8px}.dashboard-snapshot h3{margin:0}
.dash-mini-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e3e8ed}
.dash-mini-row:last-child{border-bottom:0}.dash-mini-row>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f5f7fa;font-size:22px;overflow:hidden}.dash-mini-row img{width:100%;height:100%;object-fit:cover}.dash-mini-row small{display:block;color:#687386;margin-top:2px}.empty-dash{color:#687386;padding:10px 0}
@media(max-width:760px){.dashboard-snapshot-grid{grid-template-columns:1fr}}
/* V25 owner command center */
.owner-command-center{position:sticky;top:70px;z-index:125;margin:18px 0}.owner-sidebar{display:flex;gap:7px;overflow-x:auto;padding:9px;border:2px solid #102545;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 25px rgba(16,37,69,.12);scrollbar-width:none}.owner-sidebar::-webkit-scrollbar{display:none}.owner-sidebar-title{display:grid;place-items:center;padding:0 13px;border-radius:12px;background:#f5bf3d;color:#102545;font-weight:1000;letter-spacing:.08em;white-space:nowrap}.side-nav{border:0;background:#eef2f6;color:#102545;border-radius:12px;padding:11px 13px;font-weight:950;white-space:nowrap;cursor:pointer}.side-nav.active{background:#102545;color:#fff;box-shadow:inset 0 -3px #f5bf3d}.owner-mobile-nav{display:none}.owner-welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border:3px solid #102545;border-radius:22px;background:linear-gradient(135deg,#fff8df,#fff);box-shadow:7px 8px 0 rgba(16,37,69,.1);margin:14px 0}.owner-welcome h2{margin:4px 0;font-size:clamp(25px,4vw,42px)}.owner-welcome p{margin:0;color:#687386}.owner-action-card{display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.owner-action-card>b{font-size:17px}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.automation-rule{display:flex;gap:11px;align-items:flex-start;border:2px solid #dfe5ea;border-radius:15px;padding:13px;background:#fafbfc;cursor:pointer}.automation-rule input{width:20px;height:20px;accent-color:#102545}.automation-rule small{display:block;color:#687386;margin-top:3px}.activity-row{display:grid;grid-template-columns:170px 190px 1fr;gap:10px;padding:11px;border-bottom:1px solid #e3e8ed;align-items:center}.activity-row span,.activity-row small{color:#687386}.supplier-private{font-weight:800;color:#6d5570}.admin-table .icon-delete,.icon-delete{width:39px;height:39px;border-radius:12px;border:2px solid #b51f35;background:#fff0f2;color:#b51f35;font-size:18px;cursor:pointer}.admin-table .icon-delete:hover,.icon-delete:hover{background:#b51f35;color:#fff}.dashboard-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.owner-sidebar{display:none}.owner-mobile-nav{display:block}.owner-mobile-nav select{width:100%;padding:13px;border:2px solid #102545;border-radius:14px;background:#fff;font-weight:950}.owner-command-center{top:64px}.owner-welcome{align-items:flex-start;flex-direction:column}.automation-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr;gap:2px}.dashboard-snapshot-grid{grid-template-columns:1fr}}

/* V27 SIMPLE OWNER */
.login-simple-note{text-align:center;background:#eef7ff;border:2px solid #102545;border-radius:999px;padding:8px 12px;font-weight:900;color:#102545}
.mobile-owner-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mobile-owner-btn{border:2px solid #102545;border-radius:13px;padding:11px 7px;background:#fff;color:#102545;font-weight:950;min-height:48px}
.mobile-owner-btn.active{background:#102545;color:#fff;box-shadow:inset 0 -3px #f5bf3d}
.owner-more-menu{margin-top:8px;border:2px solid #dfe5ea;border-radius:13px;background:#fff}.owner-more-menu summary{padding:11px 13px;font-weight:950;cursor:pointer}
.owner-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 9px 9px}.owner-more-grid button{border:0;border-radius:10px;background:#eef2f6;padding:10px;font-weight:850}
.product-filter-bar{display:grid!important;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) auto auto;gap:8px;align-items:center}
.filter-count{font-size:12px;font-weight:850;color:#687386;margin:5px 0 10px}
.desktop-product-table{overflow-x:auto}.admin-products-mobile{display:none}
.admin-product-card{border:2px solid #102545;border-radius:17px;padding:12px;background:#fff;margin:10px 0;box-shadow:4px 5px 0 rgba(16,37,69,.08)}
.admin-product-card-top{display:grid;grid-template-columns:58px 1fr 40px;gap:10px;align-items:start}.admin-card-visual{width:58px;height:58px;border-radius:13px;background:#f4f6f8;display:grid;place-items:center;overflow:hidden;font-size:28px}.admin-card-visual img{width:100%;height:100%;object-fit:contain}
.admin-card-info{min-width:0}.admin-card-info>b{display:block;overflow-wrap:anywhere}.admin-card-info small{display:block;color:#687386;margin-top:3px}.admin-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.admin-card-stats span{background:#f7f8fa;border-radius:11px;padding:8px;min-width:0}.admin-card-stats small{display:block;font-size:9px;color:#687386}.admin-card-stats b{font-size:12px}.admin-mobile-edit{width:100%}
.invoice-manager-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:12px 0}.invoice-manager-summary{padding:8px 11px;background:#f7f8fa;border-radius:11px;color:#687386;font-size:12px}.invoice-edit-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#f7f8fa;border:2px solid #e1e6eb;border-radius:15px;padding:12px;margin:12px 0}
.product-editor-actions{position:sticky;bottom:-16px;background:#fff;padding:12px 0 4px;display:flex;gap:9px;z-index:5;border-top:1px solid #e1e6eb}.product-editor-actions .btn{flex:1}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:hidden}
 .owner-mobile-nav{display:block!important}.mobile-owner-menu{grid-template-columns:repeat(2,1fr)}
 .product-filter-bar{grid-template-columns:1fr 1fr!important}.product-filter-bar .admin-search{grid-column:1/-1;max-width:none}
 .desktop-product-table{display:none!important}.admin-products-mobile{display:block!important}
 .product-edit-modal{align-items:stretch!important;padding:0!important}
 .product-edit-card{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:none!important}
 .product-edit-card>div[style*="grid-template-columns:170px"]{display:block!important;width:100%!important}.edit-grid{grid-template-columns:1fr!important;width:100%!important}
 .product-edit-card .form-control,.product-edit-card textarea,.product-edit-card select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .product-edit-card [style*="display:flex;gap:8px"]{display:grid!important;grid-template-columns:1fr!important}.edit-photo-preview{width:140px!important;height:140px!important;margin:auto!important}
 .invoice-manager-toolbar{grid-template-columns:1fr}.invoice-edit-controls{grid-template-columns:1fr 1fr}
 .owner-order-invoice{overflow:hidden}.owner-invoice-table{font-size:10px;width:100%;table-layout:fixed}.owner-invoice-table th,.owner-invoice-table td{padding:6px 3px;word-break:break-word}.owner-invoice-table th:nth-child(4),.owner-invoice-table td:nth-child(4),.owner-invoice-table th:nth-child(6),.owner-invoice-table td:nth-child(6){display:none}
}
@media(max-width:390px){.invoice-edit-controls{grid-template-columns:1fr}}

/* V28 camera button inside product editor */
.edit-photo-actions{display:grid;gap:9px}
.camera-edit-btn{width:100%;text-align:center;cursor:pointer;box-sizing:border-box}
@media(max-width:700px){
  .camera-edit-btn{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:16px}
}

/* V29 cleaner owner product list + product back button */
.product-back-btn{
  margin:18px 16px 4px;
  min-height:46px;
  padding:10px 22px;
  border:3px solid #102d49;
  border-radius:999px;
  background:#fff;
  color:#102d49;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 4px 0 #102d49;
}
.product-back-btn:hover{transform:translateY(-1px)}
@media(max-width:700px){
  .product-back-btn{margin:14px 14px 2px;width:auto;min-width:110px}
}

/* V31 Claude attribution: intentionally smaller than BZ Assistance */
.claude-powered{
  font-size:8px!important;
  letter-spacing:.04em;
  text-transform:none;
  padding:2px 6px!important;
  opacity:.88;
}
.claude-inline{
  display:inline-block;
  margin-left:6px;
  font-size:9px;
  font-weight:700;
  opacity:.62;
  vertical-align:middle;
}
.claude-btn-note{
  font-size:8px;
  font-weight:700;
  opacity:.72;
  margin-left:3px;
}

/* V32 multi-photo product gallery */
.photo-help{display:block;margin:6px 0 9px;color:#687386;font-size:11px;line-height:1.35}
.edit-photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.edit-gallery-item{border:2px solid #d9dee7;border-radius:10px;overflow:hidden;background:#fff;position:relative}
.edit-gallery-item.main-photo{border-color:#ffc83d}
.edit-gallery-item img{width:100%;height:62px;object-fit:cover;display:block}
.edit-gallery-actions{display:flex;align-items:center;justify-content:space-between;padding:3px;font-size:9px}
.edit-gallery-actions button,.edit-gallery-actions span{border:0;background:#f2f4f7;border-radius:6px;padding:3px 5px;font-size:9px;font-weight:800;cursor:pointer}
.product-photo-thumbs{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;background:#fff;border-top:2px solid #0b2945}
.product-photo-thumbs button{flex:0 0 68px;width:68px;height:58px;padding:3px;border:2px solid #d6dce5;border-radius:10px;background:#fff;cursor:pointer}
.product-photo-thumbs button.active{border-color:#ffc83d;box-shadow:0 0 0 2px #0b2945}
.product-photo-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}
@media(max-width:700px){
 .edit-photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .edit-gallery-item img{height:54px}
}

/* V33 BZ Assistance is store-focused only */
.ai-head small{line-height:1.25}

/* prevents iPhone input zoom and helps keyboard */
  min-height:48px;
  -webkit-user-select:text;
  user-select:text;
  touch-action:manipulation;
}
@media(max-width:700px){
  .ai-chat,.ai-panel,.assistant-panel,.bz-ai-panel{
    max-height:min(78dvh,680px)!important;
  }
  .ai-input{
    position:sticky!important;
    bottom:0!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body.ai-keyboard-open .ai-chat,
  body.ai-keyboard-open .ai-panel,
  body.ai-keyboard-open .assistant-panel,
  body.ai-keyboard-open .bz-ai-panel{
    max-height:58dvh!important;
  }
  .ai-messages,.ai-body,.chat-messages{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}

/* Theme: Light */
html[data-ai-theme="light"] .ai-head,
html[data-ai-theme="light"] .ai-header{background:#f7f8fb!important;color:#0b2945!important}
html[data-ai-theme="light"] .ai-chat,
html[data-ai-theme="light"] .ai-panel,
html[data-ai-theme="light"] .assistant-panel{background:#fff!important}

/* Theme: BZ Yellow */
html[data-ai-theme="yellow"] .ai-head,
html[data-ai-theme="yellow"] .ai-header{background:#ffc83d!important;color:#0b2945!important}
html[data-ai-theme="yellow"] .ai-mode-badge{background:#0b2945!important;color:#fff!important}

/* Theme: Dark */
html[data-ai-theme="dark"] .ai-head,
html[data-ai-theme="dark"] .ai-header{background:#111827!important;color:#fff!important}
html[data-ai-theme="dark"] .ai-chat,
html[data-ai-theme="dark"] .ai-panel,
html[data-ai-theme="dark"] .assistant-panel{background:#1f2937!important;color:#fff!important}
html[data-ai-theme="dark"] .ai-messages,
html[data-ai-theme="dark"] .ai-body,
html[data-ai-theme="dark"] .chat-messages{background:#1f2937!important;color:#fff!important}

/* V35 clean BZ Assistance */
.ai-theme-picker{display:none!important}
.ai-head,.ai-header{
  background:#102545!important;
  color:#fff!important;
}
.ai-chat,.ai-panel,.assistant-panel,.bz-ai-panel{
  background:#fff!important;
  border-color:#102545!important;
}
.ai-messages,.ai-body,.chat-messages{background:#fff!important;color:#102545!important}
.ai-input{background:#fff!important;position:relative;z-index:10003}
.ai-input input,.ai-input textarea{
  background:#fff!important;
  color:#102545!important;
  border:2px solid #102545!important;
  font-size:16px!important;
  min-height:48px;
}
.ai-input button{
  background:#102545!important;
  color:#fff!important;
  border-color:#102545!important;
}
.ai-suggestion{
  background:#fff!important;
  color:#102545!important;
  border:2px solid #102545!important;
}
.ai-suggestion:hover{background:#f3f6f9!important}
.claude-powered{
  background:transparent!important;
  color:#dbe7f3!important;
  border:0!important;
  padding:0!important;
  font-size:8px!important;
  opacity:.85;
}
@media(max-width:700px){
  .ai-chat,.ai-panel,.assistant-panel,.bz-ai-panel{max-height:min(78dvh,680px)!important}
  .ai-input{position:sticky!important;bottom:0!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  body.ai-keyboard-open .ai-chat,
  body.ai-keyboard-open .ai-panel,
  body.ai-keyboard-open .assistant-panel,
  body.ai-keyboard-open .bz-ai-panel{max-height:58dvh!important}
  .ai-messages,.ai-body,.chat-messages{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
}