/* Start:/help/delivery/delivery.css?177219726944606*/
/* === ZOODRUG DELIVERY PAGE === */
.zd-delivery{
max-width: 1100px;
margin: 0 auto;
padding: 8px 0 44px;
}

.zd-delivery-hero{
border: 1px solid rgba(0,0,0,.08);
border-radius: 22px;
padding: 22px 18px;
background: #fff;
box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

.zd-title{
margin: 0 0 8px;
font-size: 30px;
line-height: 1.15;
letter-spacing: -.2px;
}

.zd-sub{
margin: 0 0 14px;
color: rgba(0,0,0,.70);
font-size: 16px;
line-height: 1.5;
}

.zd-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0;
padding:0;
list-style:none;
}

.zd-badges li{
border: 1px solid rgba(0,0,0,.10);
border-radius: 999px;
padding: 8px 12px;
font-size: 14px;
background: #fafafa;
}

.zd-grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 14px;
}

.zd-card{
display:block;
border: 1px solid rgba(0,0,0,.08);
border-radius: 18px;
padding: 16px;
background: #fff;
text-decoration:none;
color: inherit;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.zd-card:hover{
transform: translateY(-2px);
box-shadow: 0 16px 40px rgba(0,0,0,.08);
border-color: rgba(255,122,0,.35);
}

.zd-card h3{
margin: 0 0 6px;
font-size: 18px;
}

.zd-card p{
margin: 0;
color: rgba(0,0,0,.72);
font-size: 14px;
line-height: 1.45;
}

.zd-link{
display:inline-block;
margin-top: 10px;
font-size: 14px;
color: #ff7a00;
font-weight: 600;
}

.zd-note{
border-left: 4px solid #ff7a00;
background: rgba(255,122,0,.08);
padding: 12px 12px;
border-radius: 12px;
margin: 14px 0 0;
line-height: 1.5;
}

.zd-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top: 14px;
}

.zd-btn{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
border-radius: 14px;
padding: 10px 14px;
border: 1px solid rgba(0,0,0,.12);
background:#fff;
color: inherit;
font-weight: 600;
transition: transform .12s ease, box-shadow .12s ease;
}

