/* C-015: only protected delivery/contact and existing mobile hero rules. Middle experience lives in experience.css. */
.delivery-section { border-top:1px solid var(--line); }
.delivery-composition { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:stretch; }
.delivery-panorama { position:relative; border-radius:28px; overflow:hidden; }
.delivery-panorama img { width:100%; height:100%; min-height:490px; object-fit:cover; object-position:48% center; }
.delivery-panorama figcaption { position:absolute; bottom:20px; right:20px; font-size:16px; background:#fff; padding:7px 12px; border-radius:8px; }
.delivery-flow { list-style:none; counter-reset:step; margin:0; padding:0; display:grid; gap:24px; }
.delivery-flow li { counter-increment:step; display:grid; grid-template-columns:1fr; }
.delivery-flow h3 { font-size:24px; line-height:1.3; }
.delivery-flow p { color:var(--muted); margin-top:10px; }
.carrier-boundary { margin-top:32px; color:var(--muted); }
.contact-section { border-top:1px solid var(--line); padding-block:72px; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.contact-section h2 { font-size:40px; max-width:840px; }
.contact-section .lead { margin-top:20px; }
.contact-section .button { flex:none; }
@media (max-width:1100px) {
.delivery-composition { gap:40px; }
}
@media (max-width:900px) {
.delivery-flow h3 { font-size:22px; }
.delivery-composition { gap:32px; }
.delivery-panorama img { min-height:480px; }
.delivery-flow { gap:24px; }
.delivery-flow li { gap:12px; }
.contact-section { padding-block:64px; gap:32px; }
.contact-section h2 { font-size:32px; }
}
@media (max-width:620px) {
.hero h1 span { display:block; }
.delivery-composition { display:flex; flex-direction:column; gap:32px; }
.delivery-panorama { border-radius:18px; }
.delivery-panorama img { min-height:0; height:260px; }
.delivery-flow { gap:28px; }
.delivery-flow li { gap:14px; }
.delivery-flow h3 { font-size:22px; }
.delivery-flow p { margin-top:10px; }
.carrier-boundary { margin-top:28px; }
.contact-section { padding-block:56px; display:block; }
.contact-section .button { margin-top:28px; }
}