/* Mobile hero system shared by short tours, activities and multiday safaris. */
@media (max-width: 768px) {
    .three-day-refined .tour_page_head {
        min-height: 100svh !important;
        height: auto !important;
        overflow: hidden;
        background-position: center center !important;
    }

    .three-day-refined .tour_page_head .hero-overlay {
        background: linear-gradient(180deg, rgba(8, 13, 16, .18) 0%, rgba(8, 13, 16, .32) 32%, rgba(8, 13, 16, .88) 100%) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .three-day-refined .tour_page_head .breadcrumbs {
        display: none !important;
    }

    .three-day-refined .tour_page_head .header_content {
        box-sizing: border-box;
        min-height: 100svh;
        padding: 142px 0 28px !important;
    }

    .three-day-refined .tour_page_head .header_content > .wrap,
    .three-day-refined .tour_page_head .header_content > .wrap > .wrap_float {
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .three-day-refined .tour_page_head .header_content > .wrap > .wrap_float {
        display: flex !important;
        flex-direction: column;
    }

    .three-day-refined .tour_page_head .top-info {
        width: 100%;
        max-width: none;
        padding: 0 !important;
        margin: 0 !important;
    }

    .three-day-refined .tour_page_head .top-info .country {
        max-width: 32ch;
        margin: 0 0 12px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        letter-spacing: .01em;
    }

    .three-day-refined .tour_page_head .top-info .tour_title h1 {
        max-width: 100%;
        margin: 0 !important;
        font-size: clamp(31px, 9.2vw, 38px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.025em;
        text-wrap: balance;
    }

    .three-day-refined .tour_page_head .bottom-info {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        margin: 26px 0 0 !important;
        padding: 0 !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    .three-day-refined .tour_page_head .bottom-info .bottom-info-left,
    .three-day-refined .tour_page_head .bottom-info .bottom-info-right,
    .three-day-refined .tour_page_head .bottom-info .bottom-info-left .search-tour {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .three-day-refined .tour_page_head .search-form.three-day-hero-meta {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        min-height: 0 !important;
        padding: 5px 12px !important;
        border: 1px solid rgba(255, 255, 255, .22);
        border-radius: 14px;
        background: rgba(8, 15, 18, .36);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .three-day-refined .tour_page_head .search-form.three-day-hero-meta .date-col {
        box-sizing: border-box;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        min-height: 62px !important;
        padding: 11px 10px !important;
        border-right: 1px solid rgba(255, 255, 255, .18) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .18);
    }

    .three-day-refined .tour_page_head .search-form.three-day-hero-meta .date-col:nth-child(2n) {
        border-right: 0 !important;
        padding-left: 14px !important;
    }

    .three-day-refined .tour_page_head .search-form.three-day-hero-meta .date-col:nth-child(n + 3) {
        border-bottom: 0;
    }

    .three-day-refined .tour_page_head .search-form.three-day-hero-meta .date-col .label {
        margin: 0 0 4px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        letter-spacing: .13em !important;
        color: rgba(255, 255, 255, .66) !important;
    }

    .three-day-refined .tour_page_head .hero-meta-value {
        display: block;
        min-width: 0;
        font-size: 16px !important;
        line-height: 1.25 !important;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .three-day-refined .tour_page_head .bottom-info-right .info {
        display: none !important;
    }

    .three-day-refined .tour_page_head .bottom-info-right .btn.button {
        box-sizing: border-box;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 54px;
        height: auto !important;
        margin: 0 !important;
        padding: 16px 20px !important;
        border-radius: 8px;
        line-height: 1.25 !important;
        text-align: center;
    }

    .three-day-refined .tour_page_head .bottom-info-right .button-microcopy {
        margin-top: 9px;
        font-size: 11px;
        line-height: 1.35;
    }

    .three-day-refined .tour_page_head .bottom-info-right .button-microcopy::after {
        margin-top: 2px;
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    .three-day-refined .tour_page_head .header_content {
        padding-top: 128px !important;
    }

    .three-day-refined .tour_page_head .top-info .tour_title h1 {
        font-size: 30px !important;
    }
}