.zd-btn:hover{
transform: translateY(-1px);
box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

.zd-btn--accent{
background:#ff7a00;
border-color:#ff7a00;
color:#fff;
}

.zd-section{
margin-top: 18px;
border: 1px solid rgba(0,0,0,.06);
border-radius: 22px;
padding: 18px;
background:#fff;
box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.zd-section__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom: 10px;
}

.zd-section h2{
margin: 0;
font-size: 22px;
line-height: 1.25;
}

.zd-pill{
white-space: nowrap;
border: 1px solid rgba(255,122,0,.35);
background: rgba(255,122,0,.10);
color:#a94c00;
padding: 7px 10px;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
}

.zd-text{
margin: 0 0 10px;
color: rgba(0,0,0,.72);
line-height: 1.55;
}

.zd-list{
margin: 0;
padding-left: 18px;
line-height: 1.65;
}

.zd-cardbox{
margin-top: 14px;
border: 1px solid rgba(0,0,0,.06);
border-radius: 18px;
padding: 14px;
background: #fafafa;
}

.zd-h3{
margin: 0 0 8px;
font-size: 18px;
}

.zd-table{
width:100%;
border-collapse: collapse;
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
overflow: hidden;
background:#fff;
}

.zd-table th,
.zd-table td{
padding: 10px 12px;
border-bottom: 1px solid rgba(0,0,0,.06);
text-align:left;
vertical-align: top;
font-size: 14px;
}

.zd-table th{
background:#fafafa;
}

.zd-cta{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
margin-top: 14px;
border: 1px dashed rgba(0,0,0,.18);
border-radius: 18px;
padding: 14px;
background:#fff;
}

.zd-cta__text{
flex: 1;
min-width: 260px;
line-height: 1.5;
}

.zd-cta__btns{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.zd-faq details{
border: 1px solid rgba(0,0,0,.08);
border-radius: 14px;
padding: 10px 12px;
background:#fff;
}

.zd-faq details + details{
margin-top: 10px;
}

.zd-faq summary{
cursor:pointer;
font-weight: 800;
}

.zd-faq p{
margin: 8px 0 0;
color: rgba(0,0,0,.72);
line-height: 1.55;
}

.zd-back{
margin-top: 12px;
}

.zd-link2{
color:#ff7a00;
font-weight: 800;
text-decoration:none;
}

@media (max-width: 900px){
.zd-grid{ grid-template-columns: 1fr; }
.zd-section__head{ flex-direction: column; align-items:flex-start; }
.zd-title{ font-size: 26px; }
}

/* ===== HERO: нормальная структура, без "пустоты" ===== */

.zd-delivery{max-width: 980px; margin: 0 auto; padding: 0 12px 44px;}
.zd-delivery-hero{
border: 1px solid rgba(0,0,0,.07);
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 60px rgba(0,0,0,.06);
padding: 22px;
}

.zd-hero-top{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 14px;
align-items: start;
}

.zd-title{margin:0 0 8px; font-size:32px; line-height:1.12; letter-spacing:-.3px;}
.zd-sub{margin:0 0 12px; color:rgba(0,0,0,.68); font-size:16px; line-height:1.55; max-width: 760px;}

.zd-hero-points{
display:grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap:10px;
margin-top: 10px;
}

.zd-point{
border: 1px solid rgba(0,0,0,.06);
border-radius: 16px;
background:#f6f7f8;
padding: 10px 10px;
}
.zd-point__k{font-size:12px; color:rgba(0,0,0,.58); line-height:1.2;}
.zd-point__v{font-size:16px; font-weight:900; line-height:1.2; margin-top:3px;}

.zd-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px;}
.zd-btn{
height:44px; padding:0 14px; border-radius:14px;
border:1px solid rgba(0,0,0,.10);
background:#fff; font-weight:900;
text-decoration:none; color:inherit;
display:inline-flex; align-items:center; justify-content:center;
}
.zd-btn--accent{background:#ff7a00; border-color:#ff7a00; color:#fff;}

.zd-hero-mini{
border: 1px solid rgba(0,0,0,.06);
border-radius: 18px;
background: #fff;
padding: 14px;
}
.zd-mini-title{font-weight:900; margin-bottom:8px;}
.zd-mini-list{margin:0; padding-left: 18px; line-height:1.55; color:rgba(0,0,0,.72);}
.zd-mini-note{margin-top:10px; color:rgba(0,0,0,.55); font-size:12px;}

/* карточки */
.zd-hero-cards{
margin-top: 14px;
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.zd-card{
border: 1px solid rgba(0,0,0,.07);
border-radius: 18px;
background:#fff;
padding: 14px;
text-decoration:none;
color:inherit;
box-shadow: 0 10px 30px rgba(0,0,0,.05);
transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.zd-card:hover{transform: translateY(-2px); border-color: rgba(255,122,0,.35); box-shadow: 0 18px 55px rgba(0,0,0,.09);}

.zd-card__head{
display:flex;
gap:10px;
align-items:center;
margin-bottom: 10px;
}
.zd-ico{
width:40px; height:40px;
border-radius: 14px;
background: rgba(255,122,0,.12);
border: 1px solid rgba(255,122,0,.22);
flex: 0 0 auto;
position: relative;
}

/* разные "иконки" чисто CSS */
.zd-card--courier .zd-ico::after{content:"🚚"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:18px;}
.zd-card--pickup .zd-ico::after{content:"🏪"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:18px;}
.zd-card--russia .zd-ico::after{content:"📦"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:18px;}

.zd-card__title{font-weight: 950; line-height:1.2;}
.zd-card__hint{font-size:12px; color:rgba(0,0,0,.58); margin-top:2px;}
.zd-card__text{color:rgba(0,0,0,.70); line-height:1.5;}
.zd-card__link{margin-top:10px; font-weight:900; color:#ff7a00;}

/* мобилка */
@media (max-width: 900px){
.zd-hero-top{grid-template-columns: 1fr;}
.zd-hero-points{grid-template-columns: repeat(2, minmax(0, 1fr));}
.zd-hero-cards{grid-template-columns: 1fr;}
.zd-title{font-size:24px;}
}

/* ===== FIX: убрать чужой "бейдж/квадратик" от шаблона в hero-карточках ===== */
.zd-delivery-hero .zd-hero-cards .zd-card::before,
.zd-delivery-hero .zd-hero-cards .zd-card::after,
.zd-delivery-hero .zd-hero-cards .zd-card__head::before,
.zd-delivery-hero .zd-hero-cards .zd-card__head::after{
content: none !important;
display: none !important;
}

/* ===== Иконки (SVG) в одном стиле ===== */
.zd-delivery-hero .zd-ico{
width:40px;
height:40px;
border-radius:14px;
background: rgba(255,122,0,.12);
border: 1px solid rgba(255,122,0,.22);
display:flex;
align-items:center;
justify-content:center;
flex: 0 0 auto;
}
.zd-delivery-hero .zd-svg{
width:22px;
height:22px;
fill: #ff7a00;
}

/* ===== FORCE: SVG должен быть виден при любых стилях шаблона ===== */
.zd-delivery-hero .zd-ico svg,
.zd-delivery-hero .zd-ico .zd-svg{
display: block !important;
width: 22px !important;
height: 22px !important;
opacity: 1 !important;
visibility: visible !important;
}

.zd-delivery-hero .zd-ico svg path{
fill: #ff7a00 !important;
}

/* ===== отключаем любые старые эмодзи через псевдоэлементы ===== */
.zd-delivery-hero .zd-ico::before,
.zd-delivery-hero .zd-ico::after{
content: none !important;
display: none !important;
}

/* ===== Анти-пустота: уплотняем карточки ===== */
.zd-delivery-hero .zd-hero-cards{ gap: 10px; }

.zd-delivery-hero .zd-card{
padding: 12px 14px 12px;
border-radius: 16px;
}

.zd-delivery-hero .zd-card__head{ margin-bottom: 8px; }
.zd-delivery-hero .zd-card__title{ font-size: 15px; line-height: 1.2; }
.zd-delivery-hero .zd-card__hint{ font-size: 12px; }

.zd-delivery-hero .zd-card__text{
margin-top: 4px;
line-height: 1.45;
}

.zd-delivery-hero .zd-card__link{
margin-top: 8px;
}

/* на больших экранах сделаем карточки чуть ниже (чтобы не казались пустыми) */
@media (min-width: 901px){
.zd-delivery-hero .zd-card{ min-height: 132px; }
}

.zd-delivery-hero .zd-card__mini{
margin: 8px 0 0;
padding-left: 16px;
color: rgba(0,0,0,.68);
line-height: 1.45;
font-size: 13px;
}
.zd-delivery-hero .zd-card__mini li{ margin: 3px 0; }

/* ============================= */
/* ZOODRUG BRAND STYLE #d2334d */
/* ============================= */

:root{
--zd-main: #d2334d;
--zd-main-soft: rgba(210,51,77,.12);
--zd-main-soft2: rgba(210,51,77,.06);
}

/* HERO фон секции */
.zd-delivery-hero{
background: linear-gradient(180deg, var(--zd-main-soft2) 0%, #ffffff 100%);
border: 1px solid rgba(210,51,77,.18);
box-shadow: 0 20px 60px rgba(210,51,77,.10);
}

/* Метрики (4 плашки) */
.zd-point{
background: #fff;
border: 1px solid rgba(210,51,77,.18);
box-shadow: 0 6px 18px rgba(210,51,77,.08);
}

.zd-point__v{
color: var(--zd-main);
}

/* Кнопка */
.zd-btn--accent{
background: var(--zd-main);
border-color: var(--zd-main);
color:#fff;
box-shadow: 0 10px 24px rgba(210,51,77,.25);
}

.zd-btn--accent:hover{
box-shadow: 0 14px 34px rgba(210,51,77,.35);
}

/* Карточки */
.zd-card{
background:#fff;
border:1px solid rgba(210,51,77,.15);
box-shadow: 0 12px 32px rgba(210,51,77,.08);
position:relative;
overflow:hidden;
}

/* верхняя фирменная линия */
.zd-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:3px;
background: var(--zd-main);
opacity:.9;
}

.zd-card:hover{
transform: translateY(-2px);
border-color: rgba(210,51,77,.35);
box-shadow: 0 20px 55px rgba(210,51,77,.18);
}

/* Иконки */
.zd-delivery-hero .zd-ico{
background: var(--zd-main-soft);
border: 1px solid rgba(210,51,77,.25);
}

.zd-delivery-hero .zd-svg{
fill: var(--zd-main) !important;
}

/* Ссылки внутри карточек */
.zd-card__link{
color: var(--zd-main);
}

/* Мини список с лапками */
.zd-card__mini{
list-style:none;
padding-left:0;
}

.zd-card__mini li{
position:relative;
padding-left:22px;
margin:4px 0;
color: rgba(0,0,0,.72);
}

.zd-card__mini li::before{
content:"🐾";
position:absolute;
left:0;
top:0;
font-size:14px;
}

/* Правый блок быстрых условий */
.zd-hero-mini{
border: 1px solid rgba(210,51,77,.18);
background: #fff;
box-shadow: 0 10px 28px rgba(210,51,77,.08);
}

.zd-mini-title{
color: var(--zd-main);
font-weight:900;
}

/* ===== HERO: лёгкий паттерн лапок (очень прозрачно) ===== */
.zd-delivery-hero{
position: relative;
overflow: hidden;
}

.zd-delivery-hero::after{
content:"";
position:absolute;
inset:-40px;
pointer-events:none;
opacity:.11; /* регулируй 0.06–0.14 */
background-image:
    radial-gradient(circle at 12px 12px, rgba(210,51,77,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 20px 8px, rgba(210,51,77,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 26px 14px, rgba(210,51,77,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 20px 22px, rgba(210,51,77,.26) 0 3px, transparent 4px);
background-size: 46px 46px;
transform: rotate(-8deg);
}

/* ===== Главная метрика ===== */
.zd-point.is-primary{
background: linear-gradient(180deg, rgba(210,51,77,.14) 0%, #fff 100%);
border-color: rgba(210,51,77,.35);
box-shadow: 0 14px 34px rgba(210,51,77,.16);
}
.zd-point.is-primary .zd-point__k{
color: rgba(0,0,0,.70);
font-weight: 700;
}
.zd-point.is-primary .zd-point__v{
color: var(--zd-main);
}


/* ===== Быстрые условия: шапка + аккуратные маркеры ===== */
.zd-hero-mini{
position: relative;
overflow: hidden;
}

.zd-hero-mini::before{
content:"";
position:absolute;
left:0; right:0; top:0;
height:3px;
background: var(--zd-main);
opacity:.9;
}

.zd-mini-list{
list-style:none;
padding-left:0;
}

.zd-mini-list li{
position:relative;
padding-left:22px;
margin: 6px 0;
}

.zd-mini-list li::before{
content:"•";
position:absolute;
left:6px;
top:-1px;
color: var(--zd-main);
font-weight: 900;
font-size: 18px;
}
/* ===== мини-бейджи в карточках ===== */
.zd-chiprow{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top: 6px;
}

/* ===== FIX быстрые условия — аккуратный чек-лист ===== */

.zd-hero-mini{
position: relative;
overflow: hidden;
border: 1px solid rgba(210,51,77,.18);
background: #fff;
box-shadow: 0 10px 28px rgba(210,51,77,.08);
}

/* верхняя фирменная линия */
.zd-hero-mini::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:#d2334d;
opacity:.9;
}

.zd-mini-title{
color:#d2334d;
font-weight:900;
margin-bottom:10px;
}

/* Убираем ВСЕ старые маркеры */
.zd-mini-list{
list-style:none !important;
padding-left:0 !important;
margin:0;
}

.zd-mini-list li{
position:relative;
padding-left:28px;
margin:8px 0;
line-height:1.45;
}

/* аккуратная галочка */
.zd-mini-list li::before{
content:"✓";
position:absolute;
left:0;
top:2px;
width:18px;
height:18px;
border-radius:50%;
background: rgba(210,51,77,.12);
border:1px solid rgba(210,51,77,.25);
color:#d2334d;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:900;
}

/* страховка — если шаблон рисует линии */
.zd-mini-list li::after{
content:none !important;
display:none !important;
}

/* ===== Быстрые условия — изоляция от шаблона (без псевдоэлементов) ===== */
.zd-hero-mini{
border: 1px solid rgba(210,51,77,.18);
background:#fff;
box-shadow: 0 10px 28px rgba(210,51,77,.08);
border-radius: 18px;
padding: 14px;
overflow: visible !important; /* чтобы ничего не обрезалось */
}

.zd-hero-mini::before,
.zd-hero-mini::after{
content:none !important;
display:none !important;
}

/* полный reset списка */
.zd-hero-mini .zd-mini-list{
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

.zd-hero-mini .zd-mini-list li{
margin: 8px 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
position: static !important;
display: flex !important;
gap: 10px;
align-items: flex-start;
line-height: 1.45;
}

/* убить любые шаблонные маркеры псевдоэлементами */
.zd-hero-mini .zd-mini-list li::before,
.zd-hero-mini .zd-mini-list li::after{
content:none !important;
display:none !important;
}

/* иконка (смайл) */
.zd-hero-mini .zd-mini-ico{
width: 22px;
height: 22px;
border-radius: 9px;
background: rgba(210,51,77,.10);
border: 1px solid rgba(210,51,77,.18);
display:inline-flex;
align-items:center;
justify-content:center;
flex: 0 0 22px;
margin-top: 1px;
font-size: 13px;
}

/* ===== FIX отступов в списках карточек ===== */

.zd-card__mini{
list-style: none !important;
padding: 0 !important;
margin: 6px 0 0 !important;
}

.zd-card__mini li{
margin: 4px 0 !important;
padding: 0 !important;
position: relative;
line-height: 1.4;
}

/* убить любые тире/маркеры шаблона */
.zd-card__mini li::before,
.zd-card__mini li::after{
content: none !important;
display: none !important;
}
/* ===== Увеличиваем иконку внутри кружка (железобетонно) ===== */

/* 1) Если иконка — inline SVG */
.zd-delivery-hero .zd-ico > svg{
width: 30px !important;
height: 30px !important;
max-width: none !important;
max-height: none !important;
display: block !important;

/* главная штука — масштаб */
transform: scale(1.30);
transform-origin: center;
}

/* 2) Если вдруг иконка сделана фоном (не SVG) */
.zd-delivery-hero .zd-ico{
background-size: 30px 30px !important;
}



/* разделитель между верхом и карточками */
.zd-delivery-hero .zd-hero-cards{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(210,51,77,.12);
}
/* чуть сдвинем контент вниз, чтобы бейдж не мешал */
.zd-delivery-hero .zd-card--courier .zd-card__head{
  padding-top: 8px;
}

/* ===== АКЦЕНТ курьерской карточки БЕЗ бейджа ===== */
.zd-delivery-hero .zd-hero-cards a.zd-card.zd-card--courier{
  background: linear-gradient(180deg, rgba(210,51,77,.08) 0%, #fff 72%) !important;
  border: 1px solid rgba(210,51,77,.30) !important;
  box-shadow: 0 18px 45px rgba(210,51,77,.14) !important;
}

/* ===== Карточки: премиум hover ===== */
.zd-delivery-hero .zd-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.zd-delivery-hero .zd-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  border-color: rgba(210,51,77,.22);
}

/* ===== Курьер: чуть больше "света" ===== */
.zd-delivery-hero .zd-card--courier{
  box-shadow:
    0 18px 45px rgba(210,51,77,.12),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* ===== Выравнивание текста по центру иконки ===== */

.zd-delivery-hero .zd-card__head{
  display: flex;
  align-items: center;   /* ВОТ ЭТО главное */
  gap: 12px;
}

/* убираем лишние отступы у текста */
.zd-delivery-hero .zd-card__title{
  margin: 0;
  line-height: 1.2;
}

/* ===== FIX: одинаковый верх у всех карточек ===== */
.zd-delivery-hero .zd-card__head{
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-items: center;
}

/* если курьер всё равно ниже — прижимаем */
.zd-delivery-hero .zd-card--courier .zd-card__head{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* выравниваем верхний воздух в курьере */
.zd-delivery-hero .zd-card--courier{
  padding-top: 16px !important;
}
.zd-delivery-hero .zd-card:not(.zd-card--courier){
  padding-top: 16px !important;
}

.zd-delivery-hero .zd-hero-cards{
  border-top: 1px solid rgba(210,51,77,.18);
}

/* ===== Заголовок "Быстрые условия" — 100% фикс ===== */
#top.zd-delivery-hero .zd-hero-mini .zd-mini-title{
  color: #d2334d !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
  display:flex;
  align-items:center;
  gap:6px;
}

#top.zd-delivery-hero .zd-hero-mini .zd-mini-title::before{
  content:"⚡";
  font-size:14px;
}

/* ===== Быстрые условия: заметный апгрейд блока ===== */
#top.zd-delivery-hero .zd-hero-mini{
  background: linear-gradient(180deg, rgba(210,51,77,.07) 0%, #fff 55%) !important;
  border-color: rgba(210,51,77,.25) !important;
  box-shadow: 0 14px 36px rgba(210,51,77,.10) !important;
  position: relative;
}

/* верхняя фирменная полоска */
#top.zd-delivery-hero .zd-hero-mini::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, rgba(210,51,77,0), rgba(210,51,77,.65), rgba(210,51,77,0));
}

/* мягкий разделитель (тоньше визуально) */
.zd-delivery-hero .zd-hero-cards{
  border-top: 1px solid rgba(210,51,77,.10);
}

.zd-delivery-hero .zd-card--russia .zd-ico > svg{
  transform: translateY(-3px) scale(1.30) !important;
}

/* =========================================================
   COURIER BLOCK (твоя структура) — оформление
   ========================================================= */

/* внешний контейнер секции */
#courier.zd-section{
  margin-top: 26px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(210,51,77,.16);
  background: linear-gradient(180deg, rgba(210,51,77,.06) 0%, #fff 55%);
  box-shadow: 0 18px 46px rgba(210,51,77,.10);
  position: relative;
  overflow: hidden;
}

/* лёгкая “пудра/паттерн” как в hero (если не хочешь — скажи, уберём) */
#courier.zd-section::before{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(circle at 20% 20%, rgba(210,51,77,.08) 0 2px, transparent 3px) 0 0/34px 34px;
  opacity: .35;
  pointer-events:none;
}

/* шапка секции */
#courier .zd-section__head{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(210,51,77,.12);
}

/* слева “иконка” без правки HTML — псевдоэлементом */
#courier .zd-section__head::before{
  content:"🚚 ";
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(210,51,77,.12);
  border: 1px solid rgba(210,51,77,.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex: 0 0 42px;
}

#courier .zd-section__head h2{
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
}

/* пилюля “Бесплатно…” */
#courier .zd-pill{
  margin-left: auto;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #d2334d, #ff6b81);
  box-shadow: 0 10px 22px rgba(210,51,77,.28);
  white-space: nowrap;
}

/* подчёркиваем важные слова аккуратно */
#courier .zd-list b{
  color: rgba(0,0,0,.88);
}

/* карточка “Подъём на этаж” */
#courier .zd-cardbox{
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(210,51,77,.14);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
  position: relative;
  z-index: 1;
}

/* заголовок внутри cardbox */
#courier .zd-h3{
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* иконка к h3 без правки HTML */
#courier .zd-h3::before{
  content:"🏢 ";
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(210,51,77,.10);
  border: 1px solid rgba(210,51,77,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 16px;
}

/* таблица */
#courier .zd-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
}

#courier .zd-table thead th{
  text-align: left;
  font-size: 13px;
  color: rgba(0,0,0,.78);
  background: rgba(210,51,77,.06);
  padding: 12px 12px;
  border-bottom: 1px solid rgba(210,51,77,.12);
}

