/* Страница «Доставка и оплата» — блоки на всю ширину контейнера темы */

.iod-page{
	--iod-accent:#6f63d2;
	--iod-accent-dark:#5a4ec2;
	--iod-ink:#1c1c26;
	--iod-muted:#6d6d7a;
	--iod-line:#e7e5f1;
	--iod-soft:#f7f6fc;
	width:100%;
	padding:8px 0 48px;
	color:var(--iod-ink);
	font-size:16px;
}
.iod-page *{box-sizing:border-box}
.iod-page section{width:100%}

/* ------------------------------ Шапка ------------------------------ */
.iod-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);gap:28px;align-items:start;padding:8px 0 4px}
.iod-badge{display:inline-flex;align-items:center;gap:10px;background:var(--iod-soft);border:1px solid var(--iod-line);border-radius:999px;padding:7px 16px 7px 8px;font-size:14px;font-weight:600;color:var(--iod-accent-dark)}
.iod-badge-logo{width:26px;height:26px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.iod-hero-title{margin:16px 0 12px;font-size:clamp(30px,3.6vw,46px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.iod-hero-sub{margin:0 0 22px;max-width:780px;font-size:17px;line-height:1.6;color:var(--iod-muted)}
.iod-hero-actions{display:flex;flex-wrap:wrap;gap:12px}

.iod-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;background:var(--iod-accent);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;border:1px solid var(--iod-accent);transition:background .15s,transform .12s,box-shadow .15s}
.iod-btn:hover{background:var(--iod-accent-dark);border-color:var(--iod-accent-dark);box-shadow:0 6px 18px rgba(111,99,210,.28);transform:translateY(-1px)}
.iod-btn-ghost{background:#fff;color:var(--iod-accent-dark)!important;border-color:var(--iod-line)}
.iod-btn-ghost:hover{background:#fff;border-color:var(--iod-accent);box-shadow:0 4px 14px rgba(111,99,210,.16)}
.iod-btn-light{background:#fff;color:var(--iod-accent-dark)!important;border-color:#fff}
.iod-btn-light:hover{background:#fff;color:var(--iod-accent)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)}

.iod-hero-card{background:linear-gradient(180deg,#faf9ff,#fff);border:1px solid var(--iod-line);border-radius:18px;padding:8px 22px;box-shadow:0 8px 30px rgba(28,28,38,.06)}
.iod-hero-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px dashed var(--iod-line)}
.iod-hero-card-row:last-child{border-bottom:none}
.iod-hero-card-l{color:var(--iod-muted);font-size:14px;flex:0 0 auto}
.iod-hero-card-v{font-weight:600;font-size:15px;text-align:right}

/* --------------------------- Доверие ------------------------------- */
.iod-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.iod-trust-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--iod-line);border-radius:14px;padding:16px 18px}
.iod-ico{width:26px;height:26px;flex:0 0 auto;color:var(--iod-accent)}
.iod-trust-title{font-weight:600;font-size:15px;line-height:1.3}
.iod-trust-text{margin-top:4px;font-size:13px;color:var(--iod-muted);line-height:1.45}

/* ---------------------------- Секции ------------------------------- */
.iod-section{margin-top:46px}
.iod-h2{margin:0 0 18px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.iod-lead{margin:0 0 18px;color:var(--iod-muted);font-size:15px;line-height:1.6;max-width:820px}
.iod-note-line{margin:14px 0 0;font-size:14px;color:var(--iod-muted)}

/* ---------------------------- Карточки ----------------------------- */
.iod-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px}
.iod-card{position:relative;background:#fff;border:1px solid var(--iod-line);border-radius:16px;padding:20px 22px;transition:border-color .15s,box-shadow .15s,transform .12s}
.iod-card:hover{border-color:var(--iod-accent);box-shadow:0 8px 24px rgba(111,99,210,.13);transform:translateY(-2px)}
.iod-card.is-primary{border-color:var(--iod-accent);background:linear-gradient(180deg,#f9f8ff,#fff)}
.iod-card-logo{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;margin-bottom:10px;box-shadow:0 1px 5px rgba(0,0,0,.1)}
.iod-card .iod-ico{margin-bottom:10px}
.iod-card-title{font-size:17px;font-weight:600;line-height:1.35}
.iod-card-note{margin-top:8px;font-size:15px;color:var(--iod-accent-dark);font-weight:600;line-height:1.45}
.iod-card-sub{margin-top:8px;font-size:14px;color:var(--iod-muted);line-height:1.5}
.iod-card-zone{margin-top:10px;font-size:12px;color:var(--iod-muted)}
.iod-card-icon{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.iod-card-icon img{max-height:24px;width:auto}
.iod-card-tag{position:absolute;top:14px;right:14px;background:var(--iod-accent);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.02em}

/* ------------------------------ Шаги ------------------------------- */
.iod-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.iod-steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--iod-line);border-radius:16px;padding:20px 22px}
.iod-steps strong{display:block;font-size:16px;margin-bottom:5px}
.iod-steps span:not(.iod-step-n){display:block;font-size:14px;color:var(--iod-muted);line-height:1.5}
.iod-step-n{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--iod-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}

/* ------------------------- Пункты выдачи --------------------------- */
.iod-page .iod-point-block.iod-standalone{margin:0;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid var(--iod-line);font-size:15px}
.iod-page .iod-point-block.iod-standalone .iod-map{height:460px}
.iod-page .iod-point-block.iod-standalone .iod-results{max-height:440px}
.iod-page .iod-point-block.iod-standalone .iod-result{cursor:default}
.iod-page .iod-point-block.iod-standalone .iod-result:hover{box-shadow:none;background:#fff;border-color:var(--iod-accent)}

/* ------------------------------ FAQ -------------------------------- */
.iod-faq{display:grid;gap:10px}
.iod-faq-item{background:#fff;border:1px solid var(--iod-line);border-radius:14px;padding:0 20px;transition:border-color .15s}
.iod-faq-item[open]{border-color:var(--iod-accent);box-shadow:0 6px 20px rgba(111,99,210,.1)}
.iod-faq-item summary{list-style:none;cursor:pointer;padding:17px 34px 17px 0;font-weight:600;font-size:16px;line-height:1.4;position:relative}
.iod-faq-item summary::-webkit-details-marker{display:none}
.iod-faq-item summary::after{content:'';position:absolute;right:4px;top:24px;width:9px;height:9px;border-right:2px solid var(--iod-accent);border-bottom:2px solid var(--iod-accent);transform:rotate(45deg);transition:transform .2s}
.iod-faq-item[open] summary::after{transform:rotate(-135deg);top:27px}
.iod-faq-a{padding:0 0 18px;color:var(--iod-muted);font-size:15px;line-height:1.65}

/* ------------------------------ CTA -------------------------------- */
.iod-cta{margin-top:46px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--iod-accent),#8a7ee0);border-radius:20px;padding:30px 34px;color:#fff}
.iod-cta-title{font-size:22px;font-weight:700;line-height:1.3}
.iod-cta-sub{margin-top:6px;font-size:15px;opacity:.92;line-height:1.5}

/* ------------------------ Текст из редактора ----------------------- */
.iod-content{font-size:16px;line-height:1.7}
.iod-content h2{font-size:24px;margin:28px 0 12px}
.iod-content h3{font-size:19px;margin:22px 0 10px}
.iod-content p{margin:0 0 14px}
.iod-content ul,.iod-content ol{margin:0 0 16px 22px;line-height:1.7}

/* ---------------------------- Адаптив ------------------------------ */
@media (max-width:1024px){
	.iod-hero{grid-template-columns:1fr;gap:22px}
	.iod-trust{grid-template-columns:repeat(2,1fr)}
	.iod-steps{grid-template-columns:1fr;gap:12px}
}
@media (max-width:640px){
	.iod-page{padding:4px 0 36px;font-size:15px}
	.iod-hero-title{margin-top:14px}
	.iod-hero-sub{font-size:16px}
	.iod-hero-actions{gap:10px}
	.iod-btn{width:100%;min-height:50px}
	.iod-trust{grid-template-columns:1fr;gap:10px}
	.iod-section{margin-top:34px}
	.iod-card,.iod-steps li,.iod-trust-item{padding:15px 16px}
	.iod-hero-card{padding:6px 18px}
	.iod-hero-card-row{padding:12px 0}
	.iod-page .iod-point-block.iod-standalone{padding:14px 15px}
	.iod-page .iod-point-block.iod-standalone .iod-map{height:340px}
	.iod-page .iod-point-block.iod-standalone .iod-results{max-height:60vh}
	.iod-faq-item summary{font-size:15px;padding:15px 30px 15px 0}
	.iod-cta{padding:22px 20px;text-align:left}
	.iod-cta .iod-btn{width:100%}
}