/* header — extracted from v1-category-18.html
   Source of truth — based on baseline file. */

.header {
    background: white;
  }

.header-inner {
    max-width: 1200px; margin: 0 auto;
    padding: 12px 16px;
    display: flex; align-items: center; justify-content: space-between;
  }

.logo { display: flex; align-items: center; gap: 8px; }

.logo-icon { width: 36px; height: 36px; background: #EAF3DE; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; }

.logo-text { font-size: 1.375rem; font-weight: 700; line-height: 1; }

.header-actions { display: flex; align-items: center; gap: 8px; }

.hdr-icon-btn {
    display: flex; width: 34px; height: 34px;
    background: var(--orange-light); color: var(--orange-dark); border-radius: 8px;
    align-items: center; justify-content: center;
    font-size: 1rem; line-height: 1;
    border: none; cursor: pointer; font-family: inherit;
    flex-shrink: 0; padding: 0;
    transition: background 0.15s;
  }

.hdr-icon-btn:hover { background: #F9D8B0; }

.hdr-icon-btn:active { background: var(--orange-light); }

.hdr-lang-btn {
    display: flex; align-items: center; gap: 4px;
    height: 34px; padding: 0 9px;
    background: #EAF3DE; border: none; border-radius: 8px;
    font-size: 0.8125rem; font-weight: 700; color: var(--green-dark);
    font-family: inherit; cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
  }

.hdr-lang-btn:active { background: var(--green-light); }

.hdr-lang-globe { font-size: 0.875rem; line-height: 1; }

.hdr-lang-code { letter-spacing: 0.3px; }

.header-cart { display: none; }

.header-actions .cart-icon-wrap { display: none; }

.btn-login { display: none; }

.cart-badge {
    position: absolute;
    top: -6px; right: -8px;
    min-width: 16px; height: 16px;
    padding: 0 4px;
    background: var(--orange); color: white;
    border-radius: 8px;
    font-size: 0.625rem; font-weight: 700;
    display: none; align-items: center; justify-content: center;
    line-height: 1;
    border: 1.5px solid white;
    font-family: var(--font-sans);
  }

.cart-badge.show { display: flex; }

.cart-btn {
    flex: 1; padding: 12px; border: none; border-radius: 8px;
    font-size: 0.875rem; font-weight: 600; cursor: pointer;
    font-family: inherit;
  }

.cart-btn-compare {
    background: white; color: var(--green-dark);
    border: 1.5px solid var(--green);
  }

.cart-btn-compare:active { background: #EAF3DE; }

.cart-btn-checkout {
    background: var(--orange-dark); color: white;
  }

.cart-btn-checkout:active { background: var(--orange-dark); }

.hamburger { display: flex; flex-direction: column; gap: 2px; }

.hamburger span { width: 14px; height: 2px; background: white; border-radius: 1px; display: block; }

@media (min-width: 768px) {
    .header-inner { padding: 14px 24px; }
    .header-actions { gap: 14px; }
    .header-cart { display: inline; font-size: 1.25rem; }
    .header-actions .cart-icon-wrap { display: inline-flex; }
    .cat-nav-inner { padding: 0 16px; }
    .cat-nav a { padding: 12px 14px; font-size: 0.875rem; }
    .cat-nav a.all { padding: 12px 16px; }
  }