/* ============================================
   Pagina Istorie — History Page Styles
   Matches old Next.js HistoryWrapper layout
   ============================================ */

/* ── Page overrides — transparent header over the hero ── */
.page-template-page-istorie .site-header {
    background-color: transparent;
}
.page-template-page-istorie .site-header.scrolled {
    background-color: rgba(0, 0, 0, 0.95);
}

/* ── Shared border container (wraps everything below Hero) ── */
.istorie-border-wrap {
    border: 1px solid white;
}

/* ── Hero ─────────────────────────────────── */
.istorie-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.istorie-hero__overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
.istorie-hero__container {
    position: relative;
    z-index: 1;
    height: 100%;
}
.istorie-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
    justify-items: center;
    height: 100%;
    padding: 120px 0 60px;
}
.istorie-hero__image-col {
    display: flex;
    align-items: center;
    justify-content: center;
}
.istorie-hero__image-wrap {
    width: 300px;
    height: 300px;
    overflow: hidden;
}
.istorie-hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.istorie-hero__text-col {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
}
/* Next.js: title-large = calc(40px + 80 * (100vw / 1308)), max 110px at 1308px */
.istorie-hero__title {
    font-family: var(--font-display);
    font-size: calc(40px + 80 * (100vw / 1308));
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-white);
    line-height: 1.21;
    margin: calc(15px + 25 * (100vw / 1308)) 0;
}
@media (min-width: 1308px) {
    .istorie-hero__title {
        font-size: 110px;
        margin: 15px 0;
    }
}
.istorie-hero__desc {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-white);
    text-align: center;
}

@media (min-width: 768px) {
    .istorie-hero__grid {
        grid-template-columns: 1fr 1fr;
        padding: 0;
        gap: 0;
    }
    .istorie-hero__image-wrap {
        width: 450px;
        height: 450px;
    }
    .istorie-hero__text-col {
        text-align: left;
        align-items: flex-start;
        padding: 0 32px;
    }
    .istorie-hero__desc {
        text-align: left;
        font-size: 18px;
    }
}

/* ── Timeline (YearScale) ────────────────── */
/* Next.js: relative bg-black text-white border-b-[1px] border-white */
.istorie-timeline {
    position: relative;
    background: black;
    color: white;
    border-bottom: 1px solid white;
}

/* Year Slider Bar */
/* Next.js: slider mx-auto px-[10px] py-[0px] border-b-[1px] border-white */
.istorie-timeline__slider-wrap {
    display: flex;
    border-bottom: 1px solid white;
    position: relative;
    padding: 0;
}
/* Timeline nav arrows — stretch to full height of slider bar */
.istorie-timeline__arrow {
    background: transparent;
    border: none;
    color: var(--color-white);
    opacity: 0.6;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
}
.istorie-timeline__arrow:hover {
    opacity: 1;
}
.istorie-timeline__arrow--prev {
    border-right: 1px solid white;
}
.istorie-timeline__arrow--next {
    border-left: 1px solid white;
}
.istorie-timeline__slider {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 0 10px;
}
.istorie-timeline__track {
    display: flex;
    transition: transform 0.5s ease;
}
/* Next.js: text-center p-1, flex justify-center items-center flex-col mx-auto */
.istorie-timeline__year-btn {
    flex: 0 0 calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--color-white);
    opacity: 0.6;
    padding: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.istorie-timeline__year-btn:hover {
    opacity: 1;
}
/* Next.js: text-yellow-500 when active */
.istorie-timeline__year-btn.is-active {
    opacity: 1;
    color: #eab308;
}
/* Next.js: w-[1px] h-[19px] bg-white */
.istorie-timeline__tick {
    width: 1px;
    height: 19px;
    background: white;
    display: block;
}
/* Next.js: flex mx-auto items-center gap-[10px] */
.istorie-timeline__year-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
/* Next.js: Title component with default size=miniMedium → calc(30px + 25 * (100vw / 1308)) */
/* Active gets className "font-bold" */
.istorie-timeline__year-text {
    font-family: var(--font-display);
    font-size: calc(30px + 25 * (100vw / 1308));
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    margin: calc(10px + 10 * (100vw / 1308)) 0;
}
@media (min-width: 1308px) {
    .istorie-timeline__year-text {
        font-size: 55px;
        margin: 20px 0;
    }
}
.istorie-timeline__year-btn.is-active .istorie-timeline__year-text {
    font-weight: 700;
}

