/* TINTIN tablet header and menu — source of truth for 768–1024px. */
.tt-header-tablet,
.tt-tablet-menu { display: none !important; }

@media (min-width: 768px) and (max-width: 1024px) {
  .tt-header-tablet {
    display: block !important;
    position: fixed;
    inset: 0 0 auto;
    z-index: var(--z-header,900);
    height: 84px;
    background: #fff;
    border-bottom: 1px solid rgba(139,38,66,.13);
    box-shadow: 0 10px 32px rgba(126,30,65,.045);
    backdrop-filter: none;
  }

  .tt-tablet-header-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr);
    align-items: center;
    width: 100%;
    height: 84px;
    padding: 0 clamp(26px,4.2vw,48px);
    column-gap: 12px;
  }

  .tt-tablet-logo-link {
    position: static;
    justify-self: center;
    display:flex;
    align-items:center;
    gap:8px;
    min-width: 0;
    max-width: min(240px, 31vw);
    transform: none;
    color:#8b2642;
    text-decoration:none;
  }

  .tt-tablet-logo-img {
    width:auto;
    max-width:100%;
    height:42px;
    object-fit:contain;
  }
  .tt-tablet-menu-toggle,
  .tt-tablet-actions button,
  .tt-tablet-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    color: #252225;
    background: #fff;
    border: 1px solid rgba(139,38,66,.14);
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    transition: transform .22s cubic-bezier(.2,.85,.2,1), color .2s ease, background .2s ease, box-shadow .22s ease, border-color .2s ease;
  }

  .tt-tablet-menu-toggle {
    justify-self: start;
    border-color: transparent;
    border-radius: 14px;
  }
  .tt-tablet-actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
  }
  .tt-tablet-menu-toggle:hover,
  .tt-tablet-actions button:hover,
  .tt-tablet-actions a:hover,
  .tt-tablet-actions button[aria-expanded="true"] {
    color:#a50f4d;
    background:#fff4f8;
    border-color: rgba(139,38,66,.22);
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(139,38,66,.09);
  }

  .tt-tablet-menu-lines { display:grid; gap:5px; width:23px; }
  .tt-tablet-menu-lines span { display:block; width:100%; height:2px; border-radius:3px; background:currentColor; transition:transform .25s ease, opacity .2s ease; }
  .tt-tablet-menu-toggle[aria-expanded="true"] .tt-tablet-menu-lines span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .tt-tablet-menu-toggle[aria-expanded="true"] .tt-tablet-menu-lines span:nth-child(2){opacity:0}
  .tt-tablet-menu-toggle[aria-expanded="true"] .tt-tablet-menu-lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .tt-tablet-menu {
    display: flex !important;
    position: fixed;
    inset: 0;
    z-index: 1900;
    flex-direction: column;
    padding: max(24px,env(safe-area-inset-top)) clamp(28px,6vw,70px) max(28px,env(safe-area-inset-bottom));
    background: #fff;
    overflow-y: auto;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    clip-path: circle(0 at var(--tt-menu-origin-x,42px) var(--tt-menu-origin-y,42px));
    transition: clip-path 420ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, visibility 420ms;
  }

  .tt-tablet-menu.open {
    visibility:visible;
    pointer-events:auto;
    opacity:1;
    clip-path:circle(var(--tt-menu-radius,150vmax) at var(--tt-menu-origin-x,42px) var(--tt-menu-origin-y,42px));
  }

  .tt-tablet-menu-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:clamp(20px,3.5vh,36px); }
  .tt-tablet-menu-logo { display:flex; align-items:center; gap:11px; color:#8b2642; text-decoration:none; }
  .tt-tablet-menu-logo-img { height:46px; width:auto; max-width:min(260px,50vw); object-fit:contain; }
  .tt-tablet-menu-close { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid rgba(139,38,66,.14); border-radius:50%; background:#fff; color:#292429; cursor:pointer; transition:transform .22s cubic-bezier(.2,.85,.2,1), border-color .2s ease; }
  .tt-tablet-menu-close:hover { transform:translateY(-1px); border-color:rgba(139,38,66,.22); }
  .tt-tablet-nav { width:min(100%,780px); margin:0 auto; }
  .tt-tablet-nav > a,
  .tt-tablet-nav > button {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:60px;
    padding:16px 20px;
    border:0;
    border-bottom:1px solid rgba(139,38,66,.1);
    background:transparent;
    color:#362c31;
    font:600 clamp(1rem,2.3vw,1.25rem)/1.2 Montserrat;
    letter-spacing:.04em;
    text-decoration:none;
    text-align:left;
    cursor:pointer;
  }

  .tt-tablet-nav > .active,
  .tt-tablet-nav > [aria-current="page"] {
    color:#a50f4d;
    background:#fde9f0;
    border-radius:16px;
    border-bottom-color:transparent;
  }
  .tt-tablet-cats { max-height:0; overflow:hidden; opacity:0; transition:max-height .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease; }
  .tt-tablet-cats.open { max-height:620px; opacity:1; }
  .tt-tablet-cats-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 0; }
  .tt-tablet-cat-card { display:flex; flex-direction:column; align-items:center; gap:7px; min-width:0; padding:10px 6px; color:#5b414b; font:650 .7rem/1.2 Montserrat; text-decoration:none; }
  .tt-tablet-cat-img { display:flex; align-items:center; justify-content:center; width:74px; height:74px; border-radius:18px; overflow:hidden; }
  .tt-tablet-cat-img img { width:100%; height:100%; object-fit:cover; }
  .tt-tablet-ver-todo { display:flex; justify-content:center; padding:13px; color:#9d2452; font-weight:700; text-decoration:none; }
  .tt-tablet-account-entry {
    width:min(100%,780px);
    min-height:50px;
    margin:28px auto 0;
    padding:12px 18px;
    border:1px solid #efcbd8;
    border-radius:16px;
    background:#fff6f9;
    color:#8b2642;
    font-weight:750;
    text-align:left;
    cursor:pointer;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tt-tablet-menu,.tt-tablet-cats,.tt-tablet-menu-lines span { transition:none !important; }
}