/* =========================================================
   Yodede Footer V10 — SECTION 1 refined
   Matches the approved simulation more closely.
   ========================================================= */

.yf-discovery,
.yf-footer {
    --yf-blue: #1761ff;
    --yf-yellow: #ffc64a;
    --yf-navy: #081629;
    --yf-muted: #aebbd0;
    --yf-line: rgba(255,255,255,.085);
}

.yf-discovery {
    width: 100%;
    margin-top: 64px;
    overflow: hidden;
    border-top: 1px solid #e7edf6;
    background:
        radial-gradient(circle at 84% 8%, rgba(255,213,229,.55), transparent 26%),
        radial-gradient(circle at 68% 104%, rgba(207,255,231,.46), transparent 25%),
        radial-gradient(circle at 20% 0%, rgba(198,218,255,.52), transparent 31%),
        linear-gradient(118deg, #fbfcff 0%, #f4f7ff 50%, #fff9fc 100%);
}

.yf-discovery-inner {
    width: min(1660px, calc(100% - 72px));
    min-height: 435px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 760px;
    gap: 46px;
    align-items: center;
    padding: 28px 0 20px;
}

.yf-discovery-copy {
    position: relative;
    z-index: 4;
    max-width: 830px;
}

.yf-kicker {
    display: inline-block;
    margin-bottom: 9px;
    color: var(--yf-blue);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.yf-title-wrap {
    position: relative;
    width: fit-content;
}

.yf-title-wrap h2 {
    margin: 0;
    color: #12203a;
    font-size: clamp(46px, 3.15vw, 58px);
    line-height: .99;
    letter-spacing: -.055em;
}

.yf-title-doodle {
    position: absolute;
    width: 64px;
    height: auto;
    right: -74px;
    top: -4px;
}

.yf-discovery-copy > p {
    max-width: 760px;
    margin: 15px 0 0;
    color: #6c7890;
    font-size: 16px;
    line-height: 1.55;
}

.yf-discovery-search {
    width: min(100%, 820px);
    height: 62px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    margin-top: 24px;
    padding-left: 20px;
    overflow: hidden;
    border: 1px solid #dbe4f1;
    border-radius: 18px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 12px 32px rgba(47,72,115,.065);
}

.yf-search-mark {
    color: var(--yf-blue);
    font-size: 23px;
    line-height: 1;
}

.yf-discovery-search input {
    min-width: 0;
    height: 62px;
    padding: 0 13px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #17243c;
    font: inherit;
    font-size: 14px;
}

.yf-discovery-search button {
    width: 170px;
    height: 54px;
    margin-right: 4px;
    border: 0;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(135deg, #2665ff 0%, #1b4ce5 100%);
    box-shadow: 0 8px 18px rgba(23,97,255,.18);
    font: inherit;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
}

.yf-discovery-benefits {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 46px;
    margin-top: 27px;
}

.yf-discovery-benefits > span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 215px;
    color: #24344f;
}

.yf-discovery-benefits img {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    object-fit: contain;
}

.yf-discovery-benefits b {
    font-size: 13px;
    line-height: 1.32;
    font-weight: 800;
}

/* Approved visual collage */
.yf-discovery-art {
    position: relative;
    min-height: 390px;
    align-self: stretch;
}

.yf-mock-card,
.yf-mock-note,
.yf-mock-idea {
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.yf-mock-card,
.yf-mock-note {
    filter: drop-shadow(0 18px 24px rgba(49,63,89,.095));
}

.yf-mock-tech {
    width: 249px;
    left: 0;
    top: 46px;
    z-index: 1;
}

.yf-mock-fashion {
    width: 288px;
    left: 225px;
    top: 12px;
    z-index: 3;
}

.yf-mock-home {
    width: 212px;
    left: 246px;
    top: 211px;
    z-index: 4;
}

.yf-mock-books {
    width: 254px;
    right: 22px;
    top: 208px;
    z-index: 2;
}

.yf-mock-note {
    width: 254px;
    right: -1px;
    top: 12px;
    z-index: 5;
}

.yf-mock-idea {
    width: 198px;
    right: -30px;
    top: 151px;
    z-index: 6;
}

/* responsive section 1 */
@media (max-width: 1500px) {
    .yf-discovery-inner {
        width: min(1330px, calc(100% - 44px));
        grid-template-columns: minmax(0,1fr) 620px;
        gap: 32px;
    }

    .yf-title-wrap h2 {
        font-size: 53px;
    }

    .yf-mock-tech {
        width: 220px;
    }

    .yf-mock-fashion {
        width: 250px;
        left: 194px;
    }

    .yf-mock-home {
        width: 185px;
        left: 210px;
        top: 195px;
    }

    .yf-mock-books {
        width: 220px;
        right: 4px;
        top: 195px;
    }

    .yf-mock-note {
        width: 215px;
        right: 0;
    }

    .yf-mock-idea {
        width: 165px;
        right: -22px;
        top: 140px;
    }
}

@media (max-width: 1120px) {
    .yf-discovery-inner {
        grid-template-columns: 1fr;
        padding-top: 40px;
        padding-bottom: 34px;
    }

    .yf-discovery-copy {
        max-width: 850px;
    }

    .yf-discovery-art {
        width: min(100%, 760px);
        min-height: 390px;
        margin-inline: auto;
    }
}

@media (max-width: 760px) {
    .yf-discovery {
        margin-top: 42px;
    }

    .yf-discovery-inner {
        width: min(100% - 24px, 1660px);
    }

    .yf-title-wrap h2 {
        font-size: 43px;
    }

    .yf-title-doodle {
        display: none;
    }

    .yf-discovery-copy > p {
        font-size: 15px;
    }

    .yf-discovery-search {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 8px;
    }

    .yf-search-mark {
        display: none;
    }

    .yf-discovery-search input,
    .yf-discovery-search button {
        width: 100%;
        min-height: 50px;
        height: 50px;
        margin: 0;
        border-radius: 12px;
    }

    .yf-discovery-benefits {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .yf-discovery-art {
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .yf-mock-card,
    .yf-mock-note {
        position: relative;
        inset: auto;
        width: 100%;
        filter: none;
    }

    .yf-mock-note {
        grid-column: 1 / -1;
        width: min(100%, 280px);
        justify-self: end;
    }

    .yf-mock-idea {
        display: none;
    }
}

@media (max-width: 500px) {
    .yf-title-wrap h2 {
        font-size: 38px;
    }

    .yf-discovery-art {
        grid-template-columns: 1fr;
    }

    .yf-mock-note {
        justify-self: start;
    }
}


/* DARK FOOTER FULL WIDTH */
.yf-footer {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 62px 0 20px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 0%, rgba(36,99,177,.18), transparent 22%),
        linear-gradient(180deg, #09182c 0%, #071322 100%);
}

.yf-footer-glow {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(28px);
}

.yf-footer-glow-left {
    width: 420px;
    height: 420px;
    left: -250px;
    top: -170px;
    background: rgba(23,97,255,.13);
}

.yf-footer-glow-right {
    width: 350px;
    height: 350px;
    right: -200px;
    bottom: -170px;
    background: rgba(55,207,189,.055);
}

.yf-footer-top {
    display: grid;
    grid-template-columns: 1.3fr .78fr .9fr 1.32fr 1fr;
    gap: 38px;
    align-items: start;
}

.yf-logo {
    display: inline-block;
    width: min(100%, 330px);
}

.yf-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.yf-brand-column > p:not(.yf-brand-quote) {
    max-width: 390px;
    margin: 18px 0 0;
    color: #b3bfd1;
    font-size: 16px;
    line-height: 1.75;
}

.yf-brand-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 17px;
}

.yf-brand-badges span {
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    color: #9faec2;
    background: rgba(255,255,255,.035);
    font-size: 9px;
    font-weight: 800;
}

.yf-brand-quote {
    max-width: 340px;
    margin: 20px 0 0;
    padding-left: 13px;
    border-left: 2px solid var(--yf-yellow);
    color: #d5deea;
    font-size: 12px;
    font-style: italic;
    line-height: 1.6;
}

.yf-column-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
}

.yf-column-title img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.yf-column-title strong {
    color: #f8fbff;
    font-size: 13px;
}

.yf-links-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.yf-links-column a,
.yf-links-column > span {
    margin: 0 0 10px;
    color: #aebbd0;
    font-size: 12px;
    line-height: 1.45;
}

.yf-links-column a {
    transition: .16s ease;
}

.yf-links-column a:hover {
    color: #fff;
    transform: translateX(3px);
}

.yf-category-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.yf-category-grid a {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 14px;
    color: #dbe4ef;
    background: rgba(255,255,255,.055);
    transition: .18s ease;
}

.yf-category-grid a:hover {
    border-color: rgba(92,151,255,.33);
    background: rgba(61,120,205,.14);
    transform: translateY(-1px);
}

.yf-category-grid img {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    object-fit: contain;
}

.yf-category-grid strong {
    overflow: hidden;
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.yf-search-column > p {
    margin: 0 0 15px;
    color: #aebbd0;
    font-size: 12px;
    line-height: 1.65;
}

.yf-mini-search {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.yf-mini-search input,
.yf-mini-search button {
    width: 100%;
    min-height: 44px;
    border-radius: 11px;
    font: inherit;
}

.yf-mini-search input {
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.12);
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.055);
    font-size: 12px;
}

.yf-mini-search input::placeholder {
    color: #78879d;
}

.yf-mini-search button {
    border: 0;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #245eff, #1746db);
    font-size: 12px;
    font-weight: 900;
}

.yf-search-column > small {
    display: block;
    margin-top: 10px;
    color: #718198;
    font-size: 9px;
    line-height: 1.55;
}

.yf-partners {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid var(--yf-line);
    padding-bottom: 20px;
}

.yf-partners-title {
    display: flex;
    align-items: center;
    gap: 9px;
}

.yf-partners-title img {
    object-fit: contain;
}

.yf-partners-title strong {
    color: #e8eef7;
    font-size: 12px;
}

.yf-partner-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 28px;
    margin-top: 17px;
}

.yf-partner-list a,
.yf-partner-list > span {
    color: #b5c1d2;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -.02em;
}

.yf-partner-list a:hover {
    color: #fff;
}

.yf-partner-list > span {
    color: #718198;
    font-size: 11px;
    font-weight: 700;
}

.yf-trust-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 24px;
    padding: 22px 0;
    border-top: 1px solid var(--yf-line);
    border-bottom: 1px solid var(--yf-line);
}

.yf-trust-row > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.yf-trust-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    object-fit: contain;
}

