/**
 * Tour Detail - Modern Design v4.0 - TripAviva
 * 2026-01-04
 * 
 * - Hero section: Title + Rating + Tags + Gallery
 * - Compact sidebar with always-visible Book Now
 * - No download button in lightbox
 * - Dark mode support
 */

/* ================================================
   VARIABLES
   ================================================ */
:root {
    --bc-primary: #5191FA;
    --bc-primary-hover: #3d7be0;
    --bc-primary-light: #EBF3FF;
    --bc-dark: #1A2B48;
    --bc-text: #5E6D77;
    --bc-text-light: #8A9099;
    --bc-border: #E5E7EB;
    --bc-bg: #F8FAFC;
    --bc-white: #FFFFFF;
    --bc-success: #10B981;
    --bc-danger: #EF4444;
    --bc-star: #FBBF24;
    --bc-radius: 12px;
    --bc-radius-lg: 16px;
    --bc-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --bc-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --bc-shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
}

/* Dark Mode Variables for Tour Detail */
[data-theme="dark"] {
    --bc-primary: #FFD60A;
    --bc-primary-hover: #E6C000;
    --bc-primary-light: rgba(255, 214, 10, 0.15);
    --bc-dark: #F5F5F5;
    --bc-text: #B0B0B0;
    --bc-text-light: #808080;
    --bc-border: #333333;
    --bc-bg: #121212;
    --bc-white: #1E1E1E;
    --bc-success: #4ADE80;
    --bc-danger: #F87171;
    --bc-star: #FFD60A;
    --bc-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --bc-shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --bc-shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}

/* ================================================
   GENERAL
   ================================================ */
.bc_detail_tour {
    background: var(--bc-bg);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.bc_detail_tour.bc_detail_tour_v2 .bc_content {
    padding: 24px 0 100px;
}

.bc_detail_tour.bc_detail_tour_v2 .bc_banner {
    display: none;
}

/* ================================================
   HERO SECTION - Title + Info + Gallery
   ================================================ */
.bc-hero-section {
    background: var(--bc-white);
    padding: 20px 0 24px;
    border-bottom: 1px solid var(--bc-border);
}

/* Header */
.bc-hero-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .bc-hero-header {
        flex-direction: column;
        gap: 12px;
    }
}

.bc-hero-header-main {
    flex: 1;
    min-width: 0;
}

/* Title */
.bc-hero-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--bc-dark);
    line-height: 1.3;
    margin: 0 0 12px 0;
    letter-spacing: -0.3px;
}

@media (max-width: 768px) {
    .bc-hero-title {
        font-size: 22px;
    }
}

/* Meta: Rating + Location */
.bc-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.bc-hero-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bc-hero-rating .rating-score {
    font-size: 15px;
    font-weight: 700;
    color: var(--bc-dark);
}

.bc-hero-rating .rating-stars {
    display: flex;
    gap: 2px;
}

.bc-hero-rating .rating-stars i {
    color: var(--bc-star);
    font-size: 13px;
}

.bc-hero-rating .rating-count {
    font-size: 14px;
    color: var(--bc-text-light);
}

.bc-hero-location {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--bc-text);
}

.bc-hero-location i {
    color: var(--bc-primary);
    font-size: 12px;
}

/* Tags */
.bc-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bc-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--bc-bg);
    border-radius: 100px;
    font-size: 13px;
    color: var(--bc-text);
    font-weight: 500;
}

.bc-hero-tag i {
    font-size: 12px;
    color: var(--bc-text-light);
}

.bc-hero-tag-success {
    background: rgba(16, 185, 129, 0.1);
    color: var(--bc-success);
}

.bc-hero-tag-success i {
    color: var(--bc-success);
}

/* Actions */
.bc-hero-header-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.bc-action-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--bc-border);
    background: var(--bc-white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--bc-text);
    transition: all 0.2s;
}

.bc-action-btn:hover {
    border-color: var(--bc-primary);
    color: var(--bc-primary);
    background: var(--bc-primary-light);
}

