/*
 * Sarbatra Theme — consolidated stylesheet.
 * Single authoritative file replacing sarbatra-fresh.css, enhanced-search.css,
 * sarbatra-reference.css and sarbatra-ui.css (all now removed). Section order
 * below reproduces the exact cascade those four files had in app.blade.php,
 * so visual output is unchanged except for the fixes noted inline:
 *   - dropped the dead/duplicate first :root block from sarbatra-fresh.css
 *   - --hsj-theme-primary/secondary are no longer redeclared here; they stay
 *     owned exclusively by Layout/parts/custom-css.blade.php (admin colors)
 *   - sarbatra-reference.css's --sr-* tokens now derive from --hsj-theme-*
 *   - added overflow:hidden to .hb26 / .htp / .hdt / .hsj-about__image-wrap
 *     so their decorative giant watermark text (SINCE 2008 / LOCAL
 *     EXPERIENCES / DESTINATIONS / CURATED BY LOCALS) stays clipped inside
 *     its own section instead of bleeding into neighboring sections
 *
 * === Section 1: base layer (from sarbatra-fresh.css) === */
/*
 * Sarbatra Fresh Theme
 * One public frontend layer for the active Sarbatra theme. The template
 * builder still owns page structure; this file owns the shared visual system.
 */


*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.frontend-page {
    margin: 0;
    color: var(--st-ink);
    background:
        radial-gradient(circle at 10% -10%, rgba(217, 150, 47, .10), transparent 26rem),
        linear-gradient(180deg, #fbfcf8 0%, #f5f8f3 44%, #ffffff 100%);
    font-family: var(--st-font-body);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.frontend-page a {
    color: var(--st-forest-2);
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.frontend-page a:hover {
    color: var(--st-clay);
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
textarea,
select {
    font: inherit;
}

.bravo_wrap {
    min-height: 100vh;
    overflow-x: clip;
}

.container {
    width: min(100% - 32px, var(--st-container));
    max-width: var(--st-container);
}

.page-template-content > * {
    position: relative;
}

.page-template-content > section,
.page-template-content > div:not(.hsj-modern-hero):not(.hsj-hero-section):not(.hero-section) {
    margin-block: clamp(44px, 6vw, 86px);
}

.page-template-content > *:first-child {
    margin-top: 0;
}

.page-template-content > *:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.st-heading,
.hero-title-v2,
.hsj-modern-title {
    color: var(--st-ink);
    font-family: var(--st-font-display);
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.08;
}

h1,
.hero-title-v2,
.hsj-modern-title {
    font-size: clamp(2.45rem, 7vw, 5.6rem);
}

h2,
.section-title,
.st-heading {
    font-size: clamp(2rem, 4.3vw, 3.9rem);
}

h3 {
    font-size: clamp(1.35rem, 2.4vw, 2rem);
}

p {
    color: var(--st-ink-soft);
}

.text-muted,
.st-muted,
.tour-meta,
.item-meta,
.location-info,
.author-role {
    color: var(--st-muted) !important;
}

.btn,
.button,
.theme-btn,
.st-btn,
.st-btn-primary,
.btn-primary,
.hsj-nav-plan,
.btn-hsj--primary,
.v3-btn-book-now,
.cta-button,
.btn-teaser {
    border-radius: var(--st-radius) !important;
    font-weight: 700;
    letter-spacing: 0;
}

.btn-primary,
.st-btn-primary,
.theme-btn,
.button.-blue-1,
.hsj-nav-plan,
.btn-hsj--primary,
.v3-btn-book-now,
.cta-button,
.btn-teaser {
    border: 1px solid var(--st-forest) !important;
    background: var(--st-forest) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(18, 61, 49, .18);
}

.btn-primary:hover,
.st-btn-primary:hover,
.theme-btn:hover,
.button.-blue-1:hover,
.hsj-nav-plan:hover,
.btn-hsj--primary:hover,
.v3-btn-book-now:hover,
.cta-button:hover,
.btn-teaser:hover {
    border-color: var(--st-clay) !important;
    background: var(--st-clay) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.btn-outline,
.btn-white,
.st-btn-outline {
    border: 1px solid var(--st-line-strong) !important;
    background: rgba(255,255,255,.88) !important;
    color: var(--st-forest) !important;
}

.btn-outline:hover,
.btn-white:hover,
.st-btn-outline:hover {
    border-color: var(--st-forest) !important;
    background: var(--st-forest) !important;
    color: #fff !important;
}

/* Header */
.hsj-top-bar,
.hsj-util {
    position: relative;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 38px;
    padding: 0 clamp(16px, 4vw, 38px);
    background: var(--st-forest);
    color: rgba(255,255,255,.9);
    font-size: 13px;
}

.hsj-top-bar a,
.hsj-util a,
.hsj-util button {
    color: rgba(255,255,255,.92);
}

.hsj-top-bar a:hover,
.hsj-util a:hover,
.hsj-util button:hover {
    color: #fff;
}

.hsj-top-bar-inner,
.hsj-util-left,
.hsj-util-right,
.hsj-top-bar-right,
.hsj-top-bar-trust,
.hsj-top-bar-promo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hsj-top-bar-inner {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
    overflow: hidden;
}

.hsj-top-bar-mobile {
    display: none;
}

.hsj-trust-badge,
.hsj-chatnow-btn,
.hsj-topbar-phone,
.hsj-util-currency {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.hsj-top-bar-trust,
.hsj-top-bar-promo,
.hsj-top-bar-right {
    min-width: 0;
}

.hsj-top-bar-trust {
    flex: 0 1 auto;
    max-width: 36%;
    overflow: hidden;
}

.hsj-trust-badge {
    flex: 0 0 auto;
    white-space: nowrap;
    color: rgba(255,255,255,.9) !important;
}

.hsj-trust-badge svg {
    flex: 0 0 auto;
    color: var(--st-sun);
}

.hsj-top-bar-promo {
    flex: 1 1 auto;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.hsj-top-bar-promo-text,
.hsj-topbar-phone span,
.hsj-chatnow-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hsj-top-bar-promo-text {
    max-width: min(420px, 38vw);
    white-space: nowrap;
}

.hsj-top-bar-right {
    flex: 0 0 auto;
}

.hsj-topbar-phone span {
    max-width: 150px;
    white-space: nowrap;
}

.hsj-chatnow-btn,
.hsj-top-bar-deal-btn {
    min-height: 26px;
    padding: 4px 10px;
    border-radius: var(--st-radius);
    background: rgba(255,255,255,.12);
    color: #fff !important;
}

.hsj-top-bar-deal-btn {
    background: var(--st-sun);
    color: var(--st-ink) !important;
    font-weight: 700;
}

.search__popup {
    position: fixed;
    inset: 0 0 auto;
    z-index: 99999;
    width: 100%;
    max-height: min(92vh, 620px);
    overflow-y: auto;
    padding: 72px 0 64px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(9, 35, 64, .22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-110%);
    transition: transform .28s ease, opacity .22s ease, visibility .22s ease;
}

.search__popup.search-opened {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.search__popup .search__wrapper {
    position: relative;
}

.search__popup .search__close {
    position: absolute;
    top: -48px;
    right: 0;
}

.search__popup .search-close-btn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(16, 36, 63, .18);
    border-radius: 6px;
    background: #fff;
    color: var(--st-ink);
}

.search__popup .search__input {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 70px;
    opacity: 1;
    transform: none;
}

.search__popup .search__input input {
    width: 100%;
    min-height: 58px;
    border: 1px solid var(--st-border);
    border-radius: 8px;
    padding: 0 68px 0 18px;
    color: var(--st-ink);
    font-size: clamp(18px, 2.2vw, 28px);
}

.search__popup .search__input input::placeholder {
    color: rgba(16, 36, 63, .58);
    font-size: inherit;
}

.search__popup .search__input button {
    position: absolute;
    top: 50%;
    right: 8px;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 6px;
    background: var(--st-forest);
    color: #fff;
    transform: translateY(-50%);
}

.search-popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 99990;
    background: rgba(5, 20, 36, .55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

.search-popup-overlay.search-popup-overlay-open,
.hsj-search-open .search-popup-overlay,
.search__popup.search-opened ~ .search-popup-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hsj-nav {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    gap: clamp(18px, 3vw, 34px);
    min-height: 76px;
    padding: 0 clamp(16px, 4vw, 38px);
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(18, 61, 49, .1);
    box-shadow: 0 10px 30px rgba(18, 61, 49, .08);
    backdrop-filter: blur(18px);
}

.hsj-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.hsj-logo-img {
    width: auto;
    max-width: 196px;
    max-height: 52px;
    object-fit: contain;
}

.hsj-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.hsj-nav-item {
    position: relative;
}

.st-header-item {
    isolation: isolate;
}

.hsj-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: var(--st-ink);
    white-space: nowrap;
    cursor: pointer;
}

.hsj-nav-btn:hover,
.hsj-nav-item:hover .hsj-nav-btn {
    color: var(--st-clay);
}

.st-nav-dropdown {
    position: absolute;
    inset: calc(100% + 8px) auto auto 0;
    z-index: 1030;
    display: grid;
    min-width: 230px;
    padding: 10px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: rgba(255,255,255,.98);
    box-shadow: var(--st-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.st-nav-dropdown a {
    display: block;
    padding: 9px 10px;
    border-radius: 6px;
    color: var(--st-ink-soft);
    font-size: .94rem;
}

.st-nav-dropdown a:hover {
    background: var(--st-mist);
    color: var(--st-forest);
}

.hsj-nav-item:hover .st-nav-dropdown,
.hsj-nav-item:focus-within .st-nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hsj-nav-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.hsj-nav-search-btn,
.hsj-hamburger,
.hsj-drw-close {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-forest);
    cursor: pointer;
}

.hsj-nav-phone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--st-ink);
    font-weight: 700;
    white-space: nowrap;
}

.hsj-nav-plan {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    line-height: 1;
    font-size: 15px;
}

.st-header-currency {
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-forest) !important;
    font-weight: 700;
    cursor: pointer;
}

.hsj-user-menu {
    position: relative;
}

.hsj-user-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    max-width: 190px;
    padding: 4px 10px 4px 5px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-ink);
    font-weight: 700;
    cursor: pointer;
}

.hsj-user-avatar,
.hsj-drw-avatar {
    border-radius: 999px;
    object-fit: cover;
    background: var(--st-mist);
    border: 1px solid var(--st-line);
}

.hsj-user-avatar {
    width: 34px;
    height: 34px;
}

.hsj-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hsj-user-dropdown {
    position: absolute;
    inset: calc(100% + 8px) 0 auto auto;
    z-index: 1030;
    display: grid;
    min-width: 210px;
    padding: 10px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: rgba(255,255,255,.98);
    box-shadow: var(--st-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.hsj-user-menu:hover .hsj-user-dropdown,
.hsj-user-menu:focus-within .hsj-user-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hsj-user-dropdown a,
.hsj-user-dropdown button {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--st-ink-soft);
    text-align: left;
    font-size: .94rem;
    font-weight: 700;
    text-decoration: none;
}

.hsj-user-dropdown a:hover,
.hsj-user-dropdown button:hover {
    background: var(--st-mist);
    color: var(--st-forest);
}

.hsj-hamburger {
    display: none;
    gap: 4px;
}

.hsj-hamburger span {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
}

.hsj-mega-panel,
.hsj-mega,
.mega-panel {
    z-index: 1010;
    border: 1px solid var(--st-line);
    border-radius: 0 0 var(--st-radius-lg) var(--st-radius-lg);
    background: rgba(255,255,255,.98);
    box-shadow: var(--st-shadow-lg);
}

.hsj-overlay {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(18, 33, 27, .44);
    transition: opacity .2s ease;
}

.hsj-overlay.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.hsj-drawer {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1050;
    width: min(88vw, 420px);
    overflow-y: auto;
    background: var(--st-paper);
    box-shadow: var(--st-shadow-lg);
    transition: transform .24s ease;
}

.hsj-drawer.open {
    transform: translateX(0) !important;
}

.hsj-drw-head,
.hsj-drw-search,
.hsj-drw-nav {
    padding: 18px;
}

.hsj-drw-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--st-line);
}

.hsj-drw-search-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: var(--st-mist);
    padding: 10px 12px;
}

.hsj-drw-search-input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
}

.hsj-drw-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    border: 0;
    border-bottom: 1px solid var(--st-line);
    background: transparent;
    color: var(--st-ink);
    font-weight: 700;
}

.hsj-drw-sub {
    display: none;
    padding: 10px 0 18px;
}

.hsj-drw-item.open .hsj-drw-sub,
.hsj-drw-sub.open {
    display: block;
}

.hsj-drw-link,
.hsj-drw-all {
    display: block;
    padding: 8px 0;
    color: var(--st-ink-soft);
}

.hsj-drw-foot {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-top: 1px solid var(--st-line);
}

.hsj-drw-plan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 6px;
    border-radius: var(--st-radius);
    background: var(--st-forest);
    color: #fff !important;
    font-weight: 800;
}

.hsj-drw-account {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
}

.hsj-drw-avatar {
    width: 42px;
    height: 42px;
}

.hsj-drw-account strong {
    display: block;
    color: var(--st-ink);
    line-height: 1.2;
}

.hsj-drw-account a {
    color: var(--st-forest);
    font-size: .9rem;
    font-weight: 700;
}

.hsj-drw-logout {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-ink);
    font-weight: 800;
}

.hsj-drw-logout:hover {
    border-color: var(--st-clay);
    color: var(--st-clay);
}

/* Hero and builder sections */
.hsj-modern-hero,
.hsj-hero-section,
.hero-section,
.st-hero,
.v3-hero {
    position: relative;
    overflow: hidden;
    min-height: clamp(520px, 78vh, 760px);
    display: grid;
    align-items: center;
    background: var(--st-forest);
    color: #fff;
}

.hsj-modern-hero img,
.hsj-hero-section img,
.hero-section img,
.st-hero img {
    object-fit: cover;
}

.hsj-modern-hero::after,
.hsj-hero-section::after,
.hero-section::after,
.st-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(18, 33, 27, .82), rgba(18, 61, 49, .48) 48%, rgba(18, 33, 27, .18)),
        linear-gradient(180deg, rgba(18, 33, 27, .14), rgba(18, 33, 27, .7));
    pointer-events: none;
}

.hsj-modern-hero > *,
.hsj-hero-section > *,
.hero-section > *,
.st-hero > * {
    position: relative;
    z-index: 1;
}

.hero-title-v2,
.hsj-modern-title,
.st-title {
    color: #fff !important;
    max-width: 980px;
}

.hero-subtitle,
.hsj-modern-subtitle,
.st-subtitle {
    max-width: 720px;
    color: rgba(255,255,255,.86) !important;
    font-size: clamp(1rem, 1.6vw, 1.24rem);
}

.st-eyebrow,
.section-badge,
.badge_text,
.hsj-badge,
.hero-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid rgba(217, 150, 47, .42);
    border-radius: var(--st-radius);
    background: rgba(217, 150, 47, .12);
    color: var(--st-sun) !important;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.section-header,
.luxury-header,
.hsj-section-head,
.st-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    width: min(100% - 32px, var(--st-container));
    margin-inline: auto;
    margin-bottom: clamp(24px, 4vw, 44px);
}

.section-header p,
.hsj-section-head p,
.st-section-head p {
    max-width: 680px;
    margin: 0;
}

.main-content,
.hsj-section,
.st-section,
.recommended-section,
.testimonials-section,
.support-section {
    padding-block: clamp(42px, 6vw, 86px);
}

.gray-bg,
.background-secondary,
.st-band,
.recommended-section,
.testimonials-section {
    background: var(--st-mist) !important;
}

.white-bg,
.footer-section {
    background: var(--st-paper) !important;
}

/* Search and forms */
.search-form,
.form-search,
.bravo_form_search,
.hsj-search-box,
.hero-search,
.st-search,
.form-group {
    border-radius: var(--st-radius);
}

.hero-search,
.hsj-search-box,
.bravo_form_search {
    border: 1px solid rgba(255,255,255,.34);
    background: rgba(255,255,255,.92);
    box-shadow: var(--st-shadow);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="date"],
select,
textarea,
.form-control,
.nice-select {
    min-height: 44px;
    border: 1px solid var(--st-line-strong) !important;
    border-radius: var(--st-radius) !important;
    background-color: #fff !important;
    color: var(--st-ink);
    box-shadow: none !important;
}

textarea {
    min-height: 120px;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--st-forest-2) !important;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(31, 96, 77, .14) !important;
}

/* Cards and tour listings */
.card,
.st-card,
.tour-card,
.tour-item,
.bravo-list-item,
.item-loop,
.hsj-card,
.hso-card,
.business-card,
.testimonial-card,
.hero-feature-card,
.hsj-step-card,
.hsj-partner-form-card,
.luxuryv2-card,
.hsj-listing-card,
.big-slider-card,
.recommended-card {
    overflow: hidden;
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-radius-lg) !important;
    background: var(--st-paper);
    box-shadow: var(--st-shadow-sm);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.card:hover,
.st-card:hover,
.tour-card:hover,
.tour-item:hover,
.bravo-list-item:hover,
.item-loop:hover,
.hsj-card:hover,
.hso-card:hover,
.business-card:hover,
.testimonial-card:hover,
.hero-feature-card:hover,
.hsj-step-card:hover,
.luxuryv2-card:hover,
.hsj-listing-card:hover,
.big-slider-card:hover,
.recommended-card:hover {
    border-color: rgba(31, 96, 77, .28) !important;
    box-shadow: var(--st-shadow);
    transform: translateY(-3px);
}

