/* =====================================================================
   Avya Travel - "Editorial + Bento + Soft Minimalism" layer
   - Editorial: Open Sans headlines (turquoise accents),
     numbered section kickers, generous white space.
   - Bento: content in rounded tiles on a 12-column grid.
   - Soft minimalism: #F5F7FA page, white tiles, large radii, soft
     shadows instead of borders.
   Loaded LAST on Index.aspx and Site.Master. Remove the <link> to go
   back to the previous look; nothing else depends on this file.
   ===================================================================== */

:root {
    --av-font-serif: "Open Sans", "Segoe UI", system-ui, sans-serif;
    --av-font-display: "Open Sans", "Segoe UI", system-ui, sans-serif;
    --av-r-xl: 24px;
    --av-r-lg: 18px;
    --av-r-md: 12px;
    --av-r-sm: 8px;
    --av-r-btn: 12px;
    --av-r-tile: 28px;
    --av-line: #e4e9ef;
    --av-glass-border: rgba(16, 42, 67, 0.06);
    --av-shadow: 0 1px 2px rgba(16, 42, 67, 0.04), 0 8px 24px rgba(16, 42, 67, 0.06);
    --av-shadow-lift: 0 2px 4px rgba(16, 42, 67, 0.04), 0 18px 40px rgba(16, 42, 67, 0.10);
    --av-tile-pad: clamp(22px, 2.4vw, 34px);
}

html body.av-glass,
html body.av-glass.av-home { background: var(--av-bg); }
body.av-glass::before,
body.av-glass.av-home::before { background: var(--av-bg); }

/* ---------- Editorial type ---------- */
body.av-glass h1, body.av-glass h2, body.av-glass h3 {
    font-family: var(--av-font-serif);
    font-weight: 600;
    letter-spacing: -.01em;
    font-optical-sizing: auto;
}

.av2-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    font: 600 13px/1.2 var(--av-font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--av-muted);
}
.av2-kicker span {
    font: 600 15px/1 var(--av-font-serif);
    letter-spacing: 0;
    color: var(--av-turq-ink);
}
.av2-kicker span::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    margin: 0 0 4px 12px;
    vertical-align: middle;
    background: currentColor;
    opacity: .5;
}

/* ---------- Floating navigation + footer (soft) ---------- */
.av2-top {
    margin: 14px 14px 0 !important;   /* legacy theme zeroes the first child's top margin */
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.16);
}
.av2-header { padding: 14px 26px; }
.av2-btn { border-radius: 12px; }
.av2-footer { margin: 72px 14px 14px; border-radius: 32px; }
body.av-flow .av2-footer { margin-top: 56px; }

/* ===================== HOME ===================== */
.av2-hero { background: transparent; border-bottom: 0; padding-bottom: 0; }

/* Hero tile: headline over the route map */
.av2-stage {
    width: calc(100% - 28px);
    max-width: 1240px;
    margin: 14px auto 0;
    padding: var(--av-tile-pad);
    background: #ffffff;
    border-radius: var(--av-r-tile);
    box-shadow: var(--av-shadow);
}
.av2-eyebrow { color: var(--av-turq-ink) !important; }
@media (min-width: 1000px) {
    .av2-stage .av2-hero__intro { left: var(--av-tile-pad); bottom: calc(var(--av-tile-pad) + 2%); }
}
html body.av-home h1.av2-h1 {
    font: 800 clamp(44px, 5.6vw, 80px)/1.02 var(--av-font-serif) !important;
    letter-spacing: -.025em;
    color: var(--av-night) !important;
}
html body.av-home .av2-stage h1.av2-h1 { font-size: clamp(42px, 4.8vw, 70px) !important; }
body.av-home h1.av2-h1 span { font-style: italic; font-weight: 800; color: var(--av-turq-dark); }
.av2-hero__lead { color: var(--av-ink-soft); }

