.delivery-page { --delivery-orange:#ff932f; display:flex; flex-direction:column; min-height:100vh; background:#0b0b10; color:#f4f5f8; }
.delivery-main { flex:1; width:min(100% - 40px, 74rem); margin-inline:auto; padding-block:56px 72px; }
.delivery-main [id] { scroll-margin-top:90px; }
.delivery-main ::selection { background:#ff932f; color:#17100a; }
.delivery-main p { color:#b7b8c5; line-height:1.8; }
.delivery-main svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.delivery-hero { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:40px; align-items:stretch; }
.delivery-hero-copy { position:relative; min-width:0; padding:12px 0 0; }
.delivery-main h1 { margin:0 0 30px; font-size:clamp(30px,3.7vw,48px); line-height:1.3; letter-spacing:-.025em; font-weight:750; }
.delivery-main h1 span { color:#b7b8c5; }
.delivery-stat { position:relative; border-top:1px solid #3a3029; padding-top:23px; }
.delivery-stat::before { content:""; position:absolute; top:-1px; left:0; width:82px; height:1px; background:var(--delivery-orange); }
.delivery-main .delivery-stat-label { margin:0; color:#e6e5e1; font-size:16px; letter-spacing:.08em; }
.delivery-number { display:flex; align-items:baseline; gap:14px; color:var(--delivery-orange); margin-block:9px 8px; }
.delivery-total { font-size:clamp(84px,12vw,152px); font-weight:750; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.delivery-number > span { font-size:22px; }
.delivery-main .delivery-stat-date { margin:0; color:#9a9aa8; font-size:12px; font-variant-numeric:tabular-nums; }
.delivery-intro { margin:24px 0 0; font-size:16px; }
.delivery-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px; margin-top:23px; }
.delivery-main .delivery-action { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:48px; padding:10px 21px; border-radius:8px; background:var(--delivery-orange); color:#17100a; font-weight:700; text-decoration:none; transition:background-color .18s ease; }
.delivery-main .delivery-action:hover { background:#ffb36d; }
.delivery-main .delivery-text-link { color:#d0d1db; text-underline-offset:6px; padding-block:12px; }
.delivery-main a:focus-visible { outline:2px solid #ffc28b; outline-offset:5px; }
.delivery-scope { display:flex; flex-wrap:wrap; gap:12px 28px; list-style:none; margin:28px 0 0; padding:18px 0 0; border-top:1px solid #262630; color:#aeb0bf; font-size:13px; }
.delivery-scope li { display:flex; align-items:center; gap:9px; }
.delivery-scope li::before { content:""; width:5px; height:5px; background:var(--delivery-orange); }
.delivery-contact { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; border:1px solid #3d3834; border-radius:16px; background:#141419; text-align:center; }
.delivery-contact-head { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding-bottom:22px; border-bottom:1px solid #343137; color:#c6b9ae; font-size:13px; }
.delivery-contact-head svg { color:var(--delivery-orange); width:19px; height:19px; }
.delivery-contact h2 { margin:25px 0 0; font-size:28px; line-height:1.3; }
.delivery-contact p { margin:12px 0 0; font-size:13px; line-height:1.8; }
.delivery-contact .delivery-contact-lead { margin-top:7px; font-size:14px; }
.delivery-qr-frame { position:relative; margin-top:25px; padding:10px; border:1px solid #544336; }
.delivery-qr-frame::before,.delivery-qr-frame::after { content:""; position:absolute; width:24px; height:24px; border-color:var(--delivery-orange); border-style:solid; pointer-events:none; }
.delivery-qr-frame::before { inset:-1px auto auto -1px; border-width:2px 0 0 2px; }
.delivery-qr-frame::after { inset:auto -1px -1px auto; border-width:0 2px 2px 0; }
.delivery-qr { display:block; width:208px; max-width:100%; height:auto; background:#fff; }
.delivery-contact-note { width:100%; margin-top:24px; padding-top:20px; border-top:1px solid #343137; color:#aaa8b3; font-size:12px; line-height:1.8; }
.delivery-feedback { display:grid; grid-template-columns:.95fr 1.3fr; margin-top:64px; border:1px solid #38333a; border-radius:16px; overflow:hidden; background:#141419; }
.delivery-feedback-intro { background:var(--delivery-orange); color:#1e130a; padding:36px; display:flex; align-items:flex-start; flex-direction:column; }
.delivery-feedback h2 { margin:0; font-size:20px; font-weight:650; }
.delivery-feedback .delivery-feedback-statement { color:#1e130a; font-size:clamp(30px,3.6vw,46px); line-height:1.25; font-weight:750; letter-spacing:-.025em; margin:22px 0 18px; }
.delivery-feedback-intro > p:not(.delivery-feedback-statement) { max-width:23em; margin:0; color:#49301c; font-size:15px; }
.delivery-main .delivery-feedback-link { display:inline-flex; align-items:center; gap:22px; color:#1e130a; font-weight:700; text-decoration:none; border-bottom:1px solid #68401b; padding:12px 0 7px; margin-top:auto; }
.delivery-feedback-topics { padding:32px 38px; }
.delivery-feedback-topics > h3 { margin:0 0 22px; color:#d1d0d9; font-size:14px; font-weight:500; }
.delivery-feedback-topics article { display:flex; gap:20px; border-top:1px solid #35343e; padding-block:21px; }
.delivery-feedback-topics article:last-child { padding-bottom:0; }
.delivery-feedback-topics article > svg { color:var(--delivery-orange); margin-top:3px; }
.delivery-feedback-topics h4 { margin:0; font-size:21px; font-weight:650; }
.delivery-feedback-topics article p { margin:7px 0 0; font-size:14px; }
.delivery-section { margin-top:64px; }
.delivery-section h2 { margin:0; font-size:clamp(26px,3vw,36px); line-height:1.3; letter-spacing:-.025em; }
.delivery-section-head p { margin:12px 0 0; font-size:15px; }
.delivery-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; list-style:none; counter-reset:delivery-step; margin:32px 0 0; padding:0; }
.delivery-steps li { counter-increment:delivery-step; border-top:1px solid #3c3733; padding-top:20px; }
.delivery-steps li::before { content:"0" counter(delivery-step); color:var(--delivery-orange); font-size:16px; font-variant-numeric:tabular-nums; }
.delivery-steps h3 { display:inline; margin-left:14px; font-size:21px; }
.delivery-steps p { margin:14px 0 0; font-size:14px; }
.delivery-closing { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin-top:60px; padding-top:32px; border-top:1px solid #302d30; }
.delivery-closing p { margin:0; font-size:22px; }
.delivery-closing strong { color:#f4f5f8; }
@media (max-width:960px) { .delivery-hero { gap:26px; grid-template-columns:minmax(0,1fr) 300px; } .delivery-contact { padding:24px; } .delivery-feedback-intro { padding:30px; } .delivery-feedback-topics { padding:28px; } .delivery-total { font-size:clamp(80px,13vw,120px); } }
@media (max-width:700px) { .delivery-main { width:calc(100% - 36px); padding-block:28px 48px; } .delivery-hero,.delivery-feedback,.delivery-steps { grid-template-columns:1fr; } .delivery-main h1 { font-size:clamp(28px,8vw,42px); margin-bottom:24px; } .delivery-hero-copy { padding:0; } .delivery-total { font-size:clamp(80px,22vw,128px); } .delivery-number { margin-top:14px; } .delivery-intro { font-size:15px; } .delivery-desktop-break { display:none; } .delivery-contact { margin-top:6px; padding:26px; } .delivery-qr { width:208px; } .delivery-contact-head { padding-bottom:18px; } .delivery-feedback,.delivery-section { margin-top:42px; } .delivery-feedback-intro { padding:28px; } .delivery-feedback .delivery-feedback-statement { font-size:38px; } .delivery-main .delivery-feedback-link { margin-top:20px; } .delivery-feedback-topics { padding:28px; } .delivery-feedback-topics article { gap:16px; } .delivery-feedback-topics h4 { font-size:19px; } .delivery-steps { gap:22px; margin-top:26px; } .delivery-closing { margin-top:38px; } .delivery-closing p { font-size:20px; } }

.delivery-main [hidden] { display:none !important; }
