/* ==========================================================================
   Inkwell & Co. — cozy modern bookstore & fine stationery.

   Ported from the Stitch "Inkwell & Co." design (the Cozy Modern Library
   design system lives at docs/templates/stitch_14_inkwell_co._e_commerce_store/
   …/inkwell_co_/DESIGN.md): a warm cream "paper" canvas, forest-green ink
   and actions, a sparing burnt-orange accent for links and labels, Lora
   serif book titles (the allowlist stand-in for the design's Literata) over
   Source Sans 3 body, soft 8px corners (16px for large containers, 4px for
   book covers), thin borders tinted at 10% of the forest green, and
   "ambient" shadows — soft, blurred, 5%-opacity green, like a book resting
   on a table.

   This theme OWNS the hero / featured / booksellers / journal / newsletter
   home sections (iw-* markup) and INHERITS Modern Retail's header, footer,
   trust, promo tiles, product card and every functional page. This
   stylesheet therefore has two jobs:

     (a) style the NEW `iw-*` markup into the Stitch design; and
     (b) restyle the INHERITED `mr-*` surfaces — chiefly by re-pointing the
         base neutral tokens at the cream/vellum palette, dressing the promo
         tiles in the green gradient scrim, squaring product media to the
         2/3 book-cover ratio, and inking the footer forest green.

   Everything is scoped under `body.iw-theme` and reads the 5 customizer
   tokens (--bs-primary, --bs-primary-rgb, --ll-accent, --ll-font-headings,
   --ll-font-body, --bs-border-radius) with theme.json-default fallbacks, so
   the customizer + live preview keep working: change the primary colour and
   every green surface follows.
   ========================================================================== */

