/** Shopify CDN: Minification failed

Line 983:33 Unexpected "first-child"

**/

/* ----------------------------------------------------------------
Instafeed app
-----------------------------------------------------------------*/

body{

    @media screen and (min-width: 768px) {
        button.instafeed-new-arrow {
            display: none !important;
        }

    }
    #insta-feed h2 {
        color: #171717;
        font-size: 30px !important;
        letter-spacing: 6px;

        @media screen and (max-width: 768px) {
            font-size: 25px !important;
            letter-spacing: 5px;
            margin-bottom: 15px;
            line-height: 1.4rem;
        }
    }

}
body.homepage{
    .text-block h3 {
        letter-spacing: 0.20em;
        text-transform: uppercase;
    }

    @media screen and (max-width: 749px) {
        .text-block h3 {
            font-size: 24px;
            line-height: 24px;
        }
    }

}

/* Collection Page Heading */
body.template-collection h1:first-of-type {
  color: #171717;
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  line-height: 34px;
  text-transform: uppercase;
}

@media screen and (max-width: 749px) {
  body.template-collection h1:first-of-type {
    font-size: 22px;
    line-height: 26px;
  }
}

/* Hero image positioning */
body .hero__image {
    object-position: bottom center;
}

/* Custom TravelPro styling */
.section.custom-travelpro {
    max-width: 1440px;
    margin: 0 auto;
}

.section.custom-travelpro .travelpro-jumbo-text__container > jumbo-text {
    letter-spacing: 0.02em;
    font-size: 48px !important;
    line-height: 48px;
    font-weight: 700;
    color: #171717;
}

.section.custom-travelpro .travelpro-jumbo-text__container > jumbo-text .travelpro-jumbo-text-line {
    background: #E3DDD6;
    margin-bottom: 6px;
}

.section.custom-travelpro p {
    font-size: 18px;
    line-height: 24px;
    color: #E3DDD6;
}

.section.custom-travelpro .button-block > a {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #171717;
}

@media screen and (min-width: 750px) {
    .section.custom-travelpro .media-block {
        min-height: 600px;
    }
}

/* Mobile responsive adjustments */
@media screen and (max-width: 749px) {
    .section.custom-travelpro .travelpro-jumbo-text__container > jumbo-text {
        font-size: 38px !important;
        line-height: 100%;
    }

    .section.custom-travelpro p {
        font-size: 16px;
        line-height: 24px;
    }

    .section.custom-travelpro .button-block > a {
        width: 100% !important;
        text-align: center;
        display: block;
    }

    .section.custom-travelpro .button-block {
        width: 100%;
    }

    .custom-travelpro .shopify-block[id*="_button"] {
        width: 100%;
    }

    /* Mobile order: content first, then media for ALL custom-travelpro sections */
    .section.custom-travelpro.media-with-content {
        grid-template-areas: 'content content content' 'media media media' !important;
    }

    .section.custom-travelpro.media-with-content.media-with-content--media-extend {
        grid-template-areas: 'content content content' 'media media media' !important;
    }

    .section.custom-travelpro .media-block {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .section.custom-travelpro .media-block__media {
        object-position: top !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: block;
        height: 100%;
    }

    .section.custom-travelpro .media-block__media img,
    .section.custom-travelpro .media-block__media picture {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        object-position: top !important;
    }
}

/* ----------------------------------------------------------------
PDP Style Fixes - Only apply to product pages
-----------------------------------------------------------------*/

/* Reviews Text */
body.template-product p.rating-count.paragraph {
    color: #27251F;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
}

body.template-product .group-block-content p.rating-count.paragraph * {
    color: #27251F;
    font-weight: 500;
    font-style: normal;
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0%;
}

body.template-product .rating-wrapper .stars {
    width : 20px;
    height: 20px;
}

/* Price Styling */
body.template-product .product-details product-price:not(.custom-typography) .price {
    color: #000000;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0%;
}

@media screen and (max-width: 749px) {
    body.template-product .product-details product-price:not(.custom-typography) .price {
        font-size: 20px;
        line-height: 28px;
    }
}

/* Swatches Label */
body.template-product .variant-option legend,
body.template-product .variant-option--swatches legend {
    color: #1D1D1D;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
}

/* Swatch Selected Value - Fixed at template level with Liquid filters + CSS backup */
body.template-product span.variant-option__swatch-value {
    text-transform: capitalize;
    color: #1D1D1D;
}

/* Installments */
body.template-product .installments,
body.template-product [class*="installment"] {
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

/* Accordion Headers (skip when Accordion block has Apply Custom Typography enabled) */
body.template-product .accordion:not(.accordion--custom-heading-typography) .details__header {
    font-weight: 500!important;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
}

/* PDP Section Headers - Use same style as homepage h3 */
body.template-product .text-block h3 {
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

@media screen and (max-width: 749px) {
    body.template-product .text-block h3 {
        font-size: 24px;
        line-height: 24px;
    }
}

/* Hide Add to Cart Icon */
body.template-product span.svg-wrapper.add-to-cart-icon {
    display: none;
}

/* Hide price container for installment-only pricing */
.installment-only div[ref="priceContainer"] {
    display: none;
}

.installment-only *{
    font-size: 14px;
}
body.template-product .product-details .button[type="submit"]:not(:where(.quick-add__button)){
    border-radius: 46px;
}
/* Wishlist Button - Display inline with Add to Cart */
body.template-product .product-form-buttons .swym-button-bar.swym-wishlist-button-bar.swym-inject {
    display: inline-block;
    vertical-align: top;
    flex-shrink: 0;
}

/* Ensure add-to-cart-component displays buttons side by side without overflow */
body.template-product add-to-cart-component {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
}

body.template-product add-to-cart-component button {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
}
.product-details .details-content h3 {
    font-size: 14px;
    font-weight: bold;
}
.product-details .details-content p, .product-details .details-content h3 {
    margin-bottom: 0;
    margin-top: 0.5em;
}

/* Accordion content scroll with fade effect */
.product-details .accordion--dividers .details-content {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 16px;
    padding-bottom: 30px;
    -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(to bottom, black calc(100% - 30px), transparent 100%);
}

/* Override base.css :focus-within that changes overflow to visible, which breaks scroll on link click */
.product-details .accordion--dividers .details-content:focus-within {
    overflow-y: auto;
}

.product-details .details-content::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
/* Ensure the wishlist button doesn't grow but can shrink if needed */
body.template-product add-to-cart-component .swym-button-bar {
    flex: 0 0 auto;
}

/* Swym places its hidden "Add to wishlist" tooltip 20px left of the heart, so on the buy box's
   right edge it hangs past the viewport and widens the page. Anchor it to the heart's right edge. */
.swym-button-bar .swym-btn-container[data-position="default"] .swym-add-to-wishlist.swym-icon .swym-tooltip .swym-tooltip-text {
    left: auto;
    right: 0;
}

/* Buy Buttons Block Spacing Adjustment */
body.template-product .buy-buttons-block {
    margin-bottom: -20px;
}

body.template-product .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-icon-left .group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style *{
    color: #171717;
}

/* PDP Mobile Section Spacing - Reduce gap between sections */
@media screen and (max-width: 749px) {

    .product-details .group-block:last-child {
        padding-bottom: 5px;
    }

    .product-benefits__item {
        padding-inline: var(--page-margin, 20px);
    }

    /*.product-benefit__content {
        background-color: #E3DDD6;
    }*/

    /* Mobile thumbnail gallery styles - targets ALL thumbnails on mobile */
    /* !important needed to override base.css clamp() and inline aspect-ratio */
    .slideshow-controls__thumbnails {
        gap: 8px !important;
        padding-inline: 8px !important;
        padding-block: 12px !important;
    }

    .slideshow-controls__thumbnails .slideshow-control {
        width: 80px !important;
        min-width: 80px !important;
        height: 80px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0 !important;
        flex-shrink: 0 !important;
    }

    .slideshow-controls__thumbnails .slideshow-control img {
        border-radius: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Selected thumbnail border - 2px solid #1D1D1D, no radius */
    .slideshow-controls__thumbnails .slideshow-control[aria-current='true'] {
        outline: none !important;
        border: 2px solid #1D1D1D !important;
        border-radius: 0 !important;
        outline-offset: 0 !important;
    }
}




/************ 29-12-2025 CSS Start ************/

/* * {
    color: var(--color1);
} */
body {
  background-color: var(--color-tertiary) !important;
  overflow: auto;
  overflow-x: hidden;
}

/* Plain white pages: shop by color, product finder, the guides hub and 4 guide pages (luggage, beginner tips, airline, destination), exclusive colors, shop by price.
   Header and footer keep the site background; everything inside <main> is white. */
:is(body.template-page-shop-by-color-3, body.template-page-jebbit, body.template-page-blog_landing_page, body.template-page-blog_landing_page2, body.template-page-blog_landing_page3, body.template-page-blog_landing_page4, body.template-page-contenthub, body.template-page-exclusive-colors, body.template-page-shop-by-price) {
  background-color: #ffffff !important;
}

:is(body.template-page-shop-by-color-3, body.template-page-jebbit, body.template-page-blog_landing_page, body.template-page-blog_landing_page2, body.template-page-blog_landing_page3, body.template-page-blog_landing_page4, body.template-page-contenthub, body.template-page-exclusive-colors, body.template-page-shop-by-price) main,
:is(body.template-page-shop-by-color-3, body.template-page-jebbit, body.template-page-blog_landing_page, body.template-page-blog_landing_page2, body.template-page-blog_landing_page3, body.template-page-blog_landing_page4, body.template-page-contenthub, body.template-page-exclusive-colors, body.template-page-shop-by-price) main :is([class*="color-scheme-"], .section-background) {
  --color-background: #ffffff;
  --color-background-rgb: 255 255 255;
  background-color: #ffffff;
}

/* Guides hub (page.contenthub): category-landing-page is shared with the shop-by pages, so scope to this template */
body.template-page-contenthub .category-landing {
  background: #ffffff;
}

body.template-page-contenthub .category-landing .cat-hero {
  background: #675144;
}

body.template-page-contenthub .category-landing .cat-hero::before {
  display: none;
}
h1, .h1, h1.h1, .h1.h1 {
    text-transform: none;
}
h2, .h2, h2.h2, .h2.h2 {
    text-transform: none;
}
h3, .h3, h3.h3, .h3.h3 {
    text-transform: none;
}
h4, .h4, h4.h4, .h4.h4 {
    text-transform: none;
}
h5, .h5, h5.h5, .h5.h5 {
    text-transform: none;
}
h6, .h6, h6.h6, .h6.h6 {
    text-transform: none;
}
.subhead {
    font: var(--subhead) !important;
}
.bodylarge {
    font: var(--bodylarge) !important;
}
/* .bodyMid, p, .p {
    font: var(--bodyMid) !important;
} */
.bodyMid,.p {
    font: var(--bodyMid) !important; 
}
.bodySmall {
    font: var(--bodySmall) !important;
}
.disclaimer {
    font: var(--disclaimer) !important;
}
.btnLarge {
    font: var(--btnLarge) !important;
}
.btnSmall {
    font: var(--btnSmall) !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
@media screen and (max-width: 600px) {
    .mob-text-left {
        text-align: left !important;
    }
    .mob-text-right {
        text-align: right !important;
    }
    .mob-text-center {
        text-align: center !important;
    }
}
.btn {
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 10px 40px;
    text-transform: uppercase;
    outline: none;
    display: inline-block;
}
.container {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 100px;
}
[data-template="collection"] .section--custom-html .section-spacing.container
 {
    max-width: 100%;
    padding: 0;
}
@media only screen and (max-width: 1024px) {
    .container {
        padding: 0 35px;
    }
}
@media only screen and (max-width: 768px) {
    .container {
        padding: 0 60px;
    }
}
@media only screen and (max-width: 480px) {
    .container {
        padding: 0 20px;
    }
}
.template-page .breadcrumb {
    display: block !important;
    margin: 20px auto;
}
.breadcrumb li {
    display: inline;
}
.breadcrumb a,
.breadcrumb span {
    font-style: normal;
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 30px;
}
.breadcrumb a {
    text-decoration: underline;
}
.breadcrumb .breadcrumb-partition {
    margin: 0 8px;
    color: #171717;
}
.slick-slider .slick-arrow {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
sub, sup {
  font-size: 40%;
  line-height: 1;
  position: relative;
  color: inherit;
}
sub {
    bottom: 0;
    vertical-align: sub;
}
sup {
    top: 0px;
    vertical-align: super;
}
blockquote {
    font-style: italic;
    font-weight: 300 !important;
    font-size: 1.125rem;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.2em;
    color: var(--color1);
    margin: 45px auto;
    max-width: 600px;
    width: 100%;
    text-transform: uppercase;
    border: 0 !important;
    padding: 0 !important;
    margin-inline: auto !important;
}
@media only screen and (max-width: 768px) {
    blockquote {
        margin: 30px auto !important;
        font-size: 1rem;
        line-height: 1.75;
        padding-inline: 5px !important;
    }
}
/****** Accordion Css Start [Globle] ******/
.swatches {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.swatches .swatch {
    margin: 0;
    width: 26px;
    height: 26px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    background-size: 150%;
    background-position: center;
    background-repeat: no-repeat;
}
.swatches .swatch.active {
    border-color: var(--color1);
}
.swatches .swatch:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    /* width: calc(100% - 2px); */
    /* height: calc(100% - 2px); */
    border: 2px solid transparent;
    border-radius: 50%;
}
.swatches .swatch.active:after {
    border-color: var(--color-white);
}
/****** Accordion Css Start [Globle] ******/

/****** Accordion Css Start [Globle] ******/
.accordion-container .set h3 {
    width: 100%;
    display: inline-block;
    color: #000;
    text-transform: capitalize;
    position: relative;
    font-weight: 600;
    padding: 29px 70px 29px 70px;
    font-size: 20px;
    line-height: 1.3;
    border: 1px solid transparent;
    margin: 0;
    border-color: #cfcfcf;
    cursor: pointer;
}
.accordion-container .set h3 span {
    transition: ease-in-out all 0.5s;
}
.accordion-container .set h3 span:after {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0%, -50%);
    height: 22px;
    width: 2px;
    background: #000;
    transition: ease-in-out all 0.5s;
    opacity: 1;
}
.accordion-container .set h3 span:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0%, -50%);
    height: 2px;
    width: 22px;
    background: #000;
}
.accordion-container .set h3.active {
    color: #236192;
    background: #eff6fb;
}
.accordion-container .set h3.active span::after {
    opacity: 0;
}
.accordion-container .set .content {
    display: none;
    padding: 30px 34px;
}
.accordion-container .content p {
    padding: 0 0 0 34px;
    position: relative;
}
.accordion-container .content p:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 0;
    top: 0;
}
.warranty_section .content p{
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.accordion-container .set h3.active span:before{
    background: #236192;
}
.warranty_section {
    margin-bottom: 20px !important;
}
.warranty_section .content p a{
    color: #236192;
    border-bottom: solid 1px #236192;
    padding: 0 0 2px 0;
    text-decoration:none;
}
.accordion-container .content p span{
    white-space: nowrap;
}
.warranty_section .accordion-container .content p + :is(h1,h2,h3,h4,h5,h6) {
    margin-block-start: 1.33em;
}
.warranty_section .accordion-container .content :is(h1,h2,h3,h4,h5,h6) {
    padding: 0 0 0 34px;
    margin-block-end: 1.33em;
}
@media only screen and (max-width: 768px){
    .accordion-container .content p{
        padding: 0 0 0 0;
    }
}
.warranty_page{
    @media only screen and (max-width: 991px){
        .durability-video-section .tested-title h2, .warranty_section .section-title h2,.durability-start-section .text-section h1 {
            font-size: 30px;
            line-height: 33px;
        }
    }
    @media only screen and (max-width: 768px){
        .durability-video-section {
            padding: 0 0 15px 0;
        }
    }
}
.accordion-container .content h4,
.accordion-container .content h5{
    margin: 0;
    font-size: inherit;
    font: var(--bodyMid) !important;
}
/****** Accordion Css End [Globle] ******/

/****** Rich Text Editor Start ******/
.rte ul {
    list-style: disc outside !important;
}
.rte ul, .rte ol {
    margin: 0 0 50px 100px;
}
/****** Rich Text Editor End ******/
.template-product accordion-custom .rte ul
 {
    margin: 0 0 35px 15px;
    max-width: fit-content;
}

/****** PDP Accordion UL/LI Font Fix ******/
/* Match UL/LI font to bodyMid (16px) instead of h6 size (0.875rem/14px) */
/* Target all UL/LI inside accordion details-content, not just .rte */
.template-product .accordion .details-content ul,
.template-product .accordion .details-content ol,
.template-product .accordion .details-content ul li,
.template-product .accordion .details-content ol li {
    font: var(--bodyMid) !important;
    font-weight: 300;
}

/* PDP Details accordion: breathing room between bullets (2026-08-19) */
.template-product .accordion .details-content ul li,
.template-product .accordion .details-content ol li {
    margin-bottom: 0.7em;
    line-height: 1.55;
}
.template-product .accordion .details-content ul li:last-child,
.template-product .accordion .details-content ol li:last-child {
    margin-bottom: 0;
}

/* Fix UL padding - max 30px instead of 40px */
.template-product .accordion .details-content ul,
.template-product .accordion .details-content ol {
    padding-inline-start: 30px;
}
/****** PDP Accordion UL/LI Font Fix End ******/

/************************ Header CSS Start ************************/
.header-section:not(:has(.header[transparent])) {
    border-bottom: 1px solid #ECECEC;
    background: #fdfcf6;
}

.header-section:has(.header[transparent]) {
    border-bottom: none;
    background: transparent;
}
/************************ Header CSS End ************************/

/************************ Content Page CSS Start ************************/
.template-page .page-width {
    max-width: 1440px;
    padding: 0 100px;
    margin: 0 auto;
}
.page-content {
    max-width: 840px;
    margin: 45px auto 45px auto;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    cursor: auto;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: inherit;
    color: #171717;
}
.page-content a {
    color: #5E2E33;
}
.page-content a:hover {
    color: #675144;
}
.page-content .btn {
    color: var(--color-white) !important;
}
.page-content audio,
.page-content video,
.page-content img {
    height: auto;
    width: 100%;
}
.page-content img:has( + :is(p, h2, h3)),
.page-content div:has(img):has( + :is(p, h2, h3)) {
    /* margin: 0 0 24px; */
}
.page-content p img {
    margin: 24px 0;
}
.page-content ul,
.page-content ol,
.page-content .rte ul,
.page-content .rte ol {
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    letter-spacing: inherit;
    color: #171717;
    margin: 0 0 45px 35px;
    padding-left: 0;
}
.page-content ul li,
.page-content ol li {
    margin-bottom: 15px;
    padding-left: 20px;
    list-style: inherit;
}
.page-content.content-template ul li,
.page-content.content-template ol li {
    margin-bottom: 5px;
    padding-left: 12px;
}
.page-content ul li:last-child,
.page-content ol li:last-child,
.page-content.content-template ul li:last-child,
.page-content.content-template ol li:last-child {
    margin-bottom: 0;
}
.page-content .text-center {
    text-align: center;
}
.page-content p {
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: inherit;
    color: #171717;
    margin-top: 0;
    margin-bottom: 24px;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    margin: 0;
    font-style: normal;
    font-weight: 300;
    display: block;
    color: #171717;
    letter-spacing: inherit;
    text-transform: none;
}
.page-content h1 {
    margin-bottom: 45px;
    font: var(--h4) !important;
}
.page-content h2 {
    letter-spacing: 0;
    margin-bottom: 15px;
    font: var(--h6) !important;
}
.page-content h3 {
    margin-bottom: 15px;
    letter-spacing: 0;
    text-transform: uppercase;
    font: var(--bodylarge) !important;
} 
.page-content h4 {
    margin-bottom: 15px;
    letter-spacing: 0;
    text-transform: uppercase;
    font: var(--bodyMid) !important;
}
.page-content h5 {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0;
}
.page-content h6 {
    font-size: 0.75rem;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 10px;
} 
.page-content .rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
}
.page-content .rte__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-content .rte__table-wrapper {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.page-content table {
    table-layout: fixed;
    margin: 0 0 45px 0;
    border-spacing: 1px;
}
.page-content table td,
.page-content table th {
    font-style: normal;
    padding: 13px 20px;
    text-align: left;
}
.page-content table tr:nth-child(even) {
    background-color: #ececec;
}
.page-content table tr:nth-child(odd) {
    background-color: var(--color-white);
}
.page-content table tr:nth-child(first-child) {
    background-color: #236192;
}
.page-content table th {
    color: var(--color-white);
    background-color: #236192;
    font-weight: 300;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    border-right: 2px solid var(--color-white);
}
.page-content table th:last-child {
    border-right: unset;
}
.page-content table td {
    color: #171717;
    letter-spacing: inherit;
    white-space: nowrap;
}
.page-content .rte__table-wrapper table {
    table-layout: auto;
    width: 100%;
    border-spacing: 0;
} 
.page-content .rte__table-wrapper table thead th {
    font-size: 0.75rem;
    line-height: 12px;
    text-transform: uppercase;
    background: #236192;
    letter-spacing: 3px;
    color: var(--color-white);
    font-weight: 300;
    border-right: 2px solid var(--color-white);
    padding: 16px 5px;
}
.page-content .rte__table-wrapper table thead th:last-child {
    border-right: unset;
}
.page-content .rte__table-wrapper table tbody tr {
    font-size: 0.875rem;
    line-height: 24px;
    border:0;
}
.page-content .rte__table-wrapper table tbody tr td:last-child {
    border-right: none;
}
.page-content .rte__table-wrapper table tbody tr td a {
    color: #236192;
}
.page-content .rte__table-wrapper table tbody tr td a:hover {
    color: #675144;
}
.page-content .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 20px;
}
.page-content .col-2 {
    width: calc(50% - 10px);
    /* padding: 0 10px; */
} 
.page-content .content_row {
    margin-bottom: 60px; 
}
.page-content .btn {
    font-style: normal;
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 10px 40px;
    text-transform: uppercase;
    outline: none;
    display: inline-block;
}
.page-content .btn-primary {
    background-color: #171717;
    color: var(--color-white);
}
.page-content .btn-primary:hover {
    background-color: #675144;
}
.page-content .image-with-text {
    display: flex;
    flex-direction: row;
    max-width: 1070px;
    margin: 5px auto 5px auto;
    padding: 0;
    align-items: center;
} 
.page-content .image-with-text .content-text {
    flex-basis: 60%;
}
.image-with-text.right .content-text :empty:not(img, br) {
    display: none;
}
.page-content .image-with-text .content-text h3,
.page-content .image-with-text .content-text h2.h3_change {
    font-size: 1.375rem;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 300;
    color: #171717;
    font-style: normal;
    margin-bottom: 15px;
} 
.page-content .image-with-text .content-text .content-description {
    display: block;
    font-size: 0.875rem;
    line-height: 24px;
    font-weight: 300;
    font-style: normal;
    color: #171717;
}
.page-content .image-with-text .content-image {
    flex-basis: 50%;
}
.page-content .image-with-text:last-of-type {
    margin-bottom: 25px !important;
}
.page-content .image-with-text:last-of-type .content-text .content-description {
    margin-bottom: 0 !important;
}
.image-with-text.right .content-text {
    padding-right: 6%;
}
.image-with-text.left {
    flex-direction: row-reverse;
}
.image-with-text.left .content-text {
    padding-left: 6%;
}
.image-with-text.left .content-image {
    padding-right: 32px;
}
.product_artical {
    margin: 0 0 20px 20px;
    max-width: 280px;
    width: 100%;
    float: right;
    transition: all ease-in-out .3s;
}
@media only screen and (max-width: 1024px) {
    .template-page .page-width {
        padding: 0 20px;
    }
    .page-content {
        max-width: 1024px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .page-content {
        padding: 0;
        max-width: 100%;
        margin-bottom: 30px;
        margin-top: 37px;
        margin: 15px auto 45px auto;
    }
    .page-content ul,
    .page-content ol,
    .page-content .rte ul,
    .page-content .rte ol {
        margin: 0 0 30px 12px;
    }
    .page-content p {
        margin-bottom: 30px;
    }
    .page-content h1,
    .page-content h2,
    .page-content h3,
    .page-content h4,
    .page-content h5,
    .page-content h6 {
        margin-bottom: 15px;
    }
    .page-content h1 {
        font-size: 1.875rem;
        line-height: 45px;
        margin-bottom: 15px;
    }
    .page-content h2 {
        font-size: 1.5rem;
        line-height: 29px;
    }
    .page-content h3 {
        font-size: 1.25rem;
        line-height: 24px;
    }
    .page-content h6 {
        line-height: 18px;
    }
    .page-content .rte__table-wrapper {
        margin-bottom: 30px;
    }
    .page-content .rte__table-wrapper table {
        width: 800px;
        margin-bottom: 20px;
    }
    .page-content .col-2 {
        width: 100%;
    }
    .page-content .row_reverse {
        flex-direction: column-reverse; 
    } 
    .page-content .image-with-text {
        padding: 0;
        margin: 60px auto 0 auto;
    }
    .page-content .image-with-text .content-text {
        width: 100%;
    }
    .page-content .image-with-text .content-text h3,
    .page-content .image-with-text .content-text h2.h3_change {
        margin-top: 30px;
    }
    .page-content .image-with-text .content-text .content-description {
        margin-bottom: 20px;
    }
    .page-content .image-with-text .content-image {
        width: 100%;
    }
    .image-with-text.right {
        flex-direction: column-reverse;
    }
    .image-with-text.right .content-text {
        padding-right: 0;
    }
    .image-with-text.left {
        flex-direction: column-reverse;
    }
    .image-with-text.left .content-text {
        padding-left: 0;
    }
    .image-with-text.left .content-image {
        padding-right: 0;
    }
}
/************************ Content Page CSS End ************************/

/************************ Travelpro Guides Hub Page CSS Start ************************/
.category-landing-wrapper .category-landing-width .category-list .cl-grid a .content h2 {
    text-transform: capitalize;
}
.category-landing-wrapper .page-heading .content-head {
    padding: 0 20px;
}
.category-landing-wrapper .category-landing-width .container {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: 0 100px;
}
.category-landing-wrapper .category-landing-width .page-heading h1 {
    letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
    .category-landing-wrapper .category-landing-width .container {
        padding: 0 35px;
    }
}
@media screen and (max-width: 768px) {
    .category-landing-wrapper .category-landing-width .container {
        padding: 0 60px;
    }
}
@media screen and (max-width: 480px) {
    .category-landing-wrapper .category-landing-width .container {
        padding: 0 20px;
    }
}
/************************ Travelpro Guides Hub Page CSS End ************************/

/************************ Corporate Gifting Landing Page CSS Start ************************/
/****** Aviation Landing Section Css Start ****/
.aviation-landing-section .landing-text .landing-header {
    font: var(--h1) !important;
}
.aviation-landing-section .mobile-landing-text .landing-header {
    line-height: 1;
}
/****** Aviation Landing Section Css Start ****/

/****** Quadrant Section Css Start ****/
.quadrant-section {
    padding: 0 0 40px;
}
.shopify-quadrant-section:has(+ .shopify-section .new-fifty-fifty) .quadrant-section,
.shopify-quadrant-section:has(+ .shopify-section .image-with-description-section) .quadrant-section {
    padding: 0;
}
/* Contain the section using the theme's own page vars so it matches the
   sections above/below exactly (store is set to "wide": 2400px content,
   20px desktop / 16px mobile margins). No bare .page-width rule exists in
   this theme outside page templates, so the constraint must live here.
   Mobile stays full-bleed — the stacked square tiles are art-directed for it. */
.quadrant-section .page-width {
    max-width: var(--page-width, 2400px);
    margin: 0 auto;
    padding: 0 var(--page-margin, 20px);
}
@media screen and (max-width: 768px) {
    .quadrant-section .page-width {
        padding: 0;
    }
}
.quadrant-section .section-content {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.quadrant-section .quadrant-block {
    flex: 1 0 calc(50% - 8px);
    position: relative;
}
/* Desktop: shorter 5:4 tiles inside the standard page grid (the previous
   full-bleed 1:1 pair filled nearly the whole viewport with no gutter).
   Mobile keeps the square art-directed crop. */
@media screen and (min-width: 769px) {
    .quadrant-section .quadrant-block .quadrant-image {
        padding-bottom: 80%;
    }
}
.quadrant-section .quadrant-block a {
    display: block;
}
.quadrant-section .quadrant-block .quadrant-image {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}
.quadrant-section .quadrant-block .quadrant-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.quadrant-section .quadrant-block .quadrant-text {
    position: absolute;
}
.quadrant-section .quadrant-block .quadrant-text,
.quadrant-section .quadrant-block .quadrant-text.top-left {
    top: 48px;
    left: 48px;
}
.quadrant-section .quadrant-block .quadrant-text.top-right {
    top: 48px;
    left: auto;
    right: 48px;
    text-align: right;
}
.quadrant-section .quadrant-block .quadrant-text.bottom-left {
    top: auto;
    left: 48px;
    bottom: 48px;
}
.quadrant-section .quadrant-block .quadrant-text.bottom-right {
    top: auto;
    left: auto;
    right: 48px;
    bottom: 48px;
}
.quadrant-section .quadrant-block .quadrant-text h3 {
    margin: 0 0 10px;
    font-display: swap;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    display: inline-block;
    background: #171717;
    padding: 2px 8px;
}
.quadrant-section .quadrant-block .quadrant-text h2.h5 {
    margin: 0 0 10px;
    color: var(--color-white);
    font-display: swap;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    /* Single soft shadow for light-on-photo text; the per-block styles remove
       it entirely when a dark text color is configured (see section liquid) */
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.quadrant-section .quadrant-block .quadrant-text .shop-btn {
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.5;
    background-color: #E3DDD6;
    color: #000;
    text-transform: capitalize;
    letter-spacing: normal;
    padding: 6px 16px;
}
.quadrant-block a:after {
    background: linear-gradient(180deg, transparent 0 40%, #191919 100%);
}
@media screen and (max-width: 768px) {
    .quadrant-section .quadrant-block {
        flex: 1 0 100%;
    }
    .quadrant-section .quadrant-block .quadrant-image img.desktop-img {
        display: none;
    }
    .quadrant-section .quadrant-block a {
        position: relative;        
    }
    .quadrant-section .quadrant-block a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(0,0,0,0.88));
    }
    .quadrant-section .quadrant-block .quadrant-text {
        z-index: 1;
    }
    .quadrant-section .quadrant-block .quadrant-text,
    .quadrant-section .quadrant-block .quadrant-text.mob_top-left {
        left: 24px;
        bottom: 24px;
    }
    .quadrant-section .quadrant-block .quadrant-text.mob_top-right {
        top: 24px;
        right: 24px;
        text-align: right;
    }
    .quadrant-section .quadrant-block .quadrant-text.mob_bottom-left {
        top: unset;
        left: 24px;
        bottom: 24px;
    }
    .quadrant-section .quadrant-block .quadrant-text.mob_bottom-right {
        top: unset;
        right: 24px;
        bottom: 24px;
        text-align: right;
    }
}
@media screen and (min-width: 769px) {
    .quadrant-section .quadrant-block .quadrant-image img.mobile-img {
        display: none;
    }
}
/****** Quadrant Section Css End ****/

/****** Carousel  Section Css Start ****/
.carousel-wrapper .carousel-nav {
    border: unset;
}
/****** Carousel  Section Css End ****/
/************************ Corporate Gifting Landing Page CSS End ************************/

/************************ Travelpro Versapack Plus Page CSS Start ************************/
/**** Versapackplus Hero Section Start ****/
.versapackplus-hero-section {
    position: relative;
    /* height: calc(100vh - 181px); */
}
.versapackplus-hero-section .versapackplus-media {
    position: relative;
    width: 100%;
    padding-top: 65.15%;
}
.versapackplus-hero-section .versapackplus-media img:not(.play-pause-btn img),
.versapackplus-hero-section .versapackplus-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.versapackplus-hero-section .logo-with-title {
    max-width: 900px;
    width: 47%;
    position: absolute;
    top: 30%;
    right: 15px;
}
.versapackplus-hero-section .logo-with-title img {
    max-width: 900px;
    width: 100%;
    object-fit: scale-down;
    object-position: center left;
}
.versapackplus-hero-section .logo-with-title h1 {
    font-size: 52px;
    font-weight: 300;
    color: var(--color-white);
    text-align: center;
    margin: 15px 0 0;
    font: var(--h2) !important;
    font-size: clamp(16px, 4vw, 54px) !important;
}
.versapackplus-hero-section .logo-with-title .btn {
    color: $color-body-text;
    background-color: var(--color-white);
    padding: 12px 40px 10px;
    margin: 15px 0 0;
    border-radius: 60px;
}
.versapackplus-hero-section .versapackplus-media .play-pause-btn {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.versapackplus-hero-section .versapackplus-media .play-pause-btn img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    display: block;
    cursor: pointer;
}
.versapackplus-hero-mobile-btn {
    padding: 20px 20px 0;
    text-align: center;
}
.versapackplus-hero-mobile-btn .btn {
    background-color: #67766f;
    color: var(--color-white);
    border-radius: 5px;
}
@media screen and (max-width: 1440px) {
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 48px; */
    }
    .versapackplus-hero-section .versapackplus-media .play-pause-btn {
        width: 100px;
        height: 100px;
    }
}
@media screen and (max-width: 1280px) {
    .versapackplus-hero-section .logo-with-title {
        width: 45%;
    }
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 38px; */
    }
}
@media screen and (max-width: 1024px) {
    .versapackplus-hero-section .logo-with-title {
        width: 40%;
    }
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 32px !important; */
    }
    .versapackplus-hero-section .versapackplus-media .play-pause-btn {
        width: 80px;
        height: 80px;
    }
    .versapackplus-about-section .inner-content .description p {
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 850px) {
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 26px !important; */
    }
}
@media screen and (max-width: 768px) {
    .versapackplus-hero-section .versapackplus-media .desktop-video {
        display: none;
    }
    .versapackplus-hero-section .versapackplus-media {
        padding-top: 100%;
    }
}
@media screen and (max-width: 640px) {
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 20px !important; */
        margin: 10px 0 0;
    }
    .versapackplus-hero-section .versapackplus-media .play-pause-btn {
        width: 60px;
        height: 60px;
    }
    .versapackplus-hero-section .logo-with-title .btn {
        padding: 9px 23px 6px;
    }
}
@media screen and (max-width: 575px) {
    .versapackplus-hero-section .logo-with-title .btn {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .versapackplus-hero-section .logo-with-title .btn {
        font-size: 10px;
        padding: 5px 13px 3px;
    }
}
@media screen and (max-width: 370px) {
    .versapackplus-hero-section .logo-with-title {
        width: 38%;
    }
    .versapackplus-hero-section .logo-with-title h1 {
        /* font-size: 16px !important; */
        margin: 5px 0 0;
    }
}
@media screen and (min-width: 576px) {
    .versapackplus-hero-mobile-btn {
        display: none;
    }
}
@media screen and (min-width: 769px) {
    .versapackplus-hero-section .versapackplus-media .mobile-video {
        display: none;
    }
}
/**** Versapackplus Hero Section End ****/
/**** Versapackplus About Section Start ****/
.versapackplus-about-section {
    padding: 130px 0 100px;
}
.versapackplus-about-section .section-content {
    position: relative;
    padding: 10.796% 0 9.091%;
    overflow: hidden;
}
.versapackplus-about-section .section-content .section-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.15);
}
.versapackplus-about-section .section-content .section-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: -100px center;
}
.versapackplus-about-section .inner-content {
    position: relative;
    z-index: 1;
    max-width: 940px;
    width: 55%;
    margin: 0 0 0 auto;
    padding: 0 30px 0 0;
}
.versapackplus-about-section .inner-content .description {
    max-width: 775px;
    width: 100%;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.2;
    /*color: #67766f;*/
}
.versapackplus-about-section .inner-content .description img {
    display: inline-block;
    width: 240px;
    object-fit: contain;
    object-position: center;
    float: left;
    margin: 10px 12px 0 0;
}
.versapackplus-about-section .inner-content .description p {
    margin: 0 0 40px;
}
.versapackplus-about-section .inner-content .description p:last-child {
    margin: 0;
}
@media screen and (max-width: 1440px) {
    .versapackplus-about-section .section-content .section-banner img {
        object-position: -50px center;
    }
    .versapackplus-about-section .inner-content {
        width: 50%;
    }
    .versapackplus-about-section .inner-content .description {
        font-size: 30px;
    }
    .versapackplus-about-section .inner-content .description img {
        width: 200px;
    }
    .versapackplus-about-section {
        padding: 100px 0;
    }
    .versapackplus-about-section .inner-content .description p {
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 1280px) {
    .versapackplus-about-section .inner-content .description {
        font-size: 26px;
    }
}
@media screen and (max-width: 1024px) {
    .versapackplus-about-section {
        padding: 70px 0;
    }
    .versapackplus-about-section .inner-content .description {
        font-size: 22px;
    }
    .versapackplus-about-section .inner-content .description img {
        width: 135px;
        margin: 8px 10px 0 0;
    }
    .versapackplus-about-section .inner-content .description p {
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 850px) {
    .versapackplus-about-section {
        padding: 50px 0;
    }
}
@media screen and (max-width: 768px) {
    .versapackplus-about-section .section-content {
        padding: 0;
    }
    .versapackplus-about-section .section-content .section-banner {
        position: relative;
        transform: unset;
        margin: 0 0 30px;
    }
    .versapackplus-about-section .section-content .section-banner img {
        object-position: center;
    }
    .versapackplus-about-section .section-content .section-banner .desktop-banner {
        display: none;
    }
    .versapackplus-about-section .inner-content {
        width: 100%;
        padding: 0 30px;
    }
    .versapackplus-about-section .inner-content .description p {
        margin: 0 0 15px;
    }
}
@media screen and (max-width: 640px) {
    .versapackplus-about-section .inner-content .description {
        font-size: 18px;
    }
    .versapackplus-about-section .inner-content .description img {
        width: 115px;
        margin: 6px 6px 0 0;
    }
}
@media screen and (max-width: 480px) {
    .versapackplus-about-section .inner-content {
        padding: 0;
    }
}
@media screen and (min-width: 481px) {
    .versapackplus-about-section .container {
        padding: 0;
        max-width: 100%;
    }
}
@media screen and (min-width: 769px) {
    .versapackplus-about-section .section-content .section-banner .mobile-banner {
        display: none;
    }
}
/**** Versapackplus About Section End ****/

/**** Packing Accessories Section Start ****/
.packing-accessories-section {
    padding: 50px 0 70px;
    /* background-color: #f2f0f1; */
    background-color: #e6e5e3;
}
.packing-accessories-section .section-title h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 40px;
    font: var(--h6) !important;
    font-display: swap;
    letter-spacing: 0;
    text-transform:none;
}
.packing-accessories-section .section-title h2 p {
    margin: 0;
    font: inherit !important;
}
.packing-accessories-section .section-title h2 strong {
    display: block;
    font-size: inherit;
    line-height: inherit;
}
.packing-accessories-carousel .slide-content {
    padding: 0 15px;
}
.packing-accessories-carousel .slide-content .slide-image {
    width: 100%;
    position: relative;
    padding-top: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.packing-accessories-carousel .slide-content .slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.packing-accessories-carousel .slide-content .slide-text {
    text-align: center;    
}
.packing-accessories-carousel .slide-content .slide-text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    color: $color-body-text;
    font: var(--bodyMid) !important;
}
.packing-accessories-carousel .slide-content .slide-text .btn {
    background-color: var(--color1);
    border-radius: 100px;
    display: inline-block;
    margin: 10px 0 0;
    color: #fff;
}
.packing-accessories-carousel .slick-arrow {
    position: absolute;
    top: 38%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 5px;
    border: 0;
    background-color: transparent;
}
.packing-accessories-carousel .slick-arrow.prev-arrow {
    left: 0;
}
.packing-accessories-carousel .slick-arrow.next-arrow {
    right: 0;
}
.packing-accessories-carousel .slick-arrow svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1440px) {
    .packing-accessories-section .section-title h2 {
        font-size: 38px;
    }
}
@media screen and (max-width: 1280px) {
    .packing-accessories-section .section-title h2 {
        font-size: 32px;
        padding: 0 0 30px;
    }
}
@media screen and (max-width: 1024px) {
    .packing-accessories-section .section-title h2 {
        font-size: 26px;
    }
    .packing-accessories-carousel .slide-content {
        padding: 0 10px;
    }
}
@media screen and (max-width: 850px) {
    .packing-accessories-carousel .slide-content .slide-text h3 {
        font-size: 16px;
    }
    .packing-accessories-section {
        padding: 50px 0;
    }
    .packing-accessories-section .section-title h2 {
        font-size: 21px;
    }
}
@media screen and (max-width: 640px) {
    .packing-accessories-section {
        padding: 30px 0;
    }
    .packing-accessories-section .section-title h2 {
        font-size: 20px;
        padding: 30px 15px;
    }
    .packing-accessories-section .section-title h2 {
        padding: 0 15px 30px;
    }
    .packing-accessories-section .section-title h2 strong {
        display: inline;
    }
}
/**** Packing Accessories Section End ****/

