:root {
    --ahi-color-brand-900: #0b1f33;
    --ahi-color-brand-800: #173754;
    --ahi-color-accent: #c5243f;
    --ahi-color-canvas: #f5f6f8;
    --ahi-color-surface: #ffffff;
    --ahi-color-text: #18212b;
    --ahi-color-muted: #687481;
    --ahi-color-border: #dfe4e8;
    --ahi-color-soft: #eef2f5;
    --ahi-color-good: #198754;
    --ahi-color-moderate: #a97900;
    --ahi-color-sensitive: #c85f18;
    --ahi-color-unhealthy: #c62d42;
    --ahi-color-very-unhealthy: #6f42a8;
    --ahi-color-hazardous: #68423a;
    --ahi-color-nodata: #687481;
    --ahi-radius: 8px;
    --ahi-shadow: 0 8px 24px rgba(11, 31, 51, 0.07);
    --ahi-space-1: 4px;
    --ahi-space-2: 8px;
    --ahi-space-3: 12px;
    --ahi-space-4: 16px;
    --ahi-space-5: 24px;
    --ahi-space-6: 32px;
}

html { background: var(--ahi-color-canvas); }

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    background: var(--ahi-color-canvas);
    color: var(--ahi-color-text);
    font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

a { color: var(--ahi-color-brand-800); }
a:hover { color: var(--ahi-color-accent); }

.top-toolbar {
    position: sticky;
    inset-block-start: 0;
    z-index: 1000;
    background: var(--ahi-color-surface);
    border-top: 4px solid var(--ahi-color-accent);
    border-bottom: 1px solid var(--ahi-color-border);
    box-shadow: 0 4px 16px rgba(11, 31, 51, 0.06);
}

.air-site-header {
    min-height: 66px;
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: var(--ahi-space-5);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--ahi-space-6);
}

.air-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.air-brand-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: var(--ahi-radius);
    background: var(--ahi-color-brand-900);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
}

.air-brand-copy strong {
    display: block;
    color: var(--ahi-color-brand-900);
    font-size: .95rem;
}

.air-brand-copy small {
    display: block;
    margin-top: 2px;
    color: var(--ahi-color-muted);
    font-size: .68rem;
}

.air-main-nav {
    display: flex;
    align-items: center;
    gap: var(--ahi-space-5);
}

.air-main-nav a {
    color: var(--ahi-color-muted);
    font-size: .8rem;
    text-decoration: none;
}

.air-main-nav a[aria-current="page"] {
    color: var(--ahi-color-brand-900);
    font-weight: 700;
}

.air-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ahi-space-2);
}

.air-site-link,
.btn-social,
.top-toolbar #authSection .btn {
    min-height: 38px;
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: 6px !important;
    background: var(--ahi-color-surface) !important;
    color: var(--ahi-color-brand-900) !important;
    box-shadow: none !important;
    text-decoration: none;
}

.air-site-link {
    padding-inline: 12px;
    display: inline-flex;
    align-items: center;
    font-size: .72rem;
}

.btn-social {
    width: 38px;
    display: grid;
    place-items: center;
}

.btn-social:hover,
.air-site-link:hover,
.top-toolbar #authSection .btn:hover {
    border-color: var(--ahi-color-brand-800) !important;
    color: var(--ahi-color-accent) !important;
    transform: none !important;
}

.air-filterbar {
    max-width: 1320px;
    margin-inline: auto;
    padding: 14px var(--ahi-space-5) var(--ahi-space-4);
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
    align-items: end;
    gap: var(--ahi-space-3);
    border-top: 1px solid var(--ahi-color-border);
}

.air-filter-field label,
.form-label-small {
    display: block;
    margin-bottom: 6px;
    color: var(--ahi-color-muted);
    font-size: .7rem;
    font-weight: 500;
}

.air-filter-field .form-select,
.form-select {
    min-height: 42px;
    border: 1px solid var(--ahi-color-border);
    border-radius: 6px;
    background-color: var(--ahi-color-surface);
    color: var(--ahi-color-text);
    box-shadow: none;
    font-family: inherit !important;
    font-size: .82rem;
}