/* Next.js: mt-[20px] transform transition-transform duration-500, rotate-[-90deg] when active */
.istorie-timeline__year-arrow {
    flex-shrink: 0;
    margin-top: 20px;
    transition: transform 0.5s ease;
}
.istorie-timeline__year-btn.is-active .istorie-timeline__year-arrow {
    transform: rotate(-90deg);
}

/* Content panels */
.istorie-timeline__panel {
    display: none;
}
.istorie-timeline__panel.is-active {
    display: block;
}
/* Next.js: flex flex-col md:flex-row md:px-8 py-10 max-md:py-5 */
.istorie-timeline__content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* Next.js: max-w-[500px] w-full max-md:px-[20px] */
.istorie-timeline__text-side {
    max-width: 500px;
    width: 100%;
    padding: 0;
}
/* Next.js: my-[50px] max-md:my-[20px] */
.istorie-timeline__title-wrap {
    margin: 20px 0;
}
/* Next.js: Title !text-[42px] position="left" */
.istorie-timeline__title {
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-white);
    text-align: left;
}
/* Next.js: my-4 mt-5 mb-10 text-[20px] max-w-[900px] */
.istorie-timeline__desc {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--color-white);
    margin: 20px 0 40px;
    max-width: 900px;
}
.istorie-timeline__desc p {
    margin-bottom: 16px;
}

/* Next.js: mt-5 text-center w-full max-w-[700px] mx-auto */
.istorie-timeline__image-side {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.istorie-timeline__image-slider {
    position: relative;
    overflow: hidden;
}
.istorie-timeline__slide {
    display: none;
}
.istorie-timeline__slide.is-active {
    display: block;
}
/* Next.js: mx-auto w-auto h-[400px] object-contain */
.istorie-timeline__img {
    width: auto;
    max-width: 100%;
    height: 400px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}
/* Next.js: arrows positioned absolutely left-0/right-0 with px-[20px] h-full flex items-center */
.istorie-timeline__img-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 5;
}
.istorie-timeline__img-arrow {
    background: transparent;
    border: none;
    color: var(--color-white);
    opacity: 0.6;
    cursor: pointer;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: opacity 0.2s;
    pointer-events: auto;
}
.istorie-timeline__img-arrow:hover {
    opacity: 1;
}

@media (min-width: 768px) {
    /* Next.js: md:flex-row md:px-8 */
    .istorie-timeline__content {
        flex-direction: row;
        padding: 40px 32px;
    }
    /* Next.js: my-[50px] */
    .istorie-timeline__title-wrap {
        margin: 50px 0;
    }
}

/* ── Evolutions ──────────────────────────── */
.istorie-evo {
    border-bottom: 1px solid white;
}
.istorie-evo__grid {
    display: grid;
    grid-template-columns: 1fr;
}
.istorie-evo__image-col {
    line-height: 0;
    overflow: hidden;
}
.istorie-evo__img--full {
    width: 100%;
    display: block;
}
.istorie-evo__right-col--1952 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.istorie-evo__text-wrap {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

/* Arc grid with photo overlay */
.istorie-evo__arc-grid-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
}
.istorie-evo__arc-grid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.istorie-evo__photo-overlay {
    position: absolute;
    border-radius: 50%;
    object-fit: cover;
}
.istorie-evo__photo-overlay--1 {
    width: 55%;
    height: auto;
    aspect-ratio: 1;
    top: 10%;
    left: 22%;
}
.istorie-evo__title {
    font-family: var(--font-display);
    font-size: 110px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 12px;
    line-height: 1.21;
}
.istorie-evo__desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-white);
}
.istorie-evo__desc p {
    margin-bottom: 16px;
}
.istorie-evo__bottom-vector {
    line-height: 0;
    overflow: hidden;
}
.istorie-evo__bottom-vector img {
    width: 100%;
    height: 306px;
    display: block;
    object-fit: fill;
    border-top: 1.5px solid white;
}

/* 1952: Image border on mobile */
.istorie-evo--1952 .istorie-evo__image-col {
    border-bottom: 1px solid white;
}