.bc-action-btn.active i {
    color: var(--bc-danger);
}

/* Share Dropdown */
.bc-action-dropdown {
    position: relative;
}

.bc-action-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: var(--bc-white);
    border-radius: var(--bc-radius);
    box-shadow: var(--bc-shadow-lg);
    min-width: 160px;
    padding: 6px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s;
    z-index: 100;
}

.bc-action-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.bc-action-menu a,
.bc-action-menu button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    color: var(--bc-text);
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    transition: background 0.15s;
}

.bc-action-menu a:hover,
.bc-action-menu button:hover {
    background: var(--bc-bg);
}

.bc-action-menu i {
    width: 18px;
    text-align: center;
    font-size: 14px;
}

/* ================================================
   GALLERY
   ================================================ */
.bc-hero-gallery {
    position: relative;
}

.gallery-grid {
    display: grid;
    gap: 6px;
    border-radius: var(--bc-radius-lg);
    overflow: hidden;
}

/* 5+ Photos */
.gallery-grid-5 {
    grid-template-columns: 1.5fr 1fr;
    height: 400px;
}

@media (max-width: 768px) {
    .gallery-grid-5 {
        grid-template-columns: 1fr;
        height: auto;
    }
}

.gallery-grid-5 .gallery-main {
    height: 100%;
}

@media (max-width: 768px) {
    .gallery-grid-5 .gallery-main {
        height: 240px;
    }
}

.gallery-grid-5 .gallery-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 6px;
}

@media (max-width: 768px) {
    .gallery-grid-5 .gallery-side {
        height: 160px;
    }
}

/* 3-4 Photos */
.gallery-grid-3 {
    grid-template-columns: 1.5fr 1fr;
    height: 360px;
}

@media (max-width: 768px) {
    .gallery-grid-3 {
        grid-template-columns: 1fr;
        height: auto;
    }
}

.gallery-grid-3 .gallery-main {
    height: 100%;
}

@media (max-width: 768px) {
    .gallery-grid-3 .gallery-main {
        height: 240px;
    }
}

.gallery-grid-3 .gallery-side {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 6px;
}

@media (max-width: 768px) {
    .gallery-grid-3 .gallery-side {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        height: 120px;
    }
}

/* Single Photo */
.gallery-grid-single {
    height: 380px;
}

@media (max-width: 768px) {
    .gallery-grid-single {
        height: 260px;
    }
}

/* Gallery Item */
.gallery-item {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.03);
}

/* More Overlay */
.more-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--bc-white);
    gap: 4px;
}

.more-overlay .more-count {
    font-size: 28px;
    font-weight: 700;
}

.more-overlay .more-text {
    font-size: 13px;
    opacity: 0.9;
}

.gallery-hidden {
    display: none;
}

/* Show All Photos Button */
.bc-show-all-photos {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 10px 16px;
    background: var(--bc-white);
    border: none;
    border-radius: var(--bc-radius);
    font-size: 14px;
    font-weight: 600;
    color: var(--bc-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: var(--bc-shadow-md);
    transition: all 0.2s;
}

.bc-show-all-photos:hover {
    background: var(--bc-dark);
    color: var(--bc-white);
}

/* Video Button */
.bc-video-btn {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 48px;
    height: 48px;
    background: var(--bc-white);
    border: none;
    border-radius: 50%;
    font-size: 18px;
    color: var(--bc-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--bc-shadow-md);
    transition: all 0.2s;
}

.bc-video-btn:hover {
    background: var(--bc-primary);
    color: var(--bc-white);
    transform: scale(1.1);
}

/* ================================================
   HIDE OLD HEADER & FEATURES (in tour-detail.blade)
   ================================================ */
.bc_detail_tour.bc_detail_tour_v2 .g-header {
    display: none;
}

.bc_detail_tour.bc_detail_tour_v2 .g-tour-feature {
    display: none;
}

.bc_detail_tour.bc_detail_tour_v2 .bc-trust-badges {
    display: none;
}

.bc_detail_tour.bc_detail_tour_v2 .g-gallery {
    display: none;
}

/* ================================================
   CONTENT SECTIONS
   ================================================ */
.bc_detail_tour .g-overview,
.bc_detail_tour .g-include-exclude,
.bc_detail_tour .g-itinerary,
.bc_detail_tour .g-location,
.bc_detail_tour .g-attributes,
.bc_detail_tour .g-faqs,
.bc_detail_tour .bravo-reviews,
.bc_detail_tour .api-reviews {
    background: var(--bc-white);
    border-radius: var(--bc-radius-lg);
    padding: 24px;
    margin-bottom: 16px;
    border: 1px solid var(--bc-border);
}

.bc_detail_tour .g-overview h3,
.bc_detail_tour .g-include-exclude h3,
.bc_detail_tour .g-itinerary h3,
.bc_detail_tour .g-location h3,
.bc_detail_tour .g-attributes h3,
.bc_detail_tour .g-faqs h3,
.bc_detail_tour .bravo-reviews h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--bc-dark);
    margin-bottom: 16px;
    padding-bottom: 0;
    border-bottom: none;
}

