/* AQJOL — offer page only. Existing shared fonts/assets are not overwritten. */
/* Regular/Bold Manrope are scoped to this document: the supplied local asset
   is Medium only. These immutable Google Fonts URLs supply the missing weights. */
@font-face {
    font-family: 'AQJOL Offer Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/manrope/v3/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'AQJOL Offer Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/manrope/v3/xn7gYHE41ni1AdIRggexSvfedN4.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.offer-page-body { margin: 0; background: #fff; color: #1f1f1f; }
.offer-page { box-sizing: border-box; width: min(100%, 1920px); margin: 0 auto; padding: 72px 40px 144px; }
.offer-page *, .offer-page *::before, .offer-page *::after { box-sizing: border-box; }
.offer-page__title {
    width: min(100%, 1330px);
    margin: 0 auto;
    color: #1f1f1f;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.02em;
    text-align: center;
    text-transform: uppercase;
    white-space: pre-line;
    overflow-wrap: break-word;
}
.offer-page__content {
    display: flow-root;
    width: min(100%, 1040px);
    margin: 72px auto 0;
    color: #1f1f1f;
    font-family: 'AQJOL Offer Manrope', 'Manrope', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    overflow-wrap: break-word;
}
.offer-page__content h2 {
    margin: 72px 0 10px;
    color: #1f1f1f;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.offer-page__content > :first-child { margin-top: 0; }
.offer-page__content > :last-child { margin-bottom: 0; }
.offer-page__content p, .offer-page__content div, .offer-page__content li { margin: 0; padding: 0; }
.offer-page__content ul, .offer-page__content ol { margin: 0; padding-left: 30px; }
.offer-page__content ul { list-style-type: disc; }
.offer-page__content ol { list-style-type: decimal; }
.offer-page__content ul + p, .offer-page__content ol + p { margin-top: 16px; }
.offer-page__content strong, .offer-page__content b { font-weight: 700; }
.offer-page__content a { color: inherit; text-decoration: underline; text-underline-offset: .25em; }
.offer-breadcrumbs { font-family: 'AQJOL Offer Manrope', 'Manrope', Arial, Helvetica, sans-serif; }
.offer-breadcrumbs > span { font-weight: 700; }

@media (min-width: 761px) {
    .offer-page-body .offer-header .blog-header__inner {
        width: min(100%, 1920px);
        min-height: 190px;
        padding: 40px 40px 0;
    }
    .offer-breadcrumbs { height: 24px; flex: 0 0 24px; }
}

/* No separate mobile Figma was supplied. Reuse the project's established
   mobile text sizes/gutters, without changing any existing page or header. */
@media (max-width: 760px) {
    .offer-page-body .offer-header .blog-header__inner { width: 100%; min-height: 0; padding: 16px 16px 0; display: block; }
    .offer-header .blog-header__nav { position: relative; height: 52px; align-items: center; justify-content: space-between; }
    .offer-header .blog-header__logo { width: 198px; height: 16px; flex-basis: 198px; }
    .offer-header .blog-header__logo img { width: 198px; height: 16px; object-fit: contain; }
    .offer-header .blog-header__menu, .offer-header .blog-header__actions { display: none; }
    .offer-header .blog-header__burger[data-mobile-menu-open] { position: relative !important; top: auto !important; right: auto !important; width: 40px !important; height: 6px !important; flex: 0 0 40px !important; gap: 0 !important; justify-content: space-between !important; transform: none !important; }
    .offer-header .blog-header__burger[data-mobile-menu-open] span { width: 40px !important; }
    .offer-breadcrumbs { margin-top: 40px; }
    .offer-page { padding: 40px 16px 96px; }
    .offer-page__title { font-size: 40px; line-height: 36px; letter-spacing: 0; text-align: left; white-space: normal; }
    .offer-page__content { margin-top: 40px; font-size: 14px; line-height: 20px; }
    .offer-page__content h2 { margin-top: 40px; font-size: 28px; line-height: 32px; }
    .offer-page__content > :first-child { margin-top: 0; }
}