/* 1990: on mobile text first, then image */
.istorie-evo--1990 .istorie-evo__image-col {
    order: 2;
}
.istorie-evo--1990 .istorie-evo__text-wrap {
    order: 1;
}
.istorie-evo--1990 .istorie-evo__title,
.istorie-evo--2003 .istorie-evo__title {
    font-size: 50px;
}

/* 2003 */
.istorie-evo--2003 {
    border-top: 1px solid white;
}

@media (min-width: 768px) {
    .istorie-evo__grid {
        grid-template-columns: 1fr 1fr;
    }
    .istorie-evo--1952 .istorie-evo__grid {
        grid-template-columns: 655px 1fr;
    }

    .istorie-evo__text-wrap {
        padding: 40px 47px;
    }

    /* Desktop: image fills grid cell */
    .istorie-evo__image-col {
        position: relative;
        min-height: 500px;
    }
    .istorie-evo__img--full {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* SVGs stretch to fill container exactly — lines meet the border */
    .istorie-evo__img--full[src$=".svg"] {
        object-fit: fill;
    }

    /* 1952: Image LEFT — fixed dimensions matching SVG */
    .istorie-evo--1952 .istorie-evo__image-col {
        border-bottom: none;
        width: 655px;
        min-height: 778px;
    }
    .istorie-evo--1952 .istorie-evo__right-col {
        border-left: 1px solid white;
        margin-left: -1px;
    }
    .istorie-evo--1952 .istorie-evo__bottom-vector img {
        margin-left: -1px;
        width: calc(100% + 1px);
    }

    /* 1990: Text LEFT, Image RIGHT with border-left */
    .istorie-evo--1990 .istorie-evo__text-wrap {
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .istorie-evo--1990 .istorie-evo__image-col {
        order: 2;
        border-left: 1px solid white;
        margin-left: 1px;
        min-height: 650px;
    }
    .istorie-evo--1990 .istorie-evo__img--full {
        margin-left: -2px;
        margin-top: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 1px);
    }

    /* 2003: Image LEFT, Text RIGHT with border-left */
    .istorie-evo--2003 .istorie-evo__image-col {
        order: 1;
    }
    .istorie-evo--2003 .istorie-evo__text-wrap {
        order: 2;
        border-left: 1px solid white;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/* ── Vineyards (Podgorii) ────────────────── */
.istorie-vineyards__decor-top {
    display: block;
    height: 140px;
    width: calc(100% + 2px);
    margin-left: -1px;
    border-bottom: 1px solid white;
    line-height: 0;
    overflow: hidden;
}
.istorie-vineyards__decor-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.istorie-vineyards__content {
    padding: 48px 20px;
}
.istorie-vineyards__title {
    font-family: var(--font-display);
    font-size: 55px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--color-white);
    margin-bottom: 12px;
}
.istorie-vineyards__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.istorie-vineyards__col {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-white);
    max-width: 500px;
}
.istorie-vineyards__col p {
    margin-bottom: 16px;
}
.istorie-vineyards__decor-bottom {
    display: block;
    height: 140px;
    line-height: 0;
    overflow: hidden;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.istorie-vineyards__decor-bottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .istorie-vineyards__decor-top {
        display: block;
        height: 220px;
    }
    .istorie-vineyards__content {
        padding: 48px 80px;
    }
    .istorie-vineyards__grid {
        grid-template-columns: 1fr 1fr;
    }
    .istorie-vineyards__decor-bottom {
        display: block;
        height: 240px;
    }
}

/* ── Production Process ─────────────────── */
.istorie-production {
}
.istorie-production__grid {
    display: grid;
    grid-template-columns: 1fr;
}
.istorie-production__vector-col {
    display: none;
    flex-direction: column;
    line-height: 0;
}
.istorie-production__vector-item {
    width: 100%;
    height: auto;
    display: block;
    margin-top: -1px;
}
.istorie-production__content-col {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.istorie-production__title {
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 20px;
}
.istorie-production__columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
}
.istorie-production__col {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-white);
    width: 100%;
}
.istorie-production__col p {
    margin-bottom: 16px;
    text-align: justify;
}
.istorie-production__col p br {
    display: none;
}