.bc_detail_tour .g-overview .description {
    font-size: 15px;
    line-height: 1.75;
    color: var(--bc-text);
}

/* Include/Exclude */
.bc_detail_tour .g-include-exclude .item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    font-size: 14px;
    color: var(--bc-text);
}

.bc_detail_tour .g-include-exclude .icon-include {
    color: var(--bc-success);
}

.bc_detail_tour .g-include-exclude .icon-exclude {
    color: var(--bc-danger);
}

/* Location */
.bc_detail_tour .g-location .location-map {
    border-radius: var(--bc-radius);
    overflow: hidden;
}

.bc_detail_tour .g-location #map_content {
    height: 280px;
}

/* ================================================
   SIDEBAR
   ================================================ */
.bc_detail_tour .bc-sidebar-sticky {
    position: sticky;
    top: 80px;
}

@media (max-width: 992px) {
    .bc_detail_tour .bc-sidebar-sticky {
        position: static;
    }
}

/* ================================================
   BOOKING CARD - Compact with Fixed Book Now
   ================================================ */
.bc_detail_tour .bc_single_book_wrap {
    margin-bottom: 16px;
}

.bc_detail_tour .bc_single_book {
    background: var(--bc-white);
    border-radius: var(--bc-radius-lg);
    border: 1px solid var(--bc-border);
    overflow: hidden;
    box-shadow: var(--bc-shadow-md);
}

/* Price Header */
.bc_detail_tour .bc_single_book .form-head {
    padding: 20px;
    border-bottom: 1px solid var(--bc-border);
    background: linear-gradient(135deg, #FAFBFC 0%, #FFFFFF 100%);
    position: relative;
}

.bc_detail_tour .bc_single_book .form-head .price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.bc_detail_tour .bc_single_book .form-head .price .label {
    font-size: 13px;
    color: var(--bc-text-light);
}

.bc_detail_tour .bc_single_book .form-head .price .onsale {
    font-size: 15px;
    color: var(--bc-text-light);
    text-decoration: line-through;
}

.bc_detail_tour .bc_single_book .form-head .price .text-lg,
.bc_detail_tour .bc_single_book .form-head .price .value {
    font-size: 28px;
    font-weight: 700;
    color: var(--bc-dark);
}

/* Sale Badge */
.bc_detail_tour .bc_single_book .tour-sale-box {
    position: absolute;
    top: 12px;
    right: 12px;
}

.bc_detail_tour .bc_single_book .sale_class {
    background: var(--bc-danger);
    color: var(--bc-white);
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
}

/* Form Content */
.bc_detail_tour .bc_single_book .form-book {
    padding: 0;
}

.bc_detail_tour .bc_single_book .form-content {
    padding: 16px 20px;
}

/* Form Groups */
.bc_detail_tour .bc_single_book .form-group {
    margin-bottom: 14px;
}

.bc_detail_tour .bc_single_book .form-group > label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--bc-dark);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Date Field */
.bc_detail_tour .bc_single_book .form-date-field .render,
.bc_detail_tour .bc_single_book .form-date-field .date-wrapper {
    padding: 12px 14px;
    border: 1px solid var(--bc-border);
    border-radius: var(--bc-radius);
    cursor: pointer;
    transition: border-color 0.2s;
    background: var(--bc-white);
    font-size: 14px;
}

