/* Strat minim de pagină — tokeni MUD + culorile de brand extrase din site-ul actual */
:root {
    --anre-blue: #0B4FA1; /* albastrul barelor de pe anre.md — text alb la 7,93:1 */
    --anre-blue-chip: #3F74B5; /* pătratele cu pictograme, ca pe anre.md — text alb la 4,8:1 */
    --anre-blue-dark: #083C7A; /* hover și subsol */
    --anre-map-blue: #126CC5; /* albastrul panoului hărții e-Carburanți */
    --anre-band: #126CC5; /* banda cu comparatorul, eșantionat din captură */
    --anre-band-dark: #0F5AA3;
    --anre-orange: #F88331; /* butonul de căutare */
    --anre-orange-dark: #E06E1E;
    --color-text-base-default: #000000;
}

body {
    background: var(--color-background-base-default);
    color: var(--color-text-base-default);
}

/* Bara de sus — reprodusă după site-ul actual */
/* albastrul rămâne în lățimea containerului, nu pe toată fâșia */
.a-topbar {
    background: transparent;
    color: var(--white);
    padding-top: var(--spacing-8);
}

/* Aliniat pe aceeași grilă ca antetul: grupul din stânga pornește din marginea containerului */
.a-topbar__inner {
    max-width: 1392px;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--anre-blue);
    border-radius: 10px;
    padding: var(--spacing-4) var(--spacing-24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-12);
}

.a-topbar__center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-8);
    flex-wrap: wrap;
}

.a-topbar__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-12);
}

.a-topbar a, .a-topbar button {
    color: var(--white);
    text-decoration: none;
}

.a-chip {
    background: var(--anre-blue-chip);
    border: 0;
    border-radius: 5px;
    height: 26px;
    min-width: 26px;
    padding: 0 var(--spacing-6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4);
    cursor: pointer;
    transition: background .2s ease;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
}

.a-topbar .icon {
    width: 15px;
    height: 15px;
}

.a-chip:hover {
    background: #4E81BE;
}

.a-chip svg {
    color: var(--white);
}

.a-lang {
    position: relative;
}

.a-lang__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1400;
    background: var(--white);
    border-radius: 8px;
    min-width: 96px;
    padding: var(--spacing-4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    list-style: none;
    margin: 0;
}

.a-lang__menu[hidden] {
    display: none;
}

.a-lang__menu button, .a-lang__menu a {
    display: block;
    text-align: left;
    background: none;
    border: 0;
    padding: var(--spacing-8) var(--spacing-12);
    border-radius: 6px;
    cursor: pointer;
    color: var(--color-text-base-default);
    font-family: inherit;
    font-size: 14px;
}

.a-lang__menu button:hover, .a-lang__menu a:hover {
    background: var(--gray-100);
}

.a-topbar__mail {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-6);
    font-size: 13px;
}

.a-search-btn {
    background: var(--anre-orange);
    border: 0;
    border-radius: 5px;
    height: 26px;
    width: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s ease;
}

.a-search-btn:hover {
    background: var(--anre-orange-dark);
}

/* Glif închis pe portocaliu: 6,86:1 — alb pe portocaliu dădea 2,54:1 (sub pragul WCAG 1.4.11 de 3:1) */
.a-search-btn svg {
    color: #1A1A1A;
}

/* Indicator de focalizare vizibil pe fundal albastru (WCAG 2.4.7) */
.a-chip:focus-visible, .a-search-btn:focus-visible, .a-a11y__btn:focus-visible,
.a-menubar a:focus-visible, .a-topbar__mail:focus-visible {
    outline: 3px solid #FFFFFF;
    outline-offset: 2px;
    border-radius: 6px;
}

.a-lang__menu button:focus-visible, .a-lang__menu a:focus-visible, .a-a11y__opt:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: -2px;
}

.a-searchbar {
    background: var(--anre-blue-dark);
    padding: var(--spacing-12) var(--spacing-16);
}