.air-filter-field .form-select:focus,
.form-select:focus,
.form-control:focus {
    border-color: var(--ahi-color-brand-800);
    box-shadow: 0 0 0 3px rgba(23, 55, 84, .12);
}

.air-filter-actions {
    display: flex;
    align-items: center;
    gap: var(--ahi-space-2);
}

.air-icon-button,
.btn-reset-filters {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: 6px !important;
    background: var(--ahi-color-surface) !important;
    color: var(--ahi-color-brand-900) !important;
    box-shadow: none !important;
    cursor: pointer;
}

.air-icon-button:hover,
.btn-reset-filters:hover {
    border-color: var(--ahi-color-brand-800) !important;
    color: var(--ahi-color-accent) !important;
}

.air-icon-button.is-active {
    border-color: var(--ahi-color-accent) !important;
    background: var(--ahi-color-accent) !important;
    color: #fff !important;
}

.main-content {
    width: 100%;
    max-width: 1320px;
    min-height: 70vh;
    padding-top: var(--ahi-space-5) !important;
    padding-bottom: var(--ahi-space-6);
}

.air-dashboard-heading {
    margin-bottom: var(--ahi-space-4);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--ahi-space-4);
}

.air-dashboard-title h1 {
    margin: 0;
    color: var(--ahi-color-brand-900);
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 800;
}

.air-dashboard-title p {
    margin: 4px 0 0;
    color: var(--ahi-color-muted);
    font-size: .78rem;
}

.air-update-meta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ahi-color-muted);
    font-size: .75rem;
    white-space: nowrap;
}

#updateTimeLabel {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit;
}

#cardsContainer {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.city-card-slot {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-self: stretch;
}

.city-card {
    --aqi-color: var(--ahi-color-nodata);
    width: 100%;
    max-width: none;
    min-height: 164px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 14px;
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: var(--ahi-radius) !important;
    background: var(--ahi-color-surface) !important;
    color: var(--ahi-color-text) !important;
    box-shadow: var(--ahi-shadow);
    transition: border-color .18s ease, transform .18s ease;
}

.city-card::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: var(--aqi-color);
}

.city-card:hover {
    z-index: auto;
    filter: none;
    transform: translateY(-2px);
    border-color: #c8d0d7 !important;
}

.bg-good { --aqi-color: var(--ahi-color-good); }
.bg-moderate { --aqi-color: var(--ahi-color-moderate); }
.bg-sensitive { --aqi-color: var(--ahi-color-sensitive); }
.bg-unhealthy { --aqi-color: var(--ahi-color-unhealthy); }
.bg-very-unhealthy { --aqi-color: var(--ahi-color-very-unhealthy); }
.bg-hazardous { --aqi-color: var(--ahi-color-hazardous); }
.bg-nodata { --aqi-color: var(--ahi-color-nodata); }

.city-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ahi-space-2);
}

.city-card__place h2 {
    margin: 0;
    color: var(--ahi-color-brand-900);
    font-size: .9rem;
    font-weight: 800;
}

.city-card__place p {
    margin: 3px 0 0;
    color: var(--ahi-color-muted);
    font-size: .72rem;
}

.city-card__status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--aqi-color);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.city-card__status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.city-card__reading {
    margin-block: 10px 8px;
    display: flex;
    align-items: baseline;
    gap: 7px;
    color: inherit;
    text-decoration: none;
}

.city-card__reading strong {
    color: var(--aqi-color);
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.city-card__reading span {
    color: var(--ahi-color-muted);
    font-size: .67rem;
}

.city-card__description {
    min-height: 0;
    margin: 0 0 8px;
    color: var(--ahi-color-muted);
    font-size: .7rem;
}

.city-card__notice,
.city-card__stale,
.city-card__station-warning {
    margin-bottom: 7px;
    padding: 5px 7px;
    border-radius: 6px;
    font-size: .68rem;
}

.city-card__notice {
    background: #fff2f3;
    color: #a71d31;
}

.city-card__stale {
    background: var(--ahi-color-soft);
    color: var(--ahi-color-muted);
}

.city-card__station-warning {
    background: #fff8ea;
    color: #8a5b00;
}

.city-card__footer {
    margin-top: auto;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ahi-space-2);
    border-top: 1px solid var(--ahi-color-border);
    color: var(--ahi-color-muted);
    font-size: .7rem;
}

