/* ═══════════════════════════════════════════════════════════════════════
   NanoFarm · ШАПКА «ОСТРОВ» (html[data-hdr="1"])
   Парящая капсула. Три режима:
     • одна строка  — ≥1100px, если всё помещается (меню-таблетки, поиск-иконка);
     • поджатие     — html.nf-hdr-c1 / .nf-hdr-c2: меньше отступы, кнопка запроса-иконка;
     • бургер       — html.nf-hdr-burger: экран 769–1099px или всё ещё тесно —
                      меню уходит в панель, строка остаётся одна (app.js →
                      nfInitHeaderFit пересчитывает при смене языка/размера);
     • телефон      — ≤768px: логотип + кнопки, меню в бургере.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── капсула (все режимы) ── */
html[data-hdr="1"] body .nf-header.nf-header--ds {
  border: 1px solid rgba(55, 53, 54, 0.08) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  background-image: none !important;
  box-shadow: 0 1px 2px rgba(31, 30, 31, 0.04), 0 18px 40px -24px rgba(31, 30, 31, 0.28) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  backdrop-filter: blur(18px) saturate(1.4);
}
html[data-theme="dark"][data-hdr="1"] body .nf-header.nf-header--ds {
  background: rgba(36, 35, 36, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.8) !important;
}
@media (min-width: 769px) {
  html[data-hdr="1"] body .nf-header.nf-header--ds {
    top: 12px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1320px, calc(100% - 32px)) !important;
    border-radius: 22px !important;
  }
}
@media (max-width: 768px) {
  html[data-hdr="1"] body .nf-header.nf-header--ds {
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    transform: none !important;
    border-radius: 18px !important;
  }
}

