body {
    background-color:#f6f6f7;
}
:root {
    --bg-color: #e0b817;
    --bg-color-light: #b19c47;
}
.btn a {
    color: #fff;
    text-decoration: none;
}
.list-unstyled li {
    margin-bottom: 6px;
}
.list-unstyled li::marker {
    color: #939393;
}
.logo {height: 50px}
.white {background-color: #fff}
.hero-section {
    position: relative;
    height: 600px;
    background: url('/assets/img/bg.avif') no-repeat center center;
    background-size: cover;
    color: #fff;
}
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.hero-content {
    position: relative;
    z-index: 1;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.hotel-link {color: var(--bs-body-color);text-decoration: none;}

.form-label {
    font-weight: bold;
}

.btn-warning {
    background-color: var(--bg-color);
    border-color: var(--bg-color) !important;
}

.btn-warning:hover {
    background-color: #2f2f2f;
    border-color: var(--bg-color);
    color: #fff;
}
.form-control, .btn, .input-group .btn-outline-secondary {
    border-radius: 0;
}

#search_form_btn {
    text-transform: uppercase;
    font-size: 14px;
    height: 48px;
}

#search_form .btn-white:focus, #search_form .btn-white:active {
    color: #252525 !important;
}
#search_form input {
    border: none !important;
    height: 55px !important;
}
#search_form .btn-white {
    padding: 8px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #252525 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
}

.booking-btn {position: fixed; bottom: 0; z-index: 100}
.search-white {background-color: rgba(255, 255, 255, 0.08)}
#search_form .btn-white{background-color: #fff}
#search_form .d-flex {flex-direction: column;justify-content: flex-end;}
#search_form label {font-size: 12px; font-weight: 400}

.btn-warning {text-transform: uppercase; font-size:17px;}
.btn-empty {background-color: transparent !important; font-size: 15px;}
.btn-empty:hover {color:#fff !important; background-color: rgba(0, 0, 0, 0.78) !important;
}
.v-line {
    height: 80px;
    width: 1px;
    background-color: #000;
}
.h-line {
    height: 1px;
    width: 100%;
    background-color: #000;
}
.room-price {
    align-items: center;
}
.room-price span {
    font-size: 17px;
    padding: 0 12px;
}
.glider-contain {
    height: 540px;
}
#room_gallery {
    height: 480px;
}
.room-price-block:hover {
    bottom: 0;
}
.room-price-block {
    transition: all .5s;
    z-index: 1;
    width: calc(100% - 24px);
    position: absolute;
    bottom: -280px;
    padding-right: 0;
    margin: 0;
}
.wrap-desc .icons svg {
    width: 12px;
}
.wrap-desc .icons {
    color: #81939c;
    fill: #81939c;
    grid-template-columns: 1fr 1fr;
    padding: 4px 0;
}
.room-name .name {
    font-size: 21px;
    display: block;
    margin-bottom: 10px;
}
.room-wrap {
    overflow: hidden;
    position: relative;
}
.wrap-price {
    width: 63%;
    min-width: 250px;
    background-color: #fff;
    font-size: 28px;
}
.wrap-desc {
    background-color: #fff;
    width: 100%;
}
.room-img {
    z-index: 2;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 470px !important;
    width: 100% !important;
    overflow: hidden;
}
.warp-hotel-name-section {
    font-size: 28px;
}
.glider-prev, .glider-next {
    height: 60px;
    width: 60px;
    padding: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.28) !important;
}
.glider-prev {
    left: 1px !important;
    z-index: 1 !important;
}
.glider-prev img {
    transform: rotate(180deg);
    top: 15px;
}
.glider-next {
    right: 1px !important;
    z-index: 1 !important;
}
#form_contact label {
    font-weight: 400;
    margin: 0;
    font-size: 13px;
    color: #747373;
}
.form-control:focus {
    border-color: var(--bg-color);
    outline: 0;
    box-shadow: none;
}

.look-btn {width: 40%;min-width: 220px !important;}
.big-f {height: 56px;font-size: 1.2rem;}
.btn {padding: 14px}

