/* =========================
   DESKTOP HEADER (>=861px)
   Show desktop header, hide mobile header
========================= */

.desktop-header{ display:none; }

@media (min-width: 861px){

  /* Hide mobile header + drawer on desktop */
  .site-header,
  .drawer{
    display:none !important;
  }

  /* Show desktop header */
  .desktop-header{
    display:block;
    position: sticky;
    top: 0;
    z-index: 1100;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,0.08);
    transition: transform .22s ease, box-shadow .22s ease;
    will-change: transform;
  }

  /* Premium full-width bar + centered content */
  .desktop-header .d-wrap{
    max-width: 1320px;        /* wider for desktop premium */
    margin: 0 auto;
    padding: 14px 22px;
    display: grid;
    grid-template-columns: 260px 1fr 320px;
    gap: 16px;
    align-items: center;
  }

  .d-brand{
    text-decoration:none;
    color:#111827;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .d-logo{
    width:46px;height:46px;border-radius:14px;
    background: linear-gradient(135deg,#f97316,#fb923c);
    flex: 0 0 auto;
  }
  .d-title{ font-weight:900; font-size:17px; line-height:1.1; letter-spacing:-.2px; }
  .d-sub{ font-size:12px; color:#6b7280; margin-top:3px; }

  /* Desktop search */
  .d-search{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid rgba(0,0,0,0.12);
    border-radius:16px;
    padding:12px 14px;
    background:#fff;
  }
  .d-search .ico{ width:18px;height:18px; opacity:.65; }
  .d-search input{
    width:100%;
    border:0;
    outline:0;
    font-size:14px;
    font-family: inherit;
  }

  /* Right actions */
  .d-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
  }
  .d-link{
    text-decoration:none;
    font-weight:800;
    color:#0f172a;
    padding:10px 12px;
    border-radius:12px;
    opacity:.9;
  }
  .d-link:hover{ background: rgba(0,0,0,0.04); }

  .d-cart{
    position:relative;
    text-decoration:none;
    border:1px solid rgba(0,0,0,0.12);
    border-radius:14px;
    padding:10px 12px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#0f172a;
    font-weight:900;
    background:#fff;
  }
  .d-cart .ico{ width:20px;height:20px; }
  .d-cart .cart-count{
    position:absolute;
    top:-8px;
    right:-8px;
    background:#0f172a;
    color:#fff;
    border-radius:999px;
    padding:2px 8px;
    font-size:12px;
  }

  /* Location row under desktop header */
  .desktop-location-row{
    border-top:1px solid rgba(0,0,0,0.06);
    background:#fff;
  }
  .desktop-location-row .d-loc-wrap{
    max-width: 1320px;
    margin:0 auto;
    padding:10px 22px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }

  .d-loc-label{ font-size:11px; color:#6b7280; }
  .d-loc-value{
    font-size:14px;
    color:#111827;
    font-weight:700;
    max-width: 920px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  .d-loc-empty{ color:#9ca3af; font-weight:600; }

  .d-change{
    text-decoration:none;
    font-weight:900;
    color:#0f172a;
    border:1px solid rgba(0,0,0,0.12);
    padding:8px 12px;
    border-radius:12px;
    background:#fff;
  }
  .d-change:hover{ filter: brightness(0.98); }
}

/* Auto-hide class (works for both desktop + mobile, JS toggles this) */
.desktop-header.is-hidden{
  transform: translateY(-120%);
}