@import url(https://db.onlinewebfonts.com/c/9ce0ab09aa732425cf367784b864c39a?family=Ellington+Manor+W90+Regular); 
@import url(https://db.onlinewebfonts.com/c/a2b67a66a2c10e9d33ad123a89885f97?family=Lato+Medium);  
@import url(https://db.onlinewebfonts.com/c/5a012dbdb52ab9b13e4d66f1bc9b83c0?family=Lato+Light); 
@import url(https://db.onlinewebfonts.com/c/e080040fab017e068ee2901a6cdb5ec4?family=Lato+Regular);
@import url(https://db.onlinewebfonts.com/c/3f9ed41cff92ed494f056b94a7f4e863?family=Inter+Medium);  
.background-green {
    background-color: #35453B;
}
.text-beige {
    color: #AFA499;
}

.text-font-manor {
    font-family: "Ellington Manor W90 Regular" !important; 
}

.text-font-lato-regular {
    font-family: "Lato Regular"; 
}

.text-font-lato {
    font-family: "Lato Medium" !important; 
}
.text-font-lato-light{
    font-family: "Lato Light"; 
}

.text-font-inter-medium {
    font-family: "Inter Medium"; 
}

.text-green {
    color: #35453B !important;
}
.background-beige{
    background-color: #C7C0B8;
}
.navy-green {
    color: #0D1D13;
}
.menu-right {
    justify-content: right;
}

.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

/* Стили для полноэкранного меню (скрыто по умолчанию) */
.overlay-menu {
    /* Занимает всю высоту и ширину экрана */
    height: 100vh;
    width: 100vw;
    /* Фиксированное позиционирование, чтобы быть поверх всего */
    position: fixed;
    /* Поверх других элементов */
    z-index: 100;
    top: 0;
    left: 0;
    /* Цвет фона, как на макете */
    background-color: #dcd3c5;
    /* Скрыто по умолчанию */
    display: none;
    opacity: 0;
    /* Плавный переход */
    transition: opacity 0.3s ease;
}

/* Класс, который добавляется для отображения меню */
.overlay-menu.visible {
    display: block;
    opacity: 1;
}

.menu-content {
    /* Отступ сверху, чтобы меню не начиналось сразу под шапкой */
    padding-top: 10rem;
    padding-bottom: 5rem;
}

/* Стили для каждой колонки */
.col {
    /* Добавляем отступы между колонками для воздуха */
    padding-left: 2rem;
    padding-right: 2rem;
}

/* Стили для заголовков */
.menu-content h3 {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

/* Стили для списка */
.menu-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Стили для элементов списка */
.menu-content li {
    margin-bottom: 0.8rem;
}

/* Стили для ссылок */
.menu-content a {
    text-decoration: none;
    color: #555;
    transition: color 0.2s;
}

.menu-content a:hover {
    color: #000;
}
.main-content {
    height: 100vh;
}



.somberas-title {
    font-size: 3rem;
    font-weight: 300;
}

/* Стили для кнопок */
.btn-outline-light {
    border-color: #fff !important;

}
.btn-outline-green {
    border-color: #35453B !important;

}

.btn-outline-green:hover{
    background-color: #35453B;
}

.btn-outline-green-1:hover{
    color: #fff;
}

.btn-outline-beige:hover {
    background-color: #fff;
}
/* Правая колонка */
.right-column {
    height: 94vh;
}

/* Стили для Swiper */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    height: 100%;
    object-fit: cover;
}

/* Стили для навигации Swiper */
.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
}

.p-6 {
    padding: 5rem !important;
}

.popular-lots-section .card-body {
    background-color: transparent;
    border: none;
}

.popular-lots-section .card {
    background-color: transparent;
}

.popular-lots-section .btn-outline-light {
    color: #fff;
    border-color: #fff;
}
.small-image {
    height: 25%;/* Например, уменьшить до 75% от ширины колонки */
    margin: 0 auto; /* Центрировать изображение */
    display: block; /* Сделать его блочным, чтобы можно было центрировать */
}

hr {
    opacity: 1;
}

/* Делаем родительский контейнер Swiper относительным */
.swiper {
    position: relative;
}

/* Стили для нового контейнера с элементами управления */
.swiper-controls {
    position: absolute;* Отступ от правого края */
    z-index: 10;
    bottom: 3rem;
    right: 3rem; /* Убедитесь, что элементы находятся поверх слайдов */
    color: #fff; /* Цвет текста */
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Выравнивание по правому краю */
}

/* Стили для кнопок навигации */
.swiper-button-next {
    background-image: url('/assets/img/slider/Arrow1.svg') !important; /* Укажите путь к вашему SVG-файлу */
    background-repeat: no-repeat;
    background-size: contain; /* Чтобы изображение помещалось */
    background-position: center;
}

/* Убираем стандартный текстовый символ Swiper */
.swiper-button-next::after {
    display: none !important;
}

/* Стили для кнопки "Prev" */
.swiper-button-prev {
    background-image: url('/assets/img/slider/Arrow2.svg') !important; /* Укажите путь к вашему SVG-файлу */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Убираем стандартный текстовый символ Swiper */
.swiper-button-prev::after {
    display: none !important;
}

.card {
    background-color: transparent !important;
}

.card-title {
    color: #AFA499 !important;
}

.border-beige {
    border-color: #AFA499;
}
.view-details-box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem; /* Добавляем отступы, чтобы ссылка не прилегала к границе */
}

.view-details-link {
    display: inline-block;
    color: #AFA499;
    text-decoration: none;
    font-size: 1rem;
    border: 1px solid #AFA499; /* Внутренняя граница */
    padding: 0.5rem 2rem; /* Отступы внутри ссылки */
    text-transform: uppercase;
}

.px-6 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}

.mx-6 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}
.footer-section {
    background-color: #35453B;
    color: #AFA499;
}

.footer-heading {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.footer-hr {
    border-color: #AFA499;
    opacity: 1;
}

.footer-link {
    color: #AFA499;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.footer-link:hover {
    color: #C7C0B8;
}

.copyright-text {
    font-size: 0.8rem;
    color: #AFA499;
}

.social-icons a img {
    height: 24px;
    width: 24px;
}

.right-shadow{
    box-shadow: 100px 0px 20px 0px rgba(20, 24, 26, 0.2);
}
/* ====== Адаптивные стили для main.css ====== */

/* Планшеты (до 992px) */
@media (max-width: 992px) {
  .right-column {
    height: auto !important;
  }

  .p-6, .px-6, .mx-6 {
    padding: 1rem !important;
    margin: 0 !important;
  }

  .somberas-title {
    font-size: 2.2rem;
    text-align: center;
  }

  .about-text {
    font-size: 1rem;
    text-align: justify;
  }

  .swiper-controls {
    bottom: 1rem;
    right: 1rem;
    flex-direction: row;
  }

  .popular-lots-section .card {
    margin-bottom: 2rem;
  }

  .sales .card {
    margin-bottom: 2rem;
  }
}

/* Смартфоны (до 576px) */
@media (max-width: 576px) {
  .somberas-title {
    font-size: 1.8rem;
    text-align: center;
  }

  .about-text {
    font-size: 0.9rem;
  }

  .btn {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }

  .footer-heading {
    font-size: 1rem;
  }

  .social-icons {
    justify-content: center;
  }

  .copyright-text {
    font-size: 0.7rem;
  }

  .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .card-title {
    font-size: 1rem;
    text-align: center;
  }

  .card-body {
    text-align: center;
  }

  .view-details-link {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
  }
}

/* Адаптивное меню */
@media (max-width: 992px) {
  .menu-content .row {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .menu-content h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .menu-content a {
    display: inline-block;
    width: 100%;
    padding: 0.4rem 0;
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .auction-section h1 {
    text-align: center;
    font-size: 2rem;
  }

  .auction-section p {
    text-align: center;
    font-size: 0.95rem;
  }

  .auction-section img {
    max-width: 90%;
    margin: 1rem auto;
    display: block;
  }
}
/* Мобильная версия */
@media (max-width: 768px) {
  .online-auction-section .buttons-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    height: 100%; /* растягиваем */
  }

  .online-auction-section .buttons-block .btn {
    width: 100%;
    max-width: 250px;
    margin-bottom: 0.8rem;
    margin-right: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Кнопки BUY */
  .buy-sell-section .col-md-6 {
    padding-right: 0 !important; /* убираем отступ справа */
  }

  /* Блок SELL */
  .buy-sell-section .col-md-6 {
    margin-top: 2rem; /* добавляем отступ сверху */
  }
}

@media (max-width: 768px) {
  .private-chat .buttons-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    height: 100%; /* растягиваем */
  }

  .private-chat .buttons-block .btn {
    width: 100%;
    max-width: 250px;
    margin-bottom: 0;
    margin-right: 0 !important;
  }
}
/* Добавляем прокрутку для меню на мобильных устройствах */
@media (max-width: 992px) {
  .overlay-menu {
    overflow-y: auto;
  }
  
  .menu-content {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  
  .menu-content .row {
    flex-direction: column;
  }
  
  .menu-content .col {
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Увеличиваем область прокрутки на очень маленьких экранах */
@media (max-width: 576px) {
  .menu-content {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  
  .menu-content h3 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  
  .menu-content li {
    margin-bottom: 0.5rem;
  }
}

/* Add this to your existing CSS file */
@media (max-width: 768px) {
    /* Hide the sign-in/up and support links */
    .overlay-menu .d-flex.align-items-center:not(:last-child) {
        display: none !important;
    }
    
    /* Reposition the close button to the right */
    .overlay-menu #close-menu {
        margin-left: auto !important;
    }

    /* Adjust the container to align the logo and button correctly */
    .overlay-menu .container-fluid .container {
        justify-content: space-between;
    }
}