@import "amplience.css";
@import url("https://fonts.googleapis.com/css2?family=Birthstone+Bounce:wght@400;500&display=swap");

:root {
    --medium-letter-spacing: 1.35px;
    --tempur-black: #323333;
    --text-oranage: #e9591a;
    --tempur-red: #DB0032;
    --tempur-blue-text-color: #008199;
    --tempur-sustainability-green: #3B813B;
    --cooling-blue: #82cbd9;
    --accordion-transition: height 0.35s ease;
    --carousel-indicator-size: 12px;
    --carousel-indicator-color: #333333;
    --carousel-arrow-size: 40px;
    --carousel-arrow-color: #333333;
    --carousel-arrow-opacity-hover: 0.7;
    --carousel-arrow-opacity-active: 0.5;
    --carousel-arrow-opacity-color: #72767A;
    --section-background-light: #F5F8FC;
    --formlayer-icon-empty-state: 40px;
    --formlayer-icon-size: 40px;
    --formlayer-icon-radius: 50%;
    --formlayer-icon-shadow: 0 0 4px 0 rgba(50, 51, 51, 0.5);
    --formlayer-cover-url: url("https://media.tempur.com/i/tempursealy/form-cover-icon-1");
    --formlayer-adapt-material-url: url("https://media.tempur.com/i/tempursealy/form-adapt-icon-1");
    --formlayer-adapt-comfort-url: url("https://media.tempur.com/i/tempursealy/form-adapt-comfort-icon-1");
    --formlayer-adapt-support-url: url("https://media.tempur.com/i/tempursealy/form-adapt-comfort-icon-1");
    --formlayer-adapt-durabase-url: url("https://media.tempur.com/i/tempursealy/form-durabase-50-50-icon-3");
    --formlayer-adapt-responsecoils-url: url("https://media.tempur.com/i/tempursealy/tempur-form-response-coils");
    --prolayer-cover-url: url("https://media.tempur.com/i/tempursealy/prolayer-cover");
    --prolayer-sc-cover-url: url("https://media.tempur.com/i/tempursealy/pro-sc-cover-icon-3");
    --prolayer-air-cover-url: url("https://media.tempur.com/i/tempursealy/prolayer-air-cover");
    --primalayer-cover-url: url("https://media.tempur.com/i/tempursealy/primalayer-cover");
    --prolayer-cq-cover-url: url("https://media.tempur.com/i/tempursealy/prolayer-cq-cover");
    --prolayer-dynamic-support-layer-url: url("https://media.tempur.com/i/tempursealy/pro-dynamic-support-layer-icon-3");
    --prolayer-durabase-layer-url: url("https://media.tempur.com/i/tempursealy/form-durabase-icon-1");
    --prolayer-air-material-url: url("https://media.tempur.com/i/tempursealy/prolayer-air-material");
    --easelayer-cover-url: url("https://media.tempur.com/i/tempursealy/ease-cover");
    --easelayer-adapt-support-material-url: url("https://media.tempur.com/i/tempursealy/form-adapt-support-icon");
    --easelayer-hybrid25-hd-foam-url: url("https://media.tempur.com/i/tempursealy/ease_hybrid_25_3");
    --easelayer-hybrid-easecoils-url: url("https://media.tempur.com/i/tempursealy/ease_hybrid_25_6");

}

.bg-tempur-light {
    background-color: var(--section-background-light);
}

.bg-tempur-dark {
    background-color: var(--tempur-black);
}

span.text-info {
    color: inherit !important;
}

.formlayer-icon-space {
    width: var(--formlayer-icon-size);
    height: var(--formlayer-icon-size);
}

.formlayer-icon {
    width: var(--formlayer-icon-size);
    height: var(--formlayer-icon-size);
    border-radius: var(--formlayer-icon-radius);
    box-shadow: var(--formlayer-icon-shadow);
}

.formlayer-adapt-material {
    content: var(--formlayer-adapt-material-url);
}