.yf-trust-row p {
    margin: 0;
}

.yf-trust-row strong,
.yf-trust-row small {
    display: block;
}

.yf-trust-row strong {
    color: #eef4fb;
    font-size: 11px;
}

.yf-trust-row small {
    margin-top: 4px;
    color: #78889f;
    font-size: 9px;
    line-height: 1.45;
}

.yf-footer-bottom {
    min-height: 68px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 26px;
    color: #74839a;
    font-size: 10px;
}

.yf-disclosure {
    justify-self: center;
    text-align: center;
}

.yf-back-top {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.035);
    font-size: 20px;
    transition: .18s ease;
}

.yf-back-top:hover {
    transform: translateY(-2px);
    background: rgba(61,118,205,.14);
}

/* RESPONSIVE */
@media (max-width: 1320px) {
    .yf-discovery-inner {
        grid-template-columns: 1fr .85fr;
    }

    .yf-footer-top {
        grid-template-columns: 1.3fr .8fr .9fr 1.35fr;
    }

    .yf-search-column {
        grid-column: 2 / -1;
        max-width: 520px;
    }
}

@media (max-width: 1050px) {
    .yf-discovery-inner {
        grid-template-columns: 1fr;
    }

    .yf-discovery-art {
        width: min(100%, 640px);
        margin-inline: auto;
    }

    .yf-footer-top {
        grid-template-columns: 1.3fr 1fr 1fr;
    }

    .yf-category-column {
        grid-column: 2 / -1;
    }

    .yf-search-column {
        grid-column: 1 / -1;
        max-width: none;
    }
}