/* Search tile */
body.av-home .av2-hero > .container-fluid { max-width: 1268px; margin: 14px auto 0; padding: 0 14px; }
body.av-home .widget-container .tab-container .tab-body .tab-body-item {
    border: 0 !important;
    border-radius: var(--av-r-tile) var(--av-r-tile) 0 0 !important;
    box-shadow: var(--av-shadow);
    padding: 10px 10px 0 !important;
}
body.av-home .widget-input-container {
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--av-bg) !important;
    overflow: hidden;
}
body.av-home .widget-input-container .input-item { border-color: #e4e9ef !important; }
body.av-home .widget-container .tab-body-item .btn-search-flight { border-radius: 14px !important; }
.av2-market {
    width: calc(100% - 28px);
    max-width: 1240px;
    border: 0;
    border-radius: 0 0 var(--av-r-tile) var(--av-r-tile);
    background: #ffffff;
    box-shadow: var(--av-shadow);
    padding: 16px 26px 20px;
    color: var(--av-ink-soft);
}
.av2-market__title { color: var(--av-turq-ink); }

/* ---------- Sections ---------- */
.av2-section { padding: 96px 32px 0; }
.av2-section__head { align-items: flex-end; margin-bottom: 30px; }
body.av-home .av2-h2 {
    font: 800 clamp(32px, 3.8vw, 52px)/1.06 var(--av-font-serif) !important;
    letter-spacing: -.02em;
    max-width: 18ch;
}
body.av-home .av2-h2 em { font-style: italic; font-weight: 800; color: var(--av-turq-dark); }
#compare .av2-h2 { margin-bottom: 0 !important; }

/* Bento grid */
.av2-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.av2-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: var(--av-tile-pad);
    border-radius: var(--av-r-tile);
    background: #ffffff;
    box-shadow: var(--av-shadow);
    color: var(--av-ink);
    text-align: left;
}
.av2-tile--navy { background: var(--av-night); color: #ffffff; }
.av2-tile--turq { background: #e3f6f5; }
.av2-tile--gold { background: #f8f0df; }

/* Route tiles */
.av2-routes { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.av2-route {
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 22px;
    min-height: 196px;
    padding: 24px;
    border: 0;
    border-radius: var(--av-r-tile);
    background: #ffffff;
    box-shadow: var(--av-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}
.av2-route:hover { transform: translateY(-3px); box-shadow: var(--av-shadow-lift); border-color: transparent; }
.av2-route__main { padding: 0; gap: 10px; }
.av2-route__codes {
    gap: 10px;
    font: 600 34px/1 var(--av-font-serif);
    letter-spacing: -.01em;
}
.av2-route__codes svg { width: 26px; color: var(--av-turq); }
.av2-route__stub {
    flex-direction: row;
    align-self: flex-start;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    padding: 7px 12px;
    border: 0;
    border-radius: 999px;
    background: var(--av-bg);
    font: 500 13px/1 var(--av-font-body);
}
.av2-route__stub strong { font: 700 13px/1 var(--av-font-body); color: var(--av-turq-ink); }
.av2-route__note { display: none; }

/* Feature tile: Kuwait -> Colombo */
.av2-route--feature {
    grid-column: span 6;
    grid-row: span 2;
    background: var(--av-night)
        radial-gradient(120% 90% at 100% 0%, rgba(66, 197, 193, 0.22), transparent 60%)
        no-repeat;
    color: #ffffff;
    padding: 34px;
}
.av2-route--feature .av2-route__market { color: var(--av-gold); }
.av2-route--feature .av2-route__codes { color: #ffffff; font-size: clamp(54px, 6vw, 84px); gap: 18px; }
.av2-route--feature .av2-route__codes svg { width: 48px; height: 22px; color: var(--av-hi); }
.av2-route--feature .av2-route__cities { color: #c6d3df; font-size: 17px; }
.av2-route--feature .av2-route__note {
    display: block;
    max-width: 40ch;
    margin-top: 10px;
    font: 500 20px/1.4 var(--av-font-serif);
    color: #e4e9ef;
}
.av2-route--feature .av2-route__stub { background: rgba(255, 255, 255, 0.10); color: #c6d3df; }
.av2-route--feature .av2-route__stub strong { color: var(--av-hi); }
.av2-routes > .av2-route:nth-child(6) { grid-column: span 6; }

/* "Any route" tile */
.av2-tile--any {
    grid-column: span 6;
    justify-content: space-between;
    background: #e3f6f5;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}
.av2-tile--any:hover { transform: translateY(-3px); box-shadow: var(--av-shadow-lift); }
.av2-tile--any .av2-route__market { color: var(--av-turq-ink); }
.av2-tile__title { font: 600 clamp(24px, 2.4vw, 32px)/1.1 var(--av-font-serif); color: var(--av-night); letter-spacing: -.01em; }
.av2-tile__text { font: 400 16px/1.5 var(--av-font-body); color: var(--av-ink-soft); }
.av2-tile__link { display: inline-flex; align-items: center; gap: 8px; font: 700 15px/1 var(--av-font-body); color: var(--av-turq-ink); }

/* Why Avya: comparison tile + two stat tiles */
.av2-why .av2-compare {
    grid-column: span 8;
    grid-row: span 2;
    border: 0;
    border-radius: var(--av-r-tile);
    background: #ffffff;
    box-shadow: var(--av-shadow);
    padding: 10px 10px 4px;
}
.av2-compare table { background: transparent; }
.av2-compare th, .av2-compare td { border-bottom-color: #eef1f5; padding: 17px 18px; }
.av2-compare thead th { border-bottom-color: #eef1f5; }
.av2-compare thead th.av2-compare__avya-head { border-radius: 16px 16px 0 0; }
.av2-compare tbody td.av2-compare__avya { background: #eefaf9; color: var(--av-turq-ink); border-bottom-color: #dcf2f0; }
.av2-compare tbody tr:last-child td.av2-compare__avya { border-radius: 0 0 16px 16px; }
.av2-tile--stat { grid-column: span 4; justify-content: flex-end; min-height: 200px; }
.av2-tile__big {
    font: 600 clamp(48px, 5vw, 72px)/1 var(--av-font-serif);
    letter-spacing: -.02em;
    color: var(--av-turq-dark);
}
.av2-tile--gold .av2-tile__big { color: var(--av-gold-ink); }
.av2-tile--stat p { margin: 0; font: 400 16px/1.5 var(--av-font-body); color: var(--av-ink-soft); }

/* Who books: three tiles */
.av2-who > .av2-tile { grid-column: span 6; min-height: 190px; }
.av2-who > .av2-who__main { grid-row: span 2; justify-content: flex-end; }
.av2-tile__num { font: 600 18px/1 var(--av-font-serif); color: var(--av-turq-ink); }
.av2-tile--navy .av2-tile__num { color: var(--av-hi); }
.av2-tile--gold .av2-tile__num { color: var(--av-gold-ink); }
.av2-who h3 { margin: auto 0 0 !important; font: 600 28px/1.1 var(--av-font-serif) !important; color: inherit !important; text-transform: none !important; }
.av2-who__main h3 { font-size: clamp(36px, 3.6vw, 48px) !important; }
.av2-who p { margin: 0; font: 400 16px/1.6 var(--av-font-body); color: var(--av-ink-soft); max-width: 46ch; }
.av2-who__main p { color: #c6d3df; font-size: 18px; }

/* Footer */
.av2-footer__cta h2 { font: 600 clamp(30px, 3.4vw, 46px)/1.05 var(--av-font-serif) !important; }
.av2-footer__cta { border-bottom-color: rgba(255, 255, 255, 0.10); }
.av2-footer__copy { border-top-color: rgba(255, 255, 255, 0.10); }

/* ===================== BOOKING FLOW ===================== */
/* Editorial page header: light, serif, no slab */
body.av-flow section.bg-image-06 {
    margin-top: 28px;
    background: transparent !important;
    box-shadow: none;
    overflow: visible;
}
body.av-flow .breadcrumb-wrapper .shell { padding: 24px 32px 8px !important; align-items: flex-end; }
body.av-flow .breadcrumb-wrapper h5 { color: var(--av-turq-ink); font-family: var(--av-font-body); font-weight: 700; letter-spacing: .14em; }
body.av-flow .breadcrumb-wrapper h1 {
    color: var(--av-night);
    font: 600 clamp(34px, 4vw, 52px)/1.04 var(--av-font-serif) !important;
    letter-spacing: -.02em;
}
body.av-flow .breadcrumb li { color: var(--av-ink) !important; }
body.av-flow .breadcrumb li a { color: var(--av-muted) !important; }
body.av-flow .breadcrumb li a:hover { color: var(--av-turq-ink) !important; }
body.av-flow .breadcrumb li + li:before { color: #9fb3c8; }

/* Trip summary becomes a white tile */
.av-trip {
    background: #ffffff;
    border: 0;
    border-radius: 22px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: var(--av-shadow);
    color: var(--av-ink);
}
.av-trip__label { color: var(--av-muted); }
.av-trip__code { font-family: var(--av-font-serif); font-weight: 600; color: var(--av-night); }
.av-trip__line { background: repeating-linear-gradient(90deg, var(--av-hi) 0 4px, transparent 4px 9px); }
.av-trip__date { color: var(--av-ink-soft); }
.av-trip__side { border-left-color: var(--av-line); }
.av-trip__chip { background: var(--av-bg); color: var(--av-ink); }
.av-trip__modify { background: var(--av-turq); color: #ffffff !important; box-shadow: none; border-radius: 12px; }
.av-trip__modify:hover { background: var(--av-turq-dark); color: #ffffff !important; }

body.av-flow h2.text-ubold { font-family: var(--av-font-serif); font-weight: 600; letter-spacing: -.015em; }

/* Result cards: soft tiles */
body.av-flow .ticket-list-wrapper > ul { gap: 18px; }
body.av-flow .ticket-tables {
    padding: 26px;
    border: 0;
    border-radius: var(--av-r-tile);
    box-shadow: var(--av-shadow);
}
body.av-flow .ticket-tables:hover { box-shadow: var(--av-shadow-lift); }
body.av-flow .ticket-list-wrapper .log .flight-logo { border: 0 !important; border-radius: 12px !important; box-shadow: none !important; background: var(--av-bg) !important; }
body.av-flow .ticket-tables .av-leg__head { border-radius: 14px; background: var(--av-bg); color: var(--av-ink); }
body.av-flow .ticket-tables .av-leg__route { font-family: var(--av-font-serif); font-weight: 600; font-size: 17px; }
body.av-flow .ticket-tables .av-opt { border-radius: 18px; border-color: #e9edf2; }
body.av-flow .ticket-tables .av-opt:nth-of-type(even) { background: #fdfaf3; border-color: #f1e7d0; }
body.av-flow .ticket-tables .av-opt__time { font-family: var(--av-font-body); font-weight: 700; letter-spacing: -.01em; }
body.av-flow .ticket-tables .av-chip { border-radius: 999px; padding: 4px 11px; }
body.av-flow .ticket-tables .av-transit { border-radius: 12px; }
body.av-flow .ticket-tables > .col-md-4 > .table {
    background: var(--av-bg) !important;
    border-left: 0 !important;
    border-radius: 20px !important;
}
body.av-flow .ticket-tables .table-in td.red b { font-family: var(--av-font-serif); font-weight: 600; font-size: 26px; letter-spacing: -.01em; }
body.av-flow .ticket-tables .btn.btn-primary.btn-select { border-radius: 12px !important; }

/* Other cards in the flow (review, travellers, payment) */
body.av-flow .av-card,
body.av-flow .review-block { border-radius: var(--av-r-xl); }

/* ---------- Responsive ---------- */
@media (max-width: 1000px) {
    .av2-route { grid-column: span 6; }
    .av2-route--feature, .av2-routes > .av2-route:nth-child(6), .av2-tile--any { grid-column: span 12; }
    .av2-route--feature { grid-row: auto; }
    .av2-why .av2-compare { grid-column: span 12; grid-row: auto; }
    .av2-tile--stat { grid-column: span 6; }
    .av2-who > .av2-tile { grid-column: span 12; }
    .av2-who > .av2-who__main { grid-row: auto; min-height: 260px; }
}
@media (max-width: 640px) {
    .av2-top { margin: 8px 8px 0 !important; border-radius: 18px; }
    .av2-stage { width: calc(100% - 16px); margin-top: 8px; padding: 20px; border-radius: 22px; }
    body.av-home .av2-hero > .container-fluid { padding: 0 8px; margin-top: 8px; }
    .av2-market { width: calc(100% - 16px); }
    .av2-section { padding: 64px 14px 0; }
    .av2-bento, .av2-routes { gap: 10px; }
    .av2-route, .av2-tile--stat { grid-column: span 12; min-height: 0; }
    .av2-route--feature { padding: 26px; }
    .av2-tile { border-radius: 22px; }
    .av2-footer { margin: 48px 8px 8px; border-radius: 24px; }
    body.av-flow .ticket-tables { padding: 16px; border-radius: 22px; }
}


/* =====================================================================
   Search widget - highlighted (pulled up over the hero, turquoise
   accent, stronger lift, white fields, bigger search button)
   ===================================================================== */
body.av-home .av2-hero > .container-fluid { position: relative; z-index: 5; margin-top: 0; }
body.av-home .widget-container .tab-container .tab-body .tab-body-item {
    background: #ffffff !important;
    border-top: 5px solid var(--av-turq, #00A6A6) !important;
    box-shadow: 0 2px 6px rgba(16, 42, 67, 0.06), 0 28px 64px rgba(16, 42, 67, 0.20) !important;
    padding: 14px 14px 0 !important;
}
body.av-home .widget-container .tab-container .tab-body .tab-body-item::before {
    content: "Search fares";
    display: block;
    padding: 4px 10px 10px;
    font: 700 22px/1.1 var(--av-font-display);
    color: var(--av-night, #102A43);
    letter-spacing: -.01em;
}
body.av-home .widget-input-container {
    background: #ffffff !important;
    border: 1.5px solid #cfe9e8 !important;
}
body.av-home .widget-input-container .input-item { transition: background .15s ease; }
body.av-home .widget-input-container .input-item:hover,
body.av-home .widget-input-container .input-item:focus-within { background: #f1fbfb; }
body.av-home .widget-container .tab-body-item .input-name { color: var(--av-turq-ink, #0A6E6E) !important; font-weight: 700 !important; }
body.av-home .widget-container .tab-body-item .btn-search-flight {
    min-height: 64px !important;
    font-size: 18px !important;
    box-shadow: 0 10px 24px rgba(0, 166, 166, 0.35) !important;
}
.av2-market {
    background: #e6f7f6;
    box-shadow: 0 28px 64px rgba(16, 42, 67, 0.14);
    color: #1d3b53;
}
@media (max-width: 767px) {
    body.av-home .av2-hero > .container-fluid { margin-top: 0; }
    body.av-home .widget-container .tab-container .tab-body .tab-body-item::before { font-size: 19px; }
}

/* =====================================================================
   Search widget - filled turquoise card (white fields, gold search)
   ===================================================================== */
body.av-home .widget-container .tab-container .tab-body .tab-body-item {
    background: linear-gradient(135deg, #00a6a6 0%, #008b8b 100%) !important;
    border: 0 !important;
    border-top: 0 !important;
    padding: 18px 18px 18px !important;
    box-shadow: 0 2px 6px rgba(16, 42, 67, 0.08), 0 30px 70px rgba(0, 121, 122, 0.35) !important;
}
body.av-home .widget-container .tab-container .tab-body .tab-body-item::before {
    content: "Search fares";
    color: #ffffff !important;
    padding: 2px 6px 14px;
}
body.av-home .widget-input-container {
    border: 0 !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(4, 60, 60, 0.25) !important;
}
body.av-home .widget-container .tab-body-item .btn-search-flight {
    background: var(--av-gold, #d6ad60) !important;
    color: var(--av-night, #102a43) !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px rgba(196, 153, 74, 0.45) !important;
}
body.av-home .widget-container .tab-body-item .btn-search-flight:hover {
    background: var(--av-gold-dark, #c4994a) !important;
    color: var(--av-night, #102a43) !important;
}
@media (max-width: 767px) {
    body.av-home .widget-container .tab-container .tab-body .tab-body-item { padding: 14px 12px !important; }
}

/* =====================================================================
   Open Sans tuning + LKR / USD currency toggle on the search card
   ===================================================================== */
body.av-home h1.av2-h1 { letter-spacing: -.03em !important; }
body.av-home h1.av2-h1 span,
body.av-home .av2-h2 em { font-style: italic; font-weight: 800; }

body.av-home .widget-input-container .travel-type .av-curr {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 10px;
    background: #eef6f6;
}
body.av-home .av-curr__label {
    padding: 0 8px 0 6px;
    font: 600 12px/1 var(--av-font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--av-turq-ink, #00797a);
}
body.av-home .av-curr__btn {
    min-height: 34px;
    min-width: 56px;
    padding: 0 12px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--av-ink, #1d3b53);
    font: 700 14px/1 var(--av-font-body);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
body.av-home .av-curr__btn:hover { background: #d3ecec; }
body.av-home .av-curr__btn.is-on { background: var(--av-turq, #00a6a6); color: #ffffff; }
body.av-home .av-curr__btn:focus-visible { outline: 2px solid var(--av-night, #102a43); outline-offset: 2px; }
@media (max-width: 767px) {
    body.av-home .widget-input-container .travel-type .av-curr { margin-left: 0; width: 100%; justify-content: flex-start; }
}
/* ---- "For travel agencies" (back office) ------------------------------------ */
.av2-agency__copy { grid-column: span 6; justify-content: space-between; gap: 24px; }
.av2-agency__demo { grid-column: span 6; gap: 16px; overflow: hidden; }
.av2-feat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.av2-feat li { display: flex; flex-direction: column; gap: 4px; padding-left: 16px; border-left: 3px solid var(--av-turq); }
.av2-feat strong { font: 700 16px/1.3 var(--av-font-serif); color: var(--av-night); }
.av2-feat span { font-size: 14.5px; line-height: 1.5; color: var(--av-ink-soft); }
.av2-agency__cta { display: flex; flex-wrap: wrap; gap: 12px; }
.av2-demo__bar { display: flex; align-items: center; gap: 6px; }
.av2-demo__bar span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.22); }
.av2-demo__bar em { margin-left: 8px; font-style: normal; font-size: 13px; font-weight: 700; color: #c6d3df; }
.av2-demo__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.av2-demo__tiles div { display: flex; flex-direction: column; gap: 3px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.07); }
.av2-demo__tiles small { font-size: 12px; color: #c6d3df; }
.av2-demo__tiles b { font-size: 18px; color: #fff; letter-spacing: -.01em; }
.av2-demo__tiles i { font-style: normal; font-size: 12px; font-weight: 700; color: #f2a59c; }
.av2-demo__tiles i.ok { color: var(--av-hi); }
.av2-demo__list { display: flex; flex-direction: column; border-radius: 16px; background: #fff; color: var(--av-ink); padding: 6px 0; }
.av2-demo__h { margin: 8px 16px 2px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #52667a; }
.av2-demo__list div { display: grid; grid-template-columns: 76px auto 1fr auto; align-items: baseline; gap: 10px; padding: 9px 16px; border-bottom: 1px solid #eef2f6; font-size: 14px; }
.av2-demo__list div:last-of-type { border-bottom: 0; }
.av2-demo__list span { font-size: 12px; font-weight: 800; color: #52667a; }
.av2-demo__list span.now { color: var(--av-turq-dark); }
.av2-demo__list b { color: var(--av-night); }
.av2-demo__list small { color: #52667a; font-size: 13px; }
.av2-demo__list em { font-style: normal; font-size: 12px; font-weight: 800; color: var(--av-turq-dark); }
.av2-demo__list em.late { font-size: 14px; color: #a3322a; }
.av2-demo__note { margin: 0; font-size: 12px; color: #8fa5b9; text-align: right; }
@media (max-width: 1100px) { .av2-agency__copy, .av2-agency__demo { grid-column: span 12; } }
@media (max-width: 640px) {
    .av2-feat { grid-template-columns: 1fr; }
    .av2-demo__tiles { grid-template-columns: 1fr; }
    .av2-demo__list div { grid-template-columns: 70px 1fr auto; }
    .av2-demo__list small { display: none; }
}