.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#0A0A0A;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<!-- ============================================================
     PEPTIDES KINGDOM COLOMBIA — BLOCK 01: NAVBAR (LUX UPGRADE)
     ------------------------------------------------------------
     Emerald + Gold luxury navbar. Sister-to-main, not a clone.

     NEW vs original:
       - Emerald+gold dual-accent (link underline sweeps gold->emerald).
       - Animated gold hairline that draws across on scroll.
       - Glass toggle with emerald active glow.
       - Magnetic "Consultar" CTA + sheen.
       - Scroll-progress bar (emerald->gold) under the bar.
       - Refined mobile drawer with staggered link reveal.
     Self-contained (.pkco-lxnav). Includes guarded bilingual engine.

     TO DO BEFORE LAUNCH:
       - Replace the WhatsApp number (currently temp 18326292681).
       - Site map: Home '/', Shop '/shop/' (gold "Shop Peptides" btn),
         Peptide Academy '/peptidelibrary/', Contact '/contact/'.
         Why-Us is a section on Home ('/#por-que').
     ============================================================ -->

<!-- ---------- Bilingual engine (guarded, runs once) ---------- -->
<style>
  html.pk-lang-en .pk-es { display: none !important; }
  html:not(.pk-lang-en) .pk-en { display: none !important; }
</style>
<script>
(function () {
  if (window.pkLangReady) return; window.pkLangReady = true;
  var KEY = 'pkLang';
  function apply(lang){ lang=(lang==='en')?'en':'es'; var el=document.documentElement;
    el.classList.remove('pk-lang-en','pk-lang-es'); el.classList.add('pk-lang-'+lang);
    el.setAttribute('data-pk-lang',lang); el.setAttribute('lang',lang);
    try{localStorage.setItem(KEY,lang);}catch(e){}
    var o=document.querySelectorAll('[data-set-lang]');
    for(var i=0;i<o.length;i++){o[i].classList.toggle('pk-active',o[i].getAttribute('data-set-lang')===lang);}
    try{document.dispatchEvent(new CustomEvent('pkLangChange',{detail:{lang:lang}}));}catch(e){}
  }
  window.pkSetLang=function(l){apply(l);};
  var s=null; try{s=localStorage.getItem(KEY);}catch(e){} apply(s==='en'?'en':'es');
  document.addEventListener('click',function(e){var t=e.target.closest?e.target.closest('[data-set-lang]'):null; if(t){e.preventDefault();window.pkSetLang(t.getAttribute('data-set-lang'));}});
})();
</script>