.bc_detail_tour .bc_single_book .form-date-field .render:hover,
.bc_detail_tour .bc_single_book .form-date-field .date-wrapper:hover {
    border-color: var(--bc-primary);
}

/* Guest Counter */
.bc_detail_tour .bc_single_book .guest-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--bc-border);
}

.bc_detail_tour .bc_single_book .guest-wrapper:last-child {
    border-bottom: none;
}

.bc_detail_tour .bc_single_book .guest-wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: var(--bc-dark);
}

.bc_detail_tour .bc_single_book .guest-wrapper .render {
    font-size: 12px;
    color: var(--bc-text-light);
}

.bc_detail_tour .bc_single_book .input-number-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bc_detail_tour .bc_single_book .input-number-group i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--bc-border);
    background: var(--bc-white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--bc-text);
    transition: all 0.2s;
}

.bc_detail_tour .bc_single_book .input-number-group i:hover {
    border-color: var(--bc-primary);
    color: var(--bc-primary);
    background: var(--bc-primary-light);
}

.bc_detail_tour .bc_single_book .input-number-group input {
    width: 32px;
    text-align: center;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: var(--bc-dark);
    background: transparent;
}

/* Price Summary */
.bc_detail_tour .bc_single_book .form-section-total {
    padding: 14px 20px;
    background: var(--bc-bg);
    border-top: 1px solid var(--bc-border);
    margin: 0;
}

.bc_detail_tour .bc_single_book .form-section-total li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;
    color: var(--bc-text);
}

.bc_detail_tour .bc_single_book .form-section-total li:last-child {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid var(--bc-border);
    font-size: 16px;
    font-weight: 700;
    color: var(--bc-dark);
}

.bc_detail_tour .bc_single_book .form-section-total li .price {
    color: var(--bc-primary);
    font-weight: 600;
}

/* ================================================
   BOOK NOW BUTTON - Always at bottom, no scroll
   ================================================ */
.bc_detail_tour .bc_single_book .submit-group,
.bc_detail_tour .bc_single_book .form-action {
    padding: 16px 20px;
    background: var(--bc-white);
    border-top: 1px solid var(--bc-border);
}

.bc_detail_tour .bc_single_book .submit-group .btn,
.bc_detail_tour .bc_single_book .form-action .btn,
.bc_detail_tour .bc_single_book .submit-group a.btn-large,
.bc_detail_tour .bc_single_book .form-action a,
.bc_detail_tour .bc_single_book .form-action .btn-primary {
    width: 100%;
    padding: 14px 20px;
    background: var(--bc-primary);
    color: var(--bc-white) !important;
    border: none;
    border-radius: var(--bc-radius);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.bc_detail_tour .bc_single_book .submit-group .btn:hover,
.bc_detail_tour .bc_single_book .form-action .btn:hover,
.bc_detail_tour .bc_single_book .submit-group a.btn-large:hover,
.bc_detail_tour .bc_single_book .form-action a:hover {
    background: var(--bc-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(81, 145, 250, 0.35);
}

/* Sidebar Info */
.bc_detail_tour .bc_single_book .sidebar-info {
    padding: 14px 20px;
    background: var(--bc-bg);
    border-top: 1px solid var(--bc-border);
}

.bc_detail_tour .bc_single_book .sidebar-info .info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0;
}

.bc_detail_tour .bc_single_book .sidebar-info .info-item i {
    color: var(--bc-success);
    font-size: 14px;
    margin-top: 2px;
}

.bc_detail_tour .bc_single_book .sidebar-info .info-item strong {
    font-size: 12px;
    color: var(--bc-dark);
}

/* Nav Tabs */
.bc_detail_tour .bc_single_book .nav-enquiry {
    display: flex;
    border-bottom: 1px solid var(--bc-border);
}

.bc_detail_tour .bc_single_book .nav-enquiry .enquiry-item {
    flex: 1;
    padding: 12px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--bc-text);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.bc_detail_tour .bc_single_book .nav-enquiry .enquiry-item.active {
    color: var(--bc-primary);
    border-bottom-color: var(--bc-primary);
}

/* Affiliate Info */
.bc_detail_tour .bc_single_book .form-content .mb-3 {
    padding: 8px 0;
    border-bottom: 1px solid var(--bc-border);
}

.bc_detail_tour .bc_single_book .form-content .mb-3:last-child {
    border-bottom: none;
}

.bc_detail_tour .bc_single_book .form-content .text-success {
    color: var(--bc-success) !important;
}

/* ================================================
   VENDOR BOX
   ================================================ */
.bc_detail_tour .vendor-box {
    background: var(--bc-white);
    border-radius: var(--bc-radius-lg);
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid var(--bc-border);
}

/* ================================================
   MOBILE BOTTOM BAR
   ================================================ */
.bc_detail_tour .bc-more-book-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bc-white);
    border-top: 1px solid var(--bc-border);
    padding: 12px 0;
    z-index: 1000;
    display: none;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
}

