:root{
  --nana-void:#07080b; --nana-chamber:#101218; --nana-steel:#1a1d26; --nana-border:#2a2e3a;
  --nana-chrome:#a8adba; --nana-ice:#eef2f7; --nana-plasma:#7b5cff; --nana-flare:#ff7a1a;
  --nana-radius:32px;
}
html{scroll-behavior:smooth}
body.nana-lab{
  background:radial-gradient(1200px 700px at 20% -10%, rgba(123,92,255,.16), transparent 60%),
             radial-gradient(900px 600px at 90% 10%, rgba(255,122,26,.10), transparent 60%),
             var(--nana-void);
  color:var(--nana-ice);
  font-family:'Vazirmatn',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.nana-lab a{color:inherit;text-decoration:none}
.nana-container{max-width:1280px;margin:0 auto;padding:120px 24px}
.glass-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  border:1px solid var(--nana-border);
  border-radius:var(--nana-radius);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9);
}
.hud-line{height:1px;background:linear-gradient(90deg,var(--nana-flare),transparent)}
.nana-btn{display:inline-block;background:var(--nana-ice);color:#07080b;border-radius:22px;padding:14px 26px;font-weight:800;transition:.4s}
.nana-btn:hover{background:var(--nana-flare);color:#fff;transform:translateY(-3px)}
/* header/footer fallback */
.nana-header{position:sticky;top:0;z-index:999;backdrop-filter:blur(20px);background:rgba(7,8,11,.82);border-bottom:1px solid var(--nana-border)}
.nana-header-inner,.nana-footer-inner{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}
.nana-logo{display:flex;align-items:center;gap:10px;font-weight:900}
.nana-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px}
.nana-nav a:hover{color:var(--nana-flare)}
.nana-footer{border-top:1px solid var(--nana-border);background:rgba(16,18,24,.6);margin-top:80px}
.nana-copy{font-size:12px;color:var(--nana-chrome)}
/* images: curved frames everywhere, incl. Elementor + Woo */
body.nana-lab img,
body.nana-lab .elementor-widget-image img,
body.nana-lab .woocommerce ul.products li.product img,
body.nana-lab .woocommerce div.product div.images img{border-radius:28px}
/* WooCommerce cinematic skin (Elementor Woo widgets inherit this) */
body.nana-lab .woocommerce ul.products li.product{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--nana-border);border-radius:var(--nana-radius);padding:18px;transition:.5s;
}
body.nana-lab .woocommerce ul.products li.product:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(255,122,26,.5)}
body.nana-lab .woocommerce ul.products li.product .price,
body.nana-lab .woocommerce div.product p.price{color:var(--nana-flare);font-weight:800}
body.nana-lab .woocommerce #respond input#submit,
body.nana-lab .woocommerce a.button,
body.nana-lab .woocommerce button.button,
body.nana-lab .woocommerce input.button,
body.nana-lab .woocommerce .elementor-button{
  background:var(--nana-ice);color:#07080b;border-radius:22px;padding:14px 26px;font-weight:800;transition:.4s
}
body.nana-lab .woocommerce a.button:hover,body.nana-lab .woocommerce button.button:hover{background:var(--nana-flare);color:#fff}
body.nana-lab .woocommerce .quantity input,
body.nana-lab .woocommerce form .form-row input.input-text,
body.nana-lab .woocommerce form .form-row textarea,
body.nana-lab .select2-container--default .select2-selection--single{
  background:var(--nana-chamber);border:1px solid var(--nana-border);color:var(--nana-ice);border-radius:18px;padding:12px 16px;height:auto
}
body.nana-lab .woocommerce table.shop_table,
body.nana-lab .woocommerce-checkout #order_review,
body.nana-lab .woocommerce-MyAccount-navigation ul{
  background:rgba(255,255,255,.03);border:1px solid var(--nana-border);border-radius:var(--nana-radius);overflow:hidden
}
body.nana-lab .woocommerce-MyAccount-navigation ul{list-style:none;padding:10px;margin:0}
body.nana-lab .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-radius:16px}
body.nana-lab .woocommerce-MyAccount-navigation li.is-active a{background:rgba(255,122,26,.14);color:var(--nana-flare)}
/* order tracking shortcode */
.nana-tracking{display:grid;gap:18px}
.nana-track-card{padding:22px}
.nana-track-head{display:flex;justify-content:space-between;font-size:13px;color:var(--nana-chrome);margin-bottom:16px}
.nana-track-steps{display:flex;list-style:none;margin:0;padding:0;gap:10px}
.nana-track-steps li{flex:1;text-align:center;font-size:12px;color:var(--nana-chrome);padding-top:16px;position:relative}
.nana-track-steps li:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--nana-border);border-radius:3px}
.nana-track-steps li.is-active{color:var(--nana-flare)}
.nana-track-steps li.is-active:before{background:var(--nana-flare)}
/* Elementor helpers you can apply as CSS classes in the editor */
.nana-glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--nana-border);border-radius:var(--nana-radius);backdrop-filter:blur(18px)}
.nana-tilt{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.nana-tilt:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3px);box-shadow:0 50px 90px -50px rgba(123,92,255,.7)}
.nana-hud{position:relative}
.nana-hud:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,122,26,.25);border-radius:26px;pointer-events:none}
.nana-header-sticky.is-scrolled{background:rgba(7,8,11,.9)!important;backdrop-filter:blur(22px)}
@media (max-width:782px){.nana-container{padding:80px 18px}.nana-nav ul{gap:14px;font-size:13px}}