/* ═══════════════════════════════════════════
   WINGS OF KING'S — FRONTEND CSS v4.0
   All styles scoped to #wok-app to avoid
   theme conflicts in WordPress.
═══════════════════════════════════════════ */

/* ── ROOT VARIABLES ── */
#wok-app,
.wok-fullpage body,
.modal-bg, .cart-dr, .ckscr, .confscr, .toast {
  --fire:#FF4500;--fire-d:rgba(255,69,0,.15);--fire-b:rgba(255,69,0,.3);
  --gold:#FFD700;--coal:#0c0c0c;--dark:#161616;--mid:#1f1f1f;--card:#272727;
  --b1:rgba(255,255,255,.07);--b2:rgba(255,255,255,.13);
  --text:#f2f2f2;--sub:#a8a8a8;--mut:#5a5a5a;
  --green:#22c55e;--red:#ef4444;
  --nav:60px;--bnav:68px;
  --r:12px;--rs:8px;--rf:999px;--t:.2s ease;
}

/* ── FULL PAGE RESET ── */
.wok-fullpage * { box-sizing: border-box; margin: 0; padding: 0; }
.wok-fullpage html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
.wok-fullpage body {
  background: var(--coal);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.wok-fullpage button, .wok-fullpage input,
.wok-fullpage select, .wok-fullpage textarea { font-family: inherit; }
.wok-fullpage a { color: inherit; text-decoration: none; }

/* WordPress shortcode context reset */
#wok-app {
  background: var(--coal);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
#wok-app *, #wok-app *::before, #wok-app *::after { box-sizing: border-box; }
#wok-app button, #wok-app input,
#wok-app select, #wok-app textarea { font-family: 'Inter', sans-serif; }
#wok-app a { color: inherit; text-decoration: none; }

/* ── MARQUEE STRIP ── */
.strip { background:var(--fire);padding:7px 0;overflow:hidden;position:relative;z-index:100; }
.strip-inner { display:flex;gap:44px;white-space:nowrap;animation:wok-mq 28s linear infinite;will-change:transform; }
.strip-inner span { font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;flex-shrink:0; }
.strip-inner span::before { content:'🔥  '; }
@keyframes wok-mq { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── DESKTOP NAV ── */
.dnav { position:sticky;top:0;z-index:980;background:rgba(12,12,12,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--b1); }
.dnav-in { max-width:1280px;margin:0 auto;padding:0 24px;height:var(--nav);display:flex;align-items:center;gap:16px; }
.logo { font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:2px;color:var(--fire);flex-shrink:0; }
.logo em { color:var(--gold);font-style:normal; }
.dlinks { display:flex;gap:2px;margin-left:14px; }
.dlink { padding:6px 13px;border-radius:var(--rs);font-size:13px;font-weight:600;color:var(--sub);transition:all var(--t); }
.dlink:hover,.dlink.on { color:var(--text);background:var(--mid); }
.sp { flex:1; }
.dacts { display:flex;gap:10px;align-items:center; }
.dcart { position:relative;display:flex;align-items:center;gap:7px;padding:8px 15px;background:var(--mid);border:1px solid var(--b2);border-radius:var(--rs);font-size:13px;font-weight:700;cursor:pointer;color:var(--text);transition:all var(--t); }
.dcart:hover { border-color:var(--fire);color:var(--fire); }
.dorder { padding:9px 20px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:13px;font-weight:800;cursor:pointer;transition:all var(--t);display:inline-block; }
.dorder:hover { background:#e03c00;transform:translateY(-1px); }
.cbadge { position:absolute;top:-7px;right:-7px;background:var(--gold);color:#000;width:19px;height:19px;border-radius:50%;font-size:10px;font-weight:900;display:none;align-items:center;justify-content:center; }
.cbadge.on { display:flex; }

/* ── MOBILE HEADER (hidden on desktop) ── */
.mhdr { display:none;position:sticky;top:0;z-index:980;background:rgba(12,12,12,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--b1);padding:0 14px;height:52px;align-items:center;justify-content:space-between;gap:10px; }
.mh-logo { font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--fire); }
.mh-logo em { color:var(--gold);font-style:normal; }
.mh-loc { text-align:center;flex:1; }
.mh-loc span { display:block;font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px; }
.mh-loc b { font-size:12px;font-weight:700;color:var(--text); }
.mh-cart { position:relative;background:var(--mid);border:1px solid var(--b1);border-radius:var(--rs);padding:7px 12px;font-size:15px;cursor:pointer;color:var(--text);line-height:1; }
.mh-cart .cbadge { top:-8px;right:-8px; }

/* ── MOBILE HERO (hidden on desktop) ── */
.mhero { display:none;background:var(--coal);padding:14px; }
.mhero-card { background:linear-gradient(135deg,var(--dark),var(--mid));border:1px solid var(--b2);border-radius:18px;padding:22px 18px;position:relative;overflow:hidden; }
.mhero-bg { position:absolute;right:-12px;top:-12px;font-size:110px;opacity:.18;transform:rotate(15deg);pointer-events:none; }
.mhero-eye { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--fire);margin-bottom:7px; }
.mhero-title { font-family:'Bebas Neue',sans-serif;font-size:38px;letter-spacing:1px;line-height:.95;color:#fff;margin-bottom:8px; }
.mhero-title em { color:var(--fire);font-style:normal; }
.mhero-sub { font-size:13px;color:var(--sub);margin-bottom:14px; }
.mhero-ctas { display:flex;gap:8px;margin-bottom:14px; }
.mhbp { flex:1;padding:11px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:13px;font-weight:800;cursor:pointer;transition:all var(--t); }
.mhbp:active { transform:scale(.97); }
.mhbg { padding:11px 16px;background:none;color:var(--text);border:1.5px solid var(--b2);border-radius:var(--rs);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap; }
.mhero-stats { display:flex;gap:0;background:rgba(0,0,0,.3);border-radius:var(--rs);overflow:hidden; }
.mhst { flex:1;text-align:center;padding:9px 4px;border-right:1px solid var(--b1); }
.mhst:last-child { border-right:none; }
.mhst strong { display:block;font-size:14px;font-weight:900;color:var(--fire);line-height:1; }
.mhst span { font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut); }

/* ── DESKTOP HERO ── */
.hero { position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:var(--coal); }
#hcv { position:absolute;inset:0;width:100%;height:100%; }
.hero-ov { position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,12,12,.88) 0%,rgba(12,12,12,.5) 60%,rgba(255,69,0,.06) 100%); }
.hero-ct { position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:60px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;width:100%; }
.hero-eye { display:inline-flex;align-items:center;gap:6px;background:var(--fire-d);border:1px solid var(--fire-b);border-radius:var(--rf);padding:5px 13px;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--fire);margin-bottom:18px; }
.htitle { font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,96px);line-height:.92;letter-spacing:2px;color:#fff;margin-bottom:18px; }
.htitle span { display:block; }
.hgold { color:var(--gold); }
.hfire { color:var(--fire); }
.hdesc { font-size:16px;color:var(--sub);line-height:1.7;margin-bottom:28px;max-width:480px; }
.hctas { display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap; }
.btn-p { padding:13px 26px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--t);display:inline-block; }
.btn-p:hover { background:#e03c00;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,69,0,.35); }
.btn-g { padding:13px 26px;background:none;color:var(--text);border:2px solid var(--b2);border-radius:var(--rs);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--t);display:inline-block; }
.btn-g:hover { border-color:var(--gold);color:var(--gold); }
.hstats { display:flex;gap:28px; }
.hst strong { display:block;font-size:26px;font-weight:900;color:var(--fire); }
.hst span { font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.4px; }
.prow { display:flex;gap:8px;flex-wrap:wrap; }
.ppill { padding:7px 14px;border-radius:var(--rf);font-size:12px;font-weight:700;transition:all var(--t); }
.pp-u { background:rgba(6,193,103,.12);color:#06C167;border:1px solid rgba(6,193,103,.3); }
.pp-u:hover { background:#06C167;color:#fff; }
.pp-j { background:rgba(255,128,0,.12);color:#FF8000;border:1px solid rgba(255,128,0,.3); }
.pp-j:hover { background:#FF8000;color:#fff; }
.hero-vis { position:relative;display:flex;align-items:center;justify-content:center; }
.hero-plate { width:320px;height:320px;background:radial-gradient(circle at 50% 40%,rgba(255,69,0,.15),transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center; }
.hero-em { font-size:160px;filter:drop-shadow(0 18px 36px rgba(255,69,0,.4));animation:wok-float 3.5s ease-in-out infinite; }
@keyframes wok-float { 0%,100%{transform:translateY(0) rotate(-3deg)} 50%{transform:translateY(-16px) rotate(3deg)} }
.hpills { position:absolute;right:-10px;top:30px;display:flex;flex-direction:column;gap:8px; }
.hpill { background:var(--card);border:1px solid var(--b1);border-radius:var(--rs);padding:9px 13px;font-size:11px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px; }
.ldot { width:7px;height:7px;border-radius:50%;background:var(--green);animation:wok-pulse 2s infinite; }
@keyframes wok-pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

/* ── OFFERS BAND ── */
.oband { background:var(--dark);padding:18px 24px; }
.oband-in { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.otile { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--t); }
.otile:hover { border-color:var(--fire-b);transform:translateY(-2px); }
.ot-ic { font-size:24px;flex-shrink:0; }
.ot-lbl { font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--fire);margin-bottom:2px; }
.ot-tit { font-size:13px;font-weight:800;color:#fff; }
.ot-sub { font-size:11px;color:var(--mut); }
.ot-tag { margin-left:auto;background:var(--fire);color:#fff;padding:4px 9px;border-radius:var(--rf);font-size:11px;font-weight:800;white-space:nowrap;flex-shrink:0; }

/* ── SECTION COMMON ── */
.sh { text-align:center;margin-bottom:36px;max-width:1280px;margin-left:auto;margin-right:auto; }
.sh-eye { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--fire);margin-bottom:8px; }
.sh-title { font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,58px);letter-spacing:2px;line-height:1;color:#fff; }
.sh-title span { color:var(--fire); }
.sh-sub { font-size:14px;color:var(--mut);margin-top:8px; }
.sh-bar { width:50px;height:3px;background:var(--fire);margin:12px auto 0;border-radius:2px; }

/* ── MENU SECTION ── */
.menu-sec { background:var(--coal);padding:56px 0 80px; }
.ms { max-width:1280px;margin:0 auto;padding:0 24px; }
.mctrl { display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap; }
.msrch { flex:0 0 260px;background:var(--mid);border:1.5px solid var(--b1);border-radius:var(--rs);padding:9px 14px;font-size:13px;color:var(--text);outline:none;transition:border-color var(--t); }
.msrch::placeholder { color:var(--mut); }
.msrch:focus { border-color:var(--fire); }
.fps { display:flex;gap:6px;flex-wrap:wrap; }
.fp { padding:7px 13px;background:var(--mid);border:1.5px solid var(--b1);border-radius:var(--rf);font-size:12px;font-weight:600;color:var(--sub);cursor:pointer;transition:all var(--t);white-space:nowrap; }
.fp:hover,.fp.on { background:var(--fire);border-color:var(--fire);color:#fff; }
.catrow { display:flex;gap:0;border-bottom:1px solid var(--b1);margin-bottom:28px;overflow-x:auto;scrollbar-width:none; }
.catrow::-webkit-scrollbar { display:none; }
.catbtn { padding:10px 18px;font-size:12px;font-weight:700;color:var(--mut);cursor:pointer;border:none;border-bottom:3px solid transparent;background:none;white-space:nowrap;transition:all var(--t);font-family:'Inter',sans-serif; }
.catbtn:hover { color:var(--text); }
.catbtn.on { color:var(--fire);border-bottom-color:var(--fire); }
.mgrid { display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px; }
.mcard { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all var(--t);position:relative; }
.mcard:hover { border-color:var(--fire-b);transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.4); }
.mci { height:160px;display:flex;align-items:center;justify-content:center;font-size:64px;background:var(--mid);position:relative; }
.mbadge { position:absolute;top:8px;left:8px;z-index:1;padding:3px 8px;border-radius:var(--rf);font-size:10px;font-weight:800; }
.mbhot { background:var(--fire);color:#fff; }
.mbnew { background:var(--gold);color:#000; }
.mbdeal { background:#8b5cf6;color:#fff; }
.mbspicy { background:#dc2626;color:#fff; }
.mcb { padding:12px 14px; }
.mcmeta { display:flex;align-items:center;justify-content:space-between;margin-bottom:4px; }
.spice { display:flex;gap:2px; }
.sd { width:7px;height:7px;border-radius:50%;background:var(--b2); }
.sd.on { background:var(--fire); }
.caltag { font-size:10px;color:var(--mut);font-weight:600; }
.mcname { font-size:14px;font-weight:800;color:#fff;margin-bottom:4px; }
.mcdesc { font-size:11px;color:var(--mut);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.mcfoot { display:flex;align-items:center;justify-content:space-between; }
.mcprice { font-size:16px;font-weight:900;color:var(--fire); }
.mcwas { font-size:11px;color:var(--mut);text-decoration:line-through;margin-left:5px;font-weight:400; }
.addbtn { width:30px;height:30px;background:var(--fire);border:none;border-radius:6px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t);flex-shrink:0;line-height:1; }
.addbtn:hover { background:#e03c00;transform:scale(1.1); }
.addbtn:active { transform:scale(.92); }
.menu-empty { grid-column:1/-1;text-align:center;padding:48px 0;color:var(--mut);font-size:15px; }

/* ── DEALS SECTION ── */
.dsec { background:var(--dark);padding:56px 0 56px; }
.ds { max-width:1280px;margin:0 auto;padding:0 24px 0; }
.dscroll { display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--b2) transparent;scroll-snap-type:x mandatory; }
.dcard { min-width:270px;background:var(--card);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;scroll-snap-align:start;flex-shrink:0;transition:transform var(--t); }
.dcard:hover { transform:scale(1.02); }
.dci { height:130px;display:flex;align-items:center;justify-content:center;font-size:52px; }
.dc-fire { background:linear-gradient(135deg,rgba(255,69,0,.2),rgba(255,69,0,.05)); }
.dc-gold { background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.05)); }
.dc-purp { background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.05)); }
.dcb { padding:14px; }
.dcname { font-size:14px;font-weight:800;color:#fff;margin-bottom:3px; }
.dcdesc { font-size:11px;color:var(--mut);margin-bottom:9px; }
.dcfoot { display:flex;align-items:center;justify-content:space-between; }
.dcprice { font-size:18px;font-weight:900;color:var(--fire); }
.dcwas { font-size:11px;color:var(--mut);text-decoration:line-through;margin-left:4px; }
.dcsave { background:var(--fire-d);border:1px solid var(--fire-b);color:var(--fire);font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--rf); }
.dcadd { padding:7px 13px;background:var(--fire);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;transition:all var(--t); }
.dcadd:hover { background:#e03c00; }

/* ── WHY US ── */
.why-sec { background:var(--coal);padding:56px 24px; }
.wgrid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:1280px;margin:0 auto; }
.wcard { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:22px 18px;transition:all var(--t); }
.wcard:hover { border-color:var(--fire-b);transform:translateY(-3px); }
.wic { font-size:32px;margin-bottom:10px;display:block; }
.wtt { font-size:14px;font-weight:800;color:#fff;margin-bottom:6px; }
.wdesc { font-size:12px;color:var(--mut);line-height:1.6; }

/* ── REVIEWS ── */
.rev-sec { background:var(--dark);padding:56px 24px; }
.rgrid { display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;max-width:1280px;margin:0 auto; }
.rcard { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:17px; }
.rstars { color:var(--gold);font-size:13px;letter-spacing:1.5px;margin-bottom:7px; }
.rtxt { font-size:13px;color:var(--sub);line-height:1.6;margin-bottom:11px;font-style:italic; }
.rauth { display:flex;align-items:center;gap:9px; }
.ravt { width:33px;height:33px;border-radius:50%;background:var(--fire);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0; }
.rname { font-size:12px;font-weight:700;color:#fff; }
.rdate { font-size:11px;color:var(--mut); }
.verif { font-size:10px;color:var(--green);font-weight:700; }

/* ── INFO BAR ── */
.ibar { background:var(--fire);padding:15px 24px; }
.ibar-in { max-width:1280px;margin:0 auto;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between; }
.ii { display:flex;align-items:center;gap:8px; }
.ii-ic { font-size:16px; }
.ii-t { font-size:13px;font-weight:800;color:#fff; }
.ii-s { font-size:11px;color:rgba(255,255,255,.78); }

/* ── FOOTER ── */
footer { background:#080808;padding:42px 24px 20px;border-top:1px solid var(--b1); }
.fi { max-width:1280px;margin:0 auto; }
.fgrid { display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;margin-bottom:28px; }
.fblogo { font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:var(--fire);margin-bottom:7px; }
.fblogo em { color:var(--gold);font-style:normal; }
.fbdesc { font-size:12px;color:var(--mut);line-height:1.7;margin-bottom:13px; }
.srow { display:flex;gap:7px; }
.sbtn { width:30px;height:30px;background:var(--card);border:1px solid var(--b1);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--mut);transition:all var(--t); }
.sbtn:hover { border-color:var(--fire);color:var(--fire); }
.fcol h5 { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--fire);margin-bottom:10px; }
.fcol ul { list-style:none; }
.fcol li { margin-bottom:6px; }
.fcol a { font-size:12px;color:var(--mut);transition:color var(--t); }
.fcol a:hover { color:var(--text); }
.fbot { border-top:1px solid var(--b1);padding-top:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px; }
.fbot p { font-size:11px;color:var(--mut); }
.fally { font-size:10px;color:rgba(255,255,255,.15);max-width:460px; }

/* ── BOTTOM NAV ── */
.bnav { display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;background:rgba(12,12,12,.98);backdrop-filter:blur(14px);border-top:1px solid var(--b1); }
.bnav-in { display:flex;height:var(--bnav);align-items:center;padding-bottom:env(safe-area-inset-bottom,0); }
.bni { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;background:none;border:none;color:var(--mut);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:color var(--t);position:relative;font-family:'Inter',sans-serif; }
.bni.on,.bni:hover { color:var(--fire); }
.bni-ic { font-size:19px;line-height:1; }
.bni-badge { position:absolute;top:2px;right:calc(50% - 18px);background:var(--fire);color:#fff;min-width:16px;height:16px;border-radius:var(--rf);font-size:9px;font-weight:900;display:none;align-items:center;justify-content:center;padding:0 3px; }
.bni-badge.on { display:flex; }

/* ── ITEM MODAL ── */
.modal-bg { position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:1000;display:none;align-items:flex-end;justify-content:center; }
.modal-bg.on { display:flex; }
.msheet { background:var(--dark);border-radius:20px 20px 0 0;max-width:560px;width:100%;max-height:92vh;overflow-y:auto;animation:wok-sup .25s cubic-bezier(.22,1,.36,1);overscroll-behavior:contain; }
.msheet::-webkit-scrollbar { display:none; }
@keyframes wok-sup { from{transform:translateY(100%)} to{transform:translateY(0)} }
.mhandle { width:36px;height:4px;background:var(--b2);border-radius:2px;margin:11px auto 0; }
.mhero-img { height:190px;display:flex;align-items:center;justify-content:center;font-size:76px;background:var(--mid);position:relative; }
.mbhbdg { position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:var(--rf);font-size:10px;font-weight:800; }
.mbdy { padding:18px; }
.mtit { font-size:19px;font-weight:900;color:#fff;margin-bottom:4px; }
.mdsc { font-size:13px;color:var(--sub);line-height:1.6;margin-bottom:13px; }
.ext-lbl { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--mut);margin-bottom:6px; }
.extrow { display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--b1); }
.extrow:last-child { border-bottom:none; }
.extchk { display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text); }
.extchk input { width:16px;height:16px;accent-color:var(--fire);cursor:pointer; }
.extp { font-size:13px;font-weight:700;color:var(--fire); }
.qrow { display:flex;align-items:center;gap:12px;padding:13px 0; }
.qbtn { width:33px;height:33px;background:var(--card);border:1px solid var(--b2);border-radius:var(--rs);color:var(--text);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t); }
.qbtn:hover { border-color:var(--fire);color:var(--fire); }
.qbtn:active { transform:scale(.92); }
.qnum { font-size:17px;font-weight:800;color:#fff;min-width:20px;text-align:center; }
.maddbtn { width:100%;padding:13px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:15px;font-weight:800;cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:space-between;margin-top:3px; }
.maddbtn:hover { background:#e03c00; }
.maddbtn:active { transform:scale(.98); }

/* ── CART DRAWER ── */
.cart-bg { position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1001;display:none; }
.cart-bg.on { display:block; }
.cart-dr { position:fixed;right:0;top:0;bottom:0;width:100%;max-width:395px;background:var(--dark);border-left:1px solid var(--b1);z-index:1002;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column; }
.cart-dr.on { transform:translateX(0); }
.chd { padding:15px 18px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0; }
.chd h3 { font-size:16px;font-weight:800;color:#fff; }
.cx { background:none;border:none;color:var(--mut);font-size:19px;cursor:pointer;transition:color var(--t);padding:4px;line-height:1; }
.cx:hover { color:var(--fire); }
.cbd { flex:1;overflow-y:auto;padding:11px 18px;overscroll-behavior:contain; }
.cempty { text-align:center;padding:44px 0; }
.cempty-ic { font-size:48px;display:block;margin-bottom:9px; }
.cempty h4 { color:#fff;font-size:15px;margin-bottom:5px; }
.cempty p { color:var(--mut);font-size:13px; }
.cit { display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--b1);align-items:flex-start; }
.cit:last-child { border-bottom:none; }
.citem-em { width:48px;height:48px;background:var(--mid);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0; }
.citem-info { flex:1;min-width:0; }
.citem-name { font-size:12px;font-weight:700;color:#fff;margin-bottom:2px; }
.citem-ext { font-size:10px;color:var(--mut);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cirow { display:flex;align-items:center;justify-content:space-between; }
.ciprice { font-size:13px;font-weight:800;color:var(--fire); }
.ciqty { display:flex;align-items:center;gap:5px; }
.ciqb { width:23px;height:23px;background:var(--card);border:1px solid var(--b1);border-radius:4px;color:var(--text);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t); }
.ciqb:hover { border-color:var(--fire);color:var(--fire); }
.ciqs { font-size:12px;font-weight:700;color:#fff;min-width:12px;text-align:center; }
.cirm { background:none;border:none;color:var(--mut);font-size:13px;cursor:pointer;padding:2px;transition:color var(--t);line-height:1; }
.cirm:hover { color:var(--red); }
.cft { padding:13px 18px;border-top:1px solid var(--b1);flex-shrink:0; }
.ott { display:flex;background:var(--card);border-radius:var(--rs);padding:3px;gap:3px;margin-bottom:10px; }
.ottbtn { flex:1;padding:7px;border:none;background:none;border-radius:6px;font-size:12px;font-weight:700;color:var(--mut);cursor:pointer;transition:all var(--t);font-family:'Inter',sans-serif; }
.ottbtn.on { background:var(--fire);color:#fff; }
.couprow { display:flex;gap:6px;margin-bottom:10px; }
.coupin { flex:1;background:var(--card);border:1.5px solid var(--b1);border-radius:var(--rs);padding:8px 11px;font-size:12px;color:var(--text);outline:none;transition:border-color var(--t); }
.coupin::placeholder { color:var(--mut); }
.coupin:focus { border-color:var(--fire); }
.coupaply { padding:8px 12px;background:var(--mid);border:1px solid var(--b2);border-radius:var(--rs);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--t); }
.coupaply:hover { border-color:var(--gold);color:var(--gold); }
.totblk { margin-bottom:11px; }
.trow { display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--sub); }
.trow.disc { color:var(--green); }
.trow.grand { font-size:15px;font-weight:900;color:#fff;padding-top:8px;border-top:1px solid var(--b1);margin-top:5px; }
.ckcta { width:100%;padding:13px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--t); }
.ckcta:hover { background:#e03c00; }
.ckcta:active { transform:scale(.98); }

/* ── CHECKOUT ── */
.ckscr { position:fixed;inset:0;background:var(--coal);z-index:1100;display:none;flex-direction:column;overflow-y:auto;overscroll-behavior:contain; }
.ckscr.on { display:flex; }
.ckhd { position:sticky;top:0;background:rgba(12,12,12,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--b1);padding:13px 18px;display:flex;align-items:center;gap:11px;z-index:1;flex-shrink:0; }
.ckbk { background:none;border:1px solid var(--b1);border-radius:var(--rs);width:35px;height:35px;color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t);flex-shrink:0; }
.ckbk:hover { border-color:var(--fire);color:var(--fire); }
.ckhd h2 { font-size:16px;font-weight:800;color:#fff; }
.cksteps { display:flex;gap:4px;margin-left:auto; }
.ckstd { width:8px;height:8px;border-radius:50%;background:var(--b2);transition:background var(--t); }
.ckstd.on { background:var(--fire); }
.ckbdy { flex:1;max-width:540px;margin:0 auto;width:100%;padding:20px 18px 44px; }
.cksec { margin-bottom:18px; }
.cksec-h { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--fire);margin-bottom:9px;display:flex;align-items:center;gap:5px; }
.cksec-h::before { content:'';width:3px;height:11px;background:var(--fire);border-radius:2px;flex-shrink:0; }
.fg { margin-bottom:10px; }
.fg label { display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);margin-bottom:4px; }
.fi { width:100%;background:var(--card);border:1.5px solid var(--b1);border-radius:var(--rs);padding:10px 12px;font-size:14px;color:var(--text);outline:none;font-family:'Inter',sans-serif;transition:border-color var(--t);-webkit-appearance:none; }
.fi:focus { border-color:var(--fire); }
.fi::placeholder { color:var(--mut); }
.twoc { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.pmethods { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px; }
.pm { padding:11px 7px;background:var(--card);border:2px solid var(--b1);border-radius:var(--rs);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all var(--t); }
.pm:hover { border-color:var(--b2); }
.pm.sel { border-color:var(--fire);background:var(--fire-d); }
.pm-ic { font-size:20px;line-height:1; }
.pm-lbl { font-size:11px;font-weight:700;color:var(--sub);text-align:center; }
.pm.sel .pm-lbl { color:var(--fire); }
.cform { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:13px;margin-top:3px; }
.cfhd { font-size:11px;font-weight:700;color:var(--mut);margin-bottom:10px;display:flex;align-items:center;gap:6px; }
.cicons { display:flex;gap:3px;margin-left:auto; }
.cibdg { padding:2px 5px;background:var(--mid);border:1px solid var(--b1);border-radius:3px;font-size:9px;font-weight:800;color:var(--mut); }
.cnwrap { position:relative; }
.ctypeic { position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;font-weight:700;color:var(--sub); }
.expsec { margin-bottom:11px; }
.exptit { font-size:11px;color:var(--mut);text-align:center;margin-bottom:8px;display:flex;align-items:center;gap:6px; }
.exptit::before,.exptit::after { content:'';flex:1;height:1px;background:var(--b1); }
.expbtns { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
.ebtn { padding:12px;border-radius:var(--rs);font-size:13px;font-weight:800;cursor:pointer;border:1.5px solid;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:5px; }
.ea { background:#fff;color:#000;border-color:#fff; }
.ea:hover { background:#e5e5e5; }
.eg { background:var(--card);color:var(--text);border-color:var(--b2); }
.eg:hover { border-color:var(--text); }
.epay { background:#003087;color:#fff;border-color:#003087;grid-column:1/-1;padding:10px; }
.epay:hover { background:#002070; }
.cashinfo { background:var(--card);border:1px solid var(--b1);border-radius:var(--rs);padding:12px;font-size:13px;color:var(--sub);margin-top:6px; }
.ppinfo { background:#003087;border-radius:var(--rs);padding:12px;font-size:13px;color:rgba(255,255,255,.82);text-align:center;margin-top:6px; }
.cksumm { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:12px;margin-bottom:11px; }
.csrow { display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--sub); }
.csrow.disc { color:var(--green); }
.csrow.grand { font-size:15px;font-weight:900;color:#fff;padding-top:8px;border-top:1px solid var(--b1);margin-top:5px; }
.placebtn { width:100%;padding:14px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:15px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--t);position:relative;overflow:hidden; }
.placebtn:hover { background:#e03c00; }
.placebtn:active { transform:scale(.98); }
.placebtn.loading { pointer-events:none;opacity:.85; }
.wok-spinner { width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wok-spin .8s linear infinite;flex-shrink:0; }
@keyframes wok-spin { to{transform:rotate(360deg)} }
.secrow { display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px; }
.sbadge { font-size:10px;color:var(--mut);font-weight:600;display:flex;align-items:center;gap:2px; }

/* ── CONFIRMATION ── */
.confscr { position:fixed;inset:0;background:var(--coal);z-index:1200;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow-y:auto; }
.confscr.on { display:flex; }
.confic { font-size:64px;margin-bottom:13px;animation:wok-popin .5s cubic-bezier(.22,1,.36,1); }
@keyframes wok-popin { from{transform:scale(.3);opacity:0} 60%{transform:scale(1.14)} to{transform:scale(1);opacity:1} }
.confscr h2 { font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;color:#fff;margin-bottom:4px; }
.confsub { font-size:13px;color:var(--sub);margin-bottom:12px; }
.confnum { background:var(--fire-d);border:1px solid var(--fire-b);border-radius:var(--rs);padding:10px 18px;font-family:monospace;font-size:17px;font-weight:800;color:var(--fire);margin-bottom:12px;letter-spacing:2px; }
.confeta { background:var(--card);border:1px solid var(--b1);border-radius:var(--r);padding:12px 18px;margin-bottom:16px;width:100%;max-width:300px; }
.confeta strong { display:block;font-size:19px;font-weight:900;color:var(--fire);margin-bottom:2px; }
.confeta span { font-size:12px;color:var(--mut); }
.progtrack { display:flex;width:100%;max-width:320px;position:relative;margin-bottom:18px; }
.progtrack::before { content:'';position:absolute;top:11px;left:11px;right:11px;height:2px;background:var(--b1);z-index:0; }
.progtrack::after { content:'';position:absolute;top:11px;left:11px;height:2px;background:var(--fire);z-index:1;transition:width 1.2s ease;width:0; }
.progtrack.p1::after{width:0}.progtrack.p2::after{width:25%}.progtrack.p3::after{width:50%}.progtrack.p4::after{width:75%}.progtrack.p5::after{width:100%}
.pstep { flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:2; }
.pdot { width:22px;height:22px;border-radius:50%;background:var(--card);border:2px solid var(--b1);display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .6s ease; }
.pdot.done { background:var(--fire);border-color:var(--fire);color:#fff; }
.plbl { font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.3px; }
.confacts { display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px; }
.cap { padding:12px;background:var(--fire);color:#fff;border:none;border-radius:var(--rs);font-size:14px;font-weight:800;cursor:pointer; }
.cag { padding:11px;background:none;color:var(--text);border:1.5px solid var(--b2);border-radius:var(--rs);font-size:13px;font-weight:700;cursor:pointer;transition:border-color var(--t); }
.cag:hover { border-color:var(--fire); }

/* ── TOAST ── */
.toast { position:fixed;bottom:calc(var(--bnav) + 10px);left:50%;transform:translateX(-50%) translateY(26px);background:var(--card);border:1px solid var(--b2);border-radius:var(--rs);padding:10px 16px;font-size:13px;font-weight:600;color:#fff;z-index:9999;opacity:0;transition:all .26s cubic-bezier(.22,1,.36,1);white-space:nowrap;pointer-events:none;max-width:86vw;text-align:center; }
.toast.on { opacity:1;transform:translateX(-50%) translateY(0); }

/* ── WP ADMIN BAR COMPENSATION ── */
.wok-fullpage body.admin-bar .dnav { top: 32px; }
.wok-fullpage body.admin-bar .mhdr { top: 32px; }
@media screen and (max-width: 782px) {
  .wok-fullpage body.admin-bar .dnav { top: 46px; }
  .wok-fullpage body.admin-bar .mhdr { top: 46px; }
}

/* ── RESPONSIVE: TABLET ── */
@media(max-width:900px){
  .hero-ct { grid-template-columns:1fr;gap:28px;padding:60px 24px 80px; }
  .hero-vis { display:none; }
  .hdesc { max-width:100%; }
  .oband-in { grid-template-columns:1fr; }
  .fgrid { grid-template-columns:1fr 1fr; }
  .wgrid { grid-template-columns:repeat(2,1fr); }
  .dlinks { display:none; }
}

/* ── RESPONSIVE: MOBILE ── */
@media(max-width:640px){
  :root { --nav:50px; --bnav:70px; }
  .dnav { display:none; }
  .bnav { display:block; }
  .mhdr { display:flex; }
  .hero { display:none; }
  .mhero { display:block; }
  .oband { padding:11px 16px; }
  .oband-in { grid-template-columns:1fr; }
  .menu-sec { padding:10px 0 calc(10px + var(--bnav)); }
  .ms { padding:0 14px; }
  .mctrl { gap:8px;margin-bottom:13px; }
  .msrch { flex:none;width:100%;max-width:100%; }
  .fps { overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none; }
  .fps::-webkit-scrollbar { display:none; }
  .catrow { margin-bottom:14px; }
  .catbtn { padding:7px 12px;font-size:11px; }
  .mgrid { grid-template-columns:1fr 1fr;gap:9px; }
  .mci { height:92px;font-size:36px; }
  .mbadge { font-size:9px;padding:2px 6px; }
  .mcb { padding:9px; }
  .mcname { font-size:12px; }
  .mcdesc { display:none; }
  .mcprice { font-size:13px; }
  .addbtn { width:27px;height:27px;font-size:15px; }
  .dsec { padding:34px 0 34px 14px; }
  .dcard { min-width:185px; }
  .why-sec { padding:34px 16px; }
  .wgrid { grid-template-columns:1fr 1fr;gap:9px; }
  .wcard { padding:14px 11px; }
  .wic { font-size:22px;margin-bottom:7px; }
  .wtt { font-size:12px; }
  .rev-sec { padding:34px 16px; }
  .rgrid { grid-template-columns:1fr; }
  .ibar { padding:12px 16px; }
  .ibar-in { flex-direction:column;gap:10px;align-items:flex-start; }
  footer { padding:26px 16px calc(var(--bnav) + 13px); }
  .fgrid { grid-template-columns:1fr; }
  .fbot { flex-direction:column;align-items:flex-start; }
  .cart-dr { max-width:100%;border-left:none;border-top:1px solid var(--b1);border-radius:20px 20px 0 0;top:auto;height:88vh; }
  .ckbdy { padding:16px 14px 68px; }
  .twoc { grid-template-columns:1fr; }
  .confscr { padding:18px 14px; }
  .confic { font-size:50px; }
  .confscr h2 { font-size:29px; }
  .progtrack { max-width:100%; }
  .toast { bottom:calc(var(--bnav) + 9px); }
}

@media(max-width:380px){
  .mgrid { grid-template-columns:1fr; }
  .mhero-ctas { flex-direction:column; }
}

/* ── SAFE AREA ── */
@supports(padding:max(0px)){
  .cft { padding-bottom:max(13px,env(safe-area-inset-bottom)); }
  .ckscr { padding-bottom:env(safe-area-inset-bottom); }
  .confscr { padding-bottom:env(safe-area-inset-bottom); }
  .bnav-in { padding-bottom:env(safe-area-inset-bottom); }
}

/* ── ADMIN CSS ── */
.wok-admin { font-family:'Inter',sans-serif; }