/* ==========================================================================
   COOKIE CONSENT pop-up — Desktop (1280px – 1920px)
   Built on the shared .popup shell (css/popup.desktop.css). Design
   reference: COOKIES_PLATFORM.svg is 353x263 (35.3x26.3rem).
   ========================================================================== */

.cookie-popup {
    width: 35.3rem;
    height: 26.3rem;
}

.cookie-popup-heading {
    position: absolute;
    left: 3rem;
    top: 3rem;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 600;
    font-size: 4rem;
    line-height: 3.5rem;
    letter-spacing: -0.08em;
    color: #ffffff;
    opacity: 1;
    z-index: 1;
}

.cookie-popup-text {
    position: absolute;
    left: 3rem;
    top: 8.5rem;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -0.05em;
    color: rgba(255, 255, 255, 0.7);
    white-space: pre-line;
    z-index: 1;
}

.cookie-popup-brand {
    font-weight: 600;
    letter-spacing: -0.08em;
}

.cookie-popup-privacy-link {
    position: absolute;
    left: 3rem;
    top: 20.8rem;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -0.08em;
    color: #ffffff;
    opacity: 1;
    white-space: pre-line;
    transition: opacity 0.2s ease;
    z-index: 1;
}

.cookie-popup-privacy-link:hover {
    opacity: 0.5;
}

/* Ukrainian wraps to two lines ("Політика конфіденційності"), so it
   gets its own smaller size/line-height and a slightly higher position. */
html[data-lang="uk"] .cookie-popup-privacy-link {
    top: 20.3rem;
    font-size: 1.5rem;
    line-height: 1.4rem;
}

.cookie-popup-accept-btn {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    width: 17rem;
    height: 4.6rem;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
    transform-origin: center;
    z-index: 1;
}

.cookie-popup-accept-btn:hover {
    transform: scale(0.95);
}

.cookie-popup-accept-btn img {
    display: block;
    width: 100%;
    height: 100%;
}

/* Nested inside .cookie-popup-accept-btn (not a sibling) so it scales
   together with the button on hover, like real button text. Position
   is relative to the button's own box: the button sits at right: 2rem,
   bottom: 2rem inside a 35.3rem-wide, 26.3rem-tall platform, so its
   left edge is 35.3 - 2 - 17 = 16.3rem, and top edge is 26.3 - 2 - 4.6
   = 19.7rem — the label's platform-relative spot (17.6rem, 20.8rem)
   becomes (1.3rem, 1.1rem) relative to the button. */
.cookie-popup-accept-label {
    position: absolute;
    left: 1.3rem;
    top: 1.1rem;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -0.08em;
    color: #000000;
    opacity: 1;
    pointer-events: none;
    z-index: 2;
}