@media (min-width: 768px) {
    .istorie-production__grid {
        grid-template-columns: 1fr 4fr;
    }
    .istorie-production__vector-col {
        display: flex;
        flex-direction: column;
        width: 262px;
        flex-shrink: 0;
    }
    .istorie-production__grid {
        grid-template-columns: 262px 1fr;
    }
    .istorie-production__content-col {
        padding: 60px 70px;
    }
    .istorie-production__title {
        font-size: 55px;
    }
    .istorie-production__columns {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .istorie-production__col--offset {
        margin-top: 144px;
    }
}

/* ── Laboratory ─────────────────────────── */
.istorie-lab {
    border-top: 1px solid white;
    min-height: 600px;
}
.istorie-lab__grid {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 600px;
}
.istorie-lab__text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    order: 2;
}
.istorie-lab__title {
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 20px;
}
.istorie-lab__desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-white);
}
.istorie-lab__desc p {
    margin-bottom: 16px;
}
.istorie-lab__image-col {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    order: 1;
    min-height: 350px;
}
.istorie-lab__image-wrap {
    width: 320px;
    height: 320px;
    position: relative;
    z-index: 1;
}
.istorie-lab__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.istorie-lab__diamond {
    display: none;
}

@media (min-width: 1024px) {
    .istorie-lab__grid {
        grid-template-columns: 1fr 1fr;
    }
    .istorie-lab__text-col {
        order: 1;
        padding: 60px 70px;
        border-right: 1px solid white;
    }
    .istorie-lab__title {
        font-size: 55px;
    }
    .istorie-lab__image-col {
        order: 2;
    }
    .istorie-lab__diamond {
        display: block;
        position: absolute;
        border: 1px solid white;
        max-width: 500px;
        width: 100%;
        height: 500px;
        transform: rotate(45deg);
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -250px;
    }
}

/* ── Mission ─────────────────────────────── */
.istorie-mission {
    border-top: 1px solid white;
    padding: 0 20px;
}
.istorie-mission__decor-top {
    height: 100px;
    line-height: 0;
    overflow: hidden;
}
.istorie-mission__decor-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.istorie-mission__content {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.istorie-mission__title {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--color-white);
    text-align: left;
    margin-bottom: 20px;
}
.istorie-mission__text {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-white);
    max-width: 750px;
}
.istorie-mission__text p {
    margin-bottom: 16px;
}
.istorie-mission__decor-bottom {
    height: 155px;
    line-height: 0;
    overflow: hidden;
}
.istorie-mission__decor-bottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .istorie-mission {
        padding: 0;
    }
    .istorie-mission__decor-top {
        height: 155px;
    }
    .istorie-mission__decor-top img {
        object-fit: fill;
    }
    .istorie-mission__content {
        padding: 50px 80px;
        align-items: center;
    }
    .istorie-mission__title {
        display: none;
    }
    .istorie-mission__text {
        text-align: left;
    }
    .istorie-mission__decor-bottom img {
        object-fit: fill;
    }
}