/**** Versa Video Block Start ****/
.versa-video-block-section {
    
}
.versa-video-block-section .container {
    padding: 0;
    max-width: 100%;
}
.versa-video-block-section .secton-title h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 40px 0;
    background-color: #e6e5e3;
    font: var(--h6) !important; 
    font-display: swap;
}
.versa-video-block-section .secton-title h2 p {
    margin: 0;
    font: inherit !important;
}
.versa-video-block-section .video-inner {
    position: relative;
    width: 100%;
    padding-top: 58.45%;
    overflow: hidden;
}
.versa-video-block-section .video-inner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.versa-video-block-section .video-inner .play-pause-btn {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.versa-video-block-section .video-inner .play-pause-btn img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    display: block;
    cursor: pointer;
}
@media screen and (max-width: 1440px) {
    .versa-video-block-section .video-inner .play-pause-btn {
        width: 100px;
        height: 100px;
    }
    .versa-video-block-section .secton-title h2 {
        font-size: 38px;
    }
}
@media screen and (max-width: 1280px) {
    .versa-video-block-section .secton-title h2 {
        font-size: 32px;
        padding: 40px 0 30px;
    }
}
@media screen and (max-width: 1024px) {
    .versa-video-block-section {
        padding: 70px 0;
    }
    .versa-video-block-section .secton-title h2 {
        font-size: 26px;
    }
    .versa-video-block-section .video-inner .play-pause-btn {
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width: 850px) {
    .versa-video-block-section {
        padding: 50px 0;
    }
    .versa-video-block-section .secton-title h2 {
        font-size: 21px;
    }
}
@media screen and (max-width: 768px) {
    .versa-video-block-section .video-inner {
        padding-top: 100%;
    }
    .versa-video-block-section .video-inner .video-desktop {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .versa-video-block-section .video-inner .play-pause-btn {
        width: 60px;
        height: 60px;
    }
    .versa-video-block-section .secton-title h2 {
        font-size: 20px;
        padding: 30px 15px;
    }
}
@media screen and (min-width: 769px) {
    .versa-video-block-section .video-inner .video-mobile {
        display: none;
    }
}
/**** Versa Video Block End ****/

/**** Packing Versality Start ****/
.packing-versality-section .container {
    padding: 0;
    max-width: 100%;
}
.packing-versality-section .section-content {
    background-color: #e6e5e3;
    padding: 50px;
}
.packing-versality-section .section-title h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 50px;
    font: var(--h6) !important;
    font-display: swap;
}
.packing-versality-wrapper {
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.packing-versality-wrapper .block-column {
    display: block;
    padding: 0;
}
.packing-versality-wrapper .block-content {
    width: 100%;
    position: relative;
}
.packing-versality-wrapper .block-img {
    width: 100%;
    padding-top: 98.7%;
    position: relative;
}
.packing-versality-wrapper .block-img .videowise-background,
.packing-versality-wrapper .block-img .video_wrrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.packing-versality-wrapper .block-img img,
.packing-versality-wrapper .block-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.packing-versality-wrapper .block-img .play-pause-btn {
    display: none;
}
.packing-versality-wrapper .block-img:has(video) .play-pause-btn {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    cursor: pointer;
}
.packing-versality-wrapper .block-content .text {
    margin: 0;
    font-size: 30px;
    color: var(--color-white);
    position: absolute;
    max-width: 265px;
    font-weight: 400;
    line-height: normal;
    font: var(--subhead) !important;
}
.packing-versality-wrapper .block-content .text strong {
    display: block;
}
.packing-versality-wrapper .block-content .block-text {
    position: absolute;
    /* left: 50%; */
    /* transform: translate(-50%, 0px); */
    text-align: center;
    padding: 30px 15px;
    /* max-width: 350px; */
    width: 100%;
    margin: auto;
}
.packing-versality-wrapper .block-content .block-text.top-center {
    top: 0;
}
.packing-versality-wrapper .block-content .block-text.bottom-center {
    top: auto;
    bottom: 0;
}
.packing-versality-wrapper .block-content .block-text h4 {
    margin: 0 0 5px;
    font-size: 28px;
    line-height: normal;
    font-weight: bold;
    color: inherit;
    letter-spacing: 0.05em;
    font: var(--h6) !important;
}
.packing-versality-wrapper .block-content .block-text p {
    font-size: 18px;
    line-height: normal;
    color: inherit;
}
.packing-versality-wrapper .block-content .block-text .block-btns {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0;
    gap: 10px;
}
.packing-versality-wrapper .block-content .block-text .block-btns .btn {
    border: 1px solid var(--color1);
    border-radius: 100px;
    padding: 8px 20px;
}
.packing-versality-wrapper .block-content .block-text .block-btns .learn-more-btn {
    background-color: var(--color1);
    color: var(--color-white);
}
@media screen and (max-width: 1440px) {
    .packing-versality-section .section-title h2 {
        font-size: 38px;
    }
    .packing-versality-wrapper {
        gap: 30px;
    }
    .packing-versality-wrapper .block-content .text {
        font-size: 21px;
        max-width: 190px;
    }
}
@media screen and (max-width: 1280px) {
    .packing-versality-section .section-title h2 {
        font-size: 32px;
        padding: 0 0 30px;
    }
    .packing-versality-section .section-content {
        padding: 50px 30px;
    }
}
@media screen and (max-width: 1140px) {
    .packing-versality-wrapper .block-content .text {
        font-size: 18px;
    }
}
@media screen and (max-width: 1024px) {
    .packing-versality-section .section-title h2 {
        font-size: 26px;
    }
    .packing-versality-section .section-content {
        padding: 40px 30px;
    }
    .packing-versality-wrapper .block-content .text {
        font-size: 16px;
        max-width: 170px;
    }
}
@media screen and (max-width: 850px) {
    .packing-versality-section .section-title h2 {
        font-size: 21px;
    }
    .packing-versality-section .section-content {
        padding: 40px 25px;
    }
    .packing-versality-wrapper {
        gap: 25px;
    }
}
@media screen and (max-width: 768px) {
    .packing-versality-wrapper .block-content .text {
        font-size: 13px;
    }
    .packing-versality-wrapper .block-img:has(video) .play-pause-btn {
        width: 70px;
        height: 70px;
    }
    .packing-versality-wrapper .block-content .block-text h4 {
        font-size: 24px;
    }
    .packing-versality-wrapper .block-content .block-text p {
        font-size: 16px;
    }
}
@media screen and (max-width: 640px) {
    .packing-versality-section .section-title h2 {
        font-size: 20px;
        padding: 0 15px 30px;
    }
    .packing-versality-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .packing-versality-wrapper .block-content .text {
        font-size: 14px;
    }   
}
/**** Packing Versality End ****/

/**** Underseat Tote Start ****/
.underseat-tote-section {
    padding: 100px 0;
}
.underseat-tote-section .secton-title h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 40px;
    padding:0 !important;
    font: var(--h6) !important;
    font-display: swap;
}
.underseat-tote-section .underseat-tote-carousel {
    padding: 0;
    margin: 0;
}
.underseat-tote-carousel .slide-content {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -7.5px; */
    margin: 0;
    width: auto;
}
.underseat-tote-carousel .slide-content .left-content,
.underseat-tote-carousel .slide-content .right-content {
    width: 50%;
    /* padding: 0 7.5px; */
    padding: 0;
}
.underseat-tote-carousel .left-content .pro_banner-image {
    width: 100%;
    height: 100%;
    position: relative;
}
.underseat-tote-carousel .left-content .pro_banner-image *,
.underseat-tote-carousel .left-content .pro_banner-image .reeview-app-widget {
    height: 100%;
}
.underseat-tote-carousel .left-content .pro_banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.underseat-tote-carousel .right-content .inner-right-content {
    padding: 30px;
    background-color: transparent;
    height: 100%;
}
.underseat-tote-carousel .product-details {
    display: block;
}
.underseat-tote-carousel .product-details h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px;
    color: $color-body-text;
    text-transform: capitalize;
    font: var(--h5) !important;
}
.underseat-tote-carousel .product-details .description {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    color: $color-body-text;
    max-width: 650px;
    width: 100%;
}
.underseat-tote-carousel .product-details .description p {
    margin: 0;
}
.underseat-tote-carousel .product-details .pro_shop_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 5px 0 25px;
}
.underseat-tote-carousel .product-details .pro_shop_price p {
    margin: 0;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    color: $color-body-text;
}
.underseat-tote-carousel .product-details .pro_shop_price p span {
    text-decoration: line-through;
}
.underseat-tote-carousel .product-details .pro_shop_price .btn-primary {
    background-color: var(--color-white);
    color: $color-body-text;
    border-radius: 50px;
    font-weight: bold;
    font-size: 17px;
    padding: 18px 49px 16px;
    border: 1px solid var(--color1);
}
.sub-underseat_carousel {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.sub-underseat_carousel .innner-slide-content {
    width: 100%;
}
.sub-underseat_carousel .product-image {
    position: relative;
    width: 100%;
    padding-top: 75%;
}
.sub-underseat_carousel .product-image img,
.sub-underseat_thumb_carousel .thumb_product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.sub-underseat_thumb_carousel .thumb_product-image img {
    object-fit: cover;
}
.sub-underseat_thumb_carousel .slick-list {
    margin: 0 -15px;
}
.sub-underseat_thumb_carousel .slick-list .slick-track {
    margin: 0;
}
.sub-underseat_thumb_carousel .slick-slide {
    padding: 0 15px;
    opacity: 0.8;
}
.sub-underseat_thumb_carousel .slick-slide.slick-current {
    opacity: 1;
}
.sub-underseat_thumb_carousel .thumb_product-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.underseat-tote-carousel .slick-dots:not(.sub-underseat_carousel .slick-dots, .sub-underseat_thumb_carousel .slick-dots) {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 0;
    left: 0;
    margin: 30px 0;
}
.underseat-tote-carousel .slick-dots li {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    height: auto;
}
.underseat-tote-carousel .slick-dots li button,
.underseat-tote-carousel .slick-dots li button:focus:not(.focus-visible) {
    background-color: #525051;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    border: 2px solid #525051 !important;
}
.underseat-tote-carousel .slick-dots li button:before {
    display: none;
}
.underseat-tote-carousel .slick-dots li.slick-active button,
.underseat-tote-carousel .slick-dots li.slick-active button:focus:not(.focus-visible) {
    background-color: transparent !important;
}
.sub-underseat_thumb_carousel .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%);
}
.sub-underseat_thumb_carousel .slick-arrow.slick-disabled {
    opacity: 0.2;
}
.sub-underseat_thumb_carousel .prev-arrow {
    left: -20px;
}
.sub-underseat_thumb_carousel .next-arrow {
    right: -20px;
}
.underseat-tote-carousel .product_swatches {
    margin: 20px 0;
}
.underseat-tote-carousel .slick-arrow:not(.sub-underseat_thumb_carousel .slick-arrow) {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
}
.underseat-tote-carousel .slick-arrow:not(.sub-underseat_thumb_carousel .slick-arrow).prev-arrow {
    left: 0;
}
.underseat-tote-carousel .slick-arrow:not(.sub-underseat_thumb_carousel .slick-arrow).next-arrow {
    right: 0;
}
.underseat-tote-carousel .slick-track:not(.sub-underseat_carousel .slick-track, .sub-underseat_thumb_carousel .slick-track) {
    display: flex;
}
.underseat-tote-carousel .slick-slide:not(.sub-underseat_carousel .slick-slide, .sub-underseat_thumb_carousel .slick-slide) {
    height: auto;
}
.underseat-tote-btn .btn {
    background-color: #67766f;
    color: var(--color-white);
    border-radius: 5px;
    max-width: 300px;
    width: 100%;
}
@media screen and (max-width: 1440px) {
    .underseat-tote-section .secton-title h2 {
        font-size: 38px;
    }
}
@media screen and (max-width: 1280px) {
    .underseat-tote-section .secton-title h2 {
        font-size: 32px;
        padding: 40px 0 30px;
    }
    .underseat-tote-section .secton-title h2{
        margin-bottom:30px;
    }
    .underseat-tote-carousel .product-details .description {
        font-size: 22px;
    }
    .underseat-tote-carousel .product-details .pro_shop_price p {
        font-size: 24px;
    }
    .underseat-tote-carousel .product-details .pro_shop_price .btn-primary {
        padding: 12px 33px 10px;
        font-size: 14px;
    }
    .underseat-tote-carousel .product-details h2 {
        font-size: 26px;
    }
    .sub-underseat_carousel .product-image {
        padding-top: 62%;
    }
    .sub-underseat_thumb_carousel .slick-list {
        margin: 0 -10px;
    }
    .sub-underseat_thumb_carousel .slick-slide {
        padding: 0 10px;
    }
}
@media screen and (max-width: 1024px) {
    .underseat-tote-section .secton-title h2 {
        font-size: 26px;
    }
    .underseat-tote-carousel .right-content .inner-right-content {
        padding: 20px;
    }
    .underseat-tote-section {
        padding: 70px 0;
    }
    .packing-versality-section .section-content {
        padding: 40px 30px;
    }
    .underseat-tote-carousel .product-details h2 {
        font-size: 22px;
    }
    .underseat-tote-carousel .product-details .description {
        font-size: 18px;
    }
    .underseat-tote-carousel .product-details .pro_shop_price p {
        font-size: 20px;
    }
    .sub-underseat_carousel .product-image {
          padding-top: 56%;
    }
}
@media screen and (max-width: 850px) {
    .underseat-tote-section .secton-title h2 {
        font-size: 21px;
    }
    .underseat-tote-section {
        padding: 50px 0;
    }
    .underseat-tote-carousel .product-details h2 {
        font-size: 20px;
    }
    .underseat-tote-carousel .product-details .description {
        font-size: 16px;
    }
    .underseat-tote-carousel .product-details .pro_shop_price p {
        font-size: 18px;
    }
    .underseat-tote-carousel .product-details .pro_shop_price .btn-primary {
        padding: 8px 23px 6px;
        font-size: 12px;
    }
    .underseat-tote-carousel .product_swatches .swatches .swatch {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 768px) {
    .underseat-tote-carousel .slide-content .left-content,
    .underseat-tote-carousel .slide-content .right-content {
        width: 100%;
    }
    .underseat-tote-carousel .right-content .inner-right-content {
        padding: 30px;
    }
    .underseat-tote-carousel .slick-arrow:not(.sub-underseat_thumb_carousel .slick-arrow).prev-arrow svg {
        margin: auto auto auto 5px;
    }
    .underseat-tote-carousel .slick-arrow:not(.sub-underseat_thumb_carousel .slick-arrow).next-arrow svg {
        margin: auto 5px auto auto;
    }
    .underseat-tote-carousel .slick-dots:not(.sub-underseat_carousel .slick-dots, .sub-underseat_thumb_carousel .slick-dots) {
        margin: 20px 0;
    }
    .underseat-tote-btn .btn {
      max-width:max-content;
      width:auto;
    }
}
@media screen and (max-width: 640px) {
    .underseat-tote-section .secton-title h2 {
        font-size: 20px;
        padding: 30px 15px;
    }
    .underseat-tote-section .secton-title h2 {
        margin-bottom: 15px;
    }
    .underseat-tote-carousel .right-content .inner-right-content {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 480px) {
    .sub-underseat_carousel .product-image {
        padding-top: 100%;
    }
}
/**** Underseat Tote End ****/

/**** Underseat layout_2 Tote Start ****/
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content {
    gap: 30px;
    padding: 0 30px;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .left-content,
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .right-content {
    width: calc(50% - 15px);
    padding: 0;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .left-content .pro_banner-image {
    /* padding-bottom: 100%; */
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .left-content .pro_banner-image img {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .right-content .inner-right-content {
    background-color: transparent;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .right-content .right-content-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .right-content .right-content-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .right-content .inner-right-content .product-image {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 25px;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .right-content .inner-right-content .product-image .inner_product_img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .right-content .inner-right-content .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    /* position: absolute; */
    top: 0;
    left: 0;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    top: auto;
    left: 0;
    right: 0;
    bottom: 11%;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content:has(.right-content-banner) .product-details {
    position: absolute;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product-details h2 {
    margin: 0 0 25px;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details .pro_shop_price {
    margin: 0;
    flex-wrap: wrap;
    gap: 30px 20px;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product-details .pro_shop_price .product_swatches {
    flex: 1;
    margin: 0;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product_swatches .swatches {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px 8px;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product-details .pro_shop_price .price {
    text-align: right;
    font-weight: bold;
    max-width: 100px;
    width: 100%;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product-details .pro_shop_price .shop-now-btn {
    width: 100%;
    text-align: center;
}
.underseat-tote-section.layout_2 .underseat-tote-carousel .product-details .pro_shop_price .shop-now-btn .btn {
    background-color: var(--color1);
    color: var(--color-white);
    max-width: 220px;
    width: 100%;
    font-size: 17px;
    line-height: normal;
    padding: 16px 40px 14px;
}
@media screen and (max-width: 1440px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
        bottom: 8%;
    }
}
@media screen and (max-width: 1200px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
        bottom: 6%;
    }
}
@media screen and (max-width: 1024px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .product-details .pro_shop_price .shop-now-btn .btn {
        max-width: unset;
        width: unset;
        font-size: 14px;
        padding: 10px 40px 8px;
    }
}
@media screen and (max-width: 850px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
        bottom: 25px;
        padding: 0 25px;
    }
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details .pro_shop_price {
        margin: 0;
        flex-wrap: wrap;
        gap: 15px;
    }
}
@media screen and (max-width: 768px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content {
        padding: 0;
        gap: 20px;
    }
    .underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .left-content,
    .underseat-tote-section.layout_2 .underseat-tote-carousel .slide-content .right-content {
        width: 100%;
    }
    .underseat-tote-section.layout_2 .underseat-tote-carousel .left-content .pro_banner-image {
        padding-bottom: 115%;
    }
    .underseat-tote-section.layout_2 .underseat-tote-carousel .left-content .pro_banner-image img {
        position: absolute;
        top: 0;
        left: 0;
        object-position: center 32%;
    }
}
@media screen and (max-width: 575px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .product-details h2 {
        margin: 0 0 15px;
    }
}
@media screen and (max-width: 480px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
        bottom: 20px;
    }
}
@media screen and (max-width: 370px) {
    .underseat-tote-section.layout_2 .underseat-tote-carousel .inner-right-content .product-details {
        bottom: 15px;
    }
}
/**** Underseat layout_2 Tote End ****/

/**** Underseat layout_3 Tote End ****/
.underseat-tote-section.lay_layout_3 .slide-content {
    gap: 0 14px;
}
.underseat-tote-section.lay_layout_3 .slide-content .left-content,
.underseat-tote-section.lay_layout_3 .slide-content .right-content {
    width: calc(50% - 7px);
}
.underseat-tote-section.lay_layout_3 .slide-content .right-content .product-details {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    gap: 8px 10px;
    margin: 0 0 50px;
    width: 100%;
}
.underseat-tote-section.lay_layout_3 .slide-content .right-content .product-details h2,
.underseat-tote-section.lay_layout_3 .underseat-tote-carousel .product-details .pro_shop_price {
    margin: 0;
}
.underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 10px;
    margin: 0 0 50px;
}
.underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap .left_wrrap,
.underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap .right_wrrap {
    width: calc(50% - 5px);
}
.underseat-tote-section.lay_layout_3 .right-content .underseat_carousel_wrrap .product-details {
    margin: 0;
    max-width: 350px;
    width: 100%;
    gap: 60px 0;
    flex-wrap: wrap;
}
.underseat-tote-section.lay_layout_3 .underseat-tote-carousel .product_swatches .swatches {
    flex-wrap: wrap;
}
.underseat-tote-section.lay_layout_3 .sub-underseat_carousel .product-image {
    padding-top: 100%;
}
.underseat-tote-carousel .product-details .pro_shop_price .btn-primary {
    color: var(--color-white);
    background-color: var(--color1);
}
@media screen and (max-width: 1200px) {
    .underseat-tote-section.lay_layout_3 .right-content .underseat_carousel_wrrap .product-details {
        gap: 35px 0;
    }
}
@media screen and (max-width: 1024px) {
    .underseat-tote-section.lay_layout_3 .slide-content .right-content .product-details {
        margin: 0 0 25px;
    }
    .underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap {
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 768px) {
    .underseat-tote-section.lay_layout_3 .slide-content .left-content,
    .underseat-tote-section.lay_layout_3 .slide-content .right-content {
        width: 100%;
    }
    .underseat-tote-section.lay_layout_3 .right-content .underseat_carousel_wrrap .product-details {
        max-width: 280px;
    }
}
@media screen and (max-width: 575px) {
    .underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap .left_wrrap,
    .underseat-tote-section.lay_layout_3 .underseat_carousel_wrrap .right_wrrap {
        width: 100%;
    }
}
/**** Underseat layout_3 Tote End ****/
/************************ Travelpro Versapack Plus Page CSS End ************************/

/****** New Fifty Fifty Css Section Start ******/
.new-fifty-fifty .fifty-fifty {
    height: auto;
    flex-wrap: wrap;
    display: flex;
}
.new-fifty-fifty .fifty-fifty.right {
    flex-direction: row-reverse;
}
.new-fifty-fifty .fifty-fifty .fifty-fifty-image,
.new-fifty-fifty .fifty-fifty .fifty-fifty-text {
    width: 50%;
    flex: unset;
}
.new-fifty-fifty .fifty-fifty .fifty-fifty-text {
    padding: 48px;
}
.new-fifty-fifty .fifty-fifty-text {
    text-align: left;
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-inner {
    /* max-width: 624px; */
    max-width: 436px;
    width: 100%;
    margin: auto 0;
}
.new-fifty-fifty .fifty-fifty-text .subtitle {
    font: var(--body_Mid);
    font-weight: 600;
    letter-spacing: 0;
    /* letter-spacing: .05em; */
    margin: 0 0 20px;
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-title {
    font-display: swap;
    font-weight: 800;
    margin: 0 0 20px;
    text-transform: uppercase;
    /* letter-spacing: 0.1em; */
    letter-spacing: 0;
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-title span {
    display: inline-block;
    font: inherit;
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-title span:not(:last-of-type) {
    margin: 0 0 5px;
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-description {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    font: var(--bodySmall);
}
.new-fifty-fifty .fifty-fifty-text .fifty-fifty-description p {
    font: inherit;
    color: inherit;
    margin: 0;
}
.new-fifty-fifty .fifty-fifty-text .pro_link {
    display: inline-block;
    margin: 20px 0 0;
}
.new-fifty-fifty .fifty-fifty-text .pro_link .shop-link-text {
    display: flex;
    align-items: center;
    /* text-transform: uppercase; */
    border-radius: 50px;
    background-color: var(--new-color-primary);
    color: var(--color-secondary);
    font: var(--bodyMid);
    padding: 11px 20.5px 8px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}
.new-fifty-fifty .fifty-fifty-text .pro_link .shop-link-text span {
    display: flex;
    margin: 0 0 0 14px;
}
.new-fifty-fifty .fifty-fifty .fifty-fifty-image .fifty-video {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.new-fifty-fifty .fifty-fifty .fifty-fifty-image .fifty-video img,
.new-fifty-fifty .fifty-fifty .fifty-fifty-image .fifty-video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
.new-fifty-fifty .fifty-fifty .fifty-fifty-image .fifty-video .videowise-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .new-fifty-fifty .fifty-fifty-text {
        padding: 40px 24px;
    }
    .new-fifty-fifty .fifty-fifty-text .fifty-fifty-title {
        font-size: 36px;
    }
}
@media screen and (max-width: 768px) {
    .new-fifty-fifty .fifty-fifty .fifty-fifty-image,
    .new-fifty-fifty .fifty-fifty .fifty-fifty-text {
        width: 100%;
    }
    .new-fifty-fifty .fifty-fifty.right {
        /* flex-direction: column-reverse; */
    }
    .new-fifty-fifty .fifty-fifty .fifty-fifty-text {
        padding: 64px 30px;
    }
}
/****** New Fifty Fifty Css Section End ******/

/****** Tmp Maxlite Air V2 Versapackplus Hero Section Start ******/
.tmp-maxlite-air-v2 #MainContent {
    padding-top: 0;
}
.tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
    max-width: 840px;
    top: 41%;
    right: 5.886%;
    transform: translate(0px, -50%);
}
.tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title img {
    filter: drop-shadow(0px 0 82px rgba(0, 0, 0, 1)) drop-shadow(0px 0 83px rgba(0, 0, 0, 1));
}
.tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title h1 {
    margin: 45px 0 0;
    font-weight: 600;
    position: relative;
    font: var(--h2) !important;
}
.tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
    margin: 20% 0 0;
    background-color: var(--color-white) !important;
    color: $color-body-text !important;
    font-size: 28px;
    line-height: 1;
    padding: 20px 40px 18px;
}
@media screen and (max-width: 1440px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
        max-width: 600px;
        right: 3.886%;
    }
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title h1 {
        margin: 30px 0 0;
    }
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
        margin: 80px 0 0;
    }
}
@media screen and (max-width: 1200px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
        font-size: 28px;
    }
}
@media screen and (max-width: 1024px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
        top: 50%;
    }
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title h1 {
        margin: 15px 0 0;
    }
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
        margin: 40px 0 0;
    }
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
        right: 15px;
    }
}
@media screen and (max-width: 768px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title .btn {
        font-size: 16px;
        padding: 17px 30px 15px;
    }
}
@media screen and (max-width: 575px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
        top: calc(50% - 64px);
    }
}
@media screen and (max-width: 380px) {
    .tmp-maxlite-air-v2 .versapackplus-hero-section .logo-with-title {
        right: 10px;
    }    
}
/****** Tmp Maxlite Air V2 Versapackplus Hero Section End ******/

/****** Tmp Maxlite Air V2 Packing Versality Section Start ******/
.tmp-maxlite-air-v2 .packing-versality-section .section-content {
    padding: 0 10px;
    background-color: transparent;
}
/****** Tmp Maxlite Air V2 Packing Versality Section End ******/


/****** Gift Guide Landing Page Start ******/
div#shopify-section-template--16178410750050__home_page_hero_6LBBcG {
    margin: 0;
}
.new-travel-gift-guides .slideshow__slide {
    padding: 0 40px;
}
.new-travel-gift-guides .full_width .slideshow__slide {
    padding: 0;
}
.new-travel-gift-guides .slideshow__image-div a {
    position: relative;
    width: 100%;
    padding-bottom: 33.5%;
}
.new-travel-gift-guides .full_width .slideshow__image-div a {
    padding-bottom: 38.5%;
}
.new-travel-gift-guides .slideshow__image-div a .slideshow__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
}
.new-travel-gift-guides .hero-fixed-width__content {
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
    max-width: 340px;
    width: 100%;
    text-align: center;
}
.new-travel-gift-guides .slideshow__text-content--vertical-left .hero-fixed-width__content {
    left: 13%;
}
.new-travel-gift-guides .slideshow__text-content--vertical-right .hero-fixed-width__content {
    left: auto;
    right: 13%;
}
.new-travel-gift-guides .full_width .hero-fixed-width__content {
    max-width: 100%;
    width: 100%;
    top: 48%;
    transform: translate(0px, -50%);
    left: 0;
    padding: 0 0 0 9%;
    text-align: left;
}
.new-travel-gift-guides .hero-fixed-width__content .mega-title1 {
    font-size: 38px;
    letter-spacing: 3.2px;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
}
.new-travel-gift-guides .hero-fixed-width__content .mega-title1 * {
    font: inherit;
    margin: 0;
}
.new-travel-gift-guides .hero-fixed-width__content .mega-title1:after {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 80px;
    height: 2px;
    background-color: var(--color1);
}
.new-travel-gift-guides .full_width .hero-fixed-width__content .mega-title1 {
    font-size: 64px;
    line-height: 1.05;
    margin: 0;
    padding: 0;
}
.new-travel-gift-guides .full_width .hero-fixed-width__content .mega-title1:after {
    display: none;
}
.new-travel-gift-guides .hero-fixed-width__content  .mega-subtitle {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
.new-travel-gift-guides .hero-fixed-width__content .mega-subtitle p {
    font-size: 18px;
    margin: 0;
}
.gift-guide-text-section {
    padding: 6% 0;
}
.gift-guide-text-section .section-content .description {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    font-size: 38px;
    line-height: 1.3;
}
.gift-guide-text-section .section-content .description p {
    font: inherit;
    margin: 0;
}
.gift-guide-text-section .section-content .description h2 {
    font: var(--h4) !important;
    letter-spacing: 0;
    margin: 0 0 30px;
    text-transform: none;
}
.new-travel-gift-guides .product-grid-slider-section {
    padding: 0 0 50px;
}
.new-travel-gift-guides .product__list__slider.no_slider {
    gap: 30px;
    margin: 0;
}
.new-travel-gift-guides .product__list__slider.no_slider .slide-content {
    max-width: calc(25% - calc(90px/4));
    padding: 0;
}
.new-travel-gift-guides .product__list__slider .grid__item-prod .pro-image {
    margin: 0;
}
.new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details {
    font-size: 20px;
    text-align: center;
    padding: 20px 30px 0;
}
.new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details p {
    font: inherit;
    margin: 0;
}
.new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details p strong,
.new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details p b {
    display: block;
}
.new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details *:empty {
    display: none;
}
.new-travel-gift-guides .slideshow__image-div .plus_url {
    z-index: 1;
    display: flex;
    flex-direction: column;
    transform: none;
    max-width: 300px;
    width: max-content;
}
.new-travel-gift-guides .slideshow__image-div .plus_url a {
    display: block;
    margin: unset;
    width: 100%!important;
    padding: 0;
}
.new-travel-gift-guides .slideshow__image-div .plus_url a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 5px rgba(255,255,255,0.5);
    animation: escalar 1s infinite linear;
    opacity: 0;
}
.new-travel-gift-guides .slideshow__image-div .plus_url[style="text-align:right"] a:after {
    left: auto;
    right: 0;
}
@keyframes escalar {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(1.5);
        opacity: 0;
    }
}
.new-travel-gift-guides .jolly-gift-wraper .icon_2 a {
    margin-bottom: 22px;
}
.new-travel-gift-guides .plus_url svg {
    width: 35px;
    height: 35px;
}
.new-travel-gift-guides .plus_url p {
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--color-white);
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0 35px;
}
.new-travel-gift-guides .plus_url[style="text-align:right"] p {
    padding: 0 35px 0 0;
}
.new-travel-gift-guides .site-footer {
    margin: 50px 0 0;
}
@media screen and (max-width: 1200px) {
    .new-travel-gift-guides .plus_url p {
        font-size: 16px;
    }
}
@media screen and (max-width: 1024px) {
    .new-travel-gift-guides .hero-fixed-width__content,
    .new-travel-gift-guides .full_width .hero-fixed-width__content {
        transform: unset;
    }
    .new-travel-gift-guides .full_width .hero-fixed-width__content {
        padding: 30px 15px 0;
        text-align: center !important;
    }
    .new-travel-gift-guides .full_width .hero-fixed-width__content .mega-title1 {
        font-size: 48px;
    }
    .gift-guide-text-section {
        padding: 30px 0 60px;
    }
    .gift-guide-text-section .section-content .description {
        max-width: 550px;
        font-size: 26px;
    }
    .new-travel-gift-guides .slideshow__slide {
        padding: 0;
    }
    .new-travel-gift-guides .hero-fixed-width__content {
        max-width: 100%;
        transform: unset;
        padding: 30px 0 0;
    }
    .new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details {
        padding: 18px 0 0;
    }
}
@media screen and (max-width: 991px) {
    .new-travel-gift-guides .hero-fixed-width__content .mega-title1 {
        font-size: 32px;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }
    .new-travel-gift-guides .plus_url p {
        font-size: 14px;
        padding: 0 0 0 20px;
    }
    .new-travel-gift-guides .plus_url[style="text-align:right"] p {
        padding: 0 20px 0 0;
    }
    .new-travel-gift-guides .plus_url svg {
        width: 20px;
        height: 20px;
    }
    .new-travel-gift-guides .slideshow__image-div .plus_url a:after {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 850px) {
    .new-travel-gift-guides .product__list__slider.no_slider .short-block-right-details {
        font-size: 16px;
    }
    .new-travel-gift-guides .full_width .hero-fixed-width__content .mega-title1 {
        font-size: 42px;
    }
    .new-travel-gift-guides .product__list__slider.no_slider {
        gap: 20px;
    }
    .new-travel-gift-guides .product__list__slider.no_slider .slide-content {
        max-width: calc(25% - calc(60px/4));
    }
}
@media screen and (max-width: 768px) {
    .new-travel-gift-guides .slideshow__image-div {
        max-width: 450px;
        margin: 0 auto;
    }
    .new-travel-gift-guides .full_width .slideshow__image-div {
        max-width: 100%;
    }
    .new-travel-gift-guides .slideshow__image-div a,
    .new-travel-gift-guides .full_width .slideshow__image-div a {
        padding-bottom: 100%;
    }
    .gift-guide-text-section {
        padding: 30px 0 40px;
    }
    .new-travel-gift-guides .product__list__slider.no_slider .slide-content {
        max-width: calc(50% - 10px);
        margin: 0;
    }
    .new-travel-gift-guides .product-grid-slider-section {
        padding: 0 0 30px;
    }
    .new-travel-gift-guides .full_width .hero-fixed-width__content .mega-title1 {
        font-size: 32px;
    }
    .gift-guide-text-section .section-content .description {
        font-size: 18px;
    }
    .new-travel-gift-guides .hero-fixed-width__content .mega-title1 {
        font-size: 26px;
        padding: 0 0 15px;
    }
    .new-travel-gift-guides .slideshow__image-div .plus_url {
        max-width: 200px;
    }
}
/****** Gift Guide Landing Page End ******/

/****** Site Map Page Css Start ****/
.template-page-sitemap .page-content .row {
    gap: 0;
}
.template-page-sitemap .page-content .row .col-md-6 {
    /* width: calc(50% - 10px); */
    width: 100%;
}
.page-width.breadcrumbs_nav {
    max-width: 100% !important;
    padding: 0 40px;
}

@media screen and (max-width: 768px) {
    .page-width.breadcrumbs_nav {
        padding: 0 25px;
    }
}
/****** Site Map Page Css End ****/

/****** Return Your Travelpro Order Page Css Start ****/
.other-sites > h2 {
    font-weight: 800 !important;
}
/****** Return Your Travelpro Order Page Css End ****/

/****** Shop Luggage By Price Page Css Start ****/
.static-width {
    max-width: 1440px; 
    width:100%;
    margin:0 auto;
}
.feature-container {
    display: flex;
}
.feature-container-block {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 33.33%;
    padding: 15px 15px;
}
.feature-container-video,
.feature-container-image {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 100%;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 1rem;
}
.feature-container-image video,
.feature-container-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature-title {
    text-align: center;
    margin-bottom: 1rem;
}
.feature-container-block .feature-title h3 {
    font: var(--bodyMid);
    font-display: swap;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: center;
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0 25px 0 0;
}
.feature-container-block .feature-title h3:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23111' height='18' role='img' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.2121 14.5196V14.7596L8.45578 15H10.4061L10.8928 14.7596L16.5 9.23965V8.75982L10.8928 3.23921L10.4061 3H8.45578L8.2121 3.23921V3.47984L12.6002 7.80014V8.04006L1.86409 8.0416L1.5 8.50308V9.5L1.86409 9.96183L12.6002 9.96029V10.2L8.2121 14.5196Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.above_three .feature-container-block {
    width: 50%;
}
.shopify-section.index-section--slideshow {
    width: auto;
}
/****** Shop Luggage By Price Page Css End ****/

/****** Home Page Hero Section Css Start ****/
.slideshow__slide {
    position: relative;
    padding: 0 2.5px;
}
.slideshow__image-div {
    position: relative;
}
.fordesktop {
    display: block !important;
}
.formobile {
    display: none !important;
}
img.hero-fixed-width__image, 
.slideshow__image {
    width: 100%;
}
.slideshow__text-content--vertical-left .hero-fixed-width__content {
    position: absolute;
    top: 220px;
    left: 100px;
    width: 320px;
}
.slideshow__text-content--vertical-left .hero-fixed-width__content .mega-title1 {
    text-transform: none;
}
.mega-title1 {
    margin: 0;
    margin-bottom: 25px;
    font: var(--h4) !important;
    letter-spacing: 0;
    font-display: swap;
}
.mega-title1 p {
    font: inherit !important;
    color: inherit !important;
}
.mega-subtitle p {
    margin-bottom: 25px;
}
.template-page-exclusive-colors .index-section--slideshow {
    margin-bottom: 30px;
}
.slideshow__text-content--vertical-right .hero-fixed-width__content {
    position: absolute;
    top: 50%;
    right: 100px;
    width: 320px;
    left: unset;
    transform: translateY(-50%);
}
.slideshow__text-content--vertical-left .hero-fixed-width__content.content-bg {
    width: 315px;
    padding: 15px;
}
.slideshow__text-content--vertical-center {
	text-align: center;
}
.slideshow__text-content--vertical-center .hero-fixed-width__content {
	top: 185px;
	right: 0;
	width: 290px;
	left: 0;
	bottom: unset;
	margin: auto;
}
.slideshow__text-content--vertical-center .hero-fixed-width__content.content-bg {
	width: 320px;
	padding: 15px;
}
.slideshow__text-content--vertical-left .hero-fixed-width__content {
	position: absolute;
	top: 220px;
	left: 100px;
	width: 320px;
}
@media screen and (max-width: 1280px) {
    .slideshow__text-content--vertical-right .hero-fixed-width__content {
        right: 80px;
    }
}
@media screen and (max-width: 1220px) {
    .slideshow__text-content--vertical-left .hero-fixed-width__content {
        top: 160px;
    }
    .slideshow__text-content--vertical-center .hero-fixed-width__content {
        top: 120px;
	}
}
@media screen and (max-width: 1120px) {
    .mega-title1 {
        margin-bottom: 15px;
    }
    .mega-subtitle p {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .template-page-exclusive-colors .index-section--slideshow {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .fordesktop {
        display: none !important;
    }
    .formobile {
        display: block !important;
    }
    .index-section--slideshow div .slideshow-wrapper .slideshow__slide .slideshow__image-div .formobile {
        min-height: 120vw;
    }
    .slideshow__text-content--vertical-right .hero-fixed-width__content, 
    .slideshow__text-content--vertical-left .hero-fixed-width__content, 
    .slideshow__text-content--vertical-center .hero-fixed-width__content {
        text-align: center;
        position: unset;
        top: unset;
        left: unset;
        width: 100%;
        padding: 15px 45px;
        transform: none;
    }
    .mega-title1 {
        color: #171717 !important;
    }
    .mega-subtitle {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 769px) {
    .hero-slim .slideshow__text-content--vertical-left .hero-fixed-width__content {
        top: 130px;
    }
}
@media only screen and (min-width:1025px) {
  .slideshow .slideshow__text-content .hero-fixed-width__content {
    top: 50%;
    transform: translateY(-50%);
  }
}
/****** Home Page Hero Section Css End ****/

/****** Hero slim Slider Css Start ******/
.hero-slim-slider .slideshow__slide {
    padding: 0;
}
.hero-slim-slider .slideshow__image-div {
    position: relative;
    width: 100%;
}
.hero-slim-slider .slideshow__image-div:after {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 65%); */
}
.hero-slim-slider .slideshow__image-div .fordesktop {
    width: 100%;
    padding-top: 34.63%;
}
.hero-slim-slider .slideshow__image-div .fordesktop img,
.hero-slim-slider .slideshow__image-div .formobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.hero-slim-slider .press-carousel button.slick-arrow {
    height: 6rem;
    width: 3rem;
    background-color: rgba(255, 255, 255, 0.48) !important;
    transition: all ease-in-out .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}
.hero-slim-slider .press-carousel button.slick-arrow:hover {
    background-color: rgba(255, 255, 255, 1) !important;
}
.hero-slim-slider .press-carousel .slick-arrow.prev-arrow {
    left: 1.5rem;
}
.hero-slim-slider .press-carousel .slick-arrow.next-arrow {
    right: 1.5rem;
}
.hero-slim-slider .press-carousel .slick-dots {
    margin: 10px 0 0;
}
@media screen and (max-width: 1280px) {
    .slideshow__text-content--vertical-right .hero-fixed-width__content {
        right: 80px;
    }
}
@media screen and (max-width: 768px) {
    .hero-slim-slider .slideshow__image-div .fordesktop {
        display: none !important;
    }
    .hero-slim-slider .slideshow__image-div .formobile, .hero-slim-slider .slideshow__image-div .formobile img {
        display: block !important;
    }
    .hero-slim-slider .slideshow__image-div .formobile {
        padding-top: 120%;
        width: 100%;
        position: relative;
    }
    .hero-slim-slider .press-carousel button.slick-arrow {
        width: 3rem;
        height: 3rem;
    }
}
/****** Hero slim Slider Css End ******/

/****** Launch Slider Section Css Start [Home Page] ******/
.launch-slider .slideshow__image-div .fordesktop {
    padding-top: 42.19%;   
}
.launch-slider .slideshow__image-div .fordesktop video,
.launch-slider .slideshow__image-div .formobile video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.launch-slider .hero-fixed-width__content {
    max-width: 450px;
    width: 100%;
    z-index: 1;
    right: 70px;
    text-align: center;
}
.launch-slider .hero-fixed-width__content .mega-title1 {
    text-transform: uppercase;
    margin: 0 0 8px;
    font-size: clamp(38px, 2.75vw, 52px);
    line-height: 1;
    text-align: center;
    font: var(--h4) !important;
    letter-spacing: 0;
    font-display: swap;
}
.launch-slider .hero-fixed-width__content .mega-title1 sup {
    font-size: 32%;
    /*top: -5px;
    /*left: 0px;*/
    /*vertical-align: super;*/
}
.launch-slider .hero-fixed-width__content .mega-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 0.05em;
    margin: 30px auto;
    text-transform: uppercase;
    text-align: center;
    max-width: 320px;
    width: 100%;
}
.launch-slider .hero-fixed-width__content .mega-subtitle {
    max-width: 500px;
    width: 100%;
    margin: 0 0 35px;
    text-align: center;
}
.launch-slider .hero-fixed-width__content .mega-subtitle p {
    /*font-size: 22px;*/
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    /* color: var(--color-white) !important; */
}
.launch-slider .hero-fixed-width__content .mega-subtitle p:not(:last-child) {
    margin: 0 0 20px;
}
.launch-slider .hero-fixed-width__content .mega-subtitle:has(p:empty) {
    display: none;
}
.launch-slider .hero-fixed-width__content .btn {
    border-radius: 0px;
    max-width: 320px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.launch-slider .hero-fixed-width__content .btn.btn_radius {
    border-radius: 50px;
}
@media screen and (max-width: 1200px) {
    .launch-slider .hero-fixed-width__content {
        right: 30px;
        max-width: 330px;
    }
    .launch-slider .hero-fixed-width__content .mega-subtitle {
        margin: 0 0 30px;
    }
    .launch-slider .hero-fixed-width__content .mega-subtitle p {
        font-size: 18px;
    }
    .launch-slider .hero-fixed-width__content .mega-subtitle p:not(:last-child) {
        margin: 0 0 15px;
    }
    .launch-slider .hero-fixed-width__content .btn.p_image_dj3MEP_1 {
        padding: 10px 28px;
    }
}
@media screen and (max-width: 1140px) {
    .launch-slider .hero-fixed-width__content .mega-subtitle {
        max-width: 100%;
    }
    /* .launch-slider .hero-fixed-width__content .mega-title1 {
        font-size: 38px;
    }
    .launch-slider .hero-fixed-width__content .mega-title {
        font-size: 26px;
    }
    .launch-slider .hero-fixed-width__content .mega-subtitle p {
        font-size: 24px;
    } */
}
@media screen and (max-width: 1024px) {
    .launch-slider .hero-fixed-width__content {
        max-width: 100%;
        padding: 25px 15px;
    }
    .launch-slider .hero-fixed-width__content .btn.p_image_dj3MEP_1 {
        width: auto;
        font-size: 14px;
    }
    .launch-slider .hero-fixed-width__content .mega-title {
        max-width: 100%;
        font-size: 22px;
    }
    .launch-slider .hero-fixed-width__content .mega-title1 {
        font-size: 38px;
    }
}
@media screen and (max-width: 575px) {
    .launch-slider .hero-fixed-width__content .mega-title1 {
        font-size: 34px;
    }
    .launch-slider .hero-fixed-width__content .mega-title {
        font-size: 20px;
    }
    .launch-slider .hero-fixed-width__content .mega-subtitle p {
        font-size: 18px;
    }
}
/****** Launch Slider Section Css End [Home Page] ******/











/****** Img Txt Container Css Start ****/
.img-txt-container .row-header h1 {
    font: var(--h1) !important;
    text-transform: none;
    letter-spacing: 0;
}
/****** Img Txt Container Css End ****/

/****** Collapsible Content Css Start ****/
.collapsible-content-wrapper-narrow .collapsible-content__heading {
    margin-bottom: 2rem;
    font: var(--h5) !important;
}
.collapsible-content-wrapper-narrow .grid {
    display: block;
}
@media screen and (min-width: 750px) {
    .collapsible-content-wrapper-narrow .collapsible-content__heading {
        margin-bottom: 3rem;
    }
}
/****** Collapsible Content Css End ****/

/************************ Corporate Gifting Landing Page CSS End ************************/

/************************ Discover Travelpro Industry Leading Durable Luggage Page CSS Start ************************/
/****** New Banner Section Css Start ****/
.new-banner-section.roadtrip_page {
    padding: 0 0 48px;
}
@media only screen and (max-width: 1080px) {
    .new-banner-section.roadtrip_page {
        padding: 0 0 50px;
    }
}
@media only screen and (max-width: 767px) {
    .new-banner-section.roadtrip_page {
        padding: 0 0 25px;
    }
}
/****** New Banner Section Css End ****/

/****** New Product Intro Section Css Start ****/
.new-product-intro-section {
    padding: 5px 0;
}
.new-product-intro-section .npi-container1 {
    max-width: 1540px;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.new-product-intro-section .text-section h1 {
    color: #080a0e;
    text-align: center;
    font: var(--h6)!important;
    margin: 30px 0 70px;
    letter-spacing: 0;
}
.new-product-intro-section .product-intro-content {
    max-width: 81%;
    width: 100%;
    margin: 90px auto 0;
}
.new-product-intro-section .product-intro-content p {
    color: #080a0e;
    text-align: center;
    margin: 0;
    font: var(--bodyMid) !important;
}
.new-product-intro-section .product-intro-content p:not(:last-child) {
    margin-bottom: 15px;
}
.new-Video-section.mb-50 {
    margin-bottom: 50px;
}
.new-Video-section {
    padding-top: 50px;
}
.new-Video-section [class*=container-] {
    max-width: 100%;
}
.new-Video-section video {
    height: 100%;
}
.new-product-intro-section .tested-title h2{
    color: #080a0e;
    font-weight: 700;
    text-align: center;
    font: var(--h6)!important;
}
@media only screen and (max-width: 1500px) {
    .new-product-intro-section .product-intro-content {
        max-width: 93%;
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1440px) {
    .new-product-intro-section .text-section h1 {
        margin: 0 0 40px;
    }
}
@media only screen and (max-width: 1080px) {
    .new-product-intro-section {
        padding: 25px 0;
    }
    .new-Video-section {
        padding-top: 35px;
    }
}
@media only screen and (max-width: 991px) {
    .new-product-intro-section .text-section h1 {
        padding: 0 20px;
    }
    .new-product-intro-section .product-intro-content {
        margin-top: 30px;
    } 
}
@media screen and (max-width: 767px) {
    .new-product-intro-section {
        padding: 0 20px!important;
    }
    .new-product-intro-section .product-intro-content {
        margin: 30px auto 0;
    }
    .new-product-intro-section .text-section h1 {
        margin-bottom: 30px;
    }
    .new-Video-section {
        padding-top: 40px;
    }
    .new-Video-section.mb-50 {
        margin-bottom: 40px;
    }
}
/****** New Product Intro Section Css End ****/
/************************ Discover Travelpro Industry Leading Durable Luggage Page CSS End ************************/

/************************ Travelpro Exclusive Colors Page CSS Start ************************/
/****** Inner Content Page Css Start ****/
.grid__account h1, .grid__account .h1,
.grid__account .h2, .grid__account h2 {
    font: var(--h2) !important;
    letter-spacing: 0;
}
#returnGoAssistant .ReturnGO_Title-module_title,
#returnGoCartWidget .ReturnGO_Title-module_title,
#returnGoAccountWidget .ReturnGO_Title-module_title {
    font: var(--h6) !important;
}
#returnGoAssistant .ReturnGO_Title-module_title *,
#returnGoCartWidget .ReturnGO_Title-module_title *,
#returnGoAccountWidget .ReturnGO_Title-module_title * {
    font: inherit !important;
}
#returnGoAssistant .ReturnGO_FindOrder-module_wrapper {
    max-width: 100%;
}
/****** Inner Content Page Css End ****/

/************************ Product Finder Page CSS Start ************************/
/****** travel__accessories Css Start ****/
.travel__accessories.page-content :is(h1){
    text-transform: uppercase;
}
.travel__accessories.page-content :is(h1, h2, h3, h4, h5, h6){
    text-align: center;
}
.travel__accessories.rte.page-content p {
    max-width: 1040px;
    width: 100%;
} 
@media only screen and (max-width: 1024px) {
    .travel__accessories.rte.page-content p {
        padding: 0 35px;
    } 
}
@media only screen and (max-width: 768px) {
    .travel__accessories.rte.page-content p {
        padding: 0 60px;
    }
}
@media only screen and (max-width: 480px) {
    .travel__accessories.rte.page-content p {
        padding: 0 20px;
    }
}
/****** travel__accessories Css End ****/
/************************ Product Finder Page CSS End ************************/



/****** Custom Slider Section Css Start ****/
.template-page-exclusive-colors .product-grid-slider-section .content-container {
    margin: 0 auto 30px;
}
.product-grid-slider-section .content-container {
    padding: 0 15px;
}
.product__list__slider.no_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px 30px;
}
.product__list__slider.no_slider .slide-content {
    max-width: 25%;
    width: 100%;
}
.product__list__slider .slide-content {
    padding: 0 15px;
}
.product__list__slider .grid__item-prod .pro-image {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 100%;
    margin: 0 0 20px;
}
.product__list__slider .grid__item-prod .pro-image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.template-page .short-block-right-details {
  height: 100%;
}
.template-page .short-block-right-details *, 
.template-page .short-block-left-details * {
    margin-bottom: 5px;
    color: #000;
}
.product__list__slider .grid__item-prod .right-pricing * {
    display: inline-block;
    margin-bottom: 0px;
}
.template-page .short-block-right-details {
    text-align: left;
}
.product__list__slider.slick-initialized {
    padding: 0 15px;
}
.short-block-right-details{
    padding-top: 10px;
} 
.product__list__slider .slick-next {
    right: 0;
}
.product__list__slider .slick-prev {
    left: 0;
}
@media only screen and (max-width: 768px) {
    .product__list__slider.no_slider .slide-content {
        max-width: 50%;
        margin: 0 0 20px;
    }
}
/****** Custom Slider Section Css End ****/

/************************ Travelpro Exclusive Colors Page CSS End ************************/
/************************ Travelpro FAQ Frequently Asked Duestions Page CSS Start ************************/
/****** Section Heading Css start ****/
.page-defult-wrapper {
    display: block;
}
.page-defult-wrapper .section-content-wrapper {
    max-width: 1440px;
    padding: 0 100px;
    margin: 0 auto;
}
.page-defult-wrapper  h1 {
    font: var(--h4) !important;
    text-transform: none !important;
    text-wrap: auto;
    margin: 3rem 0 0.67em !important;
    letter-spacing: 0 !important;
}
@media screen and (min-width: 750px) {
    .page-defult-wrapper  h1 {
        margin-bottom: 4rem !important;
    }
}
@media only screen and (max-width: 1024px) {
    .page-defult-wrapper .section-content-wrapper {
        padding: 0 20px;
    }
}
/****** Section Heading Css End ****/
/****** Quick Nav Css start ****/
.collapsible-content-wrapper-narrow .collapsible-content__heading {
    text-transform: none;
}
.quick-nav-outer-container {
    background-color: transparent !important;
}
@media screen and (max-width: 768px) {
    .quick-nav-outer-container {
        margin-bottom: 0;
    }
}
/****** Quick Nav Css End ****/
/************************ Travelpro FAQ Frequently Asked Duestions Page CSS End ************************/

/************************ Search Results Page CSS Start ************************/
.page-content.page-content-new {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
#search-results .section.page-defult-wrapper .section-content-wrapper{
    gap:0 !important;
}
#search-results .page-defult-wrapper h1 {
    text-align: center;
    margin: 50px 0 0 !important;
}
#loader img {
    width: auto !important;
    margin:0 auto;
}
/************************ Search Results Page CSS End ************************/