@media (max-width: 760px) {
    .yf-discovery {
        margin-top: 42px;
    }

    .yf-discovery-inner,
    .yf-footer-container {
        width: min(100% - 22px, 1500px);
    }

    .yf-discovery-inner {
        padding: 35px 0 30px;
    }

    .yf-discovery-copy h2 {
        font-size: 46px;
    }

    .yf-discovery-search {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 8px;
    }

    .yf-search-mark {
        display: none;
    }

    .yf-discovery-search input,
    .yf-discovery-search button {
        min-height: 49px;
        border-radius: 11px;
    }

    .yf-discovery-benefits {
        flex-direction: column;
        gap: 10px;
    }

    .yf-discovery-art {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        min-height: auto;
    }

    .yf-art-card,
    .yf-art-note {
        position: relative;
        inset: auto;
        width: auto;
        height: 170px;
        transform: none;
    }

    .yf-art-note {
        height: auto;
        min-height: 90px;
    }

    .yf-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 34px 24px;
    }

    .yf-brand-column,
    .yf-category-column,
    .yf-search-column {
        grid-column: 1 / -1;
    }

    .yf-trust-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .yf-footer-bottom {
        grid-template-columns: 1fr auto;
        align-items: start;
    }

    .yf-disclosure {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .yf-discovery-copy h2 {
        font-size: 39px;
    }

    .yf-discovery-art,
    .yf-footer-top,
    .yf-category-grid {
        grid-template-columns: 1fr;
    }

    .yf-brand-column,
    .yf-category-column,
    .yf-search-column {
        grid-column: auto;
    }

    .yf-logo {
        width: 280px;
        max-width: 100%;
    }

    .yf-partner-list a {
        font-size: 13px;
    }
}


