.product {
    color: var(--body-color);
    padding-top: 0;
    padding-top: var(--fixed-height);
}

/* utlities */

:root {
    --section-spacer: 6.25rem;
}

@media (min-width: 1000px) {
    :root {
        --section-spacer: 15.625rem;
    }
}

.section-padding {
    padding-top: calc(var(--section-spacer) / 2);
    padding-bottom: calc(var(--section-spacer) / 2);
}


/* intro */

.product__intro {
    padding-top: 3.125rem;
    padding-bottom: 4.6875rem;
}

.product__intro-subheader,
.product__intro-header {
    grid-column: 1 / 5;
    padding-bottom: 0.9375rem;
}

.product__intro-text {
    grid-column: 1 / 5;
}

@media (min-width: 1000px) {
    .product__intro {
        padding-bottom: 6.25rem;
    }

    .product__intro-subheader {
        grid-column: 3 / 11;
        padding-bottom: 0.9375rem;
    }

    .product__intro-header {
        grid-column: 1 / 13;
        padding-bottom: 1.5625rem;
    }

    .product__intro-text {
        grid-column: 5 / 9;
    }
}


/* overview */

.product__overview-content-container {
    row-gap: 2.5rem;
}

.product__overview-left-column,
.product__overview-right-column {
    grid-column: 1 / 5;
}

.product__overview-header {
    padding-bottom: 1.5625rem;
}

