
:root{
  --nav-bg: linear-gradient(90deg,#201E43,#111827);
  --accent: #f59e0b;
  --muted: #94a3b8;
}
.premium-nav{position:relative;z-index:2000;width:100%;background:var(--nav-bg);color:#fff;box-shadow:0 8px 25px rgba(2,6,23,0.8);}
.premium-nav .nav-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.brand-logo{height:40px;width:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.4);}
.brand-text{font-weight:700;letter-spacing:0.6px;}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-links{display:flex;gap:16px;align-items:center;}
.nav-item{position:relative;display:block;padding:10px 14px;border-radius:10px;color:#fff;text-decoration:none;font-weight:600;transition:background .25s, transform .25s;}
.nav-item a, .nav-item > a{color:inherit;text-decoration:none;}
.nav-item:hover{background:rgba(255,255,255,0.08);transform:translateY(0);}
.has-dropdown .dropdown{position:absolute;top:44px;left:0;background:#0b1220;padding:10px;border-radius:8px;min-width:200px;box-shadow:0 8px 30px rgba(2,6,23,0.7);display:none;flex-direction:column;gap:6px;}
.has-dropdown:hover .dropdown{display:flex;}
.dropdown a{color:var(--muted);padding:8px;border-radius:6px;text-decoration:none;}
.nav-actions{display:flex;align-items:center;gap:16px;}
.cta{background:linear-gradient(90deg,#00a884,#25d366);padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(37,211,102,0.3);transition:transform .2s;}
.cta-insta{background:linear-gradient(90deg,#515BD4,#8134AF);padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(129,52,175,0.3);transition:transform .2s;}
.btn-cart{background:transparent;border:1px solid rgba(255,255,255,0.06);color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer;}
.burger{display:none;background:transparent;border:none;color:#fff;font-size:26px;cursor:pointer;padding:8px 10px;border-radius:8px;}

.slide-menu{position:fixed;left:-320px;top:0;width:320px;height:100vh;background:linear-gradient(180deg,#0b1220,#081024);box-shadow:6px 0 30px rgba(2,6,23,0.8);transition:left .35s cubic-bezier(.2,.9,.3,1);z-index:3000;display:flex;flex-direction:column;}
.slide-menu.open{left:0;}
.slide-header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,0.03);}
.brand-mobile{color:#fff;text-decoration:none;font-weight:800;}
.slide-links{display:flex;flex-direction:column;padding:16px;gap:6px;overflow:auto;}
.slide-links a{color:#e6eef8;text-decoration:none;padding:10px;border-radius:8px;}
.slide-links details summary{cursor:pointer;padding:10px;border-radius:8px;color:#fff;margin-bottom:4px;list-style:none;}
.slide-links details[open] summary{background:rgba(255,255,255,0.03);}

.cta:hover, .cta-insta:hover{transform:translateY(-2px);}@media(max-width:900px){
  .nav-links{display:none;}
  .burger{display:block;}
  .nav-actions .whatsapp-desktop{display:none;}
}
@media(min-width:901px){
  .slide-menu{display:none;}
  .burger{display:none;}
}

a { -webkit-tap-highlight-color: rgba(0,0,0,0); }