@media (max-width: 992px) {
    .bc_detail_tour .bc-more-book-mobile {
        display: block;
    }
}

.bc_detail_tour .bc-more-book-mobile .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.bc_detail_tour .bc-more-book-mobile .left {
    flex: 1;
    min-width: 0;
}

.bc_detail_tour .bc-more-book-mobile .g-price .prefix {
    font-size: 12px;
    color: var(--bc-text-light);
}

.bc_detail_tour .bc-more-book-mobile .g-price .price {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.bc_detail_tour .bc-more-book-mobile .g-price .onsale {
    font-size: 13px;
    color: var(--bc-text-light);
    text-decoration: line-through;
}

.bc_detail_tour .bc-more-book-mobile .g-price .text-price {
    font-size: 22px;
    font-weight: 700;
    color: var(--bc-dark);
}

.bc_detail_tour .bc-more-book-mobile .right .btn {
    padding: 12px 24px;
    background: var(--bc-primary);
    color: var(--bc-white);
    border: none;
    border-radius: var(--bc-radius);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.bc_detail_tour .bc-more-book-mobile .right .btn:hover {
    background: var(--bc-primary-hover);
}

/* ================================================
   REVIEWS
   ================================================ */
.bc_detail_tour .api-reviews .g-review-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--bc-dark);
}

.bc_detail_tour .api-reviews .review-summary-card {
    background: var(--bc-bg) !important;
    border-radius: var(--bc-radius-lg) !important;
    box-shadow: none !important;
    border: 1px solid var(--bc-border);
}

.bc_detail_tour .api-reviews .rating-big-circle {
    background: var(--bc-success) !important;
}

.bc_detail_tour .api-reviews .progress {
    height: 6px !important;
    border-radius: 3px !important;
    background: var(--bc-border) !important;
}

.bc_detail_tour .api-reviews .progress-bar {
    background: var(--bc-primary) !important;
}

/* ================================================
   RELATED TOURS
   ================================================ */
.bc_detail_tour .bravo-list-tour .item-tour {
    background: var(--bc-white);
    border-radius: var(--bc-radius-lg);
    overflow: hidden;
    border: 1px solid var(--bc-border);
    transition: all 0.3s;
}

.bc_detail_tour .bravo-list-tour .item-tour:hover {
    box-shadow: var(--bc-shadow-lg);
    transform: translateY(-4px);
}

/* ================================================
   FANCYBOX CUSTOMIZATION - No Download Button
   ================================================ */
.fancybox__toolbar__column.is-right .f-button[data-fancybox-download] {
    display: none !important;
}

/* Cleaner lightbox */
.fancybox__content {
    border-radius: var(--bc-radius) !important;
}

.fancybox__thumbs {
    background: rgba(0,0,0,0.8) !important;
}