/* v2.2 desktop-only complete header rebuild.
   Desktop gets a fresh isolated header. Mobile keeps the existing menu/header system. */
.on-teddy-desktop-header-v22 { display:none; }
.on-teddy-mobile-header-only-v22 { display:block; }

@media (min-width: 1025px) {
  .on-teddy-mobile-header-only-v22,
  .on-teddy-elementor-template.on-teddy-header-template,
  body .on-teddy-default-header {
    display:none !important;
  }

  .on-teddy-desktop-header-v22 {
    display:block !important;
    width:100%;
    background:#fffdf9;
    border-bottom:1px solid #ece5dd;
    box-shadow:0 8px 22px rgba(53,40,28,.05);
    position:relative;
    z-index:999;
  }

  .on-teddy-desktop-topbar-v22 {
    background:#fbf8f4;
    border-bottom:1px solid #ece5dd;
  }

  .on-teddy-desktop-topbar-inner-v22,
  .on-teddy-desktop-mainbar-inner-v22 {
    max-width:1440px;
    margin:0 auto;
    padding-left:24px;
    padding-right:24px;
    box-sizing:border-box;
  }

  .on-teddy-desktop-topbar-inner-v22 {
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
  }

  .on-teddy-desktop-topbar-message-v22 {
    display:flex;
    align-items:center;
    gap:14px;
    color:#5d554e;
    font:500 14px/1 Inter, Arial, sans-serif;
    white-space:nowrap;
  }

  .on-teddy-desktop-topbar-dot-v22 {
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d88912;
    box-shadow:0 0 0 4px rgba(216,137,18,.10);
    flex:0 0 10px;
  }

  .on-teddy-desktop-topbar-links-v22 {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    white-space:nowrap;
  }

  .on-teddy-desktop-topbar-links-v22 > a,
  .on-teddy-desktop-topbar-links-v22 > span {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#5b5149;
    font:500 14px/1 Inter, Arial, sans-serif;
    text-decoration:none;
    padding:0 22px;
    min-height:24px;
    border-left:1px solid #ddd4ca;
  }

  .on-teddy-desktop-topbar-links-v22 > :first-child { border-left:0; }
  .on-teddy-desktop-topbar-links-v22 .ico { font-size:16px; line-height:1; color:#70655c; }
  .on-teddy-desktop-topbar-links-v22 a:hover { color:#d46a08; }
  .on-teddy-desktop-currency-v22 { font-weight:600; padding-right:0 !important; }
  .on-teddy-desktop-currency-v22 .caret { margin-left:4px; }

  .on-teddy-desktop-mainbar-v22 { background:#fffdf9; }

  .on-teddy-desktop-mainbar-inner-v22 {
    min-height:116px;
    display:grid;
    grid-template-columns:minmax(270px, 335px) 1fr minmax(210px, 250px);
    align-items:center;
    column-gap:28px;
  }

  .on-teddy-desktop-brand-v22 {
    display:inline-flex;
    align-items:center;
    gap:20px;
    justify-self:start;
    text-decoration:none;
    white-space:nowrap;
  }

  .on-teddy-desktop-brand-mark-v22 {
    width:64px;
    height:86px;
    display:grid;
    place-items:center;
    flex:0 0 64px;
    border:2.5px solid #d46a08;
    border-radius:28px;
    box-shadow:inset 0 0 0 6px rgba(212,106,8,.08);
    color:#d46a08;
    font:800 13px/1 Inter, Arial, sans-serif;
    letter-spacing:.04em;
  }

  .on-teddy-desktop-brand-name-v22 {
    color:#d46a08;
    font:800 24px/1 Inter, Arial, sans-serif;
    letter-spacing:.19em;
  }

  .on-teddy-desktop-nav-v22 {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(24px, 2.2vw, 46px);
    justify-self:center;
    min-width:0;
  }

  .on-teddy-desktop-nav-v22 a {
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    color:#342a24;
    text-decoration:none;
    font:650 17px/1 Inter, Arial, sans-serif;
    white-space:nowrap;
  }

  .on-teddy-desktop-nav-v22 a:hover,
  .on-teddy-desktop-nav-v22 a:focus { color:#d46a08; }
  .on-teddy-desktop-nav-v22 .caret { font-size:12px; margin-top:-2px; }

  .on-teddy-desktop-actions-v22 {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    justify-self:end;
  }

  .on-teddy-desktop-action-v22 {
    width:46px;
    height:46px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#342a24;
    text-decoration:none;
    position:relative;
    border:1px solid transparent;
    background:transparent;
  }

  .on-teddy-desktop-action-v22:hover {
    color:#d46a08;
    background:#fcf7f1;
    border-color:#eadfd5;
  }

  .on-teddy-desktop-action-v22 svg {
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
  }

  .on-teddy-desktop-cart-count-v22 {
    position:absolute;
    top:-2px;
    right:-1px;
    min-width:21px;
    height:21px;
    padding:0 5px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#d46a08;
    color:#fff;
    font:800 11px/1 Inter, Arial, sans-serif;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .on-teddy-desktop-topbar-inner-v22,
  .on-teddy-desktop-mainbar-inner-v22 { padding-left:20px; padding-right:20px; }
  .on-teddy-desktop-mainbar-inner-v22 { grid-template-columns:minmax(230px, 290px) 1fr minmax(180px, 220px); column-gap:20px; }
  .on-teddy-desktop-brand-name-v22 { font-size:18px; letter-spacing:.16em; }
  .on-teddy-desktop-brand-mark-v22 { width:56px; height:76px; flex-basis:56px; }
  .on-teddy-desktop-nav-v22 { gap:24px; }
  .on-teddy-desktop-nav-v22 a { font-size:14px; }
  .on-teddy-desktop-topbar-links-v22 > a,
  .on-teddy-desktop-topbar-links-v22 > span { padding:0 15px; }
  .on-teddy-desktop-action-v22 { width:40px; height:40px; }
  .on-teddy-desktop-action-v22 svg { width:23px; height:23px; }
}