body.iw-theme {
    /* Customizer-driven brand tokens (fallbacks match theme.json defaults) */
    --iw-green: var(--bs-primary, #1f3b2c);
    --iw-green-rgb: var(--bs-primary-rgb, 31, 59, 44);
    --iw-orange: var(--ll-accent, #d0662a);
    /* AA-safe TEXT/fill variant of the accent. #d0662a measures 3.47:1 on
       cream #faf6ee and 3.74:1 for white-on-fill — both fail WCAG AA normal
       text (4.5:1). #a84a14 measures 5.33:1 on cream and 5.75:1 for
       white-on-fill — use it for every small-text role and every fill that
       carries white text. NOT usable on the dark forest footer: darkening an
       already-mid-luminance orange only widens the gap from a LIGHT
       background — it can't simultaneously brighten it relative to a
       near-black one (#a84a14 on #1f3b2c measures just 2.12:1, worse than
       the original). `.mr-footer a:hover` uses #fff instead (~12.2:1),
       matching the `.mr-promo__cta:hover` white-on-dark pattern below.
       Decorative roles (icon strokes, borders, large display accents) keep
       --iw-orange; only 3:1 applies there and #d0662a clears it. */
    --iw-orange-ink: #a84a14;
    --iw-radius: var(--bs-border-radius, 0.5rem);
    --iw-font-head: var(--ll-font-headings, "Lora"), Georgia, serif;
    --iw-font-body: var(--ll-font-body, "Source Sans 3"), system-ui, -apple-system, sans-serif;

    /* Paper palette (DESIGN.md) */
    --iw-cream: #faf6ee;         /* page canvas — the "paper"           */
    --iw-bright: #fdf9f1;        /* header / bright surface             */
    --iw-vellum: #f7f3eb;        /* hero panel / card surfaces (low)    */
    --iw-vellum-deep: #f1ede6;   /* bestsellers band (container)        */
    --iw-fill: #e6e2da;          /* placeholder / media-well fill       */
    --iw-white: #ffffff;         /* book-cover tiles + inputs           */
    --iw-ink: #1c1c17;           /* on-surface                          */
    --iw-muted: #424843;         /* on-surface-variant                  */
    --iw-soft: #727973;          /* outline (soft text)                 */
    --iw-line: rgba(31, 59, 44, 0.1);  /* 10%-green hairlines           */
    --iw-line-strong: #c2c8c2;   /* outline-variant                     */

    /* Shape + depth — 8px standard, 16px large containers, 4px book covers,
       and the design's single "ambient" shadow. */
    --iw-radius-lg: 1rem;
    --iw-radius-cover: 0.25rem;
    --iw-shadow: 0 10px 30px -5px rgba(var(--iw-green-rgb), 0.05);

    /* Re-point the inherited base neutrals at the paper palette so every
       inherited mr-* surface (bands, borders, fills, muted text) warms. */
    --mr-ink: var(--iw-ink);
    --mr-muted: var(--iw-muted);
    --mr-soft: var(--iw-soft);
    --mr-surface: var(--iw-cream);
    --mr-band: var(--iw-vellum);
    --mr-band-alt: var(--iw-vellum-deep);
    --mr-fill: var(--iw-fill);
    --mr-border: var(--iw-line);
    --mr-border-strong: var(--iw-line-strong);
    --mr-radius: var(--iw-radius);
    --mr-gold: var(--iw-orange);
    --mr-shadow: var(--iw-shadow);

    background-color: var(--iw-cream);
    color: var(--iw-ink);
    font-family: var(--iw-font-body);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* --------------------------------------------------------------------------
   Shape discipline — softness everywhere: 8px on interactive elements,
   16px on large containers, ambient shadows instead of hard elevation.
   -------------------------------------------------------------------------- */
body.iw-theme .form-control,
body.iw-theme .form-select,
body.iw-theme .dropdown-menu {
    border-radius: var(--iw-radius);
}

body.iw-theme .mr-promo,
body.iw-theme .mr-promo__img,
body.iw-theme .iw-journal__card,
body.iw-theme .iw-club {
    border-radius: var(--iw-radius-lg);
}

/* Never starve the select caret gutter (Bootstrap reserves 2.25rem right
   padding for the arrow background-image). */
body.iw-theme .form-select { padding-inline-end: 2.25rem; }

/* --------------------------------------------------------------------------
   Typography — Lora literary authority with generous book-like leading;
   burnt-orange small-caps eyebrows.
   -------------------------------------------------------------------------- */
body.iw-theme h1, body.iw-theme h2, body.iw-theme h3,
body.iw-theme h4, body.iw-theme h5, body.iw-theme h6,
body.iw-theme .mr-display {
    font-family: var(--iw-font-head);
    color: var(--iw-green);
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.iw-theme .mr-display {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}

body.iw-theme .mr-eyebrow,
body.iw-theme .iw-eyebrow {
    font-family: var(--iw-font-body);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--iw-orange-ink);
}

/* --------------------------------------------------------------------------
   Buttons — solid forest green primary with a subtle hover lift; quiet
   1px-green outline secondary. 8px radius per the design system.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-btn {
    border-radius: var(--iw-radius);
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

body.iw-theme .mr-btn--primary {
    background-color: var(--iw-green);
    border-color: var(--iw-green);
    color: #fff;
    box-shadow: var(--iw-shadow);
}

body.iw-theme .mr-btn--primary:hover {
    background-color: var(--iw-green);
    color: #fff;
    opacity: 0.92;
    transform: translateY(-2px);
}

body.iw-theme .mr-btn--outline,
body.iw-theme .iw-btn-outline {
    border: 1px solid var(--iw-green);
    color: var(--iw-green);
    background: transparent;
}

body.iw-theme .mr-btn--outline:hover,
body.iw-theme .iw-btn-outline:hover {
    background: rgba(var(--iw-green-rgb), 0.05);
    border-color: var(--iw-green);
    color: var(--iw-green);
    transform: translateY(-2px);
}

/* The burnt-orange "View all →" / "Read More →" link. */
body.iw-theme .iw-view-link {
    color: var(--iw-orange-ink);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    padding-bottom: 0.25rem;
}

body.iw-theme .iw-view-link:hover { color: var(--iw-green); text-decoration: underline; text-underline-offset: 4px; }

/* Inputs — cream fields slightly darker than the page, 1px hairline; focus
   draws the forest-green border instead of a glow. */
body.iw-theme .form-control,
body.iw-theme .form-select {
    background-color: var(--iw-white);
    border-color: var(--iw-line-strong);
    color: var(--iw-ink);
}

body.iw-theme .form-control:focus,
body.iw-theme .form-select:focus {
    border-color: var(--iw-green);
    box-shadow: 0 0 0 1px var(--iw-green);
}

/* --------------------------------------------------------------------------
   Announcement + header — forest whisper band, then the bright paper header
   under a 10%-green hairline: Lora wordmark, quiet Source Sans nav.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-announce {
    background-color: var(--iw-green);
    color: rgba(255, 255, 255, 0.95);
    letter-spacing: 0.18em;
    font-size: 0.68rem;
    text-transform: uppercase;
}

body.iw-theme .mr-header {
    background-color: rgba(253, 249, 241, 0.95);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid var(--iw-line);
}

body.iw-theme .mr-logo {
    font-family: var(--iw-font-head);
    font-weight: 600;
    font-size: clamp(1.4rem, 2vw, 1.6rem);
    letter-spacing: -0.01em;
    color: var(--iw-green);
}

body.iw-theme .mr-nav-link {
    font-family: var(--iw-font-body);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--iw-muted);
}

body.iw-theme .mr-nav-link:hover { color: var(--iw-orange-ink); }

body.iw-theme .mr-nav-link.is-active {
    color: var(--iw-green);
    border-bottom-color: var(--iw-orange);
}

body.iw-theme .mr-search input {
    background: var(--iw-vellum);
    border-color: var(--iw-line);
    border-radius: var(--iw-radius);
}

body.iw-theme .mr-search input:focus {
    background: var(--iw-white);
    border-color: var(--iw-green);
    box-shadow: none;
}

body.iw-theme .mr-icon-btn { color: var(--iw-green); }
body.iw-theme .mr-icon-btn:hover { color: var(--iw-orange); }
/* Carries the base's inherited `color: #fff` (app.css) — a fill, needs the ink. */
body.iw-theme .mr-badge { background-color: var(--iw-orange-ink); }

/* --------------------------------------------------------------------------
   Hero (iw-hero) — the split reading-nook: photograph edge-to-edge on the
   left, copy on the vellum panel to the right. Stacks image-over-copy on
   mobile (per the export's mobile frame).
   -------------------------------------------------------------------------- */
body.iw-theme .iw-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 600px;
}

body.iw-theme .iw-hero__media {
    position: relative;
    overflow: hidden;
    background: var(--iw-fill);
}

body.iw-theme .iw-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s ease;
}

body.iw-theme .iw-hero:hover .iw-hero__img { transform: scale(1.05); }

body.iw-theme .iw-hero__panel {
    display: flex;
    align-items: center;
    background: var(--iw-vellum);
    padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 5vw, 4rem);
}