#courier .zd-table tbody td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.78);
}

#courier .zd-table tbody tr:last-child td{
  border-bottom: 0;
}

/* прайс справа чуть жирнее и фирменнее */
#courier .zd-table tbody td:last-child{
  font-weight: 800;
  color: #d2334d;
  white-space: nowrap;
}

/* мобильная адаптация */
@media (max-width: 768px){
#courier.zd-section{ padding: 16px; }
  #courier .zd-section__head{
    flex-wrap: wrap;
    gap: 10px;
  }
  #courier .zd-pill{
    margin-left: 0;
  }
}

/* =========================================================
COURIER LIST — убираем тире темы и ставим галочки
(ГАЛОЧКА ЧЕРЕЗ ::after, потому что тема юзает ::before)
========================================================= */

#courier .zd-list{
list-style: none !important;
padding: 0 !important;
margin: 14px 0 0 !important;
}

#courier .zd-list li{
list-style: none !important;

/* убиваем возможный фон/линию темы */
background: none !important;
background-image: none !important;
border: 0 !important;

position: relative !important;
padding-left: 34px !important;
margin: 10px 0 !important;
line-height: 1.5 !important;
}

/* ВОТ ГЛАВНОЕ: убиваем "тире" темы (оно почти всегда в ::before) */
#courier .zd-list li::before{
content: none !important;
display: none !important;
}

