:root{
    --void:#0a0d18;
    --deep:#10142a;
    --panel:#161b35;
    --panel-2:#1b2140;
    --violet:#7c74d1;
    --violet-2:#9089dd;
    --blue:#5b83c7;
    --cyan:#5fb8c9;
    --pink:#b98fc9;
    --star:#e9ebf6;
    --dim:#8991b8;
    --line:rgba(124,116,209,0.16);
    --glow: 0 0 30px rgba(124,116,209,0.22);
    --font-display:'Vazirmatn', sans-serif;
    --font-body:'Vazirmatn', sans-serif;
    --font-mono:'Vazirmatn', sans-serif;
    --refresh-icon-url:url('data:image/png;base64,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');
    --door-icon-url:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAERElEQVR4AeydO8wNURSFfxIqLQmF0Cho9CIeQS8KnUdLJUSLVkg0NAqPSqn1CiJ6BVoSCYVWRcFaxZ/MnJk7Z2Zy9uw9Y8lZ987cOWc/1jfH/Yt7czeu6V8oBwQkFI61NQERkGAOBCtHO0RAgjkQrBztEAEJ5kCwcrRDBCSYA8HKsdkhwZqcUzkCEoyWN5Bd8OMcdC2IDqMO1oQnn+EBhOZ/Qbt/IT4/wPP1IHqNOlgTa+Mxb5ZJAU0JhHcfm6T5kzYJk8cM1subhZqs3qmAcFcQBpscY47nGtbMXcMezMFMAYQguCs8TS2Rmz0QSolYK2NYA2EDvMNWFjCzC3xPYU9mZVsC4fbmXWVWvFNg9sTeTNJbAuGboUnRAYKyNxMoVkD43xTV17uvmJjTVNdRSnawNyo7cegEKyCHehRCg49g3gZodyCxJtaGkqYfVkD63D1s/M30LWczsibWloPS56bLJksneAHhG2Ou4bTWKc9Z28NMwj43XSZE87IFkD5vdm+bpYR7JVcj+6SKFm4BpE+BvAP7zPOc41KjFxBPo0PnFpBgeAREQII5EKwc7RABCeZAsHK0QwQkmAPBytEOEZBgDgQrRztEQII5EKwc7RABCeZAsHK0Q2yAjI4qIKOts1koIDa+jo4qIKOts1koIDa+jo46ByCb0N1eaDu0+BEdyC0Q+AV9gr5DL6D90GJHZCCP4PplaDO0Po7h4DlU/OM3iBliRAVyEO6cgdrGVrx4FVrkiArkQMZtftQzM2Wel6MCmaebBaruBFIg/tgQ7zML+TW5zJR5Xo4K5B3sfAy1jZ948Sa0yBEVCM0+i4fb0G9ofbzEwQnI5XO3yGs+IgNh81fwsAXaB+2AjkMfoMWO6EBo/B88fIZ+QIsfcwCyeAjVBgWk6kaAYwEJAKFagoBU3QhwLCABIFRLcABSTa/j1AEBSR1xPhcQZwBpegFJHXE+FxBnAGl6AUkdcT4XEGcAaXoBSR1xPhcQZwBpegFJHXE+XwwQZx+LpReQYlaWCSQgZXwsFkVAillZJpCAlPGxWBQBKWZlmUACUsbHYlEEpJiVZQJ1AbmAFK+gjwP1DPNzg3OGxp16Pmu06IOe0tvW2KuAPMHsu9BRiJ8aHKI9WJMbnDMkpsdc1mjRBz2lt/S4Eb8NCOmdbsz8L18wbZoe0+takjYgp2ozdGLpQMPrNiDbLCtQ7JoDDa/bgPAbr7VVOjFzoOF1G5D7ZukVOHWg4XUbEP5ZdjFdqfPiDtBjel0L3AaEE+7hYSfERfytj7Hib3DwB1KeItYdaGwc73Ul+6Cn9JYew5L6WAWEs77hgYtu4HmszmMtv8J8Es+XoLFxvNeV7IOe0lvY0RxdQJqz9Yq5AwJibvGwBAIyzK8is7uCCEiXOw7XBMTB9K6UAtLljsM1AXEwvSulgHS543BNQBxM70opIF3uOFwTEAfTu1L+AwAA//9Tc2bjAAAABklEQVQDAP1EJ9jnMGiLAAAAAElFTkSuQmCC');
    --mail-icon-url:url('data:image/png;base64,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');
    --search-icon-url:url('data:image/png;base64,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');
    --frown-icon-url:url('data:image/png;base64,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');
    --smartphone-icon-url:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAFTElEQVR4Aeyau64cRRRFxySkCD4BchLEQ+CMH4AMnPAQgU2IiSCECBwaB4hHgsngB8iwxUMk5PAJIKdObO/VsnyvrPbMqfFUz63d++qcrlbP6Zqz9+qaafXcJzb5s3YggK3xbjYBHMDmDpjLywoO4G4OvKGZryr/UP6nvGuWaEIbGtEqecvH0iv4KUn8TIn4nzReUr6ofFrpFmhCGxrRima048FiWpcE/J5U/av8RIl4DasKNKMdD/BiEfFLAeZj6hspQqSGo8cxG8ADvMCT7n0sAfi6VPAxpSFxygE8wZtThw6/2xswV+lbh2/bZka8waNugnoC5nuGq7Rb8yYT4xFedZHTCzB3il906dhzUrzCs4Or6wX4sjrlZkJDouAAXuFZobStpBfgi21tpFoOdPGsB2Ce2nBFqudScCd5XpX0ck6jQ6IFTWiTpFLgGd6ViqtFNFKtrda9Xi1UHR9LFzTeUPKoUoNFoAVNaENjVVSLd6U5HwJcOmdX0Qu7Cu6/ztV95f6+84BGtFY0Vr2rzDXV9AD83DTz7s213SU2FVWtVe/KxvQAzHdJpYGblSKTmqrWqndlW3oArr4531PV2tHrjqb1mIBHhzZE/wE8BKb9mwzg/b0b4swAHgLT/k0G8OSd7yaAfdlOygJ4ssF3E8C+bCdlATzZ4LsJYF+2k7IAnmzw3QSwL9tJWQBPNvhutgP21b0aZQFsjjqAA9jcAXN5WcEBbO6Aubys4AA2d8BcXlbwHGCjYwFsBHNOSgDPuWJ0LICNYM5JCeA5V4yOBbARzDkpATznitGxADaCOSclgOdcMTrWBNhI92qkBLA56gAOYHMHzOVlBQewuQPm8rKCA9jcAXN5WcEFwCOXBPDI9Aq9B3DBpJFLAnhkeoXeA7hg0sglATwyvULvAVwwaeSSAB6ZXqH3AC6YNHLJ4wAeWfdqeg9gc9QBHMDmDpjLywoOYHMHzOVlBQewuQPm8rKC2wEPdUYAD4WrvdkAbvdsqDMCeChc7c0GcLtnQ50RwEPham82gNs9G+qMAB4KV3uzAdzu2VBnHBDwmdb9trr7VXlHeVf5m/IdpX2sAfCXoviD8jXlOSXxsjbfKa8qrcMdMCv3oy0EL+m1D5S24Q74YoHch4WaYUvcAb9aIPO8ap5UWoY7YEtoLaLcAd8smPG3am4rLcMd8LUCNes7aXfA1wX4ivJR8ZVe+Fr5GHG2T3UHjPuXtbmgvKHkIYeGze/avKu0voOWvs0aAKOTlXxeO+jlYccr2v9eaR8Ithe5ZoEBbE4/gAPY3AFzecdcwdzsmNv7QN7RtPYA/P8DWdt3Ks+Jt88wzqtVrVXvysp7AP5nevfdm8ovPbtnGaOiqrXqXVl1D8B/Fd9912+1xWnOfBm/R6O10mjVu8pcU00PwL9MM9c2c/9tUTvzbFfxnct/kPCfJGisdtviXWnOHoB/1ju3fJdwdZ/+fykeJ46e/O8XmtAmO0qBZ3hXKq4W9QDMe1d+xaEueeJAF896AeZjiSvypP3sbXMAr/BsW81er/UCfEvdfKxM1BzAKzyrVTdU9QJMC99qw++tGhJbHMAjvNpSsv9LPQHTFb+3/sjOarJNKN7gUdtZDdW9AdMKd5JcpewnTxzAE7w5OdJhbwnAtM1V+r52uJnQsOrAA7zAk+5GLAUYIXzPPKudz5WI1LCqQDPa8QAvFhG/JGAEcaf4qXaeUb6p5GPqT42I12AVaEIbGtGKZrTjwWJClwZ8WhhPbfiYekkHEc/jPadEE9rQiFbJXD6OCXh5tSt8xwA2hx7AAXwYBzLLcRy4BwAA//8aKIhQAAAABklEQVQDAF/u2vE3HWYvAAAAAElFTkSuQmCC');
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--void);
    color:var(--star);
    font-family:var(--font-body);
    overflow-x:hidden;
    position:relative;
  }
  ::selection{background:var(--violet);color:#fff;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;border:none;}

  img{ -webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-user-drag:none; }

  /* ---------- smooth cross-device interactions ---------- */
  button, .btn, a, .icon-btn, .icon-btn-labeled, .cat-chip, .close-x, .card-edit, .card-del,
  .cart-fab, .add-card, .link-btn{
    -webkit-tap-highlight-color:transparent; touch-action:manipulation;
  }
  button, .btn, .icon-btn, .icon-btn-labeled, .cat-chip, .close-x, .card-edit, .card-del,
  .cart-fab, .add-card{ user-select:none; }

  /* background layers */
  #galaxy-canvas{
    position:fixed; inset:0; width:100%; height:100%; z-index:0;
    background:radial-gradient(ellipse at 50% -10%, #1a1f42 0%, var(--void) 55%);
  }
  .grain{
    position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.04;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* ---------- cursor glow dot (desktop with a real mouse only; keeps native OS cursor) ---------- */
  .cursor-glow{
    display:none; position:fixed; top:0; left:0; width:12px; height:12px;
    border-radius:50%; background:var(--violet-2); pointer-events:none; z-index:250;
    transform:translate(-50%,-50%); opacity:.85;
    box-shadow:0 0 10px 2px rgba(124,116,209,.35);
    transition:width .18s ease, height .18s ease, opacity .18s ease;
  }
  .cursor-glow.hover{
    width:46px; height:46px;
    box-shadow:0 0 18px 5px rgba(124,116,209,.3);
  }
  body.has-fine-pointer .cursor-glow{ display:block; }
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;position:relative;z-index:2;}

  /* ---------- header ---------- */
  header{
    position:fixed; top:0; right:0; left:0; z-index:200; width:100%;
    backdrop-filter:blur(14px);
    background:linear-gradient(180deg, rgba(7,4,15,0.92), rgba(7,4,15,0.75));
    border-bottom:1px solid var(--line);
    transform:translateY(0);
    transition:transform .35s cubic-bezier(.4,0,.2,1), background .3s ease;
    will-change:transform;
  }
  header.header-hide{ transform:translateY(-100%); }
  body.light-theme header{
    background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88));
    border-bottom:1px solid rgba(47,95,214,0.18);
    box-shadow:0 2px 18px rgba(47,95,214,0.08);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;}
  .logo{
    font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:2px;
    background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    display:flex;align-items:center;gap:10px;
  }
  .logo .dot{
    width:9px;height:9px;border-radius:50%;
    background:var(--cyan);box-shadow:0 0 14px 3px var(--cyan);
    animation:pulse 2.4s ease-in-out infinite;
  }
  body.light-theme .logo .dot{
    background:var(--violet); box-shadow:0 0 14px 3px rgba(47,95,214,.6);
  }
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.4);}}

  /* ---------- header logo: neon square badge + wordmark ---------- */
  .logo-wrap{display:flex;align-items:center;gap:14px;}
  .logo-box{
    position:relative; width:48px;height:48px;border-radius:14px; flex:none;
    background:linear-gradient(135deg,var(--panel),var(--panel-2));
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;overflow:visible;
    box-shadow:var(--glow), inset 0 0 0 1px rgba(255,255,255,.03);
  }
  .logo-box::after{
    content:''; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%);
    width:66%; height:9px; border-radius:50%;
    background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));
    filter:blur(7px); opacity:.7; pointer-events:none;
  }
  .logo-box img{
    width:100%;height:100%;object-fit:cover;border-radius:13px;position:relative;z-index:1;
  }
  .logo-box .dot{
    width:10px;height:10px;border-radius:50%;
    background:var(--cyan);box-shadow:0 0 14px 3px var(--cyan);
    animation:pulse 2.4s ease-in-out infinite;
  }
  .logo-text{
    font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:2px;
    background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    white-space:nowrap;
  }
  @media(max-width:760px){
    .logo-box{width:42px;height:42px;border-radius:12px;}
    .logo-text{font-size:22px;}
  }
  @media(max-width:480px){
    .logo-wrap{gap:9px;}
    .logo-box{width:36px;height:36px;border-radius:10px;}
    .logo-box::after{bottom:-6px;height:6px;filter:blur(5px);}
    .logo-text{font-size:19px;letter-spacing:1.4px;}
  }

  .navlinks{display:flex;gap:32px;font-size:14.5px;color:var(--dim);}
  .navlinks a{transition:color .2s;position:relative;padding-bottom:6px;}
  .navlinks a::after{
    content:''; position:absolute; right:0; bottom:0; width:0; height:2px; border-radius:2px;
    background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));
    box-shadow:0 0 8px rgba(124,116,209,.55);
    transition:width .3s cubic-bezier(.4,0,.2,1);
  }
  @media (hover:hover){ .navlinks a:hover::after{width:100%;} }
  @media (hover:hover){ .navlinks a:hover{color:var(--star);} }
  .navlinks a:active{color:var(--violet-2);}
  .nav-actions{display:flex;align-items:center;gap:12px;}
  .icon-btn{
    position:relative; width:40px;height:40px;border-radius:10px;flex:none;
    background:rgba(255,255,255,0.04); border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;font-size:17px;
    color:var(--star); transition:border-color .2s ease, background .2s ease, transform .15s ease, box-shadow .2s ease;
  }
  @media (hover:hover){ .icon-btn:hover{border-color:var(--violet-2); transform:translateY(-1px);} }
  .icon-btn:active{transform:scale(.92); background:rgba(255,255,255,0.09);}
  .icon-badge{
    position:absolute; top:-6px; left:-6px; min-width:18px;height:18px;padding:0 4px;
    border-radius:999px; background:linear-gradient(120deg,var(--pink),var(--violet-2));
    color:#fff; font-size:10.5px; font-weight:800; display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 8px rgba(124,116,209,.5); font-family:var(--font-mono);
  }
  .icon-badge.hidden{display:none;}
  .icon-btn-labeled{
    position:relative; height:40px; padding:0 15px 0 13px; border-radius:999px; flex:none;
    background:rgba(255,255,255,0.04); border:1px solid var(--line);
    display:flex;align-items:center;gap:8px; color:var(--star);
    font-family:var(--font-body); font-size:13px; font-weight:600;
    transition:border-color .2s ease, background .2s ease, transform .15s ease;
  }
  @media (hover:hover){ .icon-btn-labeled:hover{border-color:var(--violet-2); transform:translateY(-1px);} }
  .icon-btn-labeled:active{transform:scale(.95); background:rgba(255,255,255,0.09);}
  .icon-btn-labeled .ibl-icon-wrap{position:relative; font-size:17px; line-height:1; display:flex;}
  .icon-btn-labeled .ibl-icon-wrap .icon-badge{top:-8px; left:-10px;}
  .ibl-icon-wrap{position:relative; display:flex; align-items:center; justify-content:center;}
  .ibl-svg{width:17px;height:17px;flex:none;}
  .account-btn .ibl-icon-wrap{margin-left:2px;}
  @media(max-width:480px){
    .icon-btn-labeled{padding:0; width:36px;height:36px;justify-content:center;}
    .icon-btn-labeled .ibl-text{display:none;}
  }
  .nav-badge{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:17px; height:17px; padding:0 4px; margin-right:6px; margin-left:2px;
    border-radius:999px; background:linear-gradient(120deg,var(--pink),var(--violet-2));
    color:#fff; font-size:10px; font-weight:800; font-family:var(--font-mono);
    box-shadow:0 0 8px rgba(124,116,209,.5); vertical-align:middle;
  }
  .nav-badge.hidden{display:none;}
  .admin-only-section{display:none !important;}
  .admin-on .admin-only-section{display:block !important;}

  /* ---------- floating cart button ---------- */
  .cart-fab-wrap{
    position:fixed; left:22px; bottom:22px; z-index:60;
    display:flex; flex-direction:column; align-items:center; gap:8px;
  }
  .cart-fab-wrap.pos-top{
    top:84px; bottom:auto;
    flex-direction:column-reverse;
  }
  .cart-fab-label{
    padding:10px 18px; border-radius:999px;
    background:rgba(22,27,53,.85); backdrop-filter:blur(8px);
    border:1px solid var(--line); box-shadow:0 8px 20px rgba(0,0,0,.35);
    white-space:nowrap;
  }
  body.light-theme .cart-fab-label{
    background:rgba(255,255,255,.92); box-shadow:0 8px 20px rgba(47,95,214,.15);
  }
  .cart-fab-label-text{
    font-family:var(--font-display); font-weight:800; font-size:14.5px; letter-spacing:.3px;
    background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .cart-fab{
    position:relative; flex:none;
    width:64px;height:64px;border-radius:50%;
    background:linear-gradient(135deg,var(--violet),var(--blue));
    display:flex;align-items:center;justify-content:center;
    color:#fff; box-shadow:0 10px 28px rgba(124,116,209,.45), 0 0 0 1px rgba(255,255,255,.06) inset;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .cart-fab svg{width:32px;height:32px;position:relative;z-index:2;}
  @media (hover:hover){ .cart-fab:hover{transform:translateY(-3px) scale(1.05); box-shadow:0 14px 34px rgba(124,116,209,.55);} }
  .cart-fab:active{transform:translateY(0) scale(.92);}
  .cart-fab .cart-fab-ring{
    position:absolute; inset:0; border-radius:50%;
    box-shadow:0 0 0 0 rgba(124,116,209,.55);
  }
  .cart-fab.pulse .cart-fab-ring{animation:cartFabRing .55s ease-out;}
  @keyframes cartFabRing{
    0%{box-shadow:0 0 0 0 rgba(124,116,209,.55);}
    100%{box-shadow:0 0 0 18px rgba(124,116,209,0);}
  }
  .cart-fab.pulse svg{animation:cartFabBounce .45s ease;}
  @keyframes cartFabBounce{
    0%{transform:scale(1) rotate(0deg);}
    35%{transform:scale(.78) rotate(-8deg);}
    65%{transform:scale(1.18) rotate(6deg);}
    100%{transform:scale(1) rotate(0deg);}
  }
  .cart-fab #cartBadge{top:-6px;left:auto;right:-6px;}
  @media (max-width:640px){
    .cart-fab{width:58px;height:58px;}
    .cart-fab svg{width:29px;height:29px;}
    .cart-fab-wrap{left:14px;bottom:14px;gap:8px;}
    .cart-fab-wrap.pos-top{top:76px;bottom:auto;}
    .cart-fab-label{padding:8px 13px;}
    .cart-fab-label-text{font-size:13.5px;font-weight:700;}
  }

  /* ---------- categories ---------- */
  .product-search-row{display:flex;justify-content:center;margin-bottom:20px;}
  .product-search-wrap{position:relative;width:100%;max-width:420px;}
  .product-search-icon{
    position:absolute; top:50%; right:14px; transform:translateY(-50%);
    width:18px;height:18px; pointer-events:none;
    background:var(--dim);
    -webkit-mask-image:var(--search-icon-url); mask-image:var(--search-icon-url);
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .product-search-input{
    width:100%; background:var(--void); border:1px solid var(--line); border-radius:12px;
    padding:12px 44px 12px 16px; color:var(--star); font-family:var(--font-body); font-size:16px; outline:none;
    transition:border .2s;
  }
  .product-search-input:focus{border-color:var(--violet-2);}
  .product-search-input::placeholder{color:var(--dim);}
  .cat-bar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;flex-wrap:wrap;}
  .cat-bar{display:flex;gap:10px;flex-wrap:wrap;}
  .cat-chip{
    position:relative; padding:9px 16px; border-radius:999px; font-size:13.5px; font-weight:600;
    background:rgba(255,255,255,0.04); border:1px solid var(--line); color:var(--dim);
    cursor:pointer; transition:color .2s ease, border-color .2s ease, background .2s ease, transform .15s ease, box-shadow .2s ease;
    display:inline-flex; align-items:center; gap:8px; flex-shrink:0;
    font-family:var(--font-body);
  }
  @media (hover:hover){ .cat-chip:hover{color:var(--star); border-color:var(--violet-2);} }
  .cat-chip:active{transform:scale(.96);}
  .cat-chip.active{
    background:linear-gradient(120deg,var(--violet),var(--blue)); color:#fff; border-color:transparent;
    box-shadow:0 6px 18px rgba(124,116,209,.35);
  }
  body.light-theme .cat-chip.active{
    background:rgba(47,95,214,.12); color:var(--violet); border-color:rgba(47,95,214,.35); box-shadow:none;
  }
  .cat-chip .cat-icon{font-size:11px; opacity:.75; padding:2px; transition:opacity .2s ease, transform .15s ease;}
  @media (hover:hover){ .cat-chip .cat-icon:hover{opacity:1;} }
  .cat-chip .cat-icon:active{transform:scale(.85);}
  .cat-scroll-hint{display:none;}
  @media(max-width:760px){
    .cat-bar{
      flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
      margin:0 -28px; padding:2px 28px 6px; scrollbar-width:none;
    }
    .cat-bar::-webkit-scrollbar{display:none;}
    .cat-chip{padding:8px 13px; font-size:12px;}
    .cat-chip .cat-icon{font-size:10px;}
    .cat-scroll-hint{
      display:block; position:relative; width:100%; height:4px; margin:0 0 16px;
      border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden;
    }
    .cat-scroll-hint span{
      position:absolute; top:0; right:0; height:100%; border-radius:999px;
      background:linear-gradient(90deg,var(--violet),var(--cyan));
    }
  }
  .cat-divider{height:1px; background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent); margin-bottom:28px;}
  .cat-empty{grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--dim);}
  .cat-empty .sad-icon{
    width:44px; height:44px; margin:0 auto 14px; display:inline-block;
    background:var(--dim);
    -webkit-mask-image:var(--frown-icon-url); mask-image:var(--frown-icon-url);
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .empty-frown-icon{
    width:16px; height:16px; display:inline-block; vertical-align:-3px; margin-left:5px;
    background:var(--dim);
    -webkit-mask-image:var(--frown-icon-url); mask-image:var(--frown-icon-url);
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .cat-empty .msg{font-family:var(--font-body); font-size:19px; font-weight:600; color:var(--star);}

  /* ---------- tickets ---------- */
  .ticket-card{background:var(--void); border:1px solid var(--line); border-radius:12px; padding:16px;}
  .ticket-card .row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;}
  .ticket-card .subject{font-size:14px;color:var(--star);font-weight:700;}
  .ticket-card .desc{font-size:13px;color:var(--dim);line-height:1.9;margin-bottom:10px;}
  .status-answered{background:rgba(74,222,128,0.14); color:#6ee7a8; border:1px solid rgba(74,222,128,0.35);}
  .ticket-reply-box{margin-top:10px; padding-top:10px; border-top:1px dashed var(--line); font-size:13px; color:var(--dim); line-height:1.9;}
  .ticket-reply-box b{color:var(--cyan);}
  .support-tg-links{
    display:flex; flex-direction:column; gap:10px; margin-top:26px; padding-top:22px;
    border-top:1px dashed var(--line);
  }
  .support-tg-links a{
    color:var(--star); font-size:14px; font-weight:700;
    display:flex; align-items:center; gap:8px; transition:color .2s, gap .2s;
  }
  .support-tg-links a svg{
    width:16px; height:16px; flex:none;
  }
  @media (hover:hover){ .support-tg-links a:hover{color:var(--cyan); gap:11px;} }
  .support-tg-links a:active{opacity:.7; gap:11px;}
  #accountBtn{
    color:#fff; background:linear-gradient(135deg,var(--violet),var(--blue)); border:1px solid transparent;
    box-shadow:0 6px 16px rgba(124,116,209,.35);
  }
  @media (hover:hover){ #accountBtn:hover{border-color:transparent;} }
  body.light-theme #accountBtn{box-shadow:0 6px 16px rgba(47,95,214,.3);}
  .account-btn{
    border-radius:999px !important; height:40px; padding:0 18px; flex:none;
    max-width:100%; white-space:nowrap;
  }
  .account-btn #accountBtnText{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px;
  }
  .btn{
    padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    display:inline-flex;align-items:center;gap:8px;
  }
  .btn:disabled{
    cursor:not-allowed !important; opacity:.55; filter:grayscale(.3);
    box-shadow:none !important; transform:none !important;
  }
  .btn:disabled:hover{ transform:none !important; }
  .btn-primary{
    background:linear-gradient(120deg,var(--violet),var(--blue));
    color:#fff; box-shadow:0 4px 20px rgba(124,116,209,.35);
  }
  @media (hover:hover){ .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(124,116,209,.38);} }
  .btn-primary:active{transform:translateY(0) scale(.96); box-shadow:0 4px 14px rgba(124,116,209,.32);}
  .btn-ghost{
    background:rgba(255,255,255,0.04); color:var(--dim);
    border:1px solid var(--line);
  }
  @media (hover:hover){ .btn-ghost:hover{color:var(--star);border-color:var(--violet-2);} }
  .btn-ghost:active{transform:scale(.96); background:rgba(255,255,255,0.09); color:var(--star);}
  .btn-sm{padding:8px 14px;font-size:13px;border-radius:8px;}
  .admin-only-btn{display:none !important;}
  .admin-on .admin-only-btn{display:inline-flex !important;}

  /* ---------- hero ---------- */
  .hero{
    position:relative; padding:110px 0 90px; text-align:center;
    perspective:1200px;
  }
  .eyebrow{
    font-family:var(--font-mono); font-size:12px; letter-spacing:4px; color:var(--cyan);
    text-transform:uppercase; margin-bottom:22px; opacity:.85;
  }
  .hero h1{
    font-family:var(--font-body); font-weight:800;
    font-size:clamp(36px,6.6vw,68px); line-height:1.42; letter-spacing:0;
    background:linear-gradient(100deg,#dfe0ff 10%,var(--cyan) 35%,var(--violet-2) 60%,var(--pink) 90%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 0 90px rgba(124,116,209,.3);
    margin-bottom:22px;
  }
  .hero p{
    max-width:560px;margin:0 auto 38px; color:var(--dim); font-size:16.5px; line-height:2;
  }
  .hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

  .orbit-scene{
    margin-top:70px; height:190px; position:relative;
    display:flex;align-items:center;justify-content:center;
  }
  .core{
    width:64px;height:64px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #fff, var(--violet-2) 45%, var(--blue) 100%);
    box-shadow:0 0 45px 8px rgba(124,116,209,.4), 0 0 90px 20px rgba(91,131,199,.16);
    position:relative;z-index:2;
  }
  .ring{
    position:absolute; border:1px solid var(--line); border-radius:50%;
    transform-style:preserve-3d;
  }
  .ring1{width:180px;height:180px;animation:spin 14s linear infinite;}
  .ring2{width:280px;height:280px;animation:spin 22s linear infinite reverse;border-color:rgba(95,184,201,.18);}
  .ring3{width:390px;height:390px;animation:spin 30s linear infinite;border-color:rgba(185,143,201,.14);}
  @keyframes spin{from{transform:rotateX(72deg) rotateZ(0deg);}to{transform:rotateX(72deg) rotateZ(360deg);}}
  .chip{
    position:absolute; width:14px;height:14px;border-radius:4px;
    background:linear-gradient(135deg,var(--cyan),var(--violet-2));
    box-shadow:0 0 10px rgba(124,116,209,.5);
    top:-7px; left:50%; transform:translateX(-50%);
  }

  /* ---------- section shell ---------- */
  section{padding:100px 0; position:relative;}
  .section-head{text-align:center;max-width:640px;margin:0 auto 56px;}
  .section-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--violet-2);text-transform:uppercase;margin-bottom:14px;}
  .section-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,4vw,38px);margin-bottom:14px;}
  .section-head p{color:var(--dim);font-size:15px;line-height:1.9;}

  /* ---------- vbucks calculator (signature) ---------- */
  .calc{
    border:1px solid var(--line); border-radius:24px;
    background:linear-gradient(160deg, rgba(124,116,209,0.08), rgba(91,131,199,0.04));
    padding:48px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;
    position:relative; overflow:hidden;
  }
  .calc::before{
    content:'';position:absolute;width:400px;height:400px;border-radius:50%;
    background:radial-gradient(circle, rgba(124,116,209,.25), transparent 70%);
    top:-160px; left:-160px; filter:blur(10px);
  }
  .calc-vertical{
    grid-template-columns:1fr; max-width:440px; margin:0 auto; text-align:center;
  }
  .calc-vertical .gem-stage{ margin-bottom:8px; }
  .calc-vertical .calc-row{ text-align:right; }
  .gem-stage{
    display:flex;align-items:center;justify-content:center;perspective:900px;
  }
  .vbucks-coin{
    width:190px;height:190px;
    animation:coinspin 7s linear infinite;
    filter:drop-shadow(0 0 28px rgba(95,184,201,.45)) drop-shadow(0 0 55px rgba(124,116,209,.3));
  }
  @keyframes coinspin{
    0%{transform:rotateY(0deg);}
    45%{transform:rotateY(180deg);}
    50%{transform:rotateY(180deg) scaleX(-1);}
    95%{transform:rotateY(360deg) scaleX(-1);}
    100%{transform:rotateY(360deg) scaleX(1);}
  }

  .calc-panel h3{font-family:var(--font-display);font-size:20px;margin-bottom:8px;color:var(--star);}
  .calc-panel .hint{color:var(--dim);font-size:13.5px;margin-bottom:26px;line-height:1.8;}
  .calc-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
  .calc-row label{font-size:13px;color:var(--dim);width:110px;flex:none;}
  .calc-input{
    flex:1; background:var(--void); border:1px solid var(--line); border-radius:10px;
    padding:12px 14px; color:var(--star); font-family:var(--font-mono); font-size:16px;
    outline:none; transition:border .2s;
  }
  .calc-input:focus{border-color:var(--violet-2);}
  .calc-rate{font-size:12px;color:var(--dim);font-family:var(--font-mono);margin-top:-8px;margin-bottom:22px;}
  .calc-result{
    display:flex; align-items:baseline; justify-content:space-between;
    border-top:1px dashed var(--line); padding-top:20px;
  }
  .calc-result .label{font-size:13px;color:var(--dim);}
  .calc-result .value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--cyan);}
  .calc-result .value span{font-size:14px;color:var(--dim);margin-right:6px;}

  /* ---------- vbucks price tiers ---------- */
  .vb-tier-row{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    background:var(--void); border:1px solid var(--line); border-radius:14px; padding:16px 20px;
  }
  .vb-tier-row .vb-amount{font-family:var(--font-mono); font-size:18px; font-weight:700; color:var(--star);}
  .vb-tier-row .vb-price{font-family:var(--font-mono); font-size:16px; color:var(--cyan); font-weight:700;}
  .vb-tier-row .vb-actions{display:flex; align-items:center; gap:10px;}
  .vb-tier-empty{text-align:center; padding:30px 0; color:var(--dim); font-size:14px;}

  /* ---------- products ---------- */
  .products-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:14px;}
  .products-toolbar h2{font-family:var(--font-display);font-size:24px;}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px;}
  .ids-box{
    max-width:820px; margin:0 auto; border:1px solid var(--line); border-radius:22px;
    background:linear-gradient(160deg,var(--panel),var(--deep));
    padding:12px 32px;
  }
  .ids-row{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:22px 0; border-bottom:1px solid var(--line); flex-wrap:wrap;
  }
  .ids-row:last-child{border-bottom:none;}
  .ids-row .ids-text{display:flex; flex-direction:column; gap:4px;}
  .ids-row .ids-label{font-size:13px; color:var(--dim);}
  .ids-row .ids-value{font-family:var(--font-body); font-size:21px; font-weight:700; color:var(--star);}
  .ids-row .ids-actions{display:flex; align-items:center; gap:10px;}
  .ids-empty{padding:40px 0; text-align:center; color:var(--dim); font-size:14px;}
  .ids-add-row{padding:20px 0; text-align:center;}
  .ids-add-row button{width:100%; justify-content:center;}
  .card{
    position:relative; border-radius:18px; border:1px solid var(--line);
    background:linear-gradient(160deg,var(--panel),var(--deep));
    padding:26px; transform-style:preserve-3d; transition:transform .12s ease, box-shadow .3s ease, border-color .3s;
    overflow:hidden;
  }
  @media (hover:hover){ .card:hover{box-shadow:0 20px 50px -12px rgba(124,116,209,.45); border-color:var(--violet-2);} }
  .card::after{
    content:'';position:absolute;inset:0;border-radius:18px;
    background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.06) 50%, transparent 70%);
    transform:translateX(-120%); transition:transform .6s;
  }
  .card:active::after{transform:translateX(120%);}
  @media (hover:hover){ .card:hover::after{transform:translateX(120%);} }
  .card-badge{
    display:inline-block; font-family:var(--font-mono); font-size:10.5px; letter-spacing:1.5px;
    padding:4px 10px; border-radius:999px; margin-bottom:16px;
    background:rgba(124,116,209,.15); color:var(--violet-2); border:1px solid var(--line);
  }
  .card-badge.featured{background:rgba(185,143,201,.15);color:var(--pink);}
  .card-icon{
    width:56px;height:56px;border-radius:14px;margin-bottom:18px;
    background:linear-gradient(135deg,var(--violet),var(--cyan));
    display:flex;align-items:center;justify-content:center;font-size:26px;
    box-shadow:0 8px 24px rgba(124,116,209,.35);
  }
  .card-image-box{
    width:100%; height:230px; border-radius:16px; margin-bottom:18px;
    background:linear-gradient(160deg, rgba(124,116,209,0.14), rgba(95,184,201,0.08));
    border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
  }
  .card-image-box img{
    width:93%; height:93%; object-fit:contain;
    filter:drop-shadow(0 10px 22px rgba(124,116,209,.4));
  }
  .card h3{font-size:17.5px;margin-bottom:8px;font-weight:700;}
  .card p{font-size:13.5px;color:var(--dim);line-height:1.85;margin-bottom:20px;min-height:44px;}
  .card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  .price{font-family:var(--font-mono);font-size:18px;color:var(--cyan);font-weight:700;}
  .price small{color:var(--dim);font-size:11px;font-weight:400;}
  .card-footer .buy-btn{padding:15px 34px;font-size:15.5px;border-radius:12px;min-width:132px;justify-content:center;}
  .out-of-stock-box{
    width:100%; text-align:center; font-size:13.5px; font-weight:700;
    padding:11px 14px; border-radius:12px;
    background:rgba(239,68,68,.12); color:#f87171; border:1px solid rgba(239,68,68,.35);
  }
  .card-del{
    position:absolute; top:14px; left:14px; width:28px;height:28px;border-radius:8px;
    background:rgba(239,68,68,.15); color:#f87171; border:1px solid rgba(239,68,68,.3);
    align-items:center;justify-content:center; font-size:14px;
    transition:transform .15s ease, background .2s ease, border-color .2s ease;
  }
  .card-del{display:none;}
  .admin-on .card-del{display:flex;}
  @media (hover:hover){ .card-del:hover{border-color:#f87171; background:rgba(239,68,68,.25);} }
  .card-del:active{transform:scale(.88);}
  .card-edit{
    position:absolute; top:14px; left:50px; width:28px;height:28px;border-radius:8px;
    background:rgba(124,116,209,.15); color:var(--violet-2); border:1px solid var(--line);
    align-items:center;justify-content:center; font-size:13px;
    transition:transform .15s ease, background .2s ease, border-color .2s ease;
  }
  .card-edit{display:none;}
  .admin-on .card-edit{display:flex;}
  @media (hover:hover){ .card-edit:hover{border-color:var(--violet-2); background:rgba(124,116,209,.25);} }
  .card-edit:active{transform:scale(.88);}

  .add-card{
    border:1px dashed var(--line); border-radius:18px; display:none;
    align-items:center;justify-content:center;flex-direction:column;gap:10px;
    color:var(--dim); min-height:220px; transition:border-color .2s ease,color .2s ease, transform .15s ease, background .2s ease;
  }
  .admin-on .add-card{display:flex;}
  @media (hover:hover){ .add-card:hover{border-color:var(--violet-2);color:var(--star);} }
  .add-card:active{transform:scale(.98); background:rgba(255,255,255,0.03);}
  .add-card .plus{font-size:30px;color:var(--violet-2);}

  /* ---------- how it works ---------- */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .step{
    border:1px solid var(--line); border-radius:18px; padding:30px;
    background:rgba(255,255,255,.02);
  }
  .step .num{font-family:var(--font-mono);font-size:13px;color:var(--violet-2);margin-bottom:14px;}
  .step h4{font-size:16px;margin-bottom:10px;}
  .step p{font-size:13.5px;color:var(--dim);line-height:1.85;}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line);padding:40px 0;margin-top:40px;}
  .foot-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
  .foot-note{font-size:12.5px;color:var(--dim);}
  .footer-widget-row{display:flex;justify-content:flex-end;padding:18px 28px 6px;}
  .footer-widget{display:flex;align-items:center;gap:12px;max-width:320px;text-decoration:none;}
  .footer-widget img{width:56px;height:56px;object-fit:contain;border-radius:10px;flex:none;}
  .footer-widget-desc{font-size:11.5px;color:var(--dim);line-height:1.85;text-align:right;transition:color .2s ease;}
  @media (hover:hover){ .footer-widget:hover .footer-widget-desc{color:var(--star);} }
  .footer-widget:active .footer-widget-desc{color:var(--star);}

  .footer-columns{
    display:grid; grid-template-columns:repeat(4,1fr); gap:32px;
    padding-bottom:34px; margin-bottom:6px; border-bottom:1px solid var(--line);
  }
  .footer-col-title{
    font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--star);
    margin-bottom:18px; position:relative; padding-bottom:11px; white-space:nowrap;
  }
  .footer-col-title::after{
    content:''; position:absolute; right:0; bottom:0; width:38px; height:2px; border-radius:2px;
    background:linear-gradient(90deg,var(--violet-2),transparent);
  }
  .footer-about-text{font-size:13px;color:var(--dim);line-height:2;margin-bottom:16px;}
  .footer-social-icons{display:flex;gap:10px;}
  .footer-social-icons a{
    position:relative;
    width:36px;height:36px;border-radius:10px;flex:none;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.04); border:1px solid var(--line); color:var(--dim);
    transition:color .2s ease, border-color .2s ease;
  }
  @media (hover:hover){ .footer-social-icons a:hover{color:var(--star); border-color:var(--violet-2);} }
  .footer-social-icons a:active{transform:scale(.92);}
  .footer-social-icon-mask{
    width:16px;height:16px;display:block;background-color:currentColor;
    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .footer-social-tooltip{
    position:absolute; top:calc(100% + 9px); left:50%; transform:translateX(-50%) translateY(-4px);
    background:var(--panel); border:1px solid var(--line); color:var(--star);
    font-size:11px; font-weight:600; padding:5px 10px; border-radius:7px; white-space:nowrap;
    opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; z-index:5;
    box-shadow:0 8px 18px rgba(0,0,0,.35);
  }
  @media (hover:hover){
    .footer-social-icons a:hover .footer-social-tooltip{ opacity:1; transform:translateX(-50%) translateY(0); }
  }
  .footer-contact-btns{display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:16px;}
  .footer-contact-btn{
    display:inline-flex; align-items:center; gap:9px; padding:10px 18px; border-radius:10px;
    border:1px solid var(--line); font-family:var(--font-mono); font-size:13px; color:var(--star);
    transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
  }
  @media (hover:hover){
    .footer-contact-btn:hover{
      border-color:var(--violet-2); color:var(--violet-2);
      background:rgba(124,116,209,.1);
      transform:translateY(-3px);
      box-shadow:0 10px 22px rgba(124,116,209,.25);
    }
    body.light-theme .footer-contact-btn:hover{ background:rgba(47,95,214,.08); box-shadow:0 10px 22px rgba(47,95,214,.2); }
    .footer-contact-btn:hover .footer-contact-icon{ background-color:var(--violet-2); }
  }
  .footer-contact-btn:active{transform:translateY(-1px) scale(.98);}
  .footer-contact-icon{
    width:15px;height:15px;flex:none;background-color:var(--violet-2);
    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
    transition:background-color .2s ease;
  }
  @media(min-width:761px){ .footer-contact-icon{width:17px;height:17px;} }
  .footer-hours-text{font-size:12px;color:var(--dim);line-height:1.9;}
  .footer-quick-links{list-style:none;}
  .footer-quick-links li{margin-bottom:8px;}
  .footer-quick-links li:last-child{margin-bottom:0;}
  .footer-quick-links a{
    font-size:13px;color:var(--dim);display:flex;align-items:center;gap:8px;
    padding:7px 10px;margin:0 -10px;border-radius:9px;
    transition:color .2s ease, background .2s ease, transform .2s ease;
  }
  .footer-quick-links a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--violet-2);flex:none;transition:background .2s ease;}
  @media (hover:hover){
    .footer-quick-links a:hover{
      color:var(--violet-2); background:rgba(124,116,209,.1); transform:translateX(-3px) translateY(-2px);
    }
    body.light-theme .footer-quick-links a:hover{ background:rgba(47,95,214,.08); }
  }
  .footer-quick-links a:active{transform:scale(.97);}
  .app-download-btn{
    display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:10px 18px;
    border-radius:10px; font-size:13px; font-weight:700;
    color:#fff; background:linear-gradient(135deg,var(--violet),var(--blue)); border:1px solid transparent;
    box-shadow:0 6px 16px rgba(124,116,209,.35);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  body.light-theme .app-download-btn{box-shadow:0 6px 16px rgba(47,95,214,.3);}
  @media (hover:hover){ .app-download-btn:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(124,116,209,.4);} }
  .app-download-btn:active{transform:translateY(-1px) scale(.98);}
  @media(max-width:760px){
    .footer-columns{grid-template-columns:1fr; gap:0; padding-bottom:34px;}
    .footer-col{padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid var(--line);}
    .footer-col:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
  }

  .trust-badges-list{display:flex;gap:14px;flex-wrap:wrap;justify-content:right;align-items:flex-start;width:100%;}
  .trust-badge-item-wrap{
    display:flex;flex-direction:column;align-items:center;gap:8px;
    text-decoration:none;
  }
  .trust-badge-item{
    width:100px;height:100px;background:#fff;border-radius:16px;
    display:flex;align-items:center;justify-content:center;padding:10px;
    border:2px solid var(--violet-2);
    box-shadow:0 8px 22px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    flex:none; box-sizing:border-box;
  }
  .trust-badge-item img{width:100%;height:100%;object-fit:contain;}
  @media (hover:hover){ .trust-badge-item-wrap:hover .trust-badge-item{transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,.4);} }
  .trust-badge-item-wrap:active .trust-badge-item{transform:scale(.96);}
  .trust-badge-name{
    max-width:98px; background:var(--void); border:1px solid var(--line); border-radius:8px;
    padding:4px 10px; font-size:11px; color:var(--dim); text-align:center;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .trust-badge-manage-item{
    position:relative; width:90px; background:var(--void); border:1px solid var(--line); border-radius:12px;
    padding:8px; text-align:center;
  }
  .trust-badge-manage-item img{width:100%;height:60px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:6px;}
  .tb-manage-name{font-size:10.5px;color:var(--dim);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .trust-badge-manage-item .tb-del-btn{
    width:100%; font-size:11px; color:#f87171; background:rgba(239,68,68,.1);
    border:1px solid rgba(239,68,68,.3); border-radius:7px; padding:4px;
  }

  /* ---------- reveal-on-scroll ---------- */
  .reveal-item{
    opacity:0; transform:translateY(18px);
    transition:opacity .35s cubic-bezier(.2,.8,.3,1), transform .35s cubic-bezier(.2,.8,.3,1);
  }
  .reveal-item.in-view{opacity:1; transform:translateY(0);}

  /* ---------- modal ---------- */
  .overlay{
    position:fixed;inset:0;background:rgba(4,2,10,.72);backdrop-filter:blur(6px);
    display:none;align-items:center;justify-content:center;z-index:200;padding:20px;
  }
  .overlay.open{display:flex; animation:overlayFadeIn .25s ease;}
  @keyframes overlayFadeIn{from{opacity:0;}to{opacity:1;}}
  .modal{
    width:100%;max-width:420px; background:linear-gradient(160deg,var(--panel-2),var(--deep));
    border:1px solid var(--line); border-radius:20px; padding:30px;
    box-shadow:0 30px 80px rgba(0,0,0,.5);
    position:relative; max-height:88vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  .overlay.open .modal{animation:modalPopIn .38s cubic-bezier(.2,1.1,.3,1.15);}
  @keyframes modalPopIn{
    0%{opacity:0; transform:translateY(26px) scale(.9);}
    100%{opacity:1; transform:translateY(0) scale(1);}
  }
  .overlay#cartOverlay.open .modal{transform-origin:22px calc(100% - 22px);}
  .modal h3{font-family:var(--font-display);font-size:18px;margin-bottom:6px;}
  .modal .sub{font-size:12.5px;color:var(--dim);margin-bottom:24px;}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:7px;}
  .field input, .field textarea{
    width:100%; background:var(--void); border:1px solid var(--line); border-radius:10px;
    padding:11px 13px; color:var(--star); font-family:var(--font-body); font-size:16px; outline:none;
  }
  .field input:focus, .field textarea:focus{border-color:var(--violet-2);}
  .field textarea{resize:vertical;min-height:70px;}

  /* ---------- OTP-style 5-box code input ---------- */
  .otp-boxes{display:flex;gap:10px;justify-content:center;}
  .otp-box{
    width:52px !important; height:58px; padding:0 !important;
    text-align:center; font-size:22px !important; font-weight:800;
    font-family:var(--font-mono);
    background:var(--void); border:1.5px solid var(--line); border-radius:12px;
    color:var(--star); outline:none;
    transition:border-color .18s ease, box-shadow .18s ease, transform .12s ease;
  }
  .otp-box:focus{
    border-color:var(--violet-2);
    box-shadow:0 0 0 3px rgba(144,137,221,.18), 0 0 14px rgba(144,137,221,.25);
  }
  .otp-box.filled{border-color:rgba(144,137,221,.55);}
  @media(max-width:420px){
    .otp-boxes{gap:7px;}
    .otp-box{width:44px !important;height:52px;font-size:19px !important;border-radius:10px;}
  }
  .pw-toggle{
    display:flex; align-items:center; gap:6px; margin-top:8px;
    font-size:12.5px; color:var(--dim); cursor:pointer; user-select:none;
  }
  .pw-toggle input{width:14px;height:14px;accent-color:var(--violet-2);cursor:pointer;}
  .pw-strength-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .pw-strength-row label{margin-bottom:0;}
  .pw-strength-percent{font-size:12px;font-weight:700;white-space:nowrap;}
  .btn.btn-loading{opacity:.6;pointer-events:none;position:relative;}
  .btn-spinner{
    width:14px;height:14px;border-radius:50%;
    border:2px solid rgba(255,255,255,0.35); border-top-color:#fff;
    display:inline-block; animation:btnSpin .7s linear infinite; flex:none;
  }
  @keyframes btnSpin{to{transform:rotate(360deg);}}
  .modal-actions{display:flex;gap:10px;margin-top:22px;}
  .modal-actions .btn{flex:1;justify-content:center;}
  .err{color:#f87171;font-size:12.5px;margin-top:-8px;margin-bottom:14px;display:none;}
  .ok-msg{color:#4ade80;font-size:12.5px;margin-top:-8px;margin-bottom:14px;display:none;}
  .auth-tabs{display:flex;gap:10px;margin-bottom:20px;margin-top:26px;}
  .auth-tab-btn{
    flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border-radius:12px;
    border:1.5px solid var(--line);background:var(--void);color:var(--dim);text-align:right;
    transition:border-color .2s ease, background .2s ease, transform .15s ease;
  }
  .auth-tab-btn:active{transform:scale(0.96);}
  .auth-tab-btn .auth-tab-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;}
  .auth-tab-btn .auth-tab-icon img{width:19px;height:19px;filter:brightness(0) invert(1);opacity:0.55;transition:opacity .2s ease;display:block;}
  .auth-tab-btn .auth-tab-label{display:flex;flex-direction:column;align-items:flex-start;font-size:13.5px;font-weight:700;color:var(--star);}
  .auth-tab-btn .auth-tab-sub{font-size:10.5px;font-weight:400;color:var(--dim);margin-top:2px;}
  .auth-tab-btn.active{border-color:var(--violet-2);background:rgba(124,116,209,0.14);animation:authTabPop .35s cubic-bezier(.2,1.4,.4,1);}
  .auth-tab-btn.active .auth-tab-label{color:var(--violet-2);}
  .auth-tab-btn.active .auth-tab-icon img{opacity:1;}
  @keyframes authTabPop{
    0%{transform:scale(0.9);}
    55%{transform:scale(1.05);}
    100%{transform:scale(1);}
  }
  .forgot-link-wrap{text-align:center;margin-top:14px;}
  .fp-step{display:none;}
  .fp-step.active{display:block;}
  .status-closed{background:rgba(137,145,184,0.14); color:var(--dim); border:1px solid var(--line);}
  .ticket-chat-messages{
    display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;
    padding:14px;background:var(--void);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;
  }
  .tchat-bubble{max-width:82%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.8;}
  .tchat-bubble .tchat-time{display:block;font-size:10.5px;color:var(--dim);margin-top:5px;}
  .tchat-user{align-self:flex-end;background:var(--violet);color:#fff;border-bottom-left-radius:3px;}
  .tchat-user .tchat-time{color:rgba(255,255,255,0.75);}
  .tchat-admin{align-self:flex-start;background:var(--panel-2);color:var(--star);border-bottom-right-radius:3px;}
  .tchat-closed-note{text-align:center;font-size:12px;color:var(--dim);padding:10px;}
  .notif-view-btn{
    display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--violet-2);
    background:rgba(124,116,209,0.14);border:1px solid var(--line);border-radius:8px;padding:5px 12px;
  }

  /* ---------- gifting order flow ---------- */
  .step-indicator{display:flex;gap:10px;align-items:center;margin-bottom:28px;font-family:var(--font-mono);font-size:12px;color:var(--dim);}
  .step-indicator .dot-step{width:8px;height:8px;border-radius:50%;background:var(--line);}
  .step-indicator .dot-step.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan);}
  .pay-box{
    background:var(--void); border:1px solid var(--line); border-radius:14px; padding:20px;
    margin-bottom:20px;
  }
  .pay-box .card-num{
    font-family:var(--font-mono); font-size:19px; letter-spacing:2px; color:var(--star);
    margin-bottom:6px; direction:ltr; text-align:left;
  }
  .pay-box .card-owner{font-size:13px;color:var(--dim);margin-bottom:14px;}
  .order-summary{display:flex;justify-content:space-between;font-size:13px;color:var(--dim);padding:6px 0;border-top:1px dashed var(--line);}
  .order-summary:first-of-type{border-top:none;}
  .order-summary b{color:var(--star);font-weight:600;font-family:var(--font-mono);}
  .dropzone{
    border:1.5px dashed var(--line); border-radius:14px; padding:28px 16px; text-align:center;
    color:var(--dim); font-size:13px; cursor:pointer; transition:border-color .2s, background .2s;
    margin-bottom:18px;
  }
  .dropzone.drag{border-color:var(--violet-2); background:rgba(124,116,209,.06); color:var(--star);}
  .dropzone .dz-icon{font-size:26px;margin-bottom:8px;}
  .dropzone img.preview{max-width:100%;max-height:140px;border-radius:10px;margin-top:12px;}
  .order-card{
    background:var(--void); border:1px solid var(--line); border-radius:12px; padding:14px;
    display:flex; gap:14px; align-items:flex-start;
  }
  .order-card img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:none;}
  .order-card .meta{font-size:12.5px;color:var(--dim);line-height:1.9;flex:1;}
  .order-card .meta b{color:var(--star);font-family:var(--font-mono);}
  .order-card .actions{display:flex;flex-direction:column;gap:8px;flex:none;}

  /* ---------- faq (accordion) ---------- */
  .faq-box{
    max-width:720px;margin:0 auto; border:1px solid var(--line); border-radius:18px;
    background:linear-gradient(160deg,var(--panel),var(--deep)); overflow:hidden;
  }
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item:last-child{border-bottom:none;}
  .faq-head{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:22px 26px; cursor:pointer;
  }
  .faq-q{font-weight:700;font-size:15px;color:var(--star);flex:1;min-width:0;}
  .faq-right{display:flex;align-items:center;gap:14px;flex:none;}
  .faq-arrow{
    font-size:20px; color:var(--dim); flex:none; line-height:1;
    transition:transform .35s cubic-bezier(.4,0,.2,1), color .2s ease;
  }
  .faq-item.open .faq-arrow{transform:rotate(180deg); color:var(--violet-2);}
  .faq-a-wrap{
    display:grid; grid-template-rows:0fr;
    transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);
  }
  .faq-item.open .faq-a-wrap{grid-template-rows:1fr;}
  .faq-a-inner{overflow:hidden;}
  .faq-a{font-size:13.5px;color:var(--dim);line-height:1.9; padding:0 26px 22px;}
  .faq-icons{gap:10px;flex:none;display:flex;}
  .faq-icons span{cursor:pointer;font-size:13px;opacity:.8;transition:opacity .2s ease, transform .15s ease;}
  @media (hover:hover){ .faq-icons span:hover{opacity:1;} }
  .faq-icons span:active{opacity:1; transform:scale(.85);}
  .faq-empty{padding:40px 0;text-align:center;color:var(--dim);}
  @media(max-width:480px){
    .faq-head{padding:16px 18px; gap:10px;}
    .faq-q{font-size:13.5px; line-height:1.6;}
    .faq-a{padding:0 18px 18px; font-size:13px;}
    .faq-right{gap:10px;}
  }

  /* ---------- maintenance mode ---------- */
  #maintenanceOverlay{
    position:fixed; inset:0; z-index:500;
    background:rgba(7,9,18,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    display:flex; align-items:center; justify-content:center; padding:24px;
  }
  .maint-box{
    max-width:520px; width:100%; text-align:center; padding:56px 40px;
    border:1px solid var(--line); border-radius:26px;
    background:linear-gradient(160deg,var(--panel-2),var(--deep));
    box-shadow:0 30px 90px rgba(0,0,0,.55);
  }
  .maint-gear{
    width:76px; height:76px; display:inline-block; margin-bottom:22px;
    animation:maintSpin 2.6s linear infinite;
    background:linear-gradient(135deg,var(--violet),var(--blue));
    -webkit-mask-image:var(--refresh-icon-url);
    mask-image:var(--refresh-icon-url);
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  @keyframes maintSpin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
  .door-icon{
    width:40px; height:40px; display:inline-block;
    background:#f87171;
    -webkit-mask-image:var(--door-icon-url);
    mask-image:var(--door-icon-url);
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .channel-icon{
    width:20px; height:20px; display:inline-block; flex:none;
    background:#fff;
    -webkit-mask-size:contain; mask-size:contain;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  .channel-icon.mail{ -webkit-mask-image:var(--mail-icon-url); mask-image:var(--mail-icon-url); }
  .channel-icon.phone{ -webkit-mask-image:var(--smartphone-icon-url); mask-image:var(--smartphone-icon-url); }
  .gift-code-card{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg,var(--violet),var(--blue));
    border-radius:16px; padding:26px 20px;
    box-shadow:0 14px 34px rgba(124,116,209,.4), 0 0 0 1px rgba(255,255,255,.08) inset;
  }
  .gift-code-card-shine{
    position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.16) 50%, transparent 60%);
  }
  .gift-code-card-label{
    position:relative; font-size:11px; letter-spacing:3px; font-weight:800;
    color:rgba(255,255,255,.65); margin-bottom:10px;
  }
  .gift-code-card-value{
    position:relative; font-family:var(--font-mono); font-size:22px; font-weight:800;
    color:#fff; letter-spacing:2px; word-break:break-all; line-height:1.6;
  }
  .maint-text{
    font-family:var(--font-body); font-weight:800; font-size:20px; color:var(--star); line-height:1.9;
  }

  /* ---------- order warning note ---------- */
  .warn-note{
    display:flex; align-items:flex-start; gap:10px;
    background:rgba(232,165,74,0.1); border:1px solid rgba(232,165,74,0.35);
    color:#e8a54a; font-size:13px; font-weight:700; line-height:1.9;
    border-radius:12px; padding:14px 16px; margin-bottom:20px;
  }

  /* ---------- toast ---------- */
  .toast{
    position:fixed; top:22px; left:22px; z-index:400; max-width:min(380px, calc(100vw - 44px));
    background:linear-gradient(120deg,#1c3b2e,#173325);
    border:1px solid rgba(74,222,128,.45);
    color:#6ee7a8; padding:14px 20px; border-radius:12px;
    font-family:var(--font-body); font-weight:700; font-size:14px; line-height:1.7;
    box-shadow:0 14px 40px rgba(0,0,0,.4), 0 0 24px rgba(74,222,128,.15);
    display:flex; align-items:flex-start; gap:10px;
    transform:translateY(-14px); opacity:0; pointer-events:none;
    transition:transform .35s ease, opacity .35s ease;
  }
  .toast.show{transform:translateY(0); opacity:1;}
  .toast.error{
    background:linear-gradient(120deg,#3b1c1c,#331717);
    border:1px solid rgba(248,113,113,.45);
    color:#f87171;
    box-shadow:0 14px 40px rgba(0,0,0,.4), 0 0 24px rgba(248,113,113,.15);
  }

  /* ---------- profile ---------- */
  .profile-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--dim);padding:10px 0;border-bottom:1px dashed var(--line);}
  .profile-row:last-child{border-bottom:none;}
  .profile-row b{color:var(--star);font-family:var(--font-mono);font-weight:600;}
  .profile-stats{display:flex;gap:12px;margin-top:18px;}
  .profile-stat{
    flex:1; background:var(--void); border:1px solid var(--line); border-radius:12px;
    padding:16px; text-align:center;
  }
  .profile-stat .num{font-family:var(--font-mono);font-size:20px;color:var(--cyan);font-weight:700;}
  .profile-stat .lbl{font-size:11.5px;color:var(--dim);margin-top:4px;}
  .link-btn{background:none;color:var(--violet-2);font-size:13px;text-decoration:underline;padding:0;transition:opacity .2s ease;}
  .link-btn:active{opacity:.65;}

  /* ---------- order status + mini invoice ---------- */
  .status-pill{
    display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700;
    padding:5px 11px; border-radius:999px; white-space:nowrap;
  }
  .status-pending{background:rgba(232,165,74,0.14); color:#e8a54a; border:1px solid rgba(232,165,74,0.35);}
  .status-approved{background:rgba(74,222,128,0.14); color:#6ee7a8; border:1px solid rgba(74,222,128,0.35);}
  .status-rejected{background:rgba(239,68,68,0.14); color:#f87171; border:1px solid rgba(239,68,68,0.35);}
  .cart-pos-btn.active{background:var(--violet);color:#fff;border-color:var(--violet);}
  .my-order-card{
    background:var(--void); border:1px solid var(--line); border-radius:12px; padding:14px;
    transition:border-color .3s ease, box-shadow .3s ease;
  }
  .my-order-card.highlight-pulse{
    border-color:var(--violet-2);
    animation:orderHighlightPulse 1.8s ease-out 2;
  }
  @keyframes orderHighlightPulse{
    0%{box-shadow:0 0 0 0 rgba(124,116,209,.55);}
    70%{box-shadow:0 0 0 14px rgba(124,116,209,0);}
    100%{box-shadow:0 0 0 0 rgba(124,116,209,0);}
  }
  .my-order-card .row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;}
  .my-order-card .item-name{font-size:13.5px;color:var(--star);font-weight:600;}
  .my-order-card .meta-line{font-size:11.5px;color:var(--dim);line-height:1.9;}
  .order-timer{margin-top:10px;}
  .order-timer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
  .order-timer-label{font-size:11px;color:var(--dim);display:inline-flex;align-items:center;gap:5px;}
  .order-timer-icon{
    width:13px;height:13px;flex:none;background-color:currentColor;
    -webkit-mask-image:url('data:image/png;base64,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');
    mask-image:url('data:image/png;base64,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');
    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;
  }
  .order-timer-value{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--star);}
  .order-timer-value.is-warning{color:#f87171;}
  .order-timer-track{position:relative;width:100%;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
  .order-timer-fill{
    position:absolute; top:0; right:0; height:100%; border-radius:999px; width:100%;
    background:linear-gradient(90deg,var(--violet),var(--cyan));
    transition:width 1s linear, background .4s ease;
  }
  .order-timer-fill.is-warning{background:linear-gradient(90deg,#f87171,#e8a54a);}
  .invoice-box{
    margin-top:10px; border-top:1px dashed var(--line); padding-top:10px;
    font-size:11.5px; color:var(--dim); line-height:2;
  }
  .invoice-box b{color:var(--cyan);font-family:var(--font-mono);}
  .close-x{
    position:absolute; top:16px; left:16px; width:30px;height:30px;border-radius:8px;
    background:rgba(255,255,255,0.04); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    color:var(--dim);font-size:16px; z-index:2;
    transition:color .2s ease, border-color .2s ease, transform .15s ease, background .2s ease;
  }
  @media (hover:hover){ .close-x:hover{color:var(--star); border-color:var(--violet-2);} }
  .close-x:active{transform:scale(.88); background:rgba(255,255,255,0.09);}

  #navToggleBtn{display:none;flex-direction:column;gap:5px;}
  .hamburger-bar{width:19px;height:2px;border-radius:2px;background:currentColor;flex:none;
    transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .2s ease .1s;}
  #navToggleBtn.open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg); transition:transform .35s cubic-bezier(.4,0,.2,1) .1s;}
  #navToggleBtn.open .hamburger-bar:nth-child(2){opacity:0; transition:opacity .15s ease;}
  #navToggleBtn.open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg); transition:transform .35s cubic-bezier(.4,0,.2,1) .1s;}
  @media(max-width:760px){
    #navToggleBtn{width:40px;height:40px;border-radius:10px;}
  }
  @media(max-width:480px){
    #navToggleBtn{width:37px;height:37px;}
    .hamburger-bar{width:17px;}
  }

  @media(max-width:640px){
    .grid{grid-template-columns:repeat(2,1fr);gap:11px;}
    .card{padding:13px;border-radius:14px;}
    .card-badge{font-size:9px;padding:3px 8px;margin-bottom:9px;letter-spacing:.8px;}
    .card-icon{width:38px;height:38px;border-radius:10px;margin-bottom:9px;font-size:17px;}
    .card-image-box{height:148px;border-radius:10px;margin-bottom:9px;}
    .card h3{font-size:12.5px;margin-bottom:4px;line-height:1.4;}
    .card p{
      font-size:10.5px;line-height:1.55;margin-bottom:10px;min-height:0;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    }
    .card-footer{flex-direction:column;align-items:stretch;gap:7px;}
    .price{font-size:13px;}
    .card-footer .buy-btn{padding:9px 10px;font-size:12px;width:100%;justify-content:center;border-radius:9px;}
    .out-of-stock-box{padding:9px 10px;font-size:11.5px;border-radius:9px;}
    .add-card{min-height:160px;}
    .add-card .plus{font-size:24px;}
  }
  @media(max-width:760px){
    .navlinks{
      display:flex; position:absolute; top:100%; right:0; left:0;
      flex-direction:column; gap:0; background:var(--deep);
      border-bottom:1px solid var(--line);
      box-shadow:0 20px 40px rgba(0,0,0,.4);
      max-height:0; opacity:0; overflow:hidden; pointer-events:none;
      transform:translateY(-10px);
      padding:0 28px;
      transition:max-height .38s cubic-bezier(.4,0,.2,1), opacity .28s ease, transform .32s cubic-bezier(.4,0,.2,1), padding .38s ease;
    }
    .navlinks.open{
      max-height:420px; opacity:1; pointer-events:auto; transform:translateY(0);
      padding:8px 28px 16px;
    }
    .navlinks a{padding:12px 0; border-bottom:1px solid var(--line); font-size:15px;}
    .navlinks a:last-child{border-bottom:none;}
    .navlinks.has-moved-buttons.open{max-height:520px;}
    .navlinks .account-btn.btn{
      width:100%; justify-content:center; margin:16px 0 0; height:44px;
    }
    #navToggleBtn{display:flex;}
    .calc{grid-template-columns:1fr;padding:30px;}
    .steps{grid-template-columns:1fr;}
    .orbit-scene{transform:scale(.75);}
    .nav{padding-top:26px;padding-bottom:22px;min-height:64px;}
    .account-btn #accountBtnText{max-width:108px;}
  }
  @media(max-width:480px){
    .logo{font-size:18px;gap:6px;}
    .nav-actions{gap:6px;}
    .icon-btn{width:36px;height:36px;font-size:15px;}
    #accountBtn, #usersBtn{padding:6px 10px;font-size:11.5px;height:36px;gap:5px;}
    .account-btn #accountBtnText{max-width:78px;}
    .account-btn .ibl-svg{width:14px;height:14px;}
    .modal{padding:22px;}
    #adminBanner .wrap{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 20px;}
    .wrap{padding:0 18px;}
    .cat-bar{margin:0 -18px; padding:2px 18px 6px;}
    .maint-box{padding:36px 22px;border-radius:20px;}
    .maint-gear{width:56px;height:56px;margin-bottom:16px;}
    .maint-text{font-size:16px;}
    .ids-box{padding:6px 18px;}
    .ids-row{padding:16px 0;}
    .ids-row .ids-value{font-size:17px;}
  }
  @media(prefers-reduced-motion: reduce){
    *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important;}
  }
  @media(max-width:380px){
    .logo-text{font-size:17px;}
    .nav-actions{gap:5px;}
    #accountBtn .ibl-icon-wrap{display:none;}
    #accountBtn, #usersBtn{padding:6px 9px;font-size:11px;}
    .account-btn #accountBtnText{max-width:64px;}
  }

  @media(min-width:761px){
    .navlinks{font-size:15.5px;}
    .section-head p{font-size:16.5px;}
    .card h3{font-size:19px;}
    .card p{font-size:14.5px;}
    .step h4{font-size:17.5px;}
    .step p{font-size:14.5px;}
    .faq-q{font-size:16.5px;}
    .faq-a{font-size:14.5px;}
    .calc-panel .hint{font-size:14.5px;}
    .ticket-card .subject{font-size:15px;}
    .ticket-card .desc{font-size:14px;}
    .ticket-reply-box{font-size:14px;}
    .my-order-card .item-name{font-size:14.5px;}
    .my-order-card .meta-line{font-size:12.5px;}
    .order-card .meta{font-size:13.5px;}
    .profile-row{font-size:14.5px;}
    .footer-widget-desc{font-size:12.5px;}
    .foot-note{font-size:13.5px;}
    .ids-row .ids-value{font-size:22px;}
    .products-toolbar h2{font-size:26px;}
    #notifBtn.icon-btn-labeled{height:43px; padding:0 16px 0 14px; gap:9px;}
    #notifBtn .ibl-icon-wrap{font-size:18px;}
    #notifBtn .ibl-svg{width:18px;height:18px;}
    #notifBtn .ibl-text{font-size:13.5px;}
    .account-btn{height:43px; padding:0 19px;}
    .account-btn .ibl-svg{width:18px;height:18px;}
    .account-btn #accountBtnText{font-size:13.5px; max-width:180px;}
  }

  body.light-theme{
    --void:#f3f5fb; --deep:#eef1f9; --panel:#ffffff; --panel-2:#f3f6fc;
    --violet:#2f5fd6; --violet-2:#4d7de0; --blue:#2f5fd6; --cyan:#3f93c9; --pink:#6fa3e8;
    --star:#1b2340; --dim:#5b6690; --line:rgba(47,95,214,0.16);
    --glow: 0 0 30px rgba(47,95,214,0.18);
  }
  body.light-theme{ background:var(--void); }
  body.light-theme .card-badge{background:rgba(47,95,214,.12);}
  body.light-theme .card-badge.featured{background:rgba(47,95,214,.12);color:var(--violet-2);}
  body.light-theme .card-edit{background:rgba(47,95,214,.12);}
  body.light-theme .auth-tab-btn.active{background:rgba(47,95,214,0.1);}
  body.light-theme .otp-box:focus{box-shadow:0 0 0 3px rgba(47,95,214,.15), 0 0 14px rgba(47,95,214,.2);}
  body.light-theme .otp-box.filled{border-color:rgba(47,95,214,.5);}
  body.light-theme .dropzone.drag{background:rgba(47,95,214,.06);}
  body.light-theme .icon-btn, body.light-theme .icon-btn-labeled, body.light-theme .cat-chip{background:rgba(47,95,214,.05);}
  body.light-theme .icon-btn:active, body.light-theme .icon-btn-labeled:active{background:rgba(47,95,214,.1);}
  body.light-theme ::selection{background:var(--violet);color:#fff;}
  body.light-theme .theme-toggle-btn{background:rgba(47,95,214,.06);}

  .theme-toggle-btn{
    display:flex; align-items:center; justify-content:center; flex:none;
    width:40px; height:40px; border-radius:10px;
    background:rgba(255,255,255,.04); border:1px solid var(--line); color:var(--star);
    transition:border-color .2s ease, background .2s ease, transform .15s ease;
  }
  @media (hover:hover){ .theme-toggle-btn:hover{border-color:var(--violet-2); transform:translateY(-1px);} }
  .theme-toggle-btn:active{transform:scale(.92);}
  .theme-toggle-btn .theme-icon{
    width:19px;height:19px;flex:none;background-color:currentColor;
    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
  }
  #themeIconSun{background-color:#fff;}
  body.light-theme #themeIconSun{background-color:var(--violet);}
  body.light-theme #navToggleBtn{color:var(--violet);}
  body.light-theme #notifBtn{color:var(--violet);}
  @media(min-width:761px){ .theme-toggle-btn{width:48px;height:48px;} .theme-toggle-btn .theme-icon{width:22px;height:22px;} }
:root{--g-d:'Lalezar','Vazirmatn',sans-serif;--g-n:'Orbitron','Vazirmatn',sans-serif;--gd:#ffd166}
html{scroll-behavior:smooth}
#gxGlow{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(520px circle at var(--x,50%) var(--y,30%),rgba(139,92,255,.18),transparent 65%)}
.g-w{max-width:1180px;margin:auto;padding:0 28px;position:relative;z-index:2}
.navlinks a{position:relative}
@media(min-width:761px){.navlinks a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));transform:scaleX(0);transition:transform .3s}.navlinks a:hover::after{transform:scaleX(1)}}
.logo-text{background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-wrap:hover .logo-text{animation:gGl .4s steps(2) 2}
@keyframes gGl{0%{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}50%{text-shadow:-3px 0 var(--pink),3px 0 var(--cyan);transform:translateX(1px)}100%{text-shadow:none}}
#navToggleBtn.open{border-color:var(--pink);box-shadow:0 0 18px rgba(255,61,154,.45)}
#gxScrim{position:fixed;inset:0;z-index:150;background:rgba(7,6,15,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .4s}
body.gx-mo #gxScrim{opacity:1;pointer-events:auto}
.g-hero{min-height:100svh;padding:130px 0 70px;display:flex;align-items:center;position:relative;overflow:hidden}
.g-floor{position:absolute;inset:auto -20% 0;height:58%;background:repeating-linear-gradient(90deg,rgba(144,137,221,.5) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(95,184,201,.4) 0 1px,transparent 1px 64px);transform:perspective(420px) rotateX(62deg);transform-origin:bottom;animation:gRun 2.4s linear infinite;-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 85%);mask-image:linear-gradient(0deg,#000 10%,transparent 85%)}
@keyframes gRun{to{background-position:0 64px,0 64px}}
.g-hw{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;width:100%}
.g-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--cyan);background:rgba(95,184,201,.07)}
.g-tag i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:gP 1.4s infinite}
@keyframes gP{50%{opacity:.25;transform:scale(.6)}}
.g-hero h1{font:400 clamp(44px,7.2vw,96px)/1.08 var(--g-d);margin:18px 0;background:linear-gradient(100deg,var(--star),var(--cyan) 35%,var(--violet-2) 65%,var(--pink));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gFl 6s linear infinite;filter:drop-shadow(0 0 26px rgba(124,116,209,.45))}
@keyframes gFl{to{background-position:-200% 0}}
.g-lead{color:var(--dim);max-width:520px;font-size:17px;line-height:1.9}
.g-cta{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}
.g-feats{display:flex;flex-wrap:wrap;gap:10px}
.g-feats span{font-size:13.5px;padding:7px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.g-stage{position:relative;height:460px;perspective:900px}
.g-card{position:absolute;border-radius:22px;background:linear-gradient(145deg,var(--panel-2),var(--panel));border:1px solid rgba(144,137,221,.5);box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 0 30px rgba(124,116,209,.15);transform-style:preserve-3d;transition:transform .15s ease-out;overflow:hidden}
.g-card::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.2),transparent 60%);pointer-events:none}
.g-c1{width:62%;height:300px;inset-inline-start:19%;top:70px;z-index:3;display:grid;place-items:center;text-align:center}
.g-c2,.g-c3{width:44%;height:180px;padding:22px}
.g-c2{inset-inline-end:-2%;top:0;z-index:2;animation:gFt 5s ease-in-out infinite}
.g-c3{inset-inline-start:-2%;bottom:0;z-index:4;animation:gFt 6s ease-in-out -2s infinite}
@keyframes gFt{50%{translate:0 -14px}}
.g-card svg{width:38px;height:38px;color:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan));margin-bottom:6px}
.g-coin{width:150px;height:150px;display:block;margin:0 auto 8px;animation:gSp 7s linear infinite;filter:drop-shadow(0 0 28px rgba(255,209,102,.5)) drop-shadow(0 0 50px rgba(124,116,209,.4))}
@keyframes gSp{0%{transform:rotateY(0)}45%{transform:rotateY(180deg)}50%{transform:rotateY(180deg) scaleX(-1)}95%{transform:rotateY(360deg) scaleX(-1)}100%{transform:rotateY(360deg) scaleX(1)}}
.g-big{font:900 26px var(--g-n);color:var(--gd)}
.g-mini{font:400 22px var(--g-d)}.g-mini small{display:block;color:var(--dim);font:400 13px var(--font-body)}
.g-load>*{animation:gUp .8s cubic-bezier(.2,.8,.2,1) both}
.g-load>*:nth-child(2){animation-delay:.12s}.g-load>*:nth-child(3){animation-delay:.24s}.g-load>*:nth-child(4){animation-delay:.36s}.g-load>*:nth-child(5){animation-delay:.48s}
@keyframes gUp{from{opacity:0;transform:translateY(34px) scale(.98)}}
.g-cta .btn-primary{position:relative;overflow:hidden;box-shadow:0 0 24px rgba(124,116,209,.45)}
.g-cta .btn-primary::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg)}
.g-cta .btn-primary:hover::before{left:130%;transition:left .7s}
.g-mq{border-block:1px solid var(--line);background:var(--panel);overflow:hidden;white-space:nowrap;direction:ltr;position:relative;z-index:2}
.g-mq div{display:inline-block;padding:14px 0;font:400 26px var(--g-d);color:var(--dim);animation:gMq 26s linear infinite}
.g-mq b{color:var(--pink);margin:0 26px}
@keyframes gMq{to{transform:translateX(-50%)}}
.g-h2{font:400 clamp(32px,5vw,52px)/1.2 var(--g-d);margin-bottom:10px}
.g-sub{color:var(--dim);margin-bottom:44px}
.g-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:gs;position:relative}
.g-steps::before{content:"";position:absolute;top:27px;inset-inline:6%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink))}
.g-st::before{counter-increment:gs;content:counter(gs,persian);display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--void);border:2px solid var(--violet);font:400 26px var(--g-d);margin-bottom:16px;box-shadow:0 0 22px rgba(124,116,209,.5);position:relative}
.g-st h3{font:400 22px var(--g-d)}.g-st p{color:var(--dim);font-size:14.5px}
@media(max-width:900px){.g-hw{grid-template-columns:1fr}.g-stage{height:400px}.g-steps{grid-template-columns:1fr 1fr}.g-steps::before{display:none}}
@media(max-width:760px){
 header{transform:none!important;will-change:auto;backdrop-filter:none;background:none!important;border-bottom:0;transition:top .35s cubic-bezier(.4,0,.2,1)}
 header.header-hide{top:-120px}
 header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,4,15,.92),rgba(7,4,15,.75));backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:opacity .3s}
 body.light-theme header::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));border-bottom-color:rgba(47,95,214,.18)}
 body.gx-mo header::before{opacity:0}
 .nav-actions{position:relative;z-index:3}
 .navlinks{position:fixed;top:0;bottom:0;left:0;right:auto;z-index:2;width:min(86vw,340px);height:auto;max-height:none;opacity:1;padding:84px 18px 24px;gap:6px;background:linear-gradient(180deg,#1a1142,#0b0820);border:0;border-inline-end:1px solid var(--violet);box-shadow:0 0 60px rgba(124,116,209,.35);transform:translateX(-105%);visibility:hidden;pointer-events:none;overflow-y:auto;transition:transform .5s cubic-bezier(.7,0,.2,1),visibility 0s .5s}
 .navlinks.open,.navlinks.has-moved-buttons.open{max-height:none;padding:84px 18px 24px;transform:none;visibility:visible;pointer-events:auto;transition:transform .5s cubic-bezier(.7,0,.2,1)}
 body.light-theme .navlinks{background:linear-gradient(180deg,#fff,#eef2ff)}
 .navlinks a{font:400 24px var(--g-d);padding:12px 14px;border:1px solid transparent;border-radius:14px;opacity:0;transform:translateX(-24px);transition:opacity .4s,transform .4s,background .2s}
 .navlinks a:last-of-type{border-bottom:1px solid transparent}
 .navlinks.open a{opacity:1;transform:none}
 .navlinks a:hover{background:rgba(124,116,209,.15);border-color:var(--line)}
 .navlinks .account-btn.btn{margin-top:auto}
}
@media(max-width:480px){.g-steps{grid-template-columns:1fr}.g-c2,.g-c3{width:50%;height:150px;padding:14px}.g-c1{width:70%;inset-inline-start:15%}}
@media(prefers-reduced-motion:reduce){.g-floor,.g-coin,.g-card,.g-mq div,.g-hero h1{animation:none!important}}
:root{--void:#06040f;--deep:#0c0822;--panel:#120d2e;--panel-2:#1a1240;--violet:#8b5cff;--violet-2:#a98bff;--blue:#3b82ff;--cyan:#19e3ff;--pink:#ff3d9a;--star:#f2f0ff;--dim:#a29bd0;--line:rgba(139,92,255,.3);--glow:0 0 30px rgba(139,92,255,.35)}
#galaxy-canvas{display:none}
#gxBg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(900px 500px at 85% -10%,rgba(139,92,255,.28),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(255,61,154,.16),transparent 60%),var(--void)}
#gxBg::before{content:"";position:absolute;inset:-64px 0 0;background:linear-gradient(rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px;animation:gxDrift 6s linear infinite;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 80%)}
@keyframes gxDrift{to{transform:translateY(64px)}}
#gxBg::after{content:"";position:absolute;left:0;right:0;height:140px;top:-140px;background:linear-gradient(180deg,transparent,rgba(25,227,255,.08),transparent);animation:gxScan 7s linear infinite}
@keyframes gxScan{to{transform:translateY(calc(100vh + 280px))}}
body.light-theme #gxBg{opacity:.35}
.gx-hud{position:fixed;z-index:3;width:34px;height:34px;pointer-events:none;border:0 solid var(--cyan);opacity:.6}
.gx-hud.a{top:84px;right:14px;border-width:2px 2px 0 0}.gx-hud.b{top:84px;left:14px;border-width:2px 0 0 2px}.gx-hud.c{bottom:14px;right:14px;border-width:0 2px 2px 0}
@media(max-width:760px){.gx-hud{display:none}}
.section-tag{display:inline-block;padding:5px 18px;border:0;border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(90deg,rgba(25,227,255,.2),rgba(255,61,154,.2));color:var(--cyan);font-family:var(--g-n);font-size:12px;letter-spacing:1.5px}
.section-head h2{font-family:var(--g-d);font-weight:400;font-size:clamp(34px,5vw,54px);line-height:1.2}
.cat-chip{border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-inline:22px}
.grid .card:nth-child(4n+1){--cc:var(--cyan)}.grid .card:nth-child(4n+2){--cc:var(--pink)}.grid .card:nth-child(4n+3){--cc:var(--violet-2)}.grid .card:nth-child(4n){--cc:var(--gd)}
.card{--cc:var(--cyan);border-radius:0;border:1px solid var(--line);border-top:3px solid var(--cc);padding:24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--cc) 16%,transparent),transparent 55%),linear-gradient(160deg,var(--panel),var(--deep));clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));transition:transform .25s,box-shadow .3s,border-color .3s}
.card::before{content:"";position:absolute;top:-3px;right:-1px;width:27px;height:27px;background:linear-gradient(45deg,transparent 46%,var(--cc) 46% 56%,transparent 56%);pointer-events:none;z-index:2}
.card::after{border-radius:0}
@media (hover:hover){.card:hover{transform:translateY(-8px);border-color:var(--cc);box-shadow:inset 0 0 50px color-mix(in srgb,var(--cc) 22%,transparent)}}
.card-image-box{border-radius:0;border:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--cc) 34%,transparent),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px),rgba(0,0,0,.25)}
.card-image-box img{filter:drop-shadow(0 12px 24px color-mix(in srgb,var(--cc) 55%,transparent));transition:transform .4s}
@media (hover:hover){.card:hover .card-image-box img{transform:scale(1.08) translateY(-4px)}}
.card-icon{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,var(--cc),var(--violet))}
.card-badge,.card-badge.featured{border-radius:0;border:0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:4px 14px;background:color-mix(in srgb,var(--cc) 22%,transparent);color:var(--cc)}
.card h3{font:400 24px var(--g-d)}
.price{font-family:var(--g-n);font-size:16px;color:var(--gd);background:rgba(255,209,102,.1);padding:7px 16px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);text-shadow:0 0 14px rgba(255,209,102,.45)}
.card-footer .buy-btn{border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(120deg,var(--violet),var(--pink));box-shadow:none;min-width:128px}
.out-of-stock-box{border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.add-card{border-radius:0}
#cartOverlay{justify-content:flex-start;align-items:stretch;padding:0;direction:ltr;background:rgba(4,2,10,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#cartOverlay .modal{direction:rtl;display:flex;flex-direction:column;width:min(92vw,420px);max-width:none!important;height:100%;max-height:none;border:0;border-right:2px solid var(--violet);border-radius:0;padding:26px 22px 22px;background:radial-gradient(circle at 0 0,rgba(139,92,255,.22),transparent 55%),linear-gradient(180deg,var(--panel-2),var(--void));box-shadow:0 0 70px rgba(139,92,255,.4);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
#cartOverlay.open .modal{animation:gxSlideL .45s cubic-bezier(.2,.9,.2,1)}
@keyframes gxSlideL{from{transform:translateX(-100%)}to{transform:none}}
#cartOverlay .modal h3{font:400 26px var(--g-d)}
#cartOverlay #cartItemsList{flex:1;max-height:none!important;min-height:0}
#cartOverlay .modal-actions{margin-top:14px}
@media(max-width:760px){
 .navlinks a{display:flex;align-items:center;justify-content:space-between;gap:10px;font:400 19px/1.4 var(--g-d);padding:12px 16px;margin-bottom:2px;border:1px solid var(--line);border-inline-start:3px solid var(--cyan);border-radius:0;background:linear-gradient(135deg,rgba(139,92,255,.14),rgba(25,227,255,.04));clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}
 .navlinks a:nth-of-type(even){border-inline-start-color:var(--pink)}
 .navlinks a::after{content:"";position:static;inset:auto;bottom:auto;left:auto;right:auto;background:none;flex:none;width:7px;height:7px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg);opacity:.8}
 .navlinks a:last-of-type{border-bottom:1px solid var(--line)}
 .navlinks a:hover,.navlinks a:active{background:linear-gradient(135deg,rgba(139,92,255,.3),rgba(25,227,255,.1));border-color:var(--cyan)}
 .navlinks .account-btn.btn{clip-path:none;border-radius:14px;font-size:14px}
}
.cursor-glow{display:none!important}body.cursor-dot-on.has-fine-pointer .cursor-glow{display:block!important}
body.light-theme #gxGlow{background:radial-gradient(520px circle at var(--x,50%) var(--y,30%),rgba(47,95,214,.22),transparent 65%)}
body.light-theme #gxBg{filter:hue-rotate(-35deg)}
#maintenanceOverlay{background:radial-gradient(700px 420px at 50% 40%,rgba(139,92,255,.3),transparent 65%),linear-gradient(rgba(139,92,255,.14) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(139,92,255,.14) 1px,transparent 1px) 0 0/56px 56px,rgba(6,4,15,.92)}
.maint-box{position:relative;overflow:hidden;border:0;border-radius:0;border-top:3px solid var(--pink);padding:56px 40px;background:linear-gradient(160deg,var(--panel-2),var(--void));clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));animation:gxBoxGlitch 2.8s infinite}
.maint-box::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;animation:gxNoise .5s steps(3) infinite}
.maint-box::after{content:"";position:absolute;left:0;right:0;height:60px;top:-60px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(25,227,255,.18),transparent);animation:gxScanBox 3.4s linear infinite}
.maint-gear{background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));filter:drop-shadow(0 0 14px rgba(139,92,255,.7))}
.maint-text{position:relative;font:400 28px/1.6 var(--g-d);animation:gGlC .45s steps(2) infinite}
.maint-text::before,.maint-text::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}
.maint-text::before{color:var(--cyan);animation:gxSliceA 2.8s steps(1) infinite;mix-blend-mode:screen}
.maint-text::after{color:var(--pink);animation:gxSliceB 2.8s steps(1) infinite;mix-blend-mode:screen}
@keyframes gGlC{0%{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}50%{text-shadow:-3px 0 var(--pink),3px 0 var(--cyan);transform:translateX(1px)}100%{text-shadow:1px 0 var(--pink),-1px 0 var(--cyan)}}
@keyframes gxSliceA{0%,86%,100%{clip-path:inset(0 0 100% 0);transform:none}88%{clip-path:inset(10% 0 60% 0);transform:translateX(-6px)}92%{clip-path:inset(55% 0 12% 0);transform:translateX(5px)}96%{clip-path:inset(30% 0 40% 0);transform:translateX(-3px)}}
@keyframes gxSliceB{0%,84%,100%{clip-path:inset(0 0 100% 0);transform:none}87%{clip-path:inset(60% 0 8% 0);transform:translateX(6px)}91%{clip-path:inset(18% 0 55% 0);transform:translateX(-5px)}95%{clip-path:inset(40% 0 30% 0);transform:translateX(4px)}}
@keyframes gxBoxGlitch{0%,84%,100%{transform:none;filter:none}86%{transform:translate(-4px,1px);filter:hue-rotate(40deg) saturate(1.6)}88%{transform:translate(5px,-2px) skewX(2deg)}90%{transform:translate(-3px,2px);filter:hue-rotate(-40deg)}92%{transform:translate(2px,0) skewX(-2deg);filter:none}}
@keyframes gxNoise{0%{transform:translateY(0)}33%{transform:translateY(-2px)}66%{transform:translateY(2px)}100%{transform:translateY(0)}}
@keyframes gxScanBox{to{transform:translateY(calc(100% + 420px))}}
@media(prefers-reduced-motion:reduce){.maint-box,.maint-box::before,.maint-box::after,.maint-text,.maint-text::before,.maint-text::after{animation:none!important}}
.logo-box img{object-fit:contain!important;padding:4px;border-radius:0}
.card-footer{flex-wrap:nowrap!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
.card-footer .price{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}
.card-footer .price small{display:block;font-size:11px;opacity:.8}
.card-footer .buy-btn,.card-footer .out-of-stock-box{flex:none;width:auto!important;min-width:92px;padding:12px 22px;white-space:nowrap}
@media(max-width:760px){.card{padding:16px 14px}
.card-footer{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
.card-footer .price{flex:none;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;padding:8px 10px;font:800 15px var(--font-body);clip-path:none;border-radius:10px;white-space:nowrap}
.card-footer .price small{display:inline;font-size:11px;opacity:.85}
.card-footer .buy-btn,.card-footer .out-of-stock-box{width:100%!important;min-width:0;padding:13px 16px;font-size:15.5px;text-align:center;justify-content:center;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}}
.g-stage{height:auto;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px}
.g-showcase{position:relative;width:min(100%,540px);padding:3px;border-radius:30px;overflow:hidden;background:var(--panel);transform-style:preserve-3d;transition:transform .15s ease-out;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(139,92,255,.3)}
.g-showcase::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,var(--cyan),var(--violet),var(--pink),var(--cyan));animation:gSpinB 6s linear infinite}
@keyframes gSpinB{to{transform:rotate(360deg)}}
.g-inner{position:relative;border-radius:27px;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,rgba(139,92,255,.35),var(--void) 70%)}
.g-inner::after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-50%;z-index:4;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);animation:gShine 5.5s ease-in-out infinite}
@keyframes gShine{0%,55%{left:-50%}100%{left:140%}}
.g-glare{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(300px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.22),transparent 60%)}
.g-logo-hero{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 34px rgba(139,92,255,.7));animation:gLogoF 5s ease-in-out infinite}
@keyframes gLogoF{50%{transform:translateY(-12px) scale(1.03)}}
.g-inner.has-img .g-logo-hero{display:none}
.g-slide{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity .9s ease,transform 6s ease-out}
.g-slide.on{opacity:1;transform:scale(1);z-index:1}
.g-slide img{width:100%;height:100%;object-fit:cover;display:block}
.g-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.g-dots button{width:9px;height:9px;padding:0;border:0;border-radius:9px;background:var(--line);cursor:pointer;transition:width .3s,background .3s}
.g-dots button.on{width:28px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.g-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font:600 13px var(--font-body);background:rgba(18,13,46,.82);border:1px solid var(--line);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.35);animation:gFt 5s ease-in-out infinite;z-index:5}
body.light-theme .g-chip{background:rgba(255,255,255,.9)}
.g-chip img{width:22px;height:22px}.g-chip svg{width:18px;height:18px;color:var(--cyan)}
.g-ch1{top:4%;inset-inline-end:-2%}.g-ch2{bottom:16%;inset-inline-start:-3%;animation-delay:-2s}.g-ch3{top:46%;inset-inline-end:-4%;animation-delay:-3.500s}
@media(max-width:900px){.g-showcase{width:min(100%,460px)}}
@media(max-width:480px){.g-chip{font-size:11.500px;padding:6px 12px}.g-ch1{inset-inline-end:0}.g-ch2{inset-inline-start:0}.g-ch3{display:none}}
@media(prefers-reduced-motion:reduce){.g-showcase::before,.g-inner::after,.g-logo-hero,.g-chip{animation:none!important}}
.faq-arrow{width:22px;height:22px;font-size:0;background-color:currentColor;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAC4klEQVR4AezYUY7UMBCE4REng5MBJ4OjkU8iKytqpzMTJx7tNppWOlWOXf2vn/j2qH+7BArQLp7HowAVoIRAYtcNKkAJgcSuG1SAEgKJXTeoACUEErtuUAFKCCR23aAClBBI7OdvULLhZ7MLUPIXLUAFKCGQ2HWDClBCILHrBhWghEBi1w0qQAmBxB5xg74vZ/z5Xz+X5+zf0DxnAQECjlDq10KHtjym/Jy9zSPXy2HOAooOnwUJHGdvYdC32uH3s4B6Bwl6Klhv447uLGd27Nfls4B+7xwtsOA7S4ZYznBWb7O/PeOIfhaQw/fC8QxwJMsra+ztjN63vL0/Yu+7D/0sIBsJIIg+Kp5BIu+MZk979/bgydbzD+kjADlIEIH0UfEMFHmvaPayZ+9bnkw9/7A+CpADBRJMHxXPYJH3jGYPe/W+4cnS85/SRwJysGAC6qPiGTDyjmi+tUdvLU+Gnv+0PhqQAAIKqo+KZ9DI29N849veGp6ze/5L+hWABBFUYH1UPANHXqRZ65vIo/GcqR9aVwESUmDB9VHxDB55rWaNta3W9jxntdqw/kpAQgpuAH1UPAAij8azRh8VzxmRN0S7GpCQBjCIPioeEFuPxtvq6zvP3uv7Jc87AAluEAPpo+IBsnp62vq+ffLsudWHv98FSHADGUwfFQ8YpY/W0Hj20l9edwIyjMEMqI+KpyKPxrOH/pa6G5ChDGhQfVyx6hvfxu5F6gxARjGogfVHylrfHFk7dM0sQIYwsMH1e2WNtXtrLvNmAjKUwQHQR8WzJvJu0WYDMiQAQOjbovFa7fb+HQAZGghA/A+l+rGItOUx9/cugFAABBgFEm16vROg6TCiAAUootJoBaiBEbUFKKLSaAWogRG1BSii0mgFqIERtZ8FUDTbEK0AJRgLUAFKCCR23aAClBBI7LpBBSghkNh1gwpQQiCx6wYVoIRAYtcNKkAJgcT+ujcoAbPaBWgl0Xn+AwAA///tp2MQAAAABklEQVQDAHuQVJGukM+BAAAAAElFTkSuQmCC) center/contain no-repeat;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAC4klEQVR4AezYUY7UMBCE4REng5MBJ4OjkU8iKytqpzMTJx7tNppWOlWOXf2vn/j2qH+7BArQLp7HowAVoIRAYtcNKkAJgcSuG1SAEgKJXTeoACUEErtuUAFKCCR23aAClBBI7OdvULLhZ7MLUPIXLUAFKCGQ2HWDClBCILHrBhWghEBi1w0qQAmBxB5xg74vZ/z5Xz+X5+zf0DxnAQECjlDq10KHtjym/Jy9zSPXy2HOAooOnwUJHGdvYdC32uH3s4B6Bwl6Klhv447uLGd27Nfls4B+7xwtsOA7S4ZYznBWb7O/PeOIfhaQw/fC8QxwJMsra+ztjN63vL0/Yu+7D/0sIBsJIIg+Kp5BIu+MZk979/bgydbzD+kjADlIEIH0UfEMFHmvaPayZ+9bnkw9/7A+CpADBRJMHxXPYJH3jGYPe/W+4cnS85/SRwJysGAC6qPiGTDyjmi+tUdvLU+Gnv+0PhqQAAIKqo+KZ9DI29N849veGp6ze/5L+hWABBFUYH1UPANHXqRZ65vIo/GcqR9aVwESUmDB9VHxDB55rWaNta3W9jxntdqw/kpAQgpuAH1UPAAij8azRh8VzxmRN0S7GpCQBjCIPioeEFuPxtvq6zvP3uv7Jc87AAluEAPpo+IBsnp62vq+ffLsudWHv98FSHADGUwfFQ8YpY/W0Hj20l9edwIyjMEMqI+KpyKPxrOH/pa6G5ChDGhQfVyx6hvfxu5F6gxARjGogfVHylrfHFk7dM0sQIYwsMH1e2WNtXtrLvNmAjKUwQHQR8WzJvJu0WYDMiQAQOjbovFa7fb+HQAZGghA/A+l+rGItOUx9/cugFAABBgFEm16vROg6TCiAAUootJoBaiBEbUFKKLSaAWogRG1BSii0mgFqIERtZ8FUDTbEK0AJRgLUAFKCCR23aAClBBI7LpBBSghkNh1gwpQQiCx6wYVoIRAYtcNKkAJgcT+ujcoAbPaBWgl0Xn+AwAA///tp2MQAAAABklEQVQDAHuQVJGukM+BAAAAAElFTkSuQmCC) center/contain no-repeat}
.faq-box{border:0;background:none;overflow:visible;display:flex;flex-direction:column;gap:12px}
.faq-box .faq-item{--cc:var(--violet);border:1px solid var(--line);border-inline-start:3px solid var(--cc);border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 9%,transparent),transparent 60%),var(--panel);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);transition:transform .25s,box-shadow .3s,border-color .3s}
.faq-box .faq-item:nth-child(3n+2){--cc:var(--cyan)}.faq-box .faq-item:nth-child(3n){--cc:var(--pink)}
@media(hover:hover){.faq-box .faq-item:hover{transform:translateY(-3px);border-color:var(--cc);box-shadow:inset 0 0 36px color-mix(in srgb,var(--cc) 20%,transparent)}.faq-box .faq-item:hover .faq-arrow{color:var(--cc)}}
.faq-box .faq-item.open{border-color:var(--cc);box-shadow:inset 0 0 46px color-mix(in srgb,var(--cc) 22%,transparent)}
.faq-box .faq-item.open .faq-arrow{color:var(--cc)}
.faq-item.open .faq-a{animation:gFaqIn .45s ease both}
@keyframes gFaqIn{from{opacity:0;transform:translateY(-8px)}}
footer{position:relative;border-top:0;background:linear-gradient(180deg,rgba(139,92,255,.09),transparent 70%)}
footer::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--pink),transparent);box-shadow:0 0 18px var(--violet)}
.footer-columns{border-bottom:0;position:relative}
.footer-columns::after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),transparent)}
.footer-col-title{font-family:var(--g-d);font-weight:400;font-size:21px}
.footer-col-title::after{width:56px;height:3px;border-radius:0;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 12px rgba(25,227,255,.55);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:width .4s cubic-bezier(.4,0,.2,1)}
.footer-col:hover .footer-col-title::after{width:110px}
.footer-contact-btn{border-radius:0;padding:10px 24px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(135deg,rgba(139,92,255,.16),rgba(25,227,255,.05))}
@media(hover:hover){.footer-contact-btn:hover{border-color:var(--cyan);color:var(--cyan);background:linear-gradient(135deg,rgba(139,92,255,.3),rgba(25,227,255,.12));box-shadow:inset 0 0 22px rgba(25,227,255,.25)}.footer-contact-btn:hover .footer-contact-icon{background-color:var(--cyan)}}
.footer-quick-links a{border-radius:0;border-inline-start:2px solid transparent}
.footer-quick-links a::before{width:6px;height:6px;border-radius:0;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 8px var(--cyan)}
@media(hover:hover){.footer-quick-links a:hover{color:var(--cyan);border-inline-start-color:var(--cyan);background:linear-gradient(270deg,rgba(139,92,255,.2),transparent)}}
.footer-social-icons a{border-radius:12px;transition:transform .25s,box-shadow .3s,border-color .3s,color .2s}
@media(hover:hover){.footer-social-icons a:hover{transform:translateY(-4px) rotate(-6deg);border-color:var(--cyan);box-shadow:0 0 18px rgba(25,227,255,.45)}}
.trust-badges-list>*{transition:transform .25s,filter .3s}
@media(hover:hover){.trust-badges-list>*:hover{transform:translateY(-4px);filter:drop-shadow(0 8px 16px rgba(25,227,255,.4))}}
.app-download-btn{position:relative;overflow:hidden;border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(120deg,var(--violet),var(--pink));color:#fff}
.app-download-btn::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg)}
@media(hover:hover){.app-download-btn:hover::before{left:130%;transition:left .7s}}
@media(prefers-reduced-motion:reduce){.faq-item.open .faq-a{animation:none}}
html.maintenance-lock,body.maintenance-on{overflow:hidden!important;height:100%;overscroll-behavior:none}
body.maintenance-on>*:not(#maintenanceOverlay):not(script):not(style):not(link):not(meta){display:none!important}
#maintenanceOverlay{z-index:99999;overflow:hidden;touch-action:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(700px 420px at 50% 40%,rgba(139,92,255,.3),transparent 65%),linear-gradient(rgba(139,92,255,.14) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(139,92,255,.14) 1px,transparent 1px) 0 0/56px 56px,var(--void)!important}
#authOverlay,#forgotPasswordOverlay{background:radial-gradient(700px 460px at 50% 30%,rgba(139,92,255,.28),transparent 65%),radial-gradient(500px 360px at 90% 100%,rgba(255,61,154,.16),transparent 65%),rgba(4,2,12,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#authOverlay::before,#forgotPasswordOverlay::before{content:"";position:absolute;inset:-64px 0 0;pointer-events:none;background:linear-gradient(rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px;animation:gxDrift 6s linear infinite;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 75%)}
#authOverlay .modal,#forgotPasswordOverlay .modal{position:relative;border:0;border-radius:0;padding:30px 28px;background:radial-gradient(circle at 100% 0,rgba(139,92,255,.2),transparent 55%),linear-gradient(160deg,var(--panel-2),var(--void));box-shadow:inset 0 0 0 1px var(--line),0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(139,92,255,.25);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
#authOverlay .modal::before,#forgotPasswordOverlay .modal::before{content:"";position:sticky;display:block;top:-30px;margin:-30px -28px 22px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink),var(--cyan));background-size:200% 100%;animation:gFl 4s linear infinite;z-index:3}
#authOverlay.open .modal,#forgotPasswordOverlay.open .modal{animation:gxAuthIn .6s cubic-bezier(.2,.9,.2,1)}
@keyframes gxAuthIn{0%{opacity:0;transform:translateY(34px) scale(.94) skewX(-3deg);filter:blur(6px) hue-rotate(50deg)}55%{opacity:1;filter:none;transform:translateY(-5px) scale(1.01) skewX(1deg)}100%{transform:none}}
#authOverlay .close-x,#forgotPasswordOverlay .close-x{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);top:18px;transition:transform .35s,color .2s,background .2s}
#authOverlay .close-x:hover,#forgotPasswordOverlay .close-x:hover{transform:rotate(90deg);color:var(--pink);background:rgba(255,61,154,.15)}
.gx-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:-2px 0 4px}
.gx-auth-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(139,92,255,.8));animation:gLogoF 5s ease-in-out infinite}
.gx-auth-brand b{font:900 21px var(--g-n);letter-spacing:.08em;background:linear-gradient(90deg,var(--cyan),var(--violet-2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;animation:gxBrandG 4.5s steps(1) infinite}
@keyframes gxBrandG{0%,88%,100%{text-shadow:none;transform:none}90%{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan);transform:translateX(2px)}93%{text-shadow:-3px 0 var(--pink),3px 0 var(--cyan);transform:translateX(-2px)}96%{text-shadow:1px 0 var(--pink),-1px 0 var(--cyan);transform:none}}
#authOverlay .auth-tabs{margin-top:16px}
#authOverlay .auth-tab-btn{border-radius:0;border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:rgba(0,0,0,.28)}
#authOverlay .auth-tab-btn:hover{border-color:var(--cyan)}
#authOverlay .auth-tab-btn.active{border-color:var(--cyan);background:linear-gradient(120deg,rgba(139,92,255,.38),rgba(255,61,154,.22));box-shadow:inset 0 0 22px rgba(25,227,255,.18)}
#authOverlay .auth-tab-btn.active .auth-tab-label{color:var(--star)}
#authOverlay .auth-tab-btn.active .auth-tab-icon img{filter:drop-shadow(0 0 8px var(--cyan))}
#authOverlay .sub,#forgotPasswordOverlay .sub{text-align:center;color:var(--dim)}
#authOverlay .field,#forgotPasswordOverlay .fp-step.active .field{animation:gUp .6s cubic-bezier(.2,.8,.2,1) both}
#authOverlay .field:nth-child(3){animation-delay:.06s}#authOverlay .field:nth-child(4){animation-delay:.12s}#authOverlay .field:nth-child(5){animation-delay:.18s}#authOverlay .field:nth-child(6){animation-delay:.24s}#authOverlay .field:nth-child(7){animation-delay:.3s}#authOverlay .field:nth-child(8){animation-delay:.36s}
#authOverlay .field input,#forgotPasswordOverlay .field input{border-radius:0;background:rgba(0,0,0,.35);border-color:var(--line);border-inline-start:3px solid var(--violet);transition:border-color .25s,box-shadow .3s,background .25s}
#authOverlay .field input:focus,#forgotPasswordOverlay .field input:focus{border-color:var(--cyan);border-inline-start-color:var(--pink);background:rgba(25,227,255,.05);box-shadow:0 0 24px rgba(25,227,255,.25),inset 0 0 16px rgba(25,227,255,.08)}
#authOverlay .field label:not(.pw-toggle){transition:color .25s}
#authOverlay .field:focus-within label:not(.pw-toggle){color:var(--cyan)}
#authOverlay .pw-toggle input{accent-color:var(--pink)}
#authOverlay .err,#forgotPasswordOverlay .err{padding:8px 12px;border-inline-start:3px solid var(--pink);background:rgba(255,61,154,.1);margin-top:0}
#authOverlay .link-btn,#forgotPasswordOverlay .link-btn{color:var(--cyan);transition:text-shadow .3s}
#authOverlay .link-btn:hover{text-shadow:0 0 12px var(--cyan)}
#authOverlay .modal-actions .btn,#forgotPasswordOverlay .modal-actions .btn,#forgotPasswordOverlay .btn{border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
#authOverlay .btn-primary,#forgotPasswordOverlay .btn-primary{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--violet),var(--pink));box-shadow:none}
#authOverlay .btn-primary::before,#forgotPasswordOverlay .btn-primary::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:gShine 4.5s ease-in-out infinite}
@media(max-width:480px){#authOverlay .modal,#forgotPasswordOverlay .modal{padding:26px 20px}#authOverlay .modal::before,#forgotPasswordOverlay .modal::before{margin:-26px -20px 20px;top:-26px}}
@media(prefers-reduced-motion:reduce){#authOverlay::before,#authOverlay .modal::before,#authOverlay .btn-primary::before,.gx-auth-brand img,.gx-auth-brand b{animation:none!important}}
@media(max-width:760px){#productGrid .card p{display:none}#productGrid .card h3{font:400 15px/1.55 var(--g-d);margin-bottom:10px}}

#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay{background:radial-gradient(700px 460px at 50% 30%,rgba(139,92,255,.28),transparent 65%),radial-gradient(500px 360px at 90% 100%,rgba(255,61,154,.16),transparent 65%),rgba(4,2,12,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#notifOverlay::before,#ticketChatOverlay::before,#otpChannelOverlay::before,#otpOverlay::before,#profileOverlay::before,#logoutConfirmOverlay::before,#loginCaptchaOverlay::before,#giftCodeOverlay::before{content:"";position:absolute;inset:-64px 0 0;pointer-events:none;background:linear-gradient(rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(139,92,255,.16) 1px,transparent 1px) 0 0/64px 64px;animation:gxDrift 6s linear infinite;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 75%)}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) .modal{position:relative;border-radius:0;border-style:solid;border-width:3px 0 0 0;border-image:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink)) 1;background:radial-gradient(circle at 100% 0,rgba(139,92,255,.2),transparent 55%),linear-gradient(160deg,var(--panel-2),var(--void));box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(139,92,255,.25);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay).open .modal{animation:gxAuthIn .6s cubic-bezier(.2,.9,.2,1)}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) .modal h3{font:400 24px var(--g-d)}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) .close-x{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:transform .35s,color .2s,background .2s}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) .close-x:hover{transform:rotate(90deg);color:var(--pink);background:rgba(255,61,154,.15)}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) .btn{border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
:is(#notifOverlay,#ticketChatOverlay,#otpChannelOverlay,#otpOverlay,#profileOverlay,#logoutConfirmOverlay,#loginCaptchaOverlay,#giftCodeOverlay) input{border-radius:0;border-inline-start:3px solid var(--violet)}
.my-order-card{--cc:var(--violet);border:1px solid var(--line);border-inline-start:3px solid var(--cc);border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 10%,transparent),transparent 60%),var(--panel-2);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.my-order-card:nth-child(3n+2){--cc:var(--cyan)}.my-order-card:nth-child(3n){--cc:var(--pink)}
.notif-view-btn{border:0;border-radius:0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:7px 18px;background:linear-gradient(120deg,var(--violet),var(--pink));color:#fff;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}
.notif-view-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}

.site-version{font:700 11px var(--g-n,'Orbitron',sans-serif);letter-spacing:.06em;color:var(--cyan);padding:3px 9px;border:1px solid var(--line);background:rgba(25,227,255,.08);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);white-space:nowrap}
.site-version:empty{display:none}
.logo-wrap{cursor:pointer}
@media(max-width:480px){.site-version{font-size:9.5px;padding:2px 7px}}
.att-img{display:block;max-width:100%;max-height:220px;margin-top:8px;border-radius:10px;border:1px solid var(--line)}
.att-media{display:block;width:260px;max-width:100%;margin-top:8px;border-radius:10px}
.att-name{margin-top:6px;font-size:12px;opacity:.85;word-break:break-all}
.att-file{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 11px;border:1px solid var(--line);background:rgba(0,0,0,.2);color:inherit;text-decoration:none;font-size:12.5px;word-break:break-all}
.att-file small{opacity:.7;white-space:nowrap}
.att-file:hover{border-color:var(--cyan)}
@media(min-width:761px) and (max-width:1100px){#productGrid .card h3{font-size:27px;line-height:1.5}#productGrid .card p{font-size:17px;line-height:1.85}#productGrid .card .price{font-size:19px}#productGrid .card .price small{font-size:13px}#productGrid .card .buy-btn,#productGrid .card .out-of-stock-box{font-size:18px;padding:13px 26px;min-width:108px}}
@media(max-width:760px){#productGrid .card h3{font-size:16.5px}#productGrid .card .price{font-size:16px}#productGrid .card .price small{font-size:12px}#productGrid .card .buy-btn,#productGrid .card .out-of-stock-box{font-size:16px}}
.bubble:has(.att-media),.tchat-bubble:has(.att-media){min-width:min(290px,100%)}
.attach-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.attach-btn{display:inline-flex;align-items:center;gap:6px;flex:none}
.attach-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 12px;border:1px solid var(--line);border-inline-start:3px solid var(--cyan);background:rgba(25,227,255,.07);font-size:12.5px}
.attach-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.attach-chip button{border:0;background:none;color:var(--pink);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
#supportView h2{font-family:var(--g-d)!important;font-weight:400;font-size:clamp(30px,5vw,40px)!important;line-height:1.25}
#supportView #supportBackBtn,#supportView #openTicketFormBtn,#supportView #ticketSubmitBtn{border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
#supportView #openTicketFormBtn,#supportView #ticketSubmitBtn{background:linear-gradient(120deg,var(--violet),var(--pink));box-shadow:none}
#supportView h3{font-family:var(--g-d);font-weight:400;font-size:22px!important}
#ticketFormBox{border-radius:0;border:1px solid var(--line);border-top:3px solid var(--cyan);background:radial-gradient(circle at 100% 0,rgba(139,92,255,.2),transparent 55%),linear-gradient(160deg,var(--panel-2),var(--void));box-shadow:0 20px 60px rgba(0,0,0,.45);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));padding:30px}
#ticketFormBox .calc-input{border-radius:0;border-inline-start:3px solid var(--violet);background:rgba(0,0,0,.35);transition:border-color .25s,box-shadow .3s}
#ticketFormBox .calc-input:focus{border-color:var(--cyan);border-inline-start-color:var(--pink);box-shadow:0 0 22px rgba(25,227,255,.22)}
.ticket-card{--cc:var(--violet);border-radius:0;border:1px solid var(--line);border-inline-start:3px solid var(--cc);background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 10%,transparent),transparent 60%),var(--panel-2);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:transform .25s,box-shadow .3s}
.ticket-card:nth-child(3n+2){--cc:var(--cyan)}.ticket-card:nth-child(3n){--cc:var(--pink)}
@media(hover:hover){.ticket-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 36px color-mix(in srgb,var(--cc) 18%,transparent)}}
.support-tg-links{border-top:0;position:relative}
.support-tg-links::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),transparent)}
.support-tg-links a{padding:11px 16px;border:1px solid var(--line);border-inline-start:3px solid var(--cyan);background:rgba(25,227,255,.05);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
@media(hover:hover){.support-tg-links a:hover{background:rgba(25,227,255,.12);border-color:var(--cyan)}}
#productGrid .card .discount-flag{position:absolute;top:0;left:0;z-index:4;padding:6px 20px 6px 26px;font:400 15px/1.3 var(--g-d);color:#fff;background:linear-gradient(120deg,var(--pink),#ff8a3d);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:0 0 18px rgba(255,61,154,.5)}
.price-old{display:block;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--pink);color:var(--dim);font-size:.78em;opacity:.85}
.price-now{display:inline}
@media(max-width:760px){#productGrid .card .discount-flag{padding:5px 14px 5px 20px;font-size:13px}#productGrid .card .price{flex-wrap:wrap}.card-footer .price .price-old{width:100%;text-align:center}}