/* page-dostavka.css — посадочная «Доставка и оплата» (information/dostavka_oplata).
   Собрано из HTML-макета landing-dostavka-oplata по образцу page-nexus.css:
   локальные шрифты темы + токены + lp-стили макета (без макетных header/footer/модалки)
   + секция im-cta (форма как на странице «Дилерам», page-partners.css).
   Всё, кроме @font-face, скоупится в .im-dostavka-page: имена токенов макета совпадают
   с токенами темы, и объявление их на :root перекрасило бы общие шапку и подвал. */
@font-face {
    font-family: "Exo 2";
    src: url("../fonts/Exo,Exo_2,Inter,Montserrat/Exo_2/Exo2-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Exo,Exo_2,Inter,Montserrat/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ===== TOKENS (только внутри страницы) ===== */
.im-dostavka-page{
  --brand-600:#f00;
  --brand-650:#d90400;
  --brand-700:#c00;
  --brand-100:#ffe5e5;
  --brand-270:#fff7f7;
  --brand-300:#ff8a8a;

  --blue-900:#0f2341;
  --blue-800:#16305c;
  --blue-700:#1d3f75;
  --blue-600:#28508f;
  --blue-100:#e8edf5;

  --neutral-100:#fff;
  --neutral-150:#f7f7f7;
  --neutral-200:#f5f5f5;
  --neutral-250:#eee;
  --neutral-300:#e3e3e3;
  --neutral-310:#cfcfcf;
  --neutral-400:#ccc;
  --neutral-500:#8a8a8a;
  --neutral-600:#666;
  --neutral-700:#444;
  --neutral-800:#222;
  --neutral-900:#111;

  --font-family:"Inter", sans-serif;

  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;

  --lp-container:1200px;
  --shadow-card:0 4px 20px rgba(15,35,65,.08);
  --shadow-hover:0 10px 30px rgba(15,35,65,.14);

  font-family:var(--font-family);
  color:var(--neutral-900);
  background:var(--neutral-100);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

/* ===== BASE (в границах страницы) ===== */
.im-dostavka-page,
.im-dostavka-page *,
.im-dostavka-page *::before,
.im-dostavka-page *::after{box-sizing:border-box;}
.im-dostavka-page img{max-width:100%;display:block;}
.im-dostavka-page a{color:inherit;text-decoration:none;}
.im-dostavka-page a:hover{text-decoration:none;}
.im-dostavka-page button{font-family:inherit;cursor:pointer;}
.im-dostavka-page :focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;}
.im-dostavka-page .lp-container{max-width:var(--lp-container);margin:0 auto;padding:0 24px;}

/* ===== Typography helpers ===== */
.im-dostavka-page .lp-eye{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--brand-600);margin:0 0 14px;
}
.im-dostavka-page .lp-eye::before{
  content:"";width:18px;height:2px;background:var(--brand-600);display:inline-block;
}
.im-dostavka-page .lp-eye--light{color:var(--brand-300);}
.im-dostavka-page .lp-eye--light::before{background:var(--brand-300);}

.im-dostavka-page .lp-title{
  font-size:clamp(28px,4vw,44px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0 0 18px;
  color:var(--blue-900);
}
.im-dostavka-page .lp-title--light{color:var(--neutral-100);}
.im-dostavka-page .lp-title--sec{font-size:clamp(24px,3vw,32px);}

.im-dostavka-page .lp-sub{
  font-size:clamp(16px,1.6vw,18px);
  color:var(--neutral-700);
  line-height:1.6;
  margin:0 0 28px;
  max-width:640px;
}
.im-dostavka-page .lp-sub--light{color:#d7deeb;}
.im-dostavka-page .lp-sub--flush{margin:16px 0 0;}

.im-dostavka-page .lp-card-title{
  font-size:19px;font-weight:700;color:var(--blue-900);margin:0 0 10px;line-height:1.3;
}
.im-dostavka-page .lp-card-title--sm{font-size:16px;}
.im-dostavka-page .lp-card-text{
  font-size:15px;color:var(--neutral-600);line-height:1.6;margin:0;
}
.im-dostavka-page .lp-card-text strong{color:var(--blue-900);}

.im-dostavka-page .lp-section{padding:56px 0;}
.im-dostavka-page .lp-section--tint{background:var(--neutral-150);}

.im-dostavka-page .lp-head{max-width:680px;margin:0 auto 48px;text-align:center;}
.im-dostavka-page .lp-head--left{margin:0 0 40px;text-align:left;}

/* ===== Хлебные крошки ===== */
.im-dostavka-page .lp-bc{
  max-width:var(--lp-container);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  font-size:12px;color:var(--neutral-500);
}
.im-dostavka-page .lp-bc a{color:var(--neutral-500);transition:color .15s ease;}
.im-dostavka-page .lp-bc a:hover{color:var(--blue-600);}
.im-dostavka-page .lp-bc-sep{color:var(--neutral-310);}
.im-dostavka-page .lp-bc-cur{color:var(--neutral-700);}

/* ===== Buttons ===== */
.im-dostavka-page .u-btn,
.im-dostavka-page .u-btn-secondary,
.im-dostavka-page .u-btn-ghost,
.im-dostavka-page .u-btn-light{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:var(--radius-sm);
  font-size:15px;font-weight:700;border:2px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  white-space:nowrap;
}
.im-dostavka-page .u-btn{
  background:var(--brand-600);color:var(--neutral-100);
  box-shadow:0 8px 20px rgba(255,0,0,.28);
}
.im-dostavka-page .u-btn:hover{background:var(--brand-700);transform:translateY(-1px);color:var(--neutral-100);}
.im-dostavka-page .u-btn-secondary{background:var(--blue-900);color:var(--neutral-100);}
.im-dostavka-page .u-btn-secondary:hover{background:var(--blue-800);transform:translateY(-1px);}
.im-dostavka-page .u-btn-ghost{background:transparent;border-color:var(--neutral-300);color:var(--blue-900);}
.im-dostavka-page .u-btn-ghost:hover{border-color:var(--blue-900);color:var(--blue-900);}
.im-dostavka-page .u-btn-light{background:var(--neutral-100);color:var(--blue-900);}
.im-dostavka-page .u-btn-light:hover{background:var(--neutral-200);transform:translateY(-1px);}
.im-dostavka-page .u-btn-row{display:flex;flex-wrap:wrap;gap:14px;}

/* ===== Hero ===== */
.im-dostavka-page .lp-hero{background:var(--neutral-150);padding:16px 0 56px;}
.im-dostavka-page .lp-hero__split{
  max-width:1320px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:.62fr .82fr;align-items:stretch;min-height:480px;
}
.im-dostavka-page .lp-hero__content{
  padding:48px 44px;display:flex;flex-direction:column;justify-content:center;
  background:var(--neutral-100);border-radius:var(--radius-lg) 0 0 var(--radius-lg);
  box-shadow:var(--shadow-card);
}
.im-dostavka-page .lp-hero__headline{
  font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.18;margin:0 0 20px;
}
.im-dostavka-page .lp-hero__headline-red{display:block;color:var(--brand-600);}
.im-dostavka-page .lp-hero__headline-navy{display:block;color:var(--blue-900);}
.im-dostavka-page .lp-hero__text{
  color:var(--neutral-700);font-size:15px;line-height:1.6;margin:0 0 14px;max-width:420px;
}
.im-dostavka-page .lp-hero__stats-row{display:flex;gap:32px;margin:20px 0 28px;flex-wrap:wrap;}
.im-dostavka-page .lp-hero__stat-num{font-size:36px;font-weight:800;color:var(--brand-600);line-height:1;}
.im-dostavka-page .lp-hero__stat-label{font-size:13px;color:var(--neutral-600);margin-top:8px;max-width:170px;line-height:1.4;}
.im-dostavka-page .lp-hero__photo-wrap{
  position:relative;overflow:hidden;border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow:var(--shadow-card);
  clip-path:polygon(0 0, 89% 0, 100% 9%, 100% 100%, 0 100%);
}
.im-dostavka-page .lp-hero__photo{width:100%;height:100%;object-fit:cover;display:block;min-height:480px;}

@media (max-width:900px){
  .im-dostavka-page .lp-hero__split{grid-template-columns:1fr;min-height:0;padding:0 20px;}
  .im-dostavka-page .lp-hero__content{padding:36px 24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
  .im-dostavka-page .lp-hero__photo-wrap{clip-path:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);}
  .im-dostavka-page .lp-hero__photo{min-height:260px;}
}

/* ===== Grids ===== */
.im-dostavka-page .lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:900px){.im-dostavka-page .lp-grid-3{grid-template-columns:1fr;}}

/* ===== Process (прозрачность / гибкость / упаковка) ===== */
.im-dostavka-page .lp-process-card{
  background:var(--neutral-100);border-radius:var(--radius-lg);
  padding:28px;box-shadow:var(--shadow-card);
}
.im-dostavka-page .lp-process-card__icon{
  width:44px;height:44px;border-radius:10px;
  background:var(--blue-100);color:var(--blue-900);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.im-dostavka-page .lp-check-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.im-dostavka-page .lp-check-item{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--neutral-700);}
.im-dostavka-page .lp-check-item svg{flex-shrink:0;margin-top:3px;}
.im-dostavka-page .lp-check-icon{
  width:22px;height:22px;border-radius:6px;flex-shrink:0;
  background:var(--blue-900);display:inline-flex;align-items:center;justify-content:center;
  margin-top:1px;
}

/* ===== Карточка варианта доставки с нижней полосой =====
   Колонки карточки 1fr 2fr (тёмная колонка — ровно 1/3), чтобы её правый край
   совпадал с границей первой ячейки полосы meta, размеченной repeat(3,1fr). */
.im-dostavka-page .lp-info-card{
  display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);background:var(--neutral-100);
}
.im-dostavka-page .lp-info-card__side{
  grid-column:1;grid-row:1;background:var(--blue-900);color:#fff;padding:32px 28px;
}
.im-dostavka-page .lp-info-card__icon{
  width:46px;height:46px;border-radius:12px;background:var(--brand-600);
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;
}
.im-dostavka-page .lp-info-card__title{font-size:21px;font-weight:800;line-height:1.35;margin:0;color:#fff;}
.im-dostavka-page .lp-info-card__main{grid-column:2;grid-row:1;padding:32px 28px;}
.im-dostavka-page .lp-info-card__label{font-size:14px;font-weight:700;color:var(--blue-900);margin:0 0 18px;}
.im-dostavka-page .lp-info-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;}
.im-dostavka-page .lp-info-card__item{display:flex;gap:10px;align-items:flex-start;}
.im-dostavka-page .lp-info-card__item strong{display:block;font-size:14.5px;color:var(--neutral-900);margin-bottom:3px;}
.im-dostavka-page .lp-info-card__item p{margin:0;font-size:13px;color:var(--neutral-600);line-height:1.5;}
.im-dostavka-page .lp-info-card__meta{
  grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);
}
.im-dostavka-page .lp-info-card__meta-cell{padding:20px 24px;}
.im-dostavka-page .lp-info-card__meta-cell span{
  display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  margin-bottom:6px;opacity:.85;
}
.im-dostavka-page .lp-info-card__meta-cell strong{display:block;font-size:14.5px;font-weight:700;line-height:1.4;}
.im-dostavka-page .lp-info-card__meta-cell--accent{background:var(--brand-600);color:#fff;}
.im-dostavka-page .lp-info-card__meta-cell--navy{background:var(--blue-900);color:#fff;}
.im-dostavka-page .lp-info-card__meta-cell--grey{background:var(--neutral-200);color:var(--blue-900);}
@media (max-width:820px){
  .im-dostavka-page .lp-info-card{grid-template-columns:1fr;}
  .im-dostavka-page .lp-info-card__side,
  .im-dostavka-page .lp-info-card__main{grid-column:1;}
  .im-dostavka-page .lp-info-card__grid{grid-template-columns:1fr;}
  .im-dostavka-page .lp-info-card__meta{grid-template-columns:1fr;}
}

/* ===== Табы вариантов доставки ===== */
.im-dostavka-page .lp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.im-dostavka-page .lp-tab-btn{
  padding:12px 20px;border-radius:999px;border:1px solid var(--neutral-300);
  background:var(--neutral-100);font-size:14px;font-weight:600;color:var(--neutral-700);
}
.im-dostavka-page .lp-tab-btn.is-active{background:var(--blue-900);border-color:var(--blue-900);color:#fff;}
.im-dostavka-page .lp-panel{display:none;}
.im-dostavka-page .lp-panel.is-active{display:block;}
.im-dostavka-page .lp-panel-note{margin:20px 0 0;font-size:14px;color:var(--neutral-600);}
.im-dostavka-page .lp-panel-note a{color:var(--brand-600);font-weight:700;}

/* ===== Оплата ===== */
.im-dostavka-page .lp-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:900px){.im-dostavka-page .lp-pay-grid{grid-template-columns:1fr;}}
.im-dostavka-page .lp-pay-card{
  background:var(--neutral-100);border:1px solid var(--neutral-250);
  border-radius:var(--radius-lg);padding:32px;
}
.im-dostavka-page .lp-pay-card--accent{background:var(--blue-900);color:#fff;border-color:var(--blue-900);}
.im-dostavka-page .lp-pay-card--accent .lp-card-title{color:#fff;}
.im-dostavka-page .lp-pay-card--accent .lp-check-item{color:#d7deeb;}
.im-dostavka-page .lp-vat-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--brand-100);color:var(--brand-700);
  font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;margin-bottom:18px;
}
.im-dostavka-page .lp-pay-steps{margin-top:32px;}
.im-dostavka-page .lp-pay-steps .lp-card-title{margin-bottom:16px;}
.im-dostavka-page .lp-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
@media (max-width:860px){.im-dostavka-page .lp-steps-row{grid-template-columns:1fr;}}
.im-dostavka-page .lp-step{position:relative;padding-left:0;}
.im-dostavka-page .lp-step__num{
  font-size:28px;font-weight:800;color:var(--brand-600);opacity:.5;line-height:1;margin-bottom:10px;
}
.im-dostavka-page .lp-pay-link{margin-top:20px;font-size:14.5px;color:var(--neutral-700);}
.im-dostavka-page .lp-pay-link a{color:var(--brand-600);font-weight:700;}

/* ===== Стоимость и сроки ===== */
.im-dostavka-page .lp-cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:900px){.im-dostavka-page .lp-cost-grid{grid-template-columns:1fr 1fr;}}
.im-dostavka-page .lp-cost-tile{
  background:var(--neutral-100);border:1px solid var(--neutral-250);
  border-radius:var(--radius-md);padding:20px;text-align:center;
}
.im-dostavka-page .lp-cost-tile svg{margin:0 auto 12px;display:block;color:var(--blue-900);}
.im-dostavka-page .lp-note-card{
  margin-top:28px;background:var(--brand-270);border:1px solid var(--brand-100);
  border-radius:var(--radius-md);padding:20px 24px;font-size:14.5px;color:var(--neutral-700);
  display:flex;gap:12px;align-items:flex-start;
}
.im-dostavka-page .lp-note-card svg{flex-shrink:0;color:var(--brand-600);margin-top:2px;}

/* ===== Гарантии ===== */
.im-dostavka-page .lp-guarantee-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--neutral-250);
}
@media (max-width:900px){.im-dostavka-page .lp-guarantee-strip{grid-template-columns:1fr 1fr;}}
.im-dostavka-page .lp-guarantee-item{
  padding:26px 20px;text-align:center;border-right:1px solid var(--neutral-250);background:#fff;
}
.im-dostavka-page .lp-guarantee-item:last-child{border-right:none;}
.im-dostavka-page .lp-guarantee-item svg{margin:0 auto 12px;color:var(--brand-600);}
.im-dostavka-page .lp-guarantee-item strong{display:block;font-size:14.5px;color:var(--blue-900);margin-bottom:4px;}
.im-dostavka-page .lp-guarantee-item span{font-size:13px;color:var(--neutral-600);}