.a-searchbar[hidden] {
    display: none;
}

.a-searchbar__inner {
    max-width: 720px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .a-topbar__inner {
        padding-left: var(--spacing-16);
        padding-right: var(--spacing-16);
        gap: var(--spacing-8);
    }

    .a-topbar__center {
        justify-content: flex-start;
    }

    .a-topbar__mail span {
        display: none;
    }
}

.a-masthead {
    border-bottom: var(--border-width-1) solid var(--color-border-base-secondary);
    background: var(--white);
}

.a-masthead__inner {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: var(--spacing-16) var(--spacing-24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-24);
    flex-wrap: wrap;
}

.a-brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    text-decoration: none;
    color: inherit;
}

.a-brand img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;
}

/* denumirea din antet: un singur rând, în albastrul folosit la titlul „Noutăți" */
.a-brand span {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 600;
    color: var(--anre-blue);
    max-width: none;
    text-transform: none;
    letter-spacing: 0;
}

@media (min-width: 1248px) {
    .a-brand span {
        white-space: nowrap;
    }
}

.a-masthead__actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-24);
    flex-wrap: wrap;
}

.a-infoline {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
    text-decoration: none;
    color: inherit;
}

.a-infoline__num {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-brand-default);
}

/* aceeași lățime ca blocurile de mai jos */
/* bara de meniu se întinde pe toată lățimea paginii */
.a-menubar {
    background: var(--anre-blue);
}

.a-menubar__inner {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 var(--spacing-24);
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: var(--spacing-4);
    flex-wrap: wrap;
}

/* icon-home-round-door e desenat pe grilă 16px: mărit optic ca să se alinieze cu restul */
.a-icon-home {
    width: 22px;
    height: 22px;
}

.a-menubar__links {
    display: flex;
    align-items: stretch;
    gap: var(--spacing-4);
    flex-wrap: wrap;
}

.a-menubar__item {
    position: relative;
    display: flex;
}

.a-menubar__btn {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--white);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    padding: var(--spacing-16);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-6);
    transition: background .2s ease;
}

.a-menubar__btn:hover, .a-menubar__btn[aria-expanded="true"] {
    background: var(--anre-blue-dark);
}

.a-menubar__btn:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -3px;
}

.a-menubar__btn--strong {
    font-weight: 600;
}

.a-menubar__chev {
    transition: transform .2s ease;
}

.a-menubar__btn[aria-expanded="true"] .a-menubar__chev {
    transform: rotate(180deg);
}

.a-menubar__home {
    display: inline-flex;
    align-items: center;
}

.a-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1100;
    min-width: 300px;
    max-width: 380px;
    background: var(--white);
    border-radius: 0 0 10px 10px;
    padding: var(--spacing-8);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.a-submenu[hidden] {
    display: none;
}

.a-submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.a-submenu a {
    display: block;
    padding: var(--spacing-8) var(--spacing-12);
    border-radius: 6px;
    color: var(--color-text-base-default);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
}

.a-submenu a:hover {
    background: var(--blue-sky-100);
    color: var(--anre-blue);
}

.a-submenu a:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: -2px;
}

.a-submenu__all {
    font-weight: 600;
    color: var(--anre-blue) !important;
    border-bottom: var(--border-width-1) solid var(--color-border-base-subtle);
    border-radius: 6px 6px 0 0;
    margin-bottom: var(--spacing-4);
}

@media (prefers-reduced-motion: reduce) {
    .a-menubar__chev {
        transition: none;
    }
}

@media (max-width: 991px) {
    .a-submenu {
        position: static;
        box-shadow: none;
        border-radius: 8px;
        min-width: 0;
        max-width: none;
        margin-bottom: var(--spacing-8);
    }

    .a-menubar__item {
        display: block;
        width: 100%;
    }

    .a-menubar__btn {
        width: 100%;
        justify-content: space-between;
    }
}

/* Al doilea nivel de submeniu — se deschide lateral (flyout), ca pe anre.md */
.a-submenu__group {
    position: relative;
}