/* рисуем НАШУ галочку через ::after */
#courier .zd-list li::after{
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: 2px !important;

width: 20px !important;
height: 20px !important;
border-radius: 50% !important;

background: rgba(210,51,77,.12) !important;
border: 1px solid rgba(210,51,77,.25) !important;
color: #d2334d !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

font-size: 12px !important;
font-weight: 900 !important;
line-height: 1 !important;
}

/* на всякий — если тема использует marker */
#courier .zd-list li::marker{
content: "" !important;
font-size: 0 !important;
}

/* =========================================================
COURIER LIST — hover как pickup (движение + подсветка)
========================================================= */

#courier .zd-list li{
border-radius: 10px;
padding: 6px 8px 6px 34px !important; /* место под галку */

transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

#courier .zd-list li:hover{
transform: translateX(4px);
background: rgba(210,51,77,.05);
box-shadow: 0 6px 14px rgba(210,51,77,.10);
}

/* лёгкая анимация галки */
#courier .zd-list li:hover::after{
transform: scale(1.08);
}

/* =========================================================
PICKUP BLOCK — FINAL v2 (ровные галки + нормальный перенос текста)
ЗАМЕНИТЬ этим блоком весь старый #pickup...
========================================================= */

#pickup.zd-section{
margin-top: 26px;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(210,51,77,.16);
background: linear-gradient(180deg, rgba(210,51,77,.06) 0%, #fff 55%);
box-shadow: 0 18px 46px rgba(210,51,77,.10);
position: relative;
overflow: hidden;
}