.city-card__actions { display: flex; align-items: center; gap: 6px; }

.city-card__favorite {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ahi-color-border);
    border-radius: 6px;
    background: var(--ahi-color-surface);
    color: var(--ahi-color-muted);
}

.city-card__favorite.is-favorite { color: var(--ahi-color-accent); }

.city-card__details {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--ahi-color-brand-900);
    font-size: .7rem;
    font-weight: 700;
    text-decoration: none;
}

.air-pulse {
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid var(--ahi-color-border);
    border-radius: var(--ahi-radius);
    background: var(--ahi-color-surface);
}

.air-pulse__heading {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.air-pulse__kicker,
.air-pulse-card__eyebrow {
    display: block;
    color: var(--ahi-color-accent);
    font-size: .68rem;
    font-weight: 800;
}

.air-pulse__heading h2 {
    margin: 3px 0 0;
    color: var(--ahi-color-brand-900);
    font-size: 1.02rem;
    font-weight: 800;
}

.air-pulse__method {
    color: var(--ahi-color-muted);
    font-size: .7rem;
    white-space: nowrap;
}

.air-pulse__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.air-pulse-card {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    border: 1px solid var(--ahi-color-border);
    border-radius: 7px;
    background: var(--ahi-color-soft);
}

.air-pulse-card__icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: var(--ahi-color-surface);
    color: var(--ahi-color-brand-800);
}

.air-pulse-card h3 {
    margin: 3px 0 5px;
    color: var(--ahi-color-brand-900);
    font-size: .82rem;
    line-height: 1.65;
    font-weight: 800;
}

.air-pulse-card p {
    margin: 0;
    color: var(--ahi-color-muted);
    font-size: .66rem;
    line-height: 1.7;
}

.air-pulse-card--khuzestan,
.air-pulse-card--peak { border-inline-start: 3px solid var(--ahi-color-unhealthy); }
.air-pulse-card--clean { border-inline-start: 3px solid var(--ahi-color-good); }
.air-pulse-card--trend { border-inline-start: 3px solid var(--ahi-color-sensitive); }
.air-pulse-card--coverage { border-inline-start: 3px solid var(--ahi-color-brand-800); }

.air-pulse__footnote {
    margin: 10px 0 0;
    color: var(--ahi-color-muted);
    font-size: .63rem;
}

.air-empty-state {
    padding: 40px 20px;
    border: 1px solid var(--ahi-color-border);
    border-radius: var(--ahi-radius);
    background: var(--ahi-color-surface);
    color: var(--ahi-color-muted);
    text-align: center;
}

.air-city-hero,
.header-fixed-bg {
    --aqi-color: var(--ahi-color-brand-800);
    min-height: 0 !important;
    padding: var(--ahi-space-5) !important;
    position: relative;
    border: 1px solid var(--ahi-color-border) !important;
    border-inline-start: 4px solid var(--aqi-color) !important;
    border-radius: var(--ahi-radius) !important;
    background: var(--ahi-color-surface) !important;
    color: var(--ahi-color-text) !important;
    box-shadow: var(--ahi-shadow) !important;
}

.air-city-hero > .bi-buildings-fill,
.header-fixed-bg > .bi-buildings-fill { display: none; }

.header-actions {
    position: static;
    margin-bottom: var(--ahi-space-4);
    display: flex;
    flex-wrap: wrap;
    gap: var(--ahi-space-2);
}

.btn-header-back,
.btn-guide {
    padding: 7px 11px;
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: 6px !important;
    background: var(--ahi-color-surface) !important;
    color: var(--ahi-color-brand-900) !important;
    box-shadow: none !important;
    font-size: .75rem;
}

.air-city-hero .position-relative.z-1,
.header-fixed-bg .position-relative.z-1 { margin-top: 0 !important; padding-top: 0 !important; }

#detailCityName {
    color: var(--ahi-color-brand-900);
    font-size: clamp(1.8rem, 4vw, 2.5rem);
}

.air-city-reading {
    margin-top: var(--ahi-space-3);
    display: flex;
    align-items: center;
    gap: var(--ahi-space-3);
}