.tour-card img,
.tour-item img,
.bravo-list-item img,
.item-loop img,
.hsj-card img,
.hso-card img,
.luxuryv2-card img,
.hsj-listing-card img,
.big-slider-card img,
.card-img-top {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.card-content,
.tour-card__content,
.item-content,
.hsj-listing-card-content,
.luxuryv2-content,
.big-slider-content {
    padding: 18px;
}

.tour-title,
.item-title,
.card-title,
.hsj-listing-card-title,
.luxuryv2-title {
    color: var(--st-ink);
    font-family: var(--st-font-display);
    font-weight: 750;
    line-height: 1.2;
}

.price,
.tour-price,
.st-price,
.hsj-listing-card-price,
.luxuryv2-price {
    color: var(--st-forest);
    font-weight: 800;
}

.pick-rating span,
.hsj-card-badge,
.hso-card__sel-badge,
.tt-badge,
.badge,
.sale-badge {
    border-radius: var(--st-radius) !important;
    background: var(--st-forest) !important;
    color: #fff !important;
}

/* Builder tabs and sliders */
.nav-tabs,
.st-tabs,
.tour-tabs,
.luxury-tabs {
    gap: 8px;
    border: 0 !important;
}

.nav-tabs .nav-link,
.st-tab,
.tour-tab,
.luxury-tab {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-radius) !important;
    background: #fff;
    color: var(--st-ink-soft);
    font-weight: 700;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.st-tab.active,
.tour-tab.active,
.luxury-tab.active {
    border-color: var(--st-forest) !important;
    background: var(--st-forest) !important;
    color: #fff !important;
}

.swiper,
.swiper-container,
.owl-carousel {
    overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev,
.owl-nav button,
.carousel-control-prev,
.carousel-control-next {
    border-radius: 50% !important;
}

/* Prose and normal pages */
.blog-content,
.entry-content,
.overview-text,
.day-description-content,
.page-template-content .text-content,
.hsj-prose {
    color: var(--st-ink-soft);
    font-size: 1rem;
    line-height: 1.8;
}

.blog-content h2,
.entry-content h2,
.overview-text h2,
.day-description-content h2,
.hsj-prose h2 {
    margin-top: 1.8em;
}

.blog-content ul,
.entry-content ul,
.overview-text ul,
.day-description-content ul,
.hsj-prose ul {
    padding-left: 1.2rem;
}

.blog-content li,
.entry-content li,
.overview-text li,
.day-description-content li,
.hsj-prose li {
    margin-bottom: .45rem;
}

.blog-content blockquote,
.entry-content blockquote,
.overview-text blockquote,
.hsj-prose blockquote {
    margin: 28px 0;
    padding: 20px 22px;
    border-left: 4px solid var(--st-sun);
    border-radius: var(--st-radius);
    background: var(--st-mist);
    color: var(--st-ink);
}

/* Breadcrumbs */
.hsj-breadcrumb-area,
.breadcrumb-area,
.page-banner {
    padding: clamp(68px, 10vw, 128px) 0 clamp(34px, 6vw, 68px);
    background:
        linear-gradient(135deg, rgba(18, 61, 49, .94), rgba(46, 111, 142, .74)),
        var(--st-forest);
    color: #fff;
}

.hsj-breadcrumb-area h1,
.breadcrumb-area h1,
.page-banner h1 {
    color: #fff !important;
}

.breadcrumb,
.hsj-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: rgba(255,255,255,.78);
}

.breadcrumb a,
.hsj-breadcrumb a {
    color: rgba(255,255,255,.88);
}

/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 34px;
    padding: 0;
    list-style: none;
}

.pagination .page-link {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-radius) !important;
    background: #fff;
    color: var(--st-forest);
    font-weight: 800;
    box-shadow: none !important;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
    border-color: var(--st-forest) !important;
    background: var(--st-forest) !important;
    color: #fff !important;
}

.pagination .page-item.disabled .page-link {
    opacity: .48;
    cursor: not-allowed;
}

/* Footer */
.st-footer-trust,
.st-footer {
    border-top: 1px solid var(--st-line);
    background: #fff;
}

.st-footer-trust {
    padding: clamp(30px, 5vw, 58px) clamp(16px, 4vw, 38px);
}

.st-footer-recommended,
.st-footer-panels,
.st-footer-cta,
.st-footer-main,
.st-footer-bottom {
    width: min(100%, var(--st-container));
    margin-inline: auto;
}

.st-footer-kicker {
    margin: 0 0 18px;
    color: var(--st-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
}

.st-footer-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
    padding-bottom: 24px;
}

.st-footer-logo-row img {
    max-height: 42px;
    width: auto;
    object-fit: contain;
}

.st-footer-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.st-footer-panel {
    padding: 24px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius-lg);
    background: var(--st-mist);
}

.st-footer-panel h3,
.st-footer-links h3,
.st-footer-cta h2 {
    margin: 0;
}

.st-footer-panel p {
    margin: 8px 0 18px;
}

.st-footer-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.st-footer-card-grid a {
    display: grid;
    gap: 8px;
    place-items: center;
    min-height: 102px;
    padding: 12px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-ink-soft);
    font-size: .76rem;
    font-weight: 700;
    text-align: center;
}

.st-footer-card-grid img {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

.st-footer {
    background: linear-gradient(180deg, #fff 0%, var(--st-mist) 100%);
}

.st-footer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 28px clamp(16px, 4vw, 38px);
    border-bottom: 1px solid var(--st-line);
}

.st-footer-cta p {
    margin: 6px 0 0;
}

.st-footer-cta-actions,
.st-footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.st-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: var(--st-radius);
    font-weight: 800;
}

.st-footer-btn-primary {
    background: var(--st-forest);
    color: #fff !important;
}

.st-footer-btn-secondary {
    border: 1px solid var(--st-line-strong);
    background: #fff;
    color: var(--st-forest) !important;
}

.st-footer-main {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(0, 1.8fr);
    gap: clamp(24px, 5vw, 54px);
    padding: clamp(34px, 6vw, 66px) clamp(16px, 4vw, 38px);
}

.st-footer-columns {
    display: grid;
    grid-template-columns: repeat(var(--st-footer-cols, 4), minmax(145px, 1fr));
    gap: clamp(18px, 3vw, 30px);
}

.st-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    color: var(--st-forest);
    font-family: var(--st-font-display);
    font-size: 1.35rem;
    font-weight: 850;
}

.st-footer-logo img {
    max-width: 190px;
    max-height: 54px;
    object-fit: contain;
}

.st-footer-brand address {
    display: grid;
    gap: 6px;
    margin: 16px 0 0;
    color: var(--st-ink-soft);
    font-style: normal;
}

.st-footer-social {
    margin-top: 18px;
}

.st-footer-social a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--st-line);
    border-radius: 50%;
    background: #fff;
    color: var(--st-forest);
}

.st-footer-social a:hover {
    background: var(--st-forest);
    color: #fff;
}

.st-footer-links ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.st-footer-links li {
    margin-bottom: 9px;
}

.st-footer-links a,
.st-footer-link-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--st-ink-soft);
    cursor: pointer;
}

.st-footer-links a:hover,
.st-footer-link-button:hover {
    color: var(--st-clay);
}

.st-footer-rich {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    color: var(--st-ink-soft);
    font-size: .94rem;
    line-height: 1.65;
}

.st-footer-rich p,
.st-footer-rich ul,
.st-footer-rich ol {
    margin: 0;
    color: inherit;
}

.st-footer-rich ul,
.st-footer-rich ol {
    padding-left: 18px;
}

.st-footer-rich a {
    color: var(--st-forest);
    text-decoration: none;
}

.st-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px clamp(16px, 4vw, 38px);
    border-top: 1px solid var(--st-line);
    color: var(--st-muted);
    font-size: .86rem;
}

/* Modals and floating UI */
.modal-content,
.cookie-modal-content,
.sticky-custom-teaser,
.search-popup,
.plan-trip-modal {
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius-lg) !important;
    box-shadow: var(--st-shadow-lg);
}

.toastify,
.toast {
    border-radius: var(--st-radius) !important;
}

.cookie-banner {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 10000;
    width: min(560px, calc(100vw - 36px));
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius-lg);
    background: rgba(255,255,255,.98);
    box-shadow: var(--st-shadow-lg);
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}

.cookie-banner.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.cookie-content {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 18px;
}

.cookie-icon,
.cookie-floating-btn {
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--st-forest);
}

.cookie-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.cookie-text h3 {
    margin: 0 0 4px;
    font-size: 1rem;
}

.cookie-text p {
    margin: 6px 0 0;
}

.cookie-actions,
.cookie-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cookie-btn {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--st-line-strong);
    border-radius: var(--st-radius);
    background: #fff;
    color: var(--st-forest);
    font-weight: 800;
    cursor: pointer;
}

.cookie-btn-primary {
    border-color: var(--st-forest);
    background: var(--st-forest);
    color: #fff;
}

.cookie-btn-secondary {
    background: var(--st-mist);
}

.cookie-close,
.cookie-modal-close {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: var(--st-radius);
    background: transparent;
    color: var(--st-muted);
    cursor: pointer;
}

.cookie-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.cookie-modal {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: none;
}

.cookie-modal.show {
    display: block;
}

.cookie-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(18, 33, 27, .5);
}

.cookie-modal-content {
    position: relative;
    z-index: 1;
    width: min(720px, calc(100vw - 28px));
    max-height: min(760px, calc(100vh - 28px));
    margin: 14px auto;
    overflow: auto;
    background: #fff;
}

.cookie-modal-header,
.cookie-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--st-line);
}

.cookie-modal-footer {
    justify-content: flex-end;
    border-top: 1px solid var(--st-line);
    border-bottom: 0;
}

.cookie-modal-header h2 {
    margin: 0;
    font-size: 1.35rem;
}

.cookie-modal-body {
    padding: 18px;
}

.cookie-category {
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    margin-top: 12px;
    background: var(--st-snow);
}

.cookie-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
}

.cookie-category-info h4,
.cookie-category-info p {
    margin: 0;
}

.cookie-category-info p {
    margin-top: 4px;
}

.cookie-toggle input {
    position: absolute;
    opacity: 0;
}

.toggle-label {
    display: block;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: var(--st-line-strong);
    cursor: pointer;
    position: relative;
}

.toggle-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--st-shadow-sm);
    transition: transform .18s ease;
}

.cookie-toggle input:checked + .toggle-label {
    background: var(--st-forest);
}

.cookie-toggle input:checked + .toggle-label .toggle-slider {
    transform: translateX(20px);
}

.cookie-floating-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    box-shadow: var(--st-shadow);
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: opacity .2s ease, transform .2s ease;
}

.cookie-floating-btn.show {
    opacity: 1;
    pointer-events: auto;
}

.cookie-floating-btn .tooltip {
    position: absolute;
    right: calc(100% + 10px);
    width: max-content;
    padding: 6px 9px;
    border-radius: 6px;
    background: var(--st-ink);
    color: #fff;
    font-size: .78rem;
    opacity: 0;
    pointer-events: none;
}

.cookie-floating-btn:hover .tooltip {
    opacity: 1;
}

/* Utility compatibility */
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-50 { margin-bottom: 50px !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.d-none { display: none !important; }

[v-cloak],
[x-cloak],
[wire\:cloak] {
    display: none !important;
}

@media (max-width: 1199px) {
    .hsj-nav-list,
    .hsj-nav-phone,
    .hsj-user-menu,
    .hsj-nav-divider {
        display: none;
    }

    .hsj-hamburger {
        display: inline-grid;
    }

    .hsj-nav {
        justify-content: space-between;
    }
}

@media (max-width: 900px) {
    .st-footer-panels,
    .st-footer-main {
        grid-template-columns: 1fr;
    }

    .st-footer-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .st-footer-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .st-footer-cta,
    .st-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .st-footer-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.frontend-page {
        font-size: 15px;
    }

    .container {
        width: min(100% - 24px, var(--st-container));
    }

    .hsj-top-bar-inner,
    .hsj-util {
        display: none;
    }

    .hsj-top-bar {
        display: block;
        padding: 0;
        min-height: 0;
    }

    .hsj-top-bar-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 42px;
        padding: 7px 12px;
        background: var(--st-forest);
    }

    .hsj-top-bar-mobile-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
    }

    .hsj-nav {
        min-height: 64px;
        padding: 0 12px;
    }

    .hsj-logo-img {
        max-width: 152px;
        max-height: 42px;
    }

    .hsj-nav-plan {
        display: none;
    }

    .cookie-content {
        grid-template-columns: 1fr;
        padding-right: 46px;
    }

    .cookie-actions,
    .cookie-modal-footer {
        display: grid;
    }

    .section-header,
    .luxury-header,
    .hsj-section-head,
    .st-section-head {
        display: block;
        width: min(100% - 24px, var(--st-container));
    }

    .page-template-content > section,
    .page-template-content > div:not(.hsj-modern-hero):not(.hsj-hero-section):not(.hero-section) {
        margin-block: 38px;
    }

    .main-content,
    .hsj-section,
    .st-section,
    .recommended-section,
    .testimonials-section,
    .support-section {
        padding-block: 38px;
    }

    .hsj-modern-hero,
    .hsj-hero-section,
    .hero-section,
    .st-hero,
    .v3-hero {
        min-height: 520px;
    }

    .card-content,
    .tour-card__content,
    .item-content,
    .hsj-listing-card-content,
    .luxuryv2-content,
    .big-slider-content {
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ==========================================
   Sarbatra Builder Tour Widgets
   ========================================== */
.hsj-builder-search,
.hsj-tour-widget {
    --widget-primary: var(--hsj-theme-primary, #0F6B55);
    --widget-secondary: var(--hsj-theme-secondary, #0D3F67);
    --widget-accent: var(--hsj-theme-accent, #E7A72F);
    --widget-heading: var(--hsj-theme-heading, #13243A);
    --widget-body: var(--hsj-theme-body, #5E6A78);
}

.hsj-builder-search {
    padding: 72px 0;
    background: linear-gradient(135deg, rgba(15, 107, 85, .08), rgba(231, 167, 47, .12));
}

.hsj-builder-search__shell {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(420px, 1fr);
    gap: 34px;
    align-items: center;
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid rgba(15, 107, 85, .14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 10%, rgba(231, 167, 47, .2), transparent 24%),
        #fff;
    box-shadow: 0 28px 70px rgba(19, 36, 58, .1);
}

.hsj-builder-search__eyebrow,
.hsj-tour-widget__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--widget-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hsj-builder-search__eyebrow::before,
.hsj-tour-widget__eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: var(--widget-accent);
}

.hsj-builder-search__copy h2,
.hsj-tour-widget__head h2 {
    margin: 0 0 12px;
    color: var(--widget-heading);
    font-family: Outfit, Poppins, sans-serif;
    font-size: clamp(30px, 4.5vw, 52px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: 0;
}

.hsj-builder-search__copy p,
.hsj-tour-widget__head p {
    max-width: 620px;
    margin: 0;
    color: var(--widget-body);
    font-size: 16px;
    line-height: 1.7;
}

.hsj-builder-search__panel,
.hsj-tour-widget__search {
    position: relative;
}

.hsj-builder-search__input,
.hsj-tour-widget__search-input {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border: 1px solid rgba(15, 107, 85, .14);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(19, 36, 58, .1);
}

.hsj-builder-search__input > i,
.hsj-tour-widget__search-input > i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(15, 107, 85, .1);
    color: var(--widget-primary);
    flex: 0 0 42px;
}

.hsj-builder-search__input input,
.hsj-tour-widget__search-input input {
    flex: 1;
    min-width: 0;
    min-height: 54px;
    border: 0;
    outline: 0;
    color: var(--widget-heading);
    font-size: 16px;
    font-weight: 650;
}

.hsj-builder-search__input button,
.hsj-tour-widget__search-input button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 0;
    border-radius: 14px;
    background: var(--widget-primary);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
    transition: transform .2s ease, background .2s ease;
}

.hsj-builder-search__input button:hover,
.hsj-tour-widget__search-input button:hover {
    background: var(--widget-secondary);
    transform: translateY(-1px);
}

.hsj-builder-search .version_search_3_results_container,
.hsj-tour-widget__search .version_search_3_results_container {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    z-index: 40;
    margin: 0;
    border: 1px solid rgba(15, 107, 85, .12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(19, 36, 58, .16);
    overflow: hidden;
}

.hsj-builder-search .version_search_3_results_header,
.hsj-tour-widget__search .version_search_3_results_header {
    display: none;
}

.hsj-builder-search .version_search_3_results_list,
.hsj-tour-widget__search .version_search_3_results_list {
    max-height: min(58vh, 520px);
    padding: 12px;
    overflow: auto;
}

.hsj-builder-search .hsj-search-section-label,
.hsj-tour-widget__search .hsj-search-section-label {
    padding: 8px 8px 10px;
    color: var(--widget-primary);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.hsj-builder-search .hsj-search-tour-item,
.hsj-builder-search .hsj-search-other-item,
.hsj-tour-widget__search .hsj-search-tour-item,
.hsj-tour-widget__search .hsj-search-other-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px;
    border-radius: 14px;
    color: var(--widget-heading);
    text-decoration: none;
}

.hsj-builder-search .hsj-search-tour-item:hover,
.hsj-builder-search .hsj-search-other-item:hover,
.hsj-tour-widget__search .hsj-search-tour-item:hover,
.hsj-tour-widget__search .hsj-search-other-item:hover {
    background: #f4f8f6;
    text-decoration: none;
}

.hsj-builder-search .hsj-search-thumb,
.hsj-tour-widget__search .hsj-search-thumb {
    width: 72px;
    height: 60px;
    flex: 0 0 72px;
    border-radius: 12px;
    overflow: hidden;
    background: #e9f0ec;
}

.hsj-builder-search .hsj-search-thumb img,
.hsj-tour-widget__search .hsj-search-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hsj-builder-search .hsj-search-info,
.hsj-tour-widget__search .hsj-search-info {
    flex: 1;
    min-width: 0;
}

.hsj-builder-search .hsj-search-title,
.hsj-tour-widget__search .hsj-search-title {
    color: var(--widget-heading);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.hsj-builder-search .hsj-search-category,
.hsj-tour-widget__search .hsj-search-category {
    color: #8a5b08;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hsj-builder-search .hsj-search-meta,
.hsj-tour-widget__search .hsj-search-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
    color: var(--widget-body);
    font-size: 12px;
}

.hsj-builder-search .hsj-search-price,
.hsj-tour-widget__search .hsj-search-price {
    display: grid;
    gap: 2px;
    justify-items: end;
    white-space: nowrap;
}

.hsj-builder-search .hsj-search-price-from,
.hsj-tour-widget__search .hsj-search-price-from {
    color: var(--widget-body);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.hsj-builder-search .hsj-search-price-amount,
.hsj-tour-widget__search .hsj-search-price-amount {
    color: var(--widget-primary);
    font-size: 14px;
    font-weight: 900;
}

.hsj-builder-search .hsj-search-footer,
.hsj-tour-widget__search .hsj-search-footer {
    padding-top: 10px;
    border-top: 1px solid #edf2f0;
}

.hsj-builder-search .hsj-search-see-all,
.hsj-tour-widget__search .hsj-search-see-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border-radius: 14px;
    background: var(--widget-heading);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.hsj-tour-widget {
    padding: 76px 0;
    background: #fff;
}

.hsj-tour-widget__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.hsj-tour-widget__link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border: 1px solid rgba(15, 107, 85, .2);
    border-radius: 999px;
    color: var(--widget-heading);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.hsj-tour-widget__link:hover {
    background: var(--widget-primary);
    border-color: var(--widget-primary);
    color: #fff;
    text-decoration: none;
}

.hsj-tour-widget__search {
    max-width: 820px;
    margin: -4px 0 28px;
}

.hsj-tour-widget__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.hsj-tour-widget__featured {
    display: grid;
    grid-template-columns: 1.12fr .88fr .88fr;
    gap: 22px;
}

.hsj-tour-widget__featured .hsj-tour-card--featured {
    grid-row: span 2;
}

.hsj-tour-widget__list {
    display: grid;
    gap: 14px;
}

.hsj-tour-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(15, 107, 85, .12);
    border-radius: 18px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 18px 44px rgba(19, 36, 58, .08);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.hsj-tour-card:hover {
    transform: translateY(-5px);
    border-color: rgba(15, 107, 85, .28);
    box-shadow: 0 26px 60px rgba(19, 36, 58, .13);
    color: inherit;
    text-decoration: none;
}

.hsj-tour-card__media {
    position: relative;
    aspect-ratio: 1.28 / .86;
    background: #e9f0ec;
    overflow: hidden;
}

.hsj-tour-card__media img,
.hsj-tour-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .55s ease;
}

.hsj-tour-card:hover .hsj-tour-card__media img {
    transform: scale(1.05);
}

.hsj-tour-card__placeholder {
    background: linear-gradient(135deg, var(--widget-primary), var(--widget-secondary));
}

.hsj-tour-card__badge {
    position: absolute;
    left: 14px;
    top: 14px;
    max-width: calc(100% - 28px);
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: var(--widget-heading);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hsj-tour-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px;
}

.hsj-tour-card__location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--widget-primary);
    font-size: 12px;
    font-weight: 800;
}

.hsj-tour-card h3 {
    margin: 0 0 14px;
    color: var(--widget-heading);
    font-family: Outfit, Poppins, sans-serif;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.28;
    letter-spacing: 0;
}

.hsj-tour-card__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 18px;
}

.hsj-tour-card__facts span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    border-radius: 11px;
    background: #f4f8f6;
    color: var(--widget-body);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
}

.hsj-tour-card__facts i {
    color: var(--widget-primary);
    flex: 0 0 auto;
}

.hsj-tour-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #edf2f0;
}

.hsj-tour-card__footer small {
    display: block;
    color: var(--widget-body);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.hsj-tour-card__footer strong {
    color: var(--widget-primary);
    font-size: 18px;
    font-weight: 900;
}

.hsj-tour-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--widget-heading);
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.hsj-tour-card--featured .hsj-tour-card__media {
    aspect-ratio: 1 / 1.02;
}

.hsj-tour-card--featured h3 {
    font-size: clamp(22px, 2.8vw, 30px);
}

.hsj-tour-card--compact {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 0;
}

.hsj-tour-card--compact .hsj-tour-card__media {
    aspect-ratio: auto;
    min-height: 190px;
}

.hsj-tour-card--compact .hsj-tour-card__facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hsj-tour-widget__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 170px;
    border: 1px dashed rgba(15, 107, 85, .24);
    border-radius: 18px;
    background: #f8fbf9;
    color: var(--widget-body);
    font-weight: 750;
    text-align: center;
}