/* фон-пудра */
#pickup.zd-section::before{
content:"";
position:absolute;
inset:-40px;
background:
    radial-gradient(circle at 20% 20%, rgba(210,51,77,.08) 0 2px, transparent 3px) 0 0/34px 34px;
opacity:.35;
pointer-events:none;
}

/* header */
#pickup .zd-section__head{
position: relative;
display:flex;
align-items:center;
gap:12px;
margin-bottom:12px;
padding-bottom:10px;
border-bottom:1px solid rgba(210,51,77,.12);
}

/* иконка слева */
#pickup .zd-section__head::before{
content:"🏬";
width:42px;
height:42px;
border-radius:14px;
background:rgba(210,51,77,.12);
border:1px solid rgba(210,51,77,.22);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
flex:0 0 42px;
}

#pickup .zd-section__head h2{
margin:0;
font-size:22px;
line-height:1.15;
}

/* pill */
#pickup .zd-pill{
margin-left:auto;
padding:7px 12px;
border-radius:999px;
font-size:13px;
font-weight:800;
color:#fff;
background:linear-gradient(135deg,#d2334d,#ff6b81);
box-shadow:0 10px 22px rgba(210,51,77,.28);
white-space:nowrap;
}

/* ===== LIST (PICKUP) — железобетон, без влияния темы ===== */

