:root {
    --ink:#101214;
    --muted:#73777b;
    --line:#dfe1df;
    --paper:#f4f3ef;
    --white:#fff;
    --blue:#164f7a;
    --gold:#b48a52;
    --dark:#111719;
    --radius:28px
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    font-family:Manrope,Arial,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.5
}
a {
    color:inherit;
    text-decoration:none
}
button,input,textarea {
    font:inherit
}
.container {
    width:min(1240px,calc(100% - 48px));
    margin:auto
}
.header {
    position:sticky;
    top:0;
    z-index:20;
    background:rgba(244,243,239,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(16,18,20,.08)
}
.header__inner {
    height:82px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:34px
}
.logo {
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:800;
    letter-spacing:-.04em
}
.logo__mark {
    font-size:24px;
    line-height:1;
    /* border:2px solid #f4f3ef;
    border-radius:50%; */
    /* width:39px; */
    height:39px;
    place-items:center
}
.logo__mark img {
    height: 100%;
}
.logo__text {
    font-size:18px
}
.nav {
    display:flex;
    gap:27px;
    margin-left:auto;
    font-size:13px;
    font-weight:600
}
.nav a {
    opacity:.72;
    transition:.2s
}
.nav a:hover {
    opacity:1
}
.header__cta {
    font-size:12px;
    font-weight:800;
    border:1px solid #bfc1be;
    padding:12px 16px;
    border-radius:999px
}
.header__cta span {
    margin-left:10px
}
.menu-toggle {
    display:none;
    background:none;
    border:0;
    width:40px
}
.menu-toggle i {
    display:block;
    height:2px;
    background:#111;
    margin:6px 0
}
.hero {
    position:relative;
    overflow:hidden;
    background:#e7e9e6;
    min-height:680px
}
.hero__grid {
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(16,18,20,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,18,20,.045) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to bottom,#000,transparent)
}
.hero__inner {
    position:relative;
    display:grid;
    grid-template-columns:48% 52%;
    min-height:680px;
    align-items:center
}
.eyebrow {
    font-size:11px;
    letter-spacing:.16em;
    font-weight:800;
    color:#6d7270;
    display:flex;
    gap:10px;
    align-items:center
}
.eyebrow span {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--blue);
    display:block
}
.hero h1 {
    font-size:clamp(52px,6.2vw,92px);
    line-height:.96;
    letter-spacing:-.065em;
    margin:25px 0 25px;
    font-weight:800
}
.hero h1 em {
    font-style:normal;
    color:var(--blue)
}
.hero__lead {
    max-width:540px;
    color:#555b5c;
    font-size:17px
}
.hero__actions {
    display:flex;
    align-items:center;
    gap:25px;
    margin:35px 0 45px
}
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    border:1px solid transparent;
    border-radius:999px;
    padding:15px 21px;
    font-size:12px;
    font-weight:800;
    cursor:pointer
}
.button span {
    font-size:18px
}
.button--dark {
    background:var(--ink);
    color:#fff
}
.button--light {
    background:#fff;
    color:#111
}
.button--outline {
    border-color:#c5c8c5
}
.text-link,.arrow-link,.card-link {
    font-size:12px;
    font-weight:800
}
.text-link span,.arrow-link span,.card-link span {
    margin-left:10px
}
.hero__facts {
    display:flex;
    gap:38px
}
.hero__facts div {
    display:flex;
    gap:8px;
    align-items:center;
    border-left:1px solid #c9ccc9;
    padding-left:16px
}
.hero__facts strong {
    font-size:19px;
    letter-spacing:-.04em
}
.hero__facts small {
    font-size:9px;
    line-height:1.15;
    color:#737777;
    text-transform:uppercase;
    letter-spacing:.08em
}
.hero__visual {
    height:590px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.hero__product {
    max-height: 100%;
    position: absolute;
}
.orb {
    position:absolute;
    border-radius:50%;
    filter:blur(2px)
}
.orb--one {
    width:430px;
    height:430px;
    background:rgba(180,138,82,.13);
    right:50px
}
.orb--two {
    width:260px;
    height:260px;
    background:rgba(22,79,122,.13);
    left:30px;
    bottom:45px
}
.machine {
    position:relative;
    width:250px;
    height:330px;
    z-index:2;
    filter:drop-shadow(25px 35px 25px rgba(0,0,0,.16));
    transform:perspective(800px) rotateY(-12deg) rotateX(2deg)
}
.machine--gold .machine__body {
    background:linear-gradient(125deg,#8f6b3d,#d2b078 48%,#a67e47)
}
.machine--blue .machine__body {
    background:linear-gradient(125deg,#173e5a,#286b94 52%,#163c57)
}
.machine__top {
    height:55px;
    background:#1b1e1f;
    border-radius:18px 18px 7px 7px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:12px;
    gap:12px
}
.dial {
    width:27px;
    height:27px;
    border-radius:50%;
    border:5px solid #8f9492;
    background:#242829
}
.button-dot {
    width:9px;
    height:9px;
    border-radius:50%;
    background:#eee
}
.machine__body {
    height:210px;
    border-radius:8px 8px 16px 16px;
    padding:85px 20px 0
}
.machine__slot {
    display:block;
    height:10px;
    border-radius:6px;
    background:#15191a;
    box-shadow:0 0 0 3px rgba(255,255,255,.1)
}
.machine__label {
    display:block;
    margin-top:58px;
    color:rgba(255,255,255,.7);
    font-size:12px;
    letter-spacing:.16em;
    font-weight:800
}
.machine__base {
    height:65px;
    background:#202526;
    border-radius:0 0 22px 22px
}
.plate {
    position:absolute;
    width:230px;
    height:230px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.8);
    transform:rotate(42deg);
    box-shadow:0 18px 45px rgba(0,0,0,.08)
}
.plate--a {
    background:rgba(255,255,255,.42);
    right:95px;
    top:75px
}
.plate--b {
    background:rgba(22,79,122,.08);
    left:20px;
    bottom:65px;
    transform:rotate(18deg)
}
.hero__tag {
    position:absolute;
    right:15px;
    bottom:70px;
    background:#111;
    color:#fff;
    padding:13px 17px;
    font-size:11px;
    letter-spacing:.08em;
    line-height:1.3;
    z-index:4
}
.hero__tag small {
    opacity:.55
}
.ticker {
    height:48px;
    background:#111719;
    color:#fff;
    display:flex;
    overflow:hidden;
    align-items:center;
    justify-content:space-around;
    font-size:9px;
    letter-spacing:.2em;
    font-weight:800;
    opacity:.97
}
.ticker div {
    white-space:nowrap
}
.section {
    padding:120px 0
}
.intro {
    background:#fff
}
.intro__grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px
}
.section-no {
    font-size:10px;
    color:#999;
    letter-spacing:.12em;
    font-weight:800;
    margin-bottom:24px
}
.intro h2,.section-head h2,.contact h2 {
    font-size:clamp(42px,5vw,70px);
    line-height:1;
    letter-spacing:-.06em;
    margin:0;
    font-weight:800
}
.intro h2 span,.section-head h2 span {
    color:var(--blue)
}
.intro__text {
    max-width:510px;
    padding-top:44px;
    color:#656a69;
    font-size:15px
}
.intro__text p {
    margin:0 0 24px
}
.arrow-link {
    display:inline-block;
    color:#111;
    margin-top:15px;
    border-bottom:1px solid #111;
    padding-bottom:8px
}
.equipment {
    background:var(--paper)
}
.section-head {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:55px;
    gap:40px
}
.section-head>p {
    max-width:300px;
    color:#777;
    font-size:13px;
    margin:0
}
.product-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
.product-card {
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden
}
.product-card--dark {
    background:#111719;
    color:#fff
}
.product-card__meta {
    padding:25px 28px 0;
    font-size:9px;
    letter-spacing:.17em;
    opacity:.55;
    font-weight:800
}
.product-card__visual {
    height:330px;
    background:#f1f0ec;
    position:relative;
    display:grid;
    place-items:center;
    overflow:hidden
}
.product-card--dark .product-card__visual {
    background:#171d1e
}
.product-card__visual .machine {
    transform:scale(.76) perspective(800px) rotateY(-12deg)
}
.product-card__visual--light {
    background:#eceae4
}
.press {
    width:170px;
    height:260px;
    position:relative;
    filter:drop-shadow(20px 25px 18px rgba(0,0,0,.15))
}
.press__column {
    position:absolute;
    right:26px;
    top:5px;
    width:55px;
    height:215px;
    background:linear-gradient(90deg,#a6aaab,#f1f1ef,#8e9293);
    border-radius:8px
}
.press__head {
    position:absolute;
    left:12px;
    top:42px;
    width:120px;
    height:64px;
    border-radius:13px;
    background:linear-gradient(#d9dada,#7e8283);
    z-index:2
}
.press__base {
    position:absolute;
    left:0;
    bottom:0;
    width:160px;
    height:48px;
    background:#25292a;
    border-radius:7px 7px 18px 18px
}
.press__ring {
    position:absolute;
    left:48px;
    top:95px;
    width:68px;
    height:55px;
    border:10px solid #25292a;
    border-radius:50%;
    z-index:3
}
.product-card__body {
    padding:28px
}
.product-card h3 {
    font-size:27px;
    letter-spacing:-.04em;
    margin:0 0 8px
}
.product-card p {
    color:#777;
    font-size:13px;
    margin:0 0 24px;
    max-width:430px
}
.product-card--dark p {
    color:#a5abaa
}
.spec-row {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #dedfdd;
    padding:12px 0;
    font-size:11px;
    color:#7c8080
}
.product-card--dark .spec-row {
    border-color:#333a3a
}
.spec-row b {
    color:inherit
}
.card-link {
    display:block;
    padding-top:19px;
    border-top:1px solid #dedfdd;
    margin-top:7px
}
.product-card--dark .card-link {
    border-color:#333a3a
}
.plates {
    background:#fff
}
.plate-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px
}
.plate-card {
    min-height:405px;
    border-radius:var(--radius);
    padding:25px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:end
}
.plate-card--clear {
    background:#dce5e6
}
.plate-card--milk {
    background:#eee9dd
}
.plate-card--blue {
    background:#cbdce5
}
.plate-card--color {
    background:#d7d4ca
}
.plate-shape {
    position:absolute;
    width:250px;
    height:250px;
    border-radius:20px;
    top:30px;
    left:50%;
    transform:translateX(-50%) rotate(37deg);
    border:1px solid rgba(255,255,255,.75);
    background:rgba(255,255,255,.28);
    box-shadow:15px 20px 40px rgba(0,0,0,.07)
}
.plate-card--milk .plate-shape {
    background:rgba(255,255,255,.5)
}
.plate-card--blue .plate-shape {
    background:rgba(61,132,170,.16)
}
.plate-card--color .plate-shape {
    background:linear-gradient(130deg,rgba(224,99,84,.4),rgba(49,111,153,.35));
}
.plate-card__tag {
    position:absolute;
    top:25px;
    left:25px;
    font-size:9px;
    letter-spacing:.15em;
    font-weight:800;
    opacity:.6
}
.plate-card h3 {
    font-size:25px;
    letter-spacing:-.04em;
    margin:0 0 5px;
    position:relative
}
.plate-card p {
    font-size:12px;
    color:#666;
    margin:0 0 16px;
    position:relative
}
.plate-card>b {
    font-size:12px;
    position:relative
}
.plates-note {
    display:flex;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid var(--line);
    margin-top:28px;
    padding-top:20px;
    font-size:10px;
    color:#737777
}
.applications {
    background:var(--paper)
}
.applications__grid {
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:15px
}
.application {
    background:#fff;
    min-height:220px;
    border-radius:var(--radius);
    padding:28px;
    position:relative
}
.application--big {
    grid-row:span 2;
    background:#163e5c;
    color:#fff;
    min-height:455px;
    display:flex;
    flex-direction:column;
    justify-content:end;
    overflow:hidden
}
.application--big:after {
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    right:-150px;
    top:-80px;
    box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)
}
.application span {
    font-size:9px;
    letter-spacing:.14em;
    opacity:.5
}
.application h3 {
    font-size:27px;
    letter-spacing:-.04em;
    margin:14px 0 7px
}
.application p {
    font-size:12px;
    color:#737777;
    max-width:290px
}
.application--big p {
    color:#b7c8d2
}
.application i {
    position:absolute;
    right:27px;
    top:27px;
    font-size:20px;
    font-style:normal
}
.contact {
    background:#111719;
    color:#fff
}
.contact__box {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px
}
.eyebrow--light {
    color:#8f9897
}
.eyebrow--light span {
    background:#b48a52
}
.contact h2 {
    margin-top:25px
}
.contact__copy>p {
    color:#aeb7b5;
    max-width:470px;
    font-size:14px;
    margin:25px 0 40px
}
.contact__info {
    display:flex;
    gap:28px;
    flex-wrap:wrap
}
.contact__info a {
    font-size:13px;
    border-bottom:1px solid #4b5352;
    padding-bottom:7px
}
.form {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}
.form label {
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:#8e9695
}
.form label:nth-child(4) {
    grid-column:1/-1
}
.form input,.form textarea {
    display:block;
    width:100%;
    border:0;
    border-bottom:1px solid #3c4444;
    background:transparent;
    color:#fff;
    padding:13px 0;
    outline:0;
    border-radius:0
}
.form textarea {
    height:75px;
    resize:vertical
}
.form input:focus,.form textarea:focus {
    border-color:#fff
}
.check {
    grid-column:1/-1;
    display:flex!important;
    align-items:center;
    gap:8px;
    text-transform:none!important;
    letter-spacing:0!important;
    color:#7e8785!important
}
.check input {
    width:auto
}
.form .button {
    grid-column:1/-1;
    justify-self:start;
    margin-top:5px
}
.form-status {
    grid-column:1/-1;
    font-size:11px;
    color:#b7c8d2;
    min-height:18px
}
.footer {
    background:#0b0e0f;
    color:#fff
}
.footer__top {
    padding:48px 0;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    border-bottom:1px solid #252a2a
}
.logo--footer {
    justify-self:start
}
.footer__desc {
    font-size:11px;
    color:#747c7b;
    text-align: center;
}
.footer__links {
    display:flex;
    justify-content:end;
    gap:24px;
    font-size:11px
}
.footer__bottom {
    display:flex;
    justify-content:space-between;
    padding:20px 0;
    color:#626967;
    font-size:9px;
    letter-spacing:.04em
}
.footer__bottom a {
    color:#a2aaa8
}
@media(max-width:900px) {
    .container {
        width:min(100% - 32px,680px)
    }
    .header__inner {
        height:70px
    }
    .nav {
        position:absolute;
        left:16px;
        right:16px;
        top:78px;
        background:#fff;
        border:1px solid #ddd;
        border-radius:20px;
        padding:20px;
        display:none;
        flex-direction:column;
        gap:17px;
        box-shadow:0 20px 50px rgba(0,0,0,.1)
    }
    .nav.is-open {
        display:flex
    }
    .header__cta {
        margin-left:auto
    }
    .menu-toggle {
        display:block
    }
    .hero__inner {
        grid-template-columns:1fr;
        min-height:auto;
        padding-top:65px;
        padding-bottom:25px
    }
    .hero__copy {
        z-index:3
    }
    .hero h1 {
        font-size:57px
    }
    .hero__visual {
        height:450px;
        margin-top:-20px
    }
    .hero__facts {
        gap:18px
    }
    .section {
        padding:80px 0
    }
    .intro__grid,.contact__box {
        grid-template-columns:1fr;
        gap:20px
    }
    .intro__text {
        padding-top:10px
    }
    .section-head {
        align-items:start;
        flex-direction:column;
        margin-bottom:35px
    }
    .product-grid {
        grid-template-columns:1fr
    }
    .plate-grid {
        grid-template-columns:1fr 1fr
    }
    .plates-note {
        flex-direction:column
    }
    .applications__grid {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto
    }
    .application--big {
        grid-column:1/-1;
        grid-row:auto;
        min-height:350px
    }
    .footer__top {
        grid-template-columns:1fr;
        gap:25px
    }
    .footer__links {
        justify-content:start
    }
    .footer__bottom {
        flex-direction:column;
        gap:10px
    }
    .contact__box {
        gap:45px
    }
}
@media(max-width:560px) {
    .header__cta {
        display:none
    }
    .hero h1 {
        font-size:48px
    }
    .hero__lead {
        font-size:15px
    }
    .hero__visual {
        height:380px
    }
    .hero__facts {
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .plate-grid {
        grid-template-columns:1fr
    }
    .application {
        min-height:190px
    }
    .application--big {
        min-height:310px
    }
    .applications__grid {
        grid-template-columns:1fr
    }
    .application--big {
        grid-column:auto
    }
    .form {
        grid-template-columns:1fr
    }
    .form label:nth-child(4),.check,.form .button,.form-status {
        grid-column:auto
    }
    .contact__info {
        flex-direction:column;
        gap:12px
    }
    .ticker {
        justify-content:flex-start;
        gap:35px;
        padding-left:20px
    }
    .hero__tag {
        right:0
    }
    .plate {
        width:180px;
        height:180px
    }
}


/* ============================================
   COOKIE BANNER
   ============================================ */

.cookie-banner {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 9999;

    width: min(560px, calc(100vw - 48px));
    display: flex;
    align-items: center;
    gap: 28px;

    padding: 20px 22px 20px 24px;

    background: #111820;
    color: #fff;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.22),
        0 4px 15px rgba(0, 0, 0, 0.08);

    font-family: 'Manrope', sans-serif;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        visibility 0.35s ease;
}

.cookie-text {
    flex: 1;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.78);
}

.cookie-btn {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 0 20px;

    border: 0;
    border-radius: 8px;

    background: #fff;
    color: #111820;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

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

.cookie-btn:hover {
    background: #dce8f7;
    color: #111820;
    transform: translateY(-1px);
}

.cookie-btn:active {
    transform: translateY(0);
}


/* Скрытие баннера */

.cookie-banner.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    pointer-events: none;
}


/* ============================================
   MOBILE
   ============================================ */

@media (max-width: 600px) {

    .cookie-banner {
        left: 12px;
        right: 12px;
        bottom: 12px;

        width: auto;

        flex-direction: column;
        align-items: stretch;
        gap: 14px;

        padding: 18px;
        border-radius: 12px;
    }

    .cookie-text {
        font-size: 12px;
        line-height: 1.5;
    }

    .cookie-btn {
        width: 100%;
        min-height: 42px;
    }
}

/* ============================================
   PRIVACY POLICY MODAL
   ============================================ */

.privacy-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;

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

    padding: 30px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.privacy-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.privacy-modal__overlay {
    position: absolute;
    inset: 0;

    background: rgba(8, 13, 20, 0.72);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.privacy-modal__window {
    position: relative;
    z-index: 1;

    width: min(900px, 100%);
    max-height: min(800px, calc(100vh - 60px));

    background: #fff;

    border-radius: 18px;

    box-shadow:
        0 30px 100px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transform: translateY(20px) scale(0.98);

    transition: transform 0.35s ease;
}

.privacy-modal.is-open .privacy-modal__window {
    transform: translateY(0) scale(1);
}


/* Кнопка закрытия */

.privacy-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;

    z-index: 5;

    width: 42px;
    height: 42px;

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

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #f1f3f5;
    color: #111820;

    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

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

.privacy-modal__close:hover {
    background: #e3e7eb;
    transform: rotate(90deg);
}


/* Содержимое */

.privacy-modal__content {
    max-height: min(800px, calc(100vh - 60px));

    overflow-y: auto;

    padding: 55px 60px 60px;

    font-family: 'Manrope', sans-serif;
    color: #17202a;
}

.privacy-modal__content h1 {
    margin: 0 0 30px;

    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.privacy-modal__content h2 {
    margin: 35px 0 15px;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.privacy-modal__content h3 {
    margin: 25px 0 12px;

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

.privacy-modal__content p {
    margin: 0 0 16px;

    font-size: 14px;
    line-height: 1.7;
    color: #59636e;
}

.privacy-modal__content ul,
.privacy-modal__content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}

.privacy-modal__content li {
    margin-bottom: 8px;

    font-size: 14px;
    line-height: 1.6;
    color: #59636e;
}

.privacy-modal__content a {
    color: #1d5fa7;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* Состояние загрузки */

.privacy-loading {
    padding: 40px 0;

    text-align: center;

    font-size: 14px;
    color: #7b858f;
}


/* Блокируем прокрутку страницы */

body.modal-open {
    overflow: hidden;
}


/* ============================================
   COOKIE — ССЫЛКА НА ПОЛИТИКУ
   ============================================ */

.privacy-link {
    display: inline-block;

    margin-top: 4px;

    color: rgba(255, 255, 255, 0.9);

    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.35);
    text-underline-offset: 3px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

.privacy-link:hover {
    color: #fff;
    text-decoration-color: #fff;
}


/* ============================================
   MOBILE
   ============================================ */

@media (max-width: 600px) {

    .privacy-modal {
        padding: 12px;
    }

    .privacy-modal__window {
        max-height: calc(100vh - 24px);
        border-radius: 14px;
    }

    .privacy-modal__content {
        max-height: calc(100vh - 24px);

        padding: 48px 22px 30px;
    }

    .privacy-modal__content h1 {
        padding-right: 40px;

        font-size: 26px;
    }

    .privacy-modal__content h2 {
        margin-top: 28px;
        font-size: 18px;
    }

    .privacy-modal__content p,
    .privacy-modal__content li {
        font-size: 13px;
        line-height: 1.65;
    }

    .privacy-modal__close {
        top: 12px;
        right: 12px;

        width: 38px;
        height: 38px;

        font-size: 25px;
    }
}