.gp-card-badge.gp-badge-dive,
.gp-badge-dive {
    background: #0E4C5A !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.22) !important;
}
.gp-card-badge.gp-badge-boat,
.gp-badge-boat {
    background: #F7F3EC !important;
    color: #0E4C5A !important;
}
.gp-card-badge.gp-badge-day { background: #12A6A0 !important; color: #08252B !important; }
.gp-card-badge.gp-badge-water { background: #5FA83D !important; color: #08252B !important; }
.gp-card-badge.gp-badge-multi { background: #F49A2B !important; color: #08252B !important; }
.gp-card-badge { box-shadow: 0 4px 14px rgba(4,20,24,.28); }

.tour__section .row > [class*="col-"] { display: flex !important; margin-bottom: 30px; }
.tour__section .populer-single-box.style-classic {
    display: flex !important; flex-direction: column !important; width: 100% !important;
    margin-bottom: 0 !important;
}
.tour__section .populer-single-box.style-classic .populer-contnet {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    flex: 1 1 auto !important;
}
.tour__section .populer-single-box.style-classic .popular-title { width: 100%; }
.tour__section .gp-card-cta { margin-top: auto !important; padding-top: 20px !important; width: 100% !important; }
@media (min-width: 768px) { .tour__section .row { justify-content: center !important; } }

.tour__section .gp-card-summary,
.populer-section .gp-card-summary { -webkit-line-clamp: 2 !important; }
.gp-card-meta li { line-height: 1.4; }

.gp-card-flag {
    display: inline-flex !important; align-items: center; gap: 8px;
    margin: 14px 0 0 !important; padding: 6px 12px 6px 10px !important;
    border-radius: 999px !important;
    font-family: "Inter", sans-serif; font-size: 12.5px !important; font-weight: 600 !important;
    line-height: 1.3 !important; letter-spacing: .2px;
}
.gp-card-flag i { font-size: 12px; }
.gp-card-flag.gp-flag-cert { background: rgba(244,154,43,.12); border: 1px solid rgba(244,154,43,.45); color: #F6C27F !important; }
.gp-card-flag.gp-flag-cert i { color: #F49A2B; }
.gp-card-flag.gp-flag-ok   { background: rgba(95,168,61,.14);  border: 1px solid rgba(95,168,61,.5);  color: #A9DB8E !important; }
.gp-card-flag.gp-flag-ok i { color: #7CC45A; }
.gp-card-flag.gp-flag-info { background: rgba(18,166,160,.12); border: 1px solid rgba(18,166,160,.42); color: #8FDCD8 !important; }
.gp-card-flag.gp-flag-info i { color: #35C7C1; }

.tour__section .gp-subsection { scroll-margin-top: 150px; }

.gp-tourbar {
    position: -webkit-sticky; position: sticky; top: 0; z-index: 50;
    margin: 0 auto 8px; max-width: 820px;
    padding: 8px 0;
    transition: top .2s ease;
}
.gp-tourbar-track {
    display: flex; gap: 6px; justify-content: center;
    padding: 6px; border-radius: 999px;
    background: rgba(10,35,41,.90);
    border: 1px solid rgba(18,166,160,.35);
    box-shadow: 0 10px 30px rgba(4,20,24,.45);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.gp-tourbar-track::-webkit-scrollbar { display: none; }
.gp-tourbar a {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
    min-height: 40px; padding: 8px 16px; border-radius: 999px;
    font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; line-height: 1;
    color: #C9D8DA !important; white-space: nowrap;
    transition: background .25s ease, color .25s ease;
}
.gp-tourbar a span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
    background: rgba(255,255,255,.10); color: #FFFFFF;
    font-size: 11.5px; font-weight: 700;
}
.gp-tourbar a:hover { color: #FFFFFF !important; background: rgba(18,166,160,.18); }
.gp-tourbar a.is-active { background: #12A6A0 !important; color: #08252B !important; }
.gp-tourbar a.is-active span { background: rgba(8,37,43,.18); color: #08252B; }
.gp-tourbar a:focus-visible { outline: 3px solid #FFFFFF !important; outline-offset: -3px !important; }

@media (max-width: 767px) {
    .gp-tourbar { margin-left: -6px; margin-right: -6px; }
    .gp-tourbar-track { justify-content: flex-start; border-radius: 18px; }
    .gp-tourbar a { padding: 8px 13px; font-size: 13.5px; }
}

@media (max-width: 575px) {
    .tour__section { padding-top: 64px !important; }
    .tour__section .gp-section-intro { margin-bottom: 26px !important; }
    .tour__section .gp-subsection { margin-top: 44px !important; margin-bottom: 24px !important; }
    .tour__section .gp-subsection.gp-subsection-first { margin-top: 14px !important; }
    .tour__section .row > [class*="col-"] { margin-bottom: 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .gp-tourbar { transition: none; }
    .gp-tourbar a { transition: none; }
}

.populer-single-box.style-classic .populer-thumb { display: flex !important; flex-direction: column !important; }
.populer-single-box.style-classic .populer-thumb figure { display: block !important; width: 100%; }

.populer-single-box.style-classic .populer-price h2 { line-height: 1 !important; }
.populer-single-box.style-classic .populer-price h2 span.gp-price-basis {
    display: block !important; margin-top: 6px !important;
    font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 500 !important;
    line-height: 1.3 !important; letter-spacing: .2px !important; color: #D9E6E8 !important;
}

.gp-tourbar.fade-r .gp-tourbar-track {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 36px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 36px), transparent 100%);
}
.gp-tourbar.fade-l .gp-tourbar-track {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 100%);
}
.gp-tourbar.fade-l.fade-r .gp-tourbar-track {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
}

.gp-tourbar { display: flex !important; justify-content: center !important; max-width: 100% !important; }
.gp-tourbar-track { max-width: 100%; }
.gp-tourbar-track { min-width: 0; }

@media (max-width: 400px) {
    .tour__section .gp-section-intro .gp-jump { gap: 8px !important; }
    .tour__section .gp-section-intro .gp-jump a { padding: 8px 13px !important; font-size: 13.5px !important; }
}