/* =========================================================
PICKUP LIST — как COURIER
(ГАЛОЧКА ЧЕРЕЗ ::after, потому что тема юзает ::before)
========================================================= */

#pickup .zd-list{
list-style: none !important;
padding: 0 !important;
margin: 14px 0 0 !important;
}

#pickup .zd-list li{
list-style: none !important;

/* убиваем возможный фон/линию темы */
background: none !important;
background-image: none !important;
border: 0 !important;

/* ВАЖНО: убиваем левый отступ темы (у тебя был 21px) */
margin: 10px 0 !important;
margin-left: 0 !important;

position: relative !important;
padding-left: 34px !important;
line-height: 1.5 !important;
text-align: left !important;
}

/* ВОТ ГЛАВНОЕ: убиваем "тире/стрелку" темы (обычно в ::before) */
#pickup .zd-list li::before{
content: none !important;
display: none !important;
}

/* рисуем НАШУ галочку через ::after */
#pickup .zd-list li::after{
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: 2px !important;

width: 20px !important;
height: 20px !important;
border-radius: 50% !important;

background: rgba(210,51,77,.12) !important;
border: 1px solid rgba(210,51,77,.25) !important;
color: #d2334d !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

font-size: 12px !important;
font-weight: 900 !important;
line-height: 1 !important;
}

/* на всякий — если тема использует marker */
#pickup .zd-list li::marker{
content: "" !important;
font-size: 0 !important;
}

/* фикс: тема иногда делает b блочным => переносит слова столбиком */
#pickup .zd-list b{
display: inline !important;
}

/* =========================
NOTE (Внимание) + иконка
========================= */

#pickup .zd-note{
margin-top:14px;
padding:12px 14px;
border-radius:14px;
background:rgba(210,51,77,.06);
border:1px solid rgba(210,51,77,.14);
font-size:14px;

display:flex;
align-items:flex-start;
gap:10px;

position: relative;
z-index: 1;
}

/* значок ⚠️ слева от "Внимание" */
#pickup .zd-note::before{
content:"⚠️";
flex:0 0 auto;
margin-top:1px;
}

/* =========================
MOBILE
========================= */

@media (max-width:768px){
#pickup.zd-section{ padding:16px; }
#pickup .zd-section__head{ flex-wrap:wrap; gap:10px; }
#pickup .zd-pill{ margin-left:0; }
}

/* =========================================================
PICKUP LIST — hover как courier (движение + подсветка)
========================================================= */

#pickup .zd-list li{
border-radius: 10px;
padding: 6px 8px 6px 34px !important; /* место под галку */

transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

#pickup .zd-list li:hover{
transform: translateX(4px); /* движение как у курьера */
background: rgba(210,51,77,.05);
box-shadow: 0 6px 14px rgba(210,51,77,.10);
}

/* =========================================================
RUSSIA BLOCK — FINAL (как courier/pickup)
галка через ::after (тема часто юзает ::before)
hover: подсветка + движение
========================================================= */

#russia.zd-section{
margin-top: 26px;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(210,51,77,.16);
background: linear-gradient(180deg, rgba(210,51,77,.06) 0%, #fff 55%);
box-shadow: 0 18px 46px rgba(210,51,77,.10);
position: relative;
overflow: hidden;
}

/* фон-пудра */
#russia.zd-section::before{
content:"";
position:absolute;
inset:-40px;
background:
    radial-gradient(circle at 20% 20%, rgba(210,51,77,.08) 0 2px, transparent 3px) 0 0/34px 34px;
opacity: .35;
pointer-events:none;
}

/* header */
#russia .zd-section__head{
position: relative;
display:flex;
align-items:center;
gap:12px;
margin-bottom:12px;
padding-bottom:10px;
border-bottom:1px solid rgba(210,51,77,.12);
z-index: 1;
}

/* иконка слева (без правки HTML) */
#russia .zd-section__head::before{
content:"📦";
width:42px;
height:42px;
border-radius:14px;
background:rgba(210,51,77,.12);
border:1px solid rgba(210,51,77,.22);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:20px;
flex:0 0 42px;
}