.a-submenu__sub {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-8);
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: var(--spacing-8) var(--spacing-12);
    border-radius: 6px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.35;
    text-align: left;
    color: var(--color-text-base-default);
}

.a-submenu__sub:hover, .a-submenu__sub[aria-expanded="true"] {
    background: var(--blue-sky-100);
    color: var(--anre-blue);
}

.a-submenu__sub:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: -2px;
}

.a-submenu__arrow {
    flex-shrink: 0;
}

.a-submenu--flyout {
    position: absolute;
    top: calc(-1 * var(--spacing-8));
    left: 100%;
    min-width: 260px;
    max-width: 320px;
    border-radius: 10px;
}

.a-submenu--flyout[hidden] {
    display: none;
}

/* când nu mai încape în dreapta, panoul se deschide spre stânga */
.a-submenu__group.is-left > .a-submenu--flyout {
    left: auto;
    right: 100%;
}

@media (max-width: 991px) {
    /* pe ecrane mici arrow-ul indică în jos, ca la butoanele din bara principală */
    .a-submenu__arrow {
        transform: rotate(90deg);
    }

    .a-submenu--flyout {
        position: static;
        min-width: 0;
        max-width: none;
        box-shadow: none;
        border-radius: 8px;
        background: var(--gray-100);
        margin: var(--spacing-4) 0 var(--spacing-8) var(--spacing-16);
    }

    .a-submenu__group.is-left > .a-submenu--flyout {
        right: auto;
    }
}

/* Accesibilitate */
.a-a11y {
    position: relative;
    display: flex;
    align-items: center;
}

.a-a11y__btn {
    background: transparent;
    border: 0;
    color: var(--white);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8);
    padding: var(--spacing-12) var(--spacing-16);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    transition: background .2s ease;
}

.a-a11y__btn:hover, .a-a11y__btn[aria-expanded="true"] {
    background: var(--anre-blue-dark);
}

.a-a11y__btn svg {
    color: var(--white);
}

.a-a11y__panel {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1400;
    min-width: 220px;
    background: var(--white);
    border-radius: 10px;
    padding: var(--spacing-8);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.a-a11y__panel[hidden] {
    display: none;
}

.a-a11y__title {
    margin: var(--spacing-4) var(--spacing-8) var(--spacing-8);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-base-secondary);
}

.a-a11y__opt {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
    padding: var(--spacing-8) var(--spacing-12);
    border-radius: 6px;
    font-family: inherit;
    font-size: 14px;
    color: var(--color-text-base-default);
}

.a-a11y__opt:hover {
    background: var(--gray-100);
}

.a-a11y__opt.is-on {
    background: var(--color-background-brand-secondary);
    color: var(--color-text-brand-default);
    font-weight: 500;
}

/* Stări de accesibilitate aplicate paginii */
body.a11y-text {
    font-size: 118%;
}

body.a11y-links a {
    text-decoration: underline !important;
}

body.a11y-contrast {
    --anre-blue: #002B5C;
    --anre-blue-chip: #103F73;
    --anre-blue-dark: #001B3C;
    --anre-orange: #B34700;
}

body.a11y-contrast .a-note, body.a11y-contrast .a-news__date {
    color: #1A1A1A;
}

body.a11y-contrast .a-tile, body.a11y-contrast .a-box {
    border-color: #1A1A1A;
}

@media (max-width: 767px) {
    .a-a11y__label {
        display: none;
    }
}

/* Doar linkurile de nivel superior din bară sunt albe (Acasă, Registrul autorizațiilor).
   Regula nu trebuie să atingă linkurile din submeniuri — acolo fundalul e alb, iar
   textul rămâne întunecat (vezi .a-submenu a). */
.a-menubar__links > a {
    color: var(--white);
    text-decoration: none;
    padding: var(--spacing-16) var(--spacing-16);
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-6);
}

.a-menubar__links > a:hover, .a-menubar__links > a.is-active {
    background: var(--anre-blue-dark);
}

