body{margin:0;padding:0;font-family:"Playfair Display", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --surface-main: #4A6B3A;
  --ease-nav: cubic-bezier(0.16,1,0.3,1);
  --ink-secondary: #FFFFFF;
  --ink-clear: #6B6257;
  --surface-dark: #2E2A24;
}

.cookies {
        position: fixed;
        left: 1.49rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1200
    }
.cookies .offer-flow {
        width: min(22rem, calc(100vw - 1.49rem * 2));
        display: flex;
        flex-direction: column;
        gap: calc(1.5rem * .75);
        padding: 1.5rem;
        border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
        background: #f5f5f5;
        color: #0a0f1a;
        box-shadow: 0 22px 40px rgba(0,0,0,0.22)
    }
.cookies strong {
        font-size: calc(18.8px * 1.35);
        line-height: 1.12
    }
.cookies p {
        margin: 0 0 calc(1.5rem * .75);
        color: #2a3040;
        line-height: 1.6
    }
.cookies button {
        border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
        border-radius: 0.3rem;
        background: #fff;
        color: #0a0f1a;
        font: inherit;
        padding: calc(1.5rem * .75);
        cursor: pointer;
        text-align: left
    }
.cookies button.cookie-accept {
        background: var(--surface-main);
        color: #FFFFFF;
        border-color: var(--surface-main)
    }
@media (max-width: 620px) {
        .cookies {
            top: auto;
            right: 1.49rem;
            bottom: 1.5rem;
            transform: none
        }

        .cookies .offer-flow {
            width: auto
        }
    }