#russia .zd-section__head h2{
margin:0;
font-size:22px;
line-height:1.15;
}

/* pill */
#russia .zd-pill{
margin-left:auto;
padding:7px 12px;
border-radius:999px;
font-size:13px;
font-weight:800;
color:#fff;
background:linear-gradient(135deg,#d2334d,#ff6b81);
box-shadow:0 10px 22px rgba(210,51,77,.28);
white-space:nowrap;
}

/* текст */
#russia .zd-text{
position: relative;
z-index: 1;
margin: 12px 0 0;
color: rgba(0,0,0,.78);
line-height: 1.55;
}

/* =======================
LIST (галка через ::after)
======================= */

#russia .zd-list{
list-style: none !important;
padding: 0 !important;
margin: 14px 0 0 !important;
position: relative;
z-index: 1;
}

#russia .zd-list li{
list-style: none !important;

background: none !important;
background-image: none !important;
border: 0 !important;

position: relative !important;
padding-left: 34px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
padding-right: 8px !important;

margin: 10px 0 !important;
line-height: 1.5 !important;

border-radius: 10px;
transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

/* убиваем “тире/стрелку” темы (обычно в ::before) */
#russia .zd-list li::before{
content: none !important;
display: none !important;
}

/* наша галка */
#russia .zd-list li::after{
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: 8px !important;

width: 20px !important;
height: 20px !important;
border-radius: 50% !important;

background: rgba(210,51,77,.12) !important;
border: 1px solid rgba(210,51,77,.25) !important;
color: #d2334d !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

font-size: 12px !important;
font-weight: 900 !important;
line-height: 1 !important;

transition: transform .18s ease;
}

/* на всякий — если тема юзает marker */
#russia .zd-list li::marker{
content: "" !important;
font-size: 0 !important;
}

/* hover как courier/pickup: движение + подсветка */
#russia .zd-list li:hover{
transform: translateX(4px);
background: rgba(210,51,77,.05);
box-shadow: 0 6px 14px rgba(210,51,77,.10);
}
#russia .zd-list li:hover::after{
transform: scale(1.08);
}

/* =======================
CTA (контактная плашка)
======================= */

#russia .zd-cta{
margin-top: 16px;
padding: 16px;
border-radius: 18px;
background: #fff;
border: 1px solid rgba(210,51,77,.14);
box-shadow: 0 12px 30px rgba(0,0,0,.05);
position: relative;
z-index: 1;

display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}

#russia .zd-cta__text{
color: rgba(0,0,0,.78);
line-height: 1.45;
}

#russia .zd-cta__btns{
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}

/* мобильная */
@media (max-width: 768px){
#russia.zd-section{ padding:16px; }

#russia .zd-section__head{
    flex-wrap: wrap;
    gap: 10px;
}
#russia .zd-pill{
    margin-left: 0;
}

#russia .zd-cta{
    flex-direction: column;
    align-items: stretch;
}
#russia .zd-cta__btns{
    justify-content: flex-start;
}
}

/* =========================================================
RUSSIA: логотипы ТК (40x24), ровно, кликабельно, hover-lift
========================================================= */

#russia .zd-carriers{
display:flex;
flex-wrap:wrap;
gap: 12px;
align-items:center;
margin: 12px 0 14px;
}

#russia .zd-carrier{
width: 120px;            /* было меньше */
height: 52px;

display:flex;
align-items:center;
justify-content:center;

border-radius: 16px;
background: #fff;
border: 1px solid rgba(210,51,77,.18);
box-shadow: 0 10px 26px rgba(210,51,77,.10);

transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#russia .zd-carrier:hover{
transform: translateY(-2px);
border-color: rgba(210,51,77,.28);
box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

/* ГЛАВНОЕ — увеличиваем сами логотипы */
#russia .zd-carrier img{
width: 92px !important;     /* было 40 */
height: 52px !important;
object-fit: contain;
display:block;
}


/* на мобилке — удобнее тапать */
@media (max-width: 768px){
#russia .zd-carrier{
    width: 88px;
    height: 46px;
}
}

RUSSIA — KILL SMOKE (оверлеи/градиенты/псевдоэлементы)
ВСТАВИТЬ В САМЫЙ КОНЕЦ CSS
========================================================= */

/* 1) Убиваем любые псевдоэлементы секции (чаще всего это и есть "дымка") */
#russia.zd-section::before,
#russia.zd-section::after,
#russia::before,
#russia::after{
content: none !important;
display: none !important;
}

/* 2) На всякий — если тема рисует дымку через filter/opacity/backdrop */
#russia,
#russia *{
filter: none !important;
backdrop-filter: none !important;
}

/* 3) Если дымка сидит на CTA (часто у него есть свой ::before/::after) */
#russia .zd-cta::before,
#russia .zd-cta::after{
content: none !important;
display: none !important;
}

/* 4) Принудительно делаем фон секции "чистым" */
#russia.zd-section{
background: linear-gradient(180deg, rgba(210,51,77,.06) 0%, #fff 55%) !important;
}

/* 5) Если дымка выглядит как полупрозрачная плашка внизу — убираем прозрачности */
#russia .zd-cta{
background: #fff !important;
opacity: 1 !important;
}

/* минимальная сумма — бейдж */
#russia .zd-minsum{
display: inline-flex;
align-items: center;
gap: 8px;

padding: 6px 12px;
border-radius: 999px;

background: rgba(210,51,77,.10);
border: 1px solid rgba(210,51,77,.22);

