/* ==========================================================================
   De aici, de aproape - Landing page (DADA)
   Figma: digital star_DADA_LP
     LP_desktop 1920 x 5463   |   LP_mobile 390 x 3859

   Toate cotele sunt px din design, scalate prin var(--s):
     desktop  --s = 1px la 1920 latime (scade sub 1920, se plafoneaza peste)
     mobil    --s = 1px la 390  latime
   ========================================================================== */

@font-face {
    font-family: "ProximaNovaRegular";
    src: url('../fonts/ProximaNova/ProximaNovaARegular/font.woff2') format('woff2'),
         url('../fonts/ProximaNova/ProximaNovaARegular/font.woff') format('woff');
}
@font-face {
    font-family: "ProximaNovaSemiBold";
    src: url('../fonts/ProximaNova/ProximaNovaASemibold/font.woff2') format('woff2'),
         url('../fonts/ProximaNova/ProximaNovaASemibold/font.woff') format('woff');
}
@font-face {
    font-family: "ProximaNovaBold";
    src: url('../fonts/ProximaNova/ProximaNovaBold/font.woff2') format('woff2'),
         url('../fonts/ProximaNova/ProximaNovaBold/font.woff') format('woff');
}
@font-face {
    font-family: "ProximaNovaExtrabold";
    src: url('../fonts/ProximaNova/ProximaNovaExtrabld/font.woff2') format('woff2'),
         url('../fonts/ProximaNova/ProximaNovaExtrabld/font.woff') format('woff');
}

.dada {
    --s: min(0.0520833vw, 1px);   /* 1 px din LP_desktop */

    font-family: "ProximaNovaRegular", Ubuntu, Arial, sans-serif;
    color: #fff;
    background: #233E9A;
    position: relative;
    overflow: hidden;
}
.dada * { box-sizing: border-box; }
.dada img { max-width: 100%; display: block; }
.dada__container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    text-align: center;
}

/* wave separators (shared) */
.dada-wave { position: relative; z-index: 3; line-height: 0; flex: 0 0 auto; overflow: hidden; }
.dada-wave svg { display: block; }
/* fiecare wave are latimea/offsetul nodului din Figma (depaseste cadrul de 1920) */
.dada-wave--hero svg {
    width: calc(2007.51 * var(--s));
    height: calc(257 * var(--s));
    margin-left: calc(-18.54 * var(--s));
}
.dada-wave--fermier svg {
    width: calc(2007.51 * var(--s));
    height: calc(257 * var(--s));
    margin-left: calc(-18.54 * var(--s));
}
.dada-wave--app svg {
    width: calc(2209.79 * var(--s));
    height: calc(240 * var(--s));
    margin-left: calc(-188.1 * var(--s));
}

/* -------------------------------------------- MENIU DESPRE GRUP -------- */
/* Bootstrap pune border-bottom gri pe .nav-tabs - se vedea ca o dunga alba
   peste imaginea de hero */
.dada-menu-wrap .nav-tabs,
.dada-menu-wrap .nav-tabs-head {
    border-bottom: none;
    justify-content: center;
}
.dada-menu-wrap .mobile-menu > .row { display: block; margin: 0; }