.air-city-reading__value {
    color: var(--aqi-color);
    font-size: 2rem;
    font-weight: 900;
}

.air-city-reading__copy strong { display: block; color: var(--aqi-color); }
.air-city-reading__copy span { color: var(--ahi-color-muted); font-size: .78rem; }

.smart-alert-box {
    padding: var(--ahi-space-4);
    margin-top: var(--ahi-space-4);
    border: 1px solid #f0d7c6;
    border-inline-start: 4px solid var(--ahi-color-sensitive);
    border-radius: var(--ahi-radius);
    background: #fff8f0;
    color: var(--ahi-color-text);
    box-shadow: none;
}

.smart-alert-title { margin-bottom: 6px; color: #93531d !important; font-weight: 800; }
.smart-alert-text { color: var(--ahi-color-text); font-size: .82rem; line-height: 1.9; }
.alert-link { color: var(--ahi-color-brand-800); text-decoration: underline; border: 0; }

#cityDetailView > .card,
#smartAnalysisBox .card,
#stationsContainer .card {
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: var(--ahi-radius) !important;
    background: var(--ahi-color-surface) !important;
    box-shadow: var(--ahi-shadow) !important;
}

.air-station-card {
    --aqi-color: var(--ahi-color-nodata);
    height: 100%;
    padding: var(--ahi-space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ahi-space-3);
    border: 1px solid var(--ahi-color-border);
    border-inline-start: 4px solid var(--aqi-color);
    border-radius: var(--ahi-radius);
    background: var(--ahi-color-surface);
}

.air-station-card h3 { margin: 0 0 5px; color: var(--ahi-color-brand-900); font-size: .9rem; }
.air-station-card p { margin: 0; color: var(--ahi-color-muted); font-size: .7rem; }
.air-station-card__reading { color: var(--aqi-color); text-align: left; }
.air-station-card__reading strong { display: block; font-size: 1.7rem; line-height: 1; }
.air-station-card__reading small { font-size: .67rem; }
.air-station-card.is-stale { opacity: .72; }

.seo-footer-container {
    width: calc(100% - 24px);
    max-width: 1320px;
    margin-top: var(--ahi-space-5);
    margin-bottom: 0;
    padding: var(--ahi-space-5);
    border: 0;
    border-top: 4px solid var(--ahi-color-accent);
    border-radius: var(--ahi-radius) var(--ahi-radius) 0 0;
    background: var(--ahi-color-brand-900);
    color: #d2dbe3;
}

.seo-footer-container h6 { color: #fff !important; }
.seo-footer-container .text-muted,
.seo-footer-container .text-secondary { color: #b6c2cd !important; }
.seo-footer-scroll { max-height: 150px; overflow-y: auto; padding: 0; border: 0; background: transparent; }
.seo-footer-links a {
    display: inline-block;
    margin: 0 0 8px 8px;
    padding: 5px 9px;
    border: 1px solid #34506a;
    border-radius: 6px;
    background: #112d47;
    color: #fff;
    font-size: .72rem;
    text-decoration: none;
}
.seo-footer-links a:hover { background: #193b59; color: #fff; border-color: #53718c; }

.air-tools-menu {
    position: fixed;
    inset-inline-start: 22px;
    inset-block-end: 22px;
    z-index: 1100;
}

.air-tools-trigger {
    min-height: 42px;
    padding-inline: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--ahi-color-border);
    border-radius: 6px;
    background: var(--ahi-color-surface);
    color: var(--ahi-color-brand-900);
    box-shadow: var(--ahi-shadow);
    font-size: .75rem;
}

.air-tools-menu .dropdown-menu {
    min-width: 210px;
    padding: 6px;
    border: 1px solid var(--ahi-color-border);
    border-radius: var(--ahi-radius);
    box-shadow: var(--ahi-shadow);
}

.air-tools-menu .dropdown-item {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ahi-color-text);
    font-size: .78rem;
}

.air-tools-menu .dropdown-item:hover { background: var(--ahi-color-soft); color: var(--ahi-color-brand-900); }

.map-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    flex-direction: column;
    background: var(--ahi-color-surface);
}

#fullMap { flex: 1; width: 100%; height: 100%; }