.formlayer-adapt-comfort {
    content: var(--formlayer-adapt-comfort-url);
}

.formlayer-adapt-support {
    content: var(--formlayer-adapt-support-url);
}

.formlayer-adapt-responsecoils {
    content: var(--formlayer-adapt-responsecoils-url);
}

.formlayer-adapt-durabase {
    content: var(--formlayer-adapt-durabase-url);
}

.prolayer-cover {
    content: var(--prolayer-cover-url);
}

.prolayer-sc-cover {
    content: var(--prolayer-sc-cover-url);
}

.prolayer-air-cover {
    content: var(--prolayer-air-cover-url);
}

.primalayer-cover {
    content: var(--primalayer-cover-url);
}

.prolayer-cq-cover {
    content: var(--prolayer-cq-cover-url);
}

.prolayer-air-material {
    content: var(--prolayer-air-material-url);
}

.prolayer-advanced-material {
    content: var(--formlayer-adapt-material-url);
}

.prolayer-adapt-material {
    content: var(--formlayer-adapt-comfort-url);
}

.prolayer-dynamic-support {
    content: var(--prolayer-dynamic-support-layer-url);
}

.prolayer-durabase {
    content: var(--prolayer-durabase-layer-url);
}

.form-FAQ-cover-icon {
    width: 44px;
    content: var(--form-FAQ-cover-icon-url);
}

.easelayer-cover {
    content: var(--easelayer-cover-url);
}

.easelayer-adapt-support-material {
    content: var(--easelayer-adapt-support-material-url);
}

.easelayer-hybrid25-hd-foam {
    content: var(--easelayer-hybrid25-hd-foam-url);
}

.easelayer-hybrid-easecoils {
    content: var(--easelayer-hybrid-easecoils-url);
}

.bg-img-cover {
    background-size: cover;
    height: 100%;
}

.bg-black {
    background-color: var(--tempur-black);
}

.btn-black,
.btn-dark {
    --bs-btn-bg: #323333;
    --bs-btn-border-color: #323333;
    --bs-btn-color: #ffffff;
}

.btn-black:hover,
.btn-dark:hover {
    --bs-btn-hover-bg: #72767a;
    --bs-btn-hover-border-color: #72767a;
}

.btn-black:active,
.btn-dark:active {
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #00839b;
    --bs-btn-active-border-color: #00839b;
}

.btn-black:focus,
.btn-dark:focus {
    --bs-btn-border-color: #323333;
    box-shadow: 0 0 0 2px #00839b;
}

.btn-black:disabled,
.btn-dark:disabled {
    --bs-btn-disabled-color: #323333;
    --bs-btn-disabled-bg: #b3b7bd;
    --bs-btn-disabled-border-color: #b3b7bd;
}

.bg-black {
    background-color: var(--tempur-black);
}

.disclaimer-text {
    font-size: 11px;
    line-height: 13px;
}

/* accordion fix for <sup> elements */

div.product-detail #ProductInfo i {
    display: inline-block !important;
}

.accordion-no-bg .accordion-button {
    position: relative;
    display: block;
}

.accordion-no-bg .accordion-button::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.accordion-no-bg .accordion-button:not(.collapsed)::after {
    transform: translate(0, -50%) rotate(180deg);
}

/* Hide background image for mobile, tablet, and landscape */
@media(max-width: 1020px) {
    .banner-area {
        background-image: none !important;
    }
}

@media(max-width: 768px) {
    .main-wrapper-signup .form-control {
        font-size: 0.7rem;
    }
}

