/* Раздел стилей 1: перенесён из styles.css. */
:where([class^="ri-"])::before {
            content: "\f3c2";
        }
        
        .menu-scroll {
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        
        .menu-scroll::-webkit-scrollbar {
            display: none;
        }
        
        .modal {
              position: fixed;
              top: 0;
              left: 0;
              width: 100vw;
              height: 100vh;
              background: rgba(0, 0, 0, 0.8);
              display: none;            
              align-items: center;
              justify-content: center;
              z-index: 9999;
        }

        .modal.active {
              display: flex;             
        }

        .modal img {
            max-width: 90vw;
            max-height: 90vh;
            border-radius: 8px;
        }

        .modal .close-rtn {
            position:absolute;
            top: 20px;
            right: 30px;
            font-size: 2rem;
            font-weight: bold;
            color:white;
            cursor: pointer;
            z-index: 10000;
        }
        
        .sticky-header {
            z-index: 100;
        }
        
        .sticky-nav {
            z-index: 90;
        }
        
        .sticky-section {
            z-index: 80;
        }

        /* Для Chrome, Edge, Safari */
        .menu-scroll::-webkit-scrollbar {
        height: 6px;              /* высота горизонтального скроллбара */
        }

        .menu-scroll::-webkit-scrollbar-track {
        background: transparent;  /* фон дорожки */
        }

        .menu-scroll::-webkit-scrollbar-thumb {
        background: #cbd5e1;      /* серый (Tailwind gray-300) */
        border-radius: 9999px;    /* круглые края */
        }

        .menu-scroll::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;      /* темнее при наведении (Tailwind gray-400) */
        }

        /* Для Firefox */
        .menu-scroll {
        scrollbar-width: thin;          /* тонкий скроллбар */
        scrollbar-color: #cbd5e1 transparent; /* цвет ползунка и трека */
        }
        
        body {
            font-family: 'Inter', sans-serif;
        }

        h1, h2, h3, h4, h5, h6, p, span {
            user-select: none;
            cursor: default;
        }
        
        
                  /* ==========================
            Language Switcher
    ========================== */

.language-switcher{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
}

.language-current{
    width:46px;
    height:46px;
    border:none;
    border-radius:999px;
    background:#ffffff;
    color:#111;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
    transition:.25s;
}

.language-current:hover{
    transform:translateY(-2px);
}

.language-dropdown{
    display:flex;
    flex-direction:column;
    gap:4px;

    margin-bottom:10px;
    padding:8px 0;

    background:#fff;
    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,.2);

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.25s;
}

.language-dropdown.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    border-radius:999px;
}

.language-dropdown a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:46px;
    height:38px;

    text-decoration:none;
    color:#222;
    font-weight:600;

    transition:.2s;
}

.language-dropdown a:hover{
    background:#f4f4f4;
    border-radius:999px;
}

.language-dropdown a.active{
    color:#B3916A;
    border-radius:999px;
}

/* ---------- Mobile ---------- */

@media (max-width:768px){

    .language-switcher{
        right:14px;
        bottom:14px;
    }

    .language-current{
        width:42px;
        height:42px;
        font-size:14px;
    }

    .language-dropdown a{
        width:42px;
        height:36px;
        font-size:14px;
    }
}

/* Extracted inline style attributes */
.extracted-inline-style-1 { position:absolute; left:-9999px; }

/* Critical site chrome styles: independent from Tailwind CDN configuration. */
body,
.font-mont,
.font-base {
    font-family: "Montserrat", "Raleway", sans-serif;
}

.font-heading,
.font-prosto {
    font-family: "Prosto One", sans-serif;
}

header.sticky-header,
header .bg-primary,
#mobile-menu.bg-primary {
    background-color: #1a1a1a !important;
}

header.sticky-header {
    color: #fff;
}

header nav a,
#mobile-menu a {
    color: #fff;
    transition: color .2s ease;
}

header nav a:hover,
#mobile-menu a:hover {
    color: #d4b896 !important;
}

header .bg-secondary {
    background-color: #d4b896 !important;
    color: #111 !important;
}

header .bg-secondary:hover {
    background-color: #B3916A !important;
}

footer {
    background-color: #000 !important;
    color: #fff;
}

footer a {
    transition: color .2s ease, background-color .2s ease;
}

footer a:hover {
    color: #B3916A !important;
}

footer a[class*="hover:bg-beige"]:hover {
    background-color: #B3916A !important;
    color: #111 !important;
}

.text-beige {
    color: #B3916A !important;
}