@media (min-width: 1000px) {
    .product__overview-left-column {
        grid-column: 1 / 7;
    }

    .product__overview-right-column {
        grid-column: 8 / 12;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


/* booking bar */

.product__bar {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.product__bar-content-container {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: var(--body-bg);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.product__bar-right {
    display: flex;
    align-items: flex-end;
    gap: 0.625rem;
}

.product__bar-right-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.product__bar-button-outer {
    flex-shrink: 0;
}

.product__bar-details {
    display: flex;
    flex-direction: column;
}

.product__bar-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media (min-width: 1000px) {
    .product__bar-details {
        display: block;
        padding-top: 0.21875rem;
        gap: 0.625rem;
        font-size: 0.75rem;
        line-height: 1.3;
        letter-spacing: 0;
    }

    .product__bar-banners {
        display: flex;
        gap: 0.625rem;
        padding-bottom: 0.4375rem;
    }

    .product__bar-price {
        display: block;
        font-size: 0.75rem;
        line-height: 1.3;
        letter-spacing: 0;
    }
}

/* highlights */

.product__highlights-left-column {
    grid-column: 1 / 5;
}

.product__highlights-right-column {
    grid-column: 1 / 5;
}

@media (min-width: 1000px) {
    .product__highlights-left-column {
        grid-column: 1 / 5;
    }

    .product__highlights-right-column {
        grid-column: 6 / 13;
    }
}

/* highlights navigation */

.product__highlights__swiper-navigation {
    padding-top: calc(1.5625rem - var(--wysiwyg-padding));
    padding-bottom: 2.1875rem;
}

@media (min-width: 1000px) {
    .product__highlights__swiper-navigation {
        padding-bottom: 0;
    }
}

/* highlights pagination bar */

:root {
    --product__highlights-border-height: 0.0625rem;
    --product__highlights-bar-height: 0.1875rem;
}

.product__highlights-pagination-bar {
    margin-bottom: 2.5rem;
    border-bottom: solid var(--product__highlights-border-height) var(--body-color);
}

.product__highlights-pagination-header {
    padding-bottom: 1.25rem;
}

.product__highlights-pagination-inner {
    display: flex;
}

.product__highlights-pagination-item {
    opacity: 0.4;
    cursor: pointer;
    flex: 1 1 auto;
    margin-bottom: calc(var(--product__highlights-bar-height) / -2 + var(--product__highlights-border-height) / -2);
}

.product__highlights-pagination-item.active {
    opacity: 1;
    border-bottom: solid var(--product__highlights-bar-height) var(--primary);
}

.product__highlights-pagination-item-header {
    display: none;
}

@media (min-width: 1000px) {
    .product__highlights-pagination-header {
        padding-bottom: 1.75rem;
    }

    .product__highlights-pagination-inner {
        gap: 2.5rem;
    }

    .product__highlights-pagination-item {
        flex: unset
    }

    .product__highlights-pagination-item-header {
        display: block;
    }
}


/* highlights text slider */

.product__highlights-slide-header {
    padding-bottom: 0.9375rem;
}

@media (min-width: 1000px) {
    .product__highlights-slide-header {
        display: none;
    }
}


/* highlights image slider */

.product__highlights-slide-images {
    display: grid;
    grid-column-gap: var(--x-spacer-small);
    grid-template-columns: repeat(4, 1fr);
}

.product__highlights-slide-image {
    grid-column: 1 / 5;
}

@media (min-width: 1000px) {
    .product__highlights-slide-images {
        grid-template-columns: repeat(7, 1fr);
    }

    .product__highlights-slide-image.single {
        grid-column: 1 / 8;
    }
}


/* hosts */

.product__hosts-content-container {
    row-gap: 2.5rem;
}

.product__hosts-left-column,
.product__hosts-right-column,
.product__hosts-center-column {
    grid-column: 1 / 5;
    padding-bottom: 3.125rem;
}

.product__hosts-header,
.product__hosts-subheader {
    padding-bottom: 1.5625rem;
}

@media (min-width: 1000px) {
    .product__hosts-left-column {
        grid-column: 1 / 7;
    }

    .product__hosts-center-column {
        grid-column: 1 / 13;
    }

    .product__hosts-right-column {
        grid-column: 8 / 12;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


/* included */

.product__included-left-column {
    grid-column: 1 / 5;
}

.product__included-right-column {
    grid-column: 1 / 5;
}

.product__included-header {
    padding-bottom: 3.125rem;
}

.product__included-accordion-item {
    padding: 1.25rem 0;
    border-bottom: solid 0.0625rem var(--body-color);
}

.product__included-accordion-item:first-of-type {
    border-top: solid 0.0625rem var(--body-color);
}

.product__included-accordion-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: left;
}

.product__included__plus {
    margin-left: 1.375rem;
    flex-shrink: 0;
}

.product__included-accordion-top.active,
.product__included-accordion-top:hover {
    color: var(--primary);
}

.product__included-accordion-top.active .product__included__plus {
    transform: rotate(45deg);
}

.product__included-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: grid;
    grid-column-gap: var(--x-spacer-small);
    grid-template-columns: repeat(4, 1fr);
}

.product__included-accordion-text {
    grid-column: 1 / 5;
    padding-top: 1.25rem;
}

.product__included-item {
    display: flex;
    gap: 0.625rem;
    padding-bottom: 0.625rem;
    align-items: center;
}

@media (min-width: 1000px) {
    .product__included-left-column {
        grid-column: 1 / 4;
    }

    .product__included-right-column {
        grid-column: 6 / 13;
    }

    .product__included-accordion-item {
        padding: 1.875rem 0;
        border-bottom: solid 0.0625rem var(--body-color);
    }

    .product__included__plus {
        margin-left: 5.3125rem;
    }

    .product__included-accordion-content {
        grid-template-columns: repeat(7, 1fr);
    }

    .product__included-accordion-text {
        grid-column: 1 / 5;
        padding-top: 1.875rem;
    }

    .product__included-header {
        padding-bottom: 0;
    }

    .product__included-accordion-header {
        font-size: 2.25rem;
        line-height: 1.3;
        letter-spacing: -0.01em;
    }
}


/* variants */

.product__variants-heading {
    padding-bottom: 3.125rem;
}

.product__variants-items {
    row-gap: 1.25rem;
}

.product__variants .experience-card {
    grid-column: span 6;
}



/* extras */

.product__extras-heading {
    padding-bottom: 3.125rem;
}

.product__extras-items {
    row-gap: 1.25rem;
}

.product__extras .experience-card {
    grid-column: span 4;
}


@media (min-width: 1000px) {
    .product__extras-items--1 .product__experience-card--1 {
        grid-column: 5 / 9;
    }

    .product__extras-items--2 .product__experience-card--1 {
        grid-column: 3 / 7;
    }

    .product__extras-items--2 .product__experience-card--2 {
        grid-column: 7 / 11;
    }
}

/* gallery */

.product__gallery-heading {
    padding-bottom: 3.125rem;
}

.product__gallery-swiper .product__gallery-swiper-pagination.swiper-pagination-bullets {
    bottom: 1.4375rem;
    display: flex;
    justify-content: center;
    gap: calc(0.4375rem + 0.085rem * 2);
}

.product__gallery-swiper-pagination--bullet {
    border-radius: 0;
    width: calc(1.25rem - 0.085rem * 2);
    height: calc(1.25rem - 0.085rem * 2);
    outline: 0.085rem solid var(--body-color);
    opacity: 1;
    background-color: var(--body-bg);
}

.product__gallery-swiper-pagination--bullet-active {
    border: 0.165rem solid var(--body-bg);
    background-color: var(--body-color);
}

@media (min-width: 1000px) {
    .product__gallery-heading {
        padding-bottom: 6.25rem;
    }

    .product__gallery-swiper .product__gallery-swiper-pagination.swiper-pagination-bullets {
        bottom: 2.5rem;
        gap: calc(0.4375rem + 0.10625rem * 2);
    }

    .product__gallery-swiper-pagination--bullet {
        width: calc(1.5625rem - 0.10625rem * 2);
        height: calc(1.5625rem - 0.10625rem * 2);
        outline: 0.10625rem solid var(--body-color);
    }

    .product__gallery-swiper-pagination--bullet-active {
        border: 0.20625rem solid var(--body-bg);
    }

    .product__gallery-img {
        aspect-ratio: 16 / 9;
    }
}


/* trip tips */

.product__tips-heading {
    padding-bottom: 3.125rem;
}

.product__tips-items {
    row-gap: 1.25rem;
}

.product__tips-item {
    grid-column-end: span 4;
}

.product__tips-item-image {
    margin-bottom: 1.25rem;
}

.product__tips-item-header {
    padding-bottom: 0.625rem;
}

@media (min-width: 1000px) {
    .product__tips-heading {
        padding-bottom: 5.75rem;
    }
}

/* reviews */

.product__reviews-heading {
    padding-bottom: 3.125rem;
}

.product__reviews-left-column {
    grid-column: 1 / 5;
}

.product__reviews-right-column {
    grid-column: 1 / 5;
}

.product__reviews__swiper-navigation,
.product__review-header,
.product__reviews-swiper__text {
    padding-bottom: 2.1875rem;
}

@media (min-width: 1000px) {
    .product__reviews-heading {
        padding-bottom: 5.75rem;
    }

    .product__reviews-left-column {
        grid-column: 1 / 4;
    }

    .product__reviews-right-column {
        grid-column: 4 / 13;
        margin-right: var(--x-spacer-neg);
    }

    .product__reviews__swiper-navigation {
        padding-bottom: 0;
    }

    .product__reviews-slide {
        padding-right: var(--x-spacer-small);
    }

    .product__review-header,
    .product__reviews-swiper__text {
        padding-bottom: 1.5625rem;
    }
}


/* faq */

.product__faq-left-column {
    grid-column: 1 / 5;
}

.product__faq-right-column {
    grid-column: 1 / 5;
}

.product__faq-header {
    padding-bottom: 3.125rem;
}

.product__faq-accordion-item {
    padding: 1.25rem 0;
    border-bottom: solid 0.0625rem var(--body-color);
}

.product__faq-accordion-item:first-of-type {
    border-top: solid 0.0625rem var(--body-color);
}

.product__faq-accordion-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: left;
}

.product__faq__plus {
    margin-left: 1.375rem;
    flex-shrink: 0;
}

.product__faq-accordion-top.active,
.product__faq-accordion-top:hover {
    color: var(--primary);
}

.product__faq-accordion-top.active .product__faq__plus {
    transform: rotate(45deg);
}

.product__faq-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: grid;
    grid-column-gap: var(--x-spacer-small);
    grid-template-columns: repeat(4, 1fr);
}

.product__faq-accordion-text {
    grid-column: 1 / 5;
    padding-top: 1.25rem;
}

@media (min-width: 1000px) {
    .product__faq-left-column {
        grid-column: 1 / 6;
    }

    .product__faq-right-column {
        grid-column: 6 / 13;
    }

    .product__faq-accordion-item {
        padding: 1.875rem 0;
        border-bottom: solid 0.0625rem var(--body-color);
    }

    .product__faq__plus {
        margin-left: 5.3125rem;
    }

    .product__faq-accordion-content {
        grid-template-columns: repeat(7, 1fr);
    }

    .product__faq-accordion-text {
        grid-column: 1 / 5;
        padding-top: 1.875rem;
    }

    .product__faq-header {
        padding-bottom: 0;
    }

    .product__faq-accordion-header {
        font-size: 1.4375rem;
        line-height: 1.2;
        letter-spacing: -0.01em;
    }
}