@media(max-width: 1023px) {
    .db-banner-area .mobile-gradient-db {
        background-image: linear-gradient(to bottom right, #034b8a, #1f82c0);
    }
}

.banner-area {
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-area.db-banner-area {
    background: url("https://media.tempur.com/i/tempursealy/DB_banner_revised.webp") no-repeat center;
    background-size: cover !important;
}

.medium-letter-spacing {
    letter-spacing: var(--medium-letter-spacing) !important;
}

.ribbon-img {
    background-repeat: no-repeat;
    background-size: cover;
}

.main-wrapper-signup .form-control {
    height: auto;
}

.modal-backdrop {
    z-index: 300;
}

.modal {
    z-index: 1000;
}

#onetrust-consent-sdk {
    z-index: 1000;
}

#geoLocation {
    z-index: 550;
}

.close-btn-position {
    color: white;
    top: 0;
    right: 0;
}

.modal-header-border .modal-header {
    border-bottom: unset;
}

.close-btn-position .close {
    color: var(--tempur-black);
    opacity: unset;
    text-shadow: unset;
}

.prodNotice {
    background: var(--tempur-red);
    color: #ffffff;
    border-radius: 5px;
}

.bg-promotion {
    background-color: var(--tempur-red);
}

footer .copyright a {
    color: rgba(var(--bs-link-color-rgb));
}

/*CSS ADDED FOR BOOTSTRAP 5 START*/

.accordion-no-bg.accordion-flush>.accordion-item:first-child {
    border-top: var(--bs-border-width) solid var(--bs-accordion-border-color);
}

.accordion-no-bg.accordion-flush>.accordion-item:last-child {
    border-bottom: var(--bs-border-width) solid var(--bs-accordion-border-color);
}

.accordion-no-bg .accordion-button:not(.collapsed) {
    background-color: unset;
    color: unset;
}

.scroll-container {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
}

.scroll-item {
    scroll-snap-align: start;
}

#ProductBenefitsSection .accordion-button:not(.collapsed) .fa-minus {
    display: inline;
}

#ProductBenefitsSection .accordion-button:not(.collapsed) .fa-plus {
    display: none;
}

#ProductBenefitsSection .accordion-button.collapsed .fa-minus {
    display: none;
}

#ProductBenefitsSection .accordion-button.collapsed .fa-plus {
    display: inline;
}

#ProductBenefitsSection .accordion-button:not(.collapsed) h4 {
    color: var(--cooling-blue);
}

#ProductBenefitsSection .accordion-button.collapsed h4 {
    color: #fff;
}

#ProductBenefitsSection .text-orange {
    color: var(--text-oranage);
}

#ProductBenefitsSection .productBenefitsImages-container img {
    display: none;
}

#ProductBenefitsSection .productBenefitsImages-container img.active {
    display: block;
}

#ProductBenefitsSection .accordion-collapse {
    transition: var(--accordion-transition);
}

.text-orange {
    color: var(--text-oranage);
}

#carouselBrandCredentials .carousel-inner,
#carouselEASE .carousel-inner {
    position: relative;
}

#carouselBrandCredentials .carousel-controls,
#carouselEASE .carousel-controls {
    position: relative;
}

#carouselBrandCredentials .carousel-indicators,
#carouselEASE .carousel-indicators {
    position: relative;
    bottom: unset;
    border: unset;
}

#carouselBrandCredentials .carousel-indicators button,
#carouselEASE .carousel-indicators button {
    background-color: var(--carousel-indicator-color);
    border-radius: 50%;
    width: var(--carousel-indicator-size);
    height: var(--carousel-indicator-size);
}

#carouselBrandCredentials .carousel-control-prev-custom,
#carouselBrandCredentials .carousel-control-next-custom,
#carouselEASE .carousel-control-next-custom,
#carouselEASE .carousel-control-prev-custom {
    position: absolute;
    bottom: 20px;
    color: var(--carousel-arrow-color);
    border: unset;
    border-radius: 50%;
    width: var(--carousel-arrow-size);
    height: var(--carousel-arrow-size);
    z-index: 10;
    transition: opacity 0.3s ease;
}

#carouselBrandCredentials .carousel-control-prev-custom,
#carouselEASE .carousel-control-prev-custom {
    left: unset;
    right: 50px;
}

