/* Текстовые страницы: навигация слева, текст по левому краю контента */
.info-layout { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: var(--space-48); align-items: start; padding-bottom: var(--space-48); }
/* Боковая навигация: две группы с ясными заголовками. Выбранный пункт - бежевая плитка с жирным текстом (как кнопки и поля сайта), без цветных полос */
.info-nav { position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--space-32); }
.info-nav__group { display: flex; flex-direction: column; gap: 2px; }
.info-nav__title { margin: 0 0 var(--space-8); padding: 0 12px 10px; border-bottom: 1px solid var(--hairline); color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.3; }
.info-nav a { padding: 10px 12px; border-radius: var(--radius-sm); color: var(--ink-muted); font-size: 14px; line-height: 1.35; transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease); }
.info-nav a:hover { background: color-mix(in srgb, var(--surface-1) 60%, transparent); color: var(--ink); }
.info-nav a:active { transform: translateY(1px); }
.info-nav a.is-active { background: var(--surface-1); color: var(--ink); font-weight: 700; }
.info-nav a:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
.info-content { min-width: 0; max-width: 900px; }
.info-content--wide { max-width: none; }
.info-content > h1, .info-article > h1 { margin: 0 0 var(--space-16); font-size: 28px; font-weight: 500; line-height: 1.2; }
.info-article { line-height: 1.7; }
.info-article h2 { margin: var(--space-32) 0 var(--space-12); font-size: 22px; font-weight: 500; line-height: 1.3; }
.info-article h2:first-of-type { margin-top: var(--space-24); }
.info-article h3 { margin: var(--space-24) 0 var(--space-8); font-size: 18px; font-weight: 700; }
.info-article p { margin: 0 0 var(--space-12); }
.info-article ul, .info-article ol { margin: 0 0 var(--space-12); padding-left: 1.3em; }
.info-article a { color: var(--primary-pressed); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 1023px) {
  .info-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-16); }
  /* На планшете и телефоне: одна лента из плашек, группы разделены тонкой чертой */
  .info-nav { position: relative; top: auto; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
  .info-nav::-webkit-scrollbar { display: none; }
  .info-nav__group { flex: none; flex-direction: row; gap: var(--space-8); }
  .info-nav__group + .info-nav__group { margin-left: var(--space-16); padding-left: var(--space-16); border-left: 1px solid var(--hairline); }
  .info-nav__title { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .info-nav a { flex: none; padding: 10px 14px; background: var(--surface-1); white-space: nowrap; }
  .info-nav a:hover { background: var(--surface-2); }
  .info-nav a.is-active { background: var(--ink); color: var(--inverse-ink); }
}
@media (max-width: 767px) { .info-content > h1, .info-article > h1 { font-size: 22px; } }

/* Статья: текст слева, справа автор и другие статьи */
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--space-48); align-items: start; padding-bottom: var(--space-48); }
.article-main { min-width: 0; max-width: 820px; }
.article-main > h1 { margin: 0 0 var(--space-8); font-size: 30px; font-weight: 500; line-height: 1.2; }
.article-main .article-page__meta { margin: 0 0 var(--space-16); }
.article-main .article-image-frame { width: 100%; margin: 0 0 var(--space-24); border-radius: var(--radius-lg); background: var(--surface-1); }
.article-main .article-image-frame .article-page__image { display: block; width: 100%; margin: 0; mix-blend-mode: multiply; }
.article-main .article-page__content { line-height: 1.7; }
.article-aside { position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--space-16); }
.author-card, .aside-list { padding: var(--space-16); border-radius: var(--radius-lg); background: var(--surface-1); }
.author-card { display: flex; align-items: center; gap: var(--space-12); }
.author-card img { flex: none; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.author-card__name { display: block; font-size: 15px; font-weight: 700; }
.author-card__role { display: block; color: var(--ink-subtle); font-size: 13px; }
.aside-list h2 { margin: 0 0 var(--space-8); font-size: 15px; font-weight: 700; }
/* Разделители между статьями: еле заметные линии, как между строками доставки в карточке товара (там светлая линия на белом, здесь чуть темнее фона плашки, иначе её не видно) */
.aside-list a { display: block; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--ink) 8%, var(--surface-1)); color: var(--ink); font-size: 14px; line-height: 1.35; }
.aside-list a:first-of-type { border-top: 0; }
.aside-list a:hover { color: var(--primary-pressed); }
@media (max-width: 1023px) { .article-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-24); } .article-aside { position: static; } }
@media (prefers-reduced-motion: reduce) { .info-nav a { transition: none; } }

