/* ================== ПЛАНШЕТНАЯ ШАПКА (768px - 1439px) ================== */

/* CSS переменные для планшетной шапки */
:root {
  /* Планшетные переменные */
  --tablet-header-height: clamp(60px, 7vw, 80px);
  --tablet-header-padding: clamp(16px, 2.5vw, 32px);
  --tablet-header-gap: clamp(8px, 1.8vw, 20px);
  --tablet-icon-size: clamp(24px, 3.5vw, 36px);
  --tablet-font-size-phone: clamp(14px, 2.2vw, 18px);
  --tablet-burger-size: clamp(44px, 6.5vw, 64px);
  --tablet-burger-line-width: clamp(20px, 3.5vw, 28px);
  --tablet-burger-line-height: clamp(3px, 0.5vw, 5px);
}

/* Планшетная шапка - показываем мобильную версию с планшетными размерами */
@media (min-width: 768px) and (max-width: 1279px) {
  /* Принудительно показываем мобильную шапку на планшетах */
  #siteHeaderMobile {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: var(--tablet-header-height) !important;
    padding: 0 var(--tablet-header-padding) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    
    /* Liquid Glass effect для планшетов */
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(25px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    box-shadow: 
      0 8px 32px rgba(0, 0, 0, 0.12), 
      inset 0 1px rgba(255, 255, 255, 0.3),
      0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all .28s cubic-bezier(.2,.9,.2,1), background .28s ease, border-color .28s ease;
  }
  
  /* Dark theme для планшетной шапки */
  :root.uv-dark #siteHeaderMobile {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(25px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    box-shadow: 
      0 8px 32px rgba(0, 0, 0, 0.4), 
      inset 0 1px rgba(255, 255, 255, 0.15),
      0 1px 0 rgba(255, 255, 255, 0.05);
  }
  
  /* Планшетные размеры элементов */
  #siteHeaderMobile .uv-mobile-left {
    gap: var(--tablet-header-gap) !important;
  }
  
  #siteHeaderMobile .uv-messengers {
    gap: calc(var(--tablet-header-gap) * 0.7) !important;
  }
  
  #siteHeaderMobile .uv-messenger-icon {
    width: var(--tablet-icon-size) !important;
    height: var(--tablet-icon-size) !important;
  }
  
  #siteHeaderMobile .site-phone {
    font-size: var(--tablet-font-size-phone) !important;
  }
  
  #siteHeaderMobile .uv-burger {
    width: var(--tablet-burger-size) !important;
    height: var(--tablet-burger-size) !important;
  }
  
  #siteHeaderMobile .burger-line {
    width: var(--tablet-burger-line-width) !important;
    height: var(--tablet-burger-line-height) !important;
  }
  
  /* Адаптивное позиционирование линий burger меню для планшетов */
  #siteHeaderMobile .burger-line:nth-child(1) {
    top: calc(var(--tablet-burger-size) * 0.22) !important;
  }
  
  #siteHeaderMobile .burger-line:nth-child(2) {
    top: calc(var(--tablet-burger-size) * 0.5) !important;
  }
  
  #siteHeaderMobile .burger-line:nth-child(3) {
    top: calc(var(--tablet-burger-size) * 0.78) !important;
  }
}

/* Специальные стили для конкретных планшетных разрешений */
@media (min-width: 768px) and (max-width: 1023px) {
  #siteHeaderMobile {
    height: 64px !important;
    padding: 0 20px !important;
  }
  
  #siteHeaderMobile .uv-mobile-left {
    gap: 10px !important;
  }
  
  #siteHeaderMobile .uv-messenger-icon {
    width: 28px !important;
    height: 28px !important;
  }
  
  #siteHeaderMobile .site-phone {
    font-size: 15px !important;
  }
  
  #siteHeaderMobile .uv-burger {
    width: 48px !important;
    height: 48px !important;
  }
  
  #siteHeaderMobile .burger-line {
    width: 22px !important;
    height: 3px !important;
  }
}


  /* Удален медиа-запрос 1280-1439px - теперь это десктопная область */