/* =========================================================
   YODEDE - FIX APROBAT SECȚIUNEA LUMINOASĂ
   ========================================================= */

@media (min-width: 1501px) {
    .yf-discovery-inner {
        grid-template-columns: minmax(0, 1fr) 850px;
        gap: 38px;
    }

    .yf-discovery-art {
        position: relative;
        min-height: 390px;
        overflow: visible;
    }

    .yf-mock-tech { width: 249px; left: 0; top: 46px; }
    .yf-mock-fashion { width: 288px; left: 225px; top: 12px; }
    .yf-mock-home { width: 212px; left: 246px; top: 211px; }
    .yf-mock-books { width: 254px; right: 120px; top: 208px; z-index: 2; }
    .yf-mock-note { width: 254px; right: 0; top: 12px; z-index: 5; }

    .yf-mock-idea {
        display: block;
        position: absolute;
        width: 140px;
        height: auto;
        right: -8px;
        top: 162px;
        z-index: 6;
        pointer-events: none;
        user-select: none;
    }
}

@media (min-width: 1121px) and (max-width: 1500px) {
    .yf-discovery-inner {
        grid-template-columns: minmax(0, 1fr) 660px;
        gap: 28px;
    }

    .yf-discovery-art {
        position: relative;
        min-height: 360px;
        overflow: visible;
    }

    .yf-mock-tech { width: 210px; left: 0; top: 42px; }
    .yf-mock-fashion { width: 235px; left: 180px; top: 12px; }
    .yf-mock-home { width: 170px; left: 190px; top: 190px; }
    .yf-mock-books { width: 210px; right: 80px; top: 190px; }
    .yf-mock-note { width: 205px; right: 0; top: 12px; }

    .yf-mock-idea {
        display: block;
        position: absolute;
        width: 115px;
        height: auto;
        right: -8px;
        top: 150px;
        z-index: 6;
        pointer-events: none;
        user-select: none;
    }
}

@media (min-width: 761px) and (max-width: 1120px) {
    .yf-discovery-art {
        position: relative;
        width: min(100%, 760px);
        min-height: 390px;
        margin-inline: auto;
        overflow: visible;
    }

    .yf-mock-tech { width: 230px; left: 0; top: 45px; }
    .yf-mock-fashion { width: 250px; left: 210px; top: 12px; }
    .yf-mock-home { width: 190px; left: 230px; top: 200px; }
    .yf-mock-books { width: 220px; right: 100px; top: 195px; }
    .yf-mock-note { width: 220px; right: 0; top: 15px; }

    .yf-mock-idea {
        display: block;
        position: absolute;
        width: 120px;
        height: auto;
        right: 0;
        top: 160px;
        z-index: 6;
        pointer-events: none;
        user-select: none;
    }
}

@media (max-width: 760px) {
    .yf-mock-idea {
        display: block;
        position: relative;
        width: 130px;
        height: auto;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        grid-column: 1 / -1;
        justify-self: end;
        margin-top: -2px;
        z-index: 1;
        pointer-events: none;
        user-select: none;
    }
}