/************************ Customer Service Center Page CSS Start ************************/
/****** home_page_hero Css Start ****/
.index-section--slideshow {
    margin-bottom: 50px;
}
/****** home_page_hero Css End ****/
/************************ Customer Service Center Page CSS End ************************/

/************************ About Travelpro Page CSS Start ************************/
/****** innovation-section Css Start ****/
.tested-performence-sec .tested-title h2{
    font: var(--h4) !important;
}
.tested-performence-sec .tested-content-col-wrp h3{
    font: var(--h3) !important;
    letter-spacing: 0;
}
/****** innovation-section Css End ****/

/****** precis-section Css Start ****/
.precis-section .precis-row {
    padding: 0;
}
.precis-section .precis-col {
    list-style: none;
}
.precis-section .precis-content-wrp p {
    letter-spacing: 1px;
}
.precis-section .precis-content-wrp {
    margin-top: 12px;
}
@media screen and (max-width: 991px) {
    .precis-section .precis-row {
        margin: 0 -20px;
    }
}
/****** precis-section Css End ****/

/****** precis-section Css Start ****/
.new-landing-page .btn {
    background: #675144; /* TP5 brown primary button (was navy) */
    font-size: 28px;
    padding: 23px 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    text-transform: none;
}
.new-landing-page .btn:hover {
    background: #171717;
    color: #fff!important;
}
@media only screen and (max-width: 1500px) {
    .new-landing-page .btn {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1280px) {
    .new-landing-page .btn {
        font-size: 22px;
        padding: 20px 35px;
    }
}
@media only screen and (max-width: 749px) {
    .new-landing-page .btn {
        font-size: 18px;
        padding: 10px 20px;
        white-space: normal;
    }
}

/****** precis-section Css End ****/
/************************ About Travelpro Page CSS End ************************/

/************************ Maxlite Air V2 CSS Start ************************/
/****** maxlite-air-image-text Css Start ****/
.design-power-section {
    padding: 100px 0;
}
.design-power-section .section-content {
    max-width: 1770px;
    width: 100%;
    margin: 0 auto;
    background-color: #f0efef;
    padding: 80px 20px 0;
}
.design-power-section .section-content .max-lite-air-logo {
    max-width: 510px;
    width: 30%;
    margin: 0 auto 55px;
    display: block;
}
.design-power-section .section-content .section-title {
    color: #171717;
    letter-spacing: 0.03em;
    margin: 0 0 30px;
    text-transform: uppercase;
    font: var(--subhead) !important;
}
.design-power-section .section-content .description {
    max-width: 1420px;
    color: #171717;
    margin: 0 auto 55px;
    font-size: 34px;
    line-height: 1.3;
    letter-spacing: 0px;
}
.design-power-section .section-content .section-banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}
@media screen and (max-width: 1280px) {
    .design-power-section {
        padding: 80px 0;
    }
    .design-power-section .section-content {
        padding: 60px 20px 0;
    }
    .design-power-section .section-content .description {
        font-size: 28px;
    }
}
@media screen and (max-width: 1024px) {
    .design-power-section {
        padding: 60px 0;
    }
    .design-power-section .section-content .max-lite-air-logo {
        max-width: 300px;
        width: 50%;
        margin: 0 auto 30px;
    }
    .design-power-section .section-content .description {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .design-power-section {
        padding: 40px 0;
    }
    .design-power-section .section-content {
        padding: 40px 20px 0;
    }
    .design-power-section .section-content .description {
        font-size: 18px;
    }
} 
@media screen and (max-width: 480px) {
    .design-power-section .section-content .max-lite-air-logo {
        width: 75%;
    }
}
/****** maxlite-air-image-text Css End ****/

/****** image-carousel-block Css Start ****/
#maxlite-air-v2 .packing-accessories-section {
    background-color: #f2f0f1;
    border-radius: 10px;
    filter: drop-shadow(0 0 6.5px rgba(55, 56, 56, 0.35));
    overflow: hidden;
}
#maxlite-air-v2 .packing-accessories-carousel .slide-content {
    padding: 15px;
}
#maxlite-air-v2 .packing-accessories-carousel .slide-content .slide-image {
    filter: drop-shadow(0 0 6.5px rgba(55, 56, 56, 0.35));
}
#maxlite-air-v2 .versa-video-block-section {
    padding: 100px 40px;
}
@media screen and (max-width: 1024px) {
    #maxlite-air-v2 .versa-video-block-section {
        padding: 70px 40px;
    }
}
@media screen and (max-width: 850px) {
    #maxlite-air-v2 .versa-video-block-section {
        padding: 50px 40px;
    }
}
@media screen and (max-width: 768px) {
    #maxlite-air-v2 .versa-video-block-section {
        padding: 50px 0px;
    }
}
/****** image-carousel-block Css End ****/