body.iw-theme .iw-hero__title {
    font-size: clamp(2.25rem, 4.5vw, 3rem);
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

body.iw-theme .iw-hero__lead {
    color: var(--iw-muted);
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 44ch;
    margin-bottom: 2.5rem;
}

body.iw-theme .iw-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

body.iw-theme .iw-btn-hero { padding: 0.8rem 2rem; }

/* --------------------------------------------------------------------------
   Trust strip (inherited) — quiet hairline-framed band with burnt-orange
   icons and small-caps labels.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-trust svg { color: var(--iw-orange); }

body.iw-theme .mr-trust strong {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--iw-muted);
}

/* --------------------------------------------------------------------------
   Promo tiles (inherited mr-promo) — three 400px 12px-rounded tiles under
   the forest gradient scrim; Lora titles with the orange-underlined caption.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-promo {
    height: 400px;
    box-shadow: var(--iw-shadow);
}

body.iw-theme .mr-promo__scrim {
    background: linear-gradient(to top, rgba(var(--iw-green-rgb), 0.8), transparent);
}

body.iw-theme .mr-promo__title { font-family: var(--iw-font-head); font-weight: 600; }

body.iw-theme .mr-promo__cta {
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 2px solid var(--iw-orange);
    padding-bottom: 0.2rem;
}

body.iw-theme .mr-promo:hover .mr-promo__cta { color: #fff; border-color: var(--iw-orange); }

/* --------------------------------------------------------------------------
   Product cards (inherited mr-card) — the 2/3 "book cover" tile: white
   media well, 4px cover radius, hairline inner stroke, ambient shadow.
   Text stays flush below (borderless card), Lora title, muted format line.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-card__media {
    aspect-ratio: 2 / 3;
    background-color: var(--iw-white);
    border: 1px solid var(--iw-line);
    border-radius: var(--iw-radius-cover);
    box-shadow: var(--iw-shadow);
}

body.iw-theme .mr-card__eyebrow {
    color: var(--iw-soft);
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: 0.85rem;
}

body.iw-theme .mr-card__title,
body.iw-theme .mr-card__title a {
    font-family: var(--iw-font-head);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--iw-green);
}

body.iw-theme .mr-card__title a:hover { color: var(--iw-orange-ink); }

body.iw-theme .mr-card__price {
    color: var(--iw-green);
    font-family: var(--iw-font-body);
    font-weight: 600;
    font-size: 1.1rem;
}

body.iw-theme .mr-card__badge {
    background: var(--iw-orange-ink);
    color: #fff;
    border-radius: var(--iw-radius-cover);
    letter-spacing: 0.04em;
}

body.iw-theme .mr-card__quick {
    background-color: var(--iw-green);
    letter-spacing: 0.08em;
}

/* Featured band sits on the deeper vellum container tone. */
body.iw-theme .iw-featured { background: transparent; }

body.iw-theme .iw-featured__sub { color: var(--iw-muted); font-size: 1.05rem; }

/* --------------------------------------------------------------------------
   Booksellers band (iw-booksellers) — the forest-green staff-picks strip:
   centered Lora heading, three tilted cover snapshots over italic serif
   quotes and pale-green small-caps attributions.
   -------------------------------------------------------------------------- */
body.iw-theme .iw-booksellers {
    background: var(--iw-green);
    color: #fff;
    padding: clamp(4rem, 8vw, 6rem) 0;
}

body.iw-theme .iw-booksellers__heading {
    color: #fff;
    font-size: clamp(1.4rem, 2.4vw, 1.75rem);
    font-weight: 600;
    margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

body.iw-theme .iw-pick {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0;
}

body.iw-theme .iw-pick__cover {
    display: block;
    width: 8rem;
    height: 12rem;
    margin-bottom: 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease;
}

body.iw-theme .iw-pick--1 .iw-pick__cover { transform: rotate(-3deg); }
body.iw-theme .iw-pick--2 .iw-pick__cover { transform: rotate(2deg); }
body.iw-theme .iw-pick--3 .iw-pick__cover { transform: rotate(-1deg); }

body.iw-theme .iw-pick:hover .iw-pick__cover { transform: rotate(0deg); }

body.iw-theme .iw-pick__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.iw-theme .iw-pick__quote p {
    font-family: var(--iw-font-head);
    font-style: italic;
    font-size: 1.35rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 1rem;
}

body.iw-theme .iw-pick__by {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #86a592;
}

/* --------------------------------------------------------------------------
   Journal row (iw-journal) — the bento pair: wide vellum article card
   (cover thumbnail + copy) beside the forest "Join the Book Club" panel.
   -------------------------------------------------------------------------- */
body.iw-theme .iw-journal__card {
    display: flex;
    gap: 1.5rem;
    height: 100%;
    background: var(--iw-vellum);
    border: 1px solid var(--iw-line);
    border-radius: var(--iw-radius-lg);
    padding: 1.5rem;
    transition: transform 0.3s ease;
}

body.iw-theme .iw-journal__card:hover { transform: translateY(-4px); }

body.iw-theme .iw-journal__media {
    flex: 0 0 34%;
    display: block;
    border-radius: var(--iw-radius);
    overflow: hidden;
    background: var(--iw-fill);
}

body.iw-theme .iw-journal__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 1 / 1;
}

body.iw-theme .iw-journal__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.iw-theme .iw-journal__title { font-size: 1.4rem; }

body.iw-theme .iw-journal__title a { color: var(--iw-green); text-decoration: none; }
body.iw-theme .iw-journal__title a:hover { color: var(--iw-orange); }

body.iw-theme .iw-club {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--iw-green);
    color: #fff;
    padding: 2rem 1.75rem;
}