@media (max-width: 500px) {
    .yf-mock-idea {
        width: 115px;
        grid-column: 1;
        justify-self: end;
        margin-top: 0;
    }
}


/* =========================================================
   YODEDE - CONTAINER FOOTER DARK
   ========================================================= */

.yf-footer-container {
    width: min(1660px, calc(100% - 72px));
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1500px) {
    .yf-footer-container {
        width: min(1330px, calc(100% - 44px));
    }
}

@media (max-width: 1120px) {
    .yf-footer-container {
        width: min(100% - 44px, 1330px);
    }
}

@media (max-width: 760px) {
    .yf-footer-container {
        width: calc(100% - 24px);
    }
}


/* =========================================================
   YODEDE V12 - PRIMA ZONĂ DARK
   ========================================================= */

.yf-footer-top-premium {
    display: grid;
    grid-template-columns:
        minmax(250px, 1.42fr)
        minmax(155px, .86fr)
        minmax(175px, .93fr)
        minmax(340px, 1.55fr)
        minmax(235px, 1.12fr);
    gap: clamp(28px, 2.6vw, 48px);
    align-items: start;
}

.yf-brand-column-premium .yf-logo {
    width: min(100%, 255px);
}

.yf-brand-column-premium > p {
    max-width: 345px;
    margin-top: 18px;
    color: #b8c4d5;
    font-size: 13px;
    line-height: 1.7;
}

.yf-social-row {
    display: flex;
    gap: 10px;
    margin-top: 23px;
}

.yf-social-row span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    transition: .18s ease;
}

.yf-social-row span:hover {
    transform: translateY(-2px);
}

.yf-social-row img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.yf-footer-top-premium .yf-column-title {
    min-height: 32px;
    margin-bottom: 17px;
}

.yf-footer-top-premium .yf-column-title img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.yf-footer-top-premium .yf-column-title strong {
    font-size: 13px;
    color: #f6f9ff;
}

.yf-footer-top-premium .yf-links-column a,
.yf-footer-top-premium .yf-links-column > span {
    margin-bottom: 10px;
    color: #b2bfd1;
    font-size: 12px;
    line-height: 1.45;
}

.yf-footer-top-premium .yf-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.yf-footer-top-premium .yf-category-grid a {
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 13px;
    background: rgba(255,255,255,.06);
}

.yf-footer-top-premium .yf-category-grid img {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
}

.yf-footer-top-premium .yf-category-grid strong {
    font-size: 10px;
}

.yf-newsletter-column {
    position: relative;
    min-width: 0;
}

.yf-newsletter-column > p {
    margin: 0 0 14px;
    color: #b6c2d4;
    font-size: 12px;
    line-height: 1.6;
}

.yf-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.yf-newsletter-form input,
.yf-newsletter-form button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    font: inherit;
}

.yf-newsletter-form input {
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.13);
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.055);
    font-size: 12px;
}

.yf-newsletter-form input::placeholder {
    color: #7c8ba0;
}

.yf-newsletter-form input:focus {
    border-color: rgba(86,142,255,.70);
    box-shadow: 0 0 0 3px rgba(23,97,255,.10);
}