<!-- ---------------------- NAVBAR ---------------------- -->
<header class="pkco-lxnav" id="inicio" data-pkco-nav>
  <div class="pkco-lxnav__inner">

    <a href="/" class="pkco-lxnav__logo" aria-label="Peptides Kingdom Colombia" data-magnetic>
      <img src="https://peptideskingdom.com/wp-content/uploads/2026/03/logonewtrans.png" alt="Peptides Kingdom" />
    </a>

    <nav class="pkco-lxnav__links" aria-label="Primary">
      <a href="/"><span class="pk-es">Inicio</span><span class="pk-en">Home</span></a>
      <a href="/#por-que"><span class="pk-es">Por qu&eacute; nosotros</span><span class="pk-en">Why Us</span></a>
      <a href="/peptidelibrary/">Peptide Academy</a>
      <a href="/contact/"><span class="pk-es">Contacto</span><span class="pk-en">Contact</span></a>
    </nav>

    <div class="pkco-lxnav__actions">
      <a class="pkco-lxnav__cta" href="/shop/" data-magnetic>
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3.5 6.5V20a1 1 0 001 1h15a1 1 0 001-1V6.5L18 2z"/><path d="M3.5 6.5h17"/><path d="M15.5 10.5a3.5 3.5 0 01-7 0"/></svg>
        <span class="pk-es">Comprar p&eacute;ptidos</span><span class="pk-en">Shop Peptides</span>
      </a>

      <span class="pkco-lxnav__lang" data-lang-toggle role="button" tabindex="0" aria-label="Cambiar idioma / Switch language" title="ES / EN">
        <span class="pkco-lxnav__thumb" aria-hidden="true"></span>
        <span class="pkco-lxnav__lang-opt" data-l="es">ES</span>
        <span class="pkco-lxnav__lang-opt" data-l="en">EN</span>
      </span>

      <a class="pkco-lxnav__cta pkco-lxnav__cta--ghost" href="https://wa.me/18326292681" target="_blank" rel="noopener" data-magnetic>
        <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true"><path d="M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.9-4.44 9.9-9.9S17.5 2 12.04 2zm0 18.02c-1.48 0-2.93-.4-4.19-1.15l-.3-.18-3.14.82.84-3.06-.2-.31a8.1 8.1 0 01-1.24-4.31c0-4.49 3.65-8.14 8.14-8.14s8.13 3.65 8.13 8.14-3.65 8.19-8.14 8.19zm4.47-6.09c-.24-.12-1.45-.72-1.67-.8-.22-.08-.39-.12-.55.12-.16.24-.63.8-.77.96-.14.16-.28.18-.52.06-.24-.12-1.03-.38-1.96-1.21-.72-.64-1.21-1.44-1.35-1.68-.14-.24-.02-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.32-.75-1.81-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.57.18 1.1.16 1.51.1.46-.07 1.45-.59 1.65-1.16.2-.57.2-1.06.14-1.16-.06-.1-.22-.16-.46-.28z"/></svg>
        <span class="pk-es">Consultar</span><span class="pk-en">Inquire</span>
      </a>

      <button type="button" class="pkco-lxnav__cart" data-nav-cart aria-label="Carrito / Cart" title="Cart">
        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.5 3h2l2.55 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.55L21.5 7H6"/></svg>
        <span class="pkco-lxnav__cart-badge" data-nav-cart-badge>0</span>
      </button>

      <button type="button" class="pkco-lxnav__burger" aria-label="Men&uacute;" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>

  <!-- Scroll progress -->
  <span class="pkco-lxnav__progress" aria-hidden="true"></span>

  <!-- Mobile drawer -->
  <div class="pkco-lxnav__drawer" aria-hidden="true">
    <a href="/"><span class="pkco-lxnav__drawer-lbl"><span class="pk-es">Inicio</span><span class="pk-en">Home</span></span><svg class="pkco-lxnav__drawer-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></a>
    <a href="/#por-que"><span class="pkco-lxnav__drawer-lbl"><span class="pk-es">Por qu&eacute; nosotros</span><span class="pk-en">Why Us</span></span><svg class="pkco-lxnav__drawer-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></a>
    <a href="/peptidelibrary/"><span class="pkco-lxnav__drawer-lbl">Peptide Academy</span><svg class="pkco-lxnav__drawer-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></a>
    <a href="/contact/"><span class="pkco-lxnav__drawer-lbl"><span class="pk-es">Contacto</span><span class="pk-en">Contact</span></span><svg class="pkco-lxnav__drawer-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></a>
    <a class="pkco-lxnav__drawer-cta" href="/shop/">
      <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3.5 6.5V20a1 1 0 001 1h15a1 1 0 001-1V6.5L18 2z"/><path d="M3.5 6.5h17"/><path d="M15.5 10.5a3.5 3.5 0 01-7 0"/></svg>
      <span class="pk-es">Comprar p&eacute;ptidos</span><span class="pk-en">Shop Peptides</span>
    </a>
    <a class="pkco-lxnav__drawer-cta pkco-lxnav__drawer-cta--ghost" href="https://wa.me/18326292681" target="_blank" rel="noopener">
      <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.9-4.44 9.9-9.9S17.5 2 12.04 2zm0 18.02c-1.48 0-2.93-.4-4.19-1.15l-.3-.18-3.14.82.84-3.06-.2-.31a8.1 8.1 0 01-1.24-4.31c0-4.49 3.65-8.14 8.14-8.14s8.13 3.65 8.13 8.14-3.65 8.19-8.14 8.19zm4.47-6.09c-.24-.12-1.45-.72-1.67-.8-.22-.08-.39-.12-.55.12-.16.24-.63.8-.77.96-.14.16-.28.18-.52.06-.24-.12-1.03-.38-1.96-1.21-.72-.64-1.21-1.44-1.35-1.68-.14-.24-.02-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.32-.75-1.81-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.57.18 1.1.16 1.51.1.46-.07 1.45-.59 1.65-1.16.2-.57.2-1.06.14-1.16-.06-.1-.22-.16-.46-.28z"/></svg>
      <span class="pk-es">Consultar por WhatsApp</span><span class="pk-en">Inquire on WhatsApp</span>
    </a>
  </div>
