/* ============================================================
   pages.css — кастомные инфо-страницы (page.php, is_page(), не-woo).
   Перенос из gostore-child/avtoterm-design.css:
     .at-svc-*   — О компании, Сервисный центр, Климат оптом
     .at-legal-* — Доставка, Возврат, юр-страницы
     .at-contact-* — Контакты
     .at-rekv-*, .at-cta-card-* — доп. блоки инфо-страниц
     .at-lead-form-*, .at-lp-lead-*, .at-lp-chat-chip-* — форма консультации (LP)
   Скоуп источника #page (id) заменён на .at-page (класс контейнера page.php).
   body.page-id-N — сохранён как есть.
   Всё в @layer components (тема: reset, base, layout, components).
   ============================================================ */

@layer components {
  /* page.php ограничивает `.at-page__article` до 760px (читаемая колонка прозы).
     Богатым дизайнам инфо-страниц (about/service/optom/contact/legal + реквизиты)
     нужна полная ширина контейнера — расширяем article, если он их содержит.
     Плоские текст-страницы (garantiya, kak-kupit) остаются 760px. */
  .at-page__article:has(.at-svc-hero, .at-svc-section, .at-svc-grid, .at-legal-page,
    .at-legal-hero, .at-contact-page, .at-contact-hero, .at-rekv, .at-cta-card, .at-lead-form, .avtoterm-podbor) {
    max-width: var(--container);
  }

  /* ============================================================
     Сброс prose-декора для кастомных списков.
     Контент рендерится внутри .at-prose (page.php), её маркеры
     (оранжевый квадрат ul>li::before, отступы, li+li gap)
     протекают на кастомные компоненты. Гасим точечно.
     Спец-списки со своим декором (.at-legal-checks ✓,
     .at-legal-toc) сохраняют относительный приоритет как в проде.
     ============================================================ */
  /* Контактный «Офис»-список — свой flex-layout, без prose-квадрата. */
  .at-page .at-contact-list > li::before { content: none; }
  /* Легал-проза: вернуть родные disc-маркеры вместо prose-квадрата
     (.at-legal-checks исключён — у него собственный ✓). */
  .at-page .at-legal-page ul:not(.at-legal-checks) { list-style: disc; }
  .at-page .at-legal-page ul:not(.at-legal-checks) > li { padding-left: 0; }
  .at-page .at-legal-page ul:not(.at-legal-checks) > li::before { content: none; }
  /* Убрать prose-gap (li + li) у кастомных списков со своим ритмом. */
  .at-page .at-contact-list > li,
  .at-page .at-legal-checks > li,
  .at-page .at-legal-toc li { margin-top: 0; }

  /* ============================================================
     СЕРВИС / О КОМПАНИИ / КЛИМАТ ОПТОМ — .at-svc-*, .at-cta-card, .at-rekv
     (в источнике без #page-скоупа — переносим как есть)
     ============================================================ */
  .at-svc-section{margin:40px 0;padding:0}
  .at-svc-h2{font-family:var(--font-head,'Montserrat',sans-serif);font-size:28px;font-weight:800;color:var(--text,#0F172A);margin:0 0 8px}
  .at-svc-lead{font-size:16px;line-height:1.55;color:var(--text-mid,#4B5563);margin:0 0 20px}
  .at-svc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .1s,box-shadow .15s,background .15s;cursor:pointer;font-family:inherit;line-height:1.2}
  .at-svc-btn:hover{transform:translateY(-1px)}
  .at-svc-btn--primary{background:var(--primary,#FF6B1F);color:#fff}
  .at-svc-btn--primary:hover{background:var(--primary-hover,#E65510);color:#fff}
  .at-svc-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
  .at-svc-btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}
  .at-svc-btn--full{width:100%}

  /* HERO */
  .at-svc-hero{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:#fff;border-radius:16px;padding:40px;margin:24px 0 40px;position:relative;overflow:hidden}
  .at-svc-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,31,.15) 0%,transparent 70%);pointer-events:none}
  .at-svc-hero__inner{position:relative;z-index:1;max-width:760px}
  .at-svc-hero__badge{display:inline-block;padding:6px 14px;background:rgba(255,107,31,.15);color:var(--primary,#FF6B1F);border-radius:6px;font-size:13px;font-weight:700;margin-bottom:16px;text-transform:none;letter-spacing:0}
  .at-svc-hero__title{font-family:var(--font-head,'Montserrat',sans-serif);font-size:36px;font-weight:800;line-height:1.15;margin:0 0 12px;color:#fff}
  .at-svc-hero__lead{font-size:17px;line-height:1.5;color:rgba(255,255,255,.85);margin:0 0 24px}
  .at-svc-hero__contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}
  .at-svc-hero__row{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);padding:14px 16px;border-radius:10px}
  .at-svc-hero__icon{font-size:24px;flex-shrink:0;line-height:1}
  .at-svc-hero__sub{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.6)}
  .at-svc-hero__phone{color:#fff;font-weight:700;text-decoration:none;font-size:18px}
  .at-svc-hero__phone:hover{color:var(--primary,#FF6B1F)}
  .at-svc-hero__cta{display:flex;flex-wrap:wrap;gap:12px}

  /* CARDS GRID */
  .at-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .at-svc-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;transition:border-color .15s,transform .1s,box-shadow .15s}
  .at-svc-card:hover{border-color:var(--primary,#FF6B1F);transform:translateY(-2px);box-shadow:0 4px 16px rgba(15,23,42,.08)}
  .at-svc-card__icon{font-size:32px;line-height:1;margin-bottom:12px}
  .at-svc-card__title{font-family:var(--font-head,'Montserrat',sans-serif);font-size:16px;font-weight:800;margin:0 0 8px;color:var(--text,#0F172A)}
  .at-svc-card__desc{font-size:14px;line-height:1.45;color:var(--text-mid,#4B5563);margin:0 0 14px}
  .at-svc-card__price{font-size:18px;font-weight:800;color:var(--primary,#FF6B1F);font-family:var(--font-head,'Montserrat',sans-serif)}
  .at-svc-card--cool .at-svc-card__price{color:var(--secondary,#00B8D4)}
  .at-svc-card--neutral .at-svc-card__price{color:var(--text-mid,#4B5563);font-size:14px;text-transform:uppercase;letter-spacing:.04em}

  /* TRUCKS */
  .at-svc-trucks{background:linear-gradient(135deg,#FFF3EC 0%,#FFFFFF 100%);border:2px solid #FFE0CC;border-radius:16px;padding:32px}
  .at-svc-trucks__head{margin-bottom:20px}
  .at-svc-trucks__badge{display:inline-block;padding:6px 14px;background:var(--primary,#FF6B1F);color:#fff;border-radius:6px;font-size:13px;font-weight:700;margin-bottom:12px;text-transform:none;letter-spacing:0}
  .at-svc-trucks__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}
  .at-svc-trucks__item{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600;color:var(--text,#0F172A);text-align:center}
  .at-svc-trucks__note{font-size:15px;line-height:1.5;color:var(--text,#0F172A);margin:0}
  .at-svc-trucks__note a{color:var(--primary,#FF6B1F);font-weight:700}

  /* BRANDS */
  .at-svc-brands{display:flex;flex-wrap:wrap;gap:10px}
  .at-svc-brand{display:inline-block;padding:8px 16px;background:#F7F9FC;border:1px solid #E5E7EB;border-radius:24px;font-size:14px;font-weight:600;color:var(--text,#0F172A)}

  /* MAP */
  .at-svc-map{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB}
  .at-svc-map iframe{width:100%;height:100%;border:0;display:block}

  /* FORM */
  .at-svc-form-section{background:#F7F9FC;border-radius:16px;padding:32px;border:1px solid #E5E7EB}
  .at-svc-form{display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto}
  /* About-us — CTA card */
  .at-cta-card{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--bg-dark,#0F172A);color:#fff;border-radius:16px;padding:32px 40px;max-width:1080px;margin:0 auto;flex-wrap:wrap}
  .at-cta-card__text{flex:1 1 420px;min-width:280px}
  .at-cta-card__title{font-family:var(--font-head);font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}
  .at-cta-card__lead{margin:0;color:#CBD5E1;font-size:15px;line-height:1.5}
  .at-cta-card__actions{display:flex;gap:12px;flex-wrap:wrap}
  @media (max-width:600px){.at-cta-card{padding:24px 22px;gap:20px}.at-cta-card__title{font-size:20px}.at-cta-card__actions{width:100%}.at-cta-card__actions a{flex:1 1 auto}.at-cta-card__actions .at-svc-btn.at-svc-btn--primary{max-width:none}}

  /* About-us — реквизиты */
  .at-rekv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto}
  @media (max-width:1024px){.at-rekv{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;gap:24px}}
  .at-rekv__col{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px 24px}
  .at-rekv__h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}
  .at-rekv__list{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;line-height:1.5}
  .at-rekv__list dt{font-weight:500;color:var(--text-mid,#4B5563);white-space:nowrap}
  .at-rekv__list dd{margin:0;color:var(--text);font-weight:500;word-break:break-word}
  .at-rekv__list a{color:var(--primary);text-decoration:none}
  .at-rekv__list a:hover{text-decoration:underline}
  @media (max-width:768px){.at-rekv{grid-template-columns:1fr;gap:16px}.at-rekv__col{padding:16px 18px}.at-rekv__list{grid-template-columns:1fr;gap:0}.at-rekv__list dt{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.at-rekv__list dd{margin-bottom:6px}}

  /* About-us — сертификаты дилера */
  .at-svc-certs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;margin:0 auto}
  .at-svc-cert{display:block;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:14px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}
  .at-svc-cert:hover{border-color:var(--primary);transform:translateY(-2px)}
  .at-svc-cert img{display:block;width:100%;height:auto;border-radius:8px}
  .at-svc-cert__caption{display:block;margin-top:10px;text-align:center;font-size:14px;font-weight:500;color:var(--text-mid)}
  @media (max-width:600px){.at-svc-certs{grid-template-columns:1fr;gap:14px}}

  /* Валидация форм (общая) */
  .at-input--error{border-color:var(--error,#EF4444) !important;background:#FFF5F5 !important}
  .at-form-error{display:block;color:var(--error,#EF4444);font-size:12px;font-weight:400;margin-top:4px;line-height:1.3}
  .at-lead-form .at-form-error{color:#FFB4B4}
  .at-lead-form input.at-input--error,.at-lead-form textarea.at-input--error{border-color:#FFB4B4 !important;background:rgba(239,68,68,0.08) !important}
  button[type="submit"]:disabled,input[type="submit"]:disabled{opacity:.65;cursor:not-allowed}
  .at-svc-form-section .at-svc-h2{text-align:center;font-size:24px;margin-bottom:6px}
  .at-svc-form-section .at-svc-lead{text-align:center;margin-bottom:18px;font-size:14px;max-width:560px;margin-left:auto;margin-right:auto}
  .at-svc-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .at-svc-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--text,#0F172A)}
  .at-svc-form input[type=text],.at-svc-form input[type=tel],.at-svc-form select,.at-svc-form textarea{padding:12px 14px;border:1px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:15px;font-weight:400;color:var(--text,#0F172A);background:#fff;transition:border-color .15s}
  .at-svc-form input:focus,.at-svc-form select:focus,.at-svc-form textarea:focus{outline:none;border-color:var(--primary,#FF6B1F)}
  .at-svc-form textarea{resize:vertical;min-height:80px}
  .at-svc-form__opt{font-weight:400;color:var(--text-light,#9CA3AF);font-size:13px}
  .at-svc-form label.at-svc-form__check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:14px;line-height:1.45;color:var(--text-mid,#4B5563);cursor:pointer;user-select:none;padding:4px 0}
  .at-svc-form__check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;margin:0;border:2px solid #CBD5E1;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:border-color .15s,background .15s;top:1px}
  .at-svc-form__check input[type=checkbox]:hover{border-color:var(--primary,#FF6B1F)}
  .at-svc-form__check input[type=checkbox]:checked{background:var(--primary,#FF6B1F);border-color:var(--primary,#FF6B1F)}
  .at-svc-form__check input[type=checkbox]:checked::after{content:'';position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .at-svc-form__check input[type=checkbox]:focus-visible{outline:2px solid var(--primary,#FF6B1F);outline-offset:2px}
  .at-svc-form__check span{flex:1 1 auto}
  .at-svc-form__check a{color:var(--primary,#FF6B1F);font-weight:600;text-decoration:underline;text-underline-offset:2px}
  .at-svc-form__check a:hover{color:var(--primary-hover,#E65510)}
  .at-svc-form__note{margin:8px 0 0;font-size:13px;color:var(--text-mid,#4B5563);text-align:center}
  .at-svc-form__note a{color:var(--primary,#FF6B1F);font-weight:700;text-decoration:none}

  /* FAQ */
  .at-svc-faq{display:flex;flex-direction:column;gap:8px}
  .at-svc-faq__item{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:0;transition:border-color .15s}
  .at-svc-faq__item[open]{border-color:var(--primary,#FF6B1F)}
  .at-svc-faq__item summary{padding:16px 18px;font-weight:700;font-size:15px;color:var(--text,#0F172A);cursor:pointer;list-style:none;position:relative;padding-right:46px;line-height:1.4}
  .at-svc-faq__item summary::-webkit-details-marker{display:none}
  .at-svc-faq__item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--text-mid,#4B5563);transition:transform .15s,color .15s}
  .at-svc-faq__item[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--primary,#FF6B1F)}
  .at-svc-faq__item[open]{padding:0 18px 16px}
  .at-svc-faq__item[open] > summary{margin:0 -18px;padding:16px 18px}
  .at-svc-faq__item p{margin:0;padding:0;font-size:14px;line-height:1.55;color:var(--text-mid,#4B5563)}
  .at-svc-faq__item p + p{margin-top:8px}
  .at-svc-faq__item p a{color:var(--primary,#FF6B1F)}
  .at-svc-faq__item[open]{font-size:14px;line-height:1.55;color:var(--text-mid,#4B5563)}

  /* MESSAGES (success/error) */
  .at-svc-msg{display:block;padding:16px 20px;border-radius:10px;margin:24px 0;font-size:15px;font-weight:600;line-height:1.4}
  .at-svc-msg--ok{background:#D1FAE5;color:#065F46;border-left:4px solid #10B981}
  .at-svc-msg--err{background:#FEE2E2;color:#991B1B;border-left:4px solid #EF4444}

  /* RESPONSIVE */
  @media(max-width:900px){
    .at-svc-hero{padding:28px 24px}
    .at-svc-hero__title{font-size:28px}
    .at-svc-hero__lead{font-size:15px}
    .at-svc-hero__contact{grid-template-columns:1fr;gap:10px}
    .at-svc-grid{grid-template-columns:repeat(2,1fr)}
    .at-svc-trucks{padding:24px 20px}
    .at-svc-trucks__grid{grid-template-columns:repeat(2,1fr)}
    .at-svc-form-section{padding:24px 20px}
    .at-svc-h2{font-size:24px}
  }
  @media(max-width:520px){
    .at-svc-hero{padding:24px 18px;border-radius:12px}
    .at-svc-hero__title{font-size:24px}
    .at-svc-hero__cta{flex-direction:column;align-items:center}
    .at-svc-btn{width:100%}
    .at-svc-hero__cta .at-svc-btn{max-width:320px}
    .at-svc-grid{grid-template-columns:1fr}
    .at-svc-trucks__grid{grid-template-columns:1fr}
    .at-svc-form__row{grid-template-columns:1fr}
    .at-svc-map{height:300px}
  }
  @media(max-width:480px){
    .at-svc-btn.at-svc-btn--primary{width:100%;max-width:320px;justify-content:center;}
  }

  /* ============================================================
     КОНТАКТЫ — .at-contact-*  (#page → .at-page)
     ============================================================ */
  .at-page .at-contact-page{ max-width:1100px; margin:0 auto; padding:24px 0 40px; color:#0F172A; }
  .at-page .at-contact-hero{ margin:0 0 24px; }
  .at-page .at-contact-hero h1{ font-size:36px; font-weight:800; margin:0 0 8px; letter-spacing:-.5px; line-height:1.1; }
  .at-page .at-contact-hero__sub{ color:#4B5563; font-size:15px; line-height:1.5; margin:0; max-width:760px; }
  .at-page .at-contact-grid{
    display:grid; grid-template-columns:1.2fr 1fr; gap:20px; margin:0 0 32px;
  }
  @media (max-width:768px){ .at-page .at-contact-grid{ grid-template-columns:1fr; } }
  .at-page .at-contact-card{
    background:#fff; border:1px solid #E5E7EB; border-radius:16px; padding:22px;
    box-shadow:0 2px 8px rgba(15,23,42,.06);
  }
  .at-page .at-contact-card__head{ display:flex; align-items:center; gap:14px; margin:0 0 16px; }
  .at-page .at-contact-card__avatar{
    flex:0 0 56px; width:56px; height:56px; border-radius:50%;
    background:linear-gradient(135deg,#FF6B1F,#E65510); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:22px; font-weight:700;
  }
  .at-page .at-contact-card__role{ color:#9CA3AF; font-size:13px; text-transform:uppercase; letter-spacing:.5px; }
  .at-page .at-contact-card__name{ font-size:20px; font-weight:700; line-height:1.2; margin:2px 0; }
  .at-page .at-contact-card__hours{ color:#4B5563; font-size:13px; }

  .at-page .at-contact-btn{
    display:inline-flex; align-items:center; gap:12px; width:auto; max-width:100%; box-sizing:border-box;
    padding:10px 20px 10px 14px; border-radius:10px; text-decoration:none;
    background:var(--primary,#FF6B1F);
    color:#fff; transition:transform .15s, box-shadow .15s, background .15s;
    margin:0 0 12px;
    box-shadow:0 8px 22px -6px rgba(255,107,31,.45);
  }
  .at-page .at-contact-btn:hover{ background:var(--primary-hover,#E65510); color:#fff; transform:translateY(-1px); box-shadow:0 10px 26px -6px rgba(255,107,31,.5); }
  .at-page .at-contact-btn:active{ transform:translateY(0); }
  .at-page .at-contact-btn__ico{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.18); flex:0 0 32px; }
  .at-page .at-contact-btn__ico svg{ display:block; }
  .at-page .at-contact-btn strong{ display:block; font-size:18px; font-weight:700; letter-spacing:.2px; line-height:1.2; }
  .at-page .at-contact-btn small{ display:block; font-size:12px; font-weight:500; opacity:.95; margin-top:2px; letter-spacing:.1px; }

  /* Каналов может быть два или три — сетка считает по факту, иначе остаётся пустая колонка. */
  .at-page .at-contact-channels{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; margin-top:6px; }
  .at-page .at-contact-channels > br, .at-page .at-contact-page br{ display:none; }
  @media (max-width:560px){ .at-page .at-contact-channels{ grid-template-columns:1fr; } }
  .at-page .at-contact-channel{
    min-width:0;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:10px 16px; min-height:42px;
    border:1px solid #E5E7EB; border-radius:999px; text-decoration:none; color:#0F172A;
    transition:border-color .15s, background .15s;
    font-size:13px; font-weight:600; line-height:1; white-space:nowrap;
  }
  .at-page .at-contact-channel small{ display:none; }
  .at-page .at-contact-channel:hover{ border-color:#0F172A; background:#F7F9FC; color:#0F172A; }
  .at-page .at-contact-channel__ico{ font-size:16px; line-height:1; flex:0 0 auto; }
  .at-page .at-contact-channel__svg{ width:18px; height:18px; flex:0 0 auto; display:inline-block; vertical-align:middle; }
  /* Общее правило темы делает значок в ссылке круглой оранжевой плашкой — почтовому конверту это не идёт. */
  .at-page .at-contact-channel--mail .at-contact-channel__svg{ background:none; padding:0; border-radius:0; }
  .at-page .at-contact-channel strong{ font-size:13px; font-weight:600; line-height:1; }
  .at-page .at-contact-channel--tg strong{ color:#00B8D4; }
  .at-page .at-contact-channel--max strong{ color:#FF6B1F; }
  .at-page .at-contact-channel--mail strong{ font-size:0; line-height:0; color:#0F172A; }
  .at-page .at-contact-channel--mail strong::before{ content:"Email"; font-size:13px; line-height:1; font-weight:600; color:#0F172A; }

  .at-page .at-contact-channel--mail small{ text-decoration:none; }

  .at-page .at-contact-card h2{ font-size:18px; font-weight:700; margin:0 0 14px; }

  /* список «Офис» — иконка + strong + small */
  .at-page .at-contact-list{ list-style:none; padding:0; margin:0; }
  .at-page .at-contact-list li{
    display:flex; gap:12px; padding:12px 0; border-bottom:1px solid #F3F4F6; align-items:flex-start;
  }
  .at-page .at-contact-list li:last-child{ border-bottom:0; padding-bottom:0; }
  .at-page .at-contact-list li:first-child{ padding-top:0; }
  .at-page .at-contact-list__ico{ flex:0 0 24px; font-size:18px; line-height:1.3; }
  .at-page .at-contact-list li strong{ display:block; font-size:14px; font-weight:600; color:#0F172A; line-height:1.3; }
  .at-page .at-contact-list li small{ display:block; font-size:13px; color:#4B5563; margin-top:3px; line-height:1.5; }
  .at-page .at-contact-list li small a{ color:#FF6B1F; text-decoration:none; font-weight:500; white-space:nowrap; }
  .at-page .at-contact-list li small a:hover{ text-decoration:underline; }

  /* карта */
  .at-page .at-contact-map-section{ margin:32px 0; }
  .at-page .at-contact-map-section h2{ font-size:24px; font-weight:700; margin:0 0 14px; }
  .at-page .at-contact-map{ position:relative; border-radius:14px; overflow:hidden; box-shadow:0 2px 8px rgba(15,23,42,.06); }
  .at-page .at-contact-map iframe{ display:block; width:100%; height:440px; border:0; }
  .at-page .at-contact-map__lbl{
    position:absolute; left:14px; top:14px; z-index:2;
    background:#fff; color:#FF6B1F; font-weight:600; font-size:13px;
    padding:8px 12px; border-radius:8px; text-decoration:none;
    box-shadow:0 2px 8px rgba(15,23,42,.1);
  }
  .at-page .at-contact-map__lbl:hover{ color:#E65510; }

  /* CTA «Не уверены» */
  .at-page .at-contact-cta{
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    background:#0F172A; color:#fff; border-radius:16px; padding:28px;
    margin:32px 0;
  }
  @media (max-width:680px){ .at-page .at-contact-cta{ flex-direction:column; align-items:stretch; text-align:center; } }
  .at-page .at-contact-cta h2{ font-size:22px; font-weight:700; margin:0 0 6px; color:#fff; }
  .at-page .at-contact-cta p{ margin:0; color:rgba(255,255,255,.78); font-size:15px; }
  .at-page .at-contact-cta__btn{
    flex:0 0 auto; padding:14px 22px; background:#FF6B1F; color:#fff !important;
    border-radius:999px; text-decoration:none; font-weight:600; white-space:nowrap;
    transition:background .15s;
  }
  .at-page .at-contact-cta__btn:hover{ background:#E65510; }

  /* Реквизиты — две карточки */
  .at-page .at-contact-legal{ margin:32px 0 0; }
  .at-page .at-contact-legal h2{ font-size:24px; font-weight:700; margin:0 0 8px; }
  .at-page .at-contact-legal__sub{ color:#4B5563; font-size:14px; margin:0 0 18px; }
  .at-page .at-contact-legal__grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  @media (max-width:768px){ .at-page .at-contact-legal__grid{ grid-template-columns:1fr; } }
  .at-page .at-contact-legal__card{
    background:#fff; border:1px solid #E5E7EB; border-radius:14px; padding:18px 20px;
    margin:0;
    display:grid; grid-template-columns:130px 1fr; gap:8px 16px;
  }
  .at-page .at-contact-legal__card dt{
    color:#9CA3AF; font-size:12px; text-transform:uppercase; letter-spacing:.4px;
    font-weight:500; margin:0; align-self:start; padding-top:3px; line-height:1.45;
  }
  .at-page .at-contact-legal__card dd{
    margin:0; color:#0F172A; font-size:14px; font-weight:500; line-height:1.45;
    align-self:start; word-break:normal; overflow-wrap:anywhere;
  }
  .at-page .at-contact-legal__card dd a{ color:#FF6B1F; text-decoration:none; font-weight:500; }
  .at-page .at-contact-legal__card dd a:hover{ text-decoration:underline; }
  @media (max-width:480px){
    .at-page .at-contact-legal__card{ grid-template-columns:1fr; gap:0 0; padding:14px 16px; }
    .at-page .at-contact-legal__card dt{ margin-top:8px; }
  }

  /* Контактные кнопки v2 (2026-05-03): цветные icon-badges */
  .at-page .at-contact-card__role{ color:#6B7280 !important; font-weight:600 !important; }
  .at-page .at-contact-card__hours{ color:#4B5563 !important; }
  .at-page .at-contact-channel{
    padding:8px 18px 8px 8px !important;
    min-height:52px !important;
    border:1.5px solid #E5E7EB !important;
    border-radius:14px !important;
    font-size:14px !important;
    font-weight:600 !important;
    gap:12px !important;
    background:#fff !important;
    transition: border-color .2s, box-shadow .2s, transform .15s !important;
  }
  .at-page .at-contact-channel:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(15,23,42,.10) !important;
    background:#fff !important;
  }
  .at-page .at-contact-channel__svg{
    width:36px !important; height:36px !important;
    border-radius:50% !important;
    padding:8px;
    box-sizing:border-box !important;
    color:#fff !important;
  }
  .at-page .at-contact-channel--tg .at-contact-channel__svg{ background:#229ED9 !important; }
  .at-page .at-contact-channel--tg:hover{ border-color:#229ED9 !important; }
  .at-page .at-contact-channel--tg strong{ color:#0F172A !important; font-size:14px !important; }
  .at-page .at-contact-channel--max .at-contact-channel__svg{
    background:linear-gradient(135deg, #00CFFF 0%, #2B7FFF 50%, #8B3DFF 100%) !important;
  }
  .at-page .at-contact-channel--max:hover{ border-color:#2B7FFF !important; }
  .at-page .at-contact-channel--max strong{ color:#0F172A !important; font-size:14px !important; }
  .at-page .at-contact-channel--mail .at-contact-channel__svg{ background:none !important; padding:0 !important; border-radius:0 !important; }
  .at-page .at-contact-channel--mail:hover{ border-color:#C7430F !important; }
  .at-page .at-contact-channel--mail strong::before{ color:#0F172A !important; font-size:14px !important; }

  /* ============================================================
     ЮР / ДОСТАВКА / ВОЗВРАТ — .at-legal-*  (#page → .at-page)
     ============================================================ */
  .at-page .at-legal-page{ max-width:920px; margin:0 auto; padding:24px 0 40px; color:#0F172A; }
  .at-page .at-legal-page br{ display:none; }
  .at-page .at-legal-hero{ margin:0 0 28px; }
  .at-page .at-legal-hero h1{ font-size:36px; font-weight:800; margin:0 0 10px; line-height:1.15; letter-spacing:-.5px; }
  .at-page .at-legal-hero__sub{ color:#4B5563; font-size:16px; line-height:1.6; margin:0; max-width:760px; }

  .at-page .at-legal-page h2{
    font-size:22px; font-weight:700; margin:32px 0 14px; padding-top:8px;
    scroll-margin-top:80px;
  }
  .at-page .at-legal-page h3{ font-size:16px; font-weight:700; margin:0 0 8px; line-height:1.3; }
  .at-page .at-legal-page p{ font-size:15px; line-height:1.6; margin:0 0 12px; color:#0F172A; }
  .at-page .at-legal-page p.muted, .at-page .at-legal-page .muted{ color:#6B7280; font-size:14px; }
  .at-page .at-legal-page a{ color:#FF6B1F; text-decoration:none; font-weight:500; }
  .at-page .at-legal-page a:hover{ text-decoration:underline; }
  .at-page .at-legal-page ol, .at-page .at-legal-page ul{ padding-left:22px; margin:0 0 16px; }
  .at-page .at-legal-page ol li, .at-page .at-legal-page ul li{ margin:0 0 6px; line-height:1.55; }

  /* TOC */
  .at-page .at-legal-toc{
    background:#F7F9FC; border:1px solid #E5E7EB; border-radius:14px;
    padding:18px 22px; margin:0 0 32px;
  }
  .at-page .at-legal-toc__title{
    color:#9CA3AF; font-size:12px; text-transform:uppercase; letter-spacing:.5px;
    font-weight:600; margin:0 0 8px;
  }
  .at-page .at-legal-toc ol{ margin:0; padding-left:22px; column-count:2; column-gap:24px; }
  @media (max-width:560px){ .at-page .at-legal-toc ol{ column-count:1; } }
  .at-page .at-legal-toc li{ break-inside:avoid; margin:0 0 6px; }
  .at-page .at-legal-toc a{ color:#0F172A; font-weight:500; font-size:14px; }
  .at-page .at-legal-toc a:hover{ color:#FF6B1F; }

  /* Сетка карточек */
  .at-page .at-legal-grid{ display:grid; gap:14px; margin:0 0 16px; }
  .at-page .at-legal-grid--3{ grid-template-columns:repeat(3,1fr); }
  @media (max-width:880px){ .at-page .at-legal-grid--3{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .at-page .at-legal-grid--3{ grid-template-columns:1fr; } }

  .at-page .at-legal-card{
    background:#fff; border:1px solid #E5E7EB; border-radius:14px;
    padding:18px 20px; margin:0 0 16px;
    box-shadow:0 2px 8px rgba(15,23,42,.06);
  }
  .at-page .at-legal-card--soft{ background:#F7F9FC; }
  .at-page .at-legal-card--warm{ background:#FFF3EC; border-color:#FFD9C2; }
  .at-page .at-legal-card--cool{ background:#E0F7FA; border-color:#B2EBF2; }
  .at-page .at-legal-card p:last-child{ margin-bottom:0; }
  .at-page .at-legal-card h2{ margin-top:0; }
  .at-page .at-legal-card h3{ font-size:15px; margin:16px 0 6px; color:#0F172A; }

  /* Разделитель между Политикой и Согласием */
  .at-legal-separator {
    border: none;
    border-top: 2px solid #E5E7EB;
    margin: 40px 0;
  }

  /* Таблицы в юридических документах */
  .at-page .at-legal-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin: 16px 0 24px;
  }
  .at-page .at-legal-table th {
    background: #F7F9FC;
    font-weight: 600;
    text-align: left;
    padding: 10px 14px;
    border: 1px solid #E5E7EB;
    color: #0F172A;
  }
  .at-page .at-legal-table td {
    padding: 9px 14px;
    border: 1px solid #E5E7EB;
    color: #4B5563;
    vertical-align: top;
    line-height: 1.5;
  }
  .at-page .at-legal-table tr:nth-child(even) td { background: #FAFBFC; }
  @media (max-width: 600px) {
    .at-page .at-legal-table, .at-page .at-legal-table thead, .at-page .at-legal-table tbody,
    .at-page .at-legal-table th, .at-page .at-legal-table td, .at-page .at-legal-table tr {
      display: block;
    }
    .at-page .at-legal-table thead { display: none; }
    .at-page .at-legal-table td {
      border-top: none;
      padding: 7px 12px;
    }
    .at-page .at-legal-table tr { border: 1px solid #E5E7EB; margin-bottom: 8px; border-radius: 8px; overflow: hidden; }
  }

  /* Чек-листы ✓ */
  .at-page .at-legal-checks{ list-style:none; padding:0; margin:0; }
  .at-page .at-legal-checks li{
    position:relative; padding:4px 0 4px 24px; font-size:14px; line-height:1.5; color:#0F172A;
  }
  .at-page .at-legal-checks li::before{
    content:"✓"; position:absolute; left:0; top:4px;
    width:auto; height:auto; background:none; border-radius:0;
    color:#10B981; font-weight:700; font-size:14px;
  }

  /* FAQ accordion */
  .at-page .at-legal-faq{ display:flex; flex-direction:column; gap:8px; margin:0 0 24px; }
  .at-page .at-legal-faq details{
    background:#fff; border:1px solid #E5E7EB; border-radius:12px;
    padding:14px 18px; transition:border-color .15s;
  }
  .at-page .at-legal-faq details[open]{ border-color:#FF6B1F; }
  .at-page .at-legal-faq summary{
    cursor:pointer; font-weight:600; font-size:15px; color:#0F172A;
    list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px;
  }
  .at-page .at-legal-faq summary::-webkit-details-marker{ display:none; }
  .at-page .at-legal-faq summary::after{
    content:"+"; font-size:22px; line-height:1; color:#FF6B1F; flex:0 0 auto; transition:transform .2s;
  }
  .at-page .at-legal-faq details[open] summary::after{ content:"−"; }
  .at-page .at-legal-faq details p{ margin:10px 0 0; color:#4B5563; font-size:14px; }

  /* CTA */
  .at-page .at-legal-cta{
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    background:#0F172A; color:#fff; border-radius:16px; padding:24px 28px; margin:32px 0 0;
  }
  @media (max-width:680px){ .at-page .at-legal-cta{ flex-direction:column; align-items:stretch; text-align:center; } }
  .at-page .at-legal-cta h3{ color:#fff; font-size:20px; font-weight:700; margin:0 0 4px; }
  .at-page .at-legal-cta p{ color:rgba(255,255,255,.78); font-size:14px; margin:0; }
  .at-page .at-legal-cta__btn{
    flex:0 0 auto; padding:13px 22px; background:#FF6B1F; color:#fff !important;
    border-radius:999px; font-weight:600; white-space:nowrap; transition:background .15s;
  }
  .at-page .at-legal-cta__btn:hover{ background:#E65510; text-decoration:none; }

  /* ============================================================
     ФОРМА КОНСУЛЬТАЦИИ — .at-lead-form / .at-lp-lead / .at-lp-chat-chip
     (LP-шаблоны + CTA-блоки инфо-страниц)
     ============================================================ */
  .at-lead-form {
    background: var(--bg-dark);
    border-radius: var(--radius-lg);
    padding: 40px;
    color: #ffffff;
  }
  .at-lead-form__title {
    font-family: var(--font-heading, var(--font-head));
    font-weight: 800;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 8px;
  }
  .at-lead-form__subtitle {
    color: rgba(255,255,255,0.7);
    margin-bottom: 24px;
    font-size: 15px;
  }
  .at-lead-form input[type="text"],
  .at-lead-form input[type="tel"],
  .at-lead-form input[type="email"],
  .at-lead-form textarea {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: var(--radius-md, 8px);
    color: #ffffff !important;
    font-family: var(--font-body);
    font-size: 15px;
    padding: 12px 16px;
    width: 100%;
    transition: border-color 0.2s, background 0.2s;
  }
  .at-lead-form input::placeholder,
  .at-lead-form textarea::placeholder {
    color: rgba(255,255,255,0.45);
  }
  .at-lead-form input:focus,
  .at-lead-form textarea:focus {
    border-color: var(--primary);
    background: rgba(255,255,255,0.16);
    outline: none;
  }
  /* Фикс браузерного автофила — переопределяет белый фон Chrome/Safari */
  .at-lead-form input:-webkit-autofill,
  .at-lead-form input:-webkit-autofill:hover,
  .at-lead-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0px 1000px #1e2d4a inset !important;
    box-shadow: 0 0 0px 1000px #1e2d4a inset !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: #ffffff;
  }

  .at-lead-form__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
  }
  /* Если форма удалена и остался только __text — центруем и сужаем блок */
  .at-lead-form__inner:not(:has(.at-lead-form__form)) {
    grid-template-columns: 1fr;
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
  }
  .at-lead-form__inner:not(:has(.at-lead-form__form)) .at-lp-lead__chat {
    justify-content: center;
  }

  .at-lead-form__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .at-lead-form__form > br { display: none; }

  .at-lead-form__form select {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: var(--radius-md, 8px);
    color: #ffffff !important;
    font-family: var(--font-body);
    font-size: 15px;
    padding: 12px 16px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
  }
  .at-lead-form__form select:focus {
    border-color: var(--primary);
    background: rgba(255,255,255,0.16);
    outline: none;
  }
  .at-lead-form__form select option {
    background: var(--bg-dark);
    color: #ffffff;
  }
  /* Плейсхолдер-опция (value="") */
  .at-lead-form__form select option[value=""] {
    color: rgba(255,255,255,0.45);
  }
  .at-lead-form__form .at-hero__cta {
    text-align: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    width: 100%;
  }

  /* .at-lp-lead — обёртка формы на посадочных */
  .at-lp-lead .at-lead-form__inner { max-width: 1080px; }
  .at-lp-lead__phone { margin: 10px 0 0; font-size: 14px; color: var(--text-light); }
  .at-lp-lead__phone a { color: var(--primary); font-weight: 700; text-decoration: none; }
  .at-lp-lead__phone a:hover { text-decoration: underline; }

  /* Компактный вариант формы (.at-section--tight) */
  .at-section--tight { padding-top: 24px; padding-bottom: 24px; }
  .at-section--tight .at-lead-form { padding: 28px 32px; }
  .at-section--tight .at-lead-form__title { font-size: 22px; margin-bottom: 6px; }
  .at-section--tight .at-lead-form__subtitle { margin-bottom: 14px; font-size: 14px; }
  .at-section--tight .at-lead-form__form { gap: 10px; }
  .at-section--tight .at-lp-lead__chat { margin-top: 10px; }
  @media (max-width: 768px) {
    .at-section--tight .at-lead-form { padding: 22px 18px; }
  }

  /* Чипы-мессенджеры в форме */
  .at-lp-lead__chat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
  }
  .at-lp-lead__chat-label {
    font-size: 14px;
    color: rgba(255,255,255,.7);
    margin-right: 4px;
  }
  .at-lp-chat-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 8px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    transition: background .15s, border-color .15s, transform .15s;
  }
  .at-lp-chat-chip:hover {
    background: rgba(255,255,255,.14);
    text-decoration: none;
    color: #fff;
    transform: translateY(-1px);
  }
  .at-lp-chat-chip svg { width: 22px; height: 22px; flex-shrink: 0; }
  .at-lp-chat-chip--max svg { border-radius: 6px; }
  .at-lp-chat-chip--tg { color: #fff; }
  .at-lp-chat-chip--tg svg { color: #229ED9; background: #fff; border-radius: 50%; }
  .at-lp-chat-chip--max:hover { border-color: #2787F5; }
  .at-lp-chat-chip--tg:hover { border-color: #229ED9; }
  .at-lp-chat-chip--phone svg { color: var(--primary, #FF6B1F); }
  .at-lp-chat-chip--phone span { font-weight: 700; letter-spacing: 0.2px; }
  .at-lp-chat-chip--phone:hover { border-color: var(--primary, #FF6B1F); background: var(--primary-soft, #FFF3EC); }
  @media (max-width: 600px) {
    .at-lp-lead__chat { gap: 8px; }
    .at-lp-lead__chat-label { width: 100%; margin-right: 0; margin-bottom: 2px; }
  }

  /* Адаптив формы консультации */
  @media (max-width: 1024px) {
    .at-lead-form__inner {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
    }
  }
  @media (max-width: 767px) {
    .at-lead-form {
      padding: 24px 16px !important;
      border-radius: var(--radius-md, 8px) !important;
    }
    .at-lead-form__inner {
      grid-template-columns: 1fr !important;
      gap: 20px !important;
    }
    .at-lead-form__title {
      font-size: 20px !important;
    }
    .at-lead-form__subtitle {
      font-size: 14px !important;
    }
    .at-lead-form input,
    .at-lead-form select,
    .at-lead-form textarea {
      font-size: 16px !important; /* prevents iOS zoom on focus */
      padding: 14px 16px !important;
    }
  }

}

/* Реквизиты «О компании»: светлая панель с заголовком по центру и тремя карточками, как на проде. */
.at-rekv-panel{background:var(--bg-section,#F7F9FC);border:1px solid #E5E7EB;border-radius:16px;padding:32px 40px 40px}
.at-rekv-panel .at-sec-head--center{margin-bottom:24px}
.at-rekv-panel .at-sec-head--center h2{font-size:24px;font-weight:700}
@media (max-width:600px){.at-rekv-panel{padding:24px 16px}}

/* «Как купить»: частные лица и организации разведены переключателем, как выбор плательщика на оформлении.
   Вне @layer: базовые .at-tabs и .at-grid-auto в components.css тоже вне слоя и перебили бы слой. */
.at-buyer-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;overflow:visible;margin-bottom:8px}
.at-buyer-switch .at-tabs__btn{display:flex;align-items:center;gap:14px;min-height:76px;margin:0;padding:14px 20px;border:2px solid var(--line);border-radius:14px;background:var(--bg-base);color:var(--text);text-align:left;white-space:normal}
.at-buyer-switch .at-tabs__btn b{display:block;font-family:var(--font-head);font-size:18px;font-weight:700}
.at-buyer-switch .at-tabs__btn small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--text-mid)}
.at-buyer-switch .at-tabs__btn .at-icon{flex:none;width:28px;height:28px;color:var(--text-mid)}
.at-buyer-switch .at-tabs__btn:hover{border-color:var(--line-strong)}
.at-buyer-switch .at-tabs__btn[aria-selected=true]{border-color:var(--primary);background:var(--primary-soft)}
.at-buyer-switch .at-tabs__btn[aria-selected=true] .at-icon{color:var(--primary)}
/* Одна карточка оплаты у организаций не растягивается на всю ширину. */
@media (min-width:768px){.at-buyer .at-grid-auto{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .at-buyer-switch .at-tabs__btn{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px}
  .at-buyer-switch .at-tabs__btn b{font-size:15px}
  .at-buyer-switch .at-tabs__btn small{font-size:13px}
}
/* Длинная подпись кнопки в плашке доставки на телефоне переносится, а не выходит за экран. */
@media (max-width:600px){.at-trucks .at-btnrow .at-btn{width:100%;height:auto;padding-block:12px;white-space:normal;text-align:center}}