.pd-top{padding:16px 0 0}
.pd-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--gray);min-width:0}
.crumbs a{color:var(--gray);white-space:nowrap}
.crumbs a:hover{color:var(--green-dark)}
.crumbs i{font-style:normal;opacity:.45}
.crumbs em{font-style:normal;color:var(--ink);white-space:nowrap}

/* ============================================================
   УСЛОВИЯ ДОСТАВКИ (design-delivery.html)
   Токены и компоненты – из дизайн-системы, новых цветов нет.
   Калькулятор – общий контрол с главной, свои стили ему не нужны.
   ============================================================ */

/* --- шапка страницы (те же правила, что на «О нас») --- */
.ab-top{padding:16px 0 4px}
.ab-top h1{max-width:26ch;text-wrap:balance}
@media(min-width:1120px){.ab-top h1{max-width:none;text-wrap:nowrap}}
.ab-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;font-size:13.5px;color:var(--gray)}
.ab-facts b{color:var(--ink)}
.ab-lead{margin-top:14px;max-width:78ch;color:var(--gray);font-size:14.5px;line-height:1.65}
.ab-row{display:flex;gap:28px;align-items:center}
.ab-txt{flex:1 1 auto;min-width:0}
.ab-ill{flex:0 0 auto;width:190px;display:block}
@media(max-width:900px){.ab-ill{display:none}}

/* --- тарифы --- */
.tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.tcol{display:grid;gap:18px;align-content:start}
.tcard{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:20px 22px 14px}
.tcard-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.tcard-h b{font-family:var(--head);font-size:17px;font-weight:800}
.chip-city{background:var(--page);color:var(--gray);font-size:11.5px;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;border-radius:var(--r-pill);padding:5px 11px}
.trow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:none}
.trow .tl{min-width:0}
.trow .tl b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.trow .tl small{display:block;margin-top:2px;font-size:12.5px;color:var(--gray);line-height:1.45}
.trow .tv{flex:0 0 auto;font-family:var(--head);font-size:15px;font-weight:800;white-space:nowrap}
.trow.is-good .tv{color:var(--green-dark)}
/* поиск по станицам */
.tfind{display:flex;align-items:center;gap:9px;margin:14px 0 4px;background:var(--page);
  border-radius:var(--r-sm);padding:10px 13px}
.tfind svg{width:17px;height:17px;color:var(--gray);flex:0 0 auto}
.tfind input{flex:1 1 auto;min-width:0;background:none;border:0;font-family:var(--body);font-size:14px;color:var(--ink)}
.tfind input::placeholder{color:var(--gray)}
.tfind input:focus{outline:none}
.tfind:focus-within{box-shadow:inset 0 0 0 1.5px var(--green)}
/* список показываем целиком: прокрутка внутри карточки хуже, чем длинная карточка,
   а по высоте её уравновешивает блок условий в левой колонке */
.tlist{overflow:visible}
.tlist .trow[hidden]{display:none}
.tnote{margin-top:14px;font-size:13px;color:var(--gray);line-height:1.6;max-width:76ch}
.tnote a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
/* условия бесплатной доставки */
.freecond{background:var(--grad-green);position:relative;isolation:isolate;
  border-radius:var(--r-lg);padding:22px 24px}
.freecond::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background-image:var(--grain);background-size:220px 220px;opacity:.32;mix-blend-mode:multiply}
.freecond>b{display:block;font-family:var(--head);font-size:17px;font-weight:800;color:var(--green-dark)}
.freecond ol{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;font-size:14px;color:var(--ink)}
.freecond ol a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.freecond small{display:block;margin-top:12px;font-size:13px;color:var(--green-dark)}

/* --- виды доставки --- */
.dtypes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dtype{background:#fff;border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px 20px 16px;
  display:flex;flex-direction:column;gap:7px}
.dtype .di{width:38px;height:38px;border-radius:50%;background:var(--green-light);color:var(--green-dark);
  display:grid;place-items:center}
.dtype .di .ic{width:19px;height:19px}
.dtype b{font-family:var(--head);font-size:15px;margin-top:3px}
.dtype small{font-size:13px;color:var(--gray);line-height:1.55;flex:1 1 auto}
.dtype .dp{align-self:flex-start;margin-top:4px;background:var(--cream);color:var(--orange-text);
  font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  border-radius:var(--r-pill);padding:4px 10px}

/* --- доставка по номеру телефона --- */
.dsplit{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
.dsteps{display:grid;gap:11px}
.dstep{display:flex;gap:14px;background:#fff;border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh-sm)}
.dstep .n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--green-light);
  color:var(--green-dark);font-family:var(--head);font-weight:800;font-size:14px;display:grid;place-items:center}