/****** grid-air-style Css Start ****/
#maxlite-air-v2 .packing-versality-section .section-content {
    background: transparent;
    padding: 0 10px;
}
/****** grid-air-style Css End ****/

/************************ Maxlite Air V2 CSS End ************************/

/************************ maxlite®-softside-luggage-collection Page CSS Start ************************/
/****** Video Pro section Start ****/
.video-pro-sec .left-section .img-wrp .reeview-app-widget {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
/****** Video Pro section End ****/
.compare-pro-tab .slick-track .slick-slide {
  height: auto;
  font-size: initial;
}
/************************ maxlite®-softside-luggage-collection Page CSS End ************************/


/************************ underseat-luggage-and-personal-items Page CSS Start ************************/
#personal-items-amp-underseat-luggage-size-guide-travelpro .page-content p img {
    margin: 0;
}
/************************ underseat-luggage-and-personal-items Page CSS End ************************/

/**** New Hero Slider Start [Home Page] ****/
.new-hero-slider-section {
    aspect-ratio: 1920 / 700;
    width: 100%;
}
.new-hero-slider-section .new-hero-slider {
    height: 100%;
}
.new-hero-slider-section .new-hero-slider .swiper-slide {
    position: relative;
}
.new-hero-slider .slide-banner {
    width: 100%;
    height: 100%;
    /* padding-bottom: 36.459%; */
    /* position: relative; */
}
/* Picture element handles responsive images - no display toggling needed */
.new-hero-slider .slide-banner picture {
    display: block;
    width: 100%;
    height: 100%;
}