#carouselBrandCredentials .carousel-control-next-custom,
#carouselEASE .carousel-control-next-custom {
    right: 0;
}

#carouselBrandCredentials .carousel-control-prev-custom:hover,
#carouselBrandCredentials .carousel-control-next-custom:hover,
#carouselEASE .carousel-control-prev-custom:hover,
#carouselEASE .carousel-control-next-custom:hover {
    opacity: var(--carousel-arrow-opacity-hover);
}

#carouselBrandCredentials .carousel-control-prev-custom:active,
#carouselBrandCredentials .carousel-control-next-custom:active,
#carouselEASE .carousel-control-prev-custom:active,
#carouselEASE .carousel-control-next-custom:active {
    opacity: var(--carousel-arrow-opacity-active);
}

.ps-promo-banner .ps-promo-container {
    background: 0 0;
    background-color: var(--tempur-red);
    color: #fff;
    min-height: 2rem;
    height: auto;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    font-weight: bolder;
    font-size: 0.85rem;
    margin: 0 0 20px;
}

/*CSS FOR FORMS START */
.form-xhr legend,
.form-xhr .alert {
    text-transform: uppercase;
    font-family: DaxPro-WideMedium, Dax-Regular;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
}

.form-xhr legend {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #53565a;
}

.form-xhr .message {
    z-index: 100;
}

.form-xhr .custom-checkbox .custom-control-label {
    width: 100%;
}

.form-xhr .custom-checkbox .message {
    margin-top: 0.5rem;
}

.form-xhr .form-group.form-group-file .form-control-label {
    font-size: 0.6875rem;
    font-weight: 400;
    top: 0.4375rem;
    z-index: 1;
}

.form-xhr .form-group.form-group-file .form-control {
    font-size: 0.75rem;
    padding-top: 1.65rem;
    padding-bottom: 0.5rem;
    height: 4rem;
}

.custom-checkbox .custom-control-label h5 {
    line-height: 25px;
}

/*CSS FOR FORMS END */

/* AD adding font styling to TD START */
td {
    margin-top: 0;
    font-family: DaxPro-WideRegular, DaxPro-Regular;
    font-size: 0.8125rem;
    color: #53565a;
    line-height: 1.25rem;
}

/* AD adding font styling to TD END */

/* AD New BS5 footer with Emily redesign START */

/* A lot of this will be ok to remove once BE team have updated 
all the basic fonts to the correct sizes, font families etc. For now, 
they are all added here specifically for the new footer */

.icon::after,
.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#footer-bs5 .footer-links {
    background-color: var(--tempur-black);
}

#footer-bs5 .footer-links ul li,
#footer-bs5 .footer-links ul li a,
#footer-bs5 p,
#footer-bs5 .btn {
    font-family: "DaxPro-Regular";
    font-weight: 100;
}

/* @media (max-width: 768px) {
  #footer-bs5 .footer-links .collapsible-md.active .title::after {
      font-family: 'Font Awesome 6 Pro';
      content: "\f078";
  }
} */

#footer-bs5 .footer-links .collapsible-md h6 a.title {
    text-transform: none;
    text-decoration: none;
    font-family: "DaxPro-Regular";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

#footer-bs5 .footer-links .collapsible-md h6 a.title:hover {
    color: #fff;
    cursor: default;
}

#footer-bs5 .footer-links .collapsible-md.active h6 a.title {
    color: var(--cooling-blue);
    text-decoration: none;
}

/* AD New BS5 footer with Emily redesign END */

/* PF EASE background color */

.ease-background-color-pdp-1 {
    background-color: #f1ece4;
}

/* AD Temp fix for Font Awesome Footer down arrow until BE update their global.css */
@media(max-width: 767.98px) {

    .collapsible-md .card-header::after,
    .collapsible-md .title::after {
        float: right;
        content: "\f078";
        font-family: "Font Awesome 6 Pro";
    }
}

