/**
 * Сторінка «Доставка та оплата» — погоджений макет (ingredients-delivery-page).
 * CSS ізольований у #ig-delivery-page. Шрифти Montserrat/Inter — з теми (self-host).
 */
#ig-delivery-page { --ig-bg:#09090b; --ig-surface:#111114; --ig-text:#f5f3f3; --ig-muted:#a5a3aa; --ig-line:#29272b; --ig-accent:#ff964b; --ig-map-glow:1; color:var(--ig-text);background:var(--ig-bg);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6; overflow:hidden;color-scheme:dark; }
#ig-delivery-page * { box-sizing:border-box; }
#ig-delivery-page a { color:inherit;text-decoration:none; }
#ig-delivery-page button { font:inherit; }
#ig-delivery-page [hidden] { display:none!important; }
#ig-delivery-page p,
#ig-delivery-page h1,
#ig-delivery-page h2,
#ig-delivery-page h3 { margin:0; }
#ig-delivery-page h1,
#ig-delivery-page h2,
#ig-delivery-page h3 { font-family:Montserrat,Inter,Arial,sans-serif; }
#ig-delivery-page svg.lucide { width:19px;height:19px;flex-shrink:0;stroke-width:1.6; }
#ig-delivery-page .ig-text-link:hover,
#ig-delivery-page .ig-contact-link:hover { color:var(--ig-accent); }
#ig-delivery-page .ig-action { display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;background:var(--ig-accent);color:#251407;font-weight:700;padding:11px 19px;white-space:nowrap;transition:filter .2s; }
#ig-delivery-page .ig-action:hover { filter:brightness(1.1); }
#ig-delivery-page .ig-container { max-width:1240px;margin:auto;padding:0 52px; }
#ig-delivery-page .ig-breadcrumb { display:flex;gap:10px;color:#9d99a3;font-size:11px;padding-top:24px; }
#ig-delivery-page .ig-breadcrumb span:last-child { color:#c4c0c7; }
#ig-delivery-page .ig-hero { padding-top:51px;text-align:center; }
#ig-delivery-page .ig-eyebrow { font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;color:var(--ig-accent); }
#ig-delivery-page .ig-hero>.ig-eyebrow { justify-content:center;margin-bottom:20px; }
#ig-delivery-page .ig-status-dot,
#ig-delivery-page .ig-small-dot { width:5px;height:5px;border-radius:50%;background:var(--ig-accent);display:inline-block;flex-shrink:0; }
#ig-delivery-page h1 { font-size:clamp(31px,4.8vw,53px);font-weight:700;line-height:1.14;letter-spacing:-2px; }
#ig-delivery-page h1>span { color:var(--ig-accent); }
#ig-delivery-page .ig-hero-description { color:var(--ig-muted);font-size:14px;line-height:1.7;margin:22px auto 0; }
#ig-delivery-page .ig-map-wrap { max-width:900px;margin:37px auto 0;position:relative; }
#ig-delivery-page .ig-map-topline { display:flex;justify-content:space-between;gap:15px;align-items:center;font:10px ui-monospace,monospace;letter-spacing:1px;color:#b4adb0;padding:0 2px 16px; }
#ig-delivery-page .ig-map-topline svg.lucide { width:13px;height:13px; }
#ig-delivery-page .ig-map { height:480px;position:relative;isolation:isolate; }
#ig-delivery-page .ig-map::before { position:absolute;content:"";inset:-40px 0 -15px;background:radial-gradient(ellipse,rgba(255,140,68,.1),transparent 66%);opacity:var(--ig-map-glow);z-index:-1;pointer-events:none; }
#ig-delivery-page .ig-map-svg { display:block;width:100%;height:100%;overflow:visible; }
#ig-delivery-page .ig-map-points { position:absolute;inset:0; }
#ig-delivery-page .ig-city { position:absolute;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#c9bec0;padding:0;min-width:44px;height:44px;transform:translate(-50%,-50%);font-size:11px; }
#ig-delivery-page .ig-city-dot { width:6px;height:6px;background:#988783;border:2px solid #1f1815;border-radius:50%;box-sizing:content-box; }
#ig-delivery-page .ig-city-name { position:absolute;top:32px;white-space:nowrap;text-shadow:0 1px 8px #000,0 0 5px #000; }
#ig-delivery-page .ig-city--top .ig-city-name { top:auto;bottom:30px; }
#ig-delivery-page .ig-city-origin { position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid var(--ig-accent);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px #ff964b12; }
#ig-delivery-page .ig-city-origin::before { content:"";background:var(--ig-accent);width:6px;height:6px;border-radius:50%; }
#ig-delivery-page .ig-city-origin>span { position:absolute;top:-32px;font-size:13px;font-weight:600;color:var(--ig-accent); }
#ig-delivery-page .ig-journey { margin:35px 0 0;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--ig-line);border-bottom:1px solid var(--ig-line);padding:24px 0;gap:clamp(18px,3.5vw,46px);text-align:left; }
#ig-delivery-page .ig-journey>div { display:flex;align-items:center;gap:12px;font-size:12px; }
#ig-delivery-page .ig-step-number { font-family:ui-monospace,monospace;font-size:11px;color:var(--ig-accent); }
#ig-delivery-page .ig-journey>svg { color:#76615b;width:16px; }
#ig-delivery-page .ig-section { padding:82px 0;border-bottom:1px solid var(--ig-line); }
#ig-delivery-page .ig-shipping { display:grid;grid-template-columns: .82fr 1.18fr;gap:76px; }
#ig-delivery-page .ig-chapter { letter-spacing:0;border:1px solid #514031;border-radius:50%;width:25px;height:25px;display:grid;place-items:center; }
#ig-delivery-page h2 { font-size:35px;font-weight:700;line-height:1.18;letter-spacing:-1.3px; }
#ig-delivery-page .ig-section-heading h2 { margin-top:21px; }
#ig-delivery-page .ig-body-copy { color:var(--ig-muted);font-size:13px;line-height:1.8; }
#ig-delivery-page .ig-section-heading>.ig-body-copy { margin-top:20px;max-width:290px; }
#ig-delivery-page .ig-dispatch { display:flex;gap:13px;align-items:flex-start;margin-top:28px; }
#ig-delivery-page .ig-dispatch>svg { color:var(--ig-accent);margin-top:5px; }
#ig-delivery-page .ig-dispatch strong { font-size:26px;line-height:1.4;font-weight:600;letter-spacing:-1px; }
#ig-delivery-page .ig-dispatch strong span { font-size:13px;font-weight:400;letter-spacing:0;margin-left:3px; }
#ig-delivery-page .ig-dispatch p { color:var(--ig-muted);font-size:11px;margin-top:3px; }
#ig-delivery-page .ig-methods { border-top:1px solid var(--ig-line);align-self:center; }
#ig-delivery-page .ig-method { border-bottom:1px solid var(--ig-line);transition:background .2s; }
#ig-delivery-page .ig-method-button { width:100%;display:grid;grid-template-columns:36px 1fr 20px;gap:15px;align-items:center;text-align:left;background:transparent;border:0;padding:21px 6px;color:var(--ig-text); }
#ig-delivery-page .ig-method-icon { border:1px solid #42362e;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#ad8d75; }
#ig-delivery-page .is-open .ig-method-icon { border-color:var(--ig-accent);background:var(--ig-accent);color:#251407; }
#ig-delivery-page .ig-method-meta { display:block;color:#a39a9b;font:9px ui-monospace,monospace;letter-spacing:1px;margin-bottom:6px; }
#ig-delivery-page .ig-method-button strong { display:block;font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:600; }
#ig-delivery-page .ig-method-toggle { color:var(--ig-accent);font-size:23px;font-weight:400; }
#ig-delivery-page .ig-method-panel { padding:0 26px 22px 57px;color:var(--ig-muted);font-size:13px;line-height:1.8; }
#ig-delivery-page .ig-method-note { color:#b5a79d;display:flex;gap:7px;align-items:center;font-size:10px;margin-top:15px; }
#ig-delivery-page .ig-text-link { display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:11px; }
#ig-delivery-page .ig-text-link>svg { width:14px; }
#ig-delivery-page .ig-payment-top { display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:39px; }
#ig-delivery-page .ig-payment-top h2 { margin-top:21px; }
#ig-delivery-page .ig-payment-top>.ig-body-copy { max-width:300px;padding-bottom:3px; }
#ig-delivery-page .ig-payment-grid { display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center; }
#ig-delivery-page .ig-paper-wrap { padding:9px 8px 12px;position:relative; }
#ig-delivery-page .ig-paper-wrap::before { content:"";position:absolute;inset:12px 1px 10px 7px;background:#3c3025;border-radius:4px;transform:rotate(2deg); }
#ig-delivery-page .ig-paper { position:relative;background:#eee8dc;color:#322b27;padding:29px 28px 24px;transform:rotate(-1.5deg);border-radius:4px;box-shadow:0 12px 40px #0005; }
#ig-delivery-page .ig-paper-header { display:flex;justify-content:space-between;align-items:center;font-family:Montserrat,Arial,sans-serif;font-size:13px;letter-spacing:-.3px;font-weight:800; }
#ig-delivery-page .ig-paper-header>svg { color:#846b58; }
#ig-delivery-page .ig-paper-title { font-size:19px;font-weight:500;line-height:1.4;margin:26px 0 23px;letter-spacing:-.4px; }
#ig-delivery-page .ig-paper-rule { border-top:1px dashed #b7a99b; }
#ig-delivery-page .ig-paper-caption { font:8px ui-monospace,monospace;letter-spacing:1px;margin-top:24px; }
#ig-delivery-page .ig-price-time { display:flex;align-items:center;gap:13px;margin-top:7px; }
#ig-delivery-page .ig-price-time strong { font-size:74px;line-height:1.1;font-weight:500;letter-spacing:-4px; }
#ig-delivery-page .ig-price-time>span { font-size:17px;line-height:1.3; }
#ig-delivery-page .ig-price-time>svg { width:27px;height:27px;margin-left:auto;color:#9b704d; }
#ig-delivery-page .ig-paper-copy { margin-top:16px;color:#6c5f54;font-size:11px;line-height:1.7; }
#ig-delivery-page .ig-paper-footer { margin-top:23px;padding-top:17px;border-top:1px dashed #b7a99b;font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#6c5f54; }
#ig-delivery-page .ig-paper-footer>svg { width:15px;height:15px; }
#ig-delivery-page .ig-payment-terms>article { display:grid;grid-template-columns:24px 1fr;gap:17px;border-bottom:1px solid var(--ig-line);padding:25px 0; }
#ig-delivery-page .ig-payment-terms>article:first-child { padding-top:0; }
#ig-delivery-page .ig-payment-terms>article:last-child { border-bottom:0;padding-bottom:0; }
#ig-delivery-page .ig-term-icon { color:var(--ig-accent);padding-top:2px; }
#ig-delivery-page h3 { font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.2px; }
#ig-delivery-page .ig-payment-terms p { margin-top:9px;color:var(--ig-muted);font-size:12px;line-height:1.8; }
#ig-delivery-page .ig-contact { margin:60px 0;padding:37px 40px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:#191510;border:1px solid #443025;border-radius:4px;position:relative; }
#ig-delivery-page .ig-contact::before { position:absolute;content:"";left:-1px;top:30px;bottom:30px;width:3px;background:var(--ig-accent); }
#ig-delivery-page .ig-contact .ig-eyebrow { font-size:9px; }
#ig-delivery-page .ig-contact h2 { margin-top:14px;font-size:29px;line-height:1.25;letter-spacing:-1px; }
#ig-delivery-page .ig-contact p:not(.ig-eyebrow) { font-size:11px;color:var(--ig-muted);margin-top:14px; }
#ig-delivery-page .ig-contact-actions { display:flex;align-items:center;flex-direction:column;gap:17px; }
#ig-delivery-page .ig-primary { padding:15px 24px;font-size:13px; }
#ig-delivery-page .ig-contact-link { display:flex;gap:8px;align-items:center;font-size:11px;color:#c3b7af; }
#ig-delivery-page .ig-contact-link>svg { width:15px; }
@media (max-width:800px) {
#ig-delivery-page .ig-container { padding:0 30px; }
#ig-delivery-page .ig-shipping { gap:35px;grid-template-columns:.8fr 1.2fr; }
#ig-delivery-page .ig-method-button strong { font-size:14px; }
#ig-delivery-page .ig-section { padding:58px 0; }
#ig-delivery-page .ig-payment-grid { gap:35px; }
#ig-delivery-page .ig-payment-top>.ig-body-copy { max-width:220px;font-size:12px; }
#ig-delivery-page .ig-paper { padding:26px 22px; }
#ig-delivery-page .ig-journey>div { gap:8px;font-size:10px; }
#ig-delivery-page .ig-contact { padding:30px 26px; }
}
@media (max-width:600px) {
#ig-delivery-page .ig-container { padding:0 22px; }
#ig-delivery-page .ig-breadcrumb { font-size:10px;padding-top:18px; }
#ig-delivery-page .ig-hero { padding-top:37px; }
#ig-delivery-page .ig-hero>.ig-eyebrow { margin-bottom:18px; }
#ig-delivery-page h1 { font-size:34px;letter-spacing:-1.3px;line-height:1.16; }
#ig-delivery-page h1>span { display:inline-block;max-width:410px; }
#ig-delivery-page .ig-hero-description { font-size:12px;margin-top:18px;max-width:320px; }
#ig-delivery-page .ig-eyebrow { font-size:9px;letter-spacing:1.4px; }
#ig-delivery-page .ig-map-wrap { margin-top:30px; }
#ig-delivery-page .ig-map { height:320px; }
#ig-delivery-page .ig-map-topline { font-size:9px;padding-bottom:0; }
#ig-delivery-page .ig-journey { padding:18px 0;margin-top:26px;gap:8px;align-items:flex-start; }
#ig-delivery-page .ig-journey>div { display:block;flex:1;font-size:10px;line-height:1.5; }
#ig-delivery-page .ig-step-number { display:block;margin-bottom:7px;font-size:10px; }
#ig-delivery-page .ig-journey>svg { width:12px;margin-top:1px; }
#ig-delivery-page .ig-section { padding:45px 0; }
#ig-delivery-page .ig-shipping { grid-template-columns:1fr;gap:27px; }
#ig-delivery-page h2 { font-size:30px;letter-spacing:-1px; }
#ig-delivery-page .ig-section-heading h2 br { display:none; }
#ig-delivery-page .ig-section-heading>.ig-body-copy { margin-top:16px;max-width:100%;font-size:12px; }
#ig-delivery-page .ig-dispatch { margin-top:20px; }
#ig-delivery-page .ig-method-button { padding:19px 2px; }
#ig-delivery-page .ig-method-button strong { font-size:15px; }
#ig-delivery-page .ig-method-panel { padding-left:53px;font-size:12px; }
#ig-delivery-page .ig-payment-top { display:block;margin-bottom:29px; }
#ig-delivery-page .ig-payment-top>.ig-body-copy { max-width:none;margin-top:17px; }
#ig-delivery-page .ig-payment-grid { grid-template-columns:1fr;gap:31px; }
#ig-delivery-page .ig-paper-wrap { max-width:360px;width:100%;margin:auto; }
#ig-delivery-page .ig-paper { padding:25px 26px; }
#ig-delivery-page .ig-paper-title { margin:22px 0; }
#ig-delivery-page .ig-payment-terms>article { padding:22px 0; }
#ig-delivery-page .ig-contact { flex-direction:column;align-items:flex-start;gap:26px;padding:30px 24px;margin:40px 0; }
#ig-delivery-page .ig-contact h2 { font-size:27px; }
#ig-delivery-page .ig-contact-actions { align-items:flex-start; }
#ig-delivery-page .ig-primary { padding:13px 20px; }
}
@media (max-width:360px) {
#ig-delivery-page .ig-container { padding:0 18px; }
#ig-delivery-page h1 { font-size:30px; }
#ig-delivery-page .ig-map { height:290px; }
#ig-delivery-page .ig-method-button { gap:10px; }
#ig-delivery-page .ig-method-button strong { font-size:14px; }
#ig-delivery-page .ig-method-panel { padding-left:48px;padding-right:5px; }
#ig-delivery-page .ig-contact { padding:27px 20px; }
#ig-delivery-page .ig-contact h2 { font-size:25px; }
}
@media (prefers-reduced-motion:reduce) {
#ig-delivery-page *,
#ig-delivery-page *::before,
#ig-delivery-page *::after { transition:none!important;animation:none!important; }
}
#ig-delivery-page .ig-eyebrow,
#ig-delivery-page .ig-method-meta,
#ig-delivery-page .ig-method-note,
#ig-delivery-page .ig-paper-caption,
#ig-delivery-page .ig-paper-footer,
#ig-delivery-page .ig-contact .ig-eyebrow { font-size:11px; }
#ig-delivery-page .ig-payment-terms p { font-size:13px; }
#ig-delivery-page .ig-map-topline,
#ig-delivery-page .ig-breadcrumb { font-size:11px; }
@media(max-width:600px) {
#ig-delivery-page .ig-journey>div,
#ig-delivery-page .ig-step-number { font-size:11px; }
#ig-delivery-page .ig-method-meta { font-size:10px; }
}
#ig-delivery-page .ig-map-points { pointer-events:none; }
#ig-delivery-page .ig-city { cursor:default; }
#ig-delivery-page .ig-method-button { cursor:pointer; }
/* Видимий фокус для справжніх кнопок/посилань (а11y). */
#ig-delivery-page .ig-method-button:focus-visible,
#ig-delivery-page a:focus-visible { outline:2px solid var(--ig-accent); outline-offset:3px; border-radius:3px; }