/* Grilă comună: antet, meniu și panouri pornesc din același punct pe stânga */
.a-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
    box-sizing: border-box;
}

/* aceeași margine din stânga pentru toate secțiunile de conținut și subsol */
main .mud-container, .a-footer .mud-container {
    max-width: 1440px;
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
}

/* Panouri sectoare — preluate din versiunea precedentă, refăcute accesibil */
.a-sectors {
    display: flex;
    gap: 4px;
    height: 300px;
    padding: var(--spacing-16) 0;
}

.a-sector {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    padding: 0;
    border-radius: 10px;
    color: var(--white);
    text-align: left;
    background-size: cover;
    background-position: center;
    transition: flex-grow .45s cubic-bezier(.22, .61, .36, 1);
}

.a-sector[aria-expanded="true"] {
    flex-grow: 4;
    cursor: default;
}

/* Ilustrație tematică semitransparentă peste gradient */
.a-sector::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--art, none);
    background-repeat: no-repeat;
    background-position: 60% 55%;
    background-size: 150% auto;
    opacity: .26;
    transition: opacity .45s ease, background-size .45s ease, background-position .45s ease;
}

.a-sector[aria-expanded="true"]::before {
    opacity: .3;
    background-size: 62% auto;
    background-position: 82% 50%;
}

.a-sector::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .58) 100%);
}

.a-sector:focus-visible {
    outline: 3px solid var(--white);
    outline-offset: 3px;
}

.a-sector__body {
    position: absolute;
    inset: auto 0 0 0;
    padding: var(--spacing-20);
    z-index: 1;
}

.a-sector__label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.25;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.a-sector[aria-expanded="true"] .a-sector__label {
    writing-mode: horizontal-tb;
    transform: none;
    white-space: normal;
    font-size: 22px;
}

.a-sector__desc, .a-sector__cta {
    display: none;
}

.a-sector[aria-expanded="true"] .a-sector__desc {
    display: block;
    margin: var(--spacing-8) 0 var(--spacing-16);
    max-width: 42ch;
    font-size: 14px;
    line-height: 1.5;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.a-sector[aria-expanded="true"] .a-sector__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-6);
    background: var(--white);
    color: #0B0B0B;
    border-radius: 999px;
    padding: var(--spacing-8) var(--spacing-16);
    font-size: 14px;
    font-weight: 500;
}

/* Fundal: fotografia din --img peste gradientul de rezervă (--grad rămâne vizibil
   dacă fotografia lipsește). Desenul din --art dispare automat când fotografia există. */
.a-sector {
    background-image: var(--img, none), var(--grad);
}

/* cu fotografii reale, desenul dispare complet */
.a-sector.has-photo::before {
    opacity: 0;
}

/* fotografia primește o tentă ușoară din culoarea sectorului, ca setul să rămână unitar */
.a-sector.has-photo {
    background-blend-mode: luminosity, normal;
}

@media (prefers-reduced-motion: reduce) {
    .a-sector, .a-sector::before {
        transition: none;
    }
}

@media (max-width: 767px) {
    .a-sectors {
        flex-direction: column;
        height: auto;
        gap: 8px;
    }

    .a-sector {
        height: 96px;
    }

    .a-sector[aria-expanded="true"] {
        height: 200px;
    }

    .a-sector__label, .a-sector[aria-expanded="true"] .a-sector__label {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 17px;
    }
}

/* Bandă cu trei servicii: comparator, ghid, video */
/* fâșie gri pe toată lățimea, ca la blocul „Prețul maxim de referință” */
.a-promo {
    background: var(--gray-100);
    padding: var(--spacing-16) 0;
}

.a-promo__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    background: var(--anre-band);
    border-radius: 12px;
    overflow: hidden;
}

.a-promo__item {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    padding: var(--spacing-12) var(--spacing-20);
    text-decoration: none;
    background: var(--anre-band);
    color: #fff;
    transition: background .2s ease;
}