/* EASE PDP Custom CSS Start */

.longDescr #easeMaterialAccordion h2 {
    margin-top: 0;
}

#easeMaterialAccordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

#easeMaterialAccordion .accordion-button::after {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

/* EASE PDP Custom CSS End */

/* Black Friday banner for Nordics (and anyone else who wants it) font import & styling START */

.banner-area.black-friday {
    background-image: url('https://media.tempur.com/i/tempursealy/20241008-DK-Black-Friday-Banner-BG') !important;
    background-position: top;
}

.text-gold {
    background: -webkit-linear-gradient(#ffdc73, #a67c00);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bf-title {
    font-size: calc(4rem + 4.5vw);
    line-height: 0.8;
}

@media(min-width: 1020px) {
    .bf-title {
        font-size: 12rem;
    }

    .bf-sub-title {
        font-size: 8rem;
        margin-top: -4rem;
    }
}

.bf-sub-title {
    font-size: calc(2rem + 4.5vw);
    line-height: 1;
    margin-top: -2.5rem;
    font-family: "Birthstone Bounce", "DaxPro-Regular";
    font-weight: 400;
    font-style: normal;
}

/* Black Friday banner for Nordics (and anyone else who wants it) font import & styling END */

/* CSS to remove 3 ticks when T&C is accepted on store appointment assets */

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}

/* CSS to amend standard Bootstrap Carousel to Emily's design */

#carouselBrandCredentials.carousel-fixed-height .carousel-indicators,
#EASEHomepageExclusiveDealsCarousel.carousel .carousel-indicators {
    right: unset;
    width: fit-content;
}

#carouselBrandCredentials.carousel-fixed-height .carousel-indicators button {
    width: calc(var(--carousel-indicator-size) - 4px);
    height: calc(var(--carousel-indicator-size) - 4px);
}

#EASEHomepageExclusiveDealsCarousel.carousel .carousel-indicators button {
    width: 8px;
    height: 8px;
}

#carouselBrandCredentials.carousel-fixed-height .carousel-indicators button.active {
    width: 16px;
    background-color: var(--tempur-blue-text-color);
}

#EASEHomepageExclusiveDealsCarousel.carousel .carousel-indicators button.active {
    width: 16px;
    background-color: var(--tempur-blue-text-color);
}

#carouselBrandCredentials.carousel-fixed-height .carousel-indicators [data-bs-target],
#EASEHomepageExclusiveDealsCarousel.carousel .carousel-indicators [data-bs-target] {
    border-top: none;
    border-bottom: none;
}

#carouselBrandCredentials.carousel-fixed-height .carousel-indicators [data-bs-target] {
    border-radius: 5px;
}

#EASEHomepageExclusiveDealsCarousel.carousel .carousel-indicators [data-bs-target] {
    background-color: #000;
    border-radius: 20px;
}

#carouselBrandCredentials.carousel-fixed-height .carousel-control-prev-custom,
#EASEHomepageExclusiveDealsCarousel.carousel .carousel-control-next-custom {
    border: 1px solid var(--carousel-arrow-color);
    background-color: unset;
}

.carousel-fixed-height .carousel-item img {
    height: 100%;
    object-fit: cover;
}

.carousel-fixed-height .carousel-control-prev-custom span,
.carousel-fixed-height .carousel-control-next-custom span {
    margin-left: -5px;
    padding-top: 4px;
}

.carousel-fixed-height .carousel-control-prev-custom:active,
.carousel-fixed-height .carousel-control-next-custom:active,
.carousel-fixed-height .carousel-control-prev-custom:hover,
.carousel-fixed-height .carousel-control-next-custom:hover {
    border: 1px solid var(--carousel-arrow-opacity-color);
}

@media(max-width: 1023px) {
    .carousel-fixed-height .carousel-item {
        min-height: auto !important;
    }
}

