/* === Visual bugfix: action controls must not render as black dots === */
      html body .page-actionbar .page-primary-btn,
      html body .page-actionbar .btn.page-primary-btn {
        min-width: 0 !important;
        color: var(--sebes-flat-text) !important;
        background: var(--sebes-flat-surface) !important;
        border: 1px solid var(--sebes-flat-line) !important;
        border-radius: var(--sebes-flat-radius) !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        text-indent: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
      }

      html body .page-actionbar .page-secondary-btn,
      html body .page-actionbar .page-ghost-btn {
        color: var(--sebes-flat-text) !important;
        background: var(--sebes-flat-surface) !important;
        border: 1px solid var(--sebes-flat-line) !important;
        border-radius: var(--sebes-flat-radius) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-indent: 0 !important;
        white-space: normal !important;
      }

      html body .summary-edit-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        min-width: 56px !important;
        width: auto !important;
        height: 34px !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
        background: var(--sebes-flat-surface) !important;
        color: var(--sebes-flat-text) !important;
        border: 1px solid var(--sebes-flat-line) !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        overflow: visible !important;
      }

      html body .xbtn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        min-width: 44px !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: var(--sebes-flat-surface) !important;
        color: transparent !important;
        border: 1px solid var(--sebes-flat-line) !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        overflow: hidden !important;
      }

      html body .xbtn::before {
        content: "×";
        color: var(--sebes-flat-muted);
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
      }

      html body .card.summary-card,
      html body .card.editor-card {
        overflow: visible !important;
      }

      /* === Auth and no-dark-controls polish === */
      html body .lead-auth-modal {
        background: rgba(244, 242, 236, 0.78) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
      }

      html body .lead-auth-modal-shell {
        width: min(940px, calc(100vw - 28px)) !important;
        min-height: auto !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
      }

      html body .lead-auth-card {
        width: min(460px, 100%) !important;
        padding: 28px !important;
        border-radius: 28px !important;
        background: #fffdf8 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
        color: #111111 !important;
      }

      html body .lead-auth-copy {
        gap: 10px !important;
        margin-bottom: 18px !important;
      }

      html body .lead-auth-chip {
        width: fit-content !important;
        padding: 7px 11px !important;
        border-radius: 999px !important;
        background: #f4f2ec !important;
        color: #5f5b52 !important;
        border: 1px solid #dedbd3 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
      }

      html body .lead-auth-title {
        color: #111111 !important;
        font-size: clamp(28px, 4vw, 42px) !important;
        font-weight: 500 !important;
        line-height: 1.06 !important;
        letter-spacing: 0 !important;
      }

      html body .lead-auth-subtitle,
      html body .lead-auth-helper,
      html body .lead-auth-point {
        color: #6f6c64 !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
      }

      html body .lead-auth-points {
        display: grid !important;
        gap: 8px !important;
        margin-top: 2px !important;
      }

      html body .lead-auth-point-dot {
        background: #9b978e !important;
        box-shadow: none !important;
      }

      html body .lead-input {
        min-height: 52px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 400 !important;
      }

      html body .lead-input:focus {
        background: #ffffff !important;
        border-color: #bdb8ad !important;
        box-shadow: none !important;
      }

      html body .lead-pass-toggle,
      html body .lead-auth-close {
        background: #f4f2ec !important;
        color: #6f6c64 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
      }

      html body .lead-google-btn,
      html body .lead-btn,
      html body .lead-submit-btn,
      html body .lead-premium-main-btn,
      html body .workspace-donate-btn,
      html body .top-popover-menu button,
      html body .top-lang-trigger {
        color: #111111 !important;
        background: #ffffff !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
      }

      html body .lead-google-btn,
      html body .lead-btn,
      html body .lead-submit-btn {
        width: 100% !important;
        min-height: 52px !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 16px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
      }

      html body .lead-google-btn {
        margin-top: 10px !important;
      }

      html body .lead-google-mark {
        width: 24px !important;
        height: 24px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f4f2ec !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
      }

      html body .lead-btn,
      html body .lead-submit-btn {
        margin-top: 10px !important;
        background: #f4f2ec !important;
      }

      html body .lead-google-btn:disabled,
      html body .lead-btn:disabled,
      html body .lead-submit-btn:disabled {
        opacity: 0.55 !important;
      }

      html body .lead-auth-links {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 10px !important;
      }

      html body .lead-auth-links a {
        color: #6f6c64 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
      }

      html body .top-popover-menu button {
        min-height: 42px !important;
        border-radius: 14px !important;
      }

      html body .top-popover-menu button[style*="background"] {
        color: #111111 !important;
        background: #f4f2ec !important;
        border: 1px solid #dedbd3 !important;
      }

      html body .lead-premium-brand-mark,
      html body .lead-premium-main-btn,
      html body .lead-premium-final .lead-btn,
      html body .lead-premium-tariff-badge,
      html body .lead-premium-tariff-card::after,
      html body #donate-toast button,
      html body .workspace-donate-btn {
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
      }

      html body .lead-premium-trust-dot,
      html body .lead-premium-final-dot {
        background: #9b978e !important;
      }

      /* === Final no-dark-buttons safety layer, 2026-06-30 === */
      html body button[style*="background:#111"],
      html body button[style*="background: #111"],
      html body button[style*="background:#000"],
      html body button[style*="background: #000"],
      html body button[style*="background:black"],
      html body button[style*="background: black"],
      html body button[style*="background:rgb(0, 0, 0)"],
      html body button[style*="background: rgb(0, 0, 0)"],
      html body a[style*="background:#111"],
      html body a[style*="background: #111"],
      html body a[style*="background:#000"],
      html body a[style*="background: #000"],
      html body [role="button"][style*="background:#111"],
      html body [role="button"][style*="background: #111"],
      html body [role="button"][style*="background:#000"],
      html body [role="button"][style*="background: #000"] {
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
      }

      html body #install-footer-link,
      html body #install-footer-link-legacy,
      html body #install-promo-action,
      html body #donate-fab-topbar,
      html body .lead-premium-footer-link,
      html body .lead-premium-footer-link-button,
      html body .bottom-nav-btn {
        background: transparent !important;
        color: #111111 !important;
        border-color: transparent !important;
        box-shadow: none !important;
        animation: none !important;
      }

      html body button#install-promo-action,
      html body #install-promo-action {
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
        box-shadow: none !important;
      }

      html body .bottom-nav-btn.active,
      html body .bottom-nav-btn[style*="#0B57D0"],
      html body .bottom-nav-btn[style*="#007AFF"],
      html body .bottom-nav-btn[style*="rgb(11, 87, 208)"],
      html body .bottom-nav-btn[style*="rgb(0, 122, 255)"] {
        background: #f4f2ec !important;
        color: #111111 !important;
        border: 1px solid #dedbd3 !important;
      }

      html body #top-lang-menu button,
      html body #top-lang-menu button[style*="background"] {
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid transparent !important;
      }

      html body #top-lang-menu button[style*="#f4f2ec"],
      html body #top-lang-menu button[style*="244, 242, 236"] {
        background: #f4f2ec !important;
        border-color: #dedbd3 !important;
      }

      @media (min-width: 901px) {
        html body .lead-premium-actions {
          display: flex !important;
          justify-content: flex-start !important;
          align-items: center !important;
          gap: 0 !important;
        }

        html body #leadx-open-access-btn {
          width: 190px !important;
          min-width: 0 !important;
          max-width: none !important;
          min-height: 0 !important;
          padding: 14px 18px !important;
          border-radius: 10px !important;
          background: #111111 !important;
          color: #ffffff !important;
          border: 1px solid #111111 !important;
          box-shadow: none !important;
          font-size: 15px !important;
          font-weight: 600 !important;
          line-height: 1.2 !important;
          white-space: nowrap !important;
        }

        html body #leadx-tariffs-btn,
        html body .lead-premium-links {
          display: none !important;
        }
      }

      /* === Compact donate section, 2026-07-01 === */
      html body #lead-tariffs-section.lead-premium-tariffs {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
      }

      html body #lead-tariffs-section .lead-premium-tariffs-head {
        margin: 0 0 16px !important;
      }

      html body #leadx-tariffs-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #111111 !important;
      }

      html body #leadx-tariffs-title::before,
      html body #leadx-tariffs-title::after {
        content: none !important;
        display: none !important;
      }

      html body #leadx-tariffs-subtitle {
        max-width: 58ch !important;
        margin-top: 10px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
      }

      html body #lead-tariffs-section .lead-premium-tariffs-grid,
      html body #lead-tariffs-section .lead-premium-tariffs-note,
      html body #lead-tariffs-section .lead-premium-tariffs-actions {
        display: none !important;
      }

      html body .lead-donate-compact {
        display: grid !important;
        grid-template-columns: minmax(180px, 260px) auto auto !important;
        align-items: end !important;
        justify-content: start !important;
        gap: 10px !important;
        margin-top: 14px !important;
      }

      html body .lead-donate-field {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 8px !important;
        align-items: center !important;
        min-width: 0 !important;
      }

      html body .lead-donate-field span {
        grid-column: 1 / -1 !important;
        color: #6f6c64 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
      }

      html body .lead-donate-field input {
        width: 100% !important;
        height: 42px !important;
        padding: 0 12px !important;
        border: 1px solid #dedbd3 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #111111 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        outline: none !important;
        box-shadow: none !important;
      }

      html body .lead-donate-field em {
        color: #6f6c64 !important;
        font-size: 16px !important;
        font-style: normal !important;
      }

      html body .lead-donate-quick {
        display: flex !important;
        gap: 6px !important;
        align-items: center !important;
        padding-bottom: 0 !important;
      }

      html body .lead-donate-quick button {
        height: 42px !important;
        padding: 0 11px !important;
        border: 1px solid #dedbd3 !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: #111111 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        box-shadow: none !important;
        white-space: nowrap !important;
      }

      html body .lead-donate-submit {
        width: auto !important;
        min-width: 132px !important;
        height: 42px !important;
        padding: 0 18px !important;
        border-radius: 8px !important;
        border: 1px solid #111111 !important;
        background: #111111 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
      }

      @media (max-width: 760px) {
        html body .lead-donate-compact {
          grid-template-columns: 1fr !important;
          gap: 10px !important;
        }

        html body .lead-donate-quick {
          overflow-x: auto !important;
          padding-bottom: 2px !important;
        }

        html body .lead-donate-submit {
          width: 100% !important;
        }
      }

      @media (max-width: 640px) {
        html body .lead-auth-card {
          padding: 22px !important;
          border-radius: 24px !important;
        }

        html body .lead-auth-title {
          font-size: 30px !important;
        }
      }

      /* === BRAND LOGO TYPOGRAPHY STYLE === */
      html body .brand-logo-text {
        font-family: "Oswald", "Impact", "Arial Narrow", sans-serif !important;
        font-weight: 700 !important;
        letter-spacing: -0.04em !important;
        line-height: 0.9 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-size: 38px !important;
      }
      html body .brand-logo-text-row {
        flex-direction: row !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: 19px !important;
      }
      html body .brand-logo-text .logo-sebes {
        color: #111111 !important;
      }
      html body .brand-logo-text .logo-pro {
        color: #007AFF !important;
      }

      /* === HEADER NAV BAR (Apple/Samsung Aesthetic) === */
      html body .lead-premium-header-nav {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 16px 0 !important;
        margin-bottom: 24px !important;
        border-bottom: none !important;
      }
      
      html body .lead-premium-header-right {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
      }

      html body .lead-header-download-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 50% !important;
        border: 1px solid var(--flat-line) !important;
        background: transparent !important;
        color: var(--flat-ink) !important;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        cursor: pointer !important;
      }
      
      html body .lead-header-download-btn:hover {
        background: var(--flat-line) !important;
        transform: translateY(-1px) !important;
      }

      html body .lead-header-download-btn:active {
        transform: translateY(1px) !important;
      }

      /* Badges & Bullet Spacing adjustments */
      html body .lead-premium-hero {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
      }

      html body .lead-premium-header-nav {
        margin-bottom: 8px !important;
        padding: 8px 0 !important;
      }

      html body .lead-premium-hero-shell {
        align-items: flex-start !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        min-height: auto !important;
      }

      html body .lead-premium-copy {
        padding-top: 0 !important;
        margin-top: 0 !important;
      }

      html body .lead-premium-badges {
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
      }

      html body .lead-premium-badge {
        min-height: auto !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        padding: 8px 14px !important;
        background: rgba(255, 255, 255, 0.8) !important;
        border: 1px solid rgba(0, 102, 255, 0.08) !important;
        border-radius: 8px !important;
        color: var(--lead-blue-strong) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        box-shadow: 0 2px 8px rgba(0, 102, 255, 0.02) !important;
      }



      @media (max-width: 620px) {
        /* Принудительное стягивание первого экрана к шапке до предела */
        html body .lead-landing {
          padding-top: 4px !important;
        }

        html body .lead-premium-hero {
          gap: 4px !important;
        }

        html body .lead-premium-header-nav {
          padding: 2px 0 !important;
          margin-bottom: 2px !important;
        }

        html body .lead-premium-hero-shell {
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 8px !important;
          padding-top: 0 !important;
          margin-top: 0 !important;
        }

        html body .lead-premium-copy {
          display: contents !important;
        }

        html body .lead-premium-offer {
          order: 1 !important;
          margin-top: 0 !important;
          padding-top: 0 !important;
          margin-bottom: 0 !important;
        }
        
        html body .lead-premium-offer-note {
          margin-top: 0 !important;
          padding-top: 0 !important;
        }

        html body .lead-premium-title {
          order: 2 !important;
          margin-top: 0 !important;
          margin-bottom: 4px !important;
        }

        html body .lead-premium-subtitle {
          order: 3 !important;
          margin-top: 0 !important;
          margin-bottom: 8px !important;
        }

        html body .lead-premium-visual {
          order: 4 !important; /* КАРТИНКА НАД КНОПКОЙ! */
          min-height: auto !important;
          height: auto !important;
          margin: 4px auto !important;
          display: block !important;
          width: 100% !important;
          max-width: 100% !important;
        }

        html body .lead-premium-actions {
          order: 5 !important;
          margin-top: 0 !important;
          margin-bottom: 12px !important;
          width: 100% !important;
          display: flex !important;
          flex-direction: column !important;
          gap: 8px !important;
        }

        html body .lead-premium-badges {
          order: 6 !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 6px !important;
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
        
        html body .lead-premium-badge {
          display: inline-flex !important;
          align-items: center !important;
          font-size: 12px !important;
          padding: 6px 12px !important;
        }

        /* Идеальный порядок в подвале на мобильных */
        html body .lead-premium-footer {
          padding: 24px 20px 32px !important;
          text-align: left !important;
        }

        html body .lead-premium-footer-brand {
          margin-bottom: 18px !important;
          width: 100% !important;
        }

        html body .lead-premium-brand-row-footer {
          flex-direction: row !important;
          align-items: center !important;
          justify-content: flex-start !important;
          gap: 8px !important;
          width: 100% !important;
        }

        html body .lead-premium-footer-grid {
          display: flex !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          text-align: left !important;
          gap: 20px !important;
          margin: 0 !important;
          padding: 0 !important;
          width: 100% !important;
        }

        html body .lead-premium-footer-col {
          display: flex !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          text-align: left !important;
          gap: 6px !important;
          margin: 0 !important;
          width: 100% !important;
        }

        html body .lead-premium-footer-title {
          display: block !important; /* Показываем заголовки колонок, так как это аккуратно структурирует подвал */
          margin-bottom: 4px !important;
          font-size: 11px !important;
          opacity: 0.4 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.05em !important;
        }

        html body .lead-premium-footer-link,
        html body .lead-premium-footer-text {
          text-align: left !important;
          width: auto !important;
          font-size: 14px !important;
        }

        html body .lead-premium-footer-button,
        html body .lead-premium-footer-link-button {
          text-align: left !important;
          width: 100% !important;
          padding: 0 !important;
          background: none !important;
          border: none !important;
          font-size: 14px !important;
        }
      }

      /* =====================================================
         RECIPE SALES BLOCK — dark editorial band (V3-consistent)
         ===================================================== */
      .lead-sell .lead-sell-band {
        background: #111111 !important;
        color: #ffffff !important;
        border: 1px solid #111111 !important;
        border-radius: 0 !important;
        padding: 56px 48px !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .lead-sell .lead-sell-eyebrow {
        font-family: "Inter", sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.14em !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.6) !important;
        margin-bottom: 22px !important;
      }

      .lead-sell .lead-sell-title {
        font-family: "Playfair Display", Georgia, serif !important;
        font-weight: 700 !important;
        font-size: clamp(28px, 4.4vw, 46px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em !important;
        color: #ffffff !important;
        margin: 0 0 20px !important;
        max-width: 720px !important;
      }

      .lead-sell .lead-sell-sub {
        font-family: "Inter", sans-serif !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: rgba(255, 255, 255, 0.72) !important;
        max-width: 640px !important;
        margin: 0 0 40px !important;
      }

      .lead-sell .lead-sell-sub b {
        color: #ffffff !important;
        font-weight: 700 !important;
      }

      .lead-sell .lead-sell-points {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0 !important;
        margin-bottom: 44px !important;
      }

      .lead-sell .lead-sell-point {
        display: flex !important;
        gap: 14px !important;
        align-items: flex-start !important;
        padding: 28px 24px !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        margin: -1px 0 0 -1px !important;
        box-sizing: border-box !important;
      }

      .lead-sell .lead-sell-num {
        font-family: "Playfair Display", Georgia, serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: rgba(255, 255, 255, 0.5) !important;
        line-height: 1.4 !important;
        flex: none !important;
      }

      .lead-sell .lead-sell-pt-title {
        font-family: "Inter", sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        margin-bottom: 6px !important;
      }

      .lead-sell .lead-sell-pt-desc {
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        color: rgba(255, 255, 255, 0.62) !important;
      }

      .lead-sell .lead-sell-cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px 28px !important;
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #ffffff !important;
        border-radius: 0 !important;
        font-family: "Inter", sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: opacity 0.15s ease !important;
      }

      .lead-sell .lead-sell-cta:hover {
        opacity: 0.85 !important;
      }

      @media (max-width: 640px) {
        .lead-sell .lead-sell-band {
          padding: 40px 22px !important;
        }
        .lead-sell .lead-sell-points {
          grid-template-columns: 1fr !important;
        }
        .lead-sell .lead-sell-cta {
          width: 100% !important;
        }
      }

      /* Shop settings action buttons — readable primary/secondary pair
         (fix: "Открыть витрину" was black text on black background) */
      #profile-sheet #btn-save-shop-profile.profile-mini-btn {
        background: #111111 !important;
        color: #ffffff !important;
        border: 1px solid #111111 !important;
      }

      #profile-sheet #btn-open-shop.profile-mini-btn {
        background: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #111111 !important;
      }

      #profile-sheet #btn-create-bundle-modal {
        background: transparent !important;
        color: #111111 !important;
        border: none !important;
        text-decoration: underline !important;
        text-underline-offset: 3px !important;
      }

      /* =====================================================
         LANDING HEADER HAMBURGER MENU (V3 editorial minimal)
         ===================================================== */
      .lead-header-menu-wrap {
        position: relative !important;
        display: inline-flex !important;
      }

      .lead-header-menu {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        min-width: 248px !important;
        background: #ffffff !important;
        border: 1px solid #E5E5E7 !important;
        border-radius: 0 !important;
        box-shadow: 0 18px 40px rgba(17, 17, 17, 0.08) !important;
        display: none !important;
        flex-direction: column !important;
        padding: 8px 0 !important;
        z-index: 130 !important;
      }

      .lead-header-menu.open {
        display: flex !important;
      }

      .lead-header-menu > button {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 12px 20px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        color: #111111 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        cursor: pointer !important;
      }

      .lead-header-menu > button:hover {
        background: #F5F4F0 !important;
      }

      .lead-header-menu .lead-menu-note {
        margin-top: 8px !important;
        padding: 10px 20px 8px !important;
        border-top: 1px solid #E5E5E7 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        color: #8e8e93 !important;
        max-width: 32ch;
      }

      /* ── Нижняя панель навигации: стандартная, прижата к низу ── */
      html body .bottom-nav-shell {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
        border-top: 1px solid #E5E5E7 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        background: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        padding: 6px 4px env(safe-area-inset-bottom, 0px) !important;
        height: auto !important;
      }

      html body .bottom-nav-btn {
        border-radius: 0 !important;
        margin: 0 !important;
        flex: 1 !important;
        min-height: 56px !important;
      }

      /* Mobile navigation: selection is a color cue, never a separate card. */
      html body .bottom-nav-shell {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
      }

      html body .bottom-nav-btn,
      html body .bottom-nav-btn.active {
        width: 25% !important;
        min-width: 0 !important;
        background: transparent !important;
        border: 0 !important;
        color: #6b7280 !important;
      }

      html body .bottom-nav-btn[style*="#0B57D0"],
      html body .bottom-nav-btn[style*="#007AFF"],
      html body .bottom-nav-btn[style*="rgb(11, 87, 208)"],
      html body .bottom-nav-btn[style*="rgb(0, 122, 255)"] {
        background: transparent !important;
        border: 0 !important;
        color: #0b63ce !important;
      }

      html body .bottom-nav-btn svg {
        flex: 0 0 auto !important;
      }

      html body .profile-sheet-title {
        margin: 10px 40px 2px !important;
        color: #111111 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
      }

      html body .profile-disclosure {
        margin-bottom: 16px !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #f8f9fa !important;
        border: 1px solid #e5e5ea !important;
        border-radius: 16px !important;
        text-align: left !important;
      }

      html body .profile-disclosure > summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 16px !important;
        cursor: pointer !important;
        list-style: none !important;
      }

      html body .profile-disclosure > summary::-webkit-details-marker { display: none; }
      html body .profile-disclosure summary strong { display: block; font-size: 15px; color: #1c1c1e; }
      html body .profile-disclosure summary small { display: block; margin-top: 3px; color: #8e8e93; font-size: 12px; line-height: 1.35; }
      html body .profile-disclosure-arrow { color: #8e8e93; font-size: 24px; line-height: 1; transition: transform .18s ease; }
      html body .profile-disclosure[open] .profile-disclosure-arrow { transform: rotate(90deg); }
      html body .profile-disclosure-content { padding: 0 16px 16px; border-top: 1px solid #e5e5ea; }
      html body .shop-settings-description { margin: 12px 0; color: #6b7280; font-size: 12px; line-height: 1.45; }

      @media (max-width: 640px) {
        html body .lead-auth-modal { align-items: flex-end !important; padding: 0 !important; }
        html body .lead-auth-card { max-height: min(88dvh, 720px) !important; padding: 22px 20px 20px !important; border-radius: 24px 24px 0 0 !important; }
        html body .lead-auth-copy { margin-bottom: 16px !important; }
        html body .lead-auth-chip { margin-bottom: 10px !important; }
        html body .lead-auth-title { font-size: 28px !important; }
        html body .lead-auth-subtitle { margin-top: 6px !important; }
        html body .lead-auth-points { display: none !important; }
        html body .lead-form-fields { gap: 10px !important; margin-bottom: 14px !important; }
        html body .lead-input { min-height: 50px !important; padding: 14px 16px !important; }
        html body .lead-agreement { margin-bottom: 14px !important; }
        html body .lead-auth-links { flex-direction: row !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 14px !important; font-size: 13px !important; }
      }

      /* Донат в шапке: плоская светло-зелёная, без контура и пульсации,
         не сжимается и не наезжает на лого */
      html body #donate-fab-topbar,
      html body #donate-fab-topbar:hover {
        background: #E7F6EC !important;
        color: #1E7A3C !important;
        border: none !important;
        box-shadow: none !important;
        animation: none !important;
        border-radius: 999px !important;
        padding: 5px 12px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        flex: 0 0 auto !important;
      }

      html body #top-bar > div:first-child {
        overflow: hidden !important;
        min-width: 0 !important;
      }

      /* Тулбар склада — одна строка: поиск + кнопка фильтра */
      html body .page-filter-row {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        gap: 8px !important;
      }

      html body .page-filter-row > .inp {
        flex: 1 1 auto !important;
        min-width: 0 !important;
      }

      html body .wh-filter-btn {
        flex: 0 0 auto !important;
        width: 52px !important;
        min-width: 52px !important;
        border: 1px solid #E5E5EA !important;
      }

      /* Окно установки открывалось ПОЗАДИ лендинга (z-index 60 против 100) —
         пользователь жал стрелку и не видел ничего */
      html body #install-promo-overlay {
        z-index: 200 !important;
      }

      /* === ЭКРАН ВХОДА НА ТЕЛЕФОНЕ ===
         Было: карточка с полями внутри тонированной подложки («блок в блоке»),
         юридический текст выше кнопок, регистрация — ссылкой 18px.
         Стало: полноэкранная форма, порядок по важности, все цели ≥44px. */
      @media (max-width: 640px) {
        html body .lead-auth-modal {
          align-items: stretch !important;
          justify-content: stretch !important;
          padding: 0 !important;
          background: #FFFDF8 !important;
        }

        html body .lead-auth-modal-shell {
          width: 100% !important;
          max-width: none !important;
          height: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          border: none !important;
          border-radius: 0 !important;
          box-shadow: none !important;
          background: transparent !important;
        }

        html body .lead-auth-card {
          width: 100% !important;
          max-width: none !important;
          height: 100% !important;
          max-height: none !important;
          margin: 0 !important;
          border: none !important;
          border-radius: 0 !important;
          box-shadow: none !important;
          overflow-y: auto !important;
          display: flex !important;
          flex-direction: column !important;
          gap: 14px !important;
          padding: 20px 20px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        }

        /* Порядок: суть → поля → ошибка → главное действие → альтернатива
           → регистрация → юридический текст */
        html body .lead-auth-card > .lead-auth-copy   { order: 1; margin-bottom: 0 !important; }
        html body .lead-auth-card > .lead-form-fields { order: 2; margin-bottom: 0 !important; }
        html body .lead-auth-card > #lead-err         { order: 3; }
        html body .lead-auth-card > #lead-btn         { order: 4; }
        html body .lead-auth-card > #lead-google-btn  { order: 5; }
        html body .lead-auth-card > .lead-auth-links  { order: 6; margin-bottom: 0 !important; }
        html body .lead-auth-card > .lead-agreement   { order: 7; margin-bottom: 0 !important; margin-top: 4px !important; }

        /* Одно главное действие: чёрная кнопка. Google — альтернатива, тише */
        html body #lead-btn {
          min-height: 54px !important;
          border-radius: 14px !important;
          background: #111111 !important;
          color: #ffffff !important;
          border: none !important;
          font-size: 16px !important;
          font-weight: 700 !important;
        }

        html body #lead-google-btn {
          min-height: 52px !important;
          border-radius: 14px !important;
          background: #ffffff !important;
          color: #111111 !important;
          border: 1px solid #E0DED8 !important;
          font-weight: 600 !important;
        }

        /* Регистрация была ссылкой 18px — стала полноценной кнопкой */
        html body .lead-auth-links {
          display: flex !important;
          flex-direction: column !important;
          align-items: stretch !important;
          gap: 10px !important;
          font-size: 15px !important;
        }

        html body #lead-reg-btn {
          order: 2;
          width: 100% !important;
          min-height: 52px !important;
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          padding: 0 16px !important;
          border: 1.5px solid #111111 !important;
          border-radius: 14px !important;
          background: transparent !important;
          color: #111111 !important;
          font-size: 15px !important;
          font-weight: 700 !important;
          text-decoration: none !important;
        }

        html body #lead-forgot-btn {
          order: 1;
          min-height: 44px !important;
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          color: #6B6B6B !important;
          font-size: 14px !important;
          text-decoration: underline !important;
          text-underline-offset: 3px !important;
        }

        /* Юридический текст — самый тихий, внизу */
        html body .lead-agreement {
          font-size: 11px !important;
          line-height: 1.45 !important;
          color: #8E8E93 !important;
        }
      }

      /* === КОМПАКТНАЯ ФОРМА ПРОДУКТА ===
         КБЖУ и потери занимали 308px из 600px — больше половины формы,
         из-за чего название уезжало вверх, а «Сохранить» за экран.
         Теперь они свёрнуты, а в заголовке видно, заполнены ли они. */
      html body .editor-disclosure {
        margin: 8px 0 12px !important;
        border: 1px solid #E5E5EA !important;
        border-radius: 14px !important;
        background: #FAFAFB !important;
        overflow: hidden !important;
      }

      html body .editor-disclosure > summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        cursor: pointer !important;
        list-style: none !important;
      }

      html body .editor-disclosure > summary::-webkit-details-marker { display: none; }

      html body .editor-disclosure-title {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #1C1C1E !important;
      }

      html body .editor-disclosure-status {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #8E8E93 !important;
        white-space: nowrap !important;
      }

      html body .editor-disclosure-status::after {
        content: " ›";
        color: #C7C7CC;
        font-size: 15px;
      }

      html body .editor-disclosure[open] .editor-disclosure-status::after {
        content: " ⌄";
      }

      html body .editor-disclosure-body {
        padding: 4px 12px 12px !important;
        border-top: 1px solid #EFEFF2 !important;
      }

      html body .editor-disclosure-body > div:last-child {
        margin-bottom: 0 !important;
      }

      /* Кнопка «Сохранить» оказалась чёрным по чёрному (контраст 1.0):
         одно правило темы красило фон в #111, другое — текст в #111.
         Главные действия на тёмном фоне всегда белым текстом. */
      html body .editor-card > button.btn,
      html body .editor-card > .btn,
      html body button.editor-primary-btn,
      html body .editor-bottom-bar button.editor-primary-btn {
        background: #111111 !important;
        color: #ffffff !important;
        border: none !important;
      }

      /* Тема бьёт по «#p-wh [style*="rgb(0, 122, 255)"]» — селектор с id,
         поэтому правило по классам проигрывало. Поднимаем вес двумя id. */
      html body #p-wh #wh-el .editor-card > button.btn,
      html body #p-pf #pf-el .editor-card > button.btn,
      html body #p-ttk #ttk-el .editor-card > button.btn,
      html body #p-wh #wh-el .editor-card > .btn,
      html body #p-pf #pf-el .editor-card > .btn,
      html body #p-ttk #ttk-el .editor-card > .btn {
        background: #111111 !important;
        color: #ffffff !important;
        border: none !important;
      }

      /* Кнопка единицы измерения в строке ингредиента задумана как текстовая,
         но тема красила и фон, и текст в #111 — получалось чёрным по чёрному */
      html body #p-ttk #ttk-el .ing-unit-btn,
      html body #p-pf #pf-el .ing-unit-btn,
      html body .ing-unit-btn {
        background: transparent !important;
        color: #6B7280 !important;
        border: none !important;
        min-width: 22px !important;
        padding: 4px 2px !important;
      }

      /* Главное действие экрана выглядело как второстепенное: тема красила
         «+ Продукт» / «+ Новая ТТК» в белое с чёрным текстом — ровно как
         соседние кнопки. Возвращаем им вес (A: главная кнопка очевидна). */
      html body #p-wh #wh-el .page-actionbar .page-primary-btn,
      html body #p-pf #pf-el .page-actionbar .page-primary-btn,
      html body #p-ttk #ttk-el .page-actionbar .page-primary-btn {
        background: #111111 !important;
        color: #ffffff !important;
        border: 1px solid #111111 !important;
        font-weight: 700 !important;
      }

      /* Иконка фильтра: 3.26 против нормы 4.5 */
      html body .wh-filter-btn {
        color: #6B7280 !important;
      }

      /* ПРОКРУТКА. body — 100vh с overflow:hidden, прокручиваться должен
         внутренний контейнер. Но у .page и #*-el было min-height:auto —
         флекс-элемент не может стать меньше контента, поэтому он вырастал
         до полной высоты списка, а всё лишнее обрезалось телом страницы.
         Палец не прокручивал ничего. min-height:0 снимает ловушку. */
      html body .page,
      html body .page.show {
        min-height: 0 !important;
      }

      html body #wh-el,
      html body #pf-el,
      html body #ttk-el {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
      }

      /* Поиск залипал посреди экрана: sticky с top:52px считался от края
         страницы, а прокручивается теперь контейнер. Пусть едет со списком. */
      html body .page-toolbar,
      html body .page-actionbar {
        position: static !important;
        top: auto !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }

      /* === ПЛОСКАЯ ВЁРСТКА РЕДАКТОРОВ ===
         Было: всё внутри одной карточки, блоки прилипали друг к другу,
         рамка в рамке. Стало: раздельные группы на светлом фоне с воздухом
         между ними — как в системных настройках телефона. */
      html body #p-ttk .editor-card,
      html body #p-pf .editor-card,
      html body #p-wh .editor-card {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
      }

      /* Каждая смысловая группа — самостоятельная карточка */
      html body .editor-card > .editor-card-header,
      html body .editor-card > .editor-steps-box,
      html body .editor-card > .editor-note-box,
      html body .editor-card > .editor-disclosure,
      html body .editor-card > .editor-list-wrap {
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        margin: 0 12px !important;
        padding: 14px 16px !important;
        box-shadow: none !important;
      }

      /* Строка показателей — тоже отдельная карточка */
      html body #p-ttk .editor-card > div:nth-child(2),
      html body #p-pf .editor-card > div:nth-child(2) {
        background: #ffffff !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 16px !important;
        margin: 0 12px !important;
        overflow: hidden !important;
      }

      /* Поля внутри групп: без вложенных рамок, только мягкая подложка */
      html body .editor-steps-box textarea,
      html body .editor-note-box input,
      html body .editor-note-box textarea {
        border: none !important;
        background: #F5F5F7 !important;
        border-radius: 12px !important;
        padding: 12px 14px !important;
      }

      html body .editor-steps-box textarea:focus,
      html body .editor-note-box input:focus {
        background: #EFEFF3 !important;
      }

      /* Заголовок группы: спокойная подпись, а не крик */
      html body .editor-steps-box > div:first-child,
      html body .editor-note-box > div:first-child {
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.02em !important;
        color: #8E8E93 !important;
        margin-bottom: 8px !important;
      }

      /* Шапка ингредиентов не липнет к списку */
      html body .editor-card .ing-hdr {
        background: transparent !important;
        border: none !important;
        margin: 6px 24px 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        color: #8E8E93 !important;
      }

      /* Раскрывающиеся блоки без второй рамки внутри карточки */
      html body .editor-card > .editor-disclosure {
        padding: 0 !important;
        overflow: hidden !important;
      }
      html body .editor-card > .editor-disclosure > summary {
        padding: 14px 16px !important;
      }
      html body .editor-disclosure-body {
        border-top: 1px solid #F0F0F2 !important;
        padding: 12px 16px 16px !important;
      }

      /* Кнопки действий — отдельными карточками, с воздухом */
      html body .editor-card > div > .page-ghost-btn {
        border-radius: 16px !important;
        min-height: 52px !important;
      }

      /* === ГРУППИРОВАННЫЕ СПИСКИ (Samsung-стиль) ===
         Раньше каждая карточка была отдельным блоком с рамкой, тенью
         и отступом — визуальный шум и слипание. Теперь соседние строки
         объединены в один сплошной блок с воздухом только снаружи и
         тонкой линией-разделителем внутри, без контуров и теней. */
      html body .grouped-list {
        margin: 0 12px 10px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
      }

      html body .grouped-list .card-wrap {
        margin: 0 !important;
        width: 100% !important;
      }

      html body .grouped-list .card-wrap > .summary-card,
      html body .grouped-list .card-wrap > .card {
        margin: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
      }

      html body .grouped-list .card-wrap + .card-wrap > .summary-card {
        border-top: 1px solid #F0F0F0 !important;
      }

      /* Открытая карточка редактирования не входит в группу — остаётся
         отдельным полноразмерным блоком со своим воздухом */
      html body #p-wh .card-wrap:not(.grouped-list .card-wrap),
      html body #p-pf .card-wrap:not(.grouped-list .card-wrap),
      html body #p-ttk .card-wrap:not(.grouped-list .card-wrap) {
        margin: 0 12px 10px !important;
      }

      html body #p-wh .card-wrap:not(.grouped-list .card-wrap) > .editor-card,
      html body #p-pf .card-wrap:not(.grouped-list .card-wrap) > .editor-card,
      html body #p-ttk .card-wrap:not(.grouped-list .card-wrap) > .editor-card {
        border-radius: 18px !important;
      }

      /* Техкарты кладут .summary-card прямо в список без .card-wrap —
         те же плоские правила нужны и для этого случая */
      html body .grouped-list > .summary-card {
        margin: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
      }

      html body .grouped-list > .summary-card + .summary-card {
        border-top: 1px solid #F0F0F0 !important;
      }

      /* === ЭКРАН ВХОДА: жирный минимализм по референсу (капслок-заголовок,
         чистые поля, чёрная кнопка, ссылка регистрации одной строкой) === */
      html body .lead-auth-title {
        font-size: 30px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: -0.01em !important;
        text-align: left !important;
        margin-bottom: 22px !important;
      }

      html body .lead-input {
        border: 1px solid #D9D9D9 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        min-height: 54px !important;
        font-size: 15px !important;
      }

      html body .lead-input:focus {
        border-color: #111111 !important;
      }

      html body .lead-forgot-row {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 10px 0 16px !important;
      }

      html body .lead-forgot-row a {
        font-size: 13px !important;
        color: #6B6B6B !important;
        text-decoration: none !important;
      }

      html body #lead-btn.lead-submit-btn {
        background: #111111 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 10px !important;
        min-height: 54px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
      }

      html body .lead-signup-row {
        text-align: center !important;
        margin: 18px 0 20px !important;
        font-size: 14px !important;
        color: #6B6B6B !important;
      }

      html body .lead-signup-row a {
        color: #111111 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        margin-left: 4px !important;
      }

      html body #lead-google-btn.lead-google-btn {
        border: 1px solid #D9D9D9 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        min-height: 54px !important;
        font-weight: 600 !important;
      }

      /* Подвал: юридические ссылки тихим серым, как в референсе */
      html body .lead-legal-footer {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 14px !important;
        margin-top: 28px !important;
        padding-top: 18px !important;
        border-top: 1px solid #F0F0F0 !important;
      }

      html body .lead-legal-footer a {
        font-size: 12px !important;
        color: #ABABAB !important;
        text-decoration: none !important;
      }

      /* Вход в админку: намеренно почти невидимая точка среди юридических
         ссылок — доступна тебе, но не привлекает внимание остальных.
         Увеличенная область нажатия компенсирует крошечный видимый размер. */
      html body a.lead-admin-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        margin-left: auto !important;
        color: #E0E0E0 !important;
        font-size: 12px !important;
        text-decoration: none !important;
      }