/* Страница «Опт» (03.10.2026): строится как «Контакты» (на всю ширину блока, $infoWide): вступление, четыре плитки «что вы получите»
   (белые, тонкая линия, круглая иконка в тоне сайта), светлая панель «как начать» с кнопкой и ссылками на телефон и почту.
   Тёмно-бежевых плашек нет (заказчик: «плашки тёмные, не по дизайну»). Появление: одно короткое движение со ступенькой, без эффектов. */
.info-article .opt__lead { margin: 0 0 var(--space-8); color: var(--ink-muted); font-size: 17px; line-height: 1.6; }
.info-article .opt-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-16); margin: var(--space-16) 0 var(--space-32); padding: 0; list-style: none; }
.opt-benefit { display: flex; flex-direction: column; gap: var(--space-8); padding: 20px; border: 1px solid var(--hairline); border-radius: var(--radius-card); background: var(--canvas); }
.opt-ico { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--primary-tint); color: var(--primary-pressed); }
.opt-ico .icon { width: 22px; height: 22px; }
.opt-benefit .opt-ico { margin-bottom: var(--space-4); }
.opt-benefit__title { font-size: 16px; font-weight: 700; line-height: 1.35; }
.opt-benefit__text { color: var(--ink-muted); font-size: 14px; line-height: 1.55; }
.opt-start { display: flex; flex-direction: column; gap: var(--space-24); padding: var(--space-32); border-radius: var(--radius-card); background: var(--surface-1); }
.info-article.opt .opt-start__main h2 { margin: 0 0 var(--space-8); }
.info-article .opt-start__main > p:not(.opt-start__note) { margin: 0 0 var(--space-16); max-width: 720px; }
.opt-start__action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12) var(--space-24); }
.info-article .opt-start__btn { display: inline-flex; align-items: center; gap: var(--space-8); min-height: 52px; padding: 0 var(--space-32); font-size: 16px; text-decoration: none; }
.info-article .opt-start__btn .icon { width: 20px; height: 20px; }
.info-article .opt-start__note { margin: 0; max-width: 520px; color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.info-article .opt__sent, .info-article .opt__error { margin: var(--space-12) 0 0; padding: 12px 16px; border-radius: var(--radius-sm); font-size: 14px; line-height: 1.5; }
.info-article .opt__sent { background: #e6f4ea; color: #145c33; }
.info-article .opt__error { background: #fbe9ee; color: var(--error); }
/* Три плитки связи в один ряд: городской телефон, мобильный, почта */
.info-article .opt-lines { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--space-12); margin: 0; padding: 0; list-style: none; }
.info-article .opt-line { display: flex; align-items: center; gap: 14px; height: 100%; padding: 14px 16px; border-radius: var(--radius-tile); background: var(--canvas); color: var(--ink); text-decoration: none; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow var(--dur) var(--ease), transform var(--dur-fast) var(--ease); }
.info-article .opt-line:hover { box-shadow: inset 0 0 0 1px var(--primary); }
.info-article .opt-line:active { transform: translateY(1px); }
.info-article .opt-line:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
.opt-line__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.opt-line__main { font-size: 20px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.opt-line__main--mail { font-size: 18px; white-space: normal; overflow-wrap: anywhere; }
.opt-line__kind { color: var(--ink-muted); font-size: 13px; line-height: 1.3; }
@keyframes opt-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .opt > h1, .opt__lead, .opt > h2, .opt-benefit, .opt-start { animation: opt-rise var(--dur-slow) var(--ease) both; }
  .opt__lead { animation-delay: 40ms; }
  .opt > h2 { animation-delay: 80ms; }
  .opt-benefit:nth-child(1) { animation-delay: 100ms; }
  .opt-benefit:nth-child(2) { animation-delay: 150ms; }
  .opt-benefit:nth-child(3) { animation-delay: 200ms; }
  .opt-benefit:nth-child(4) { animation-delay: 250ms; }
  .opt-start { animation-delay: 300ms; }
}
@media (prefers-reduced-motion: reduce) { .info-article .opt-line { transition: none; } }
@media (max-width: 1199px) {
  .info-article .opt-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Уже контент не вмещает три плитки в ряд: две сверху, третья во всю ширину */
  .info-article .opt-lines { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-article .opt-lines > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .info-article .opt-benefits { grid-template-columns: minmax(0, 1fr); }
  .info-article .opt-lines { grid-template-columns: minmax(0, 1fr); }
  .opt-start { padding: var(--space-16); }
  .info-article .opt-start__btn { display: flex; justify-content: center; width: 100%; }
}

/* Статьи (03.10.2026): блоки для доверия читателей и поисковиков (E-E-A-T) и для цитирования нейросетями (GEO):
   автор в строке под заголовком, рамка «Кратко» с ответом в начале, содержание с якорями, таблицы, вопросы-ответы, источники. */
.article-page__author strong { color: var(--ink); font-weight: 600; }
.article-summary { margin: 0 0 var(--space-24); padding: var(--space-16) var(--space-24); border: 1px solid var(--hairline); border-radius: var(--radius-card); background: var(--surface-1); }
.article-summary h2 { margin: 0 0 var(--space-8); font-size: 16px; font-weight: 700; line-height: 1.3; }
.article-summary p, .article-summary ul { margin: 0; }
.article-summary p + p { margin-top: var(--space-8); }
.article-summary ul { padding-left: 1.2em; }
.article-summary li + li { margin-top: 4px; }
.article-toc { margin: 0 0 var(--space-24); padding: var(--space-16) var(--space-24); border: 1px solid var(--hairline); border-radius: var(--radius-card); }
.article-toc__title { margin: 0 0 var(--space-8); font-size: 16px; font-weight: 700; line-height: 1.3; }
.article-toc ol { display: grid; gap: 4px; margin: 0; padding-left: 1.4em; }
.article-toc a { color: var(--primary-pressed); text-decoration: none; }
.article-toc a:hover { text-decoration: underline; text-underline-offset: 3px; }
.article-toc__summary { display: block; margin-top: 2px; color: var(--ink-muted); font-size: 13px; line-height: 1.35; }
.article-main .article-page__content h2 { scroll-margin-top: 96px; }
.article-main .article-page__content h3 { margin: var(--space-24) 0 var(--space-8); font-size: 18px; font-weight: 700; line-height: 1.35; }
.article-main .article-page__content p, .article-main .article-page__content ul, .article-main .article-page__content ol { margin-top: 0; margin-bottom: var(--space-12); }
.article-main .article-page__content ul, .article-main .article-page__content ol { padding-left: 1.3em; }
.article-main .article-page__content li + li { margin-top: 4px; }
.article-main .article-page__content a { color: var(--primary-pressed); text-decoration: underline; text-underline-offset: 2px; }
.article-main .article-page__content table { width: 100%; margin: 0 0 var(--space-16); border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.article-main .article-page__content th, .article-main .article-page__content td { padding: 10px 12px; border: 1px solid var(--hairline); text-align: left; vertical-align: top; }
.article-main .article-page__content th { background: var(--surface-1); font-weight: 600; }
/* Вопросы-ответы: после заголовка «Частые вопросы» (h3) идут вопросы (h4) и ответы */
.article-main .article-page__content h3 ~ h4 { margin: 0; padding-top: 14px; border-top: 1px solid var(--hairline); font-size: 1em; font-weight: 600; line-height: 1.4; }
.article-main .article-page__content h3 + h4 { border-top: 0; padding-top: 0; }
.article-main .article-page__content h3 ~ h4 + p { margin: 6px 0 14px; }
.article-sources { margin: var(--space-32) 0 0; padding-top: var(--space-16); border-top: 1px solid var(--hairline); }
.article-sources h2 { margin: 0 0 var(--space-8); font-size: 18px; font-weight: 700; line-height: 1.3; }
.article-sources ul { margin: 0; padding-left: 1.2em; }
.article-sources li + li { margin-top: 4px; }
.article-sources a { color: var(--primary-pressed); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) {
  .article-summary, .article-toc { padding: var(--space-16); }
  .article-main .article-page__content table { display: block; overflow-x: auto; }
}

/* Оглавление в боковой колонке (03.10.2026): на широком экране между текстом статьи и панелью автора была пустая полоса, теперь там оглавление,
   которое остаётся на виду при прокрутке; на узком экране оглавление стоит в тексте над статьёй. Цветных полос слева у блоков в статьях не делаем. */
.article-toc--rail { display: none; }
@media (min-width: 1500px) {
  .article-layout { grid-template-columns: minmax(0, 820px) minmax(0, 1fr) 300px; }
  .article-toc--rail { display: block; position: sticky; top: 96px; margin: 0; padding: 0 0 0 var(--space-8); border: 0; border-radius: 0; }
  .article-toc--inline { display: none; }
  .article-toc--rail ol { padding-left: 0; list-style: none; gap: 2px; }
  .article-toc--rail a { display: block; padding: 6px 0; font-size: 14px; line-height: 1.35; color: var(--ink-muted); }
  .article-toc--rail a:hover { color: var(--primary-pressed); text-decoration: none; }
}
@media (max-width: 1023px) { .article-toc--rail { display: none; } }

/* Страница автора (03.10.2026): имя, должность, вступление и рассказ слева, статьи автора справа. Без цветных полос сбоку. */
.author-page { padding-bottom: var(--space-48); }
.author-hero { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--space-24); align-items: center; margin: 0 0 var(--space-32); padding: var(--space-24); border-radius: var(--radius-lg); background: var(--surface-1); }
.author-hero img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; }
.author-hero h1 { margin: 0 0 var(--space-4); font-size: 30px; font-weight: 500; line-height: 1.2; }
.author-hero__role { margin: 0 0 var(--space-12); color: var(--ink-muted); font-size: 16px; }
.author-hero__lead { margin: 0; max-width: 62ch; font-size: 17px; line-height: 1.6; }
.author-body { display: grid; grid-template-columns: minmax(0, 965fr) minmax(0, 454fr); gap: var(--space-24); align-items: start; }   /* пропорция заказчика (04.10.2026): текст около двух третей, статьи чуть меньше трети */
.author-text { font-size: 17px; line-height: 1.7; }
.author-text h2 { margin: var(--space-32) 0 var(--space-12); font-size: 22px; font-weight: 500; line-height: 1.3; }
.author-text h2:first-child { margin-top: 0; }
.author-text p, .author-text ul { margin: 0 0 var(--space-12); }
.author-text ul { padding-left: 1.3em; }
.author-text li + li { margin-top: 4px; }
.author-text a { color: var(--primary-pressed); text-decoration: underline; text-underline-offset: 2px; }
.author-articles h2 { margin: 0 0 var(--space-12); font-size: 22px; font-weight: 500; line-height: 1.3; }
.author-articles ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--hairline); }
.author-articles li { border-bottom: 1px solid var(--hairline); }
.author-articles a { display: block; padding: var(--space-12) 0; color: var(--ink); }
.author-articles a:hover .author-articles__title { color: var(--primary-pressed); }
.author-articles__title { display: block; font-size: 16px; font-weight: 600; line-height: 1.35; transition: color var(--dur-fast) var(--ease); }
.author-articles__date { display: block; margin-top: 2px; color: var(--ink-subtle); font-size: 13px; }
.article-page__author a, .author-card__name a { color: inherit; text-decoration: none; }
.article-page__author a:hover, .author-card__name a:hover { color: var(--primary-pressed); text-decoration: underline; text-underline-offset: 3px; }
/* «Задать вопрос» в конце страницы автора: плитка на всю ширину, как верхняя; слева текст, справа кнопка и почта */
.author-ask { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-24); align-items: center; margin: var(--space-48) 0 0; padding: var(--space-24); border-radius: var(--radius-lg); background: var(--surface-1); scroll-margin-top: 96px; }
.author-ask h2 { margin: 0 0 var(--space-8); font-size: 22px; font-weight: 500; line-height: 1.3; }
.author-ask p { margin: 0; max-width: 62ch; color: var(--ink-muted); line-height: 1.6; }
.author-ask .author-ask__ok, .author-ask .author-ask__error { margin-top: var(--space-12); font-weight: 600; }
.author-ask .author-ask__ok { color: var(--ink); }
.author-ask .author-ask__error { color: var(--error); }
.author-ask__actions { display: grid; justify-items: center; gap: var(--space-8); }
.author-ask__btn { min-height: 48px; padding-inline: 28px; white-space: nowrap; }
.author-ask__mail { color: var(--ink-muted); font-size: 14px; text-decoration: underline; text-underline-offset: 2px; }
.author-ask__mail:hover { color: var(--primary-pressed); }
@media (max-width: 1023px) { .author-body { grid-template-columns: minmax(0, 1fr); gap: var(--space-32); } .author-ask { margin-top: var(--space-32); } }
@media (max-width: 719px) { .author-ask { grid-template-columns: minmax(0, 1fr); padding: var(--space-16); } .author-ask__actions { justify-items: stretch; text-align: center; } .author-ask__btn { width: 100%; } }
@media (max-width: 599px) { .author-hero { grid-template-columns: minmax(0, 1fr); text-align: left; padding: var(--space-16); } .author-hero img { width: 112px; height: 112px; } .author-hero h1 { font-size: 24px; } }