div.accordion-body {
    padding: 0 0 1rem;
}

.accordion .accordion-item button:not(.collapsed) {
    color: #82CBD9 !important;
}

#easeFaqAccordion.accordion .accordion-item button:not(.collapsed) {
    color: #008199 !important;
}

p.tempur-blockquote {
    font-size: 1.5rem;
    line-height: 2.0rem;
}

/* Temp fix for legal disclaimers until CMS comes in */
.below-price-infos #ProductInfo {
    margin: 0 0 3.125rem;
}

div[id^="Disclaimer"].accordion {
    margin: 0;
}

div[id^="Disclaimer"].accordion .accordion-item {
    border-bottom: none;
}

#ProductInfo button.accordion-button {
    padding-left: 0 !important;
}

div[id^="ProductInfo"].accordion {
    margin-top: 0;
}

/* GLOBAL FONT UPDATES */

.banner-area p:first-letter {
    text-transform: capitalize;
}

/* FOOTER ACCORDION FIX */

@media(min-width: 768px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
        transition: none;
    }

    .collapsing.dont-collapse-sm {
        transition: none;
    }

    #footer-bs5 .footer-links .collapsible-md.active h6 a.title {
        color: #fff;
    }
}

/* HEART TO TICK FIX */

.pre-tick:before {
    background-position: -164px -317px !important;
}

/* COMPARE TABLE CSS CHANGES */

.blue-banner {
    background-color: var(--tempur-blue-text-color);
}

.blue-banner .fs-tagline {
    margin-top: 16px;
}

.product-comparison-table .table-content .row .col-2 div:nth-child(2n + 4) {
    background-color: #F5F8FC;
}

@media(max-width: 767.98px) {
    .new-compare-mattress .product-comparison-table {
        margin: 16px auto;
    }

    .new-compare-mattress .column-container {
        height: 100%;
    }

    .product-comparison-table .mobile-summary-container .mobile-content .column-container {
        background-color: #F5F8FC;
    }
}

/* FR checkout-below-summary-content CSS */

#checkout-below-summary-content {
    background-color: var(--section-background-light);
}

/* SEO Category text alignment */

.cat-info {
    text-align: left;
}

/* Custom Homepage banner ratio breakpoint */

.ratio-32x9 {
    --bs-aspect-ratio: 28.125%;
}

.ratio-26x9 {
    --bs-aspect-ratio: 34.61538461538462%;
}

@media(min-width: 1024px) {
    .ratio-md-32x9 {
        --bs-aspect-ratio: 28.125%;
    }

    .ratio-md-26x9 {
        --bs-aspect-ratio: 34.61538461538462%;
    }

    .ratio-md-21x9 {
        --bs-aspect-ratio: 42.8571428571%;
    }

    .ratio-md,
    .ratio-md>* {
        position: relative;
        width: 100%
    }

    .ratio-md::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio-md>* {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

/* DE AT Sustainability fixes (will be fleshed out & applied to all markets in CMS changes) */

.tabs-component .nav-link.active,
.background-section-image .nav-link {
    border-bottom: 3px solid #fff;
}

.tabs-component .nav-link.active:hover,
.background-section-image .nav-link:hover {
    border-bottom: 3px solid var(--tempur-sustainability-green);
}

.text-green {
    color: var(--tempur-sustainability-green);
}

/* Tempur Services Page background Curve */
.services-page-background-curve {
    background-image: url("https://tempursealy.widen.net/content/nh010c8dke/svg/services-page-background-curve.svg?u=a3dak9");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Removing Green BG from modal header for PDP modals */

div.product-detail .modalNoBackground .modal-header {
    background-color: unset;
}

/* Accessibilty design changes for header-promo-slider */

.header-promo-banner section.splide button.splide__arrow {
    border: none;
}

.header-promo-banner .splide__arrow svg {
    fill: #fff;
    height: auto;
    width: auto;
}

.container.header-promo-banner-container {
    max-width: 320px;
}

@media (min-width: 350px) {
    .container.header-promo-banner-container {
        max-width: 767px;
    }
}

@media (min-width: 768px) {
    .container.header-promo-banner-container {
        max-width: 1023px;
    }
}

@media (min-width: 1024px) {
    .container.header-promo-banner-container {
        max-width: 1200px;
    }
}

@media (min-width: 1200px) {
    .container.header-promo-banner-container {
        max-width: 1440px;
    }
}

/*EASE UK CSS */

#EASE-Sub-Cat-page-img-icons,
#EASE-Sub-Cat-page-faqs,
#EASE-Homepage-video,
#EASE-PDP-tabbed {
    background: #0B162A;
    background: linear-gradient(90deg, rgba(11, 22, 42, 1) 0%, rgba(0, 42, 95, 1) 50%, rgba(33, 61, 92, 1) 100%);
}

@media (min-width: 1200px) {
    #EASE-Sub-Cat-page-faqs .accordion-item {
        box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.24);
        border-radius: 4px;
    }
}