.new-hero-slider .slide-banner picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.new-hero-slider .swiper-slide a:has(.slide-banner),
.new-hero-slider .swiper-slide .slide-banner {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.new-hero-slider .slide-banner .videowise-background,
.new-hero-slider .slide-banner img,
.new-hero-slider .slide-banner video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.new-hero-slider .slide-banner .formobile {
    display: none;
}
.new-hero-slider .slide-banner:after {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(180deg, transparent 0 50%, #191919 100% 0%); */
}
.new-hero-slider .slide-text-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 1236px;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    color: var(--white);
    /* padding: 119px 15px; */
    padding: 6.6% 15px;
    display: flex;
    /* transition: all ease-in-out .3s; */
}
.new-hero-slider .slide-text-content .text-inner {
    /* max-width: 580px; */
    /* width: 50%; */
    display: flex;
    flex-direction: column;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_top {
    order: 1;
}
.new-hero-slider .slide-text-content .text-inner:has(.logo_top) :is(.text_box_wrap, .slider-btns) {
    order: 2;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_bottom {
    order: 2;
    margin: 18px 0 0;
}
.new-hero-slider .slide-text-content .text-inner:has(.logo_bottom) :is(.text_box_wrap, .slider-btns) {
    order: 1;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp {
    margin: 0 0 18px;
    width: clamp(160px,15.5vw,216px);
    display: flex;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_left {
    margin-left: 0;
    margin-right: auto;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_center {
    margin-left: auto;
    margin-right: auto;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_right {
    margin-left: auto;
    margin-right: 0;
}
.new-hero-slider .slide-text-content .text-inner .new-hero-stamp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.new-hero-slider .slide-text-content .sub-heading {
    font: var(--bodySmall) !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    line-height: 14px !important;
    letter-spacing: -0.05px;
    margin: 0 0 18px;
    color: #FFFFFF;
}
.new-hero-slider .slide-text-content h2 {
    color: inherit;
    text-transform: uppercase;
    margin: 0 0 18px;
    padding: 0;
    font-size: 49px;
    line-height: 95%;
    letter-spacing: -.5px;
}
.new-hero-slider .slide-text-content h2 span {
    display: inline-flex;
    padding: 0;
}
.new-hero-slider .slide-text-content h2.color_active span {
    padding: 0 10px;
}
.new-hero-slider .slide-text-content h2 span:not(:last-of-type) {
    margin: 0 0 8px;
}
.new-hero-slider .slide-text-content.font-bold h2 {
    letter-spacing: 0;
}
.new-hero-slider .slide-text-content h2 sup {
    vertical-align: super;
}
.new-hero-slider .slide-text-content .link_on {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.new-hero-slider .slide-text-content .desciription {
    font-weight: 600;
    font-size: 13.5px;
    line-height: 14px;
    letter-spacing: -0.05px;
    margin: 0 0 18px;
    color: #171717;
}
.new-hero-slider .slide-text-content .desciription p {
    font: inherit !important;
    color: inherit;
}
.new-hero-slider .slide-text-content .slider-btns {
    display: flex;
    justify-content: center;
    gap: 10px 6px;
    margin: 0;
}
.new-hero-slider .swiper-buttons {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 24px;
    display: inline-flex;
    justify-content: end;
    width: fit-content;
    gap: 8px;
    /* flex-direction: row-reverse; */
    right: 24px;
}
.new-hero-slider .swiper-button-next,
.new-hero-slider .swiper-button-prev {
    position: relative;
    top: auto;
    /* bottom: 24px; */
    bottom: 0;
    width: 36px;
    height: 36px;
    transform: unset;
    margin: 0;
    background-color: #CACACB;
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
}
.new-hero-slider .swiper-button-next:hover,
.new-hero-slider .swiper-button-prev:hover {
    background-color: #FFFFFF;  
}
.new-hero-slider .swiper-button-prev {
    left: auto;
    /* right: 68px; */
    right: 0px;
}
.new-hero-slider .swiper-button-next {
    /* right: 24px; */
    right: 0px;
}
.new-hero-slider .swiper-button-next:after, .new-hero-slider .swiper-button-prev:after {
    font-weight: bold;
    font-size: 11px;
    color: $color-body-text;
}
.new-hero-slider .swiper-pagination {
    bottom: 24px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 1;
    margin: auto;
    right: 0;
    width: fit-content;
}
.new-hero-slider .swiper-pagination .swiper-pagination-bullet {
    background-color: #FFFFFF;
    margin: 0;
}
.new-hero-slider .swiper-pagination .swiper-pagination-bullet.focus-visible,
.new-hero-slider .swiper-pagination .swiper-pagination-bullet[data-focus-visible-added] {
    outline: 2px dashed #236192 !important;
}
.videowise-background .vw-container-icons {
    z-index: 1;
}
.videowise-background .vw--play-and-pause button.focus-visible,
.videowise-background .vw--play-and-pause button[data-focus-visible-added] {
    outline: 2px dashed #236192 !important;
}
/* .videowise-background .vw-container-icons.vw-bottom-right {
    right: 112px;
    bottom: 24px;
}
.videowise-background .vw-container-icons .vw--play-and-pause {
    width: 36px !important;
    height: 36px !important;
} */
.videowise-background .vw--play-and-pause button {
    border-radius: 50%;
}
.videowise-background .vw--play-and-pause button svg {
    width: 100%;
    height: 100%;
}

.new-hero-slider-wrapper:has( + .additional-offer-banner) .new-hero-slider-section {
    padding: 0;
}
/* .tmp-gift-guid-2025 .new-hero-slider .slide-text-content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 80px 15px;
    display: flex;
    max-width: 1600px;
} */
.new-hero-slider .slide-text-content.text_top_left {}
.new-hero-slider .slide-text-content.text_center_left {
    align-items: center;
}
.new-hero-slider .slide-text-content.text_bottom_left {
    align-items: end;
    padding-bottom: 73px !important;
}
.new-hero-slider .slide-text-content.text_top_center {
    justify-content: center;
}
.new-hero-slider .slide-text-content.text_center_center {
    align-items: center;
    justify-content: center;
}
.new-hero-slider .slide-text-content.text_bottom_center {
    align-items: end;
    justify-content: center;
}
.new-hero-slider .slide-text-content.text_top_right {
    justify-content: end;
}
.new-hero-slider .slide-text-content.text_center_right {
    align-items: center;
    justify-content: end;    
}
.new-hero-slider .slide-text-content.text_bottom_right {
    align-items: end;
    justify-content: end;
}
.new-hero-slider .slide-text-content.text-left .slider-btns {
    justify-content: flex-start;
}
.new-hero-slider .slide-text-content.text-center .slider-btns {
    justify-content: center;
}
.new-hero-slider .slide-text-content.text-right .slider-btns {
    justify-content: flex-end;
}
.new-hero-slider .slide-text-content *:not(br, img, input):empty {
    display: none;
}
.tmp-gift-guid-2025 .new-hero-slider .slide-text-content h2 {
    /* font-size: clamp(32px, 5vw, 60px); */
}
.tmp-gift-guid-2025 .new-hero-slider .slide-text-content h3 {
    display: block !important;
    color: #FFFFFF;
    background-color: transparent;
    font-display: swap;
    text-transform: uppercase;
    font-size: clamp(24px, 2.3vw, 32px);
    margin: 0 0 10px;
}
.tmp-gift-guid-2025 .new-hero-slider .slide-text-content .slider-btns {
    margin: 0;
}
.tmp-gift-guid-2025 .new-hero-slider .slide-banner:after {
    display: none;
}
@media screen and (max-width: 1440px) {
    /* .new-hero-slider-section:not(:has(.new-hero-stamp)) { */
    .new-hero-slider-section {
        aspect-ratio: 1440 / 500;
    }
    .new-hero-slider .slide-text-content {
        padding: 28px 15px;
        padding: 37px 15px;
    }
}
@media screen and (max-width: 991px) {
    .new-hero-slider-section {
        aspect-ratio: 800 / 1200;
    }
    .new-hero-slider .slide-text-content {
        padding: 65px 15px;
    }

    .slide-text-content .text_center_left {
        margin: 0px 40px;
    }
}
@media screen and (max-width: 768px) {
    .new-hero-slider .slide-banner .fordesktop {
        display: none;
    }
    .new-hero-slider .slide-banner .formobile {
        display: block;
    }
    .new-hero-slider .slide-text-content {
        padding-block: 33px;
        aspect-ratio: 800 / 1200;
        width: 100%;
    }
    .new-hero-slider .slide-text-content .text-inner {
        max-width: 100%;
        width: 80%;
    }
    .new-hero-slider .slide-text-content .desktop_des {
        display: none;
    }
    .new-hero-slider .slide-text-content h2 {
        margin: 0 0 8px;
        font-size: 40px !important;
        letter-spacing: 1.1px;
        line-height: 100% !important;
    }
    .new-hero-slider .slide-text-content .sub-heading {
        margin: 0 0 8px;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp {
        margin: 0 0 8px;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_mob_top {
        order: 1;
    }
    .new-hero-slider .slide-text-content .text-inner:has(.logo_mob_top) :is(.text_box_wrap, .slider-btns) {
        order: 2;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_mob_bottom {
        order: 2;
        margin: 8px 0 0;
    }
    .new-hero-slider .slide-text-content .text-inner:has(.logo_mob_bottom) :is(.text_box_wrap, .slider-btns) {
        order: 1;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_mob_left {
        margin-left: 0;
        margin-right: auto;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_mob_center {
        margin-left: auto;
        margin-right: auto;
    }
    .new-hero-slider .slide-text-content .text-inner .new-hero-stamp.logo_mob_right {
        margin-left: auto;
        margin-right: 0;
    }
    .new-hero-slider .slide-text-content .desciription {
        margin: 0 0 8px;
    }
    .new-hero-slider .slide-text-content .slider-btns .btn {
        font-size: 17px;
        padding: 11px 16px;
    }
    .new-hero-slider .swiper-button-next,
    .new-hero-slider .swiper-button-prev {
        width: 24px;
        height: 24px;  
        display: none;
    }
    .new-hero-slider .swiper-button-prev {
        right: 56px;
    }
    .new-hero-slider .swiper-button-next:after, .new-hero-slider .swiper-button-prev:after {
        font-size: 9px;
    }
    .new-hero-slider .slide-text-content.mob_text_top_left {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .new-hero-slider .slide-text-content.mob_text_center_left {
        align-items: center;
        justify-content: flex-start;
    }
    .new-hero-slider .slide-text-content.mob_text_bottom_left {
        align-items: end;
        justify-content: flex-start;
    }
    .new-hero-slider .slide-text-content.mob_text_top_center {
        align-items: flex-start;
        justify-content: center;
    }
    .new-hero-slider .slide-text-content.mob_text_center_center {
        align-items: center;
        justify-content: center;
    }
    .new-hero-slider .slide-text-content.mob_text_bottom_center {
        align-items: end;
        justify-content: center;
    }
    .new-hero-slider .slide-text-content.mob_text_top_right {
        align-items: flex-start;
        justify-content: end;
    }
    .new-hero-slider .slide-text-content.mob_text_center_right {
        align-items: center;
        justify-content: end;    
    }
    .new-hero-slider .slide-text-content.mob_text_bottom_right {
        align-items: end;
        justify-content: end;
    }
    .new-hero-slider .slide-text-content.mob-text-left .slider-btns {
        justify-content: flex-start;
    }
    .new-hero-slider .slide-text-content.mob-text-center .slider-btns {
        justify-content: center;
    }
    .new-hero-slider .slide-text-content.mob-text-right .slider-btns {
        justify-content: flex-end;
    }
    .new-hero-slider .slide-text-content .text-inner:has(.split_view_active) {
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .new-hero-slider .slide-text-content .text-inner:has(.split_view_active) .new-hero-stamp {  
        width: 45%;
        max-width: 200px;
        margin: 0;
    }
    .new-hero-slider .slide-text-content .text-inner .text_box_wrap.split_view_active {
        flex: 1;
    }
    .new-hero-slider .slide-text-content .text-inner:has(.split_view_active) .slider-btns {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 30px;
    }
}
@media screen and (max-width: 480px) {
    .new-hero-slider .slide-text-content {
        padding: 30px 15px;
    }
    .new-hero-slider .slide-text-content .text-inner {
        width: 100%;
    }
}
@media only screen and (max-width: 370px) {
    .new-hero-slider .slide-text-content h2 {
        font-size: 32px;
    }
}
@media screen and (min-width: 769px) {
    .new-hero-slider .slide-text-content .mob_des {
        display: none;
    }

    .new-hero-slider .text_center_left {
        /* Fluid scale from 30px to 50px */
        margin-left: clamp(30px, 4.45vw - 14.14px, 50px);
    
        /* Fluid scale from 210px to 350px (Strict 1:7 Ratio) */
        margin-right: clamp(210px, 31.18vw - 99px, 350px);
    }
}
/**** New Hero Slider End [Home Page] ****/

/********* Promo New Promo Slider Start *********/
.promo-slider .new-hero-slider-section {
    aspect-ratio: unset;
}
.promo-slider .new-hero-slider-section:not(:has(.new-hero-stamp)) {
    aspect-ratio: 1920 / 700;
}
.promo-slider .new-hero-slider .slide-text-content {
    padding-block: 6.2%;
    height: 100%;
}
.promo-slider .new-hero-slider .slide-text-content h2 {
    font-weight: 700!important;
    font-size: clamp(60px, 8.3vw, 118px)!important;
    line-height: 100%!important;
    letter-spacing: -.5px;
    margin: 0;
    color: #FFFFFF;
}
.promo-slider .new-hero-slider .slide-text-content h2 span {
    padding: 0;
}
.promo-slider .new-hero-slider .slide-text-content h2.color_active span {
    padding: 0 10px;
}
.promo-slider .new-hero-slider .slide-text-content .sub-heading,
.promo-slider .new-hero-slider .slide-text-content .desciription {
    color: #FFFFFF;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 119% !important;
    letter-spacing: -.05px;
    margin: 0 0 4px;
}
.promo-slider .new-hero-slider .slide-text-content .sub-heading *,
.promo-slider .new-hero-slider .slide-text-content .desciription * {
    font: inherit !important;
}
@media screen and (max-width: 1440px) {
    .promo-slider .new-hero-slider .slide-text-content {
        padding: 37px 15px;
    }
    .promo-slider .new-hero-slider-section:not(:has(.new-hero-stamp)) {
        aspect-ratio: 1440 / 500;
    }
}
@media screen and (max-width: 991px) {
    .promo-slider .new-hero-slider-section:not(:has(.new-hero-stamp)) {
        aspect-ratio: unset;
    }
    .promo-slider .new-hero-slider .slide-text-content {
        padding: 65px 15px;
    }
    .promo-slider .new-hero-slider .slide-text-content h2 {
        font-size: clamp(60px, 13.5vw, 118px)!important;
    }
}
@media screen and (max-width: 768px) {
    .promo-slider .new-hero-slider .slide-text-content .sub-heading,
    .promo-slider .new-hero-slider .slide-text-content .desciription {
        font-size: 30px!important;
        line-height: 100%!important;
    }
}
@media screen and (max-width: 480px) {
    .promo-slider .new-hero-slider .slide-text-content {
        padding: 30px 15px;
    }
}
/********* New Promo Slider End *********/

/********* Affiliate Program Page Start *********/
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper {
	background: #171717; /* TP5 near-black (was steel blue) */
	padding: 100px 0 180px;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing {
	position: relative;
	z-index: 1;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-banner-img {
	display: block;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-banner-img img {
	display: block;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 100%;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container {
	padding: 0;
	width: 100%;
	height: 100%;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .last-col {
	max-width: 4.5%;
	width: 100%;
	background-color: rgba(23, 23, 23, 0.80);
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-img-col {
	max-width: 62.75%;
	width: 100%;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col {
	max-width: 32.7%;
	background-color: rgba(23, 23, 23, 0.80) !important; /* TP5 near-black panel (was navy) */
	width: 100%;
	padding-top: 195px;
	text-align: right;
	padding-right: 50px;
}
.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col h1 {
	margin: 0;
	color: var(--color-white);
	font-size: 65px;
	line-height: 79px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.shopify-section:has(.lovely-to-meet-section) h1.h6 {
    font: var(--h6);
}
.travelpro-landing-pagewrappr .lovely-to-meet-section {
	position: relative;
	padding-top: 260px;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container {
	padding: 0 90px 0 73px;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	z-index: 1;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row:before {
	content: '';
	position: absolute;
	background: #ebebeb;
	height: 100%;
	width: 81.266%;
	z-index: -1;
	right: 0;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-img {
	max-width: 56.34%;
	width: 100%;
	margin-top: -162px;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-img img {
	display: block;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col {
	max-width: 43.66%;
	width: 100%;
	padding: 115px 30px 95px 90px;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content {
	max-width: 595px;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content h2 {
	color: var(--color1);
	font-size: 83px;
	line-height: 90px;
	font-weight: 600;
	margin: 0 0 75px;
	letter-spacing: 0.5px;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content p {
	font-size: 37px;
	line-height: 50px;
	color: var(--color-body-text);
	margin: 0;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.travelpro-landing-pagewrappr .about-travelpro {
	position: relative;
	padding: 280px 0 190px 0;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container {
	padding: 0 165px 0 126px;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	z-index: 1;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row:before {
	content: '';
	position: absolute;
	background: #171717;
	height: 100%;
	width: 81.266%;
	z-index: -1;
	left: 0;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-img {
	max-width: 46.2%;
	width: 100%;
	margin-bottom: -97px;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-img img {
	display: block;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col {
	max-width: 53.8%;
	width: 100%;
	padding: 115px 30px 95px 90px;
}


.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col .atp-col-content h3 {
	color: var(--color-white);
	font-weight: 600;
	font-size: 69px;
	line-height: 87px;
	margin: 0 0 90px;
	letter-spacing: 0.5px;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col .atp-col-content p {
	font-size: 37px;
	line-height: 50px;
	color: var(--color-white);
	margin: 0;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.travelpro-landing-pagewrappr .website-offer-section {
	position: relative;
	padding: 100px 200px 190px 270px;
}
.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper {
	max-width: 294px;
	width: 100%;
}
.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper img {
	display: block;
	width: 100%;
}
.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title {
	padding-left: 50px;
	padding-right: 100px;
	max-width: calc(100% - 294px);
}
.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title h4 {
	color: var(--color1);
	font-size: 49px;
	line-height: 72px;
	font-weight: 600;
	margin: 0;
	letter-spacing: 0.5px;
}

.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title h4 a {
	color: var(--color1);
	text-decoration: underline;
}
.travelpro-landing-pagewrappr .program-overview-section {
	padding: 175px 20px 155px 115px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.travelpro-landing-pagewrappr .program-overview-section .pro-left-col {
	max-width: 890px;
	background: rgba(255, 255, 255, 0.91);
	padding: 80px 90px 90px 80px;
}
.travelpro-landing-pagewrappr .program-overview-section .pro-left-col h3 {
	/*color: #2c2815; */
	margin: 0 0 50px;
	font-size: 69px;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li {
	margin-bottom: 40px;
	padding-left: 85px;
	font-size: 37px;
/*color: #151509;
*/
	position: relative;
}
.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li:before {
	content: '';
	position: absolute;
	left: 0;
	height: 54px;
	width: 54px;
	background: url(/cdn/shop/files/a.png?v=1615544258);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	top: 50%;
	transform: translate(0%, -50%);
}
.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li:last-of-type {
	margin-bottom: 0;
}
.travelpro-landing-pagewrappr .the-perks-section {
	position: relative;
	padding: 180px 0;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container {
	max-width: 1700px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container h3 {
	margin: 0 0 145px 0;
	text-align: center;
	font-size: 93px;
	font-weight: bold;
	line-height: 1;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row {
	display: flex;
	flex-wrap: wrap;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col {
	max-width: 25%;
	width: 100%;
	text-align: center;
	padding: 0 20px;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-icon {
	width: 194px;
	height: 194px;
	border: 3px solid #171717;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 40px;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-icon img {
	width: 117px;
	max-height: 117px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-content h5 {
	margin: 0;
	font-size: 31px;
	line-height: 40px;
	letter-spacing: 1px;
	padding: 0 20px;
	color: #171717;
	font: var(--h6) !important;
}
.travelpro-landing-pagewrappr .search-plicy-section .sp-container {
	max-width: 1685px;
	margin: 0 auto;
	width: 100%;
}
.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content {
	background: #ebebeb;
	padding: 50px 215px;
	text-align: center;
}
.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content h3 {
	color: #171717;
	font-size: 69px;
	line-height: 87px;
	font-weight: 600;
	margin: 0 0 20px;
	letter-spacing: 0.5px;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content p {
	font-size: 37px;
	line-height: 50px;
	color: #171717;
	margin: 0;
	letter-spacing: 0.5px;
}
.travelpro-landing-pagewrappr .travelpro-contact-section {
	padding: 190px 0 140px;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container {
	max-width: 1685px;
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-right-col {
	max-width: 50%;
	width: 100%;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col {
	max-width: 50%;
	width: 100%;
	background: #171717;
	padding: 90px 135px;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col h3 {
	margin: 0 0 40px;
	color: var(--color-white);
	font-size: 69px;
	line-height: 87px;
	font-weight: 600;
	letter-spacing: 0.5px;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col .tc-left-content ul li {
	margin-bottom: 30px;
	color: var(--color-white); /* list markers stay visible on the near-black panel */
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col .tc-left-content ul li a {
	color: var(--color-white);
	font-size: 38px;
	line-height: 1;
}
.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col .tc-left-content ul li:last-of-type {
	margin-bottom: 0;
}
.travelpro-landing-pagewrappr img {
	display: block;
}
.travelpro-landing-pagewrappr .travelpro-content-provider {
	position: relative;
	padding: 0 0 90px;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container {
	max-width: 1700px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container h3 {
	margin: 0 0 135px 0;
	text-align: center;
	font-size: 93px;
	font-weight: bold;
	line-height: 1;
	font: var(--h4) !important;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp {
	margin-top: 90px;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp a {
	background: #675144; /* TP5 brown primary button (was blue) */
	display: inline-block;
	padding: 37px 100px;
	font-size: 52px;
	color: var(--color-white);
	transition: all ease-in-out 0.5s;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp a:hover {
	background: var(--color1);
	color: var(--color-white);
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row {
	display: flex;
	flex-wrap: wrap;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col {
	max-width: 25%;
	width: 100%;
	text-align: center;
	padding: 0 20px;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-icon {
	width: 194px;
	height: 194px;
	margin: 0 auto 70px;
	border: 3px solid #171717;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-icon img {
	width: 98px;
	max-height: 117px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content {
	padding: 0 20px;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content h5 {
	margin: 0 0 40px 0;
	font-size: 31px;
	line-height: 37px;
	min-height: 75px;
	letter-spacing: 3px;
	color: #171717;
	font: var(--h6) !important;
}
.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content p {
	margin: 0;
	font-size: 29px;
	line-height: 37px;
}
.travelpro-landing-pagewrappr .tp-shopnow-section {
	max-width: 1670px;
	padding-bottom: 190px;
	margin: 0 auto;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .tp-shopnw-continer {
	display: flex;
	align-items: center;
	justify-content: center;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-img {
	width: 100%;
	max-width: 255px;
	margin-right: -45px;
	position: relative;
	z-index: 1;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt {
	background: #6e1e23;
	padding: 60px 61px 60px 46px;
	max-width: calc(100% - 190px);
	width: 100%;
	margin-top: 40px;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt p {
	margin: 0;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 {
	font-size: 46px;
	letter-spacing: 0px;
	color: var(--color-white);
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
	line-height: 1.5;
}
.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 a {
	font-weight: 700;
	color: var(--color-white);
	border-bottom: 2px solid var(--color-white) !important;
	padding-bottom: 5px;
	outline: none !important;
}
@media only screen and (max-width: 1800px) {
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper {
		padding: 40px 0;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col {
		padding-top: 100px;
		padding-right: 20px;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col h1 {
		font-size: 45px;
		line-height: 52px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section {
		padding-top: 160px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container {
		padding: 0 20px 0 20px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-img {
		margin-top: -62px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col {
		padding: 50px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content h2 {
		font-size: 42px;
		line-height: 51px;
		margin: 0 0 25px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content p {
		font-size: 18px;
		line-height: 1.2;
	}
	.travelpro-landing-pagewrappr .about-travelpro {
		padding: 60px 0 100px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container {
		padding: 0 50px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-img {
		margin-bottom: -37px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col {
		padding: 50px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col .atp-col-content h3 {
		font-size: 42px;
		line-height: 51px;
		margin: 0 0 20px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col .atp-col-content p {
		font-size: 18px;
		line-height: 1.2;
	}
	.travelpro-landing-pagewrappr .website-offer-section {
		padding: 0 50px 60px 50px;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper {
		max-width: 200px;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title {
		padding-left: 40px;
		padding-right: 20px;
		max-width: calc(100% - 200px);
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title h4 {
		font-size: 32px;
		line-height: 42px;
	}
	.travelpro-landing-pagewrappr .program-overview-section {
		padding: 60px 20px;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col {
		padding: 40px 20px;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col h3 {
		margin: 0 0 30px;
		font-size: 42px;
		line-height: 52px;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li {
		margin-bottom: 20px;
		padding-left: 35px;
		font-size: 18px;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li:before {
		height: 25px;
		width: 25px;
	}
	.travelpro-landing-pagewrappr .the-perks-section {
		padding: 60px 0;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container h3 {
		margin: 0 0 60px 0;
		font-size: 42px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-icon {
		width: 120px;
		height: 120px;
		margin: 0 auto 20px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-icon img {
		width: 70px;
		max-height: 70px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col .tp-content h5 {
		font-size: 18px;
		line-height: 22px;
		padding: 0;
	}
	.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content {
		padding: 60px 20px;
	}
	.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content h3 {
		font-size: 32px;
		line-height: 42px;
	}
	.travelpro-landing-pagewrappr .search-plicy-section .sp-container .sp-content p {
		font-size: 18px;
		line-height: 22px;
		max-width: 600px;
		margin: 0 auto;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section {
		padding: 60px 0;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col {
		padding: 50px 50px;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col h3 {
		margin: 0 0 20px;
		font-size: 32px;
		line-height: 42px;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col .tc-left-content ul li {
		margin-bottom: 15px;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col .tc-left-content ul li a {
		font-size: 18px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider {
		padding: 0 0 60px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container h3 {
		margin: 0 0 80px 0;
		font-size: 32px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp {
		margin-top: 70px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp a {
		padding: 20px 50px;
		font-size: 22px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-icon {
		width: 120px;
		height: 120px;
		margin: 0 auto 20px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-icon img {
		width: 58px;
		max-height: 81px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content {
		padding: 0;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content h5 {
		font-size: 18px;
		line-height: 22px;
		min-height: 45px;
		letter-spacing: 1px;
		margin: 0 0 20px 0;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content p {
		font-size: 18px;
		line-height: 22px;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section {
		padding-bottom: 60px;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt {
		padding: 50px 31px 50px 36px;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 {
		font-size: 26px;
		line-height: 1.5;
	}
}
@media only screen and (max-width: 1200px) {
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title h4 {
		font-size: 28px;
		line-height: 1.5;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp {
		margin-top: 40px;
	}
}
@media only screen and (max-width: 992px) {
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col h1 {
		font-size: 30px;
		line-height: 44px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section {
		padding-top: 80px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col {
		padding: 30px 20px;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content h2 {
		font-size: 32px;
		line-height: 41px;
	}
	.travelpro-landing-pagewrappr .about-travelpro {
		padding: 60px 0;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container {
		padding: 0 20px;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-img {
		margin-bottom: 0;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col .atp-col-content h3 {
		font-size: 32px;
		line-height: 42px;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper {
		max-width: 160px;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title {
		max-width: calc(100% - 160px);
		padding-right: 0;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title h4 {
		font-size: 22px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container h3 {
		margin: 0 0 30px 0;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container h3 {
		margin: 0 0 40px 0;
	}
}
@media only screen and (max-width: 767px) {
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper {
		padding: 0;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner {
		position: relative;
		height: auto;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .last-col {
		display: none;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-img-col {
		display: none;
	}
	.travelpro-landing-pagewrappr .travelpro-landing-banner-wrapper .tpb-spacing .travelpro-landing-banner .travelpro-container .travelpro-row .travelpro-banner-content-col {
		max-width: 100%;
		padding: 50px 20px;
		text-align: center;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row:before {
		width: 100%;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-img {
		max-width: 100%;
		margin-top: 0;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col {
		max-width: 100%;
		text-align: center;
	}
	.travelpro-landing-pagewrappr .lovely-to-meet-section .ltm-container .ltm-row .ltm-col-content-col .ltm-col-content {
		max-width: 100%;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row:before {
		width: 100%;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-img {
		max-width: 100%;
		order: 1;
	}
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col {
		max-width: 100%;
		text-align: center;
		order: 2;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col h3 {
		margin: 0 0 20px;
		font-size: 32px;
		line-height: 40px;
	}
	.travelpro-landing-pagewrappr .the-perks-section {
		padding: 60px 0 30px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col {
		max-width: 50%;
		padding: 0 20px 30px;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row {
		flex-wrap: wrap;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-right-col {
		max-width: 100%;
		order: 1;
	}
	.travelpro-landing-pagewrappr .travelpro-contact-section .tc-container .tc-row .tc-left-col {
		max-width: 100%;
		padding: 30px 20px;
		order: 2;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .get-strt-btn-wrp {
		margin-top: 10px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col {
		max-width: 50%;
		padding: 0 20px 30px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col .tp-content h5 {
		min-height: unset;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-img {
		max-width: 175px;
		margin-right: -30px;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt {
		padding: 30px 31px 30px 36px;
		margin-top: 23px;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 {
		font-size: 23px;
		line-height: 44px;
		text-transform: unset;
	}
}
@media only screen and (max-width: 575px) {
	.travelpro-landing-pagewrappr .about-travelpro .about-tp-container .about-tp-row .atp-col-content-col {
		padding: 50px 20px;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper {
		max-width: 100%;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .icon-wraper img {
		max-width: 160px;
		margin: 0 auto;
	}
	.travelpro-landing-pagewrappr .website-offer-section .wo-container .flex-row .website-offer-title {
		max-width: 100%;
		padding: 30px 0 0;
		text-align: center;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col h3 {
		font-size: 26px;
	}
	.travelpro-landing-pagewrappr .program-overview-section .pro-left-col .pro-overview-content ul li:before {
		top: -2px;
		transform: none;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container h3 {
		margin: 0 0 20px;
		font-size: 32px;
		line-height: 40px;
	}
	.travelpro-landing-pagewrappr .the-perks-section .tp-container .tp-row .tp-col {
		max-width: 100%;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container h3 {
		margin: 0 0 30px;
		font-size: 32px;
		line-height: 40px;
	}
	.travelpro-landing-pagewrappr .travelpro-content-provider .tp-container .tp-row .tp-col {
		max-width: 100%;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .tp-shopnw-continer {
		flex-wrap: wrap;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-img {
		max-width: 100%;
		margin-right: 0;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-img img {
		display: block;
		max-width: 100px;
		margin: 0 auto;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt {
		max-width: 100%;
		text-align: center;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 {
		font-size: 18px;
		line-height: 26px;
		text-transform: unset;
	}
	.travelpro-landing-pagewrappr .tp-shopnow-section .shopnow-contnt h4 a {
		border-bottom: 1px solid var(--color-white) !important;
		padding-bottom: 0;
	}
}
/********* Affiliate Program Page End *********/

/****** New Shopby Css Start ******/
.shopby-wrapper {
    padding: 50px 20px;
    background-color: var(--color-tertiary);
}
.shopby-wrapper .shopby-header {
    margin: 0 0 50px;
    display: flex;
    align-items: end;
    gap: 15px;
    flex-wrap: wrap;
}
.shopby-wrapper .shopby-header.align-left {
    text-align: left;
    justify-content: flex-start;
}
.shopby-wrapper .shopby-header.align-center {
    text-align: center;
    justify-content: center;
    /* flex-direction: column; */
    /* align-items: center; */
}
.shopby-wrapper .shopby-header .shopby-heading {
    font: normal normal normal 800 clamp(24px, 2.5vw, 32px) / 1.15 var(--font-body--family);
    margin: 0;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}
.shopby-wrapper .shopby-header .shopby-tabs {
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding: 0;
}
.shopby-wrapper .shopby-header .shopby-tabs .shopby-tab {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--color-secondary) !important;
    color: #6B5545;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px;
    transition: all .2s ease-in-out;
    outline: none;
}
.shopby-wrapper .shopby-header .shopby-tabs .shopby-tab.active {
    border-bottom-color: var(--black) !important;
    color: var(--black);
    opacity: 1;
}
.shopby-swiper .shopby-tile-inner {
    display: block;
}
.shopby-swiper .shopby-tile-inner .shopby-tile-img {
    position: relative;
    /* aspect-ratio: 1/1.25; */
    /* aspect-ratio: 403 / 537; */
    aspect-ratio: 2 / 3;/*** 400 X 600 ***/
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
}
.shopby-swiper .shopby-tile-inner .shopby-tile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.shopby-swiper .shopby-tile-inner .shopby-tile-text {
    padding: 20px 0 0;
    text-align: center;
}
.shopby-swiper .shopby-tile-inner .shopby-tile-text h3,
.shopby-swiper .shopby-tile-inner .shopby-tile-text h4 {
    font: var(--bodyMid) !important;
    letter-spacing: 0;
    margin: 0 0 10px;
}
.shopby-swiper .shopby-tile-inner .shopby-tile-text p {
    font: var(--bodySmall) !important;
    margin: 0;
}
.shopby-swiper .swiper-button-prev,
.shopby-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 25px;
    width: 25px;
    display: block;
    cursor: pointer;
    background: transparent;
    padding: 0;
    outline: none;
    z-index: 2;
    pointer-events: unset !important;
    color: var(--arrow_color);
}
.shopby-swiper .swiper-button-prev {
    left: 0;
    transform: translate(0, -50%) scaleX(-1);
}
.shopby-swiper .swiper-button-next {
    right: 0;
}
.shopby-swiper .swiper-button-prev:after,
.shopby-swiper .swiper-button-next:after {
    display: none;
}
.shopby-swiper .swiper-button-prev svg,
.shopby-swiper .swiper-button-next svg {
    height: 100%;
    width: 100%;
}
.shopby-swiper .swiper-button-prev svg path,
.shopby-swiper .swiper-button-next svg path {
    stroke: currentColor;
}
.swiper.shopby-swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 0 8px;
    justify-content: center;
}
.swiper.shopby-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc((100% / 6) - (8px * 5) / 6);
    flex: 1 0 calc((100% / 6) - (8px * 5) / 6);
}
@media screen and (max-width: 1024px) {
    .swiper.shopby-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc((100% / 4) - (8px * 3) / 4);
        flex: 1 0 calc((100% / 4) - (8px * 3) / 4);
    }
}
@media screen and (max-width: 768px) {
    .shopby-wrapper {
        padding-inline: 16px;
    }
    .shopby-wrapper .shopby-header {
        margin: 0 0 30px;
    }
    .swiper.shopby-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc(33.33% - (8px * 2) / 3);
        flex: 1 0 calc(33.33% - (8px * 2) / 3);
    }    
}
@media screen and (max-width: 575px) {
    .shopby-wrapper .shopby-header {
        justify-content: space-between;
    }
    .shopby-wrapper .shopby-header .shopby-tabs .shopby-tab {
        font: var(--bodySmall);
        padding: 4px 10px;
    }
    .swiper.shopby-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc(50% - (8px * 1) / 2);
        flex: 1 0 calc(50% - (8px * 1) / 2);
    }
}
/****** New Shopby Css End ******/

/****** Our History Css Start ******/
.tmp-our-history .page-defult-wrapper .section-content-wrapper {
    max-width: 840px;
    margin: 45px auto 45px auto;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    cursor: auto;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: inherit;
    color: #171717;
}
.tmp-our-history .page-defult-wrapper .section-content-wrapper .spacing-style.h2 h1 {
    margin: 0 0 17px !important;
}
@media only screen and (max-width: 768px) {
    .tmp-our-history .page-defult-wrapper .section-content-wrapper .spacing-style.h2 h1 {
        margin: 0 !important;
    }
}
/****** Our History Css End ******/


/* 29-12-2025 Default css Start */
#return-to-top {
    z-index: 999;
} 
.static-width {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
#platinum-warranty-request-form .page-defult-wrapper .section-content-wrapper,
#discount-code-request .page-defult-wrapper .section-content-wrapper{
    padding: 0;
}
#platinum-warranty-request-form .page-defult-wrapper,
#discount-code-request .page-defult-wrapper{
    max-width: 840px;
    margin: 45px auto 45px auto;
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
    #platinum-warranty-request-form .page-defult-wrapper,
    #discount-code-request .page-defult-wrapper{
       max-width: 1024px;
        width: 100%; 
    }
}
@media only screen and (max-width: 768px) {
    #platinum-warranty-request-form .page-defult-wrapper,
    #discount-code-request .page-defult-wrapper{
        max-width: 100%;
        margin: 15px auto 45px auto; 
    }
}
/* 29-12-2025 Default css End */

/* Product Hotspot Features Mobile Padding */
@media screen and (max-width: 749px) {
    .product-hotspot-features-section {
        padding-inline: var(--page-margin, 20px);
    }

    .product-hotspot-features__container {
        padding-inline: 15px;
    }
}
/* Custom Caret Arrow (page content only; unscoped it also pulled the footer's accordion carets out of their rows) */
#travelpro-faq-shipping-time-order-inquiries-amp-luggage-care main summary .icon-caret,
#corporate-gifting-landing-page main summary .icon-caret {
    position: absolute;
    height: 0.6rem;
    right: 1.5rem;
    top: calc(50% - 0.2rem);
  }
/* Fix for br tags not working with text-wrap: balance on mobile */
@media screen and (max-width: 749px) {
  .text-block br {
    display: block;
    content: "";
    margin-top: 0;
  }
  
  .text-block[style*="text-wrap: balance"] br,
  .text-block[style*="text-wrap:balance"] br {
    display: block;
  }
}
/* Yotpo Stars PDP */
.yotpo-reviews-main-widget svg {
    max-width: fit-content;
}

/* ----------------------------------------------------------------
   Hide empty blocks to prevent gap spacing in PDP
   These rules target blocks that render empty due to missing data
   -----------------------------------------------------------------*/

/* Hide truly empty .shopify-block elements (no child elements) */
.layout-panel-flex > .shopify-block:not(:has(*)) {
    display: none !important;
}

/* Hide variant-picker when it has no renderable options (form only contains script) */
.layout-panel-flex > variant-picker:not(:has(fieldset)) {
    display: none !important;
}

/* Hide product-add-ons when it has no add-on content */
.layout-panel-flex > product-add-ons:not(:has(.product-add-on)) {
    display: none !important;
}

/* Hide group-block elements whose content has no visible children */
.layout-panel-flex > .group-block:has(> .group-block-content:not(:has(*))) {
    display: none !important;
}

/* Also target nested group-block-content containers */
.group-block-content > .shopify-block:not(:has(*)) {
    display: none !important;
}

.group-block-content > variant-picker:not(:has(fieldset)) {
    display: none !important;
}

.group-block-content > product-add-ons:not(:has(.product-add-on)) {
    display: none !important;
}
/* Added in the code editor 2026-01-26 to hide the prev/next arrows, which then sat inside
   .swiper-buttons in both the hero and the promo slider. Since the 2026-03-13 hero rebuild the
   hero's arrows sit outside that wrapper and .swiper-buttons holds the hero pause/play button,
   so the unscoped rule hid the only pause control (WCAG 2.2.2). Keep it on the promo slider only. */
.promo-slider .swiper-buttons {
  display: none !important;
}

/* Yotpo reviews widget - ensure full width */
.yotpo-base-layout {
  width: 90% !important;
}

/* Videowise columns - mobile center alignment */
@media screen and (max-width: 768px) {
  .videowise-columns-title h2 {
    text-align: center;
  }
  .videowise-columns-subtitle p {
    text-align: center;
  }
}

/* ---- WCAG contrast fixes ---- */

/* Footer utilities: use scheme foreground (beige footer scheme-7). Was #fff for old dark footer. */
.footer-utilities,
.footer-utilities a,
.footer-utilities .footer-utilities__text {
  color: var(--color-foreground) !important;
}

/* Hero slider button: upsize for readability (overrides critical-home.css pill) */
.new-hero-slider .slide-text-content .slider-btns .btn {
  font-size: 15px !important;
  line-height: 1.2 !important;
  /*letter-spacing: 0 !important;*/
  padding: 14px 32px;
  text-transform: uppercase !important;
}
@media screen and (max-width: 749px) {
  .new-hero-slider .slide-text-content .slider-btns .btn {
    font-size: 14px !important;
    padding: 12px 24px;
  }
}

/* ---- AudioEye launcher placement (2026-08-21) ----
   AudioEye applies its "right-middle" preset as inline styles on #ae_launcher,
   so !important is required. Bottom-left mirrors the Gorgias chat bubble
   (bottom-right) and keeps the icon off hero CTAs / product imagery.
   Mobile (<750px): launcher hidden (decision 2026-08-22); entry points remain
   the footer "Accessibility Policy" page (AudioEye statement + help desk) and
   AudioEye.activate('toolbar'). Portal preset is Bottom-left as of 2026-08-22.
   Since 2026-09-30 AudioEye loads only after a click on the footer "Accessibility
   Tools" link, or on every page for a visitor who has opened it once
   (tpAccessibilityTools in layout/theme.liquid), so the launcher shows from then on. */
/* The footer link while AudioEye loads on click */
a[aria-busy='true'] {
  cursor: progress;
}

#ae_app #ae_launcher {
  top: auto !important;
  right: auto !important;
  inset-inline-end: auto !important;
  left: 20px !important;
  inset-inline-start: 20px !important;
  bottom: 20px !important;
}
@media screen and (max-width: 749px) {
  #ae_app #ae_launcher {
    display: none !important;
  }
}
/* Keep the launcher out of open drawers/modals (its z-index 20000 sits above them) */
body:has(#Details-menu-drawer-container[open]) #ae_app #ae_launcher,
body:has(dialog.dialog-modal[open]) #ae_app #ae_launcher {
  display: none !important;
}

/*    Icon with Text Section (section_mKeDyW) - Mobile View */
.text-block h6 {
  margin: 0;
}

@media screen and (max-width: 749px) {
  [id*="section_mKeDyW"] .section-content-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px;
    column-gap: 12px;
    padding-inline: 12px;
  }

  [id*="section_mKeDyW"] .section-content-wrapper > .group-block {
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
    max-width: calc(50% - 6px);
    box-sizing: border-box;
  }

  [id*="section_mKeDyW"] .section-content-wrapper > .group-block > .group-block-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

  [id*="section_mKeDyW"] .svg-wrapper,
  [id*="section_mKeDyW"] icon-component {
    width: 35px;
    height: 35px;
    min-width: 35px;
    flex-shrink: 0;
  }

  [id*="section_mKeDyW"] .svg-wrapper svg,
  [id*="section_mKeDyW"] img {
    width: 35px;
    height: 35px;
    object-fit: contain;
  }

  [id*="section_mKeDyW"] .group-block--width-fill {
    width: auto;
    flex: 1;
  }

  [id*="section_mKeDyW"] .group-block--width-fill > .group-block-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
  }
  [id*="section_mKeDyW"] .text-block h6 {
    margin: 0;
    text-align: left;
    color: #675144;
  }

  /* Title typography on mobile */
  [id*="section_mKeDyW"] .text-block:first-child h6 {
    font-family: var(--font-subheading--family);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }

  /* Subtitle typography on mobile */
  [id*="section_mKeDyW"] .text-block:last-child h6 {
    font-family: var(--font-subheading--family);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.25;
  }
}

.yotpo-base-layout .yotpo-head .yotpo-headline {
    font-size: 28px;
    line-height: normal;
    letter-spacing: 12%;
    font-weight: 400;
    margin-top: 0;
}

/* Yotpo reviews: the "Customer Reviews" heading styled like the other PDP section headings
   (uppercase, letter-spaced). Font and text colour live in the TP5 Yotpo block below. */
.yotpo-reviews-main-widget .yotpo-base-layout .yotpo-head .yotpo-headline {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 400 !important;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.video_title_videowise_app {
    display: none;
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 15%;
    text-transform: uppercase;
    padding: 12px 0px 24px 0px;
}

/* Title stays hidden until the Videowise widget renders videos (custom.js adds the class) */
.video_title_videowise_app.has-videos {
    display: block;
}

/* No Videowise videos: the last accordion divider already separates the add-ons, so drop their top rule
   (it otherwise sits as a second, empty line below the accordion) */
.product-details:has(.video_title_videowise_app:not(.has-videos)) .product-add-ons {
    border-top: 0;
    padding-top: 8px;
}

@media screen and (max-width: 768px) {
    .yotpo-base-layout .yotpo-head .yotpo-headline {
        font-size: 16px;
    }
    .video_title_videowise_app {
        padding: 27px 0px;
    }
}
/* PDP Yotpo reviews (Apps section with the Yotpo reviews app block): white band, continuous with
   the white review highlight section above it. Matches the server-rendered widget container so the
   background is there before Yotpo's script loads. */
.shopify-section:has(> .shopify-app-block > .yotpo-widget-instance) {
  background-color: #ffffff;
}

/* ==========================================================================
   Yotpo reviews widget: TP5 look (2026-09-28)
   Square corners, no shadows, Inter through the theme font variable, TP5 colours,
   fields and buttons like the theme's own, stars like the product card ratings.

   Reach: Yotpo renders in the light DOM (no shadow roots or iframes). The reviews,
   the reviews summary drawer and the mobile Filters sheet sit in the widget root
   inside the Apps section; the media modal mounts in a second
   .yotpo-reviews-main-widget root appended to <body>. The scope below covers both.

   Specificity: Yotpo injects its styles after this file, with selectors up to five
   classes deep plus one ID (#yotpo-main-widget-btn). ":not(#yotpo-tp5)" matches
   every Yotpo root (no element has that id) and adds one ID of specificity, which
   wins without !important. !important is used only where Yotpo writes inline
   styles (font-family, colour, the search field border, the highlighted option,
   the yellow match highlight) or where the Yotpo admin Custom CSS
   (css-overrides.*.css) already uses !important (bar colours).
   ========================================================================== */

/* Yotpo's admin theme (Open Sans 300, grey #6B6D76 text, blue accents) arrives as custom
   properties inline on the widget root. Redefining them on the root's children shadows
   them without !important. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) > * {
  --yotpo-tp-ink: #171717;
  --yotpo-tp-brown: #675144;
  --yotpo-tp-sand: #e4d3c4;
  --yotpo-tp-wash: rgb(228 211 196 / 0.45);
  --yotpo-tp-field-border: rgb(23 23 23 / 0.55);
  --yotpo-tp-text: var(--yotpo-tp-ink);

  --primary-color: var(--yotpo-tp-ink);
  --text-color: var(--yotpo-tp-ink);
  --primary-font-family: var(--font-body--family);
  --secondary-font-family: var(--font-body--family);
  --primary-font-weight: 400;
  --secondary-font-weight: 400;
  --empty-state-button-color: var(--yotpo-tp-brown);
  --product-custom-questions-color: var(--yotpo-tp-brown);
  --yotpo-pure-black: var(--yotpo-tp-ink);
  --yotpo-black: var(--yotpo-tp-ink);
  --yotpo-primary-text-black: var(--yotpo-tp-ink);
  --yotpo-b2b-dark-grey: var(--yotpo-tp-ink);
  --yotpo-card-accent: var(--yotpo-tp-ink);
  --yotpo-blue: var(--yotpo-tp-brown);
  --yotpo-sky-blue: var(--yotpo-tp-brown);
  --yotpo-sky-blue-darker: var(--yotpo-tp-brown);
  --yotpo-b2b-dark-blue: var(--yotpo-tp-brown);
  --yotpo-focused-blue: #236192; /* the site focus ring colour (a11y-fixes.css) */
  --yotpo-b2b-light-grey: var(--yotpo-tp-sand);
  --yotpo-separator-line-grey: var(--yotpo-tp-sand);
  --yotpo-form-border-black: var(--yotpo-tp-field-border);
}

/* Type: the theme body font. Yotpo writes its admin font inline on some nodes, so !important. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) * {
  font-family: var(--font-body--family) !important;
}

/* Text: #171717 like the rest of the PDP (the earlier fix, now covering the drawer, sheet and
   modal too). Yotpo sets some colours inline, so !important. Elements on a brown or ink fill set
   --yotpo-tp-text to white instead of fighting this rule. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :not(svg, svg *) {
  color: var(--yotpo-tp-text) !important;
}

/* Shape: no rounded corners and no shadows anywhere in the widget */
.yotpo-reviews-main-widget:not(#yotpo-tp5) *:not(input[type='radio']),
.yotpo-reviews-main-widget:not(#yotpo-tp5) *::before,
.yotpo-reviews-main-widget:not(#yotpo-tp5) *::after {
  border-radius: 0;
  box-shadow: none;
}

/* Icons follow the text colour (Yotpo hard-codes #373330, #2c2c2c, a green tick and blue links).
   White icons stay white: they sit on dark fills (media modal arrows, verified tick). */
.yotpo-reviews-main-widget:not(#yotpo-tp5) svg:not(.yotpo-star-rating-icon, .yotpo-verified-icon) :is(path, circle, rect)[fill]:not([fill='none'], [fill^='url'], [fill='white' i], [fill='#fff' i], [fill='#ffffff' i]) {
  fill: currentColor;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) svg:not(.yotpo-star-rating-icon, .yotpo-verified-icon) :is(path, circle, rect)[stroke]:not([stroke='none'], [stroke='white' i], [stroke='#fff' i], [stroke='#ffffff' i]) {
  stroke: currentColor;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-verified-icon circle {
  fill: var(--yotpo-tp-ink);
}

/* Stars: solid ink with a 20% ink empty part and no outline, like the product card ratings */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-star-rating-icon stop:first-child {
  stop-color: var(--yotpo-tp-ink);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-star-rating-icon stop:last-child {
  stop-color: rgb(23 23 23 / 0.2);
  stop-opacity: 1;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-star-rating-icon path {
  stroke: none;
}

/* Bars (star distribution and the Style / Durability ranges): sand track, brown fill and marker.
   The Yotpo admin Custom CSS colours the fill and marker with !important, so !important here. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-progress-bar {
  background-color: var(--yotpo-tp-sand);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-progress-bar-score, .yotpo-star-distribution-bar-score) {
  background: var(--yotpo-tp-brown) !important;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-progress-bar-value .yotpo-progress-bar-value-point {
  background: var(--yotpo-tp-brown) !important;
}
/* A star filter dims the other rows to 0.5, which put their counts at 3.4:1; 0.65 keeps 5.5:1 */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-star-distribution-row-wrapper:not(.default-row, .selected-row) {
  opacity: 0.65;
}

/* Separators: Yotpo's 5px "smooth" image rule becomes a 1px sand line */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-border-smooth, .yotpo-review-border-smooth) {
  height: 1px;
  background: var(--yotpo-tp-sand);
}

/* Fields: search, rating, media and detailed-rating filters and the mobile Filters button.
   White, 1px border (4:1 on white), square, like the theme's inputs. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-search-input, .yotpo-filter-select, .yotpo-media-select, .yotpo-dropdown-placeholder-input, .yotpo-mobile-filters-btn) {
  background-color: #ffffff;
  border: var(--style-border-width-inputs) solid var(--yotpo-tp-field-border);
  border-radius: var(--style-border-radius-inputs);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-search-input, .yotpo-filter-select, .yotpo-media-select, .yotpo-dropdown-placeholder-input, .yotpo-mobile-filters-btn):hover {
  border-color: var(--yotpo-tp-ink);
}
/* Yotpo writes border-color inline on the search field, so !important for its colour only */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-search-input {
  border-color: var(--yotpo-tp-field-border) !important;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-search-input:is(:hover, :focus) {
  border-color: var(--yotpo-tp-ink) !important;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-dropdown-closable .yotpo-dropdown-placeholder-input {
  font-weight: 400;
}

/* "With media" is an on/off toggle drawn as a faint radio ring; show the theme's checkbox instead */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-media-select .yotpo-radio-icon {
  display: none;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-media-select::after {
  content: '';
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin-inline-end: 12px;
  border: 1px solid var(--yotpo-tp-field-border);
  background-color: #ffffff;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-media-select[aria-pressed='true']::after {
  border-color: var(--yotpo-tp-ink);
  background-color: var(--yotpo-tp-ink);
  box-shadow: inset 0 0 0 2px #ffffff;
}

/* Dropdown lists (sort, rating, detailed ratings): white panel, 1px border, no shadow */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-dropdown-content, .yotpo-dropdown-content-wrapper) {
  background: #ffffff;
  border: 1px solid var(--yotpo-tp-field-border);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-dropdown-option, .yotpo-score-option) {
  background: transparent;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-dropdown-option, .yotpo-score-option):is(:hover, :focus-visible) {
  background: var(--yotpo-tp-wash);
}
/* Yotpo writes the highlighted option's grey inline, so !important */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-dropdown-option, .yotpo-score-option)[style*='background'] {
  background-color: var(--yotpo-tp-wash) !important;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-dropdown-option:has(.yotpo-selected-icon) {
  font-weight: 600;
}

/* Popular topics: square chips like the theme's filter chips; a selected chip is ink with white
   text. Yotpo only swaps inline colours on selection (no class or aria-checked), so the selected
   state is read from its white text colour. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-smart-topic-filter {
  min-height: 36px;
  padding: 0 10px;
  background: #ffffff;
  border: 1px solid var(--yotpo-tp-field-border);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-smart-topic-filter:hover {
  border-color: var(--yotpo-tp-ink);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-smart-topic-filter:is([aria-checked='true'], [style*='#ffffff' i]) {
  --yotpo-tp-text: #ffffff;
  background: var(--yotpo-tp-ink);
  border-color: var(--yotpo-tp-ink);
}

/* Topic and search matches inside a review: sand instead of Yotpo's yellow (written inline, so !important) */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review span[style*='background'] {
  background: var(--yotpo-tp-sand) !important;
}

/* Text links: underlined like the theme's links (Read more sat in the review text with no cue) */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-read-more, .yotpo-smart-topics-see-more-label, .yotpo-custom-questions-see-more-label, .yotpo-clear-filters, .yotpo-mobile-filters-popup-clear, .yotpo-summary-read-topic-reviews-link-text, .yotpo-summary-footer-read-all-text) {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Outline buttons (See reviews summary, Load more reviews): the product card quick-add look,
   white with a 1px ink border, uppercase, ink fill on hover */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-icon-btn, .yotpo-vertical-pagination .yotpo-reviews-pagination-item) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: var(--minimum-touch-target);
  padding-block: 0;
  padding-inline: var(--button-padding-inline);
  white-space: nowrap;
  background-color: #ffffff;
  border: var(--style-border-width-secondary) solid var(--yotpo-tp-ink);
  border-radius: var(--style-border-radius-buttons-secondary);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-icon-btn, .yotpo-vertical-pagination .yotpo-reviews-pagination-item):hover {
  --yotpo-tp-text: #ffffff;
  background-color: var(--yotpo-tp-ink);
}

/* Primary buttons (mobile Filters "Show N reviews", Write a review if it is ever switched on):
   brand brown like Add to cart */
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-filters-results-btn, #yotpo-main-widget-btn, .yotpo-new-review-btn, .yotpo-new-review-submit) {
  --yotpo-tp-text: #ffffff;
  background-color: var(--yotpo-tp-brown);
  border: 0;
  border-radius: var(--style-border-radius-buttons-primary);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-filters-results-btn-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-mobile-filters-btn-badge {
  --yotpo-tp-text: #ffffff;
  background: var(--yotpo-tp-ink);
}

/* Pagination: current page brown with white text (was black on black, 1.01:1), square */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-horizontal-pagination :is(.yotpo-reviews-pagination-item.selected, .yotpo-pagination-number:hover) {
  --yotpo-tp-text: #ffffff;
  background-color: var(--yotpo-tp-brown);
}

/* Target size (WCAG 2.5.8): 24px hit areas around the 14px vote thumbs and the 17 to 20px tall
   Show more, See more and Sort by controls */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review-votes-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) :is(.yotpo-smart-topics-see-more-label, .yotpo-custom-questions-see-more-label, .yotpo-reviews-widget-dropdown) {
  min-height: 24px;
  align-items: center;
}

/* Review hierarchy: title weighted like the PDP's other card titles */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review-title {
  font-weight: 600;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-reviewer-name {
  font-weight: 500;
}

/* Reviews summary drawer: no scroll shadow, sand wash on the hovered topic, square ink badge */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-scrolling-shadow {
  background: #ffffff;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-single-summary-container-filter-background:hover {
  background-color: var(--yotpo-tp-wash);
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-summary-header-icon {
  --yotpo-tp-text: #ffffff;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-summary-footer-container {
  border-color: var(--yotpo-tp-sand);
}

/* Media modal: heading like the PDP section headings, no avatar (the review list has none),
   product-tile grey behind the photo */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review-media-modal-header {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review-media-modal .yotpo-reviewer-image {
  display: none;
}
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-review-media-modal-media-container {
  background-color: #f2f1ed;
}
/* Photo arrows: ink squares (were translucent black circles) */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-modal-media-preview-arrow-circle {
  background-color: var(--yotpo-tp-ink);
  opacity: 0.85;
}

/* Mobile Filters sheet: it sat under the sticky header (z-index 8) and the sticky Add to cart bar
   (999), which hid its title, close button and "Show N reviews" button. Same layer as Yotpo's
   own media modal. */
.yotpo-reviews-main-widget:not(#yotpo-tp5) .yotpo-mobile-filters-popup-overlay-container {
  z-index: 1400;
}

/* ── Product card quick add: same behaviour as the live native grid ──
   Desktop (mouse): a white outlined "ADD TO CART" bar across the bottom of the
   image, shown on hover or keyboard focus only. Touch: a full-width outlined
   button under the price. The image is contained on a #f2f1ed tile (the photo
   background) with room above and below so the bar never covers the wheels.
   Scoped to product-card so it outranks Horizon's .button rule, which re-set
   display:grid and made the icon button permanently visible and black. */
product-card .card-gallery__frame { background-color: #f2f1ed; }
product-card .card-gallery__frame img {
  object-fit: contain;
  padding: 6% 5% 17%;
}
/* Sets, bundles and garment bags: card-gallery.liquid gives them object-fit contain (the --whole class) so
   the whole photo shows; narrower side padding keeps it about as large as a covered photo. The tile
   colour is the photo background, so there are no bands. Other cards keep cover. The doubled class
   outranks the phone padding rule further down. */
product-card .card-gallery__frame.card-gallery__frame--whole img { padding-inline: 2%; }
product-card .quick-add__button {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 36px;
  padding: 10px 12px;
  background-color: #ffffff;
  color: #111111;
  border: 1px solid #111111;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--font-body--family);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
product-card .quick-add__button > .add-to-cart-text,
product-card .quick-add__button > .add-to-cart-text--added { grid-area: 1 / 1; }
product-card .quick-add__button:not(.atc-added) > .add-to-cart-text--added { visibility: hidden; }
product-card .quick-add__button .add-to-cart-icon,
product-card .quick-add__button .add-to-cart-icon--added { display: none; }
product-card .quick-add__button .add-to-cart-text__content,
product-card .quick-add__button:is(:focus, :hover) .add-to-cart-text__content {
  position: static;
  width: auto;
  max-width: none;
  opacity: 1;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: nowrap;
  margin: 0;
  transform: none;
}
product-card .quick-add__button:hover { background-color: #111111; color: #ffffff; }
product-card .quick-add__button[disabled] { color: #767676; border-color: #bbbbbb; background-color: #ffffff; cursor: default; }

@media (hover: hover) and (min-width: 750px) {
  product-card .quick-add {
    display: flex;
    inset: auto 8% 5% 8%;
    justify-content: stretch;
  }
  product-card .quick-add product-form-component,
  product-card .quick-add form,
  product-card .quick-add add-to-cart-component { width: 100%; }
  product-card .quick-add__button {
    visibility: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
    animation: none;
  }
  product-card:hover .quick-add__button,
  product-card:focus-within .quick-add__button,
  product-card .quick-add__button.atc-added {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s;
  }
}

@media not all and (hover: hover), (max-width: 749px) {
  /* Button docks under the price: the card body is the positioning box. */
  /* Cards in a grid row share a button baseline: the link wrapper and card fill the cell. */
  .product-grid__item > product-card-link { display: flex; flex-direction: column; flex: 1 1 auto; }
  .product-grid__item > product-card-link > product-card { flex: 1 1 auto; }
  product-card .product-card__content { padding-bottom: 50px !important; }
  product-card .card-gallery__frame img { padding: 6% 5%; }
  product-card .card-gallery { position: static; }
  product-card .card-gallery__frame { position: relative; }
  product-card .quick-add {
    display: flex;
    inset: auto 8px 0 8px;
    justify-content: stretch;
  }
  product-card .product-card__content > :not(.card-gallery) { padding-inline: 8px; }
  product-card .quick-add product-form-component,
  product-card .quick-add form,
  product-card .quick-add add-to-cart-component { width: 100%; }
  product-card .quick-add__button { visibility: visible; opacity: 1; }
  /* Keep carousel arrows where they were: centre them on the card above the docked button. */
  .resource-list__carousel slideshow-arrows { padding-bottom: 50px; box-sizing: border-box; }
}

/* ── Product card details: one order on every card surface ──
   Collection/search grids, home carousels, PDP and cart/404 recommendations all
   read: image, title (+ rating), swatches, colour name, price (+ Compare on grids).
   On phones the rating moves to the end of the swatch row so the title gets the
   full card width. The swatch block keeps its own box because its overflow list
   measures that width to decide how many swatches fit. */
@media screen and (max-width: 749px) {
  /* Grid cards: title, swatches and price sit in a group inside the card body. */
  product-card .group-block-content:has(> product-swatches):has(> .product-title-review-row) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 8px;
    align-items: start;
  }
  product-card .group-block-content:has(> product-swatches) > .product-title-review-row { display: contents !important; }
  product-card .group-block-content:has(> product-swatches) .product-title-content { grid-column: 1 / -1; grid-row: 1; }
  product-card .group-block-content:has(> product-swatches) > product-swatches { grid-column: 1; grid-row: 2; min-width: 0; }
  product-card .group-block-content:has(> product-swatches) .product-title-review { grid-column: 2; grid-row: 2; justify-self: end; margin-top: 7px; }
  product-card .group-block-content:has(> product-swatches) > :not(product-swatches):not(.product-title-review-row) { grid-column: 1 / -1; }
  product-card .product-title-content p { text-wrap: pretty; }
  product-card .group-block-content:has(> product-price):has(> .product-compare-block) {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* Carousel cards (home product-list) place title, swatches and price directly in the card body:
     keep that order, with the rating beside the swatches. */
  product-card .product-card__content:has(> product-swatches):has(> .product-title-review-row) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 8px;
    row-gap: 4px;
    align-items: start;
    align-content: start;
  }
  product-card .product-card__content:has(> product-swatches) > * { grid-column: 1 / -1; }
  product-card .product-card__content:has(> product-swatches) > .card-gallery { grid-row: 1; }
  product-card .product-card__content:has(> product-swatches) > .product-title-review-row { display: contents !important; }
  product-card .product-card__content:has(> product-swatches) .product-title-content { grid-column: 1 / -1; grid-row: 2; }
  product-card .product-card__content:has(> product-swatches) > product-swatches { grid-column: 1; grid-row: 3; min-width: 0; }
  product-card .product-card__content:has(> product-swatches) .product-title-review { grid-column: 2; grid-row: 3; justify-self: end; margin-top: 7px; }
  product-card .product-card__content:has(> product-swatches) > product-price { grid-row: 4; }
  product-card .product-card__content:has(> product-swatches) .product-title-content { padding-inline: 8px; }
  product-card .product-card__content:has(> product-swatches) > product-swatches:not(.card-gallery) { padding-right: 0; }
  product-card .product-card__content:has(> product-swatches) .product-title-review { margin-right: 8px; }
  product-card .product-card__content:has(> product-swatches) .product-title-review .rating-value { font-size: 12px !important; letter-spacing: 0 !important; }
  /* Three swatches + the "+N" count fit beside the rating (was --gap-sm, which wrapped the count). */
  product-card .variant-option--swatches overflow-list::part(list) { gap: 6px; }
  /* Below 390px the count still wrapped under the swatches (0.5px short at 375), where the colour
     name covered it: a tap on "+N" opened the product page. Keep the collapsed row on one line
     (tapping "+N" still wraps the full list) and tighten the gap a little on narrow phones. */
  product-card product-swatches[data-limit-color-variants='true']:not([data-limit-expanded='true']) overflow-list::part(list) { flex-wrap: nowrap; }
}
@media screen and (max-width: 389px) {
  product-card .variant-option--swatches overflow-list::part(list) { gap: 4px; }
}
/* Under 360px (320px phones) a grid card's content is about 126px wide: three swatches, "+N" and the
   rating no longer fit on one row, and product-swatches clips the overflow, so "+N" disappeared.
   The rating sits under the title instead and the swatch row gets the full card width. */
@media screen and (max-width: 359px) {
  product-card .group-block-content:has(> product-swatches) .product-title-review { grid-column: 1 / -1; grid-row: 2; justify-self: start; margin-top: 2px; }
  product-card .group-block-content:has(> product-swatches) > product-swatches { grid-column: 1 / -1; grid-row: 3; }
}

/* ── Card rows line up ──
   Titles wrap to one or two lines, which pushed swatches, colour name and
   price/Compare to different heights across a row. The title reserves two
   lines and the price row sits at the bottom of a card that fills its grid
   cell (covers three-line titles too). */
product-card .product-title-content p { min-height: 2lh; }
.product-grid__item > product-card-link { display: flex; flex-direction: column; flex: 1 1 auto; }
.product-grid__item > product-card-link > product-card { flex: 1 1 auto; }
/* Anchored on the title, which every card has (single-colour products and some sets have no swatches). */
product-card .product-card__content > .card-gallery { flex: 0 0 auto; }
product-card .product-card__content > .group-block:has(.product-title-content) { flex: 1 1 auto; display: flex; flex-direction: column; }
product-card .product-card__content > .group-block:has(.product-title-content) > .group-block-content { flex: 1 1 auto; }
product-card .group-block-content:has(> .product-title-review-row) > .group-block:has(product-price),
product-card .group-block-content:has(> .product-title-review-row) > product-price,
product-card .product-card__content:has(> .product-title-review-row) > product-price { margin-top: auto; }
@media screen and (max-width: 749px) {
  product-card .group-block-content:has(> product-swatches):has(> .product-title-review-row) { grid-template-rows: auto auto 1fr; }
  product-card .group-block-content:has(> product-swatches) > :not(product-swatches):not(.product-title-review-row) { align-self: end; }
  product-card .product-card__content:has(> product-swatches):has(> .product-title-review-row) { grid-template-rows: auto auto auto 1fr; }
  product-card .product-card__content:has(> product-swatches) > product-price { align-self: end; }
}

/* Build Your Set heading (snippets/bys-heading.liquid), inserted above the Tangiblee widget.
   Same type as the PDP "THE TRAVELPRO DIFFERENCE" title (.product-benefit-grid__title). */
.bys-heading {
  font-family: var(--font-h3--family, inherit);
  font-style: var(--font-h3--style, normal);
  font-weight: var(--font-h3--weight, 600);
  font-size: clamp(18px, 2.5vw, 24px);
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  text-wrap: balance;
  color: inherit;
  margin: 0;
  padding: clamp(32px, 4vw, 48px) 20px clamp(16px, 2vw, 24px);
}

/* Hyphenated product and size names ("Carry-On", "Check-In") never break at the hyphen */
.nowrap-word {
  white-space: nowrap;
}

/* Card badges: a grid text tag (NEW, LIGHTWEIGHT, FINAL SALE) and Sale / Sold out stack top-left instead of running together. */
.product-badges--style-standard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Search dropdown product tiles: equal columns. With plain 1fr, a tile whose content was wider than
   its share (image width, long title) pushed the next column down to ~77px. */
.predictive-search-results__wrapper-products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 550px) {
  .predictive-search-results__wrapper-products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Swym wishlist heart next to ADD TO CART: a square outlined control the same height as the button.
   It used to pick up the slate, rounded product-page button rule above (navy square, black heart, 1.7:1). */
body.template-product .product-details add-to-cart-component .swym-button-bar.swym-wishlist-button-bar.swym-inject {
  display: flex;
  align-self: stretch;
}
body.template-product .product-details add-to-cart-component .swym-btn-container.swym-inject[data-position="default"] {
  display: flex;
}
body.template-product .product-details add-to-cart-component .swym-btn-container .swym-button.swym-add-to-wishlist {
  box-sizing: border-box;
  width: 58px; /* ADD TO CART is 58px tall at every width */
  height: auto;
  min-height: 48px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #675144;
  border-radius: 0;
}
body.template-product .product-details add-to-cart-component .swym-btn-container .swym-button.swym-add-to-wishlist::after {
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: #675144 !important;
}
body.template-product .product-details add-to-cart-component .swym-btn-container .swym-button.swym-add-to-wishlist:hover {
  opacity: 1;
  background: #f3f0ef;
}

/* ---- PDP vertical rhythm (regressions round 2, item 5) ----
   One rule for every section below the buy box: its visible content sits half a rhythm step from
   the section's top and bottom edge, so any two neighbours are exactly one step apart (64px desktop,
   40px mobile) whichever optional sections a product has. Coloured bands count as content. Empty
   sections take no space. */
body.template-product {
  --pdp-rhythm: 40px;
  --pdp-half: 20px;
}
@media screen and (min-width: 750px) {
  body.template-product {
    --pdp-rhythm: 64px;
    --pdp-half: 32px;
  }
}

/* Empty sections take no space (belt and braces for the Liquid guard in pdp-product-review.liquid) */
body.template-product section.section-pdp-product-review:not(:has(.product-review__content-inner)) {
  display: none;
}

/* Main product section: gallery / buy box (or the Tangiblee Build Your Set widget, which Tangiblee
   appends after it on desktop) ends half a step above the section edge. */
body.template-product .product-information.section.spacing-style {
  padding-block-end: var(--pdp-half);
}
body.template-product main > .shopify-section:has(> .bys-heading) .product-information.section.spacing-style {
  padding-block-end: 0;
}
body.template-product main > .shopify-section:has(> .bys-heading) {
  padding-block-end: var(--pdp-half);
}
body.template-product main > .shopify-section > .bys-heading {
  padding-top: var(--pdp-rhythm);
}
/* A Videowise app block with no videos is 0px tall but still takes a flex gap at the end of the buy box */
body.template-product .product-details .layout-panel-flex > .shopify-app-block:has(> .video_title_videowise_app:not(.has-videos)) {
  margin-block-start: calc(var(--gap, 0px) * -1);
}
@media screen and (max-width: 749px) {
  /* Mobile: the buy box is the bottom of the main section; drop the trailing space inside its last block
     so the section padding is the only space below it */
  body.template-product .product-details > .group-block:last-child {
    padding-bottom: 0;
  }
  body.template-product .product-details .group-block-content > product-add-ons:last-child > product-add-ons {
    margin-bottom: 0;
  }
  body.template-product .product-details .group-block-content > product-add-ons:last-child .product-add-on:last-child {
    padding-bottom: 0;
  }
}

/* PrecisionGlide / Videowise single media: the band and the video are the content */
body.template-product section.section-videowise-single-media {
  padding-block: var(--pdp-half);
}
body.template-product section.section-videowise-single-media .videowise-single-media__video-container {
  padding-bottom: 0;
}

/* The Travelpro Difference */
body.template-product section.section-product-benefit-grid {
  padding-block: var(--pdp-half);
}

/* Room for Any Journey */
body.template-product section.section-room-for-any-journey {
  padding-block: var(--pdp-half);
}

/* Press / review highlight */
body.template-product section.section-pdp-product-review.spacing-style {
  padding-block: var(--pdp-half);
}
body.template-product section.section-pdp-product-review .product-review__logo {
  margin-bottom: 0;
}

/* Yotpo reviews (apps section): Yotpo's own 70px head / pagination margins replaced by the rhythm */
body.template-product main > .shopify-section:has(.yotpo-main-layout) {
  padding-block: var(--pdp-half);
}
body.template-product .yotpo-reviews-main-widget .yotpo-head,
body.template-product .yotpo-reviews-main-widget .yotpo-head .yotpo-headline {
  margin-top: 0 !important;
}
body.template-product .yotpo-reviews-main-widget .yotpo-reviews-pagination-container {
  margin-bottom: 0 !important;
}

/* You may also like */
body.template-product product-recommendations .section.spacing-style {
  padding-block: var(--pdp-half) !important;
}

/* Altitude / Platinum backpack templates: hotspot band, full-width video and accessories */
body.template-product product-hotspot-features.product-hotspot-features {
  margin-block: var(--pdp-half);
}
body.template-product main > .shopify-section:has(> .fullsize-video-block) {
  margin-block: var(--pdp-half);
}
body.template-product add-on-accessories-section.add-on-accessories {
  padding-block: var(--pdp-half);
}

/* Service highlights band (full-bleed #e4d3c4, the band itself is the content): the section above
   gives half a step, the band adds the other half so the white gap is one full step */
body.template-product main > .shopify-section:has(> .service-highlights) {
  margin-top: var(--pdp-half);
}

/* Off-brand remnants (#15): primary buttons in brand brown, square controls.
   The account menu's "Other sign in options" link uses the colour scheme's primary button (black) too;
   its hover keeps the brown instead of the scheme's black hover. */
.cart-items__empty-button.button,
.cart-drawer .cart-items__empty-button,
.account-actions__sign-ins a.button,
.account-actions__sign-ins a.button:hover {
  background-color: #675144;
  border-color: #675144;
  color: #ffffff;
}

/* Tablet PDP (750-989px): one large photo per row beside the buy box instead of a 2-up grid of ~160px thumbnails */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .media-gallery--two-column .media-gallery__grid {
    grid-template-columns: 1fr;
  }
}

/* Shop by colour / price / type landing tiles: a 2-column grid on phones and 3 columns on tablets
   (phones had a swipe slider with no arrows, dots or peek; tablets squeezed every tile into one row) */
@media screen and (max-width: 989px) {
  .template-page .feature-slider.mobile_no_slider {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
    padding-inline: 16px;
    box-sizing: border-box;
    max-width: 100%;
  }
  .template-page .feature-slider.mobile_no_slider .feature-container-block,
  .template-page .feature-slider.mobile_no_slider .feature-container-block:last-child {
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .template-page .feature-slider.mobile_no_slider {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 20px;
    padding-inline: 20px;
  }
}

/* Search page header (sections/search-header.liquid, search template only).
   H1 in the collection title style (34px/800 uppercase, 22px on phones, see "Collection Page Heading"
   at the top of this file), a 48px search box with 16px text (no iOS zoom on focus), and the result
   count at 16px: beside the box from 750px up, under it on phones. The section's bottom padding
   (20px, templates/search.json) is the gap above the Filter bar, as on collection pages.
   The count keeps its markup and role="status"; only its look and position change. */
.search-page__header .text-block > h1 {
  margin: 0;
  color: #171717;
  font-family: var(--font-body--family);
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  line-height: 34px;
  letter-spacing: normal;
  text-transform: uppercase;
}
.search-page__header .search-page-input__parent {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--horizontal-alignment);
  gap: 12px 24px;
  margin-top: 16px;
}
.search-page__header search-page-input-component {
  margin: 0;
}
.search-page__header .search-page-input {
  padding-block: 12px;
  font-size: 16px;
  line-height: 22px;
}
.search-page__header .search-results__summary {
  flex: 1 1 240px;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #171717;
  overflow-wrap: anywhere;
}
/* The no-products message is a full sentence, so it stays on its own line under the box */
.search-page__header .search-results__no-results {
  flex: 1 1 100%;
  font-size: 16px;
  line-height: 24px;
  color: #171717;
}
.search-page__header .search-results__no-results p {
  margin: 0;
}
@media screen and (max-width: 749px) {
  .search-page__header .text-block > h1 {
    font-size: 22px;
    line-height: 26px;
  }
}
/* Search on phones: products first; Guides & articles move below the grid and Load More
   (kept at the top on no-product searches, where the guides are the most useful result) */
@media screen and (max-width: 749px) {
  .ngrid[data-is-search="true"]:not(.ngrid--search-empty) {
    display: flex;
    flex-direction: column;
  }
  .ngrid[data-is-search="true"]:not(.ngrid--search-empty) > .ngrid__extras {
    order: 10;
    margin-top: 32px;
  }
}

/* About "Durability is built into every bag" card: the row's grid gutters (-40px, -20px on phones) spilled past the
   bordered card, so the text ran into the border; body copy also had 1px tracking no other body text uses */
.custom_image_text_section .precis-col-wrp > .precis-row {
  margin-inline: 0;
}
.custom_image_text_section .precis-content-wrp p {
  letter-spacing: normal;
}

/* PDP "Features" accordion row: it holds only the product-highlights block, which renders nothing for a product
   without custom.product_highlights, so the row opened to nothing. Hide the row when the block rendered no list. */
.template-product accordion-custom:has(.details-content > .shopify-block[id*="product_highlights"]):not(:has(.product-highlights)) {
  display: none;
}