/* Раздел стилей 1: перенесён из styles.css. */
body {
        font-family: "Raleway", "sans-serif";
      }
      .parallax-bg {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .fade-in {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease;
      }
      .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
      }
      .hover-scale {
        transition: transform 0.3s ease;
      }
      .hover-scale:hover {
        transform: scale(1.05);
      }
      .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
      }
      .overlay {
        background: linear-gradient(
          135deg,
          rgba(21, 21, 21, 0.7) 0%,
          rgba(21, 21, 21, 0.4) 100%
        );
      }
      /* кастомный скроллбар */
      .menu-scroll::-webkit-scrollbar {
        height: 6px;
      }
      .menu-scroll::-webkit-scrollbar-track {
        background: transparent;
      }
      .menu-scroll::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 9999px;
      }
      .menu-scroll::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
      }
      .menu-scroll {
        scrollbar-width: thin;
        scrollbar-color: #cbd5e1 transparent;
      }
      /* запрет выделения текста для кнопок */
      .menu-category-btn {
        user-select: none;
      }
      /* модалка для фото (если используется) */
      .modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
        z-index: 1000;
      }
      .modal.active {
        display: flex;
      }
      .modal img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
      }
      
          /* ==========================
            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; }
.extracted-inline-style-2 { background-image: url('images/1_hero_bg_pic.webp') }