/* ════════ ОДНА СТРОКА ════════ */
@media (min-width: 1100px) {
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header.nf-header--ds {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    grid-template-areas: "logo nav search actions right";
    align-items: center;
    column-gap: 14px;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 14px !important;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-app:has(> header.nf-header) { padding-top: 104px !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-inner { display: contents !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-logo-section { grid-area: logo; margin: 0 !important; padding: 0 !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-logo-section .nf-logo { padding: 0 !important; margin: 0 !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-actions { grid-area: actions; display: flex !important; align-items: center; gap: 10px; margin: 0 !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-right { grid-area: right; margin: 0 !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds #mainNav.nf-nav {
    grid-area: nav;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap !important;
    min-width: 0;
    gap: 2px;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    position: static !important;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link {
    position: relative;
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    border-radius: 999px !important;
    background: transparent !important;
    color: #5d5a58 !important;
    transition: background-color 0.25s, color 0.25s !important;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link::after,
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link::before,
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-indicator { display: none !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link:hover { color: #1f1e1f !important; background: rgba(55, 53, 54, 0.05) !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link.nf-nav-link-active { color: #2f7f88 !important; background: rgba(77, 160, 169, 0.12) !important; }
  html[data-theme="dark"][data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link { color: #a6a3a1 !important; }
  html[data-theme="dark"][data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link:hover { color: #f2f1f0 !important; background: rgba(255, 255, 255, 0.05) !important; }
  html[data-theme="dark"][data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link.nf-nav-link-active { color: #6fb8c0 !important; background: rgba(77, 160, 169, 0.16) !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-lang-switcher { gap: 0 !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-lang-btn { padding: 4px 6px !important; font-size: 12px !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-icon-btn { width: 44px !important; height: 44px !important; border-radius: 50% !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-burger { display: none !important; }

  /* поиск свёрнут в круглую кнопку и раскрывается поверх меню */
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper {
    grid-area: search;
    position: relative;
    width: 44px !important;
    height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    flex: none !important;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    color: #5d5a58;
    border-radius: 999px !important;
    overflow: visible;
    background: rgba(55, 53, 54, 0.05) !important;
    box-shadow: none !important;
    border: 0 !important;
    transition: width 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), background-color 0.3s, box-shadow 0.3s !important;
    z-index: 3;
    cursor: pointer;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search .nf-search-icon {
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    pointer-events: none;
    z-index: 2;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search:hover:not(:focus-within) { background: rgba(77, 160, 169, 0.14) !important; color: #2f7f88; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search input.nf-search-input {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    padding: 0 12px 0 40px !important;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.2s;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search:focus-within {
    width: min(400px, 40vw) !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px rgba(77, 160, 169, 0.5), 0 12px 30px -16px rgba(31, 30, 31, 0.35) !important;
    cursor: text;
  }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search:focus-within input.nf-search-input { opacity: 1; cursor: text; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search:not(:focus-within) .nf-search-hint-layer { display: none !important; }
  html[data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-search-suggestions { left: auto !important; right: 0 !important; width: min(460px, 90vw) !important; }
  html[data-theme="dark"][data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search { background: rgba(255, 255, 255, 0.06) !important; }
  html[data-theme="dark"][data-hdr="1"]:not(.nf-hdr-burger) body .nf-header--ds .nf-header-search-wrapper .nf-search:focus-within { background: #2e2d2e !important; }
}

/* ════════ ПОДЖАТИЕ (одна строка, если на языке/ширине тесно) ════════ */
@media (min-width: 1100px) {
  html[data-hdr="1"].nf-hdr-c1:not(.nf-hdr-burger) body .nf-header.nf-header--ds { column-gap: 10px; padding-left: 12px !important; padding-right: 12px !important; }
  html[data-hdr="1"].nf-hdr-c1:not(.nf-hdr-burger) body .nf-header--ds .nf-nav-link { padding: 8px 9px !important; font-size: 13px !important; }
  html[data-hdr="1"].nf-hdr-c1:not(.nf-hdr-burger) body .nf-header--ds .nf-lang-btn { padding: 4px 4px !important; }
  html[data-hdr="1"].nf-hdr-c1:not(.nf-hdr-burger) body .nf-header--ds .nf-header-actions { gap: 8px !important; }
  /* второй уровень: «Быстрый запрос цены» — круглая кнопка-иконка, логотип чуть меньше */
  html[data-hdr="1"].nf-hdr-c2:not(.nf-hdr-burger) body .nf-header--ds .nf-logo-img-header { max-height: 38px !important; width: auto !important; }
  html[data-hdr="1"].nf-hdr-c2:not(.nf-hdr-burger) body .nf-header--ds #quickQuoteBtn#quickQuoteBtn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    gap: 0 !important;
  }
  html[data-hdr="1"].nf-hdr-c2:not(.nf-hdr-burger) body .nf-header--ds #quickQuoteBtn#quickQuoteBtn::after {
    content: "" !important;
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 12 22l-9-9V4h9l8.6 8.6a1 1 0 0 1 0 .8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 12 22l-9-9V4h9l8.6 8.6a1 1 0 0 1 0 .8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

/* ════════ БУРГЕР (одна строка, меню в выезжающей панели) — экран 769–1099px
   или когда даже поджатая строка не помещается ════════ */
@media (min-width: 769px) {
  html[data-hdr="1"].nf-hdr-burger body .nf-app:has(> header.nf-header) { padding-top: 100px !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds #mainNav.nf-nav { display: none !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    max-width: none !important;
  }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-logo-section { flex: none !important; margin: 0 !important; padding: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-logo-section .nf-logo { padding: 0 !important; margin: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-logo-img-header { max-height: 40px !important; width: auto !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-search-wrapper { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-actions { flex: none !important; gap: 10px !important; margin: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-right { flex: none !important; gap: 8px !important; margin: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-burger { display: grid !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-search-wrapper { display: block !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-inner { flex-wrap: nowrap !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-logo-section { order: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-search-wrapper { order: 1 !important; flex-basis: 0 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-actions { order: 2 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-right { order: 3 !important; }
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-actions { display: flex !important; align-items: center !important; }
}
@media (min-width: 769px) and (max-width: 960px) {
  html[data-hdr="1"].nf-hdr-burger body .nf-header--ds .nf-header-actions { display: none !important; }
}

/* ════════ ТЕЛЕФОН ════════ */
@media (max-width: 768px) {
  html[data-hdr="1"] body .nf-header--ds .nf-header-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 8px 8px 14px !important;
  }
  html[data-hdr="1"] body .nf-header--ds .nf-header-logo-section { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
  html[data-hdr="1"] body .nf-header--ds .nf-header-logo-section .nf-logo { padding: 0 !important; margin: 0 !important; }
  html[data-hdr="1"] body .nf-header--ds .nf-logo-img-header { height: auto !important; width: auto !important; max-width: 150px !important; max-height: 30px !important; }
  html[data-hdr="1"] body .nf-header--ds .nf-header-right { flex: none !important; gap: 6px !important; margin: 0 !important; }
  html[data-hdr="1"] body .nf-header--ds .nf-header-right .nf-header-icon-btn { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 50% !important; }
}