#EASE-Sub-Cat-page-faqs .accordion-button,
#EASE-Sub-Cat-page-carousel .accordion-button {
    box-shadow: none;
}

#EASE-Sub-Cat-page-faqs .accordion-button.collapsed::after {
    filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

#EASE-Sub-Cat-page-faqs .accordion-button::after {
    filter: invert(44%) sepia(25%) saturate(2172%) hue-rotate(148deg) brightness(83%) contrast(101%);
}

#EASE-Sub-Cat-page-faqs .accordion-item:not(:first-of-type),
#EASE-Sub-Cat-page-carousel .accordion-item:not(:first-of-type),
#EASE-Cat-page-faqs .accordion-item:not(:first-of-type),
#EASE-PDP-faqs .accordion-item:not(:first-of-type) {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

#EASE-Sub-Cat-page-faqs .accordion-item .accordion-button,
#EASE-Sub-Cat-page-carousel .accordion-item .accordion-button,
#EASE-Cat-page-faqs .accordion-item .accordion-button,
#EASE-PDP-faqs .accordion-item .accordion-button {
    box-shadow: none;
}

#EASE-Sub-Cat-page-sleep-expert,
#EASE-PDP-delivery {
    background: #8C827980;
    background: linear-gradient(90deg, rgba(140, 130, 121, 0.5) 0%, rgba(237, 235, 231, 1) 50%, rgba(140, 130, 121, 0.5) 100%);
}


#EASE-Sub-Cat-page-img-pairings,
#EASE-Homepage-exclusive-deals,
#EASE-Homepage-pairings,
#EASE-PDP-faqs {
    background-color: #92969C;
}

@media (min-width: 768px) {

    #EASE-Sub-Cat-page-img-pairings,
    #EASE-Homepage-exclusive-deals,
    #EASE-Homepage-pairings {
        background-image: url(https://tempursealy.widen.net/content/0tniji9kp9/png/stream_pattern.png?position=c&quality=80&u=a3dak9);
        background-color: #F5F8FC;
        background-repeat: repeat;
    }
}

@media (min-width: 1200px) {
    #EASE-PDP-faqs {
        background-image: url(https://tempursealy.widen.net/content/0tniji9kp9/png/stream_pattern.png?position=c&quality=80&u=a3dak9);
        background-color: #F5F8FC;
        background-repeat: repeat;
    }
}

@media (max-width: 1200px) {

    #easeFaqAccordion .accordion-item,
    #easeFaqAccordionHelp .accordion-item,
    #easeCarouselAccordion .accordion-item {
        border-right: none;
        border-left: none;
        border-bottom: none;
    }
}

@media (min-width: 1024px) {
    #EASE-Sub-Cat-page-img-icons .post-video-text div:not(:first-child) {
        border-left: #fff 1px solid;
    }
}