@media (max-width: 1100px) {
    .hsj-builder-search__shell,
    .hsj-tour-widget__featured {
        grid-template-columns: 1fr;
    }

    .hsj-tour-widget__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hsj-tour-widget__featured .hsj-tour-card--featured {
        grid-row: auto;
    }
}

@media (max-width: 760px) {
    .hsj-builder-search,
    .hsj-tour-widget {
        padding: 52px 0;
    }

    .hsj-builder-search__shell {
        padding: 22px;
    }

    .hsj-tour-widget__head {
        display: block;
    }

    .hsj-tour-widget__link {
        margin-top: 18px;
    }

    .hsj-tour-widget__grid {
        grid-template-columns: 1fr;
    }

    .hsj-tour-card--compact {
        display: flex;
    }

    .hsj-tour-card--compact .hsj-tour-card__media {
        min-height: 0;
        aspect-ratio: 1.28 / .86;
    }

    .hsj-tour-card--compact .hsj-tour-card__facts,
    .hsj-tour-card__facts {
        grid-template-columns: 1fr;
    }

    .hsj-builder-search__input {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .hsj-builder-search__input input {
        flex-basis: calc(100% - 54px);
    }

    .hsj-builder-search__input button {
        width: 100%;
    }
}

/*
 * Sarbatra editorial refresh inspired by the supplied reference.
 * Keep this late in the cascade so legacy module CSS inherits the new visual
 * system without requiring every page-builder block to be rebuilt.
 */
:root {
    /* --st-ink/--st-ink-soft/--st-muted/--st-forest/--st-forest-2/--st-river/
       --st-sun/--st-clay/--hsj-theme-* are intentionally NOT redeclared here —
       Layout/parts/custom-css.blade.php is their sole owner (admin theme colors) */
    --st-line: rgba(31, 24, 21, .13);
    --st-line-strong: rgba(31, 24, 21, .22);
    --st-paper: #fffaf0;
    --st-mist: #f4efe5;
    --st-snow: #fffdf7;
    --st-leaf: #718f68;
    --st-charcoal: #3b312e;
    --st-shadow-sm: 0 6px 18px rgba(31, 24, 21, .08);
    --st-shadow: 0 18px 48px rgba(31, 24, 21, .12);
    --st-shadow-lg: 0 28px 70px rgba(31, 24, 21, .18);
    --st-font-display: "Oswald", "Outfit", "Poppins", system-ui, sans-serif;
}

body.frontend-page {
    background:
        linear-gradient(135deg, transparent 0 58%, rgba(255, 122, 69, .08) 58% 72%, transparent 72%),
        repeating-linear-gradient(115deg, rgba(31, 24, 21, .025) 0 1px, transparent 1px 18px),
        var(--st-paper) !important;
    color: var(--st-ink);
}

body.frontend-page a {
    color: var(--st-forest);
}

body.frontend-page a:hover {
    color: var(--st-clay);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.st-heading,
.hero-title-v2,
.hsj-modern-title,
.hsj-tour-widget__title,
.hsj-builder-search__title {
    color: var(--st-ink);
    font-family: var(--st-font-display);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

p,
.text-muted,
.st-muted,
.tour-meta,
.item-meta,
.location-info,
.author-role {
    color: var(--st-ink-soft) !important;
}

.hsj-top-bar,
.hsj-util {
    background: var(--st-charcoal) !important;
    color: rgba(255, 250, 240, .88) !important;
}

.hsj-nav {
    border-bottom: 1px solid rgba(31, 24, 21, .1) !important;
    background: rgba(255, 250, 240, .94) !important;
    box-shadow: 0 10px 30px rgba(31, 24, 21, .08) !important;
    backdrop-filter: blur(18px);
}

.hsj-nav-btn,
.hsj-nav-phone,
.hsj-user-toggle {
    color: var(--st-ink) !important;
    font-family: "Outfit", "Poppins", system-ui, sans-serif;
    font-weight: 800;
}

.hsj-nav-btn:hover,
.hsj-nav-phone:hover,
.hsj-user-toggle:hover {
    color: var(--st-clay) !important;
}

.hsj-nav-plan,
.btn-primary,
.theme-btn,
.button.-blue-1,
.btn-hsj--primary,
.v3-btn-book-now,
.cta-button,
.btn-teaser {
    border-color: var(--st-clay) !important;
    background: var(--st-clay) !important;
    color: #fffaf0 !important;
    box-shadow: 0 16px 34px rgba(255, 122, 69, .24) !important;
}

.hsj-nav-plan:hover,
.btn-primary:hover,
.theme-btn:hover,
.button.-blue-1:hover,
.btn-hsj--primary:hover,
.v3-btn-book-now:hover,
.cta-button:hover,
.btn-teaser:hover {
    border-color: var(--st-charcoal) !important;
    background: var(--st-charcoal) !important;
    color: #fffaf0 !important;
}

.hsj-section-badge,
.st-eyebrow,
.hdt__eyebrow,
.htp__tab.is-active,
.pick-rating span,
.hsj-card-badge,
.hso-card__sel-badge,
.tt-badge {
    color: var(--st-clay) !important;
}

.hsj-section-badge {
    border: 1px solid rgba(255, 122, 69, .2) !important;
    border-radius: 0 !important;
    background: rgba(255, 122, 69, .08) !important;
    font-family: "Outfit", "Poppins", system-ui, sans-serif;
    letter-spacing: .16em !important;
}

.card,
.st-card,
.hso-card,
.hsj-card,
.hero-feature-card,
.hsj-step-card,
.hsj-partner-form-card,
.hsj-tour-card,
.item-loop,
.item-tour,
.booking-form,
.sidebar-widget,
.st-footer-panel,
.st-footer-recommended {
    border: 1px solid var(--st-line) !important;
    border-radius: 8px !important;
    background-color: rgba(255, 253, 247, .92) !important;
    box-shadow: var(--st-shadow-sm) !important;
}

.hsj-tour-card {
    overflow: hidden;
    background:
        linear-gradient(180deg, #fffdf7, #f8f0e6) !important;
}

.hsj-tour-card__media {
    background: #e9dfd1 !important;
}

.hsj-tour-card__badge {
    border-radius: 0 !important;
    background: var(--st-clay) !important;
    color: #fffaf0 !important;
}

.hsj-tour-card__location,
.hsj-tour-card__facts i,
.hsj-tour-card__footer strong {
    color: var(--st-clay) !important;
}

.hsj-tour-card__facts span {
    border: 1px solid rgba(31, 24, 21, .08) !important;
    border-radius: 0 !important;
    background: rgba(255, 250, 240, .74) !important;
}

.hsj-tour-card__footer {
    border-top-color: var(--st-line) !important;
}

.hsj-builder-search,
.hsj-tour-widget,
.page-template-content > section,
.page-template-content > div {
    background-color: transparent;
}

.hsj-builder-search__shell,
.hsj-tour-widget__shell,
.bravo-list-tour,
.bravo-list-locations,
.bravo-list-news {
    border-radius: 8px !important;
}

.st-footer-trust {
    background: var(--st-paper) !important;
}

.st-footer {
    background: var(--st-charcoal) !important;
    color: rgba(255, 250, 240, .82) !important;
}

.st-footer h2,
.st-footer h3,
.st-footer p,
.st-footer a,
.st-footer span,
.st-footer address {
    color: inherit;
}

.st-footer-cta,
.st-footer-main {
    border-color: rgba(255, 250, 240, .14) !important;
}

.st-footer-btn-primary {
    background: var(--st-clay) !important;
    color: #fffaf0 !important;
}

.st-footer-btn-secondary {
    border-color: rgba(255, 250, 240, .24) !important;
    color: #fffaf0 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--st-clay) !important;
    box-shadow: 0 0 0 3px rgba(255, 122, 69, .16) !important;
}

@media (max-width: 760px) {
    .hsj-nav {
        min-height: 64px;
    }

    h1,
    .hero-title-v2,
    .hsj-modern-title {
        font-size: clamp(2.35rem, 13vw, 4.2rem) !important;
    }
}

/* === Section 2: search popup polish (from enhanced-search.css) === */
/* Enhanced Search Styles */

/* Search Input Container */
.search__input {
    position: relative;
}

/* Suggestions Container */
.enhanced-search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

/* Suggestions Header */
.suggestions-header {
    padding: 8px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Suggestion Items */
.suggestion-item {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f4;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.suggestion-item:hover,
.suggestion-item.active {
    background: #f8f9fa;
    border-left: 3px solid var(--hsj-theme-primary, #0056b3);
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-content {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.suggestion-icon {
    color: #6c757d;
    font-size: 14px;
    width: 16px;
    text-align: center;
}

.suggestion-text {
    flex: 1;
    font-size: 14px;
    color: #333;
}

.suggestion-text strong {
    color: var(--hsj-theme-primary, #0056b3);
    font-weight: 600;
}

.suggestion-original {
    font-size: 12px;
    color: #6c757d;
    font-style: italic;
}

/* Suggestion Types */
.suggestion-correction {
    background: #fff3cd;
    border-left: 3px solid #ffc107;
}

.suggestion-correction:hover {
    background: #ffeaa7;
}

.suggestion-history .suggestion-icon {
    color: #28a745;
}

.suggestion-tour .suggestion-icon {
    color: #0056b3;
}

.suggestion-location .suggestion-icon {
    color: #dc3545;
}

/* Search Results Container */
.version_search_3_results_container {
    margin-top: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.version_search_3_results_header {
    padding: 20px;
    background: linear-gradient(135deg, var(--hsj-theme-primary, #0056b3), var(--hsj-theme-secondary, #0056b3));
    color: white;
}

.version_search_3_results_count {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 5px;
}

.version_search_3_results_title {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.version_search_3_results_list {
    padding: 20px;
}

/* Spell Corrections */
.spell-correction {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.correction-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #856404;
}

.correction-message i {
    color: #ffc107;
}

.correction-link {
    color: var(--hsj-theme-primary, #0056b3);
    text-decoration: none;
    font-weight: 600;
}

.correction-link:hover {
    text-decoration: underline;
}

.original-query {
    color: #6c757d;
    font-style: italic;
}

/* Search Results */
.search-result {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    background: white;
}

.search-result:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.result-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.result-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    flex: 1;
}

.result-link {
    color: var(--hsj-theme-primary, #0056b3);
    text-decoration: none;
}

.result-link:hover {
    text-decoration: underline;
}

.result-link strong {
    background: rgba(255, 193, 7, 0.3);
    padding: 1px 2px;
    border-radius: 2px;
}

.result-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.result-type {
    background: var(--hsj-theme-primary, #0056b3);
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.result-type.tour {
    background: #28a745;
}

.result-type.location {
    background: #dc3545;
}

.result-type.news {
    background: #ffc107;
    color: #333;
}

.match-info {
    color: #6c757d;
    cursor: help;
}

.result-score {
    background: #f8f9fa;
    color: #495057;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.result-description {
    margin: 10px 0 0 0;
    color: #6c757d;
    line-height: 1.5;
}

.result-description strong {
    background: rgba(255, 193, 7, 0.3);
    padding: 1px 2px;
    border-radius: 2px;
    color: #333;
}

/* Search Suggestions */
.search-suggestions {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.suggestions-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 10px;
}

.suggestions-title i {
    color: #ffc107;
}

.suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.suggestion-tag {
    background: white;
    color: var(--hsj-theme-primary, #0056b3);
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 13px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
}

.suggestion-tag:hover {
    background: var(--hsj-theme-primary, #0056b3);
    color: white;
    transform: translateY(-1px);
}

/* No Results */
.no-results {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.no-results-content i {
    font-size: 48px;
    color: #dee2e6;
    margin-bottom: 20px;
}

.no-results-content h3 {
    color: #495057;
    margin-bottom: 10px;
}

.search-tips {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    text-align: left;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.search-tips h4 {
    color: #495057;
    margin-bottom: 10px;
    font-size: 16px;
}

.search-tips ul {
    margin: 0;
    padding-left: 20px;
}

.search-tips li {
    margin-bottom: 5px;
    color: #6c757d;
}

/* Search Error */
.search-error {
    text-align: center;
    padding: 30px;
    color: #dc3545;
}

.search-error i {
    font-size: 36px;
    margin-bottom: 15px;
}

/* Loading State */
#searchLoading {
    display: none;
    text-align: center;
    padding: 20px;
}

.search-loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid var(--hsj-theme-primary, #0056b3);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .enhanced-search-suggestions {
        max-height: 250px;
    }

    .suggestion-item {
        padding: 10px 12px;
    }

    .result-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .result-meta {
        flex-wrap: wrap;
    }

    .search-result {
        padding: 15px;
    }

    .suggestions-list {
        justify-content: center;
    }

    .search-tips {
        margin-top: 15px;
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .version_search_3_results_header {
        padding: 15px;
    }

    .version_search_3_results_title {
        font-size: 20px;
    }

    .version_search_3_results_list {
        padding: 15px;
    }

    .suggestion-content {
        gap: 8px;
    }

    .suggestion-text {
        font-size: 13px;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .enhanced-search-suggestions {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }

    .suggestions-header {
        background: #1a202c;
        color: #a0aec0;
    }

    .suggestion-item:hover,
    .suggestion-item.active {
        background: #4a5568;
    }

    .search-result {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }

    .result-link {
        color: #63b3ed;
    }

    .search-suggestions {
        background: #1a202c;
    }

    .suggestion-tag {
        background: #2d3748;
        border-color: #4a5568;
        color: #63b3ed;
    }

    .search-tips {
        background: #1a202c;
    }
}

/* Overlay Styles */
.search-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    /* Below popup (usually 1000+) */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Show overlay when sibling popup is open */
.hsj-search-open .search-popup-overlay,
.search__popup.search-opened~.search-popup-overlay {
    opacity: 1;
    visibility: visible;
}

/* Sarbatra popup search result polish */
.search__popup {
    --search-primary: var(--hsj-theme-primary, #0F6B55);
    --search-secondary: var(--hsj-theme-secondary, #0D3F67);
    --search-accent: var(--hsj-theme-accent, #E7A72F);
    --search-heading: var(--hsj-theme-heading, #13243A);
    --search-body: var(--hsj-theme-body, #5E6A78);
}

.search__popup .search__wrapper {
    max-width: 980px;
    margin: 0 auto;
}

.search__popup .search__form {
    margin: 0 auto;
    max-width: 860px;
}

.search__popup .search__input {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border: 1px solid rgba(15, 107, 85, .16);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(19, 36, 58, .1);
}

.search__popup .search__input input.ajax-search-input {
    min-height: 58px;
    border: 0;
    outline: 0;
    color: var(--search-heading);
    font-size: 18px;
    font-weight: 600;
    background: transparent;
}

.search__popup .search__input input.ajax-search-input::placeholder {
    color: #94a3b8;
}

.search__popup .search__input button,
.search__popup .search__btn {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 14px;
    border: 0;
    background: var(--search-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, background .2s ease;
}

.search__popup .search__input button:hover,
.search__popup .search__btn:hover {
    background: var(--search-secondary);
    transform: translateY(-1px);
}

.search__popup .version_search_3_results_container {
    max-width: 860px;
    margin: 18px auto 0;
    border: 1px solid rgba(15, 107, 85, .12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 26px 70px rgba(19, 36, 58, .16);
    overflow: hidden;
}

.search__popup .version_search_3_results_header {
    display: none;
}

.search__popup .version_search_3_results_list {
    padding: 12px;
    max-height: min(58vh, 560px);
    overflow-y: auto;
}

.search__popup .hsj-search-section {
    padding: 8px 0;
}

.search__popup .hsj-search-section + .hsj-search-section {
    border-top: 1px solid #edf2f0;
}

.search__popup .hsj-search-section-label {
    padding: 8px 8px 10px;
    color: var(--search-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.search__popup .hsj-search-tour-item,
.search__popup .hsj-search-other-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px;
    border-radius: 14px;
    color: var(--search-heading);
    text-decoration: none;
    transition: background .18s ease, transform .18s ease;
}

.search__popup .hsj-search-tour-item:hover,
.search__popup .hsj-search-other-item:hover {
    background: #f4f8f6;
    transform: translateX(2px);
    text-decoration: none;
}

.search__popup .hsj-search-thumb {
    width: 74px;
    height: 62px;
    border-radius: 12px;
    overflow: hidden;
    flex: 0 0 74px;
    background: #e9f0ec;
}

.search__popup .hsj-search-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search__popup .hsj-search-thumb--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__popup .hsj-search-info {
    flex: 1;
    min-width: 0;
}

.search__popup .hsj-search-category {
    margin-bottom: 3px;
    color: #8a5b08;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.search__popup .hsj-search-title {
    color: var(--search-heading);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.search__popup mark {
    padding: 0 2px;
    border-radius: 4px;
    background: rgba(231, 167, 47, .28);
    color: inherit;
}

.search__popup .hsj-search-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: var(--search-body);
    font-size: 12px;
}

.search__popup .hsj-search-meta svg {
    vertical-align: -1px;
}

.search__popup .hsj-search-price {
    display: grid;
    gap: 2px;
    justify-items: end;
    padding-left: 8px;
    white-space: nowrap;
}

.search__popup .hsj-search-price-from {
    color: var(--search-body);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.search__popup .hsj-search-price-amount {
    color: var(--search-primary);
    font-size: 14px;
    font-weight: 900;
}

.search__popup .hsj-search-other-icon {
    width: 34px;
    height: 34px;
    padding: 9px;
    border-radius: 10px;
    background: rgba(15, 107, 85, .1);
    color: var(--search-primary);
    flex: 0 0 34px;
}

.search__popup .hsj-search-footer {
    padding: 10px 0 2px;
    border-top: 1px solid #edf2f0;
}

.search__popup .hsj-search-see-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border-radius: 14px;
    background: var(--search-heading);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.search__popup .hsj-search-see-all:hover {
    background: var(--search-primary);
    color: #fff;
    text-decoration: none;
}

.search__popup .hsj-search-loading,
.search__popup .hsj-search-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 86px;
    color: var(--search-body);
    font-weight: 700;
}

@media (max-width: 640px) {
    .search__popup .search__wrapper {
        padding: 0 14px;
    }

    .search__popup .search__input {
        border-radius: 16px;
    }

    .search__popup .search__input input.ajax-search-input {
        min-height: 50px;
        font-size: 15px;
    }

    .search__popup .search__input button,
    .search__popup .search__btn {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 12px;
    }

    .search__popup .version_search_3_results_list {
        max-height: 62vh;
    }

    .search__popup .hsj-search-tour-item {
        align-items: flex-start;
    }

    .search__popup .hsj-search-thumb {
        width: 62px;
        height: 56px;
        flex-basis: 62px;
    }

    .search__popup .hsj-search-price {
        display: none;
    }
}

/* === Section 3: reference redesign — nav/footer/homepage sections (from sarbatra-reference.css) === */
/*
 * Sarbatra reference redesign.
 * Loaded after page-builder CSS and scoped to existing Sarbatra classes.
 */
:root {
    --sr-paper: var(--hsj-theme-warm, #fff7eb);
    --sr-paper-2: #f1eadf;
    --sr-ink: var(--hsj-theme-heading, #302724);
    --sr-charcoal: #403633;
    --sr-charcoal-2: #2b2421;
    --sr-orange: #ff7b4a;
    --sr-orange-dark: #e95e2c;
    --sr-blue: #5eb1e5;
    --sr-muted: var(--hsj-theme-body, #756961);
    --sr-line: rgba(48, 39, 36, .14);
    --sr-contours: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 420' fill='none'%3E%3Cg stroke='%23d7c9b6' stroke-width='1.1' opacity='.42'%3E%3Cpath d='M-40 104C74 22 164 20 270 82s202 80 350 12 206-18 246 58'/%3E%3Cpath d='M-26 166C82 86 180 74 286 128s206 76 340 10 198-18 234 62'/%3E%3Cpath d='M-34 230C74 162 174 140 292 188s222 62 344 8 184-18 218 56'/%3E%3Cpath d='M-20 292C96 226 210 214 322 252s206 52 320 12 170-8 210 62'/%3E%3Cpath d='M24 364C134 304 230 296 350 326s196 36 300 6 148 0 188 52'/%3E%3C/g%3E%3Cg stroke='%23ff7b4a' stroke-width='1' opacity='.18'%3E%3Cpath d='M132 34c52 36 106 42 166 18s116-16 170 20'/%3E%3Cpath d='M82 118c64 34 130 36 198 8s132-16 194 18'/%3E%3Cpath d='M464 232c64-42 132-48 204-18s122 22 166-12'/%3E%3C/g%3E%3C/svg%3E");
}

.page-template-content--home,
.st-home {
    color: var(--sr-ink) !important;
    font-family: "Outfit", "Poppins", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.frontend-page #phpdebugbar,
body.frontend-page .phpdebugbar,
body.frontend-page .phpdebugbar-openhandler,
body.frontend-page .phpdebugbar-minimized,
body.frontend-page [class*="phpdebugbar"] {
    display: none !important;
    visibility: hidden !important;
}

.page-template-content--home a,
.st-home a {
    text-decoration: none;
}

.page-template-content--home .container,
.page-template-content--home .st-container,
.st-home .container,
.st-home .st-container {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
}

.hsj-top-bar,
.hsj-top-bar-mobile {
    background: var(--sr-charcoal-2) !important;
    color: rgba(255, 247, 235, .82) !important;
    border: 0 !important;
    min-height: 38px !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.hsj-top-bar a,
.hsj-top-bar span,
.hsj-top-bar-promo-text,
.hsj-topbar-phone,
.hsj-chatnow-btn {
    color: rgba(255, 247, 235, .86) !important;
}

.hsj-top-bar-promo {
    color: var(--sr-orange) !important;
}

.hsj-top-bar-deal-btn,
.hsj-chatnow-btn,
.hsj-chatnow-btn--sm {
    border-radius: 0 !important;
    background: var(--sr-orange) !important;
    border: 1px solid var(--sr-orange) !important;
    color: var(--sr-charcoal-2) !important;
    box-shadow: none !important;
}

.hsj-nav.st-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    min-height: 68px !important;
    padding: 0 clamp(16px, 4vw, 58px) !important;
    background: rgba(48, 39, 36, .96) !important;
    border-bottom: 1px solid rgba(255, 247, 235, .12) !important;
    box-shadow: 0 12px 40px rgba(31, 24, 21, .16) !important;
}

.hsj-logo.st-header-logo {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 150px !important;
    color: var(--sr-paper) !important;
}

.hsj-logo-img,
.st-footer-logo img,
.hsj-drw-logo img {
    display: none !important;
}

.hsj-logo.st-header-logo::before,
.st-footer-logo::before,
.hsj-drw-logo::before {
    content: "Pyrénées Népal" !important;
    display: block !important;
    font-family: "Oswald", "Outfit", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: .95 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    color: var(--sr-paper) !important;
}

.hsj-logo.st-header-logo::after {
    content: "Trek & Trails" !important;
    display: block !important;
    margin-left: 8px !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(255, 247, 235, .25) !important;
    color: rgba(255, 247, 235, .68) !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
}

.hsj-nav.st-header .hsj-logo.st-header-logo::before {
    color: var(--sr-orange) !important;
}

.hsj-nav.st-header .hsj-logo.st-header-logo::after {
    border-left-color: rgba(48, 39, 36, .22) !important;
    color: rgba(48, 39, 36, .66) !important;
}

.st-footer-logo::before,
.hsj-drw-logo::before {
    color: var(--sr-paper) !important;
}

.hsj-nav-list {
    gap: clamp(14px, 2vw, 26px) !important;
}

.hsj-nav-btn,
.hsj-nav-phone,
.st-header-currency,
.hsj-nav-search-btn {
    color: rgba(255, 247, 235, .88) !important;
    background: transparent !important;
    border-color: rgba(255, 247, 235, .18) !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

.hsj-nav-btn:hover,
.hsj-nav-phone:hover,
.st-header-currency:hover,
.hsj-nav-search-btn:hover {
    color: var(--sr-orange) !important;
}

.hsj-nav-plan,
.hsj-drw-plan,
.page-template-content--home .st-btn,
.page-template-content--home .hsj-about__btn,
.page-template-content--home .hsj-btn-outline,
.hb26__search-btn,
.st-footer-btn {
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-weight: 800 !important;
}

.hsj-nav-plan {
    background: var(--sr-orange) !important;
    color: var(--sr-charcoal-2) !important;
    border: 1px solid var(--sr-orange) !important;
    padding: 14px 18px !important;
    box-shadow: none !important;
}

.hsj-nav-plan:hover {
    background: var(--sr-paper) !important;
    color: var(--sr-charcoal-2) !important;
}

.hsj-hamburger span {
    background: var(--sr-paper) !important;
}

.hsj-drawer,
.hsj-region-dialog {
    background: var(--sr-paper) !important;
    border-radius: 0 !important;
    color: var(--sr-ink) !important;
}

.page-template-content--home {
    overflow: hidden !important;
    background:
        var(--sr-contours),
        linear-gradient(148deg, transparent 0 32%, rgba(255, 123, 74, .92) 32% 47%, transparent 47% 100%),
        repeating-linear-gradient(115deg, rgba(48, 39, 36, .025) 0 1px, transparent 1px 22px),
        var(--sr-paper) !important;
    background-size: 760px auto, auto, auto, auto !important;
    background-position: center 740px, center top, center top, center top !important;
}

.hb26 {
    /* no overflow:hidden here — .hb26__features intentionally floats half
       outside this section via translateY(50%); clipping it cuts the text.
       The ghost-text pseudo-elements below already stay within bounds via
       their own bottom/right offsets, so no separate containment is needed. */
    min-height: clamp(560px, 78vh, 760px) !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    background:
        linear-gradient(90deg, rgba(37, 30, 27, .92) 0%, rgba(37, 30, 27, .74) 40%, rgba(37, 30, 27, .1) 78%),
        linear-gradient(180deg, rgba(37, 30, 27, .15), rgba(37, 30, 27, .72)),
        url("/themes/sarbatra/assets/img/banner/banner.png") center/cover no-repeat !important;
    border: 0 !important;
}

.hb26::before {
    content: "" !important;
    position: absolute !important;
    right: -8vw !important;
    bottom: -20vh !important;
    width: 58vw !important;
    height: 58vh !important;
    background: var(--sr-orange) !important;
    transform: skewY(-28deg) !important;
    z-index: 2 !important;
    opacity: .94 !important;
    pointer-events: none !important;
}

.hb26::after {
    content: "SINCE 2008" !important;
    position: absolute !important;
    left: clamp(18px, 6vw, 94px) !important;
    bottom: clamp(112px, 15vh, 160px) !important;
    z-index: 3 !important;
    pointer-events: none !important;
    font-family: "Oswald", "Outfit", sans-serif !important;
    /* scaled down with the hero title so it no longer collides with content */
    font-size: clamp(2rem, 4.5vw, 4rem) !important;
    font-weight: 700 !important;
    line-height: .85 !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(255, 123, 74, .58) !important;
    text-stroke: 1px rgba(255, 123, 74, .58) !important;
    letter-spacing: 0 !important;
}

.hb26__overlay,
.hb26__pattern {
    display: none !important;
}

.hb26__body {
    max-width: min(940px, calc(100% - 32px)) !important;
    margin: 0 auto 0 clamp(18px, 6vw, 94px) !important;
    padding: clamp(110px, 19vh, 190px) 0 clamp(58px, 9vh, 92px) !important;
    text-align: left !important;
}

.hb26__badge {
    border: 1px solid rgba(255, 247, 235, .22) !important;
    background: rgba(48, 39, 36, .68) !important;
    color: var(--sr-paper) !important;
    border-radius: 0 !important;
    padding: 9px 14px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.hb26__stars {
    color: var(--sr-orange) !important;
}

.hb26__title {
    max-width: 920px !important;
    margin: 0 0 18px !important;
    color: var(--sr-paper) !important;
    font-family: "Oswald", "Outfit", sans-serif !important;
    /* capped: 9vw/8.8rem rendered ~130px at 1440px and clipped out of the 600px hero */
    font-size: clamp(2.6rem, 5vw, 4.5rem) !important;
    font-weight: 700 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-wrap: balance !important;
}

.hb26__subtitle {
    max-width: 560px !important;
    margin: 0 0 26px !important;
    color: rgba(255, 247, 235, .86) !important;
    font-size: clamp(1rem, 1.3vw, 1.16rem) !important;
    line-height: 1.55 !important;
}

.hb26__search {
    max-width: 680px !important;
    margin: 0 0 16px !important;
}

.hb26__search-inner {
    border-radius: 0 !important;
    box-shadow: 18px 18px 0 rgba(255, 123, 74, .88) !important;
    border: 1px solid rgba(255, 247, 235, .18) !important;
}

.hb26__search-input {
    min-height: 58px !important;
    color: var(--sr-ink) !important;
    font-weight: 700 !important;
}

.hb26__search-btn {
    min-height: 58px !important;
    background: var(--sr-orange) !important;
    color: var(--sr-charcoal-2) !important;
}

.hb26__tag,
.hb26__tags-label {
    border-radius: 0 !important;
    color: rgba(255, 247, 235, .82) !important;
}

.hb26__tag {
    border-color: rgba(255, 247, 235, .26) !important;
    background: rgba(255, 247, 235, .08) !important;
}

.hb26__features {
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    transform: translateY(50%) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    border: 1px solid rgba(48, 39, 36, .12) !important;
    box-shadow: 0 22px 70px rgba(48, 39, 36, .18) !important;
}

.hb26__feat {
    min-height: 96px !important;
    background: var(--sr-paper) !important;
    border-color: rgba(48, 39, 36, .12) !important;
    padding: 22px !important;
}

.hb26__feat-icon {
    background: var(--sr-orange) !important;
    color: var(--sr-paper) !important;
    border-radius: 0 !important;
}

.hb26__feat-title {
    color: var(--sr-ink) !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
}

.hb26__feat-sub {
    color: var(--sr-muted) !important;
}

.page-template-content--home .py-80,
.page-template-content--home .htp,
.page-template-content--home .hdt,
.page-template-content--home .hsj-destinations,
.page-template-content--home .hsj-about {
    padding-top: clamp(78px, 9vw, 132px) !important;
    padding-bottom: clamp(78px, 9vw, 132px) !important;
}

.page-template-content--home .htp {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 56px !important;
    background:
        linear-gradient(180deg, rgba(255, 123, 74, .16) 0 74px, transparent 74px),
        var(--sr-contours),
        var(--sr-paper) !important;
    background-size: auto, 760px auto, auto !important;
    background-position: center top, center 16px, center top !important;
    color: var(--sr-ink) !important;
    isolation: isolate !important;
    /* sit above the hero's decorative skewed shape (.hb26::before, z-index 2) which
       bleeds -20vh below the hero and was painting over this section's title */
    z-index: 2 !important;
}

.page-template-content--home .htp::before {
    content: "LOCAL EXPERIENCES" !important;
    position: absolute !important;
    right: clamp(18px, 8vw, 120px) !important;
    top: 38px !important;
    z-index: 1 !important;
    font-family: "Oswald", sans-serif !important;
    /* scaled down with the section titles so it stays decorative, not colliding */
    font-size: clamp(2.4rem, 6vw, 5.5rem) !important;
    line-height: .84 !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(48, 39, 36, .12) !important;
    text-stroke: 1px rgba(48, 39, 36, .12) !important;
    text-transform: uppercase !important;
}

.page-template-content--home .htp::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(148deg, transparent 0 74%, rgba(255, 123, 74, .12) 74% 100%),
        repeating-linear-gradient(115deg, rgba(48, 39, 36, .028) 0 1px, transparent 1px 26px) !important;
}

.page-template-content--home .htp > .container,
.page-template-content--home .hdt > .container,
.page-template-content--home .hsj-destinations > .container,
.page-template-content--home .hsj-about > .container {
    position: relative !important;
    z-index: 2 !important;
}

.page-template-content--home .htp__header,
.page-template-content--home .hdt__header {
    align-items: flex-start !important;
    margin-bottom: clamp(30px, 5vw, 56px) !important;
}

.page-template-content--home .hsj-section-badge,
.page-template-content--home .hdt__eyebrow,
.page-template-content--home .st-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--sr-orange-dark) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.page-template-content--home .hsj-section-badge::after,
.page-template-content--home .hdt__eyebrow::after {
    content: "" !important;
    width: 52px !important;
    height: 1px !important;
    background: currentColor !important;
}

.page-template-content--home .htp__title,
.page-template-content--home .hdt__title,
.page-template-content--home .hsj-destinations__title,
.page-template-content--home .hsj-about__title,
.st-footer-cta h2 {
    color: var(--sr-ink) !important;
    font-family: "Oswald", "Outfit", sans-serif !important;
    /* capped: 6.8vw/6.2rem rendered ~98px at 1440px and wrapped 3-5 lines */
    font-size: clamp(1.9rem, 3.2vw, 2.75rem) !important;
    font-weight: 700 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.page-template-content--home .htp__subtitle,
.page-template-content--home .hdt__subtitle,
.page-template-content--home .hsj-destinations__subtitle,
.page-template-content--home .hsj-about__desc {
    color: var(--sr-muted) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

.page-template-content--home .htp__tabs {
    border-bottom: 1px solid var(--sr-line) !important;
    gap: 0 !important;
    /* tab row is wider than small viewports — scroll instead of overflowing the page */
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.page-template-content--home .htp__tabs::-webkit-scrollbar {
    display: none;
}

.page-template-content--home .htp__tab {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    color: var(--sr-muted) !important;
    padding: 12px 16px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.page-template-content--home .htp__tab.is-active {
    border-color: var(--sr-orange) !important;
    color: var(--sr-blue) !important;
    background: transparent !important;
}

.page-template-content--home .htp__grid,
.page-template-content--home .hdt__grid {
    gap: 24px !important;
}

.page-template-content--home .hsj-tour-card,
.page-template-content--home .st-tour-card,
.page-template-content--home .hdt__card,
.page-template-content--home .hsj-dest-card,
.page-template-content--home .st-blog-card,
.page-template-content--home .st-style-card,
.page-template-content--home .st-destination-card {
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--sr-paper) !important;
    border: 1px solid rgba(48, 39, 36, .12) !important;
    box-shadow: none !important;
}

.page-template-content--home .hsj-tour-card__media,
.page-template-content--home .st-tour-card__media {
    border-radius: 0 !important;
    aspect-ratio: 4 / 3 !important;
}

.page-template-content--home .hsj-tour-card__media img,
.page-template-content--home .st-tour-card__media img,
.page-template-content--home .hdt__card-img {
    filter: saturate(1.05) contrast(1.02) !important;
}

.page-template-content--home .hsj-tour-card__badge,
.page-template-content--home .st-tour-card__media span,
.page-template-content--home .hdt__price,
.page-template-content--home .hdt__dur {
    border-radius: 0 !important;
    background: var(--sr-orange) !important;
    color: var(--sr-paper) !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}

.page-template-content--home .hsj-tour-card__body {
    background: var(--sr-paper) !important;
    color: var(--sr-ink) !important;
}

.page-template-content--home .hsj-tour-card h3,
.page-template-content--home .st-tour-card h3,
.page-template-content--home .hdt__card h3 {
    color: var(--sr-ink) !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(1.55rem, 2.2vw, 2.2rem) !important;
    line-height: .98 !important;
    text-transform: uppercase !important;
}

.page-template-content--home .hdt {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, var(--sr-orange) 0 86px, transparent 86px),
        linear-gradient(148deg, transparent 0 47%, var(--sr-orange) 47% 100%),
        var(--sr-contours),
        linear-gradient(180deg, var(--sr-paper) 0%, #fffaf1 100%) !important;
    background-size: auto, auto, 760px auto, auto !important;
    background-position: center top, center top, center 56px, center top !important;
    isolation: isolate !important;
}

.page-template-content--home .hdt::before {
    content: "DESTINATIONS" !important;
    position: absolute !important;
    left: clamp(12px, 3vw, 52px) !important;
    bottom: 20px !important;
    z-index: 1 !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(255, 247, 235, .5) !important;
    text-stroke: 1px rgba(255, 247, 235, .5) !important;
    font-family: "Oswald", sans-serif !important;
    /* scaled down with the section titles so it stays decorative, not colliding */
    font-size: clamp(2.2rem, 7vw, 5.5rem) !important;
    line-height: .85 !important;
    text-transform: uppercase !important;
}

.page-template-content--home .hdt::after {
    content: "" !important;
    position: absolute !important;
    inset: 86px 0 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        var(--sr-contours),
        repeating-linear-gradient(115deg, rgba(48, 39, 36, .024) 0 1px, transparent 1px 28px) !important;
    background-size: 760px auto, auto !important;
    background-position: center top, center top !important;
    opacity: .8 !important;
}

.page-template-content--home .hdt__card {
    min-height: 340px !important;
    aspect-ratio: auto !important;
    background: var(--sr-charcoal) !important;
}

.page-template-content--home .hdt__grid > :nth-child(n+5) {
    display: none !important;
}

.page-template-content--home .hdt__card::after {
    background:
        linear-gradient(180deg, rgba(48, 39, 36, .02) 10%, rgba(48, 39, 36, .82)),
        linear-gradient(135deg, rgba(255, 123, 74, .25), transparent) !important;
}

.page-template-content--home .hdt__card h3 {
    color: var(--sr-paper) !important;
}

.page-template-content--home .hdt__tag,
.page-template-content--home .hdt__foot {
    color: rgba(255, 247, 235, .86) !important;
}

.page-template-content--home .hsj-destinations {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(14deg, transparent 0 64%, rgba(255, 123, 74, .18) 64% 100%),
        var(--sr-contours),
        var(--sr-paper) !important;
    background-size: auto, 760px auto, auto !important;
    background-position: center top, center 30px, center top !important;
}

.page-template-content--home .hsj-destinations__header {
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1180px !important;
}

.page-template-content--home .hsj-destinations__subtitle {
    margin-left: 0 !important;
}

.page-template-content--home .hsj-dest-card {
    min-height: 290px !important;
}

.page-template-content--home .hsj-dest-card__overlay {
    background:
        linear-gradient(180deg, rgba(48, 39, 36, .06), rgba(48, 39, 36, .9)),
        linear-gradient(135deg, rgba(255, 123, 74, .22), transparent) !important;
}

.page-template-content--home .hsj-dest-card__name {
    color: var(--sr-paper) !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(1.8rem, 3vw, 3rem) !important;
    line-height: .92 !important;
    text-transform: uppercase !important;
}

.page-template-content--home .hsj-about {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(145deg, transparent 0 66%, rgba(255, 247, 235, .9) 66% 100%),
        var(--sr-contours),
        var(--sr-orange) !important;
    background-size: auto, 760px auto, auto !important;
    background-position: center top, center 28px, center top !important;
    color: var(--sr-ink) !important;
}

.page-template-content--home .hsj-about__row {
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1fr) !important;
    gap: clamp(34px, 7vw, 88px) !important;
}

.page-template-content--home .hsj-about__image-wrap {
    position: relative !important;
    min-height: 520px !important;
}

.page-template-content--home .hsj-about__img-placeholder {
    width: 100% !important;
    height: 520px !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(48, 39, 36, .08), rgba(48, 39, 36, .18)),
        url("/themes/sarbatra/assets/img/chose/chose-2/thumb-1.jpg") center/cover no-repeat !important;
    box-shadow: 22px 22px 0 rgba(255, 247, 235, .9) !important;
}

.page-template-content--home .hsj-about__image-wrap::after {
    content: "CURATED BY LOCALS" !important;
    position: absolute !important;
    right: -44px !important;
    top: 52px !important;
    max-width: 360px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(2.2rem, 5vw, 5.2rem) !important;
    line-height: .86 !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(48, 39, 36, .32) !important;
    text-stroke: 1px rgba(48, 39, 36, .32) !important;
    text-transform: uppercase !important;
}

.page-template-content--home .hsj-about__img-stat {
    left: auto !important;
    right: -20px !important;
    bottom: 24px !important;
    border-radius: 0 !important;
    background: var(--sr-charcoal) !important;
    color: var(--sr-paper) !important;
    box-shadow: none !important;
}

.page-template-content--home .hsj-about__img-stat-num,
.page-template-content--home .hsj-about__img-stat-label {
    color: var(--sr-paper) !important;
}

.page-template-content--home .hsj-about__check {
    border-radius: 0 !important;
    background: var(--sr-paper) !important;
    color: var(--sr-orange-dark) !important;
}

.page-template-content--home .hsj-about__stats {
    border-color: rgba(48, 39, 36, .2) !important;
}

.page-template-content--home .hsj-about__stat-num {
    color: var(--sr-ink) !important;
    font-family: "Oswald", sans-serif !important;
}

.page-template-content--home .hsj-about__btn,
.page-template-content--home .hsj-btn-outline,
.page-template-content--home .st-btn--primary {
    background: var(--sr-paper) !important;
    color: var(--sr-ink) !important;
    border: 1px solid var(--sr-ink) !important;
    box-shadow: none !important;
}

.page-template-content--home .hsj-about__btn:hover,
.page-template-content--home .hsj-btn-outline:hover,
.page-template-content--home .st-btn--primary:hover {
    background: var(--sr-ink) !important;
    color: var(--sr-paper) !important;
}

.st-footer {
    background: var(--sr-charcoal) !important;
    color: rgba(255, 247, 235, .76) !important;
}

.st-footer-cta,
.st-footer-main,
.st-footer-bottom {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
    border-color: rgba(255, 247, 235, .14) !important;
}

.st-footer-cta {
    background:
        linear-gradient(137deg, var(--sr-charcoal) 0 52%, var(--sr-orange) 52% 100%) !important;
    border-radius: 0 !important;
    color: var(--sr-paper) !important;
}

.st-footer-cta h2 {
    color: var(--sr-paper) !important;
}

.st-footer-btn-primary {
    background: var(--sr-paper) !important;
    color: var(--sr-ink) !important;
}

.st-footer-btn-secondary {
    background: transparent !important;
    color: var(--sr-paper) !important;
    border-color: rgba(255, 247, 235, .35) !important;
}

.st-footer-logo::before {
    color: var(--sr-paper) !important;
    font-size: clamp(2.4rem, 5vw, 5.4rem) !important;
}

.st-footer-brand p,
.st-footer-rich,
.st-footer-links a,
.st-footer-link-button,
.st-footer address,
.st-footer address a {
    color: rgba(255, 247, 235, .72) !important;
}

.st-footer-links h3 {
    color: var(--sr-paper) !important;
    font-family: "Oswald", sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    /* inherited 32px overflowed the 149px grid column and collided with the next heading */
    font-size: 1.05rem !important;
    margin-bottom: 12px !important;
}

.st-footer-social a {
    border-radius: 0 !important;
    background: rgba(255, 247, 235, .08) !important;
    color: var(--sr-paper) !important;
}

.st-footer-bottom {
    color: rgba(255, 247, 235, .52) !important;
}

@media (max-width: 1199px) {
    .hsj-nav-phone {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hsj-top-bar {
        display: none !important;
    }

    .hsj-nav.st-header {
        min-height: 64px !important;
    }

    .hsj-nav-list,
    .hsj-nav-plan,
    .st-header-currency {
        display: none !important;
    }

    .hb26__body {
        margin-left: auto !important;
        padding-top: 96px !important;
    }

    .hb26__features {
        transform: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    .page-template-content--home .htp {
        margin-top: 0 !important;
    }

    .page-template-content--home .hsj-about__row {
        grid-template-columns: 1fr !important;
    }

    .page-template-content--home .hsj-about__image-wrap::after {
        right: 12px !important;
    }
}

@media (max-width: 640px) {
    .page-template-content--home .container,
    .page-template-content--home .st-container {
        width: min(100% - 24px, 1180px) !important;
    }

    .hb26 {
        min-height: 560px !important;
    }

    .hb26::before {
        width: 94vw !important;
        right: -42vw !important;
        opacity: .72 !important;
    }

    .hb26__body {
        width: min(100% - 24px, 680px) !important;
        padding-top: 72px !important;
        padding-bottom: 24px !important;
    }

    .hb26__title {
        /* capped: 17vw rendered ~70px on a 412px phone */
        font-size: clamp(2rem, 9vw, 2.9rem) !important;
    }

    .hb26__search-inner {
        flex-wrap: wrap !important;
        padding-left: 0 !important;
        box-shadow: 10px 10px 0 rgba(255, 123, 74, .84) !important;
    }

    .hb26__search-icon {
        display: none !important;
    }

    .hb26__search-input,
    .hb26__search-btn {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .hb26__features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: calc(100% - 24px) !important;
        gap: 0 !important;
    }

    .hb26__feat {
        min-height: 74px !important;
        padding: 12px !important;
        gap: 10px !important;
    }

    .hb26__feat-icon {
        width: 34px !important;
        height: 34px !important;
    }

    .hb26__feat-title {
        font-size: .82rem !important;
    }

    .hb26__feat-sub {
        display: none !important;
    }

    .page-template-content--home .htp__title,
    .page-template-content--home .hdt__title,
    .page-template-content--home .hsj-destinations__title,
    .page-template-content--home .hsj-about__title,
    .st-footer-cta h2 {
        /* capped: 13vw rendered ~54px on a 412px phone */
        font-size: clamp(1.6rem, 7vw, 2.2rem) !important;
    }

    .page-template-content--home .hdt {
        background:
            linear-gradient(180deg, var(--sr-orange) 0 58px, transparent 58px),
            linear-gradient(160deg, transparent 0 42%, var(--sr-orange) 42% 100%),
            var(--sr-contours),
            var(--sr-paper) !important;
        background-size: auto, auto, 620px auto, auto !important;
        background-position: center top, center top, center 44px, center top !important;
    }

    .page-template-content--home .hdt__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .page-template-content--home .hdt__card {
        min-height: 245px !important;
    }

    .page-template-content--home .hdt__card h3 {
        font-size: 1.06rem !important;
    }

    .page-template-content--home .hdt__price,
    .page-template-content--home .hdt__dur {
        font-size: .62rem !important;
        padding: 5px 7px !important;
    }

    .page-template-content--home .hsj-about__image-wrap,
    .page-template-content--home .hsj-about__img-placeholder {
        min-height: 360px !important;
        height: 360px !important;
    }

    .st-footer-cta {
        background: var(--sr-charcoal-2) !important;
    }
}

/* === Section 4: final UI authority layer (from sarbatra-ui.css) === */
/*
 * Sarbatra UI final layer.
 * Keep new theme fixes here so legacy CSS can remain untouched underneath.
 */

:root {
    --sui-paper: var(--hsj-theme-warm, #fff7eb);
    --sui-ink: var(--hsj-theme-heading, #302724);
    --sui-charcoal: var(--hsj-theme-heading, #302724);
    --sui-charcoal-2: var(--hsj-theme-heading, #211b19);
    --sui-orange: var(--hsj-theme-accent, #ff7446);
    --sui-orange-2: var(--hsj-theme-accent, #f0693d);
    --sui-green: var(--hsj-theme-primary, #0f7b66);
    --sui-blue: var(--hsj-theme-secondary, #0d3f67);
    --sui-muted: var(--hsj-theme-body, #5e6a78);
    --sui-line: rgba(48, 39, 36, .16);
}

html,
body {
    letter-spacing: 0 !important;
}

body.frontend-page {
    color: var(--sui-ink);
    background: var(--sui-paper);
}

/* Header/search popup cleanup */
.search-popup-overlay,
.search-popup-overlay.search-popup-overlay-open,
.hsj-search-open .search-popup-overlay,
.search__popup.search-opened ~ .search-popup-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
}

body.hsj-search-open {
    overflow: auto !important;
}

.search__popup {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    min-height: 260px !important;
    max-height: min(78vh, 620px) !important;
    padding: clamp(58px, 7vw, 94px) 0 clamp(48px, 6vw, 82px) !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 123, 102, .16) !important;
    box-shadow: 0 28px 80px rgba(48, 39, 36, .1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-110%) !important;
    transition: transform .26s ease, opacity .2s ease, visibility .2s ease !important;
}

.search__popup.search-opened {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.search__popup .container {
    width: min(100%, 1160px) !important;
}

.search__popup .search__wrapper {
    position: relative !important;
    max-width: min(100%, 980px) !important;
    margin: 0 auto !important;
}

.search__popup .search__close {
    position: absolute !important;
    top: -48px !important;
    right: 0 !important;
}

.search__popup .search-close-btn {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(48, 39, 36, .18) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--sui-charcoal) !important;
    box-shadow: none !important;
}

.search__popup .search__form {
    max-width: 860px !important;
    margin: 0 auto !important;
}

.search__popup .search__input {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 74px !important;
    padding: 7px !important;
    border: 1px solid rgba(15, 123, 102, .18) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 26px 70px rgba(48, 39, 36, .1) !important;
}

.search__popup .search__input::after {
    content: "" !important;
    position: absolute !important;
    inset: 8px 70px 8px 8px !important;
    border: 1px solid rgba(255, 116, 70, .82) !important;
    border-radius: 10px !important;
    pointer-events: none !important;
}

.search__popup .search__input input.ajax-search-input,
.search__popup .search__input input {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 20px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: rgba(48, 39, 36, .78) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(17px, 2vw, 24px) !important;
    font-weight: 700 !important;
}

.search__popup .search__input input::placeholder {
    color: rgba(83, 91, 110, .58) !important;
}

.search__popup .search__input button {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--sui-green) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.search__popup .version_search_3_results_container {
    max-width: 860px !important;
    margin: 18px auto 0 !important;
    border: 1px solid rgba(15, 123, 102, .14) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 26px 70px rgba(48, 39, 36, .14) !important;
}

/* All-page pagebuilder/module polish */
.frontend-page .page-template-content,
.frontend-page .bravo_wrap main {
    background: var(--sui-paper);
}

.frontend-page .hsj-tour-card,
.frontend-page .hdt__card,
.frontend-page .hsj-dest-card,
.frontend-page .hsj-listing-card-item,
.frontend-page .tour-optimized-list .tour-card,
.frontend-page .tour-item {
    border-radius: 0 !important;
    box-shadow: 0 18px 50px rgba(48, 39, 36, .12) !important;
}

.frontend-page .hsj-tour-card img,
.frontend-page .hdt__card-img,
.frontend-page .hsj-card-img,
.frontend-page .hsj-listing-card-thumb img,
.frontend-page .tour-item img {
    filter: saturate(1.05) contrast(1.02);
}

.frontend-page .hsj-tour-card__badge,
.frontend-page .hdt__dur,
.frontend-page .hdt__price,
.frontend-page .hsj-card-badge,
.frontend-page .hsj-listing-item-price-discount {
    border-radius: 0 !important;
}

.frontend-page .hsj-btn-outline,
.frontend-page .hdt__all-link,
.frontend-page .st-footer-btn,
.frontend-page .hsj-nav-plan {
    border-radius: 0 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .hsj-dest-card__overlay {
    background: linear-gradient(180deg, rgba(33, 27, 25, .02) 18%, rgba(33, 27, 25, .56) 62%, rgba(33, 27, 25, .9) 100%) !important;
}

.st-footer {
    background: var(--sui-charcoal-2) !important;
    color: rgba(255, 247, 235, .82) !important;
}

.st-footer a,
.st-footer-bottom {
    color: rgba(255, 247, 235, .78) !important;
}

.st-footer h2,
.st-footer h3,
.st-footer-logo::before {
    color: var(--sui-paper) !important;
}

.st-footer-cta {
    border-radius: 0 !important;
    background: linear-gradient(135deg, var(--sui-orange), var(--sui-orange-2)) !important;
    color: var(--sui-charcoal-2) !important;
}

.st-footer-cta h2,
.st-footer-cta p {
    color: var(--sui-charcoal-2) !important;
}

@media (max-width: 640px) {
    .search__popup {
        min-height: 220px !important;
        padding: 54px 12px 42px !important;
    }

    .search__popup .search__close {
        top: -42px !important;
        right: 4px !important;
    }

    .search__popup .search__input {
        min-height: 64px !important;
    }

    .search__popup .search__input::after {
        inset: 7px 60px 7px 7px !important;
    }

    .search__popup .search__input input.ajax-search-input,
    .search__popup .search__input input {
        min-height: 50px !important;
        padding: 0 12px !important;
        font-size: 15px !important;
    }

    .search__popup .search__input button {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }
}

/* Sarbatra field system: square, quiet, backend-colored */
.frontend-page :where(
    .form-control,
    .cu-form-input,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="date"],
    select,
    textarea
) {
    border: 0 !important;
    border-radius: 0 !important;
}

.frontend-page :where(.cu-form-input, .bravo-contact-block-form .form-control, .contact-form-wrapper .form-control) {
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 10px 30px rgba(19, 36, 58, .06) !important;
    color: var(--sui-ink) !important;
}

.frontend-page :where(.cu-form-input, .bravo-contact-block-form .form-control, .contact-form-wrapper .form-control):focus {
    outline: 2px solid var(--sui-green) !important;
    outline-offset: 2px !important;
    box-shadow: 0 12px 34px rgba(19, 36, 58, .1) !important;
}

.search__popup {
    border-bottom: 0 !important;
    background: var(--sui-paper) !important;
}

.search__popup .search-close-btn {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 8px 8px 0 rgba(15, 123, 102, .1) !important;
}

.search__popup .search__input,
.hb26__search-inner,
.hsj-builder-search__input,
.hsj-tour-widget__search-input {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 14px 14px 0 rgba(15, 123, 102, .12), 0 20px 55px rgba(19, 36, 58, .1) !important;
}

.search__popup .search__input::after,
.search__popup .search-focus-border {
    display: none !important;
}

.search__popup .search__input input.ajax-search-input,
.search__popup .search__input input,
.hb26__search-input,
.hsj-builder-search__input input,
.hsj-tour-widget__search-input input {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    color: var(--sui-ink) !important;
}

.search__popup .search__input:focus-within,
.hb26__search-inner:focus-within,
.hsj-builder-search__input:focus-within,
.hsj-tour-widget__search-input:focus-within {
    outline: 2px solid var(--sui-green) !important;
    outline-offset: 3px !important;
}

.search__popup .search__input button,
.hb26__search-btn,
.hsj-builder-search__input button,
.hsj-tour-widget__search-input button {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--sui-green) !important;
    color: #fff !important;
}

.hb26__search {
    position: relative;
    z-index: 6;
}

.hb26__search .version_search_3_results_container {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 14px) !important;
    z-index: 8 !important;
    margin: 0 !important;
}

.version_search_3_results_container,
.search__popup .version_search_3_results_container,
.hsj-builder-search .version_search_3_results_container,
.hsj-tour-widget__search .version_search_3_results_container {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 18px 18px 0 rgba(15, 123, 102, .09), 0 28px 75px rgba(19, 36, 58, .16) !important;
    overflow: hidden !important;
}

.version_search_3_results_header {
    display: none !important;
}

.version_search_3_results_list {
    padding: 0 !important;
}

.hsj-search-panel {
    padding: 14px 18px 18px;
}

.hsj-search-section {
    margin: 0 !important;
    padding: 0 !important;
}

.hsj-search-section + .hsj-search-section {
    margin-top: 12px !important;
}

.hsj-search-section-label,
.suggestions-header {
    padding: 14px 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--sui-muted) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.hsj-search-tour-item,
.hsj-search-other-item,
.hsj-search-recent-item,
.suggestion-item,
.search-result {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(19, 36, 58, .08) !important;
    background: transparent !important;
    color: var(--sui-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .18s ease, color .18s ease !important;
}

.hsj-search-tour-item,
.hsj-search-other-item,
.hsj-search-recent-item {
    padding: 13px 0 !important;
}

.suggestion-item,
.search-result {
    padding: 12px 0 !important;
}

.hsj-search-tour-item:hover,
.hsj-search-other-item:hover,
.hsj-search-recent-item:hover,
.suggestion-item:hover,
.suggestion-item.active,
.search-result:hover {
    background: rgba(15, 123, 102, .06) !important;
    color: var(--sui-green) !important;
    padding-left: 10px !important;
}

.hsj-search-recent-item {
    appearance: none !important;
    border-left: 0 !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
}

.hsj-search-thumb {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--sui-paper) !important;
}

.hsj-search-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.hsj-search-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.hsj-search-category {
    color: var(--sui-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.hsj-search-title,
.result-title,
.result-link,
.suggestion-text,
.hsj-search-recent-item span {
    color: var(--sui-ink) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

.hsj-search-meta {
    color: var(--sui-muted) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 5px !important;
    font-size: 12px !important;
}

.hsj-search-price {
    color: var(--sui-green) !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.hsj-search-price-from {
    display: block !important;
    color: var(--sui-muted) !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.hsj-search-other-icon,
.hsj-search-recent-item svg {
    color: var(--sui-green) !important;
    flex: 0 0 auto !important;
}

.hsj-search-title mark,
.suggestion-text strong,
.result-link strong {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--sui-green) !important;
}

.hsj-search-footer {
    margin-top: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(19, 36, 58, .1) !important;
}

.hsj-search-see-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--sui-green) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.hsj-search-loading,
.hsj-search-empty,
.search-error,
.no-results {
    padding: 22px 0 !important;
    color: var(--sui-muted) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
}

.hsj-search-loading {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--sui-green) !important;
}

.hsj-search-spin {
    animation: hsjSearchSpin .8s linear infinite;
}

@keyframes hsjSearchSpin {
    to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
    .hb26__search .version_search_3_results_container {
        position: static !important;
        margin-top: 12px !important;
    }

    .hsj-search-panel {
        padding: 12px 14px 16px;
    }

    .hsj-search-tour-item {
        align-items: flex-start !important;
    }

    .hsj-search-price {
        display: none !important;
    }
}

/* Trip archive redesign */
.frontend-page .bravo_search_tour {
    background: var(--sui-paper) !important;
    color: var(--sui-ink) !important;
}

.frontend-page .bravo_search_tour .hsj-breadcrumb-area,
.frontend-page .bravo_search_tour .bg-light-2 {
    display: none !important;
}

.frontend-page .simple-search-section.hsj-search-hero {
    position: relative !important;
    padding: clamp(78px, 10vw, 132px) 16px clamp(54px, 7vw, 86px) !important;
    background:
        linear-gradient(115deg, rgba(19, 36, 58, .94) 0%, rgba(19, 36, 58, .78) 48%, rgba(15, 123, 102, .84) 100%),
        url("/uploads/demo/sarbatra-tours/annapurna-community-trail-600.webp") center/cover no-repeat !important;
    overflow: visible !important;
}

.frontend-page .simple-search-section.hsj-search-hero::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 42px !important;
    background: var(--sui-paper) !important;
    clip-path: polygon(0 65%, 100% 12%, 100% 100%, 0 100%) !important;
    pointer-events: none !important;
}

.frontend-page .hsj-search-hero__eyebrow {
    color: rgba(255, 255, 255, .76) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .hsj-search-hero__title {
    margin: 12px 0 12px !important;
    color: #fff !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(34px, 6vw, 78px) !important;
    font-weight: 900 !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
}

.frontend-page .hsj-search-hero__title span {
    color: var(--sui-orange) !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
}

.frontend-page .hsj-search-hero__subtitle {
    max-width: 660px !important;
    margin: 0 auto 28px !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.frontend-page .simple-text-search-container {
    position: relative !important;
    z-index: 4 !important;
    max-width: 920px !important;
}

.frontend-page .simple-search-form {
    position: relative !important;
}

.frontend-page .search-input-wrapper {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 8px !important;
    gap: 8px !important;
    box-shadow: 18px 18px 0 rgba(231, 167, 47, .22), 0 24px 70px rgba(0, 0, 0, .22) !important;
    transform: none !important;
}

.frontend-page .search-input-wrapper:focus-within {
    outline: 2px solid var(--sui-orange) !important;
    outline-offset: 4px !important;
    box-shadow: 18px 18px 0 rgba(231, 167, 47, .26), 0 28px 80px rgba(0, 0, 0, .26) !important;
}

.frontend-page .simple-search-input {
    min-height: 58px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--sui-ink) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(16px, 1.8vw, 22px) !important;
    font-weight: 750 !important;
}

.frontend-page .simple-search-input::placeholder {
    color: rgba(94, 106, 120, .62) !important;
}

.frontend-page .simple-search-btn {
    min-height: 58px !important;
    padding: 0 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--sui-green) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    transform: none !important;
}

.frontend-page .simple-search-btn:hover {
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
}

.frontend-page .simple-search-results.version_search_3_results_container {
    position: absolute !important;
    top: calc(100% + 16px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 20 !important;
    margin: 0 !important;
    max-height: min(64vh, 560px) !important;
    overflow: auto !important;
}

.frontend-page .search-results-section {
    background: var(--sui-paper) !important;
    padding: clamp(42px, 5vw, 72px) 0 !important;
}

.frontend-page .search-results-section .container2,
.frontend-page .simple-search-section .container2 {
    width: min(100% - 32px, 1240px) !important;
    margin-inline: auto !important;
}

.frontend-page .search-results-header {
    margin-bottom: 22px !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(19, 36, 58, .12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.frontend-page .results-count {
    color: var(--sui-muted) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .results-count .count {
    color: var(--sui-green) !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
}

.frontend-page .layout-toggle,
.frontend-page .sort-btn,
.frontend-page .item.sortby .dropdown-toggle {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 8px 8px 0 rgba(19, 36, 58, .06) !important;
}

.frontend-page .layout-btn {
    border: 0 !important;
    border-radius: 0 !important;
}

.frontend-page .layout-btn.active,
.frontend-page .page-item.active .page-link,
.frontend-page .page-item .page-link:hover {
    background: var(--sui-green) !important;
    border-color: var(--sui-green) !important;
    color: #fff !important;
}

.frontend-page .filters-sidebar {
    top: 96px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 14px 14px 0 rgba(15, 123, 102, .08), 0 24px 70px rgba(19, 36, 58, .08) !important;
}

.frontend-page .filter-header {
    padding: 22px 22px 16px !important;
    color: var(--sui-ink) !important;
    background: transparent !important;
}

.frontend-page .filter-header h3,
.frontend-page .filter-title {
    color: var(--sui-ink) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
}

.frontend-page .filter-title {
    border-bottom: 1px solid rgba(19, 36, 58, .1) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .filter-title i,
.frontend-page .filter-header i {
    color: var(--sui-green) !important;
}

.frontend-page .filter-section {
    border-bottom: 1px solid rgba(19, 36, 58, .08) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.frontend-page .filter-search input {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--sui-paper) !important;
    box-shadow: none !important;
}

.frontend-page .filter-option {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
}

.frontend-page .filter-option:hover,
.frontend-page .filter-option.active {
    background: rgba(15, 123, 102, .07) !important;
    color: var(--sui-green) !important;
}

.frontend-page .modern-checkbox .checkmark,
.frontend-page .filter-checkbox {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--sui-paper) !important;
}

.frontend-page .modern-checkbox input:checked + .checkmark,
.frontend-page .filter-checkbox.checked {
    background: var(--sui-green) !important;
}

.frontend-page .filter-count {
    border-radius: 0 !important;
    background: var(--sui-paper) !important;
    color: var(--sui-muted) !important;
}

.frontend-page .clear-filters,
.frontend-page .apply-filters,
.frontend-page .mobile-filter-toggle {
    border: 0 !important;
    border-radius: 0 !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .apply-filters,
.frontend-page .mobile-filter-toggle {
    background: var(--sui-green) !important;
    color: #fff !important;
}

.frontend-page .clear-filters {
    background: var(--sui-paper) !important;
    color: var(--sui-ink) !important;
}

.frontend-page .tours-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
}

.frontend-page .tours-list {
    gap: 24px !important;
}

.frontend-page .tour-card-le,
.frontend-page .tour-card-grid,
.frontend-page .tour-card-list {
    border-radius: 0 !important;
}

.frontend-page .tour-card-le {
    border: 0 !important;
    background: #fff !important;
    box-shadow: 14px 14px 0 rgba(19, 36, 58, .06), 0 22px 58px rgba(19, 36, 58, .09) !important;
    overflow: hidden !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

.frontend-page .tour-card-le:hover {
    transform: translateY(-4px) !important;
    box-shadow: 18px 18px 0 rgba(15, 123, 102, .1), 0 28px 70px rgba(19, 36, 58, .14) !important;
}

.frontend-page .tour-card-le__image,
.frontend-page .tour-card-le__image--grid {
    border-radius: 0 !important;
    background: var(--sui-paper) !important;
}

.frontend-page .tour-card-le__image img,
.frontend-page .tour-card-le__image--grid img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.frontend-page .tour-badge,
.frontend-page .tour-wishlist-btn,
.frontend-page .tour-meta-chip,
.frontend-page .tour-card-le__cta,
.frontend-page .tour-card-le__cta--sm {
    border: 0 !important;
    border-radius: 0 !important;
}

.frontend-page .tour-badge--featured,
.frontend-page .tour-card-le__cta,
.frontend-page .tour-card-le__cta--sm {
    background: var(--sui-green) !important;
    color: #fff !important;
}

.frontend-page .tour-wishlist-btn {
    background: #fff !important;
    color: var(--sui-green) !important;
    box-shadow: 6px 6px 0 rgba(19, 36, 58, .08) !important;
}

.frontend-page .tour-card-le__category {
    color: var(--sui-green) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .tour-card-le__title {
    color: var(--sui-ink) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(19px, 2vw, 26px) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.frontend-page .tour-card-le__location,
.frontend-page .tour-card-le__meta,
.frontend-page .tour-rating-count,
.frontend-page .tour-price-from,
.frontend-page .tour-price-per {
    color: var(--sui-muted) !important;
}

.frontend-page .tour-meta-chip {
    background: var(--sui-paper) !important;
    color: var(--sui-ink) !important;
}

.frontend-page .tour-price-amount,
.frontend-page .tour-rating-score,
.frontend-page .tour-rating-stars .filled {
    color: var(--sui-green) !important;
}

.frontend-page .pagination-wrapper {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.frontend-page .page-item .page-link {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--sui-ink) !important;
    box-shadow: 6px 6px 0 rgba(19, 36, 58, .05) !important;
}

.frontend-page .no-results {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 14px 14px 0 rgba(15, 123, 102, .08), 0 22px 60px rgba(19, 36, 58, .08) !important;
}

.frontend-page .no-results i {
    color: var(--sui-green) !important;
}

@media (max-width: 991px) {
    .frontend-page .filters-sidebar {
        top: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    .frontend-page .search-input-wrapper {
        flex-direction: column !important;
    }

    .frontend-page .simple-search-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .frontend-page .simple-search-results.version_search_3_results_container {
        position: static !important;
        margin-top: 14px !important;
    }

    .frontend-page .search-results-header {
        align-items: stretch !important;
    }
}

/* Error page redesign */
.frontend-page .sarbatra-error-page {
    position: relative;
    min-height: calc(100vh - 90px);
    display: flex;
    align-items: center;
    padding: clamp(78px, 10vw, 132px) 0;
    overflow: hidden;
    background: var(--sui-charcoal);
}

.frontend-page .sarbatra-error-page__media,
.frontend-page .sarbatra-error-page__shade {
    position: absolute;
    inset: 0;
}

.frontend-page .sarbatra-error-page__media {
    background:
        url("/uploads/demo/sarbatra-tours/everest-base-camp-trek-full.webp") center/cover no-repeat,
        linear-gradient(135deg, var(--sui-charcoal), var(--sui-green));
    transform: scale(1.03);
}

.frontend-page .sarbatra-error-page__shade {
    background:
        linear-gradient(90deg, rgba(19, 36, 58, .96) 0%, rgba(19, 36, 58, .72) 48%, rgba(19, 36, 58, .34) 100%),
        repeating-linear-gradient(-45deg, rgba(255,255,255,.045) 0 1px, transparent 1px 30px);
}

.frontend-page .sarbatra-error-page .container {
    position: relative;
    z-index: 2;
}

.frontend-page .sarbatra-error-page__content {
    max-width: 680px;
    color: #fff;
}

.frontend-page .sarbatra-error-page__eyebrow {
    color: rgba(255, 255, 255, .72);
    font-family: "Outfit", "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.frontend-page .sarbatra-error-page__code {
    margin: 18px 0 8px;
    color: var(--sui-orange);
    font-family: "Outfit", "Poppins", sans-serif;
    font-size: clamp(72px, 13vw, 168px);
    font-weight: 900;
    line-height: .82;
}

.frontend-page .sarbatra-error-page h1 {
    max-width: 680px;
    margin: 0 0 18px;
    color: #fff;
    font-family: "Outfit", "Poppins", sans-serif;
    font-size: clamp(34px, 5vw, 70px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.frontend-page .sarbatra-error-page p {
    max-width: 560px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .78);
    font-size: 17px;
    line-height: 1.7;
}

.frontend-page .sarbatra-error-page__actions,
.frontend-page .sarbatra-error-page__links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.frontend-page .sarbatra-error-page__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 24px;
    border: 0;
    border-radius: 0;
    font-family: "Outfit", "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.frontend-page .sarbatra-error-page__btn--primary {
    background: var(--sui-orange);
    color: var(--sui-charcoal);
}

.frontend-page .sarbatra-error-page__btn--ghost {
    background: #fff;
    color: var(--sui-charcoal);
}

.frontend-page .sarbatra-error-page__links {
    margin-top: 26px;
}

.frontend-page .sarbatra-error-page__links a {
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.frontend-page .sarbatra-error-page__links a:hover {
    color: #fff;
}

@media (max-width: 760px) {
    .frontend-page .sarbatra-error-page {
        min-height: calc(100vh - 72px);
        padding: 72px 0;
    }

    .frontend-page .sarbatra-error-page__shade {
        background: linear-gradient(180deg, rgba(19, 36, 58, .94), rgba(19, 36, 58, .78));
    }
}

/* Sarbatra theme reboot: final public-page authority */
.frontend-page {
    --st-radius: 0px;
    --st-shadow-hard: 12px 12px 0 rgba(15, 123, 102, .1);
    --st-shadow-soft: 0 28px 70px rgba(19, 36, 58, .12);
    --st-band: #fffaf0;
    --st-card: #fff;
}

.frontend-page a {
    color: inherit;
}

.frontend-page img {
    max-width: 100%;
}

.frontend-page .container,
.frontend-page .container2 {
    width: min(100% - 32px, 1180px) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.frontend-page .bravo_wrap {
    background:
        linear-gradient(180deg, rgba(255, 247, 235, .8), rgba(255, 255, 255, 1) 340px),
        var(--sui-paper) !important;
}

.frontend-page .hsj-nav.st-header {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    padding: 12px clamp(16px, 4vw, 44px) !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 14px 40px rgba(19, 36, 58, .08) !important;
    backdrop-filter: blur(16px) !important;
}

.frontend-page .hsj-nav-btn,
.frontend-page .hsj-nav-phone,
.frontend-page .hsj-util-currency,
.frontend-page .hsj-nav-search-btn,
.frontend-page .hsj-hamburger,
.frontend-page .hsj-user-toggle,
.frontend-page .hsj-nav-plan {
    border-radius: 0 !important;
}

.frontend-page .hsj-nav-btn {
    color: var(--sui-ink) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 800 !important;
}

.frontend-page .hsj-nav-plan {
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
    box-shadow: 7px 7px 0 rgba(240, 105, 61, .18) !important;
}

.frontend-page .hsj-breadcrumb-area {
    min-height: 320px !important;
    padding: 116px 0 76px !important;
    background:
        linear-gradient(100deg, rgba(19, 36, 58, .94), rgba(15, 123, 102, .78)),
        url("/uploads/demo/sarbatra-tours/everest-base-camp-trek-full.webp") center/cover no-repeat !important;
}

.frontend-page .hsj-breadcrumb-shadow,
.frontend-page .hsj-hero-top-shadow {
    display: none !important;
}

.frontend-page .hsj-breadcrumb-title {
    color: #fff !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(38px, 6vw, 76px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    letter-spacing: 0 !important;
}

.frontend-page .hsj-breadcrumb-list-4,
.frontend-page .hsj-breadcrumb-list-4 a,
.frontend-page .hsj-breadcrumb-list-4 li {
    color: rgba(255, 255, 255, .82) !important;
}

.frontend-page input,
.frontend-page select,
.frontend-page textarea,
.frontend-page .form-control,
.frontend-page .select2-container .select2-selection {
    border-radius: 0 !important;
    border-color: rgba(19, 36, 58, .16) !important;
    box-shadow: none !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
}

.frontend-page input:focus,
.frontend-page select:focus,
.frontend-page textarea:focus,
.frontend-page .form-control:focus {
    border-color: var(--sui-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 116, 70, .13) !important;
}

.frontend-page button,
.frontend-page .btn,
.frontend-page .button,
.frontend-page .hsj-btn,
.frontend-page .btn_search {
    border-radius: 0 !important;
}

.frontend-page .search__input,
.frontend-page .hb26__search,
.frontend-page .hb26__search-inner,
.frontend-page .st-search,
.frontend-page .simple-search-form,
.frontend-page .search-input-wrapper,
.frontend-page .hsj-drw-search-inner,
.frontend-page .hsj-panel-search-inner {
    border-radius: 0 !important;
}

.frontend-page .version_search_3_results_container,
.frontend-page .version_search_3_result_item,
.frontend-page .version_search_3_result_image,
.frontend-page .version_search_3_section_header {
    border-radius: 0 !important;
}

.frontend-page .version_search_3_results_container {
    border: 1px solid rgba(19, 36, 58, .12) !important;
    background: #fff !important;
    box-shadow: var(--st-shadow-soft) !important;
}

.frontend-page .version_search_3_section_header {
    background: var(--sui-charcoal) !important;
    color: #fff !important;
}

.frontend-page .version_search_3_result_item {
    border-bottom: 1px solid rgba(19, 36, 58, .08) !important;
}

.frontend-page .version_search_3_result_item:hover {
    background: var(--sui-paper) !important;
}

.frontend-page .version_search_3_result_title {
    color: var(--sui-ink) !important;
    font-weight: 850 !important;
}

.frontend-page .version_search_3_result_meta {
    color: var(--sui-muted) !important;
}

/* Trip archive, rebuilt */
.frontend-page .sarbatra-trip-page {
    background: var(--sui-paper) !important;
}

.frontend-page .sarbatra-trip-page > .hsj-breadcrumb-area {
    display: none !important;
}

.frontend-page .sarbatra-trip-page .hsj-search-hero {
    position: relative !important;
    min-height: 640px !important;
    display: flex !important;
    align-items: center !important;
    padding: clamp(118px, 13vw, 176px) 0 88px !important;
    overflow: hidden !important;
    background: var(--sui-charcoal) !important;
}

.frontend-page .sarbatra-trip-hero__media,
.frontend-page .sarbatra-trip-hero__shade {
    position: absolute !important;
    inset: 0 !important;
}

.frontend-page .sarbatra-trip-hero__media {
    background:
        url("/uploads/demo/sarbatra-tours/annapurna-community-trail-600.webp") center/cover no-repeat,
        linear-gradient(130deg, var(--sui-charcoal), var(--sui-green)) !important;
    transform: scale(1.04) !important;
}

.frontend-page .sarbatra-trip-hero__shade {
    background:
        linear-gradient(100deg, rgba(19, 36, 58, .96) 0%, rgba(19, 36, 58, .76) 50%, rgba(255, 116, 70, .88) 50.2%, rgba(255, 116, 70, .78) 100%),
        repeating-linear-gradient(-45deg, rgba(255,255,255,.055) 0 1px, transparent 1px 30px) !important;
}

.frontend-page .sarbatra-trip-page .hsj-search-hero .container {
    position: relative !important;
    z-index: 2 !important;
}

.frontend-page .sarbatra-trip-hero__copy {
    max-width: 780px !important;
    margin: 0 0 28px !important;
    text-align: left !important;
}

.frontend-page .sarbatra-trip-page .hsj-search-hero__eyebrow {
    color: rgba(255, 255, 255, .78) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .sarbatra-trip-page .hsj-search-hero__title {
    max-width: 850px !important;
    margin: 10px 0 18px !important;
    color: #fff !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    /* capped: 8.5vw/112px rendered oversized at wide viewports */
    font-size: clamp(38px, 5vw, 72px) !important;
    font-weight: 900 !important;
    line-height: .86 !important;
    letter-spacing: 0 !important;
}

.frontend-page .sarbatra-trip-page .hsj-search-hero__subtitle {
    max-width: 640px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .8) !important;
    font-size: clamp(16px, 2vw, 22px) !important;
    line-height: 1.55 !important;
}

.frontend-page .sarbatra-trip-page .simple-text-search-container {
    max-width: 1030px !important;
    margin: 0 !important;
}

.frontend-page .sarbatra-trip-page .simple-search-form {
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.frontend-page .sarbatra-trip-page .search-input-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 210px !important;
    min-height: 88px !important;
    border: 10px solid rgba(255, 247, 235, .92) !important;
    background: rgba(255, 247, 235, .92) !important;
    box-shadow: 24px 24px 0 rgba(255, 116, 70, .74) !important;
}

.frontend-page .sarbatra-trip-page .search-input-wrapper::before {
    width: 28px !important;
    height: 28px !important;
    left: 28px !important;
    color: rgba(19, 36, 58, .48) !important;
}

.frontend-page .sarbatra-trip-page .simple-search-input {
    min-height: 68px !important;
    padding: 0 24px 0 70px !important;
    border: 1px solid rgba(19, 36, 58, .2) !important;
    background: #fff !important;
    color: var(--sui-ink) !important;
    font-size: clamp(18px, 2.3vw, 28px) !important;
    font-weight: 850 !important;
}

.frontend-page .sarbatra-trip-page .simple-search-input::placeholder {
    color: rgba(94, 106, 120, .74) !important;
}

.frontend-page .sarbatra-trip-page .simple-search-btn {
    min-height: 68px !important;
    padding: 0 30px !important;
    border: 1px solid var(--sui-orange) !important;
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .sarbatra-trip-page .simple-search-results.version_search_3_results_container {
    top: calc(100% + 24px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(100%, 880px) !important;
    max-height: 470px !important;
    overflow: auto !important;
}

.frontend-page .sarbatra-trip-hero__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(100%, 920px) !important;
    margin-top: 62px !important;
    background: rgba(255, 250, 240, .94) !important;
    box-shadow: 18px 18px 0 rgba(15, 123, 102, .14) !important;
}

.frontend-page .sarbatra-trip-hero__stats div {
    min-height: 104px !important;
    padding: 22px 26px !important;
    border-right: 1px solid rgba(19, 36, 58, .12) !important;
}

.frontend-page .sarbatra-trip-hero__stats div:last-child {
    border-right: 0 !important;
}

.frontend-page .sarbatra-trip-hero__stats span {
    display: block !important;
    color: var(--sui-orange) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-size: clamp(25px, 3vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.frontend-page .sarbatra-trip-hero__stats strong {
    display: block !important;
    margin-top: 8px !important;
    color: var(--sui-charcoal) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .sarbatra-trip-results {
    padding: clamp(58px, 8vw, 92px) 0 !important;
    background:
        linear-gradient(180deg, var(--sui-paper), #fff 42%) !important;
}

.frontend-page .sarbatra-trip-results .row {
    row-gap: 26px !important;
}

.frontend-page .sarbatra-trip-page .filters-sidebar {
    position: sticky !important;
    top: 102px !important;
    overflow: hidden !important;
    border: 1px solid rgba(19, 36, 58, .12) !important;
    background: #fff !important;
    box-shadow: var(--st-shadow-hard), var(--st-shadow-soft) !important;
}

.frontend-page .sarbatra-trip-page .filter-header {
    padding: 24px !important;
    border: 0 !important;
    background: var(--sui-charcoal) !important;
    color: #fff !important;
}

.frontend-page .sarbatra-trip-page .filter-header h3,
.frontend-page .sarbatra-trip-page .filter-title {
    color: inherit !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .sarbatra-trip-page .filter-content {
    padding: 18px !important;
}

.frontend-page .sarbatra-trip-page .filter-section {
    padding: 18px 0 !important;
    border-bottom: 1px solid rgba(19, 36, 58, .1) !important;
}

.frontend-page .sarbatra-trip-page .filter-search {
    border-radius: 0 !important;
    background: var(--sui-paper) !important;
}

.frontend-page .sarbatra-trip-page .filter-option {
    border-radius: 0 !important;
    background: #fff !important;
}

.frontend-page .sarbatra-trip-page .filter-option:hover,
.frontend-page .sarbatra-trip-page .filter-option.active {
    background: rgba(15, 123, 102, .08) !important;
}

.frontend-page .sarbatra-trip-page .clear-filters,
.frontend-page .sarbatra-trip-page .apply-filters {
    border-radius: 0 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .sarbatra-trip-page .apply-filters {
    background: var(--sui-green) !important;
}

.frontend-page .sarbatra-trip-page .search-results-header {
    margin-bottom: 24px !important;
    padding: 20px 22px !important;
    border: 1px solid rgba(19, 36, 58, .12) !important;
    background: #fff !important;
    box-shadow: 10px 10px 0 rgba(255, 116, 70, .11) !important;
}

.frontend-page .sarbatra-trip-page .results-count {
    color: var(--sui-charcoal) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 900 !important;
}

.frontend-page .sarbatra-trip-page .results-count .count {
    color: var(--sui-orange) !important;
    font-size: 30px !important;
}

.frontend-page .sarbatra-trip-page .layout-btn,
.frontend-page .sarbatra-trip-page .sort-dropdown .dropdown-toggle {
    border-radius: 0 !important;
    border: 1px solid rgba(19, 36, 58, .12) !important;
    background: var(--sui-paper) !important;
    color: var(--sui-charcoal) !important;
}

.frontend-page .sarbatra-trip-page .layout-btn.active {
    background: var(--sui-green) !important;
    color: #fff !important;
}

.frontend-page .sarbatra-trip-page .tours-list,
.frontend-page .sarbatra-trip-page .tours-grid {
    display: grid !important;
    gap: 26px !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le {
    overflow: hidden !important;
    border: 1px solid rgba(19, 36, 58, .12) !important;
    background: #fff !important;
    box-shadow: 14px 14px 0 rgba(15, 123, 102, .09), 0 26px 70px rgba(19, 36, 58, .09) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 20px 20px 0 rgba(255, 116, 70, .17), 0 30px 78px rgba(19, 36, 58, .12) !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le__image {
    min-height: 260px !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le__body,
.frontend-page .sarbatra-trip-page .tour-card-le__content {
    padding: 28px !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le__title {
    font-size: clamp(24px, 2.8vw, 38px) !important;
    line-height: 1.05 !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le__category,
.frontend-page .sarbatra-trip-page .tour-badge {
    letter-spacing: 0 !important;
}

.frontend-page .sarbatra-trip-page .tour-card-le__cta,
.frontend-page .sarbatra-trip-page .tour-card-le__cta--sm {
    min-height: 46px !important;
    padding: 0 18px !important;
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Public content pages */
.frontend-page .page-template-content:not(.page-template-content--home),
.frontend-page .hsj-blog-grid-area,
.frontend-page .bravo-news,
.frontend-page .page-profile-content,
.frontend-page .booking-page,
.frontend-page .booking-success-detail,
.frontend-page .payment-page,
.frontend-page .user-form-settings {
    background: var(--sui-paper) !important;
}

.frontend-page .page-template-content:not(.page-template-content--home) > section,
.frontend-page .page-template-content:not(.page-template-content--home) > div:not(.hsj-breadcrumb-area) {
    max-width: 1180px !important;
    margin-inline: auto !important;
}

.frontend-page .blog-content,
.frontend-page .hsj-blog-standard-content,
.frontend-page .art-body,
.frontend-page .cu-form-card,
.frontend-page .cu-map-frame,
.frontend-page .experience-card,
.frontend-page .featured-card,
.frontend-page .bl-sidebar,
.frontend-page .bl-empty,
.frontend-page .booking-info-detail,
.frontend-page .modal-content {
    border-radius: 0 !important;
    border: 1px solid rgba(19, 36, 58, .1) !important;
    background: #fff !important;
    box-shadow: var(--st-shadow-hard), 0 22px 64px rgba(19, 36, 58, .08) !important;
}

.frontend-page .blog-content,
.frontend-page .hsj-blog-standard-content {
    padding: clamp(28px, 5vw, 62px) !important;
}

.frontend-page .blog-content h1,
.frontend-page .blog-content h2,
.frontend-page .blog-content h3,
.frontend-page .hsj-blog-standard-title,
.frontend-page .art-hero-title,
.frontend-page .bl-hero-title,
.frontend-page .section-header h2,
.frontend-page .cu-form-title,
.frontend-page .cu-hero-title {
    font-family: "Outfit", "Poppins", sans-serif !important;
    color: var(--sui-ink) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.frontend-page .art-hero-title,
.frontend-page .bl-hero-title,
.frontend-page .cu-hero-title {
    color: #fff !important;
}

.frontend-page .blog-content p,
.frontend-page .art-prose p,
.frontend-page .page-template-content p,
.frontend-page .experience-card p,
.frontend-page .cu-form-sub {
    color: var(--sui-muted) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.frontend-page .bl-hero,
.frontend-page .art-hero,
.frontend-page .cu-hero,
.frontend-page .experiences-page .header-small,
.frontend-page .experience-header-small {
    border-radius: 0 !important;
    background:
        linear-gradient(105deg, rgba(19, 36, 58, .94), rgba(15, 123, 102, .76)),
        url("/uploads/demo/sarbatra-tours/everest-base-camp-trek-full.webp") center/cover no-repeat !important;
}

.frontend-page .bl-feat-main,
.frontend-page .bl-feat-sm,
.frontend-page .bl-article-card,
.frontend-page .news-card,
.frontend-page .featured-card,
.frontend-page .experience-card {
    border-radius: 0 !important;
    overflow: hidden !important;
}

.frontend-page .bl-cat-tab,
.frontend-page .nav-tab,
.frontend-page .art-tag-pill,
.frontend-page .cu-qb,
.frontend-page .cu-form-submit,
.frontend-page .art-share-btn {
    border-radius: 0 !important;
}

.frontend-page .bl-cat-tab.on,
.frontend-page .nav-tab.active,
.frontend-page .cu-form-submit {
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
}

.frontend-page .cu-card,
.frontend-page .cu-strip,
.frontend-page .section-stats,
.frontend-page .experiences-nav .nav-tabs {
    border-radius: 0 !important;
}

.frontend-page .cu-card {
    background: rgba(255,255,255,.94) !important;
}

.frontend-page .st-footer-trust,
.frontend-page .st-footer {
    border-radius: 0 !important;
}

.frontend-page .st-footer {
    background: var(--sui-charcoal) !important;
    color: rgba(255,255,255,.78) !important;
}

.frontend-page .st-footer-cta,
.frontend-page .st-footer-panel,
.frontend-page .st-footer-card-grid a,
.frontend-page .st-footer-btn,
.frontend-page .st-footer-social a {
    border-radius: 0 !important;
}

.frontend-page .st-footer-cta {
    background:
        linear-gradient(100deg, rgba(15, 123, 102, .96), rgba(19, 36, 58, .92)),
        repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 1px, transparent 1px 26px) !important;
}

.frontend-page .st-footer-btn-primary {
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
}

@media (max-width: 991px) {
    .frontend-page .sarbatra-trip-page .hsj-search-hero {
        min-height: 560px !important;
    }

    .frontend-page .sarbatra-trip-hero__shade {
        background:
            linear-gradient(180deg, rgba(19, 36, 58, .95), rgba(19, 36, 58, .78)),
            repeating-linear-gradient(-45deg, rgba(255,255,255,.055) 0 1px, transparent 1px 30px) !important;
    }

    .frontend-page .sarbatra-trip-page .filters-sidebar {
        position: relative !important;
        top: 0 !important;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 760px) {
    .frontend-page .container,
    .frontend-page .container2 {
        width: min(100% - 24px, 1180px) !important;
    }

    .frontend-page .sarbatra-trip-page .search-input-wrapper {
        grid-template-columns: 1fr !important;
        border-width: 7px !important;
        box-shadow: 12px 12px 0 rgba(255, 116, 70, .62) !important;
    }

    .frontend-page .sarbatra-trip-page .simple-search-btn {
        width: 100% !important;
    }

    .frontend-page .sarbatra-trip-hero__stats {
        grid-template-columns: 1fr !important;
        margin-top: 36px !important;
    }

    .frontend-page .sarbatra-trip-hero__stats div {
        min-height: auto !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(19, 36, 58, .12) !important;
    }

    .frontend-page .sarbatra-trip-hero__stats div:last-child {
        border-bottom: 0 !important;
    }

    .frontend-page .search-results-header {
        flex-direction: column !important;
        gap: 14px !important;
    }
}

/* Header, mega menu, currency modal, and planner */
.frontend-page .hsj-nav.st-header {
    min-height: 78px !important;
    gap: clamp(14px, 2.4vw, 30px) !important;
    background: color-mix(in srgb, #fff 92%, var(--sui-paper)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--sui-green) 18%, transparent) !important;
    color: var(--sui-ink) !important;
}

.frontend-page .hsj-nav-btn,
.frontend-page .hsj-nav-phone,
.frontend-page .st-header-currency,
.frontend-page .hsj-nav-search-btn,
.frontend-page .hsj-user-toggle {
    color: var(--sui-ink) !important;
    border-color: color-mix(in srgb, var(--sui-green) 18%, transparent) !important;
    background: rgba(255,255,255,.72) !important;
}

.frontend-page .hsj-nav-btn:hover,
.frontend-page .hsj-nav-item.open .hsj-nav-btn,
.frontend-page .hsj-nav-phone:hover,
.frontend-page .st-header-currency:hover,
.frontend-page .hsj-nav-search-btn:hover {
    color: var(--sui-green) !important;
}

.frontend-page .hsj-nav-plan,
.frontend-page .hsj-drw-plan,
.frontend-page .hsj-plan-next,
.frontend-page .hsj-plan-submit {
    border: 1px solid var(--sui-orange) !important;
    background: var(--sui-orange) !important;
    color: var(--sui-charcoal) !important;
    font-family: "Outfit", "Poppins", sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.frontend-page .hsj-mega-wrap {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1018;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.frontend-page .hsj-mega-wrap.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.frontend-page .hsj-mega-panel {
    display: none;
    width: min(1180px, calc(100vw - 40px));
    margin: 0 auto;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--sui-green) 20%, transparent);
    border-radius: 0 !important;
    background: rgba(255,255,255,.98);
    box-shadow: 0 24px 70px rgba(19, 36, 58, .14);
}

.frontend-page .hsj-mega-panel.active {
    display: block;
}

.frontend-page .hsj-panel-search-inner,
.frontend-page .hsj-drw-search-inner {
    border-radius: 0 !important;
    border: 1px solid color-mix(in srgb, var(--sui-green) 22%, transparent) !important;
    background: #fff !important;
}

.frontend-page .hsj-panel-search-inner:focus-within,
.frontend-page .hsj-drw-search-inner:focus-within {
    border-color: var(--sui-orange) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sui-orange) 18%, transparent) !important;
}

.frontend-page .hsj-panel-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.frontend-page .hsj-panel-tag {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--sui-green) 20%, transparent);
    color: var(--sui-ink);
    background: var(--sui-paper);
    font-weight: 800;
}

.frontend-page .hsj-panel-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 18px;
    padding-top: 18px;
}

.frontend-page .hsj-mega-cols {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.frontend-page .hsj-mega-col {
    min-width: 0;
    padding: 16px;
    background: color-mix(in srgb, var(--sui-paper) 66%, #fff);
    border: 1px solid rgba(19, 36, 58, .08);
}

.frontend-page .hsj-cat {
    margin: 0 0 10px;
    color: var(--sui-green);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.frontend-page .hsj-mlinks {
    display: grid;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.frontend-page .hsj-mlinks a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    color: var(--sui-ink);
    border-bottom: 1px solid rgba(19, 36, 58, .08);
    font-weight: 800;
}

.frontend-page .hsj-mlinks a:hover {
    color: var(--sui-green);
}

.frontend-page .hsj-lbadge,
.frontend-page .hsj-lprice {
    color: var(--sui-green);
    font-size: .76rem;
    white-space: nowrap;
}

.frontend-page .hsj-mega-feat {
    display: grid;
    min-height: 100%;
    overflow: hidden;
    color: #fff;
    background: var(--sui-charcoal);
}

.frontend-page .hsj-mega-feat-img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.frontend-page .hsj-mega-feat-body {
    display: grid;
    gap: 8px;
    padding: 16px;
}

.frontend-page .hsj-mega-feat-label {
    margin: 0;
    color: var(--sui-orange);
    font-weight: 900;
    text-transform: uppercase;
}

.frontend-page .hsj-mega-feat-title {
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
}

.frontend-page .hsj-mega-feat-meta {
    margin: 0;
    color: rgba(255,255,255,.76);
}

.frontend-page .hsj-mega-feat-cta {
    color: #fff;
    font-weight: 900;
}

.frontend-page .hsj-region-modal[hidden] {
    display: none !important;
}

.frontend-page .hsj-region-modal {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: grid;
    place-items: center;
    padding: 24px;
}

.frontend-page .hsj-region-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(19, 36, 58, .38);
}

.frontend-page .hsj-region-dialog {
    position: relative;
    width: min(680px, 100%);
    border: 1px solid color-mix(in srgb, var(--sui-green) 20%, transparent);
    border-radius: 0 !important;
    background: #fff;
    box-shadow: 0 30px 90px rgba(19, 36, 58, .22);
}

.frontend-page .hsj-region-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(19, 36, 58, .1);
}

.frontend-page .hsj-region-title,
.frontend-page .hsj-region-section-label {
    margin: 0;
    color: var(--sui-ink);
    font-weight: 900;
}

.frontend-page .hsj-region-body {
    padding: 20px;
}

.frontend-page .hsj-region-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0;
    margin: 14px 0 0;
    list-style: none;
}

.frontend-page .hsj-region-option {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 12px;
    border: 1px solid rgba(19, 36, 58, .12);
    color: var(--sui-ink);
    background: var(--sui-paper);
}

.frontend-page .hsj-region-option--active,
.frontend-page .hsj-region-option:hover,
.frontend-page .hsj-region-option.is-loading {
    border-color: var(--sui-green);
    color: var(--sui-green);
    background: #fff;
}

.frontend-page .hsj-region-flag {
    display: grid;
    place-items: center;
    width: 36px;
    height: 28px;
    background: var(--sui-charcoal);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.frontend-page .hsj-region-info {
    display: grid;
    gap: 2px;
}

.frontend-page .hsj-region-country {
    font-weight: 900;
}

.frontend-page .hsj-region-currency {
    color: var(--sui-muted);
    font-size: .82rem;
}

.frontend-page .hsj-region-close {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(19, 36, 58, .12);
    background: #fff;
    color: var(--sui-ink);
    font-size: 26px;
    line-height: 1;
}

.frontend-page .hsj-plan-overlay {
    position: fixed;
    inset: 0;
    z-index: 10030;
    display: grid;
    place-items: center;
    padding: clamp(14px, 3vw, 28px);
    background: rgba(19, 36, 58, .42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.frontend-page .hsj-plan-overlay.open {
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto !important;
}

.frontend-page .hsj-plan-modal {
    position: relative;
    width: min(940px, 100%);
    max-height: min(92vh, 860px);
    overflow: auto;
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid color-mix(in srgb, var(--sui-green) 22%, transparent);
    border-radius: 0 !important;
    background: #fff;
    box-shadow: 0 34px 100px rgba(19, 36, 58, .24);
}

.frontend-page .hsj-plan-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(19, 36, 58, .12);
    background: #fff;
    color: var(--sui-ink);
}

.frontend-page .hsj-plan-head {
    max-width: 680px;
    margin-bottom: 20px;
}

.frontend-page .hsj-plan-kicker {
    color: var(--sui-green);
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.frontend-page .hsj-plan-title {
    margin: 6px 0;
    color: var(--sui-ink);
    font-size: clamp(30px, 5vw, 54px);
    line-height: 1;
    font-weight: 900;
}

.frontend-page .hsj-plan-subtitle,
.frontend-page .hsj-plan-note {
    color: var(--sui-muted);
}

.frontend-page .hsj-plan-progress {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 20px;
}

.frontend-page .hsj-plan-dot {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px;
    border: 1px solid rgba(19, 36, 58, .12);
    background: var(--sui-paper);
    color: var(--sui-muted);
    font-weight: 900;
    text-align: left;
}

.frontend-page .hsj-plan-dot span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    background: #fff;
    color: var(--sui-ink);
}

.frontend-page .hsj-plan-dot.active,
.frontend-page .hsj-plan-dot.complete {
    border-color: var(--sui-green);
    color: var(--sui-green);
    background: #fff;
}

.frontend-page .hsj-plan-step {
    display: none;
}

.frontend-page .hsj-plan-step.active {
    display: block;
}

.frontend-page .hsj-plan-step h3 {
    margin: 0 0 14px;
    color: var(--sui-ink);
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 900;
}

.frontend-page .hsj-plan-options {
    display: grid;
    gap: 10px;
}

.frontend-page .hsj-plan-options--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.frontend-page .hsj-plan-choice {
    display: block;
    min-height: 58px;
    cursor: pointer;
}

.frontend-page .hsj-plan-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.frontend-page .hsj-plan-choice span {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 12px;
    border: 1px solid rgba(19, 36, 58, .13);
    background: var(--sui-paper);
    color: var(--sui-ink);
    font-weight: 900;
}

.frontend-page .hsj-plan-choice input:checked + span {
    border-color: var(--sui-green);
    background: #fff;
    color: var(--sui-green);
    box-shadow: inset 5px 0 0 var(--sui-orange);
}

.frontend-page .hsj-plan-row {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.frontend-page .hsj-plan-row--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.frontend-page .hsj-plan-row--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.frontend-page .hsj-plan-field {
    display: grid;
    gap: 6px;
}

.frontend-page .hsj-plan-label {
    color: var(--sui-ink);
    font-weight: 900;
}

.frontend-page .hsj-plan-label span,
.frontend-page .hsj-plan-err {
    color: #c0392b;
}

.frontend-page .hsj-plan-input {
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid rgba(19, 36, 58, .16) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--sui-ink) !important;
}

.frontend-page .hsj-plan-input:focus {
    border-color: var(--sui-orange) !important;
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sui-orange) 16%, transparent) !important;
}

.frontend-page .hsj-plan-input.error {
    border-color: #c0392b !important;
}

.frontend-page .hsj-plan-textarea {
    min-height: 110px;
    resize: vertical;
}

.frontend-page .hsj-plan-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.frontend-page .hsj-plan-back,
.frontend-page .hsj-plan-next,
.frontend-page .hsj-plan-submit {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 0 !important;
    cursor: pointer;
}

.frontend-page .hsj-plan-back {
    border: 1px solid rgba(19, 36, 58, .14);
    background: #fff;
    color: var(--sui-ink);
    font-weight: 900;
}

.frontend-page .hsj-plan-submit {
    display: none;
}

.frontend-page .hsj-plan-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 18px;
    text-align: center;
}

.frontend-page .hsj-plan-success-icon {
    color: var(--sui-green);
}

@media (max-width: 1060px) {
    .frontend-page .hsj-mega-wrap {
        display: none !important;
    }

    .frontend-page .hsj-nav-list,
    .frontend-page .hsj-nav-phone {
        display: none !important;
    }

    .frontend-page .hsj-hamburger {
        display: inline-grid !important;
    }
}

@media (max-width: 820px) {
    .frontend-page .hsj-panel-body,
    .frontend-page .hsj-mega-cols,
    .frontend-page .hsj-plan-row--2,
    .frontend-page .hsj-plan-row--3,
    .frontend-page .hsj-plan-options--grid,
    .frontend-page .hsj-region-grid {
        grid-template-columns: 1fr;
    }

    .frontend-page .hsj-plan-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}