</header>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

  .pkco-lxnav{
    --gold-1:#F4DE9E; --gold-2:#E8C77E; --gold-3:#C9A961; --gold-4:#A17C3B;
    --em-1:#2ED9A0; --em-2:#1FA97E; --ink:#0A0A0A;
    position:sticky;top:0;z-index:9000;width:100%;
    font-family:'Montserrat',system-ui,Arial,sans-serif;
    background:rgba(10,12,10,0);
    transition:background .4s ease, box-shadow .4s ease, backdrop-filter .4s ease;
  }
  .pkco-lxnav *{box-sizing:border-box;margin:0;padding:0;}
  .pkco-lxnav.pkco-scrolled{
    background:rgba(9,11,9,0.82);
    -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
    box-shadow:0 10px 40px rgba(0,0,0,0.5);
  }
  /* Animated gold hairline draws across on scroll */
  .pkco-lxnav::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
    background:linear-gradient(90deg,var(--em-2),var(--gold-2),var(--gold-4));
    transition:width .6s cubic-bezier(.2,.8,.2,1);}
  .pkco-lxnav.pkco-scrolled::after{width:100%;}

  .pkco-lxnav__inner{max-width:1280px;margin:0 auto;padding:16px 28px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;}

  .pkco-lxnav__logo{display:inline-flex;align-items:center;flex-shrink:0;will-change:transform;transition:transform .2s ease;}
  .pkco-lxnav__logo img{height:52px;width:auto;display:block;
    filter:drop-shadow(0 2px 10px rgba(201,169,97,0.35));transition:height .35s ease, filter .35s ease;}
  .pkco-lxnav.pkco-scrolled .pkco-lxnav__logo img{height:44px;}
  .pkco-lxnav__logo:hover img{filter:drop-shadow(0 4px 18px rgba(46,217,160,0.5));}

  .pkco-lxnav__links{display:flex;align-items:center;gap:26px;}
  .pkco-lxnav__links a{position:relative;color:#EFEBDD;text-decoration:none;
    font-size:14px;font-weight:500;letter-spacing:.04em;padding:6px 0;transition:color .3s ease;}
  .pkco-lxnav__links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;
    background:linear-gradient(90deg,var(--gold-2),var(--em-1));transition:width .35s cubic-bezier(.2,.8,.2,1);}
  .pkco-lxnav__links a:hover{color:#fff;}
  .pkco-lxnav__links a:hover::after{width:100%;}

  .pkco-lxnav__actions{display:flex;align-items:center;gap:18px;flex-shrink:0;}

  .pkco-lxnav__lang{position:relative;display:inline-flex;align-items:center;
    background:rgba(255,255,255,0.05) !important;border:1px solid rgba(201,169,97,0.32) !important;
    border-radius:999px;padding:3px;cursor:pointer;-webkit-appearance:none;appearance:none;
    box-shadow:none !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    -webkit-tap-highlight-color:transparent;user-select:none;}
  .pkco-lxnav__lang:hover,.pkco-lxnav__lang:focus,.pkco-lxnav__lang:active{
    background:rgba(255,255,255,0.05) !important;color:inherit;}
  .pkco-lxnav__lang:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;}
  .pkco-lxnav__lang-opt{position:relative;z-index:1;
    font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;
    color:#B9B4A3;padding:6px 14px;border-radius:999px;transition:color .3s ease;pointer-events:none;}
  html:not(.pk-lang-en) .pkco-lxnav__lang-opt[data-l="es"]{color:var(--ink);}
  html.pk-lang-en .pkco-lxnav__lang-opt[data-l="en"]{color:var(--ink);}
  .pkco-lxnav__thumb{position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:calc(50% - 3px);
    background:linear-gradient(135deg,var(--gold-1),var(--gold-3));border-radius:999px;
    box-shadow:0 2px 12px rgba(201,169,97,0.55);
    transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  html.pk-lang-en .pkco-lxnav__thumb{transform:translateX(100%);}

  .pkco-lxnav__cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;
    padding:11px 22px;border-radius:999px;text-decoration:none;color:var(--ink);
    font-size:13px;font-weight:700;letter-spacing:.04em;will-change:transform;
    background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold-3) 55%,var(--gold-4) 100%);
    box-shadow:0 8px 26px rgba(201,169,97,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
    transition:transform .2s ease, box-shadow .25s ease;}
  .pkco-lxnav__cta::after{content:"";position:absolute;top:0;left:-140%;width:55%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);
    animation:pkcoLxnavSheen 5s ease-in-out infinite;}
  @keyframes pkcoLxnavSheen{0%,62%{left:-140%;}100%{left:160%;}}
  .pkco-lxnav__cta:hover{box-shadow:0 14px 34px rgba(201,169,97,0.6), 0 0 0 1px rgba(46,217,160,.3), inset 0 1px 0 rgba(255,255,255,0.6);}
  .pkco-lxnav__cta svg{opacity:.9;position:relative;z-index:1;}
  .pkco-lxnav__cta span{position:relative;z-index:1;}

  /* Secondary (ghost) CTA — used for the WhatsApp "Inquire" button */
  .pkco-lxnav__cta--ghost{background:none;color:var(--em-1);
    box-shadow:inset 0 0 0 1px rgba(46,217,160,.45);}
  .pkco-lxnav__cta--ghost::after{display:none;}
  .pkco-lxnav__cta--ghost:hover{color:#fff;background:rgba(46,217,160,.10);
    box-shadow:inset 0 0 0 1px rgba(46,217,160,.7),0 8px 24px rgba(31,169,126,.28);}

  /* Cart icon (syncs with the shop cart) */
  .pkco-lxnav__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;flex-shrink:0;cursor:pointer;color:var(--gold-2);
    background:transparent !important;border:1px solid rgba(201,169,97,0.32) !important;border-radius:999px;
    -webkit-appearance:none;appearance:none;box-shadow:none !important;-webkit-tap-highlight-color:transparent;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .2s ease;}
  .pkco-lxnav__cart:hover{color:var(--ink);
    background:linear-gradient(135deg,var(--gold-2),var(--gold-3)) !important;border-color:transparent !important;
    transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,169,97,.4) !important;}
  .pkco-lxnav__cart:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;}
  .pkco-lxnav__cart svg{position:relative;z-index:1;}
  .pkco-lxnav__cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:10.5px;font-weight:800;line-height:1;color:#04140D;
    background:linear-gradient(135deg,var(--em-1),var(--em-2));border-radius:999px;
    border:1.5px solid rgba(9,11,9,0.9);box-shadow:0 2px 8px rgba(31,169,126,.5);
    transform:scale(0);transition:transform .3s cubic-bezier(.2,1.4,.4,1);}
  .pkco-lxnav__cart.has-items .pkco-lxnav__cart-badge{transform:scale(1);}
  .pkco-lxnav__cart.is-pulse{animation:pkcoNavCartPulse .5s ease;}
  @keyframes pkcoNavCartPulse{0%{transform:scale(1);}40%{transform:scale(1.16);}100%{transform:scale(1);}}

  .pkco-lxnav__burger,
  .pkco-lxnav__burger:hover,
  .pkco-lxnav__burger:focus,
  .pkco-lxnav__burger:active{background:none !important;border:0 !important;box-shadow:none !important;
    -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none;}
  .pkco-lxnav__burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
  .pkco-lxnav__burger span{display:block;width:24px;height:2px;background:var(--gold-2);border-radius:2px;transition:transform .3s ease, opacity .3s ease, background .3s ease;}
  .pkco-lxnav__burger.pkco-open span{background:var(--em-1);}
  .pkco-lxnav__burger.pkco-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .pkco-lxnav__burger.pkco-open span:nth-child(2){opacity:0;}
  .pkco-lxnav__burger.pkco-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .pkco-lxnav__progress{position:absolute;left:0;bottom:0;height:2px;width:0;z-index:2;
    background:linear-gradient(90deg,var(--em-1),var(--gold-2));box-shadow:0 0 10px rgba(46,217,160,.5);}

  .pkco-lxnav__drawer{display:none;flex-direction:column;
    background:linear-gradient(180deg,rgba(11,14,11,0.98),rgba(6,8,6,0.99));
    -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
    border-top:1px solid rgba(201,169,97,0.30);max-height:0;overflow:hidden;
    transition:max-height .55s cubic-bezier(.2,.8,.2,1);}
  .pkco-lxnav__drawer.pkco-open{max-height:660px;padding-bottom:8px;}

  /* Nav links */
  .pkco-lxnav__drawer > a:not(.pkco-lxnav__drawer-cta){position:relative;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    color:#EFEBDD;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.06em;
    padding:18px 30px;
    opacity:0;transform:translateX(-16px);
    transition:opacity .45s ease,transform .45s ease,color .3s ease,background .3s ease,padding .3s ease;}
  .pkco-lxnav__drawer > a:not(.pkco-lxnav__drawer-cta)::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(201,169,97,.18),transparent);}
  .pkco-lxnav__drawer > a:not(.pkco-lxnav__drawer-cta):hover{color:var(--gold-1);
    background:linear-gradient(90deg,rgba(201,169,97,.08),transparent);padding-left:36px;}
  .pkco-lxnav__drawer-chev{width:16px;height:16px;flex-shrink:0;color:var(--gold-3);opacity:.45;
    transition:transform .3s ease,opacity .3s ease,color .3s ease;}
  .pkco-lxnav__drawer > a:not(.pkco-lxnav__drawer-cta):hover .pkco-lxnav__drawer-chev{transform:translateX(4px);opacity:1;color:var(--em-1);}

  .pkco-lxnav__drawer.pkco-open a{opacity:1;transform:none;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(1){transition-delay:.06s;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(2){transition-delay:.12s;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(3){transition-delay:.18s;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(4){transition-delay:.24s;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(5){transition-delay:.32s;}
  .pkco-lxnav__drawer.pkco-open a:nth-child(6){transition-delay:.40s;}

  /* CTA buttons */
  .pkco-lxnav__drawer-cta{display:flex;align-items:center;justify-content:center;gap:10px;
    margin:20px 30px 0;padding:16px 24px;text-align:center;text-decoration:none;
    font-size:14px;font-weight:700;letter-spacing:.05em;border-radius:999px;
    background:linear-gradient(135deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);
    color:var(--ink) !important;
    box-shadow:0 12px 30px rgba(201,169,97,.42),inset 0 1px 0 rgba(255,255,255,.6);}
  .pkco-lxnav__drawer-cta svg{width:18px;height:18px;flex-shrink:0;}
  .pkco-lxnav__drawer-cta--ghost{margin-top:12px;margin-bottom:26px;
    background:none !important;color:var(--em-1) !important;
    box-shadow:inset 0 0 0 1.5px rgba(46,217,160,.55);}

  @media (max-width:1024px){
    .pkco-lxnav__links{display:none;}
    .pkco-lxnav__cta{display:none;}
    .pkco-lxnav__burger{display:flex;}
    .pkco-lxnav__drawer{display:flex;}
  }
  @media (prefers-reduced-motion:reduce){
    .pkco-lxnav__cta::after{animation:none !important;}
  }
</style>

<script>
(function(){
  var nav = document.querySelector('[data-pkco-nav]');
  if(!nav || nav.dataset.pkcoInit) return; nav.dataset.pkcoInit = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;

  var progress = nav.querySelector('.pkco-lxnav__progress');
  function onScroll(){
    nav.classList.toggle('pkco-scrolled', window.scrollY > 20);
    if(progress){
      var h=document.documentElement;
      var max=(h.scrollHeight-h.clientHeight)||1;
      progress.style.width=Math.min(100,(h.scrollTop/max)*100)+'%';
    }
  }
  onScroll(); window.addEventListener('scroll', onScroll, {passive:true});

  /* One-click language toggle: flips ES <-> EN */
  nav.addEventListener('click', function(e){
    var t = e.target.closest ? e.target.closest('[data-lang-toggle]') : null;
    if(!t) return;
    e.preventDefault();
    var cur = document.documentElement.classList.contains('pk-lang-en') ? 'en' : 'es';
    if(window.pkSetLang) window.pkSetLang(cur === 'en' ? 'es' : 'en');
  });
  nav.addEventListener('keydown', function(e){
    var t = e.target.closest ? e.target.closest('[data-lang-toggle]') : null;
    if(!t) return;
    if(e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar'){ e.preventDefault(); t.click(); }
  });

  /* ---------- Cart icon: syncs with the shop cart (localStorage 'pkCart') ---------- */
  var cartBtn = nav.querySelector('[data-nav-cart]');
  if(cartBtn){
    var cartBadge = cartBtn.querySelector('[data-nav-cart-badge]');
    function navCartCount(){
      try{
        var c = JSON.parse(localStorage.getItem('pkCart')) || [];
        return c.reduce(function(n,it){ return n + (it && it.qty ? it.qty : 0); }, 0);
      }catch(e){ return 0; }
    }
    function updateNavCart(count){
      if(typeof count !== 'number') count = navCartCount();
      cartBadge.textContent = count;
      cartBtn.classList.toggle('has-items', count > 0);
    }
    cartBtn.addEventListener('click', function(){
      if(typeof window.pkOpenCart === 'function'){ window.pkOpenCart(); }
      else { window.location.href = '/shop/#cart'; }
    });
    document.addEventListener('pkCartChange', function(e){
      var c = (e && e.detail && typeof e.detail.count === 'number') ? e.detail.count : navCartCount();
      var prev = parseInt(cartBadge.textContent, 10) || 0;
      updateNavCart(c);
      if(c > prev){ cartBtn.classList.remove('is-pulse'); void cartBtn.offsetWidth; cartBtn.classList.add('is-pulse'); }
    });
    window.addEventListener('storage', function(e){ if(e.key === 'pkCart') updateNavCart(); });
    updateNavCart();
  }

  var burger = nav.querySelector('.pkco-lxnav__burger');
  var drawer = nav.querySelector('.pkco-lxnav__drawer');
  burger.addEventListener('click', function(){
    var open = drawer.classList.toggle('pkco-open');
    burger.classList.toggle('pkco-open', open);
    burger.setAttribute('aria-expanded', open ? 'true' : 'false');
    drawer.setAttribute('aria-hidden', open ? 'false' : 'true');
  });
  drawer.querySelectorAll('a').forEach(function(a){
    a.addEventListener('click', function(){
      drawer.classList.remove('pkco-open'); burger.classList.remove('pkco-open');
      burger.setAttribute('aria-expanded','false'); drawer.setAttribute('aria-hidden','true');
    });
  });

  /* Magnetic logo + CTA */
  if(!reduce){
    nav.querySelectorAll('[data-magnetic]').forEach(function(el){
      el.addEventListener('mousemove',function(e){
        var r=el.getBoundingClientRect();
        var x=e.clientX-(r.left+r.width/2);
        var y=e.clientY-(r.top+r.height/2);
        el.style.transform='translate('+(x*0.2)+'px,'+(y*0.25)+'px)';
      });
      el.addEventListener('mouseleave',function(){ el.style.transform=''; });
    });
  }
})();
</script>



/* ============================================================
   PEPTIDES KINGDOM — GLOBAL SECTION SPACING (paste once)
   Change the ONE number below to tune every block at once.
   ============================================================ */
:root { --pk-gap: 48px; }   /* was 110–140px. Try 32–64px. */

/* 1) All Peptides Kingdom block wrappers */
.pkco-hpp,        /* products preview */
.pkco-lxp,        /* shop */
.pkco-lxa,        /* Peptide Academy */
.pkco-hb,         /* handbook */
.pkco-ct,         /* contact */
.pkco-lxs,        /* stats */
.pk-why-section {  /* why us */
  padding-top: var(--pk-gap) !important;
  padding-bottom: var(--pk-gap) !important;
}

/* Stats block also has an outer margin — remove it */
.pkco-lxs { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Footer keeps its own top spacing */
.pkco-ft { padding-top: var(--pk-gap) !important; }

/* 2) Collapse Elementor's own section/container padding on the homepage */
body.home .elementor-section,
body.home .e-con,
body.home .e-con-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}/* End custom CSS */