/* ===== FAQ ===== */
.im-dostavka-page .lp-faq{max-width:820px;margin:0 auto;}
.im-dostavka-page .lp-faq-item{border-bottom:1px solid var(--neutral-250);}
.im-dostavka-page .lp-faq-q{
  width:100%;text-align:left;background:none;border:0;
  padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-size:16px;font-weight:600;color:var(--blue-900);
}
.im-dostavka-page .lp-faq-q svg{flex-shrink:0;transition:transform .2s ease;color:var(--brand-600);}
.im-dostavka-page .lp-faq-item.is-open .lp-faq-q svg{transform:rotate(45deg);}
.im-dostavka-page .lp-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.im-dostavka-page .lp-faq-a p{margin:0 0 22px;color:var(--neutral-600);font-size:15px;line-height:1.6;max-width:720px;}
.im-dostavka-page .lp-faq-item.is-open .lp-faq-a{max-height:400px;}

/* ===== Перелинковка на соседние услуги ===== */
.im-dostavka-page .lp-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:900px){.im-dostavka-page .lp-links-grid{grid-template-columns:1fr;}}
.im-dostavka-page .lp-link-tile{
  display:block;background:var(--neutral-100);border:1px solid var(--neutral-250);
  border-radius:var(--radius-md);padding:22px 24px;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.im-dostavka-page .lp-link-tile:hover{border-color:var(--blue-900);box-shadow:var(--shadow-card);transform:translateY(-1px);}
.im-dostavka-page .lp-link-tile strong{display:block;font-size:16px;font-weight:700;color:var(--blue-900);margin-bottom:6px;}
.im-dostavka-page .lp-link-tile span{display:block;font-size:13.5px;color:var(--neutral-600);line-height:1.5;}
.im-dostavka-page .lp-link-tile::after{content:"→";display:inline-block;margin-top:12px;color:var(--brand-600);font-weight:700;}

/* ===== CTA-блок заявки (как на странице «Дилерам», источник page-partners.css) ===== */
/* Блок лежит внутри .lp-section с собственными отступами — свои обнуляем. */
.im-dostavka-page .im-cta{margin:0;}
.im-dostavka-page .im-cta__inner{display:grid;grid-template-columns:140px minmax(0, 1fr);justify-content:space-between;align-items:start;gap:48px;background:var(--blue-900);border-radius:8px;padding:40px;overflow:hidden;position:relative;}
.im-dostavka-page .im-cta__content{min-width:0;width:100%;max-width:100%;justify-self:end;margin-left:auto;}
.im-dostavka-page .im-cta__title{margin:0 0 20px;font-family:var(--font-family);font-weight:700;font-size:38px;line-height:43px;color:var(--neutral-100);max-width:640px;}
.im-dostavka-page .im-cta__title-accent{color:red;}
.im-dostavka-page .im-cta__subtitle{margin:0 0 46px;font-family:var(--font-family);font-weight:400;font-size:14px;line-height:17px;color:var(--neutral-100);}
.im-dostavka-page .im-cta__form{display:flex;flex-direction:column;gap:24px;}
.im-dostavka-page .im-cta__row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:100%;}
.im-dostavka-page .im-cta__input{width:100%;height:50px;padding:14px;background:color-mix(in srgb, var(--neutral-100) 8%, transparent);border:none;border-radius:4px;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:14px;color:var(--neutral-100);outline:none;transition:background-color .15s ease,box-shadow .15s ease;min-width:0;}
.im-dostavka-page .im-cta__input::placeholder{color:#999;opacity:1;white-space:nowrap;text-overflow:ellipsis;}
.im-dostavka-page .im-cta__input:focus{background:color-mix(in srgb, var(--neutral-100) 11%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--neutral-100) 10%, transparent);}
.im-dostavka-page .im-cta__select-wrap{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;}
.im-dostavka-page .im-cta__select-wrap:focus-within .im-cta__select-btn{background:color-mix(in srgb, var(--neutral-100) 11%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--neutral-100) 10%, transparent);}
.im-dostavka-page .im-cta__select-wrap:hover .im-cta__select-btn{background:color-mix(in srgb, var(--neutral-100) 10%, transparent);}
.im-dostavka-page .im-cta__select-label{position:absolute;top:7px;left:14px;right:14px;z-index:3;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-weight:400;font-size:12px;line-height:13px;color:#ccc;}
.im-dostavka-page .im-cta__select-btn{width:100%;height:50px;border-radius:4px;padding:19px 14px 7px 14px;background:color-mix(in srgb, var(--neutral-100) 8%, transparent);border:none;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100);outline:none;cursor:text;text-align:left;display:inline-flex;align-items:flex-end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .15s ease,box-shadow .15s ease;position:relative;z-index:1;}
.im-dostavka-page .im-cta__select-btn:focus-visible{background:color-mix(in srgb, var(--neutral-100) 11%, transparent);}
.im-dostavka-page .im-cta__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;border-radius:8px;padding:21px 16px;width:240px;min-width:240px;height:58px;border:none;font-weight:700;font-size:14px;line-height:16px;color:var(--neutral-100);background:#ff2e2e;cursor:pointer;transition:background-color .15s ease,transform .15s ease;margin-top:22px;}
.im-dostavka-page .im-cta__button:hover{background:#ff4747;transform:translateY(-1px);}
.im-dostavka-page .im-cta__button:active{transform:translateY(0);}
.im-dostavka-page .im-cta__button-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;line-height:0;}
.im-dostavka-page .im-cta__button-icon svg{display:block;width:9px;height:8px;}
.im-dostavka-page .im-cta__logo{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:140px;height:110px;}
.im-dostavka-page .im-cta__logo img{width:100%;height:100%;object-fit:contain;}
.im-dostavka-page .im-partners-page__cta-inner{column-gap:260px;}
.im-dostavka-page .im-partners-page__cta-inner::after{content:"";position:absolute;right:20px;bottom:20px;width:25px;height:25px;background:var(--brand-600);}
.im-dostavka-page .im-partners-page__cta-content{max-width:100%;}
.im-dostavka-page .im-partners-page__cta-title{margin-bottom:20px;font-size:40px;line-height:48px;}
.im-dostavka-page .im-partners-page__cta-subtitle{max-width:520px;margin-bottom:46px;font-size:20px;line-height:28px;}
.im-dostavka-page .im-partners-page__cta-note{color:var(--brand-600);}
@media (max-width:1200px){
  .im-dostavka-page .im-partners-page__cta-inner{column-gap:120px;}
}
@media (max-width:900px){
  .im-dostavka-page .im-cta{margin:0;}
  .im-dostavka-page .im-cta__inner{grid-template-columns:1fr;gap:0;padding:24px 16px;overflow:visible;}
  .im-dostavka-page .im-partners-page__cta-inner::after{content:none;}
  .im-dostavka-page .im-cta__logo{width:107px;height:85px;margin:0 0 24px;}
  .im-dostavka-page .im-cta__content{width:100%;justify-self:stretch;margin-left:0;}
  .im-dostavka-page .im-cta__title{max-width:none;font-size:24px;line-height:32px;margin-bottom:16px;}
  .im-dostavka-page .im-cta__subtitle{font-size:14px;line-height:16px;margin-bottom:32px;}
  .im-dostavka-page .im-cta__form{gap:16px;}
  .im-dostavka-page .im-cta__row{grid-template-columns:1fr;gap:16px;}
  .im-dostavka-page .im-cta__input{padding:13px 14px;}
  .im-dostavka-page .im-cta__button{width:100%;min-width:0;height:50px;margin-top:0;padding:17px 14px;}
}
@media (max-width:768px){
  .im-dostavka-page .im-partners-page__cta-title{margin-bottom:16px;font-size:24px;line-height:32px;}
  .im-dostavka-page .im-partners-page__cta-subtitle{margin-bottom:32px;font-size:14px;line-height:16px;}
}
@media (max-width:480px){
  .im-dostavka-page .im-cta{margin:0;}
}

