/* ── FONT CUSTOM ── */
    @font-face {
      font-family: 'BebasNeue';
      src: url('/fonts/BebasNeuePro-Book 1.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }
    @font-face {
      font-family: 'BebasNeue';
      src: url('/fonts/BebasNeuePro-Bold 1.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Freight';
      src: url('/fonts/tmpFreight-Big_Pro_Book 1.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }
    @font-face {
      font-family: 'Freight';
      src: url('/fonts/tmpFreight-Big_Pro_Book_Italic 1.otf') format('opentype');
      font-weight: 400;
      font-style: italic;
    }
    @font-face {
      font-family: 'Freight';
      src: url('/fonts/tmpFreight-Big_Pro_Light 1.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
    }
    @font-face {
      font-family: 'Freight';
      src: url('/fonts/tmpFreight-Big_Pro_Light_Italic 1.otf') format('opentype');
      font-weight: 300;
      font-style: italic;
    }

    /* ── TIPOGRAFIA GLOBALE ── */
    h1, h2, h3, h4 {
      font-family: 'BebasNeue', sans-serif;
      font-weight: 700;
    }

    h5, h6,
    .stock-eyebrow, .cart-eyebrow, .checkout-eyebrow {
      font-family: 'Freight', serif;
      font-weight: 400;
      font-style: italic;
    }

    .nk-nav li a,
    .mobile-menu a,
    .btn-thelios,
    .btn-thelios-outline,
    .footer-text {
      font-family: 'BebasNeue', sans-serif;
    }

    .nk-nav li a,
    .btn-thelios,
    .btn-thelios-outline,
    .filter-title {
      font-family: 'BebasNeue', sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Freight', sans-serif;
      font-weight: 300;
      background-color: #fafafa;
      color: #111;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    /* ── NAVBAR ── */
    .nk-header {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      background-color: #fff;
      border-bottom: 1px solid #e0e0e0;
      height: 64px;
      display: flex;
      align-items: center;
    }

    .nk-header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 24px;
    }

    .nk-nav-logo img { height: 59px; width: auto; }

    .nk-nav {
      list-style: none;
      display: flex;
      gap: 36px;
      align-items: center;
    }

    .nk-nav li a {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #111;
      text-decoration: none;
      transition: color 0.2s;
    }
    .nk-nav li a:hover { color: #aaa; }

    .nk-nav li.exit-link a {
      border: 1px solid #111;
      padding: 6px 16px;
    }
    .nk-nav li.exit-link a:hover {
      background: #111;
      color: #fff;
    }

    /* ── CART BADGE (desktop link + mobile icon) ── */
    .cart-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .cart-count {
      background: #111;
      color: #fff;
      font-size: 9px;
      font-weight: 600;
      padding: 2px 6px;
      border-radius: 10px;
      min-width: 18px;
      text-align: center;
    }

    /* ── HAMBURGER ── */
    .hamburger {
      display: none; /* desktop: hidden */
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 4px;
      background: none;
      border: none;
    }

    .hamburger span {
      display: block;
      width: 24px;
      height: 1px;
      background: #111;
      transition: all 0.3s;
    }

    /* ✅ Header actions (mobile only): cart icon + hamburger */
    .header-actions {
      display: none; /* desktop: hidden */
      align-items: center;
      gap: 14px;
    }

    /* ✅ Mobile cart icon */
    .cart-mobile {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: 6px;
      color: #111;
      text-decoration: none;
      line-height: 1;
    }

    .cart-mobile i { font-size: 18px; }

    .cart-mobile .cart-count {
      position: absolute;
      top: -6px;
      right: -10px;
    }

    /* ── MENU MOBILE ── */
    .mobile-menu {
      display: none;
      position: fixed;
      top: 64px; left: 0; right: 0; bottom: 0;
      background: #fff;
      z-index: 999;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 32px;
    }

    .mobile-menu.open { display: flex; }

    .mobile-menu a {
      font-family: 'BebasNeue', sans-serif;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #111;
      text-decoration: none;
    }

    .mobile-menu a:hover { color: #aaa; }

    /* ── MAIN ── */
    .nk-main {
      flex: 1;
      margin-top: 64px;
      padding-bottom: 60px;
    }

    /* ── FOOTER ── */
    .nk-footer {
      position: fixed;
      bottom: 0; left: 0; right: 0;
      height: 52px;
      background-color: #111;
      display: flex;
      align-items: center;
      z-index: 1000;
    }

    .nk-footer .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 24px;
      width: 100%;
    }

    .footer-text {
      font-size: 11px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #aaa;
    }

    .footer-instagram a {
      color: #aaa;
      font-size: 16px;
      transition: color 0.2s;
    }
    .footer-instagram a:hover { color: #fff; }

    /* ── BUTTONS GLOBALI ── */
    .btn-thelios {
      display: inline-block;
      padding: 14px 40px;
      background: #111;
      color: #fff;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-decoration: none;
      border: 1px solid #111;
      transition: all 0.3s;
      cursor: pointer;
    }
    .btn-thelios:hover {
      background: transparent;
      color: #111;
      text-decoration: none;
    }

    .btn-thelios-outline {
      display: inline-block;
      padding: 14px 40px;
      background: transparent;
      color: #111;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-decoration: none;
      border: 1px solid #111;
      transition: all 0.3s;
    }
    .btn-thelios-outline:hover {
      background: #111;
      color: #fff;
      text-decoration: none;
    }

    /* ✅ BREAKPOINTS: mobile vs desktop */
    @media (max-width: 991px) {
      .nk-nav.desktop { display: none; }
      .header-actions { display: flex; }
      .hamburger { display: flex; }
    }
    
.nk-main-login {
  margin-top: 0;
  padding-bottom: 0;
}