#geoWarning {
    position: fixed;
    inset-block-start: 110px;
    inset-inline-start: 50%;
    z-index: 1060;
    padding: 10px 16px;
    display: none;
    transform: translateX(-50%);
    border: 1px solid #ecd19c;
    border-radius: var(--ahi-radius);
    background: #fff8e9;
    color: #765319;
    box-shadow: var(--ahi-shadow);
}

.aqi-guide-table { width: 100%; border-collapse: collapse; }
.aqi-guide-table td { padding: 11px; border-bottom: 1px solid var(--ahi-color-border); }
.aqi-guide-table tr { background: var(--ahi-color-surface) !important; color: var(--ahi-color-text) !important; }
.aqi-guide-table tr td:first-child { border-inline-start: 4px solid var(--aqi-color); }
.aqi-guide-row--good { --aqi-color: var(--ahi-color-good); }
.aqi-guide-row--moderate { --aqi-color: var(--ahi-color-moderate); }
.aqi-guide-row--sensitive { --aqi-color: var(--ahi-color-sensitive); }
.aqi-guide-row--unhealthy { --aqi-color: var(--ahi-color-unhealthy); }
.aqi-guide-row--very-unhealthy { --aqi-color: var(--ahi-color-very-unhealthy); }
.aqi-guide-row--hazardous { --aqi-color: var(--ahi-color-hazardous); }

.modal-content { border: 1px solid var(--ahi-color-border); border-radius: var(--ahi-radius); box-shadow: var(--ahi-shadow); }

.user-location-dot {
    width: 18px !important;
    height: 18px !important;
    position: relative;
    z-index: 10000;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #2678d5;
    box-shadow: 0 0 0 5px rgba(38,120,213,.2);
}

.map-station-label {
    padding: 3px 7px !important;
    border: 1px solid var(--ahi-color-border) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 2px 6px rgba(11,31,51,.12) !important;
    font-family: inherit !important;
    font-size: .72rem !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.map-station-label::before { display: none; }

.design-system-page { max-width: 1120px; margin: 0 auto; padding: 32px 20px 60px; }
.design-system-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 28px; }
.design-system-section { margin-bottom: 24px; padding: 20px; border: 1px solid var(--ahi-color-border); border-radius: var(--ahi-radius); background: var(--ahi-color-surface); }
.design-system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.design-system-swatch { min-height: 92px; padding: 12px; border: 1px solid var(--ahi-color-border); border-radius: var(--ahi-radius); }
.design-system-swatch span { display: block; margin-top: 28px; font-size: .7rem; }
.design-system-do { border-inline-start: 4px solid var(--ahi-color-good); }
.design-system-dont { border-inline-start: 4px solid var(--ahi-color-unhealthy); }

@media (max-width: 1199px) {
    #cardsContainer { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
    #cardsContainer { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .air-pulse__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .air-site-header { grid-template-columns: auto 1fr; gap: 16px; padding: 10px 16px; }
    .air-main-nav { display: none; }
    .air-header-actions { justify-self: end; }
    .air-filterbar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 16px; }
    .air-filter-actions { grid-column: 1 / -1; justify-content: flex-end; }
    .design-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    #cardsContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .air-pulse__heading { align-items: flex-start; flex-direction: column; gap: 6px; }
    .air-pulse__grid { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
    #cardsContainer { grid-template-columns: 1fr; }
    .city-card { min-height: 0; }
    .air-brand-copy small,
    .air-site-link,
    .btn-social { display: none; }
    .air-site-header { min-height: 58px; padding-inline: 12px; }
    .air-filterbar { grid-template-columns: 1fr 1fr; padding: 10px 12px 12px; gap: 9px; }
    .air-filter-field:nth-child(3),
    .air-filter-field:nth-child(4) { grid-column: auto; }
    .main-content { padding: 18px 12px 28px !important; }
    .air-dashboard-heading { display: block; }
    .air-update-meta { margin-top: 9px; white-space: normal; }
    .city-card { min-height: 0; }
    .air-city-hero { padding: 16px !important; }
    .air-tools-menu { inset-inline-start: 12px; inset-block-end: 12px; }
    .seo-footer-container { width: 100%; border-radius: 0; }
    .design-system-grid { grid-template-columns: 1fr; }
}