@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    margin: 0;
    position: relative;
}

* {
    font-family: "Montserrat", serif;
    box-sizing: border-box;
}


.bg-fade {
    position: fixed;
    inset: 0;
    z-index: -2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-image: url('/images/bg/bg-1.webp');

    /* полный путь от public */
    opacity: 1;
    transition: opacity 0.7s ease;
    /* Увеличил немного для мягкости */
    pointer-events: none;
    will-change: opacity;
}

.bg-fade.next {
    z-index: -2;
    /* чуть выше старого */
}

.bg-mask {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

/* Переместить бейдж в левый нижний угол и чуть уменьшить */
#rc-anchor-container {
    right: auto !important;
    left: 12px !important;
    /* отступ от левого края */
    bottom: 12px !important;
    /* отступ от низа */
    transform: scale(0.9);
    /* немного уменьшить */
    transform-origin: left bottom;
    z-index: 10000 !important;
    /* поверх остальных слоёв */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

@media only screen and (max-width: 450px) {

    body,
    html {
        background-color: white;
        background-image: none;
        max-width: 100%;
        overflow-x: hidden;
    }
}