/* Страница «Доставка и оплата» (макет «Г», согласован 10.10.2026): три крупные карточки-вкладки (самовывоз, курьер, транспортная компания), под ними условия выбранного способа
   с панелью фактов и «Можно оплатить»; ниже «Оплата» и «Возврат и обмен» плитками со значками (те же, что на «Опт»). Текст страницы на всю ширину контейнера.
   Без скрипта все блоки показаны; со скриптом (assets/js/delivery.js) виден один. Тёмных плашек и цветных полос сбоку нет. */
.dlv-section { scroll-margin-top: 96px; }
.info-article .dlv-section > h2 { margin: var(--space-32) 0 var(--space-12); }
.info-article .dlv-section:first-of-type > h2 { margin-top: var(--space-16); }
.dlv-lead { margin: 0 0 var(--space-24); color: var(--ink-muted); font-size: 17px; line-height: 1.6; }
.dlv-pick { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-16); margin-bottom: var(--space-16); }
.info-article a.dlv-tab { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--space-16); row-gap: 2px; align-items: center; min-height: 88px; padding: 18px 22px; border: 1px solid var(--hairline); border-radius: var(--radius-card); background: var(--canvas); color: var(--ink); line-height: 1.3; text-decoration: none; transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur-fast) var(--ease); }
.dlv-tab .opt-ico { grid-row: 1 / span 2; width: 52px; height: 52px; transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease); }
.dlv-tab .opt-ico .icon { width: 26px; height: 26px; }
.dlv-tab__title { align-self: end; font-size: 18px; font-weight: 700; }
.dlv-tab__sub { align-self: start; color: var(--ink-muted); font-size: 14px; line-height: 1.4; }
.info-article a.dlv-tab:hover { border-color: var(--primary); }
.info-article a.dlv-tab:active { transform: translateY(1px); }
.info-article a.dlv-tab:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
.info-article a.dlv-tab[aria-selected="true"] { border-color: var(--primary); background: var(--primary-tint); box-shadow: inset 0 0 0 1px var(--primary); }
.dlv-tab[aria-selected="true"] .opt-ico { background: var(--primary); color: var(--inverse-ink); }
.dlv-panel { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr); gap: var(--space-32); align-items: start; margin-bottom: var(--space-16); padding: 28px; border: 1px solid var(--hairline); border-radius: var(--radius-card); background: var(--canvas); scroll-margin-top: 96px; }
.dlv-panel__main { min-width: 0; }
.info-article .dlv-panel__main > h2 { margin: 0 0 var(--space-12); font-size: 22px; }
.info-article .dlv-panel p { margin: 0 0 var(--space-8); }
.info-article .dlv-panel p:last-child { margin-bottom: 0; }
.dlv .muted { color: var(--ink-muted); font-size: 14px; line-height: 1.55; }
.dlv-aside { padding: 20px 22px; border-radius: var(--radius-tile); background: var(--surface-1); }
.dlv-facts { display: grid; gap: var(--space-12); margin: 0; }
.dlv-facts div { display: grid; gap: 2px; }
.dlv-facts dt { color: var(--ink-muted); font-size: 13px; line-height: 1.35; }
.dlv-facts dd { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; }
.info-article .dlv-panel .dlv-pay__title { margin: var(--space-16) 0 var(--space-8); padding-top: var(--space-16); border-top: 1px solid var(--hairline); color: var(--ink-muted); font-size: 13px; line-height: 1.35; }
.dlv-pay { display: grid; gap: var(--space-8); margin: 0; padding: 0; list-style: none; font-size: 15px; font-weight: 600; line-height: 1.4; }
.info-article .dlv-pay { padding-left: 0; margin-bottom: 0; }
.dlv-pay li { display: flex; align-items: flex-start; gap: 10px; }
.dlv-pay .icon { width: 20px; height: 20px; margin-top: 1px; color: var(--primary-pressed); }
.dlv-pay .is-off { color: var(--ink-muted); font-weight: 500; }
.dlv-pay .is-off .icon { color: var(--ink-muted); }
.delivery-regions { margin-top: var(--space-24); padding-top: var(--space-24); border-top: 1px solid var(--hairline); }
.info-article .delivery-regions > h2 { margin: 0 0 var(--space-8); font-size: 18px; font-weight: 700; }
.delivery-regions table { max-width: 560px; margin: var(--space-12) 0; font-size: 15px; }
.delivery-regions th { padding: 10px 12px; background: var(--surface-1); color: var(--ink); font-size: 14px; font-weight: 700; }
.delivery-regions td { border-bottom-color: var(--hairline); }
.dlv-cards { display: grid; gap: var(--space-16); }
.dlv-cards--pay { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.dlv-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-16); align-items: start; padding: 20px; border: 1px solid var(--hairline); border-radius: var(--radius-card); background: var(--canvas); scroll-margin-top: 96px; }
.dlv-card--strip { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-24); padding: 24px; }
.info-article .dlv-card--strip p { margin: 0; }
.info-article .dlv-card h3 { margin: 0 0 var(--space-4); font-size: 18px; font-weight: 700; line-height: 1.35; }
.info-article .dlv-card p { margin: 0 0 var(--space-8); }
.info-article .dlv-card p:last-child, .info-article .dlv-card__body > :last-child { margin-bottom: 0; }
.dlv-note { display: flex; align-items: center; gap: var(--space-12); margin: var(--space-16) 0 0; padding: 12px 16px; border-radius: var(--radius-tile); background: var(--surface-1); color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.info-article .dlv-note { margin: var(--space-16) 0 0; }
.opt-ico--small { width: 32px; height: 32px; }
.opt-ico--small .icon { width: 18px; height: 18px; }
@keyframes dlv-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .dlv-panel.is-enter { animation: dlv-rise 260ms var(--ease) both; }
  .dlv-card { animation: dlv-rise var(--dur-slow) var(--ease) both; }
  .dlv-cards > .dlv-card:nth-child(2) { animation-delay: 60ms; }
}
@media (max-width: 1100px) {
  .dlv-panel { grid-template-columns: minmax(0, 1fr); }
  .info-article a.dlv-tab { padding: 14px 16px; column-gap: var(--space-12); }
  .dlv-tab__title { font-size: 16px; }
}
@media (max-width: 767px) {
  .dlv-pick { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .info-article a.dlv-tab { min-height: 72px; }
  .dlv-tab .opt-ico { width: 44px; height: 44px; }
  .dlv-tab .opt-ico .icon { width: 22px; height: 22px; }
  .dlv-panel { padding: 16px; gap: var(--space-16); }
  .dlv-card { grid-template-columns: minmax(0, 1fr); gap: var(--space-12); padding: 16px; }
  .dlv-cards--pay { grid-template-columns: minmax(0, 1fr); }
  .dlv-card--strip { grid-template-columns: minmax(0, 1fr); }
}