.fancybox__content {
    width: 80%;
    height: 80%;
}

@media (max-width: 768px) {
    .fancybox__content {
        width: 100%;
        height: 100%;
    }
}

.package-detail .tour-info .hotel-info-badge {
    width: 100%;
    min-width: 0;
    border-left: none;
    border-top: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 0 var(--r-card) var(--r-card);
    background: linear-gradient(135deg, #f58e00 0%, #ff5400 100%);
}

.package-detail .tour-info .hotel-info-badge .price-value-guarantee {
    border-radius: 0 0 var(--r-card) var(--r-card);
    padding: var(--s3);
    color: #fff;
    background: transparent;
}

.package-detail .tour-info .hotel-info-badge .price-value-guarantee:hover,
.package-detail .tour-info .hotel-info-badge .price-value-guarantee:focus {
    color: #fff;
    background: linear-gradient(135deg, #ff8a00 0%, #ff5400 100%);
}

.package-detail .tour-info .hotel-info-badge .price-value-guarantee i {
    color: #fff;
}

.package-detail .tour-list {
    list-style: none;
}

.package-detail .tour-list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.package-detail .tour-fact-icon i {
    color: inherit;
}

.package-detail .panel-attraction {
    padding: var(--s4);
}

.package-detail .tour-info .tour-title {
    color: #ff5400;
}

.package-detail .hotel-title-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.package-detail h1.page-header {
    text-transform: uppercase;
    margin: 0;
}

.package-detail .hotel-star-rating {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

.package-detail .hotel-star-rating .fa-star {
    font-size: 17px;
    color: var(--star);
}

.package-detail .hotel-map-link {
    font-size: 14px;
    white-space: nowrap;
    color: var(--brand);
}

.package-detail .hotel-address {
    font-size: var(--fs-body);
    color: var(--muted);
}

@media (max-width: 991px) {
    .package-detail {
        padding-top: var(--s5);
    }
}

.package-detail .hotel-title-row .pkg-print-link {
    margin-left: auto;
    font-size: 15px;
    white-space: nowrap;
}

.pkg-mcta-bar--simple {
    gap: 8px;
}

.pkg-mcta-btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    font-size: var(--fs-body);
    font-weight: 600;
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 1;
}

.pkg-mcta-btn--reserve {
    background: var(--secondary);
    color: #fff;
}

.pkg-mcta-btn--book {
    background: var(--brand);
    color: #fff;
}

.pkg-mcta-btn--chat {
    background: #fff;
    color: var(--brand);
    border-color: var(--brand);
}