.a-promo__item + .a-promo__item {
    border-left: var(--border-width-1) solid rgba(255, 255, 255, .28);
}

.a-promo__item:hover {
    background: var(--anre-band-dark);
}

.a-promo__item:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -4px;
}

.a-promo__art {
    flex-shrink: 0;
    color: #fff;
    display: inline-flex;
}

.a-promo__title {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
}

.a-promo__desc {
    display: block;
    margin-top: var(--spacing-4);
    font-size: 13px;
    color: rgba(255, 255, 255, .94);
}

/* Comparatorul — element principal al benzii */
.a-promo__item--featured {
    background: var(--anre-band);
    color: #fff;
}

.a-promo__item--featured:hover {
    background: var(--anre-band-dark);
}

.a-promo__item--featured .a-promo__art {
    color: #fff;
}

.a-promo__item--featured .a-promo__title {
    color: #fff;
    font-size: 19px;
}

/* denumirea serviciului: roșul de brand rămâne, dar pe fundal alb —
   pe albastru direct ajungea la 1,04:1, adică ilizibil */
.a-promo__title--brand, .a-promo__item--featured .a-promo__title--brand {
    color: #D3002E;
    background: #fff;
    border-radius: 6px;
    padding: 1px var(--spacing-8);
    align-self: flex-start;
}

.a-promo__item--featured .a-promo__desc {
    color: rgba(255, 255, 255, .88);
}

.a-promo__item--featured:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -4px;
}

/* aceeași structură verticală pe toate trei cardurile */
.a-promo__item {
    align-items: stretch;
}

.a-promo__art {
    align-self: center;
}

.a-promo__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 auto;
}

.a-promo__item:hover

@media (prefers-reduced-motion: reduce) {
}

/* Elementul video, animat */
.a-promo__play circle.ring {
    transform-origin: 32px 32px;
    animation: a-pulse 2.4s ease-out infinite;
}

.a-promo__play circle.ring2 {
    animation-delay: 1.2s;
}

@keyframes a-pulse {
    0% {
        transform: scale(.62);
        opacity: .55;
    }
    70% {
        transform: scale(1.15);
        opacity: 0;
    }
    100% {
        transform: scale(1.15);
        opacity: 0;
    }
}

.a-promo__item--video:hover .a-promo__play {
    transform: scale(1.06);
    transition: transform .2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .a-promo__play circle.ring {
        animation: none;
        opacity: .35;
        transform: scale(.9);
    }
}

@media (max-width: 991px) {
    .a-promo__grid {
        grid-template-columns: 1fr;
    }

    .a-promo__item + .a-promo__item {
        border-left: 0;
        border-top: var(--border-width-1) solid var(--color-border-base-secondary);
    }
}

.a-tile {
    display: block;
    text-decoration: none;
    color: inherit;
    text-align: center;
    border: var(--border-width-1) solid var(--color-border-base-secondary);
    border-radius: 12px;
    padding: var(--spacing-24) var(--spacing-16);
    height: 100%;
    background: var(--white);
    transition: border-color .2s ease;
}

.a-tile:hover {
    border-color: var(--color-border-brand-default);
}

.a-tile__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--spacing-12);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-background-brand-secondary);
    color: var(--color-icon-brand-default);
}

.a-tile__label {
    font-size: 14px;
    font-weight: 600;
}

.a-news__item {
    padding: var(--spacing-16) 0;
    border-bottom: var(--border-width-1) solid var(--color-border-base-subtle);
}

.a-news__date {
    color: var(--color-text-base-secondary);
    font-size: 13px;
}

/* Bloc Noutăți + Acces rapid */
.a-block__title {
    font-size: 26px;
    font-weight: 600;
    color: var(--anre-blue);
    margin: 0;
}

.a-block__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--spacing-16);
    flex-wrap: wrap;
    padding-bottom: var(--spacing-12);
    margin-bottom: var(--spacing-24);
    border-bottom: var(--border-width-1) solid var(--color-border-base-secondary);
}

