/* =========================================================
   EVLI DESKTOP REFINED FINAL
   Ajuste fino visual: header + hero + sensación premium
   Solo escritorio. No afecta mobile-preview.
========================================================= */

@media (min-width: 921px){

  :root{
    --evli-green:#063f2d;
    --evli-green-dark:#022d21;
    --evli-green-soft:#087a58;
    --evli-gold:#e3bf4f;
    --evli-gold-soft:#f4dc78;
    --evli-cream:#f7f1e6;
    --evli-paper:#fffdf8;
    --evli-muted:#63756a;
  }

  html,
  body{
    background:
      radial-gradient(circle at 18% 0%, rgba(227,191,79,.12), transparent 34%),
      linear-gradient(180deg,#f9f4ea 0%,#f6efe3 100%) !important;
  }

  /* Limpieza de decoraciones heredadas */
  body::before,
  body::after,
  .v16-shell::before,
  .v16-shell::after,
  .v16-page-shell::before,
  .v16-page-shell::after,
  .page-shell::before,
  .page-shell::after{
    display:none !important;
    content:none !important;
  }

  .v16-shell,
  .v16-page-shell,
  .page-shell{
    border-top:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }

  /* HEADER MÁS PREMIUM Y MENOS PESADO */
  body .site-header,
  body .evli-desktop-header{
    width:min(1160px, calc(100% - 64px)) !important;
    margin:22px auto -42px !important;
    padding:14px 20px !important;
    min-height:78px !important;
    border-radius:999px !important;
    background:rgba(255,253,248,.96) !important;
    border:1px solid rgba(6,63,45,.10) !important;
    box-shadow:
      0 22px 55px rgba(6,63,45,.14),
      inset 0 1px 0 rgba(255,255,255,.85) !important;
    display:grid !important;
    grid-template-columns:190px minmax(520px,1fr) 315px !important;
    align-items:center !important;
    gap:14px !important;
    position:relative !important;
    top:auto !important;
    z-index:5000 !important;
    backdrop-filter:blur(18px) !important;
  }

  body .site-header .brand,
  body .evli-desktop-header .brand{
    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-decoration:none !important;
    overflow:hidden !important;
  }

  body .site-header .brand img,
  body .evli-desktop-header .brand img,
  body .evli-safe-logo{
    width:160px !important;
    max-width:160px !important;
    height:auto !important;
    max-height:54px !important;
    object-fit:contain !important;
    display:block !important;
  }

  body .site-header .brand::after,
  body .evli-desktop-header .brand::after,
  body .evli-safe-brand::after{
    display:none !important;
    content:none !important;
  }

  /* NAV MÁS ELEGANTE */
  body .nav-links,
  body .evli-desktop-nav{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    flex-wrap:nowrap !important;
  }

  body .nav-links a,
  body .evli-desktop-nav a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    color:var(--evli-green) !important;
    text-decoration:none !important;
    font-size:13.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    padding:0 11px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    letter-spacing:-.01em !important;
    transition:all .2s ease !important;
  }

  body .nav-links a:hover,
  body .evli-desktop-nav a:hover{
    background:linear-gradient(135deg,var(--evli-green),var(--evli-green-soft)) !important;
    color:#fff !important;
    transform:translateY(-2px) !important;
    box-shadow:0 12px 26px rgba(6,63,45,.18) !important;
  }

  body .nav-actions,
  body .evli-desktop-actions{
    width:315px !important;
    min-width:315px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;
    white-space:nowrap !important;
  }

  body .nav-actions .btn,
  body .evli-desktop-actions .btn{
    min-height:44px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14.5px !important;
    font-weight:950 !important;
    text-decoration:none !important;
    transition:all .2s ease !important;
  }

  body .nav-actions .btn.white,
  body .evli-desktop-actions .btn.white{
    background:#fff !important;
    color:var(--evli-green) !important;
    border:1px solid rgba(6,63,45,.13) !important;
  }

  body .nav-actions .btn.gold,
  body .evli-desktop-actions .btn.gold{
    background:linear-gradient(135deg,var(--evli-gold),var(--evli-gold-soft)) !important;
    color:var(--evli-green) !important;
    border:0 !important;
    box-shadow:0 13px 28px rgba(227,191,79,.25) !important;
  }

  body .nav-actions .btn:hover,
  body .evli-desktop-actions .btn:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 17px 34px rgba(6,63,45,.16) !important;
  }

  body .cart-button{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:999px !important;
    border:1px solid rgba(6,63,45,.12) !important;
    background:linear-gradient(180deg,#fff,#fbf6ea) !important;
    color:var(--evli-green) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    cursor:pointer !important;
    box-shadow:0 12px 28px rgba(6,63,45,.10) !important;
    transition:all .2s ease !important;
  }

  body .cart-button:hover{
    background:linear-gradient(135deg,var(--evli-green),var(--evli-green-soft)) !important;
    color:#fff !important;
    transform:translateY(-2px) !important;
  }

  body .cart-count{
    top:-8px !important;
    right:-4px !important;
    min-width:22px !important;
    height:22px !important;
    font-size:11.5px !important;
    font-weight:950 !important;
    background:var(--evli-gold) !important;
    color:var(--evli-green) !important;
  }

  /* HERO INTEGRADO CON HEADER */
  body .v16-hero,
  body .page-hero,
  body .hero{
    width:min(1280px, calc(100% - 44px)) !important;
    margin:0 auto 0 !important;
    padding-top:72px !important;
    border-radius:34px !important;
    overflow:hidden !important;
    position:relative !important;
    min-height:620px !important;
    box-shadow:
      0 28px 84px rgba(6,63,45,.14),
      inset 0 1px 0 rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.20) !important;
  }

  body .v16-hero .v16-wrap,
  body .page-hero .v16-wrap,
  body .hero .v16-wrap,
  body .v16-hero-content,
  body .page-hero-content,
  body .hero-content{
    padding-top:90px !important;
    padding-bottom:90px !important;
  }

  /* Home con más carácter */
  body.home .v16-hero,
  body .v16-hero:first-of-type{
    min-height:650px !important;
  }

  /* Kicker más fino */
  body .v16-kicker,
  body .kicker,
  body .eyebrow{
    border:1px solid rgba(227,191,79,.55) !important;
    background:rgba(6,63,45,.32) !important;
    color:#f4dc78 !important;
    border-radius:999px !important;
    padding:10px 15px !important;
    letter-spacing:.18em !important;
    font-size:11.5px !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    backdrop-filter:blur(10px) !important;
  }

  /* Home texto */
  body .v16-hero h1,
  body .hero h1,
  body .page-hero h1{
    letter-spacing:-.045em !important;
    text-wrap:balance !important;
  }

  body .v16-hero p,
  body .hero p,
  body .page-hero p{
    max-width:650px !important;
  }

  /* Botones del hero */
  body .v16-actions,
  body .hero-actions,
  body .actions{
    gap:14px !important;
  }

  body .v16-btn,
  body .hero .btn,
  body .page-hero .btn{
    min-height:52px !important;
    padding:0 26px !important;
    border-radius:999px !important;
    font-weight:950 !important;
    transition:all .2s ease !important;
  }

  body .v16-btn:hover,
  body .hero .btn:hover,
  body .page-hero .btn:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 18px 36px rgba(6,63,45,.18) !important;
  }

}

/* Escritorio angosto */
@media (min-width:921px) and (max-width:1180px){

  body .site-header,
  body .evli-desktop-header{
    width:calc(100% - 32px) !important;
    grid-template-columns:165px minmax(430px,1fr) 285px !important;
    gap:8px !important;
  }

  body .site-header .brand,
  body .evli-desktop-header .brand{
    width:165px !important;
    min-width:165px !important;
    max-width:165px !important;
  }

  body .site-header .brand img,
  body .evli-desktop-header .brand img{
    width:145px !important;
  }

  body .nav-links a,
  body .evli-desktop-nav a{
    font-size:12.8px !important;
    padding:0 7px !important;
  }

  body .nav-actions,
  body .evli-desktop-actions{
    width:285px !important;
    min-width:285px !important;
    gap:7px !important;
  }

  body .nav-actions .btn,
  body .evli-desktop-actions .btn{
    padding:0 15px !important;
    font-size:13.5px !important;
  }

  body .v16-hero,
  body .page-hero,
  body .hero{
    width:calc(100% - 32px) !important;
  }
}