/* ===== Поля формы заявки: состав взят из макета ===== */
/* У im-cta в теме описаны только текстовые поля — повторяем их вид для списка и
   комментария и рисуем свою стрелку взамен системной. */
.im-dostavka-page .im-cta__select-wrap select.im-cta__select-btn {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='4' fill='none'%3E%3Cpath d='M.48.02a.5.5 0 0 0-.38.24.5.5 0 0 0 .16.82l3.5 2.32a.6.6 0 0 0 .65 0l3.5-2.32a.5.5 0 0 0 .2-.82.5.5 0 0 0-.82-.16L4.08 2.2.92.1A.5.5 0 0 0 .48.02Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

/* Выпадающий список рисует система, и на светлой теме белый текст на белом фоне
   пропадает — цвет пунктов задаём явно. */
.im-dostavka-page .im-cta__select-wrap select.im-cta__select-btn option {
  color: var(--neutral-900);
  background: var(--neutral-100);
}

.im-dostavka-page .im-cta__textarea {
  width: 100%;
  min-height: 92px;
  padding: 19px 14px 7px;
  border: none;
  border-radius: 8px;
  background: color-mix(in srgb, var(--neutral-100) 8%, transparent);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--neutral-100);
  outline: none;
  resize: vertical;
}

.im-dostavka-page .im-cta__textarea::placeholder {
  color: color-mix(in srgb, var(--neutral-100) 55%, transparent);
}

.im-dostavka-page .im-partners-page__cta-form .im-cta__row--single {
  grid-template-columns: 1fr;
}

.im-dostavka-page .im-cta__eyebrow {
  margin: 0 0 12px;
  color: var(--brand-600);
}

/* Строка согласия под кнопкой лежит на тёмно-синей плашке CTA — держим её белой,
   иначе она сливается с фоном. */
.im-dostavka-page .lp-cta-note {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--neutral-100);
}

/* Углы полей формы — как на странице «Дилерам» (page-partners.css, 4px):
   у части полей оставался радиус 8px из базовой сборки, и внутри одной формы
   углы отличались. */
.im-dostavka-page .im-cta__input,
.im-dostavka-page .im-cta__select-btn,
.im-dostavka-page .im-cta__textarea {
  border-radius: 4px;
}

/* Список раскрывается кликом — текстовый курсор здесь вводит в заблуждение. */
.im-dostavka-page .im-cta__select-wrap select.im-cta__select-btn {
  cursor: pointer;
}