.a-more {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-6);
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    color: var(--anre-blue);
    text-decoration: none;
}

.a-more:hover {
    text-decoration: underline;
}

.a-more:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: 3px;
    border-radius: 4px;
}

.a-more svg {
    transition: transform .2s ease;
}

.a-more:hover svg {
    transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
    .a-more svg {
        transition: none;
    }
}

.a-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-24);
}

.a-ncard {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--blue-sky-100);
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    transition: background .2s ease, transform .2s ease;
}

.a-ncard:hover {
    background: var(--blue-sky-150);
    transform: translateY(-2px);
}

.a-ncard:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: 2px;
}

/* Fotografia din --img acoperă ilustrația; ilustrația acoperă gradientul */
.a-ncard__media {
    aspect-ratio: 16 / 9;
    background-image: var(--img, none), var(--art, none), var(--grad, none);
    background-size: cover, 66% auto, cover;
    background-position: center, center, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-color: var(--gray-200);
}

.a-ncard__body {
    padding: var(--spacing-16) var(--spacing-20) var(--spacing-24);
}

.a-ncard__date {
    display: block;
    font-size: 12px;
    color: var(--color-text-base-secondary);
    margin-bottom: var(--spacing-6);
}

.a-ncard__title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--anre-blue);
}

.a-ncard:hover .a-ncard__title {
    text-decoration: underline;
}

.a-ncard__desc {
    margin: var(--spacing-8) 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-base-default);
}

/* Distanță între blocul Noutăți și coloana Acces rapid */
@media (min-width: 992px) {
    .a-block-quick {
        padding-left: var(--spacing-32);
    }
}

@media (min-width: 1248px) {
    .a-block-quick {
        padding-left: var(--spacing-40);
    }
}

/* Bloc carburanți: preț de referință + hartă */
.a-fuel__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--anre-blue);
    margin: 0;
    line-height: 1.35;
}

/* antet de tabel în albastrul hărții e-Carburanți */
.a-fuel-table .table__head-cell {
    background: var(--anre-map-blue);
    color: #fff;
    border-color: var(--anre-map-blue);
    vertical-align: middle;
}

.a-fuel-table .table__head-cell a {
    color: #fff;
}

.a-delta {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4);
    font-weight: 600;
    white-space: nowrap;
}

.a-delta--down {
    color: var(--color-text-positive-default);
}

.a-delta--up {
    color: var(--color-text-danger-default);
}

.a-spark {
    width: 120px;
    height: 32px;
    display: block;
}

.a-map {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: var(--border-width-1) solid var(--color-border-base-secondary);
    background: var(--white);
}

.a-map__frame {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* cele două coloane se termină pe aceeași linie: harta umple înălțimea rândului */
.a-fuel-map {
    display: flex;
    flex-direction: column;
}

.a-fuel-map .a-map {
    flex: 1 1 auto;
    height: auto;
    min-height: 260px;
}

.a-map__badges {
    position: absolute;
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-8);
}

.a-map__badges img {
    height: 38px;
    width: auto;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35));
}

.a-map__badges a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    border-radius: 6px;
}

@media (max-width: 991px) {
    .a-fuel-map .a-map {
        min-height: 320px;
    }

    .a-map__badges img {
        height: 32px;
    }

    .a-map__badges {
        right: var(--spacing-12);
        bottom: var(--spacing-12);
    }
}

.a-quicklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.a-quicklist li + li {
    margin-top: var(--spacing-8);
}

.a-quicklist a {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    padding: var(--spacing-12) var(--spacing-16);
    border-radius: 10px;
    background: var(--gray-100);
    text-decoration: none;
    color: var(--color-text-base-default);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
}

.a-quicklist a:hover {
    background: var(--blue-sky-100);
    color: var(--anre-blue);
}

.a-quicklist a:focus-visible {
    outline: 3px solid var(--color-focus, #0058D2);
    outline-offset: 2px;
}

.a-quicklist__thumb {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-default);
}