.section {
    padding: 50px 0;
    background-color: #f4f4f4;
}
.btn-custom {
    background-color: #ad7508;
    color: #ffffff;
    border: none;
}
.btn-custom:hover {
    background-color: #2f2f2f;
}
.image-container {
    position: relative;
    text-align: center;
}
.image-container img {
    max-width: 80%;
    border-radius: 10px;
}
.small-image {
    position: absolute;
    bottom: -45px;
    right: -20px;
    width: 50%;
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.nav-buttons {
    position: relative;
    margin-top: -59px;
}
.nav-buttons .btn:not(.active):hover {
    background-color: rgba(255, 255, 255, 0.18);
    color: #ffffff !important;
    transition: all 0.5s;
}
.nav-buttons .btn.active:hover {
    color: rgba(0, 0, 0, 0.89);
}
.nav-buttons .btn {
    border-radius: 0;
    background-color: #00000036;
    color: #9c9c9c;
    height: 60px;
    align-items: center;
    display: grid;
}
.nav-buttons .btn.active span {
    border-bottom: 1px solid var(--bg-color);
    color: rgba(255, 255, 255, 0.68);
    padding: 5px 0px;
}
.relative {
    position: relative;
}
@media (max-width:768px) {
    .type-hotel-wrap .btn {
        font-size: 14px;
    }
}
.type-hotel-wrap {
    border-top: 1px solid rgba(238, 238, 238, 0.36);
    border-left: 1px solid rgba(238, 238, 238, 0.36);
    border-right: 1px solid rgba(238, 238, 238, 0.36);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.clear-link {color:#212529;text-decoration: none;}
.clear-link:hover {text-decoration: underline;}

.breadcrumb-container {
    display: flex;
    justify-content: center; /* Центрируем */
    margin-top: 10px;
}

.breadcrumb {
    font-size: 12px;
    background: transparent; /* Убираем фон */
    padding: 0;
    color: #f8f9fa !important; /* Светлый текст */
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #f8f9fa !important; /* Цвет ссылок */
    transition: color 0.3s ease-in-out;
}

.breadcrumb-item a:hover {
    color: #ad7508 !important; /* Цвет при наведении */
}

/* Разделитель между пунктами */
.breadcrumb-item + .breadcrumb-item::before {
    content: ">"; /* Разделитель */
    color: #fff !important;
    padding: 0 8px;
}

.list-unstyled {
    column-count: 3;
    column-gap: 40px;
    list-style: disc;
    padding-left: 20px;
}

.list-unstyled li {
    position: relative;
    padding-left: 25px;
    break-inside: avoid;
}

.list-unstyled li i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #ad7508; /* Цвет иконок */
    font-size: 16px;
}

/* Для мобильных (ширина <768px) оставляем одну колонку */
@media (max-width: 767px) {
    .list-unstyled {
        column-count: 1;
    }
}

/* Адаптив: На мобильных экранах (<992px) крошки идут в столбик */
@media (max-width: 991px) {
    .breadcrumb-container {
        display: block;
        text-align: left; /* Выравнивание влево */
        padding-left: 20px;
    }

    .breadcrumb {
        display: block;
    }

    .breadcrumb-item {
        display: block;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: none; /* Убираем разделитель */
    }
}

@media (min-width:240px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:390px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:434px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:508px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:576px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:768px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:992px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:1200px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (min-width:1400px) {
    .room-price-block {
        bottom: -29%;
    }
}
@media (max-width: 992px) {
    h1 {
        margin-top: 60px;
    }
    #container_list_rooms .row>* {
        padding: 0 !important;
    }
    .hero-section {
        height: 700px !important;
    }
    #container_list_rooms .warp-hotel-name-section {
        padding: 0 2rem;
    }
}
:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0}.section-header{max-width:48rem;margin:0 auto 3rem;text-align:center}.section-title{font-size:1.875rem;font-weight:600;color:#1a1f2c;margin-bottom:1rem}.section-description{color:#8e9196}.reviews-section{background-color:#f6f6f7}.reviews-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}.review-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease;animation:fadeUp .5s ease-out}.review-card:hover{box-shadow:0 4px 6px #0000001a}.review-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.review-info{flex:1}.review-name{font-weight:500;color:#1a1f2c}.review-date{font-size:.875rem;color:#8e9196}.review-rating{display:flex;gap:.25rem}.review-text{color:#8e9196;line-height:1.625}.conditions-section{background-color:#fff}.conditions-grid{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);max-width:64rem;margin:0 auto}@media (min-width: 768px){.conditions-grid{grid-template-columns:repeat(2,1fr)}}.condition-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:#f6f6f7;border-radius:.5rem;transition:box-shadow .3s ease;animation:fadeUp .5s ease-out}.condition-card:hover{box-shadow:0 4px 6px #0000001a}.condition-icon{color:#1a1f2c;width:1.5rem;height:1.5rem}.condition-content h3{font-weight:500;color:#1a1f2c;margin-bottom:.5rem}.condition-content p{color:#8e9196;line-height:1.625}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}