.azm-odesa,
.azm-odesa * { box-sizing: border-box; }
.azm-odesa {
    --azm-ink: #20211e;
    --azm-muted: #62655e;
    --azm-paper: #f5f2e9;
    --azm-accent: #ff5420;
    --azm-line: rgba(32, 33, 30, .15);
    color: var(--azm-ink);
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.6;
    background: var(--azm-paper);
}
.azm-odesa-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.azm-odesa h1, .azm-odesa h2, .azm-odesa h3, .azm-odesa p { color: inherit; margin: 0; }
.azm-odesa h1 { max-width: 920px; font-size: clamp(36px, 5vw, 64px); font-weight: 400; letter-spacing: -.04em; line-height: 1.08; text-wrap: balance; }
.azm-odesa h2 { font-size: clamp(27px, 3vw, 38px); font-weight: 400; letter-spacing: -.025em; line-height: 1.2; text-wrap: balance; }
.azm-odesa h3 { font-size: 22px; line-height: 1.3; font-weight: 600; }
.azm-odesa p { font-size: 17px; }
.azm-odesa p + p { margin-top: 16px; }
.azm-odesa a:not(.azm-odesa-button) { color: var(--azm-ink); text-decoration: underline; text-decoration-color: var(--azm-accent); text-underline-offset: 4px; }
.azm-odesa a:hover { text-decoration-thickness: 2px; }
.azm-odesa a:focus-visible, .azm-odesa summary:focus-visible { outline: 3px solid var(--azm-accent); outline-offset: 5px; }
.azm-odesa-hero {
    padding: clamp(128px, 10vw, 152px) 0 clamp(48px, 6vw, 80px);
    color: #fff;
    background-color: #12232c;
    background-image: linear-gradient(90deg, rgba(9, 23, 31, .94) 0%, rgba(9, 23, 31, .85) 40%, rgba(9, 23, 31, .32) 66%, rgba(9, 23, 31, .08) 100%), url("aziamost-odesa-delivery/hero-desktop-v1.webp");
    background-size: cover;
    background-position: center;
}
.azm-odesa-hero h1 { max-width: 660px; font-size: clamp(36px, 4.4vw, 60px); }
.azm-odesa-hero .azm-odesa-lead { max-width: 640px; margin-top: 28px; color: #e1e8eb; font-size: clamp(18px, 1.7vw, 21px); }
.azm-odesa-hero .azm-odesa-intake { max-width: 610px; margin-top: 18px; color: #e1e8eb; }
.azm-odesa-rule { display: block; width: 50px; height: 3px; margin-bottom: 24px; background: var(--azm-accent); }
.azm-odesa-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; max-width: 100%; margin-top: 28px; padding: 14px 24px; border-radius: 8px; color: #fff !important; background: #20211e; font-size: 16px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: center; }
.azm-odesa-button:hover { color: #fff; background: #45493f; }
.azm-odesa-hero .azm-odesa-button { color: #171c20 !important; background: var(--azm-accent); }
.azm-odesa-hero .azm-odesa-button:hover { background: #ff703d; }
.azm-odesa-section { padding: clamp(36px, 5vw, 64px) 0; border-bottom: 1px solid var(--azm-line); }
.azm-odesa-section--white { background: #fff; }
.azm-odesa-section h2 { margin-bottom: 26px; }
.azm-odesa-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(30px, 5vw, 72px); align-items: start; }
.azm-odesa-split h2 { max-width: 420px; }
.azm-odesa-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.azm-odesa-card { min-width: 0; padding: 30px; border: 1px solid var(--azm-line); border-radius: 12px; background: #fff; }
.azm-odesa-card h3 { margin-bottom: 15px; }
.azm-odesa-card p { color: var(--azm-muted); }
.azm-odesa ul { padding-left: 22px; margin: 20px 0 0; }
.azm-odesa li { padding-left: 3px; font-size: 17px; }
.azm-odesa li + li { margin-top: 12px; }
.azm-odesa-intake-list { margin-top: 0 !important; }
.azm-odesa-list-note { color: var(--azm-muted) !important; margin-top: 25px !important; }
.azm-odesa-copy { max-width: 880px; }
.azm-odesa-faq { max-width: 980px; }
.azm-odesa details { border-bottom: 1px solid var(--azm-line); }
.azm-odesa details:first-of-type { border-top: 1px solid var(--azm-line); }
.azm-odesa summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; list-style: none; cursor: pointer; font-size: 19px; font-weight: 600; line-height: 1.4; }
.azm-odesa summary::-webkit-details-marker { display: none; }
.azm-odesa summary::after { content: '+'; flex: 0 0 auto; font-size: 26px; font-weight: 400; color: var(--azm-accent); }
.azm-odesa details[open] summary::after { content: '−'; }
.azm-odesa details p { padding-bottom: 22px; max-width: 880px; color: var(--azm-muted); }
@media (max-width: 760px) {
    .azm-odesa-shell { width: calc(100% - 32px); }
    .azm-odesa-split, .azm-odesa-cards { grid-template-columns: 1fr; gap: 24px; }
    .azm-odesa-split h2 { max-width: none; margin-bottom: 0; }
    .azm-odesa-card { padding: 24px; }
    .azm-odesa p, .azm-odesa li { font-size: 16px; }
    .azm-odesa-hero { padding: 112px 0 0; background-image: none; }
    .azm-odesa-hero .azm-odesa-lead { margin-top: 22px; }
    .azm-odesa-hero::after {
        content: '';
        display: block;
        height: clamp(220px, 61vw, 360px);
        margin-top: 32px;
        background-image: linear-gradient(180deg, #12232c 0%, rgba(18, 35, 44, .12) 28%, transparent 60%), url("aziamost-odesa-delivery/hero-mobile-v1.webp");
        background-size: cover;
        background-position: center, 76% center;
    }
    .azm-odesa summary { font-size: 17px; padding-block: 20px; }
}
@media (prefers-reduced-motion: reduce) { .azm-odesa { scroll-behavior: auto; } }