.a-quicklist a:hover .a-quicklist__thumb {
    color: var(--anre-blue);
}

.a-quicklist__thumb .icon {
    width: 26px;
    height: 26px;
}

.a-quicklist__go {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .a-quicklist a {
        transition: none;
    }
}

@media (max-width: 767px) {
    .a-cards {
        grid-template-columns: 1fr;
    }
}

.a-box {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    text-decoration: none;
    color: inherit;
    border: var(--border-width-1) solid var(--color-border-base-secondary);
    border-radius: 12px;
    padding: var(--spacing-20);
    background: var(--white);
    height: 100%;
}

.a-box:hover {
    border-color: var(--color-border-brand-default);
}

.a-box img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.a-section {
    padding: var(--spacing-48) 0;
}

/* secțiunea de deasupra se termină aproape de fâșia gri */
.a-section--flush {
    padding-bottom: var(--spacing-8);
}

/* aceeași distanță și sub fâșie ca deasupra ei */
.a-section--flush-top {
    padding-top: var(--spacing-16);
}

.a-section--flush .mud-col-12 {
    margin-bottom: var(--spacing-8) !important;
}

/* fâșia cu carburanți: aceeași distanță sus și jos */
.a-section--tight {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
}

@media (min-width: 992px) {
    .a-section--tight .mud-row {
        align-items: stretch;
    }
}

.a-section--tight .a-block__head {
    padding-bottom: var(--spacing-8);
    margin-bottom: var(--spacing-16);
}

.a-section--tight .mud-col-12 {
    margin-bottom: var(--spacing-12) !important;
}

@media (min-width: 992px) {
    .a-section--tight .mud-col-12 {
        margin-bottom: 0 !important;
    }
}

.a-section--tinted {
    background: var(--gray-100);
}

.a-section__title {
    text-align: center;
    margin: 0 0 var(--spacing-32);
}

/* Abonare: fâșie îngustă, titlu lipit de formular */
.a-section--slim {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
}

.a-subscribe {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-20);
    flex-wrap: wrap;
}

.a-subscribe__title {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--anre-blue);
}

.a-subscribe__form {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    flex: 0 1 420px;
}

.a-subscribe__field {
    flex: 1 1 auto;
    margin: 0;
}

@media (max-width: 767px) {
    .a-subscribe__form {
        max-width: none;
    }
}

.a-note {
    font-size: 12px;
    line-height: 1.6;
    color: var(--color-text-base-secondary);
}

/* Trei carduri video, în stilul benzii cu comparatorul */
.a-media {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--anre-blue);
    border-radius: 12px;
    overflow: hidden;
}

.a-media__card {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    padding: var(--spacing-12) var(--spacing-20);
    text-decoration: none;
    background: var(--anre-band);
    color: #fff;
    transition: background .2s ease;
}

.a-media__card + .a-media__card {
    border-left: var(--border-width-1) solid rgba(255, 255, 255, .28);
}

.a-media__card:hover {
    background: var(--anre-blue-dark);
}

.a-media__card:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -4px;
}

.a-media__art {
    display: inline-flex;
    flex-shrink: 0;
}

.a-media__body {
    display: flex;
    flex-direction: column;
}

.a-media__title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

.a-media__meta {
    font-size: 13px;
    color: rgba(255, 255, 255, .88);
    margin-top: var(--spacing-4);
}

.a-ring {
    transform-box: fill-box;
    transform-origin: center;
    animation: a-ping 2.6s ease-out infinite;
}

.a-ring--2 {
    animation-delay: 1.3s;
}

/* insigna YouTube: respiră ușor, iar triunghiul dă un mic impuls */
.a-yt {
    transform-box: fill-box;
    transform-origin: center;
    animation: a-yt-beat 2.6s ease-in-out infinite;
}

.a-yt__play {
    transform-box: fill-box;
    transform-origin: center;
    animation: a-yt-play 2.6s ease-in-out infinite;
}