body.iw-theme .iw-club__icon {
    display: inline-flex;
    margin-bottom: 1rem;
    color: var(--iw-orange);
}

body.iw-theme .iw-club__icon svg { width: 48px; height: 48px; }

body.iw-theme .iw-club__title { color: #fff; font-size: 1.4rem; font-weight: 600; }

body.iw-theme .iw-club__body { color: rgba(255, 255, 255, 0.8); font-size: 0.92rem; }

body.iw-theme .iw-club__btn {
    background: var(--iw-orange-ink);
    border-color: var(--iw-orange-ink);
    color: #fff;
    padding: 0.55rem 1.5rem;
}

body.iw-theme .iw-club__btn:hover { background: var(--iw-orange-ink); color: #fff; transform: scale(0.97); }

/* --------------------------------------------------------------------------
   Newsletter (iw-cta) — "The Sunday Chapter": a calm centered block on the
   paper surface between two hairlines, vellum input + solid green button.
   -------------------------------------------------------------------------- */
body.iw-theme .iw-cta {
    background: var(--iw-cream);
    border-top: 1px solid var(--iw-line);
    padding: clamp(4rem, 8vw, 6rem) 0;
}

body.iw-theme .iw-cta__inner { max-width: 600px; }

body.iw-theme .iw-cta__body { color: var(--iw-muted); font-size: 1.1rem; max-width: 48ch; }

body.iw-theme .iw-cta__form {
    display: flex;
    gap: 0.75rem;
    max-width: 520px;
}

body.iw-theme .iw-cta__form input {
    flex: 1;
    min-width: 0;
    background: var(--iw-vellum);
    border: 1px solid var(--iw-line-strong);
    border-radius: var(--iw-radius);
    padding: 0.8rem 1rem;
    font-size: 0.95rem;
    color: var(--iw-ink);
    transition: border-color 0.2s ease;
}

body.iw-theme .iw-cta__form input::placeholder { color: var(--iw-soft); }

body.iw-theme .iw-cta__form input:focus {
    outline: none;
    border-color: var(--iw-green);
    box-shadow: 0 0 0 1px var(--iw-green);
}

body.iw-theme .iw-cta__btn {
    border: 0;
    background: var(--iw-green);
    color: #fff;
    border-radius: var(--iw-radius);
    padding: 0.8rem 2rem;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--iw-shadow);
    transition: opacity 0.2s ease;
}

body.iw-theme .iw-cta__btn:hover { opacity: 0.9; }

body.iw-theme .iw-cta__note { color: var(--iw-soft); font-size: 0.78rem; }

/* --------------------------------------------------------------------------
   Inherited chrome finishing — the forest footer and the odd mr-* surface
   the --mr-* re-point doesn't reach.
   -------------------------------------------------------------------------- */
body.iw-theme .mr-footer {
    background-color: var(--iw-green);
    border-top: 0;
    color: rgba(255, 255, 255, 0.7);
}

body.iw-theme .mr-footer h4,
body.iw-theme .mr-footer h5,
body.iw-theme .mr-footer__brand {
    color: #fff;
    font-family: var(--iw-font-head);
}

body.iw-theme .mr-footer a { color: rgba(255, 255, 255, 0.7); }
/* Forest bg: no shade of the orange clears AA here (see --iw-orange-ink
   comment above) — brighten to white instead, ~12.2:1. */
body.iw-theme .mr-footer a:hover { color: #fff; }

body.iw-theme .mr-social {
    border-color: rgba(255, 255, 255, 0.25);
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
}

body.iw-theme .mr-social:hover {
    background-color: var(--iw-orange);
    border-color: var(--iw-orange);
    color: #fff;
}

body.iw-theme .mr-ulink { color: var(--iw-orange-ink); }
body.iw-theme .mr-ulink:hover { color: var(--iw-green); border-color: var(--iw-green); }

body.iw-theme .mr-divider { border-color: var(--iw-line); opacity: 1; }

body.iw-theme .mr-brandstrip span { font-family: var(--iw-font-head); color: var(--iw-soft); }

/* --------------------------------------------------------------------------
   Reduced motion — the lifts, tilts and photo zooms are decorative.
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    body.iw-theme .mr-btn,
    body.iw-theme .iw-hero__img,
    body.iw-theme .iw-journal__card,
    body.iw-theme .iw-pick__cover,
    body.iw-theme .iw-cta__btn,
    body.iw-theme .mr-card__media {
        transition: none;
    }

    body.iw-theme .iw-hero:hover .iw-hero__img { transform: none; }
    body.iw-theme .iw-journal__card:hover { transform: none; }
    body.iw-theme .mr-btn--primary:hover,
    body.iw-theme .mr-btn--outline:hover,
    body.iw-theme .iw-btn-outline:hover,
    body.iw-theme .iw-club__btn:hover { transform: none; }
}

/* --------------------------------------------------------------------------
   Mobile (from the export's mobile frames): the hero stacks photo-over-copy,
   the journal card stacks cover-over-copy, the newsletter form stacks.
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    body.iw-theme .iw-hero { grid-template-columns: 1fr; min-height: 0; }
    body.iw-theme .iw-hero__media { min-height: 320px; }
    body.iw-theme .iw-hero__panel { padding: 2.5rem 1.25rem 3rem; }
}

@media (max-width: 767.98px) {
    body.iw-theme .iw-journal__card { flex-direction: column; }
    body.iw-theme .iw-journal__media { flex: none; }
    body.iw-theme .iw-journal__media img { aspect-ratio: 16 / 9; }
}

@media (max-width: 575.98px) {
    body.iw-theme .iw-cta__form { flex-direction: column; }
    body.iw-theme .iw-cta__btn { width: 100%; }
}