/* AGAFORT Homepage Banner Groups V1 — dual promotional pair (canonical module).
   V1-R1: outer section shell is ag-dh-banner-groups-section-inner (shared 1184px axis). */

.ag-dh-banner-groups-v1[data-ag-banner-groups] {
    --ag-bg-v1-pad: 8px;
    --ag-bg-v1-gap: 8px;
    --ag-banner-banner-ratio: 16 / 7;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    margin-block: 0 1rem;
    padding: var(--ag-bg-v1-pad);
    background: #fff;
    border-radius: var(--ag-dh-radius, 8px);
    border: 1px solid #f1f5f9;
    display: grid !important;
    grid-template-columns: repeat(var(--ag-ad-desktop-columns, 2), minmax(0, 1fr)) !important;
    gap: var(--ag-bg-v1-gap) !important;
    overflow: hidden;
}

.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__tile {
    position: relative;
    display: block;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: var(--ag-banner-banner-ratio, 16 / 7);
    border-radius: clamp(4px, 0.5vw, 8px);
    overflow: hidden;
    padding: 0;
    color: inherit;
    text-decoration: none;
    background: #e8edf3;
    box-shadow: none;
    transition: transform var(--ag-dh-transition, 160ms ease), box-shadow var(--ag-dh-transition, 160ms ease);
}

.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__tile:focus-visible {
    outline: 2px solid var(--ag-dh-primary, #0e7490);
    outline-offset: 2px;
}

.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__picture,
.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__media,
.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__fallback {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__media {
    object-fit: cover;
    object-position: center;
}

.ag-dh-banner-groups-v1 .ag-dh-ad-overlay {
    pointer-events: none;
}

.ag-dh-banner-groups-v1 .ag-dh-ad-content {
    padding: 0.85rem 1rem;
}

@media (hover: hover) and (pointer: fine) {
    .ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__tile:hover {
        transform: var(--ag-module-hover-transform, translateY(-2px));
        box-shadow: var(--ag-dh-shadow-md, 0 8px 20px rgba(15, 23, 42, 0.12));
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__tile,
    .ag-dh-banner-groups-v1 .ag-dh-banner-groups-v1__tile:hover {
        transition: none !important;
        transform: none !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .ag-dh-banner-groups-v1[data-ag-banner-groups] {
        grid-template-columns: repeat(var(--ag-ad-tablet-columns, 2), minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .ag-dh-banner-groups-v1[data-ag-banner-groups] {
        grid-template-columns: repeat(var(--ag-ad-mobile-columns, 1), minmax(0, 1fr)) !important;
    }
}