.a-media__card:hover .a-yt {
    animation-duration: 1.1s;
}

@keyframes a-yt-beat {
    0%, 62%, 100% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.07);
    }
    80% {
        transform: scale(0.99);
    }
}

@keyframes a-yt-play {
    0%, 62%, 100% {
        transform: translateX(0);
    }
    72% {
        transform: translateX(2px);
    }
}

@keyframes a-ping {
    0% {
        transform: scale(.62);
        opacity: .5;
    }
    70% {
        transform: scale(1.25);
        opacity: 0;
    }
    100% {
        transform: scale(1.25);
        opacity: 0;
    }
}

.a-wave {
    animation: a-sound 1.8s ease-in-out infinite;
}

.a-wave--1 {
    animation-delay: 0s;
}

.a-wave--2 {
    animation-delay: .25s;
}

.a-wave--3 {
    animation-delay: 0s;
}

.a-wave--4 {
    animation-delay: .25s;
}

@keyframes a-sound {
    0%, 100% {
        opacity: .2;
    }
    50% {
        opacity: 1;
    }
}

.a-bolt {
    animation: a-flash 2.2s steps(1, end) infinite;
}

@keyframes a-flash {
    0%, 62%, 100% {
        opacity: 1;
    }
    70%, 86% {
        opacity: .25;
    }
}

@media (prefers-reduced-motion: reduce) {
    .a-ring, .a-wave, .a-bolt, .a-yt, .a-yt__play {
        animation: none;
    }

    .a-ring {
        opacity: .3;
    }
}

@media (max-width: 767px) {
    .a-media {
        grid-template-columns: 1fr;
    }
}

.a-badges {
    display: flex;
    gap: var(--spacing-12);
    flex-wrap: wrap;
    align-items: center;
}

.a-badges img {
    height: 40px;
    width: auto;
}

.a-footer {
    background: var(--anre-blue-dark);
    color: var(--white);
    padding: var(--spacing-24) 0 0;
}

.a-footer .mud-row {
    margin-top: var(--spacing-16) !important;
}

.a-footer .mud-col-12 {
    margin-bottom: var(--spacing-12) !important;
}

.a-footer__map iframe {
    height: 150px;
}

.a-footer a {
    color: var(--white);
}

.a-footer h3 {
    color: var(--white);
    font-size: 14px;
    margin: 0 0 var(--spacing-8);
}

.a-footer p {
    font-size: 13px;
    line-height: 1.5;
}

/* aceeași dimensiune și interlinie ca la textul din Contacte */
.a-footer__links li {
    font-size: 10px;
    line-height: 1.4;
}

.a-footer__links li + li {
    margin-top: var(--spacing-6);
}

.a-footer__links a {
    font-size: 10px;
}

.a-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: var(--spacing-16);
    padding: var(--spacing-12) 0;
    font-size: 11px;
}

.a-footer__brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    flex-wrap: wrap;
}

.a-footer__brand img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
}

/* aceeași tratare tipografică ca titlul „Noutăți", pe un singur rând */
.a-footer__brand h3 {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    max-width: none;
}

@media (min-width: 1248px) {
    .a-footer__brand h3 {
        white-space: nowrap;
    }
}

.a-footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.a-footer__links li + li {
    margin-top: var(--spacing-8);
}

.a-footer__links a {
    text-decoration: none;
    font-size: 14px;
}

.a-footer__links a:hover {
    text-decoration: underline;
}

.a-footer__map {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .06);
}

/* harta urcă la nivelul rândului cu denumirea instituției */
@media (min-width: 768px) {
    .a-footer__map {
        margin-top: calc(-1 * var(--spacing-40));
    }
}

.a-footer__map iframe {
    display: block;
    width: 100%;
    height: 190px;
    border: 0;
}

@media (max-width: 767px) {
    .a-brand span {
        font-size: 12px;
        max-width: 200px;
    }

    .a-brand img {
        width: 48px;
        height: 48px;
    }
}