.dstep .tx{min-width:0}
.dstep b{display:block;font-family:var(--head);font-size:15px;margin-bottom:3px}
.dstep small{display:block;font-size:13px;color:var(--gray);line-height:1.55}
.dside{background:var(--grad-green);position:relative;isolation:isolate;border-radius:var(--r-lg);padding:22px 24px}
.dside::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background-image:var(--grain);background-size:220px 220px;opacity:.32;mix-blend-mode:multiply}
.dside .di{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--green-dark);
  display:grid;place-items:center;box-shadow:var(--sh-sm)}
.dside .di .ic{width:20px;height:20px}
.dside b{display:block;margin-top:12px;font-family:var(--head);font-size:17px;font-weight:800;color:var(--green-dark)}
.dside small{display:block;margin-top:7px;font-size:13.5px;color:var(--ink);line-height:1.6}
.dside .btn{margin-top:16px}

/* --- если получателя нет --- */
.dcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px 20px}
.dcard b{display:block;font-family:var(--head);font-size:15px;margin-bottom:6px}
.dcard small{display:block;font-size:13.5px;color:var(--gray);line-height:1.6}
.dcard small b{display:inline;font-family:var(--body);color:var(--ink)}

/* --- гарантия свежести --- */
.guar{background:var(--grad-green);position:relative;isolation:isolate;border-radius:var(--r-lg);
  padding:24px 28px;display:grid;grid-template-columns:minmax(0,1.1fr) 150px minmax(0,1fr);gap:20px 32px;align-items:center}
.guar-ill{width:150px;align-self:center;justify-self:center;display:block}
@media(max-width:900px){.guar-ill{width:170px;margin:4px auto 0}}
.guar::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background-image:var(--grain);background-size:220px 220px;opacity:.32;mix-blend-mode:multiply}
.guar .di{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--green-dark);
  display:grid;place-items:center;box-shadow:var(--sh-sm)}
.guar .di .ic{width:21px;height:21px}
.guar .gt b{display:block;margin-top:12px;font-family:var(--head);font-size:19px;font-weight:800;color:var(--green-dark)}
.guar .gt small{display:block;margin-top:7px;font-size:14px;color:var(--ink);line-height:1.6}
.gsteps{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;color:var(--ink)}

/* --- праздники --- */
.hchips{display:flex;flex-wrap:wrap;gap:9px}
.hchip{background:#fff;border-radius:var(--r-pill);padding:9px 15px;font-size:13.5px;font-weight:700;
  box-shadow:inset 0 0 0 1.5px var(--line-2)}

/* атрибут hidden не гасит элемент с display:flex/grid – гасим явно */
.ab-facts[hidden],.tnote[hidden],.trow[hidden]{display:none}

/* --- адаптив --- */
@media(max-width:1080px){
  .dtypes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .tariffs{grid-template-columns:1fr}
  .dsplit{grid-template-columns:1fr}
  .dcase{grid-template-columns:1fr}
  .guar{grid-template-columns:1fr;padding:22px 22px}
}
@media(max-width:560px){
  .dtypes{grid-template-columns:1fr}
  .trow{flex-direction:column;gap:3px}
  .trow .tv{align-self:flex-start}
  .tcard{padding:18px 18px 12px}
  .freecond,.dside{padding:20px 18px}
}

/* объёмные иконки */
/* Иконка – один <use> на общий спрайт в начале <body>; размеры бьются с
   правилами вроде «.ho-card h3 svg{width:19px}», поэтому здесь !important:
   это намеренный слой поверх постраничных размеров, а не случайная правка. */
svg.i3{width:22px!important;height:22px!important;color:inherit}
.ic.ic3{background:none!important;border-radius:0!important}
.ic.ic3 svg.i3{width:100%!important;height:100%!important;min-width:18px;min-height:18px}
.sub-bonus svg.i3{width:17px!important;height:17px!important}
.th-ok svg.i3{width:34px!important;height:34px!important}
.seg svg.i3,.pd-dl svg.i3{width:20px!important;height:20px!important}

.di.di3{background:none!important;box-shadow:none!important;width:38px!important;height:38px!important;justify-self:start}
.di.di3 svg.i3{width:38px!important;height:38px!important}

/* кнопка подписки стала ссылкой в группу ВКонтакте – у <a> свои дефолты */
.sub .btn-slide{text-decoration:none;color:inherit}

/* пояснение под «Когда доставка бесплатная»: 1 990 ₽ – порог бесплатной
   доставки, а не минимальная сумма заказа (ответ владельца 05.09.2026) */
.freecond .fc-note{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--gray)}