/* Ported from Shopify sections/zynbe-header.liquid — keep in sync with parts/header.php */
.zhdr{
    display:flex; align-items:center; gap:10px;
    padding:11px 14px;
    background:rgba(251,246,241,.94);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    border-bottom:1px solid #F0E3DB;
    position:relative; z-index:200;
  }
  .zhdr[data-sticky="true"]{ position:sticky; top:0; }

  .zhdr__logo{
    font-family: Fraunces, 'Playfair Display', Georgia, serif;
    font-weight:700; font-size:23px; letter-spacing:.01em;
    color:var(--zh-accent); text-decoration:none; flex:none;
  }

  .zhdr__search{
    flex:1; display:flex; align-items:center; gap:7px;
    background:#fff; border:1px solid #F0E3DB; border-radius:999px;
    padding:8px 13px; min-width:0; position:relative;
  }
  .zhdr__search:focus-within{ border-color:var(--zh-accent); }
  .zhdr__mag{ width:15px; height:15px; color:#A1938E; flex:none; }
  .zhdr__input{
    flex:1; min-width:0; border:0; outline:0; background:transparent;
    font-family:inherit; font-size:13px; color:#2B1A17;
    -webkit-appearance:none; appearance:none;
  }
  .zhdr__input::placeholder{ color:#A1938E; }
  .zhdr__input::-webkit-search-cancel-button{ display:none; }
  .zhdr__clear{
    flex:none; width:20px; height:20px; border-radius:50%;
    border:0; background:#F0E3DB; color:#6D5D59;
    font-size:10px; line-height:1; cursor:pointer;
  }

  .zhdr__cart{
    flex:none; width:38px; height:38px; border-radius:50%;
    background:#fff; border:1px solid #F0E3DB;
    display:grid; place-items:center; position:relative;
    color:#2B1A17; text-decoration:none;
  }
  .zhdr__cart svg{ width:19px; height:19px; }
  .zhdr__count{
    position:absolute; top:-3px; right:-3px;
    min-width:17px; height:17px; padding:0 4px;
    border-radius:9px; background:var(--zh-accent); color:#fff;
    font-size:9.5px; font-weight:800;
    display:grid; place-items:center;
  }

  /* [hidden] must win over display:grid, or an empty cart shows a "0" badge (bug in the Shopify version too) */
  .zhdr__count[hidden]{ display:none; }

  /* results dropdown */
  .zhdr__results{
    position:absolute; top:calc(100% + 6px); left:10px; right:10px;
    background:#fff; border:1px solid #F0E3DB; border-radius:16px;
    box-shadow:0 14px 34px rgba(60,20,25,.14);
    overflow:hidden; z-index:210;
  }
  .zhdr__results-inner{ max-height:340px; overflow-y:auto; }
  .zhr{
    display:flex; align-items:center; gap:11px;
    padding:9px 12px; text-decoration:none;
    border-bottom:1px solid #F8F0EA;
  }
  .zhr:active{ background:#FBF6F1; }
  .zhr__img{
    width:42px; height:52px; border-radius:8px; object-fit:cover;
    background:#F0E3DB; flex:none;
  }
  .zhr__t{ min-width:0; }
  .zhr__name{
    font-size:12.5px; font-weight:600; color:#2B1A17; line-height:1.3;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  .zhr__price{ font-size:13px; font-weight:800; color:var(--zh-accent); margin-top:2px; }
  .zhr__price s{ font-size:10.5px; color:#A1938E; font-weight:600; margin-left:5px; }
  .zhdr__empty{ padding:16px 14px; font-size:12.5px; color:#6D5D59; }
  .zhdr__seeall{
    display:block; text-align:center; padding:11px;
    font-size:12.5px; font-weight:800; color:var(--zh-accent);
    text-decoration:none; background:#FBF6F1;
  }
  .zhdr__scrim{
    position:fixed; inset:0; top:58px; z-index:150;
    background:rgba(43,26,23,.25);
  }

  /* mobile: nav, drop chip, account hidden (bottom nav handles them) */
  .zhdr__nav, .zhdr__drop, .zhdr__acct{ display:none; }

  @media (min-width:1024px){
    .zhdr{ padding:13px 28px; gap:18px; height:64px; }

    .zhdr__nav{ display:flex; align-items:center; gap:20px; flex:none; }
    .zhdr__navlink{
      font-size:13.5px; font-weight:700; color:#4A3B37;
      text-decoration:none; padding:4px 0; position:relative; white-space:nowrap;
    }
    .zhdr__navlink::after{
      content:''; position:absolute; left:0; right:0; bottom:-3px;
      height:2px; background:var(--zh-accent); border-radius:1px;
      transform:scaleX(0); transform-origin:left; transition:transform .18s ease;
    }
    .zhdr__navlink:hover::after{ transform:scaleX(1); }
    .zhdr__navlink--pill{
      background:var(--zh-accent); color:#fff;
      padding:7px 15px; border-radius:999px;
    }
    .zhdr__navlink--pill::after{ display:none; }
    .zhdr__navlink--pill:hover{ opacity:.92; }

    .zhdr__search{ flex:1; max-width:420px; margin-left:auto; }
    .zhdr__results{ left:auto; right:220px; width:420px; margin-left:0; }

    .zhdr__drop{
      display:inline-flex; align-items:center; gap:7px; flex:none;
      border:1.5px dashed var(--zh-accent); color:var(--zh-accent);
      font-size:12px; font-weight:800; text-decoration:none;
      padding:8px 13px; border-radius:999px; white-space:nowrap;
    }
    .zhdr__drop svg{ width:14px; height:14px; }
    .zhdr__drop:hover{ background:#FBF1EC; }

    .zhdr__acct{
      display:grid; place-items:center; flex:none;
      width:38px; height:38px; border-radius:50%;
      background:#fff; border:1px solid #F0E3DB; color:#2B1A17;
    }
    .zhdr__acct svg{ width:19px; height:19px; }
  }

  /* tablet: show search wide, still no nav row */
  @media (min-width:769px) and (max-width:1023px){
    .zhdr{ padding:13px 24px; }
    .zhdr__search{ max-width:520px; }
    .zhdr__results{ left:auto; right:auto; width:min(520px, 90vw); margin-left:120px; }
  }