.yg-cookie-page {
    --yg-green: #03482b;
    --yg-gold: #e2a515;
    --yg-ink: #17372a;
    --yg-text: #56665f;
    --yg-soft: #f7f5ee;
    --yg-line: #e4e9e5;
    color: var(--yg-ink);
    background: #fff;
}

.yg-cookie-page,
.yg-cookie-page * { box-sizing: border-box; }
.yg-cookie-page a { text-decoration: none !important; }

.yg-cookie-policy-hero { padding: 0 0 36px; }

.yg-cookie-policy-hero .container,
.yg-cookie-content-section .container {
    width: min(calc(100% - 40px), 1160px);
    max-width: 1160px;
    margin-inline: auto;
}

.yg-cookie-hero-copy { max-width: 760px; }

.yg-cookie-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -.035em;
}

.yg-cookie-hero-copy p {
    max-width: 650px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    line-height: 1.65;
}

.yg-cookie-content-section {
    padding: 72px 0 96px;
    background: var(--yg-soft);
}

.yg-cookie-document {
    width: 100%;
    max-width: 960px;
    min-width: 0;
    margin: 0 auto;
    padding: 60px 66px 66px;
    border-radius: 22px;
    background: #fff;
}

.yg-cookie-intro {
    max-width: 760px;
    margin-bottom: 46px;
    color: var(--yg-ink);
    font-size: 20px;
    font-weight: 550;
    line-height: 1.65;
}

.yg-cookie-intro p,
.yg-cookie-section p { margin: 0; }

.yg-cookie-section + .yg-cookie-section { margin-top: 46px; }

.yg-cookie-section h2 {
    margin: 0 0 15px;
    color: var(--yg-green);
    font-size: 26px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.yg-cookie-section > p,
.yg-cookie-section li {
    color: var(--yg-text);
    font-size: 15.5px;
    line-height: 1.82;
}

.yg-cookie-section ul {
    margin: 0;
    padding-left: 22px;
}

.yg-cookie-section li { padding-left: 5px; }
.yg-cookie-section li + li { margin-top: 7px; }
.yg-cookie-section li::marker { color: var(--yg-gold); }

.yg-cookie-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.yg-cookie-type {
    min-width: 0;
    padding: 24px 22px 25px;
    border-radius: 14px;
    background: #f4f7f4;
}

.yg-cookie-type > span {
    display: block;
    margin-bottom: 13px;
    color: #a77508;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.yg-cookie-type h3 {
    margin: 0 0 9px;
    color: var(--yg-green);
    font-size: 17px;
    font-weight: 750;
}

.yg-cookie-type p {
    color: var(--yg-text);
    font-size: 13px;
    line-height: 1.68;
}

.yg-cookie-preferences {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 30px 32px;
    border-radius: 16px;
    background: var(--yg-green);
}

.yg-cookie-preferences h2 {
    margin-bottom: 7px;
    color: #fff;
}

.yg-cookie-preferences p { color: rgba(255, 255, 255, .68); }

.yg-cookie-manage {
    display: inline-flex;
    min-height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 19px;
    color: var(--yg-green);
    background: #fff;
    border: 0;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 800;
}

.yg-cookie-manage:hover { color: #fff; background: var(--yg-gold); }

.yg-cookie-section a {
    color: var(--yg-green);
    font-weight: 700;
}

@media (max-width: 767px) {
    .yg-cookie-policy-hero { padding-bottom: 28px; }

    .yg-cookie-policy-hero .container,
    .yg-cookie-content-section .container {
        width: 100%;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .yg-cookie-hero-copy h1 { font-size: 33px; }
    .yg-cookie-hero-copy p { margin-top: 9px; font-size: 13.5px; }
    .yg-cookie-content-section { padding: 38px 0 58px; }

    .yg-cookie-document {
        max-width: 100%;
        padding: 31px 24px 38px;
        border-radius: 16px;
    }

    .yg-cookie-intro {
        margin-bottom: 36px;
        font-size: 17px;
    }

    .yg-cookie-section + .yg-cookie-section { margin-top: 36px; }
    .yg-cookie-section h2 { font-size: 23px; }
    .yg-cookie-section > p,
    .yg-cookie-section li { font-size: 14.5px; line-height: 1.75; }
    .yg-cookie-types { grid-template-columns: minmax(0, 1fr); }

    .yg-cookie-preferences {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
        padding: 25px 22px;
    }

    .yg-cookie-manage { width: 100%; }
}
