@media (max-width: 1199px) {
    .exclusive-header-desktop {
        display: none !important;
    }

    .exclusive-header-mobile {
        display: block !important;
    }

    .exclusive-mobile-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        width: min(calc(100% - 32px), 900px);
        min-height: 68px;
        margin: 0 auto;
    }

    .exclusive-mobile-left {
        display: flex;
        justify-content: flex-start;
    }

    .exclusive-mobile-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .exclusive-mobile-actions {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 14px;
        color: inherit;
    }

    .exclusive-menu-toggle {
        display: inline-flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 34px;
        height: 40px;
        margin: 0;
        padding: 4px 6px !important;
        border: 0 !important;
        background: transparent !important;
        color: inherit;
        float: none;
    }

    .exclusive-menu-toggle__line {
        display: block;
        width: 21px;
        height: 1.5px;
        background: currentColor;
        border-radius: 10px;
    }

    .exclusive-mobile-search {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 40px;
        padding: 0;
    }

    .exclusive-mobile-search i {
        font-size: 18px;
    }

    .exclusive-header-mobile .exclusive-logo__image {
        max-width: 142px;
        max-height: 45px;
    }

    .exclusive-header-mobile .bemins-topcart,
    .exclusive-header-mobile .mini-cart,
    .exclusive-header-mobile .cart-icon {
        color: inherit !important;
    }

    .exclusive-header-mobile .mini-cart .cart-icon {
        margin: 0 !important;
    }

    .exclusive-slider--hero .exclusive-slide {
        height: clamp(540px, 72vw, 650px);
        min-height: 540px;
    }

    .exclusive-slide-content {
        width: min(900px, calc(100% - 90px));
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .exclusive-header .header-campbar .content-campbar {
        min-height: 26px;
    }

    .exclusive-header .header-campbar a {
        font-size: 10px !important;
    }

    .exclusive-mobile-inner {
        width: calc(100% - 24px);
        min-height: 61px;
    }

    .exclusive-header-mobile .exclusive-logo__image {
        max-width: 122px;
        max-height: 38px;
    }

    .exclusive-mobile-actions {
        gap: 8px;
    }

    .exclusive-slider--hero .exclusive-slide {
        height: min(690px, 148vw);
        min-height: 520px;
        max-height: 690px;
    }

    .exclusive-slider--story {
        width: calc(100% - 24px);
    }

    .exclusive-slider--story .exclusive-slide {
        height: min(610px, 125vw);
        min-height: 470px;
    }

    .exclusive-slide-content,
    .exclusive-slider--story .exclusive-slide-content {
        width: calc(100% - 48px);
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .exclusive-slider--story .exclusive-slide-content {
        padding-top: 25px;
    }

    .exclusive-slide-title,
    .exclusive-slider--story .exclusive-slide-title {
        font-size: clamp(31px, 10vw, 44px);
        line-height: 1.08;
    }

    .exclusive-slide-subtitle {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.55;
    }

    .exclusive-slide-cta {
        margin-top: 42px;
        font-size: 13px;
    }

    .exclusive-slider-arrow {
        top: auto;
        bottom: 24px;
        width: 42px;
        height: 46px;
        margin: 0;
    }

    .exclusive-slider-arrow--prev {
        left: 12px;
    }

    .exclusive-slider-arrow--next {
        right: 12px;
    }

    .exclusive-slider-arrow span {
        width: 19px;
        height: 19px;
        border-width: 1.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .exclusive-header-shell,
    .exclusive-slider-arrow,
    .exclusive-slide-cta,
    .exclusive-logo__image {
        transition: none !important;
    }
}

/* Homepage v1.2.0 responsive ------------------------------------ */
@media (max-width: 1199px) {
    body.exclusive-home .exclusive-promo-section {
        margin-top: 36px !important;
        margin-bottom: 62px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-widget-banner,
    body.exclusive-home .exclusive-promo-section .bwp-image > a,
    body.exclusive-home .exclusive-promo-section .bwp-image > a > img,
    body.exclusive-home .exclusive-promo-section .bwp-image img {
        min-height: 320px;
    }

    .exclusive-usps {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    body.exclusive-home .exclusive-promo-section {
        margin: 26px auto 54px !important;
        padding: 0 14px !important;
    }

    body.exclusive-home .exclusive-promo-section > .elementor-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    body.exclusive-home .exclusive-promo-section .elementor-column {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.exclusive-home .exclusive-promo-section .elementor-column:first-child {
        grid-column: 1 / -1;
    }

    body.exclusive-home .exclusive-promo-section .elementor-column:first-child .bwp-widget-banner,
    body.exclusive-home .exclusive-promo-section .elementor-column:first-child .bwp-image > a,
    body.exclusive-home .exclusive-promo-section .elementor-column:first-child .bwp-image img {
        min-height: 330px;
    }

    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) .bwp-widget-banner,
    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) .bwp-image > a,
    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) .bwp-image img {
        min-height: 245px;
    }

    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor h2,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor h3,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .title-banner,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .title {
        font-size: 20px !important;
    }

    body.exclusive-home .exclusive-promo-section .button,
    body.exclusive-home .exclusive-promo-section .bwp-button,
    body.exclusive-home .exclusive-promo-section a.button {
        min-width: 86px;
        height: 34px !important;
        padding: 0 13px !important;
        font-size: 14px !important;
        line-height: 34px !important;
    }

    body.exclusive-home .exclusive-categories-section {
        margin-bottom: 54px !important;
        padding: 0 14px !important;
    }

    body.exclusive-home .exclusive-categories-section .elementor-widget-heading {
        margin-bottom: 26px !important;
    }

    body.exclusive-home .exclusive-categories-section .elementor-heading-title {
        font-size: 23px !important;
    }

    body.exclusive-home .exclusive-home-insert .exclusive-slider--story {
        width: calc(100% - 24px);
    }

    body.exclusive-home .exclusive-home-insert .exclusive-slider--story .exclusive-slide {
        height: min(570px, 118vw);
        min-height: 420px;
    }

    body.exclusive-home .exclusive-home-insert .exclusive-slider--story .exclusive-slide-title {
        font-size: clamp(31px, 9.2vw, 45px);
    }

    body.exclusive-home .exclusive-home-insert .exclusive-slider--story .exclusive-slide-cta {
        margin-top: 54px;
    }

    .exclusive-brand-intro {
        padding: 42px 22px 58px;
    }

    .exclusive-brand-intro__inner h2 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.4;
    }

    .exclusive-brand-intro__inner p {
        font-size: 14px;
        line-height: 1.68;
    }

    .exclusive-usps {
        grid-template-columns: 1fr 1fr;
        gap: 34px 18px;
        margin-top: 44px;
    }

    .exclusive-usp__icon {
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
    }

    .exclusive-usp__icon svg {
        width: 38px;
        height: 38px;
    }

    .exclusive-usp h3 {
        font-size: 13px;
    }

    .exclusive-usp p {
        font-size: 12px;
    }

    body.exclusive-home .exclusive-testimonial-section {
        padding: 58px 18px 68px !important;
    }

    body.exclusive-home .exclusive-testimonial-section .elementor-inner-section {
        padding-top: 0 !important;
    }

    body.exclusive-home .exclusive-testimonial-section .bwp-testimonial.default .item {
        padding: 10px 0 30px;
    }

    body.exclusive-home .exclusive-instagram-section {
        padding: 58px 14px 62px !important;
    }
}

/* Exclusive v1.2.1 — fullscreen hero responsive lock ---------------- */
@media (max-width: 1199px) {
    body.exclusive-home .exclusive-slider--hero {
        height: var(--exclusive-hero-height) !important;
        min-height: 560px;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide-content {
        top: var(--exclusive-header-shell-height, 68px);
        width: min(900px, calc(100% - 64px));
        padding: 0 18px 62px;
    }
}

@media (max-width: 767px) {
    body.exclusive-home .exclusive-slider--hero {
        height: var(--exclusive-hero-height) !important;
        min-height: 520px;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide-content {
        top: var(--exclusive-header-shell-height, 61px);
        width: calc(100% - 32px);
        padding: 0 8px 66px;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide-title {
        max-width: 680px;
        font-size: clamp(32px, 10.5vw, 48px);
        line-height: 1.04;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide-subtitle {
        max-width: 520px;
        font-size: 13px;
    }

    body.exclusive-home .exclusive-slider--hero .exclusive-slide-cta {
        margin-top: 34px;
    }

    body.exclusive-home .exclusive-slider--hero .slick-dots {
        bottom: 20px;
        gap: 9px;
    }

    body.exclusive-home .exclusive-slider--hero .slick-dots li,
    body.exclusive-home .exclusive-slider--hero .slick-dots li button {
        width: 11px;
        height: 11px;
    }
}

/* ======================================================================
   Exclusive v1.5.1 — mobile promo cards
   Keep the Bemins banner text/CTA inside the artwork on small screens.
   Bemins/Elementor can otherwise return the info block to normal document
   flow, which creates the grey footer seen below the image.
   ====================================================================== */
@media (max-width: 767px) {
    body.exclusive-home .exclusive-promo-section > .elementor-container,
    body.exclusive-home .exclusive-promo-section > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    body.exclusive-home .exclusive-promo-section .elementor-column,
    body.exclusive-home .exclusive-promo-section .elementor-column:first-child,
    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        grid-column: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.exclusive-home .exclusive-promo-section .elementor-widget-bwp_image,
    body.exclusive-home .exclusive-promo-section .elementor-widget-container,
    body.exclusive-home .exclusive-promo-section .banners,
    body.exclusive-home .exclusive-promo-section .bwp-image {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-widget-banner,
    body.exclusive-home .exclusive-promo-section .elementor-column:first-child .bwp-widget-banner,
    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) .bwp-widget-banner {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 5;
        overflow: hidden !important;
        border-radius: 12px !important;
        background: transparent !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-image,
    body.exclusive-home .exclusive-promo-section .bwp-image > a {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        border-radius: inherit !important;
        overflow: hidden !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-image > a > img,
    body.exclusive-home .exclusive-promo-section .bwp-image img,
    body.exclusive-home .exclusive-promo-section .elementor-column:first-child .bwp-image img,
    body.exclusive-home .exclusive-promo-section .elementor-column:not(:first-child) .bwp-image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: inherit !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-widget-banner .banner-wrapper-infor {
        position: absolute !important;
        z-index: 5 !important;
        top: auto !important;
        right: 0 !important;
        bottom: 28px !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 18px !important;
        transform: none !important;
        -webkit-transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: center !important;
        background: transparent !important;
    }

    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor h2,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor h3,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .title-banner,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .title {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        color: #fff !important;
        font-size: clamp(22px, 6.2vw, 30px) !important;
        line-height: 1.12 !important;
    }

    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .button,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor .bwp-button,
    body.exclusive-home .exclusive-promo-section .banner-wrapper-infor a.button {
        margin: 0 !important;
    }

    body.exclusive-home .exclusive-promo-section .bwp-widget-banner.layout-1 .bwp-image > a:after {
        z-index: 2 !important;
        height: 58% !important;
        bottom: 0 !important;
        border-radius: inherit !important;
        background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,.42) 100%) !important;
    }
}