font-weight: 700;
color: #d2334d;
}

#russia .zd-minsum::before{
content: "💳";
font-size: 14px;
}

/* ===== Кнопка почты — рамка всегда ===== */

.zd-btn--mail{
background: #fff !important;
color: #d2334d !important;

border: 1px solid rgba(210,51,77,.45) !important;
box-shadow: 0 4px 12px rgba(210,51,77,.10);

transition: all .18s ease;
}

/* hover — лёгкое усиление */
.zd-btn--mail:hover{
background: rgba(210,51,77,.06) !important;
border-color: #d2334d !important;
box-shadow: 0 6px 18px rgba(210,51,77,.18);
transform: translateY(-1px);
}

/* =========================================================
FAQ BLOCK — премиум стиль Zoofriend
========================================================= */

#faq.zd-section{
margin-top: 26px;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(210,51,77,.16);
background: linear-gradient(180deg, rgba(210,51,77,.06) 0%, #fff 55%);
box-shadow: 0 18px 46px rgba(210,51,77,.10);
position: relative;
overflow: hidden;
}

/* мягкий паттерн */
#faq.zd-section::before{
content:"";
position:absolute;
inset:-40px;
background:
    radial-gradient(circle at 20% 20%, rgba(210,51,77,.08) 0 2px, transparent 3px) 0 0/34px 34px;
opacity:.35;
pointer-events:none;
}

/* заголовок */
#faq h2{
margin:0 0 14px;
font-size:22px;
display:flex;
align-items:center;
gap:10px;
}

/* иконка */
#faq h2::before{
content:"❓";
width:42px;
height:42px;
border-radius:14px;
background:rgba(210,51,77,.12);
border:1px solid rgba(210,51,77,.22);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
flex:0 0 42px;
}

/* ===== ACCORDION ===== */

#faq details{
background:#fff;
border:1px solid rgba(210,51,77,.14);
border-radius:16px;
padding:14px 16px;
margin:10px 0;
transition: all .25s ease;
box-shadow: 0 8px 20px rgba(0,0,0,.04);
}

/* hover */
#faq details:hover{
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(210,51,77,.12);
border-color: rgba(210,51,77,.25);
}

/* open состояние */
#faq details[open]{
border-color: rgba(210,51,77,.35);
box-shadow: 0 14px 30px rgba(210,51,77,.16);
}

/* summary */
#faq summary{
cursor:pointer;
font-weight:600;
list-style:none;
position:relative;
padding-left:30px;
}

/* убрать стандартный маркер */
#faq summary::-webkit-details-marker{
display:none;
}

/* плюс */
#faq summary::before{
content:"+";
position:absolute;
left:0;
top:0;
width:22px;
height:22px;
border-radius:50%;
background:rgba(210,51,77,.12);
border:1px solid rgba(210,51,77,.25);
color:#d2334d;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:14px;
transition:.25s;
}

/* минус когда открыт */
#faq details[open] summary::before{
content:"−";
}

/* текст */
#faq details p{
margin:10px 0 0;
color:rgba(0,0,0,.75);
line-height:1.5;
}

/* ===== кнопка наверх ===== */

#faq .zd-back{
margin-top:16px;
text-align:right;
}

#faq .zd-link2{
display:inline-block;
padding:8px 12px;
border-radius:10px;
background:rgba(210,51,77,.08);
border:1px solid rgba(210,51,77,.18);
color:#d2334d;
font-weight:600;
text-decoration:none;
transition:.2s;
}

#faq .zd-link2:hover{
background:#d2334d;
color:#fff;
transform:translateY(-1px);
}

/* ===== MOBILE ===== */

@media (max-width:768px){

#faq.zd-section{
    padding:16px;
}

}

/* ===== FIX: Быстрые условия на мобилке (текст ровно) ===== */
@media (max-width: 768px){

/* пункт НЕ flex, чтобы слова не разъезжались */
.zd-hero-mini .zd-mini-list li{
    display: block !important;
    position: relative !important;
    padding-left: 32px !important; /* место под иконку */
    margin: 10px 0 !important;
    line-height: 1.45 !important;
}

/* иконку ставим слева и фиксируем */
.zd-hero-mini .zd-mini-ico{
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    margin: 0 !important;
}

/* время/жирное не переносим посимвольно */
.zd-hero-mini .zd-mini-list li b{
    white-space: nowrap !important;
}
}

/* =========================================================
MOBILE: ровные заголовки с иконкой (courier / pickup / russia)
========================================================= */
@media (max-width: 768px){

/* шапка секции -> колонка и по центру */
#courier .zd-section__head,
#pickup .zd-section__head,
#russia .zd-section__head{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    padding-bottom: 12px !important;
}

/* иконка (псевдоэлемент) -> сверху, без “уезда” */
#courier .zd-section__head::before,
#pickup .zd-section__head::before,
#russia .zd-section__head::before{
    flex: 0 0 auto !important;
    margin: 0 auto 2px !important;
}

/* сам заголовок */
#courier .zd-section__head h2,
#pickup .zd-section__head h2,
#russia .zd-section__head h2{
    margin: 0 !important;
    width: 100% !important;
    line-height: 1.15 !important;
}

/* pill (Бесплатно / 18 магазинов / 100% предоплата) -> по центру */
#courier .zd-pill,
#pickup .zd-pill,
#russia .zd-pill{
    margin-left: 0 !important;
    align-self: center !important;
}
}


/* End */
/* /help/delivery/delivery.css?177219726944606 */