/* Visit Maramures — Zone V2. Only zone-specific layout and editorial composition.
   Cards, grid/list, card typography and card media are owned by shared module.css. */
.zone-discovery {
    padding-bottom: clamp(3rem, 6vw, 6rem);
    color: var(--color-text, #192923);
}
.zone-discovery__intro {
    max-width: 68rem;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
/* The shared rosette owns spacing when it follows the introduction. */
.zone-discovery__intro:has(+ .decorative-separator--rosette) {
    margin-bottom: 0;
}
.zone-discovery__eyebrow {
    display: block;
    margin: 0 0 0.75rem;
    color: var(--editorial-eyebrow-color, #8e4a3a);
    font: 700 0.75rem/1.4 var(--type-font-body, "Manrope", sans-serif);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.zone-discovery__heading,
.zone-discovery__section-title {
    font-family: var(--type-font-heading, "Source Serif 4", Georgia, serif);
    font-weight: var(--type-h2-weight, 700);
    line-height: var(--type-h2-line-height, 1.2);
}
.zone-discovery__heading {
    margin: 0 0 1.25rem;
    font-size: var(--type-h2-desktop-size, clamp(2rem, 3vw, 2.8rem));
}
.zone-discovery__prose {
    color: var(--color-text-muted, #495951);
    font-family: var(--type-font-body, "Manrope", sans-serif);
    font-size: var(--type-body-size, 1rem);
    line-height: var(--type-body-line-height, 1.7);
}
.zone-discovery__layout {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(0, 3fr);
    align-items: start;
    gap: clamp(1.5rem, 4vw, 4rem);
}
.zone-discovery__aside {
    position: sticky;
    top: 110px;
    padding: 1.5rem 1.25rem;
    border-top: 2px solid var(--editorial-eyebrow-color, #8e4a3a);
    background: rgba(255, 255, 255, 0.55);
}
.zone-discovery__aside-title {
    margin: 0 0 0.75rem;
    font-family: var(--type-font-heading, Georgia, serif);
    font-size: var(--type-h3-desktop-size, 1.75rem);
}
.zone-discovery__aside p {
    color: var(--color-text-muted, #5d6862);
    font-size: 0.875rem;
    line-height: 1.7;
}
.zone-discovery__aside-note {
    border-top: 1px solid #e3ddd2;
    margin-top: 1.25rem;
    padding-top: 1rem;
}
/* Zone sections: spacing by shared frontend device ranges. */
.zone-discovery__section {
    margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .zone-discovery__section { margin-bottom: 40px; }
}
@media (max-width: 767px) {
    .zone-discovery__section { margin-bottom: 30px; }
}
.zone-discovery__section-heading {
    margin-bottom: 0.375rem;
    padding-bottom: 2.2rem;
    border-bottom: 0;
    background-image: url('/images/design-system/separators/rope.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
.zone-discovery__section-title {
    margin: 0;
    font-size: var(--type-h3-desktop-size, 1.75rem);
}
.zone-discovery__section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}
.zone-discovery__heading-text { min-width: 0; }
@media (max-width: 640px) {
    .zone-discovery__section-heading { align-items: flex-start; flex-direction: column; }
}

/* Shared grid owns item geometry. The Admin settings only supply column counts. */
.zone-discovery__cards.frontend-list { gap: 1.5rem; }
.zone-discovery__cards--featured.frontend-grid > :first-child { grid-column: 1 / -1; }
.zone-discovery__footer {
    border-top: 1px solid #ded7c9;
    padding-top: 1.5rem;
    margin-top: 2rem;
}
.zone-discovery__footer a { color: var(--color-primary, #28624e); }
@media (max-width: 900px) {
    .zone-discovery__layout { grid-template-columns: minmax(0, 1fr); }
    .zone-discovery__aside { position: static; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .zone-discovery__heading { font-size: var(--type-h2-tablet-size, 2rem); }
    .zone-discovery__section-title, .zone-discovery__aside-title { font-size: var(--type-h3-tablet-size, 1.5rem); }
}
@media (max-width: 767px) {
    .zone-discovery__heading { font-size: var(--type-h2-mobile-size, 1.8rem); }
    .zone-discovery__section-title, .zone-discovery__aside-title { font-size: var(--type-h3-mobile-size, 1.35rem); }
}

/* ZF3.11: Carousel uses the shared JS transform/drag/controls contract.
   Do not override .frontend-carousel viewport, track, or item mechanics. */
.zone-discovery__cards.frontend-grid[data-zone-cols-base="1"] { --grid-desktop-columns: 1; --grid-tablet-columns: 1; --grid-mobile-columns: 1; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="2"] { --grid-desktop-columns: 2; --grid-tablet-columns: 2; --grid-mobile-columns: 2; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="3"] { --grid-desktop-columns: 3; --grid-tablet-columns: 3; --grid-mobile-columns: 3; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="4"] { --grid-desktop-columns: 4; --grid-tablet-columns: 4; --grid-mobile-columns: 4; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="5"] { --grid-desktop-columns: 5; --grid-tablet-columns: 5; --grid-mobile-columns: 5; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="6"] { --grid-desktop-columns: 6; --grid-tablet-columns: 6; --grid-mobile-columns: 6; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="7"] { --grid-desktop-columns: 7; --grid-tablet-columns: 7; --grid-mobile-columns: 7; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="8"] { --grid-desktop-columns: 8; --grid-tablet-columns: 8; --grid-mobile-columns: 8; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="9"] { --grid-desktop-columns: 9; --grid-tablet-columns: 9; --grid-mobile-columns: 9; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="10"] { --grid-desktop-columns: 10; --grid-tablet-columns: 10; --grid-mobile-columns: 10; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="11"] { --grid-desktop-columns: 11; --grid-tablet-columns: 11; --grid-mobile-columns: 11; }
.zone-discovery__cards.frontend-grid[data-zone-cols-base="12"] { --grid-desktop-columns: 12; --grid-tablet-columns: 12; --grid-mobile-columns: 12; }
@media (min-width: 992px) and (max-width: 1199px) {
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="1"] { --grid-desktop-columns: 1; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="2"] { --grid-desktop-columns: 2; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="3"] { --grid-desktop-columns: 3; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="4"] { --grid-desktop-columns: 4; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="5"] { --grid-desktop-columns: 5; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="6"] { --grid-desktop-columns: 6; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="7"] { --grid-desktop-columns: 7; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="8"] { --grid-desktop-columns: 8; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="9"] { --grid-desktop-columns: 9; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="10"] { --grid-desktop-columns: 10; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="11"] { --grid-desktop-columns: 11; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-landscape="12"] { --grid-desktop-columns: 12; }
}
@media (min-width: 768px) and (max-width: 991px) {
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="1"] { --grid-tablet-columns: 1; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="2"] { --grid-tablet-columns: 2; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="3"] { --grid-tablet-columns: 3; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="4"] { --grid-tablet-columns: 4; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="5"] { --grid-tablet-columns: 5; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="6"] { --grid-tablet-columns: 6; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="7"] { --grid-tablet-columns: 7; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="8"] { --grid-tablet-columns: 8; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="9"] { --grid-tablet-columns: 9; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="10"] { --grid-tablet-columns: 10; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="11"] { --grid-tablet-columns: 11; }
.zone-discovery__cards.frontend-grid[data-zone-cols-tablet-portrait="12"] { --grid-tablet-columns: 12; }
}
@media (min-width: 576px) and (max-width: 767px) {
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="1"] { --grid-tablet-columns: 1; --grid-mobile-columns: 1; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="2"] { --grid-tablet-columns: 2; --grid-mobile-columns: 2; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="3"] { --grid-tablet-columns: 3; --grid-mobile-columns: 3; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="4"] { --grid-tablet-columns: 4; --grid-mobile-columns: 4; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="5"] { --grid-tablet-columns: 5; --grid-mobile-columns: 5; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="6"] { --grid-tablet-columns: 6; --grid-mobile-columns: 6; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="7"] { --grid-tablet-columns: 7; --grid-mobile-columns: 7; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="8"] { --grid-tablet-columns: 8; --grid-mobile-columns: 8; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="9"] { --grid-tablet-columns: 9; --grid-mobile-columns: 9; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="10"] { --grid-tablet-columns: 10; --grid-mobile-columns: 10; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="11"] { --grid-tablet-columns: 11; --grid-mobile-columns: 11; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-landscape="12"] { --grid-tablet-columns: 12; --grid-mobile-columns: 12; }
}
@media (max-width: 575px) {
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="1"] { --grid-mobile-columns: 1; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="2"] { --grid-mobile-columns: 2; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="3"] { --grid-mobile-columns: 3; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="4"] { --grid-mobile-columns: 4; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="5"] { --grid-mobile-columns: 5; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="6"] { --grid-mobile-columns: 6; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="7"] { --grid-mobile-columns: 7; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="8"] { --grid-mobile-columns: 8; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="9"] { --grid-mobile-columns: 9; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="10"] { --grid-mobile-columns: 10; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="11"] { --grid-mobile-columns: 11; }
.zone-discovery__cards.frontend-grid[data-zone-cols-mobile-portrait="12"] { --grid-mobile-columns: 12; }
}

/* ZF3.12 — Only Zone carousel navigation placement; shared carousel mechanics unchanged. */
.zone-discovery__cards--carousel[data-navigation-position="center"] { position: relative; }
.zone-discovery__cards--carousel[data-navigation-position="center"] > .frontend-carousel__controls {
    position: absolute; z-index: 3; top: 50%; left: 0; right: 0;
    transform: translateY(-50%); pointer-events: none; display: flex; justify-content: space-between;
}
.zone-discovery__cards--carousel[data-navigation-position="center"] > .frontend-carousel__controls button { pointer-events: auto; }
@media (hover: hover) {
    .zone-discovery__cards--carousel[data-navigation-visibility="hover"] > .frontend-carousel__controls { opacity: 0; transition: opacity .2s; }
    .zone-discovery__cards--carousel[data-navigation-visibility="hover"]:hover > .frontend-carousel__controls,
    .zone-discovery__cards--carousel[data-navigation-visibility="hover"]:focus-within > .frontend-carousel__controls { opacity: 1; }
}