/* ══════════════════════════════════════════════
   MOBILE RESPONSIVE — must be LAST in file
   to override all desktop styles properly
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
    /* Hero */
    .istorie-hero {
        height: auto;
        min-height: 70vh;
    }
    .istorie-hero__grid {
        padding: 100px 15px 40px;
        gap: 20px;
    }
    .istorie-hero__image-wrap {
        width: 180px;
        height: 180px;
    }
    .istorie-hero__title {
        font-size: 48px;
        margin: 10px 0;
    }
    .istorie-hero__text-col {
        padding: 0 10px;
    }

    /* Timeline */
    .istorie-timeline__arrow {
        width: 40px;
        padding: 0 5px;
    }
    .istorie-timeline__arrow svg {
        width: 28px;
        height: 28px;
    }
    .istorie-timeline__year-btn {
        flex: 0 0 calc(100% / 3);
    }
    .istorie-timeline__year-text {
        font-size: 20px;
        margin: 6px 0;
    }
    .istorie-timeline__year-btn.is-active .istorie-timeline__year-text {
        font-size: 24px;
    }
    .istorie-timeline__year-arrow {
        width: 10px;
        height: 11px;
        margin-top: 8px;
    }
    .istorie-timeline__tick {
        height: 12px;
    }
    .istorie-timeline__content {
        padding: 20px 15px;
    }
    .istorie-timeline__text-side {
        max-width: 100%;
    }
    .istorie-timeline__title-wrap {
        margin: 10px 0;
    }
    .istorie-timeline__title {
        font-size: 24px;
    }
    .istorie-timeline__desc {
        font-size: 14px;
        line-height: 22px;
        margin: 8px 0 16px;
    }
    .istorie-timeline__image-side {
        max-width: 100%;
        margin-top: 10px;
    }
    .istorie-timeline__img {
        height: 200px;
    }
    .istorie-timeline__img-arrow {
        padding: 0 8px;
    }
    .istorie-timeline__img-arrow svg {
        width: 20px;
        height: 20px;
    }

    /* Evolutions */
    .istorie-evo__title {
        font-size: 48px;
        line-height: 1.1;
    }
    .istorie-evo--1990 .istorie-evo__title,
    .istorie-evo--2003 .istorie-evo__title {
        font-size: 28px;
        line-height: 1.2;
    }
    .istorie-evo__text-wrap {
        padding: 20px 15px;
    }
    .istorie-evo__desc {
        font-size: 14px;
        line-height: 22px;
    }
    .istorie-evo__image-col {
        position: relative;
        min-height: auto;
        width: auto;
    }
    .istorie-evo__img--full {
        position: relative;
        height: auto;
        max-height: 300px;
        object-fit: contain;
    }
    .istorie-evo__img--full[src$=".svg"] {
        display: none;
    }
    .istorie-evo__bottom-vector {
        display: none;
    }
    .istorie-evo--1952 .istorie-evo__image-col {
        width: auto;
        min-height: auto;
        border-bottom: 1px solid white;
    }
    .istorie-evo--1952 .istorie-evo__right-col {
        border-left: none;
        margin-left: 0;
    }
    .istorie-evo--1952 .istorie-evo__bottom-vector img {
        margin-left: 0;
        width: 100%;
    }
    .istorie-evo--1990 .istorie-evo__image-col,
    .istorie-evo--2003 .istorie-evo__image-col {
        margin-left: 0;
        border-left: none;
        min-height: auto;
    }
    .istorie-evo--1990 .istorie-evo__img--full,
    .istorie-evo--2003 .istorie-evo__img--full {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }
    .istorie-evo--2003 .istorie-evo__text-wrap {
        border-left: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .istorie-evo__photo-overlay {
        display: none;
    }

    /* Vineyards */
    .istorie-vineyards__decor-top {
        height: 60px;
        width: 100%;
        margin-left: 0;
    }
    .istorie-vineyards__decor-bottom {
        height: 60px;
    }
    .istorie-vineyards__title {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .historie-vineyards__content,
    .istorie-vineyards__content {
        padding: 25px 15px;
    }
    .istorie-vineyards__col {
        max-width: 100%;
        font-size: 14px;
        line-height: 22px;
    }

    /* Production */
    .istorie-production__content-col {
        padding: 20px 15px;
    }
    .istorie-production__title {
        font-size: 26px;
        margin-bottom: 12px;
    }
    .istorie-production__col {
        font-size: 14px;
        line-height: 22px;
    }
    .istorie-production__col--offset {
        margin-top: 0;
    }
    .istorie-production__columns {
        gap: 16px;
    }

    /* Lab */
    .istorie-lab {
        min-height: auto;
    }
    .istorie-lab__grid {
        min-height: auto;
    }
    .istorie-lab__text-col {
        padding: 20px 15px;
    }
    .istorie-lab__title {
        font-size: 28px;
    }
    .istorie-lab__desc {
        font-size: 14px;
        line-height: 22px;
    }
    .istorie-lab__image-col {
        min-height: 250px;
        padding: 10px;
    }
    .istorie-lab__image-wrap {
        width: 180px;
        height: 180px;
    }

    /* Mission */
    .istorie-mission {
        padding: 0 15px;
    }
    .istorie-mission__decor-top {
        height: 50px;
    }
    .istorie-mission__decor-bottom {
        height: 60px;
    }
    .istorie-mission__title {
        font-size: 22px;
        letter-spacing: 2px;
        display: block;
    }
    .istorie-mission__text {
        font-size: 14px;
        line-height: 22px;
        max-width: 100%;
    }
    .istorie-mission__content {
        padding: 15px 0;
    }
}