#EASE-Cat-page-img-trustpilot,
#EASE-Cat-page-faqs,
#UK-EASE-PDP-reviews,
#EASE-PLP-shop-by-size {
    background-color: #F5F8FC;
}

@media (max-width: 1023px) {
    #EASE-Homepage-banner {
        background-color: var(--tempur-black);
    }
}

#EASE-Homepage-banner .d-flex.flex-column.justify-content-center p {
    text-align: center;
}

@media (min-width: 1024px) {
    #EASE-Homepage-banner .d-flex.flex-column.justify-content-center p {
        text-align: right;
    }
}

#EASE-PLP-shop-by-size ul li::marker {
    display: none;
}

#EASE-PLP-shop-by-size ul li {
    list-style: none;
}

#EASE-PLP-shop-by-size ul li a {
    border: none;
}

/* For FR marque-landing-page */

#marque-landing-page .award-img {
    width: 15%;
}

#marque-landing-page #icon-section i {
    color: var(--tempur-blue-text-color);
}

#marque-landing-page #recommendations .blue-number {
    font-size: 56px;
    color: var(--tempur-blue-text-color);
}

#marque-landing-page #usps img {
    max-width: 75px;
}

#marque-landing-page #for-you {
    background: #8C827980;
    background: linear-gradient(90deg, rgba(140, 130, 121, 0.5) 0%, rgba(237, 235, 231, 1) 50%, rgba(140, 130, 121, 0.5) 100%);
}

/* Further EASE Styling */

.bg-tempur-blue {
    background-color: var(--tempur-blue-text-color);
}

.text-tempur-blue {
    color: var(--tempur-blue-text-color);
}

#cat-page-feel-icons img {
    width: 150px;
}

#cat-page-comparision-collapse img {
    width: 63px;
}

#EASEHomepageExclusiveDealsCarouselNextPrev .carousel-control-next,
#EASEHomepageExclusiveDealsCarouselNextPrev .carousel-control-prev {
    width: auto;
}

@media (min-width: 1024px) {
    #EASE-Homepage-categories h3 {
        height: 56px;
    }
}

#EASE-Homepage-categories .shadow.rounded:active {
    border: 2px solid #3BA8BC;
}

#EASE-PDP-tabbed .nav-tabs .nav-link {
    border-bottom: 1px solid #fff;
}

#EASE-PDP-tabbed .nav-tabs .nav-link.active,
#EASE-PDP-tabbed .nav-tabs .nav-link.active:hover {
    color: #fff;
    font-weight: bold;
    border-bottom: 3px solid #92969C;
}

#EASE-PDP-tabbed.background-section-image .nav-link:hover {
    border-bottom: solid 3px #92969C;
}

#EASE-PDP-tabbed .nav-tabs .nav-link,
#EASE-PDP-tabbed .accordion-item button {
    font-size: 16px;
    color: #D5D9DE;
}

#EASE-PLP-shop-by-size p a {
    text-decoration: none;
}

.tempur-red-500 {
    background-color: #DB0032;
}

.text-tempur-red-500 {
    color: #DB0032;
}

#EASE-PDP-tabbed ul li::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 25%;
    right: 0;
    height: 50%;
    width: 1px;
}

#EASE-PDP-tabbed ul li:last-child::after {
    width: 0px;
}

.image-disclaimer {
    display: flex;
    align-items: flex-end;
}

/*#EASE-PDP-Material .d-lg-flex .col-icons img {
    box-shadow: 0px 0px 4px 0px rgba(50, 51, 51, 0.50);
}

#EASE-PDP-Material .d-lg-none .formLayers img {
    box-shadow: 0px 0px 4px 0px rgba(50, 51, 51, 0.50);
}

 #EASE-PDP-Material .nav-tabs .nav-link.active {
    border-bottom: none;
}

#EASE-PDP-Material {
    box-shadow: 0px 0px 8px 0px rgba(59, 168, 188, 0.64);
} */