/* --------------------------------------------------------- HERO --------- */
/* logo Y245 (366x396) | titlu Y687 64/97% | CTA Y781 782x75 | wave -> 1075 */
.dada-hero {
    position: relative;
    background: #123192;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
}
/* Figma: Rectangle 40 = #123192 plin, iar fotografia sta peste el la 69% */
.dada-hero__media {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
    background: #123192;
}
.dada-hero__bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: .69;
}
.dada-hero__tint { display: none; }
.dada-hero__frunze {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}
.dada-hero__inner {
    position: relative;
    z-index: 3;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(159 * var(--s)) 20px calc(19 * var(--s));
}
.dada-hero__logo {
    width: calc(366 * var(--s));
    margin: 0 auto calc(46 * var(--s));
}
.dada-hero__title {
    color: #fff;
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    font-size: calc(64 * var(--s));
    line-height: .97;
    margin: 0 auto calc(32 * var(--s));
    max-width: calc(1170 * var(--s));
    text-shadow: 0 2px 14px rgba(0,0,0,.3);
}
.dada-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(782 * var(--s));
    height: calc(75 * var(--s));
    background: #3CB258;
    color: #fff;
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    font-size: calc(32 * var(--s));
    line-height: 1.1;
    border-radius: calc(120 * var(--s));
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.dada-hero__cta:focus {
    background: #34a04d;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}
@media (hover: hover) and (pointer: fine) {
    .dada-hero__cta:hover {
        background: #34a04d;
        color: #fff;
        text-decoration: none;
        transform: translateY(-2px);
    }
}
.dada-hero .dada-wave { margin-top: calc(-49 * var(--s)); }   /* varful undei la Y826.37 */

/* --------------------------------------------- VIDEO / FERMIER --------- */
/* video Y1102 911.74x512.85 | caption Y1647 64/100% W864 */
.dada-fermier {
    position: relative;
    background: #233E9A;
    padding: calc(19 * var(--s)) 0 0;
    text-align: center;
}
.dada-fermier .dada__container { padding-bottom: 0; }
.dada-fermier__video {
    width: calc(912 * var(--s));
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    border-radius: calc(20 * var(--s));
    overflow: hidden;
}
.dada-fermier__caption {
    color: #fff;
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    font-size: calc(64 * var(--s));
    line-height: 1;
    margin: calc(32 * var(--s)) auto 0;
    max-width: calc(864 * var(--s));
}


/* --------------------------------------------------- SECTION TITLE ----- */
/* 100 / 91% - "De unde vine prospetimea" Y2206, "Retete de Sezon" Y3392 */
.dada-title {
    color: #fff;
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    font-size: calc(100 * var(--s));
    line-height: .91;
    text-align: center;
    margin: 0 0 calc(62 * var(--s));
}
.dada-title em { font-style: normal; color: #3CB258; }

/* ------------------------------------------------ PROSPETIME SLIDER ---- */
/* sectiunea are acelasi albastru inchis ca sectiunea video (Figma) */
.dada-prospetime {
    position: relative;
    background: #233E9A;
    margin-top: calc(-69 * var(--s));    /* Group 140 incepe la Y1706.9 */
    padding: calc(499 * var(--s)) 0 0;   /* titlul cade la Y2206 */
    overflow: hidden;
}
/* Group 140 exportat din Figma: banda cu plante + unda + frunze, 1920x1297 */
.dada-prospetime__banda {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
.dada-prospetime .dada__container { z-index: 4; }
/* glifele browserului cad cu 20px mai jos decat in Figma - compensat */
.dada-prospetime .dada-title { margin-top: calc(-20 * var(--s)); margin-bottom: calc(82 * var(--s)); }
/* unda catre sectiunea de retete */
.dada-wave--retete svg {
    width: calc(2209.79 * var(--s));
    height: calc(400 * var(--s));
    margin-left: calc(-180.04 * var(--s));
}
.dada-prospetime .dada-wave--retete { margin-top: calc(-35 * var(--s)); }   /* 18px mai jos, impinge si sectiunea de retete */
.dada-prospetime .dada__container { z-index: 4; }

.dada-slider {
    position: relative;
    width: calc(1408 * var(--s));
    max-width: 100%;
    margin: 0 auto;
}
.dada-slider__viewport { overflow: hidden; }
/* 2px de aer, altfel decupajul cade exact pe chenarul de jos al cardului
   si linia verde dispare la randare */
.dada-slider__viewport { padding-bottom: 2px; }
.dada-slider__track {
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
}
/* toate slide-urile au inaltimea celui mai inalt, indiferent de cat text au */
.dada-slider__slide { flex: 0 0 100%; min-width: 100%; display: flex; }
.dada-slider__slide > * { flex: 1 1 auto; width: 100%; }

/* card 1408 x ~644 - imagine 534x487 stanga, titlu 64 + text 26 dreapta */
.dada-card {
    border: calc(3 * var(--s) + 0.02px) solid #3CB258;   /* epsilon: Chrome trunchia 2.9995px la 2px */
    border-radius: calc(24 * var(--s));
    padding: calc(65 * var(--s)) calc(99 * var(--s)) calc(65 * var(--s)) calc(128 * var(--s));
    display: grid;
    grid-template-columns: calc(534 * var(--s)) 1fr;
    grid-template-areas:
        "media title"
        "media text";
    column-gap: calc(53 * var(--s));
    align-content: center;
    text-align: left;
}
.dada-card__media { grid-area: media; align-self: start; }
.dada-card__media img {
    width: calc(534 * var(--s));
    height: calc(487 * var(--s));
    object-fit: cover;
    border-radius: calc(24 * var(--s));
}
.dada-card__title {
    grid-area: title;
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    color: #3CB258;
    font-size: calc(64 * var(--s));
    line-height: 1;
    /* -12px compenseaza spatiul dintre marginea line-box-ului si capul
       majusculelor, ca titlul sa inceapa fix la nivelul imaginii */
    margin: calc(-12 * var(--s)) 0 calc(10 * var(--s));
    padding-top: 0;
}
.dada-card__text {
    grid-area: text;
    color: #fff;
    font-size: calc(26 * var(--s));
    line-height: 1.2;
    margin: 0;
}

/* sageti - in interiorul cardului la caruselul de prospetime */
.dada-slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(34 * var(--s));
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 4;
}
.dada-slider__arrow svg { width: 100%; height: auto; fill: #3CB258; }
/* common.css / shopogen.css se incarca DUPA fresh.css si pun chenar + fundal
   pe button:hover/:focus - de aceea selectorii de mai jos au .dada in fata */
.dada .dada-slider__arrow,
.dada .dada-slider__arrow:hover,
.dada .dada-slider__arrow:focus,
.dada .dada-slider__arrow:active,
.dada .dada-slider__dot,
.dada .dada-slider__dot:hover,
.dada .dada-slider__dot:focus,
.dada .dada-slider__dot:active {
    /* sagetile si bulinele nu au niciodata chenar */
    border: 0;
    box-shadow: none;
    outline: 0;
}
.dada .dada-play,
.dada .dada-play:hover,
.dada .dada-play:focus,
.dada .dada-play:active {
    /* butonul de play isi pastreaza inelul alb - anulam doar umbra si conturul */
    border: calc(3 * var(--s) + 0.02px) solid #fff;
    box-shadow: none;
    outline: 0;
}
.dada .dada-slider__arrow,
.dada .dada-slider__arrow:hover,
.dada .dada-slider__arrow:focus,
.dada .dada-slider__arrow:active { background: none; }
/* Sageata devine alba la hover, dar DOAR pe dispozitive cu mouse: pe touch
   starea :hover ramane agatata dupa tap si sageata ar ramane alba. */
.dada .dada-slider__arrow svg { transition: fill .2s ease; }
.dada .dada-slider__arrow:focus-visible svg { fill: #fff; }
@media (hover: hover) and (pointer: fine) {
    .dada .dada-slider__arrow:hover svg { fill: #fff; }
}

.dada .dada-slider__dot,
.dada .dada-slider__dot:hover,
.dada .dada-slider__dot:focus,
.dada .dada-slider__dot:active { background: #fff; }
.dada .dada-slider__dot.is-active,
.dada .dada-slider__dot.is-active:hover,
.dada .dada-slider__dot.is-active:focus,
.dada .dada-slider__dot.is-active:active { background: #3CB258; }
.dada .dada-play:focus,
.dada .dada-play:active { background: rgba(0,0,0,.18); }
@media (hover: hover) and (pointer: fine) {
    .dada .dada-play:hover { background: rgba(0,0,0,.45); }
}
/* fara flash gri la tap pe mobil */
.dada-slider__arrow,
.dada-slider__dot,
.dada-play,
.dada-reteta,
.dada-hero__cta { -webkit-tap-highlight-color: transparent; }
/* inelul de focus ramane pentru navigare cu tastatura */
.dada-slider__arrow:focus-visible,
.dada-slider__dot:focus-visible,
.dada-play:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.dada-slider__arrow--prev { left: calc(42 * var(--s)); }
.dada-slider__arrow--next { right: calc(42 * var(--s)); }

.dada-slider__dots {
    display: flex;
    justify-content: center;
    gap: calc(18 * var(--s));
    margin-top: calc(37 * var(--s));
}
.dada-slider__dot {
    width: calc(16 * var(--s));
    height: calc(16 * var(--s));
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: #fff;
    cursor: pointer;
}
.dada-slider__dot.is-active { background: #3CB258; }

/* ------------------------------------------------------ RETETE --------- */
/* grup Y3392 1052.89x789.83 - video 912x513, sageti in afara cardului */
.dada-retete {
    position: relative;
    background: #444DE2;
    margin-top: calc(-33 * var(--s));
    padding: 0 0 0;
    text-align: center;
}
.dada-retete .dada__container { z-index: 5; }   /* peste unda dinaintea sectiunii */
.dada-retete .dada-title { position: relative; top: calc(-8 * var(--s)); margin-bottom: calc(41 * var(--s)); }
.dada-retete .dada-slider {
    width: calc(1053 * var(--s));
    padding: 0 calc(70 * var(--s));
}
.dada-retete .dada-wave { margin-top: calc(30 * var(--s)); }   /* aer intre nota si unda */
.dada-retete .dada-slider__arrow--prev { left: 0; }
.dada-retete .dada-slider__arrow--next { right: 0; }

.dada-reteta { cursor: pointer; }
.dada-reteta__media {
    position: relative;
    border-radius: calc(20 * var(--s));
    overflow: hidden;
}
.dada-reteta__label {
    color: #fff;
    position: absolute;
    left: 0; right: 0;
    bottom: calc(60 * var(--s));
    font-family: "ProximaNovaExtrabold", Ubuntu, Arial, sans-serif;
    font-size: calc(56 * var(--s));
    line-height: 1;
    text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.dada-retete__note {
    color: #fff;
    font-family: "ProximaNovaBold", Ubuntu, Arial, sans-serif;
    font-size: calc(34 * var(--s));
    line-height: 1;
    max-width: calc(711 * var(--s));
    margin: calc(21 * var(--s)) auto 0;
}


/* buton play */
.dada-play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100 * var(--s));
    height: calc(100 * var(--s));
    border: calc(3 * var(--s) + 0.02px) solid #fff;
    border-radius: 50%;
    background: rgba(0,0,0,.18);
    cursor: pointer;
    padding: 0;
    z-index: 3;
    transition: background .2s ease, transform .2s ease;
}
.dada-play:before {
    content: "";
    position: absolute;
    top: 50%; left: 56%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: .55em 0 .55em .95em;
    border-color: transparent transparent transparent #fff;
    font-size: calc(30 * var(--s));
}
/* folosit doar unde butonul nu e deja in imagine */
.dada-play--static { pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
    .dada-play:hover {
        background: rgba(0,0,0,.45);
        transform: translate(-50%, -50%) scale(1.06);
    }
    /* pe carduri butonul e decorativ - click-ul e pe tot cardul, deci reactioneaza la hover-ul cardului */
    .dada-reteta:hover .dada-play {
        background: rgba(0,0,0,.45);
        transform: translate(-50%, -50%) scale(1.06);
    }
}

/* --------------------------------------------------------- APP --------- */
/* Bringo 283.24x370 (Y4392) + Act For Good 426.15x478.87 (Y4324) */
.dada-app {
    position: relative;
    background: #283CA1;
    padding: calc(20 * var(--s)) 0 calc(80 * var(--s));
    text-align: center;
}
.dada-app__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(120 * var(--s));
    padding-left: calc(45 * var(--s));   /* perechea e centrata la 982, nu la 960 */
}
.dada-app__logos > *:first-child img { width: calc(283 * var(--s)); margin-top: calc(27 * var(--s)); }
.dada-app__logos > *:last-child img  { width: calc(426 * var(--s)); }
/* logo-urile sunt acum linkuri */
.dada-app__logos a { display: block; line-height: 0; transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) {
    .dada-app__logos a:hover { transform: translateY(-3px); }
}

/* pene decorative */
.dada-pana {
    position: absolute;
    width: calc(160 * var(--s));
    z-index: 2;
    pointer-events: none;
}
/* pana 2, sub nota de la retete (layerul e parcat langa frame in Figma) */
.dada .dada-pana--2 {
    top: calc(731 * var(--s));
    left: calc(50% + 318 * var(--s));
    width: calc(284 * var(--s));
    z-index: 5;
}
/* ancorate fata de centru, ca sa ramana langa continut pe ecrane late */
.dada-pana--3 { top: calc(-91 * var(--s)); left: calc(50% - 576 * var(--s)); width: calc(217 * var(--s)); z-index: 5; }   /* peste unda hero */

/* ======================================================================
   ECRANE LATE (peste 1920) - continutul ramane la cotele din Figma,
   decorurile full-bleed se intind pe toata latimea ecranului
   ====================================================================== */
@media (min-width: 1921px) {
    /* undele erau taiate la latimea nodului din Figma (2007/2210px) */
    .dada-wave svg { width: 100%; margin-left: 0; }
    /* imaginile decorative se intind doar pe orizontala, ca sa nu creasca in inaltime */
    .dada-hero__frunze { height: calc(1080 * var(--s)); }
    .dada-prospetime__banda { height: calc(1297 * var(--s)); }
}

/* ======================================================================
   TABLETA - cardul trece pe o coloana, restul ramane scalat din desktop
   ====================================================================== */
@media (max-width: 991px) and (min-width: 768px) {
    .dada-wave svg { width: 100%; height: auto; margin-left: 0; }
    .dada-hero .dada-wave { margin-top: 0; }
    .dada-slider { width: 100%; padding: 0 60px; }
    .dada-retete .dada-slider { width: 100%; }
    .dada-card {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "media" "text";
        text-align: center;
        padding: 30px;
        column-gap: 0;
        row-gap: 16px;
    }
    .dada-card__media { justify-self: center; }
    .dada-card__media img { width: 100%; height: auto; max-width: 420px; }
    .dada-card__title { font-size: 34px; }
    .dada-card__text { font-size: 18px; }
    .dada-hero__title { font-size: 34px; }
    .dada-fermier__caption { font-size: 30px; }
    .dada-title { font-size: 48px; }
    .dada-hero__cta { width: auto; height: auto; padding: 14px 28px; font-size: 20px; }
    .dada-reteta__label { font-size: 30px; }
    .dada-retete__note { font-size: 20px; max-width: 520px; }
    .dada-slider__arrow { width: 26px; }
    .dada-slider__arrow--prev { left: 10px; }
    .dada-slider__arrow--next { right: 10px; }
    .dada-hero__frunze { width: 160%; left: -30%; }
}

/* ======================================================================
   MOBIL - 1:1 cu frame-ul Figma LP_mobile (390 x 3859)
   ====================================================================== */
@media (max-width: 767px) {
    .dada { --s: min(0.25641vw, 1.15px); }

    /* ---- hero ---- */
    /* fotografia de mobil e mai luminoasa - tenta albastra are nevoie de mai mult */
    .dada-hero__bg { opacity: .5; }
    /* banda nu trebuie lipita de caption */
    .dada-prospetime__banda { top: calc(45 * var(--s)); }
    .dada-hero__inner { padding: calc(130 * var(--s)) calc(20 * var(--s)) calc(159 * var(--s)); }
    .dada-hero__frunze { width: 100%; }
    .dada-hero__logo {
        width: calc(176 * var(--s));
        margin: 0 auto calc(9 * var(--s));
    }
    .dada-hero__title {
        font-size: calc(32 * var(--s));
        line-height: 1;
        max-width: calc(331 * var(--s));
        margin-bottom: calc(28 * var(--s));
    }
    .dada-hero__cta {
        width: calc(257 * var(--s));
        height: calc(54 * var(--s));
        font-size: calc(18 * var(--s));
        line-height: 1.1;
        padding: calc(6 * var(--s)) calc(16 * var(--s));
        border-radius: calc(40 * var(--s));
    }

    /* ---- video fermier ---- */
    .dada-fermier { padding-top: calc(40 * var(--s)); }
    .dada-fermier .dada__container {
        padding: 0 calc(27 * var(--s)) 0;
    }
    .dada-fermier__video {
        width: calc(335 * var(--s));
        border-width: max(2px, calc(2 * var(--s)));
        border-radius: calc(12 * var(--s));
    }
    .dada-fermier__caption {
        font-size: calc(32 * var(--s));
        max-width: calc(331 * var(--s));
        margin-top: calc(40 * var(--s));
    }

    /* ---- titluri de sectiune ---- */
    .dada-title {
        font-size: calc(50 * var(--s));
        line-height: .93;
        margin-bottom: calc(28 * var(--s));
    }
    .dada-retete .dada-title { font-size: calc(36 * var(--s)); line-height: 1; margin-bottom: calc(20 * var(--s)); }

    /* ---- carusel "De unde vine prospetimea" ---- */
    .dada-prospetime { margin-top: calc(-34 * var(--s)); padding: calc(320 * var(--s)) 0 0; }
    .dada-prospetime .dada-title { position: relative; top: calc(-11 * var(--s)); margin-top: 0; margin-bottom: calc(36 * var(--s)); }
    .dada-prospetime .dada__container { padding: 0 calc(21 * var(--s)); }

    .dada-slider { width: 100%; padding: 0; }
    .dada-card {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: "title" "media" "text";
        text-align: left;
        border-width: max(2px, calc(2 * var(--s)));
        border-radius: calc(16 * var(--s));
        padding: calc(10 * var(--s)) calc(23 * var(--s));
        column-gap: 0;
        align-content: start;
    }
    /* 25px = cel mai mare corp la care toate cele 4 titluri incap pe un rand */
    .dada-card__title {
        font-size: calc(25 * var(--s));
        line-height: 1;
        margin-top: 0;
        margin-bottom: calc(8 * var(--s));
        text-align: center;
    }
    /* pe mobil sunt decupaje landscape proprii (mo-Slide*), afisate intregi */
    .dada-card__media { justify-self: stretch; }
    .dada-card__media picture { display: block; }
    .dada-card__media img {
        width: 100%;
        height: auto;
        border-radius: calc(12 * var(--s));
    }
    .dada-card__text {
        font-size: calc(18 * var(--s));
        line-height: 1.12;
        margin-top: calc(9 * var(--s));
    }

    /* ---- sageti + buline ---- */
    .dada-slider__arrow { width: calc(26 * var(--s)); }
    .dada-slider__arrow--prev { left: calc(-16 * var(--s)); }
    .dada-slider__arrow--next { right: calc(-16 * var(--s)); }
    .dada-slider__dots { gap: calc(6 * var(--s)); margin-top: calc(22 * var(--s)); }
    .dada-slider__dot { width: calc(12 * var(--s)); height: calc(12 * var(--s)); }

    /* ---- retete ---- */
    /* unda coboara sub bulinele caruselului de deasupra (forma SVG ramane aceeasi) */
    .dada-prospetime .dada-wave--retete { margin-top: calc(30 * var(--s)); }
    .dada-retete { margin-top: 0; padding-top: calc(60 * var(--s)); }
    .dada-retete .dada__container { padding: 0 calc(27 * var(--s)) calc(50 * var(--s)); }
    .dada-retete .dada-slider { width: 100%; padding: 0; }
    .dada-retete .dada-slider__arrow--prev { left: calc(-16 * var(--s)); }
    .dada-retete .dada-slider__arrow--next { right: calc(-16 * var(--s)); }
    /* in LP_mobile video-ul e decupat la 336x167, nu la proportia imaginii */
    .dada-reteta__media {
        height: calc(167 * var(--s));
        border-radius: calc(12 * var(--s));
    }
    .dada-reteta__media img { width: 100%; height: 100%; object-fit: cover; }
    .dada-reteta__label {
        font-family: "ProximaNovaBold", Ubuntu, Arial, sans-serif;
        font-size: calc(17 * var(--s));
        bottom: calc(12 * var(--s));
    }
    .dada-retete__note {
        font-size: calc(14 * var(--s));
        max-width: calc(272 * var(--s));
        margin-top: calc(16 * var(--s));
    }
    .dada .dada-play { width: calc(52 * var(--s)); height: calc(52 * var(--s)); border-width: max(2px, calc(2 * var(--s))); }
    .dada-play:before { font-size: calc(14 * var(--s)); }

    /* ---- logo-uri (stivuite pe verticala) ---- */
    .dada-app { padding: calc(29 * var(--s)) 0 calc(60 * var(--s)); }
    .dada-app__logos {
        flex-direction: column;
        gap: calc(51 * var(--s));
        /* pe desktop perechea e decalata la dreapta; stivuite, se centreaza pe ecran */
        padding-left: 0;
    }
    /* Actforgood.png are marginea transparenta mai lata in stanga (45 vs 32 din 427),
       asa ca insigna se centreaza optic, nu dupa cutia imaginii */
    .dada-app__logos > *:last-child img { margin-left: calc(-3.6 * var(--s)); }
    .dada-app__logos > *:first-child img { width: calc(151 * var(--s)); }
    .dada-app__logos > *:last-child img  { width: calc(223 * var(--s)); }

    /* pe mobil wave-urile se intind pe toata latimea ecranului */
    .dada-wave svg { width: 100%; height: auto; margin-left: 0; }
    /* unda de dinaintea logo-urilor e mai plata (preserveAspectRatio="none") */
    .dada-wave--app svg { height: calc(30 * var(--s)); }
    .dada-hero .dada-wave { margin-top: 0; }

    /* pe mobil textul se rupe natural, ca in LP_mobile */
    .dada-br { display: none; }

    /* ---- pene (ca in LP_mobile) ---- */
    .dada-pana { width: calc(70 * var(--s)); }
    .dada .dada-pana--2 { top: auto; left: auto; bottom: calc(-18 * var(--s)); right: calc(20 * var(--s)); width: calc(118 * var(--s)); transform: rotate(14deg); }
    .dada-pana--3 { top: calc(-108 * var(--s)); left: calc(45 * var(--s)); width: calc(145 * var(--s)); }
}