.yf-newsletter-form button {
    border: 0;
    cursor: default;
    color: #fff;
    background: linear-gradient(135deg, #2867ff 0%, #1749df 100%);
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(23,97,255,.14);
}

.yf-newsletter-column > small {
    display: block;
    margin-top: 9px;
    color: #718198;
    font-size: 9px;
    line-height: 1.5;
}

.yf-smart-note {
    display: block;
    width: min(100%, 180px);
    height: auto;
    margin: 12px 0 0 auto;
    object-fit: contain;
}

@media (max-width: 1320px) {
    .yf-footer-top-premium {
        grid-template-columns: 1.3fr .85fr .92fr 1.45fr;
    }

    .yf-newsletter-column {
        grid-column: 2 / -1;
        width: min(100%, 520px);
        justify-self: end;
    }
}

@media (max-width: 980px) {
    .yf-footer-top-premium {
        grid-template-columns: 1fr 1fr;
        gap: 34px 28px;
    }

    .yf-brand-column-premium {
        grid-column: 1 / -1;
    }

    .yf-category-column,
    .yf-newsletter-column {
        grid-column: auto;
        width: auto;
        justify-self: stretch;
    }
}

@media (max-width: 640px) {
    .yf-footer-top-premium {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .yf-brand-column-premium,
    .yf-category-column,
    .yf-newsletter-column {
        grid-column: auto;
    }

    .yf-footer-top-premium .yf-category-grid {
        grid-template-columns: 1fr 1fr;
    }

    .yf-smart-note {
        margin-left: 0;
    }
}

@media (max-width: 420px) {
    .yf-footer-top-premium .yf-category-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   YODEDE - FONTURI FOOTER MAI MARI
   ========================================================= */

/* Descriere Yodede */
.yf-brand-column-premium > p {
    font-size: 16px;
    line-height: 1.7;
}

/* Titlurile coloanelor */
.yf-footer-top-premium .yf-column-title strong {
    font-size: 16px;
    font-weight: 800;
}

/* Linkuri + texte din coloane */
.yf-footer-top-premium .yf-links-column a,
.yf-footer-top-premium .yf-links-column > span {
    font-size: 16px;
    line-height: 1.55;
    margin-bottom: 11px;
}

/* Categorii populare */
.yf-footer-top-premium .yf-category-grid strong {
    font-size: 14px;
    line-height: 1.3;
}

/* Newsletter */
.yf-newsletter-column > p {
    font-size: 16px;
    line-height: 1.6;
}

/* Input newsletter */
.yf-newsletter-form input {
    font-size: 15px;
}

/* Buton newsletter */
.yf-newsletter-form button {
    font-size: 15px;
}

/* Text mic de sub newsletter */
.yf-newsletter-column > small {
    font-size: 12px;
    line-height: 1.5;
}

/* Magazine partenere */
.yf-partners-title strong {
    font-size: 16px;
}

.yf-partner-list a,
.yf-partner-list > span {
    font-size: 16px;
}

/* Zona de beneficii de jos */
.yf-trust-row strong {
    font-size: 15px;
}

.yf-trust-row small {
    font-size: 12px;
}

/* Copyright / disclosure */
.yf-footer-bottom {
    font-size: 12px;
}


/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 980px) {

    .yf-brand-column-premium > p,
    .yf-footer-top-premium .yf-links-column a,
    .yf-footer-top-premium .yf-links-column > span,
    .yf-newsletter-column > p {
        font-size: 15px;
    }

    .yf-footer-top-premium .yf-column-title strong {
        font-size: 16px;
    }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 640px) {

    .yf-brand-column-premium > p,
    .yf-footer-top-premium .yf-links-column a,
    .yf-footer-top-premium .yf-links-column > span,
    .yf-newsletter-column > p {
        font-size: 15px;
    }

    .yf-footer-top-premium .yf-category-grid strong {
        font-size: 14px;
    }
}



/* =========================================================
   YODEDE - BOTTOM FOOTER FINAL
   ========================================================= */

.yf-footer-affiliate {
    display: none !important;
}

.yf-footer-bottom-premium {
    min-height: 105px;

    display: grid;

    grid-template-columns:
        auto
        minmax(600px, 1fr)
        auto
        52px;

    align-items: center;

    gap: 44px;

    padding: 24px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.11);

    font-size: 16px;
    line-height: 1.4;
}


/* copyright */

.yf-footer-copyright {
    color: #aeb9ca;

    font-size: 16px;
    font-weight: 400;

    white-space: nowrap;
}


/* cele 3 beneficii */

.yf-footer-mini-features {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: clamp(34px, 3.5vw, 70px);

    min-width: 0;
}


.yf-footer-mini-item {
    display: flex;

    align-items: center;

    gap: 12px;

    color: #d7e0ec;

    font-size: 16px;
    line-height: 1.3;

    white-space: nowrap;
}


/* iconuri */

.yf-footer-mini-icon {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    display: inline-flex;

    align-items: center;
    justify-content: center;
}


.yf-footer-mini-icon svg {
    width: 32px;
    height: 32px;

    fill: none;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.yf-footer-mini-icon-shield svg {
    stroke: #78a6ff;
}


.yf-footer-mini-icon-truck svg {
    stroke: #71a8ff;
}


.yf-footer-mini-icon-leaf svg {
    stroke: #65d7ad;
}


/* realizat cu pasiune */

.yf-footer-made {
    display: flex;

    flex-direction: column;
    align-items: flex-start;

    min-width: 165px;

    color: #dbe3ed;

    font-size: 16px;
    line-height: 1.35;

    white-space: nowrap;
}


.yf-footer-made i {
    display: block;

    width: 42px;
    height: 3px;

    margin-top: 9px;

    border-radius: 999px;

    background: #ffc43d;

    transform: rotate(-4deg);
}


/* săgeată */

.yf-footer-bottom-premium .yf-back-top {
    width: 50px;
    height: 50px;

    display: grid;

    place-items: center;

    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 50%;

    color: #ffffff;

    background: rgba(255, 255, 255, 0.025);

    font-size: 24px;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}


.yf-footer-bottom-premium .yf-back-top:hover {
    transform: translateY(-3px);

    border-color: rgba(95, 153, 255, 0.75);

    background: rgba(50, 105, 190, 0.15);
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1400px) {

    .yf-footer-bottom-premium {
        grid-template-columns:
            auto
            1fr
            auto
            50px;

        gap: 28px;
    }

    .yf-footer-mini-features {
        gap: 24px;
    }

    .yf-footer-mini-item {
        font-size: 15px;
    }

    .yf-footer-copyright,
    .yf-footer-made {
        font-size: 15px;
    }

}


/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 1050px) {

    .yf-footer-bottom-premium {
        grid-template-columns: 1fr auto;

        gap: 24px;

        padding: 28px 0;
    }

    .yf-footer-copyright {
        grid-column: 1;
        grid-row: 1;
    }

    .yf-footer-mini-features {
        grid-column: 1 / -1;
        grid-row: 2;

        justify-content: flex-start;

        flex-wrap: wrap;
    }

    .yf-footer-made {
        grid-column: 1;
        grid-row: 3;
    }

    .yf-footer-bottom-premium .yf-back-top {
        grid-column: 2;
        grid-row: 1;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 640px) {

    .yf-footer-bottom-premium {
        grid-template-columns: 1fr 46px;

        gap: 22px 16px;

        min-height: auto;
    }

    .yf-footer-copyright {
        font-size: 15px;

        white-space: normal;
    }

    .yf-footer-mini-features {
        flex-direction: column;

        align-items: flex-start;

        gap: 14px;
    }

    .yf-footer-mini-item {
        font-size: 15px;

        white-space: normal;
    }

    .yf-footer-made {
        font-size: 15px;
    }

    .yf-footer-bottom-premium .yf-back-top {
        width: 46px;
        height: 46px;
    }

}



/* =========================================================
   YODEDE - LOGO-URI MAGAZINE PARTENERE
   ========================================================= */

.yf-partners-premium {
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}


.yf-partners-premium .yf-partners-title {
    display: flex;

    align-items: center;

    gap: 12px;

}


.yf-partners-premium .yf-partners-title img {
    width: 30px;
    height: 30px;

    object-fit: contain;
}


.yf-partners-premium .yf-partners-title strong {
    color: #f4f7fc;

    font-size: 16px;
    font-weight: 800;
}


/* rândul de magazine */

.yf-partner-logos {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 24px 42px;
}


/* fiecare magazin */

.yf-partner-logo {
    width: 115px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    opacity: 0.78;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


.yf-partner-logo:hover {
    opacity: 1;

    transform: translateY(-2px);
}


/* logo-ul propriu-zis */

.yf-partner-logo img {
    display: block;

    width: auto;
    max-width: 115px;

    height: auto;
    max-height: 42px;

    object-fit: contain;

    filter: grayscale(1) brightness(1.8);
}


/* la hover putem reda culoarea originală */

.yf-partner-logo:hover img {
    filter: none;
}


/* text final */

.yf-partner-more {
    min-height: 52px;

    display: flex;

    align-items: center;

    color: #8f9caf;

    font-size: 15px;

    white-space: nowrap;
}


/* =========================================================
   TABLETĂ
   ========================================================= */

@media (max-width: 900px) {

    .yf-partner-logos {
        gap: 20px 28px;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .yf-partner-logos {
        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 18px;
    }


    .yf-partner-logo {
        width: 100%;

        justify-content: flex-start;
    }


    .yf-partner-more {
        grid-column: 1 / -1;
    }

}