:root {
    --color-primary: $black;
    --skin-primary-color-1: var(--color-primary);
    --skin-primary-color-2: var(--color-primary)
}

.aspect-ratio-1-1 {
    aspect-ratio: 1
}

.aspect-ratio-4-3 {
    aspect-ratio: 1.3333333333
}

.aspect-ratio-3-2 {
    aspect-ratio: 1.5
}

.aspect-ratio-5-3 {
    aspect-ratio: 1.6666666667
}

.aspect-ratio-16-9 {
    aspect-ratio: 1.7777777778
}

.aspect-ratio-3-1 {
    aspect-ratio: 3
}

.aspect-ratio-2-3 {
    aspect-ratio: .6666666667
}

.aspect-ratio-5-7 {
    aspect-ratio: .7142857143
}

.aspect-ratio-4-5 {
    aspect-ratio: .8
}

.aspect-ratio-4-1 {
    aspect-ratio: 4
}

.aspect-ratio-16-10 {
    aspect-ratio: 1.6
}

.tiffany-storepage .container, .tiffany-storepage .container-fluid {
    background: #fff
}

    .tiffany-storepage .container-fluid.immersive-container, .tiffany-storepage .container.immersive-container {
        max-width: 100%
    }

    .tiffany-storepage .container .col, .tiffany-storepage .container [class*=col-], .tiffany-storepage .container-fluid .col, .tiffany-storepage .container-fluid [class*=col-] {
        padding-bottom: 8px;
        padding-top: 8px
    }

@media(min-width:1200px) {
    .tiffany-storepage .container .col, .tiffany-storepage .container [class*=col-], .tiffany-storepage .container-fluid .col, .tiffany-storepage .container-fluid [class*=col-] {
        padding-bottom: 12px;
        padding-top: 12px
    }
}

.tiffany-storepage .container-fluid.minpadding, .tiffany-storepage .container.minpadding {
    padding-bottom: 14px;
    padding-top: 14px
}

@media(min-width:1200px) {
    .tiffany-storepage .container-fluid.minpadding, .tiffany-storepage .container.minpadding {
        padding-bottom: 85px;
        padding-top: 85px
    }
}

.tiffany-storepage .container-fluid.full-width-fifty-container, .tiffany-storepage .container.full-width-fifty-container {
    padding-bottom: 0
}

@media(max-width:1199.98px) {
    .tiffany-storepage .container-fluid.full-width-fifty-container, .tiffany-storepage .container.full-width-fifty-container {
        padding: 0
    }
}

.tiffany-storepage .full-width-immersive-container.nopadding .fixedBackground {
    height: 100vh
}

.nopadding .tf-image-and-text.fixedBackground picture, .nopadding .tf-image-and-text.fixedBackground video {
    padding: 0
}

.top-navigation > div {
    max-width: 33.3%
}

.top-navigation-button {
    max-width: calc(100% - 5px);
    width: 130px
}

.contentCustomVideoPlayer {
    display: flex;
    position: relative
}

    .contentCustomVideoPlayer .videoControls {
        bottom: 24px
    }

        .contentCustomVideoPlayer .videoControls.playOnly {
            justify-content: right
        }

        .contentCustomVideoPlayer .videoControls .muteunmute {
            display: flex
        }

        .contentCustomVideoPlayer .videoControls .playpause {
            display: none
        }

        .contentCustomVideoPlayer .videoControls .mutebtn, .contentCustomVideoPlayer .videoControls .pausebtn, .contentCustomVideoPlayer .videoControls .playbtn, .contentCustomVideoPlayer .videoControls .unmutebtn {
            align-items: center;
            color: #fff;
            cursor: pointer;
            display: flex;
            height: 24px;
            justify-content: center;
            width: 24px
        }

            .contentCustomVideoPlayer .videoControls .mutebtn svg path, .contentCustomVideoPlayer .videoControls .pausebtn svg path, .contentCustomVideoPlayer .videoControls .playbtn svg path, .contentCustomVideoPlayer .videoControls .unmutebtn svg path {
                transition: all .3s
            }

            .contentCustomVideoPlayer .videoControls .mutebtn:hover svg path, .contentCustomVideoPlayer .videoControls .pausebtn:hover svg path, .contentCustomVideoPlayer .videoControls .playbtn:hover svg path, .contentCustomVideoPlayer .videoControls .unmutebtn:hover svg path {
                fill: #81d8d0
            }

    .contentCustomVideoPlayer .playpause {
        align-self: flex-end
    }

        .contentCustomVideoPlayer .playpause .pausebtn {
            display: none
        }

        .contentCustomVideoPlayer .playpause .playbtn, .contentCustomVideoPlayer .playpause.playing .pausebtn {
            display: flex
        }

        .contentCustomVideoPlayer .muteunmute .mutebtn, .contentCustomVideoPlayer .playpause.playing .playbtn {
            display: none
        }

    .contentCustomVideoPlayer .muteunmute .unmutebtn, .contentCustomVideoPlayer .muteunmute.muted .mutebtn {
        display: flex
    }

    .contentCustomVideoPlayer .muteunmute.muted .unmutebtn {
        display: none
    }

.nopadding .contentGradientOverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.contentGradientOverlay {
    z-index: 0
}

.nopadding .fixedBackground .contentGradientOverlay {
    height: 100vh;
    left: 0;
    top: 0;
    width: 100vw
}

.fixedBackground .contentGradientOverlay {
    height: calc(100vh - 32px);
    left: 16px;
    position: fixed;
    top: 16px;
    width: calc(100vw - 32px);
    z-index: -1
}

@media(min-width:1200px) {
    .fixedBackground .contentGradientOverlay {
        height: calc(100vh - 48px);
        left: 24px;
        top: 24px;
        width: calc(100vw - 48px)
    }
}

.contentGradientOverlay {
    background: linear-gradient(1turn,rgba(0,0,0,.35),rgba(0,0,0,.347) 11.79%,rgba(0,0,0,.339) 21.38%,rgba(0,0,0,.325) 29.12%,rgba(0,0,0,.308) 35.34%,rgba(0,0,0,.286) 40.37%,rgba(0,0,0,.262) 44.56%,rgba(0,0,0,.235) 48.24%,rgba(0,0,0,.206) 51.76%,rgba(0,0,0,.176) 55.44%,rgba(0,0,0,.145) 59.63%,rgba(0,0,0,.114) 64.66%,rgba(0,0,0,.083) 70.88%,rgba(0,0,0,.054) 78.62%,rgba(0,0,0,.026) 88.21%,transparent)
}

.text-color-light, .text-color-light .lnk, .text-color-light .pdp-link-collection, .text-color-light .pdp-link-name, .text-color-light .price .value, .text-color-light .price a, .text-color-light .tf-carousel-product-collection, .text-color-light .tf-carousel-product-name, .text-color-light h2, .text-color-light h3 {
    color: #fff !important
}

.text-color-dark, .text-color-dark h2, .text-color-dark h3 {
    color: #000 !important
}

.tiff-storepage-breadcrumbs {
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.122)
}

    .tiff-storepage-breadcrumbs a, .tiff-storepage-breadcrumbs li {
        color: #000;
        letter-spacing: .1em
    }

.tiffany-storepage#sizeguide-bracelets .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock, .tiffany-storepage#sizeguide-necklaces .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock, .tiffany-storepage#sizeguide-rings .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

    .tiffany-storepage#sizeguide-bracelets .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock .experience-commerce_layouts-backgroundContentBlock, .tiffany-storepage#sizeguide-necklaces .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock .experience-commerce_layouts-backgroundContentBlock, .tiffany-storepage#sizeguide-rings .tiffany-storepage-wrapper > .experience-commerce_layouts-backgroundContentBlock .experience-commerce_layouts-backgroundContentBlock {
        border-bottom: 0
    }

.tiffany-storepage#sizeguide-bracelets .tf-rich-copy li, .tiffany-storepage#sizeguide-necklaces .tf-rich-copy li, .tiffany-storepage#sizeguide-rings .tf-rich-copy li {
    padding-left: 0
}

.tiffany-storepage#sizeguide-bracelets .tab-navigation-title, .tiffany-storepage#sizeguide-bracelets .tf-rich-headline, .tiffany-storepage#sizeguide-bracelets .tf-sizeguide-table td:first-child, .tiffany-storepage#sizeguide-bracelets .tf-sizeguide-title, .tiffany-storepage#sizeguide-necklaces .tab-navigation-title, .tiffany-storepage#sizeguide-necklaces .tf-rich-headline, .tiffany-storepage#sizeguide-necklaces .tf-sizeguide-table td:first-child, .tiffany-storepage#sizeguide-necklaces .tf-sizeguide-title, .tiffany-storepage#sizeguide-rings .tab-navigation-title, .tiffany-storepage#sizeguide-rings .tf-rich-headline, .tiffany-storepage#sizeguide-rings .tf-sizeguide-table td:first-child, .tiffany-storepage#sizeguide-rings .tf-sizeguide-title {
    font-weight: 325
}

.tiffany-storepage#sizeguide-bracelets .tab-navigation-copy, .tiffany-storepage#sizeguide-necklaces .tab-navigation-copy, .tiffany-storepage#sizeguide-rings .tab-navigation-copy {
    font-weight: 400
}

.tiffany-storepage#sizeguide-bracelets .tf-cta-wrapper a, .tiffany-storepage#sizeguide-necklaces .tf-cta-wrapper a, .tiffany-storepage#sizeguide-rings .tf-cta-wrapper a {
    font-size: 16px
}

#faq.tiffany-storepage .experience-component.experience-commerce_layouts-accordionSection {
    border-top: 1px solid rgba(0,0,0,.12);
    margin-top: 72px;
    padding-top: 72px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .experience-component.experience-commerce_layouts-accordionSection {
        margin-top: 96px;
        padding-bottom: 12px;
        padding-top: 96px
    }
}

#faq.tiffany-storepage .contentblock-fourcolumns-container {
    padding-bottom: 0;
    padding-top: 0
}

    #faq.tiffany-storepage .contentblock-fourcolumns-container .tf-description {
        margin-bottom: 48px
    }

    #faq.tiffany-storepage .contentblock-fourcolumns-container .tiff-faq-container {
        margin-top: 12px
    }

@media(min-width:720px) {
    #faq.tiffany-storepage .contentblock-fourcolumns-container .tiff-faq-container {
        margin-top: 60px
    }
}

#faq.tiffany-storepage .tf-image-and-text img {
    height: auto;
    padding: 16px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .tf-image-and-text img {
        padding: 24px
    }
}

#faq.tiffany-storepage .tf-image-and-text .tf-title {
    font-size: 40px;
    letter-spacing: -.04em;
    line-height: 48px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .tf-image-and-text .tf-title {
        font-size: 52px;
        line-height: 64px
    }
}

#faq.tiffany-storepage .secondary-title, #faq.tiffany-storepage .tf-titlelarge {
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .secondary-title, #faq.tiffany-storepage .tf-titlelarge {
        font-size: 24px;
        line-height: 32px
    }
}

#faq.tiffany-storepage .ITC-text-underneath span {
    font-size: 16px;
    font-weight: 325;
    line-height: 24px
}

.booxi-link {
    display: inline;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content
}

    .booxi-link.booxi-lnk-btn {
        display: inline-block;
        max-height: 40px
    }

    .booxi-link .booxi-button-container, .booxi-link.btn {
        display: inline-block
    }

    .booxi-link hr, .booxi-link p {
        display: none
    }

.container-fluid.dropdown-set-color-white, .container.dropdown-set-color-white, .contentCarouselWrapper.dropdown-set-color-white, .vertical-carousel.dropdown-set-color-white, [data-component-background=bm].dropdown-set-color-white {
    background-color: #fff
}

.container-fluid.dropdown-set-color-light-champagne, .container.dropdown-set-color-light-champagne, .contentCarouselWrapper.dropdown-set-color-light-champagne, .vertical-carousel.dropdown-set-color-light-champagne, [data-component-background=bm].dropdown-set-color-light-champagne {
    background-color: #fbf9f7
}

.container-fluid.dropdown-set-color-champagne, .container.dropdown-set-color-champagne, .contentCarouselWrapper.dropdown-set-color-champagne, .vertical-carousel.dropdown-set-color-champagne, [data-component-background=bm].dropdown-set-color-champagne {
    background-color: #f4f0ea
}

.container-fluid.dropdown-set-color-inherit, .container.dropdown-set-color-inherit, .contentCarouselWrapper.dropdown-set-color-inherit, .vertical-carousel.dropdown-set-color-inherit, [data-component-background=bm].dropdown-set-color-inherit {
    background-color: inherit
}

.pd-scroll-to-discover {
    bottom: 32px;
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.24px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width:1200px) {
    .pd-scroll-to-discover {
        bottom: 48px
    }
}

.pd-scroll-to-discover.text-color-dark .pd-scroll-to-discover-line {
    background: rgba(0,0,0,.122)
}

    .pd-scroll-to-discover.text-color-dark .pd-scroll-to-discover-line:before {
        background-color: #000
    }

.pd-scroll-to-discover-line {
    background: hsla(0,0%,100%,.122);
    height: 32px;
    margin: auto auto 8px;
    overflow: hidden;
    position: relative;
    width: 1px
}

    .pd-scroll-to-discover-line:before {
        animation: fill-drain 3s infinite;
        background: #fff;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

@keyframes fill-drain {
    0% {
        height: 0;
        top: 0
    }

    20% {
        height: 100%;
        top: 0
    }

    40% {
        height: 0;
        top: 100%
    }

    to {
        height: 0;
        top: 0
    }
}

.fixedBackground .pd-scroll-to-discover {
    bottom: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media(min-width:1200px) {
    .fixedBackground .pd-scroll-to-discover {
        bottom: 24px
    }
}

@media(max-width:1920.98px) {
    #business-account-request-form-confirmation-page .full-width-fifty-container {
        padding: 0
    }

        #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text {
            margin: 0;
            max-width: none;
            padding: 0
        }

            #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text .tf-text-title {
                letter-spacing: -.72px
            }

        #business-account-request-form-confirmation-page .full-width-fifty-container .image-bottom, #business-account-request-form-confirmation-page .full-width-fifty-container .text-bottom {
            max-height: 840px;
            overflow: hidden;
            width: 50%
        }
}

@media(min-width:1920px) {
    #business-account-request-form-confirmation-page .custom-class {
        max-width: none
    }

    #business-account-request-form-confirmation-page .full-width-fifty-container .image-bottom, #business-account-request-form-confirmation-page .full-width-fifty-container .text-bottom {
        max-height: none
    }
}

@media(max-width:719.98px) {
    #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text-title {
        letter-spacing: -.4px;
        margin-bottom: 24px
    }

    #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text {
        padding: 72px 32px
    }

    #business-account-request-form-confirmation-page .full-width-fifty-container .tf-cta-wrapper {
        margin: 0 42px
    }

    #business-account-request-form-confirmation-page .full-width-fifty-container .btn {
        padding: 22px 0
    }
}

#business-account-request-form-confirmation-page .custom-class {
    max-width: 480px
}

#business-account-request-form-confirmation-page .image-bottom, #business-account-request-form-confirmation-page .text-bottom {
    padding: 0
}

#business-account-request-form-confirmation-page .full-width-fifty-container .tf-text-copy p {
    margin-bottom: 24px
}

#business-account-request-form-confirmation-page .full-width-fifty-container .tf-text-buttons {
    align-items: center
}

    #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text-buttons .tf-cta-wrapper {
        align-items: center;
        width: -moz-fit-content;
        width: fit-content
    }

        #business-account-request-form-confirmation-page .full-width-fifty-container .tf-text-buttons .tf-cta-wrapper .btn.btn-primary {
            font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
            font-weight: 600;
            padding: 22px 32px;
            white-space: nowrap;
            width: unset
        }

.modal-quickview-content .tiffany-storepage + [data-dy-embedded-object] > div:empty {
    padding-bottom: 50px
}

@media(min-width:1200px) {
    .tiffany-storepage .tf-fulwidth7030-tile .copy-column-wrapper {
        padding-left: 24px !important
    }
}

.text-color-dark .splide__arrows .splide__arrow--custom svg {
    fill: #000 !important
}

.text-color-light .splide__arrows .splide__arrow--custom svg {
    fill: #fff !important
}

.splide__arrows .splide__arrow--custom:hover svg {
    fill: #51c3c0 !important
}

.text-color-dark .progress-bar {
    background: #000 !important
}

.text-color-light .progress-bar {
    background: #fff !important
}

.text-color-dark .progress-bar-shadow {
    background: rgba(0,0,0,.12) !important
}

.text-color-light .progress-bar-shadow {
    background: hsla(0,0%,100%,.12) !important
}

.category-tile-link__count, .category-tile-link__name {
    color: #000;
    display: inline-block;
    margin: 16px 0 0;
    text-align: center
}

.tf-category-tile {
    display: block
}

    .tf-category-tile img {
        display: block;
        height: 100%;
        max-width: 100%
    }

@media(min-width:1200px) {
    .tf-category-tile img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.page-loaded .tf-category-tile img {
    height: 100%;
    width: 100%
}

.tile-image-wrapper {
    aspect-ratio: 1/1;
    overflow: hidden;
    width: 100%
}

.tile-navigation-carousel .splide__slide .splide__spinner {
    display: none !important
}

.tf-carousel-gallery-item {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-height: 343px;
    max-width: 343px;
    width: 100%
}

@media(min-width:720px) {
    .tf-carousel-gallery-item {
        height: 47vw;
        max-height: 924px;
        max-width: 924px;
        width: 47vw
    }
}

@media(min-width:1441px) {
    .tf-carousel-gallery-item {
        height: 50vw;
        width: 50vw
    }
}

.tf-carousel-gallery-item .tf-carousel-image-container {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.tf-carousel-gallery-item .tf-image-component {
    aspect-ratio: 1 !important;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.pswp--custom-bg .muteunmute {
    opacity: 0;
    pointer-events: none
}

.pswp--custom-bg .pswp__img {
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.tf-column {
    display: flex;
    justify-content: space-between
}

@media(min-width:720px) {
    .tf-column {
        display: block
    }
}

.tf-column-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    line-height: 24px
}

@media(min-width:1200px) {
    .tf-column-title {
        font-size: 24px;
        line-height: 32px
    }
}

@media(max-width:1199.98px) {
    .tf-contentblock-tile.buy-box-tile [class*=col-] {
        padding-bottom: 0
    }
}

.tf-contentblock-tile.buy-box-tile .tf-title, .tf-contentblock-tile.buy-box-tile .tf-title * {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.tf-contentblock-tile.buy-box-tile .row {
    margin: 0
}

.tf-contentblock-tile .tf-title, .tf-contentblock-tile .tf-title * {
    align-items: center;
    display: flex;
  /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    justify-content: center;
    letter-spacing: -.4px;
    line-height: 28px;
    margin-bottom: 12px;
    margin-top: 16px;
    text-align: center
}

@media(min-width:1200px) {
    .tf-contentblock-tile .tf-title, .tf-contentblock-tile .tf-title * {
        font-size: 25px;
        letter-spacing: -1.28px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.tf-contentblock-tile .tf-description {
 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: center
}

    .tf-contentblock-tile .tf-description blockquote {
        background: 0 0;
        border: unset;
        font-style: normal;
        margin: 0;
        padding: 0
    }

.tf-contentblock-tile .tf-cta-link {
    border-bottom: 1px solid #81d8d0;
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.5px;
    line-height: 20px;
    padding-bottom: 5px
}

@media(min-width:1200px) {
    .tf-contentblock-tile .tf-cta-link {
        font-size: 16px;
        line-height: 24px
    }
}

.tf-contentblock-tile .tf-cta-link:hover {
    text-decoration: none
}

.tf-contentblock-tile picture .booxi-link:first-of-type:before {
    right: auto;
    transition: none;
    width: auto
}

@media(min-width:1200px) {
    .tf-contentblock-tile .lg-half {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        text-align: justify !important;
        direction: rtl;
    }
}

.tf-contentblock-tile .tf-cta-wrapper.container-space {
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width:720px)and (max-width:1199.98px) {
    .tf-image-meta {
        padding-left: 16.66666667%;
        padding-right: 16.66666667%
    }
}

.contentCarouselWrapper .tf-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -1.28px;
    line-height: 48px;
    text-align: center
}

@media(min-width:720px) {
    .contentCarouselWrapper .tf-title {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 40px
    }
}

@media(min-width:1200px) {
    .contentCarouselWrapper .tf-title {
        font-size: 52px;
        letter-spacing: -2.08px;
        line-height: 64px
    }
}

.contentCarouselWrapper .contentCarousel .content-block-info {
    margin-bottom: 32px;
    margin-top: 32px
}

#faq .tf-contentblock-tile .tf-small-title {
    font-size: 16px;
    letter-spacing: -.32px;
    line-height: 24px
}

.contentBlock1Carousel:has(.splide__slide.is-active.content-block-info) .splide__pagination {
    padding-top: 0
}

@media(min-width:1200px) {
    .contentBlock1Carousel:has(.splide__slide.is-active.content-block-info) .splide__pagination {
        padding-top: 0
    }
}

.contentBlock1Carousel .splide__pagination {
    padding-top: 24px
}

@media(min-width:1200px) {
    .contentBlock1Carousel .splide__pagination {
        padding-top: 48px
    }
}

.deleteAccountSuccessPage {
    margin: 72px 0 164px
}

.deleteAccountSuccessPageHeading {
    text-align: center
}

.deleteAccountSuccessPageHeading__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px
}

.deleteAccountSuccessPageHeading p, .deleteAccountSuccessPageHeading__title {
  /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-style: normal;
    font-weight: 325
}

.deleteAccountSuccessPageHeading p {
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 20px;
    text-align: center
}

.deleteAccountSuccessPageContent {
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 32px 0;
    padding: 92px 0
}

    .deleteAccountSuccessPageContent .deleteAccountSuccessPageWrapper {
        max-width: 682px
    }

    .deleteAccountSuccessPageContent .btn {
        margin: 0 12px 24px;
        max-width: 286px;
        width: 100%
    }

@media(min-width:1200px) {
    .deleteAccountSuccessPageContent .btn {
        margin-bottom: 0
    }
}

.deleteAccountSuccessPageContent p {
   /* font-family: Santral,Santral Fallback,Verdana,Sans-Serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 20px;
    margin-bottom: 32px;
    text-align: center
}

.tf-experience-tile {
    position: relative
}

.tf-experience-tile-title {
  /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 20px;
    line-height: 32px;
    margin: 20px 0 12px
}

@media(min-width:1200px) {
    .tf-experience-tile-title {
        font-size: 24px;
        margin: 32px 0 20px
    }
}

.tf-experience-tile-img picture:not(:first-of-type) {
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

.film-wrapper .loading-spinner {
    height: 112px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 112px
}

@media(max-width:1439.98px) {
    .film-wrapper .loading-spinner {
        height: 72px;
        width: 72px
    }
}

.experience-dynamic-productList .film-wrapper {
    margin-bottom: 32px;
    margin-top: 32px;
    width: calc(100vw - var(--page-scrollbar-width))
}

@media(min-width:1200px) {
    .experience-dynamic-productList .film-wrapper {
        margin-bottom: 48px;
        margin-left: -17px;
        margin-top: 48px
    }
}

.film-wrapper.small.center {
    padding: 0 16px
}

@media(min-width:1200px) {
    .film-wrapper.small.center {
        padding: 0 24px
    }
}

.film-wrapper.small.left {
    padding-left: 0;
    padding-right: 32px
}

@media(min-width:1200px) {
    .film-wrapper.small.left {
        padding-right: 48px
    }
}

.film-wrapper.small.right {
    padding-left: 32px;
    padding-right: 0
}

@media(min-width:1200px) {
    .film-wrapper.small.right {
        padding-left: 48px
    }
}

.film-wrapper.large, .film-wrapper.large.center {
    padding: 0 16px
}

@media(min-width:1200px) {
    .film-wrapper.large.center {
        padding: 0 142px
    }
}

.film-wrapper.large.left {
    padding-left: 0;
    padding-right: 32px
}

@media(min-width:1200px) {
    .film-wrapper.large.left {
        padding-right: 284px
    }
}

.film-wrapper.large.right {
    padding-left: 32px;
    padding-right: 0
}

@media(min-width:1200px) {
    .film-wrapper.large.right {
        padding-left: 284px
    }
}

.film-wrapper .video-timer {
  /*  font-family: Santral Semibold,Verdana,Sans-Serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.28px;
    line-height: 20px
}

.film-wrapper .film-video {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0
}

    .film-wrapper .film-video:before {
        background-color: transparent;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: background-color .3s ease;
        width: 100%;
        z-index: 2
    }

    .film-wrapper .film-video.js-light.overlay-active:before {
        background-color: hsla(0,0%,100%,.24)
    }

    .film-wrapper .film-video.js-dark.overlay-active:before {
        background-color: rgba(0,0,0,.24)
    }

.film-wrapper .film-video__image-container {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.film-wrapper .film-video__image-container--img {
    aspect-ratio: 5/7 !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1200px) {
    .film-wrapper .film-video__image-container--img {
        aspect-ratio: 16/9 !important
    }
}

.film-wrapper .film-video__image-container.black-and-white .film-video__image-container--img {
    filter: grayscale(100%)
}

.film-wrapper .film-video__replay-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.film-wrapper .film-video__replay-container--button {
    align-items: center;
    background-color: hsla(0,0%,100%,.6);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 12px;
    width: 48px
}

    .film-wrapper .film-video__replay-container--button:hover {
        background-color: #fff
    }

.film-wrapper .film-video__replay-container--text {
   /* font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.film-wrapper .film-video__pause-state {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.film-wrapper .film-video__pause-state--wrapper {
    align-items: center;
    background-color: #81d8d0;
    border: 0;
    border-radius: 50%;
    display: flex;
    height: 112px;
    justify-content: center;
    padding: 0;
    width: 112px
}

@media(max-width:1439.98px) {
    .film-wrapper .film-video__pause-state--wrapper {
        height: 72px;
        width: 72px
    }
}

.film-wrapper .film-video__pause-state--wrapper .icon {
    height: 12px;
    width: 8px
}

.film-wrapper .film-video__pause-state--wrapper .icon-extra-large {
    display: none;
    height: 13px;
    width: 9px
}

@media(min-width:1200px) {
    .film-wrapper .film-video__pause-state--wrapper .icon-extra-large {
        display: block
    }
}

.film-wrapper .film-video__pause-state--wrapper .icon-large {
    display: block
}

@media(min-width:1200px) {
    .film-wrapper .film-video__pause-state--wrapper .icon-large {
        display: none
    }
}

.film-wrapper .film-video__pause-state--wrapper:hover {
    background-color: #67ccc9
}

.film-wrapper .film-video__pause-state--wrapper:active {
    background-color: #51c3c0
}

.film-wrapper .film-video__image-overlay {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    left: 50%;
    max-width: 684px;
    padding: 183px 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(min-width:1200px) {
    .film-wrapper .film-video__image-overlay {
        padding: 307px 0
    }
}

@media(max-width:1439.98px) {
    .film-wrapper .film-video__image-overlay {
        gap: 24px
    }
}

.film-wrapper .film-video__image-overlay--title {
   /* font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 48px;
    font-weight: 325;
    letter-spacing: -1.92px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: center
}

@media(max-width:1439.98px) {
    .film-wrapper .film-video__image-overlay--title {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 40px
    }
}

.film-wrapper .film-video__image-overlay--play-button {
    align-items: center;
    background-color: #81d8d0;
    border: 0;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

    .film-wrapper .film-video__image-overlay--play-button .icon {
        height: 12px;
        width: 8px
    }

    .film-wrapper .film-video__image-overlay--play-button.large-button, .film-wrapper .film-video__image-overlay--play-button.play-text-empty {
        height: 72px;
        width: 72px
    }

@media(min-width:1200px) {
    .film-wrapper .film-video__image-overlay--play-button.overlay-no-text {
        height: 112px;
        width: 112px
    }
}

.film-wrapper .film-video__image-overlay--play-text {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center
}

.film-wrapper .film-video__subtitle {
    background-color: transparent;
    bottom: 72px;
    color: #000;
   /* font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 32px;
    line-height: 52px;
    padding: 0 340px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(max-width:1439.98px) {
    .film-wrapper .film-video__subtitle {
        font-size: 16px;
        line-height: 26px;
        padding: 0 32px
    }
}

.film-wrapper .film-video__video {
    aspect-ratio: 5/7 !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1200px) {
    .film-wrapper .film-video__video {
        aspect-ratio: 16/9 !important
    }
}

.film-wrapper.dark {
    color: #000
}

    .film-wrapper.dark .film-video-control__actions--range .noUi-connect {
        background-color: gray;
        opacity: .8
    }

.film-wrapper.light {
    color: #fff
}

    .film-wrapper.light .film-video-control__actions--range .noUi-handle {
        background-color: #fff;
        border: 0
    }

    .film-wrapper.light .film-video-control__actions--range .noUi-connects {
        background-color: #fff
    }

    .film-wrapper.light .film-video-control__actions--range .noUi-connect {
        background-color: gray;
        opacity: .8
    }

    .film-wrapper.light .film-video-control__actions--button {
        filter: brightness(0) invert(1)
    }

    .film-wrapper.light .film-video-control__progress-bar {
        background-color: hsla(0,0%,100%,.24)
    }

    .film-wrapper.light .film-video-control__progress-filled, .film-wrapper.light .film-video-control__progress-filled:before {
        background-color: #fff
    }

    .film-wrapper.light .film-video__subtitle {
        color: #fff
    }

    .film-wrapper.light .film-video__replay-container--button {
        background-color: rgba(0,0,0,.6)
    }

        .film-wrapper.light .film-video__replay-container--button:hover {
            background-color: #000
        }

        .film-wrapper.light .film-video__replay-container--button svg {
            filter: brightness(0) invert(1)
        }

.film-wrapper .film-video-control {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    opacity: 0;
    padding: 0 24px;
    position: absolute;
    transition: opacity .3s ease-in-out
}

@media(max-width:1439.98px) {
    .film-wrapper .film-video-control {
        margin-bottom: 16px;
        padding: 0 16px
    }
}

.film-wrapper .film-video-control.show {
    opacity: 1
}

    .film-wrapper .film-video-control.show .film-video-control__actions--button, .film-wrapper .film-video-control.show .film-video-control__progress-bar {
        pointer-events: auto
    }

.film-wrapper .film-video-control__actions {
    display: flex;
    justify-content: space-between
}

.film-wrapper .film-video-control__actions--button {
    background-color: transparent;
    border: 0;
    padding: 0;
    pointer-events: none;
    vertical-align: middle
}

    .film-wrapper .film-video-control__actions--button .icon-std {
        height: 24px;
        width: 24px
    }

.film-wrapper .film-video-control__actions--range {
    bottom: 38px;
    cursor: pointer;
    height: 48px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 2px
}

    .film-wrapper .film-video-control__actions--range .noUi-connects {
        background-color: #000
    }

    .film-wrapper .film-video-control__actions--range .noUi-connect {
        background-color: #d9d9d9
    }

    .film-wrapper .film-video-control__actions--range .noUi-touch-area {
        height: 25px;
        margin-left: -8px;
        margin-top: -8px;
        width: 25px
    }

    .film-wrapper .film-video-control__actions--range .noUi-handle {
        background-color: #000;
        border-radius: 9px;
        cursor: pointer;
        height: 8px;
        position: absolute;
        right: -3px;
        top: -5px;
        width: 8px
    }

.film-wrapper .film-video-control__actions--right {
    align-items: center;
    display: flex;
    gap: 12px
}

.film-wrapper .film-video-control__actions--left {
    align-items: end;
    display: flex;
    gap: 12px
}

@media(min-width:1200px) {
    .film-wrapper .film-video-control__actions--left {
        align-items: center;
        gap: 24px
    }
}

.film-wrapper .film-video-control__wrapper {
    height: 4px
}

.film-wrapper .film-video-control__progress-bar {
    background-color: rgba(0,0,0,.12);
    cursor: pointer;
    height: 2px;
    pointer-events: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

    .film-wrapper .film-video-control__progress-bar:before {
        background-color: transparent;
        bottom: -8px;
        content: "";
        height: 20px;
        position: absolute;
        width: 100%;
        z-index: 4
    }

    .film-wrapper .film-video-control__progress-bar:hover, .film-wrapper .film-video-control__progress-bar:hover .film-video-control__progress-filled {
        height: 4px;
        top: 50%;
        transform: translateY(-50%)
    }

        .film-wrapper .film-video-control__progress-bar:hover .film-video-control__progress-filled:before {
            visibility: visible
        }

.film-wrapper .film-video-control__progress-bar--range {
    width: 100%
}

.film-wrapper .film-video-control__progress-filled {
    background-color: #000;
    cursor: pointer;
    height: 2px;
    position: relative;
    width: 0
}

    .film-wrapper .film-video-control__progress-filled:before {
        background-color: #000;
        border-radius: 50%;
        content: "";
        height: 8px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        visibility: hidden;
        width: 8px
    }

@media(max-width:1439.98px) {
    .film-wrapper .film-video-control__progress-filled:before {
        visibility: visible
    }
}

.film-wrapper .volume-container {
    position: relative
}

    .film-wrapper .volume-container:hover .film-video-control__actions--range {
        opacity: 1;
        pointer-events: auto
    }

    .film-wrapper .volume-container:hover:before {
        bottom: 25px;
        content: "";
        height: 73px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 20px
    }

.disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.plist-region.col-lg-12 .experience-commerce_assets-filmComponent {
    padding-bottom: 32px
}

.experience-commerce_assets-filmComponent:has(.film-wrapper.small) {
    padding: 24px 0
}

.experience-commerce_assets-filmComponent:has(.film-wrapper.large) {
    padding: 32px 0
}

.ais-container-plp .product-grid .experience-region:has(.experience-commerce_assets-filmComponent), .search-container .product-grid .experience-region:has(.experience-commerce_assets-filmComponent) {
    padding: 0;
    width: 100%
}

@media(max-width:1199.98px) {
    .ais-container-plp .product-grid .experience-region:has(.experience-commerce_assets-filmComponent), .search-container .product-grid .experience-region:has(.experience-commerce_assets-filmComponent) {
        grid-column: span 2;
        grid-row: span 1
    }
}

.film-video__image-container--notloaded:not(.d-none) {
    animation: cssAnimation 0s .5s forwards;
    opacity: 0
}

@keyframes cssAnimation {
    to {
        opacity: 1
    }
}

.tf-fulwidth7030-tile img.image-fluid {
    height: auto;
    width: 100%
}

.page-loaded .tf-fulwidth7030-tile img.image-fluid {
    aspect-ratio: auto
}

@media(max-width:1199.98px) {
    .tf-fulwidth7030-tile .flex-reverse {
        flex-direction: column-reverse
    }
}

.tf-fulwidth7030-tile .copy-column-wrapper {
    align-items: center;
    background: #fff;
    display: flex;
    margin: 0;
    padding: 0
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .copy-column-wrapper {
        padding-left: 24px
    }
}

.tf-fulwidth7030-tile .copy-column-wrapper .tf-image-meta {
    background: #fff;
    padding: 34px 24px;
    width: 100%
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .copy-column-wrapper .tf-image-meta {
        background: 0 0;
        padding: 0 72px
    }
}

.tf-fulwidth7030-tile .image-column-wrapper {
    margin: 0;
    padding: 0
}

    .tf-fulwidth7030-tile .image-column-wrapper.small-whitespace {
        padding: 16px !important
    }

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .image-column-wrapper.small-whitespace {
        padding: 24px !important
    }
}

.tf-fulwidth7030-tile .image-column-wrapper.large-whitespace {
    padding: 16px !important
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .image-column-wrapper.large-whitespace {
        padding: 72px !important
    }
}

.tf-fulwidth7030-tile .tf-subtitle * {
    color: #000;
   /* font-family: Santral,Santral Fallback,Verdana,Sans-Serif;*/
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 16px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.tf-fulwidth7030-tile .tf-title * {
   /* font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 24px
}

@media(max-width:1439.98px) {
    .tf-fulwidth7030-tile .tf-title * {
        font-size: 24px;
        letter-spacing: -.48px;
        line-height: 32px
    }
}

.tf-fulwidth7030-tile .tf-cta-wrapper, .tf-fulwidth7030-tile .tf-subtitle, .tf-fulwidth7030-tile .tf-title {
    text-align: center
}

@media(max-width:1199.98px) {
    .tf-fulwidth7030-tile .tf-cta-wrapper .text-left, .tf-fulwidth7030-tile .tf-cta-wrapper .text-right, .tf-fulwidth7030-tile .tf-cta-wrapper.text-left, .tf-fulwidth7030-tile .tf-cta-wrapper.text-right, .tf-fulwidth7030-tile .tf-subtitle .text-left, .tf-fulwidth7030-tile .tf-subtitle .text-right, .tf-fulwidth7030-tile .tf-subtitle.text-left, .tf-fulwidth7030-tile .tf-subtitle.text-right, .tf-fulwidth7030-tile .tf-title .text-left, .tf-fulwidth7030-tile .tf-title .text-right, .tf-fulwidth7030-tile .tf-title.text-left, .tf-fulwidth7030-tile .tf-title.text-right {
        text-align: center !important
    }
}

.tf-fulwidth7030-tile .tf-description {
   /* font-family: Santral Book,Verdana,Sans-Serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px;
    margin-bottom: 48px;
    text-align: center;
    word-break: keep-all
}

    .tf-fulwidth7030-tile .tf-description blockquote {
        background: 0 0;
        border: unset;
        font-style: normal;
        margin: 0;
        padding: 0
    }

@media(max-width:1199.98px) {
    .tf-fulwidth7030-tile .tf-description .text-left, .tf-fulwidth7030-tile .tf-description .text-right, .tf-fulwidth7030-tile .tf-description.text-left, .tf-fulwidth7030-tile .tf-description.text-right {
        text-align: center !important
    }
}

.tf-fulwidth7030-tile .tf-cta-link {
    border-bottom: 1px solid #81d8d0;
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.5px;
    line-height: 20px;
    padding-bottom: 5px
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .tf-cta-link {
        font-size: 16px;
        line-height: 24px
    }
}

.tf-fulwidth7030-tile .tf-cta-link:hover {
    text-decoration: none
}

.tf-fulwidth7030-tile .pd-scroll-to-discover {
    bottom: 40px;
    position: relative
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .pd-scroll-to-discover {
        bottom: 62px
    }
}

.tf-fulwidth7030-tile .film-wrapper .film-video__video {
    aspect-ratio: 7/5 !important
}

@media(min-width:1200px) {
    .tf-fulwidth7030-tile .film-wrapper .film-video__video {
        aspect-ratio: 16/9 !important
    }
}

.tf-image-and-text {
    margin: 0;
    position: relative;
    width: 100%
}

    .tf-image-and-text .gradientAnchorWrapper {
        display: block;
        height: 100%;
        width: 100%
    }

    .tf-image-and-text.fixedBackground {
        height: calc(100vh - var(--header-height,58px) - var(--slider-height,80px) - 32px)
    }

@media(min-width:1200px) {
    .tf-image-and-text.fixedBackground {
        height: calc(100vh - var(--header-height,163px) - var(--slider-height,40px) - 48px)
    }
}

.tf-image-and-text.fixedBackground picture, .tf-image-and-text.fixedBackground video {
    bottom: 0;
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    z-index: -9999
}

    .tf-image-and-text.fixedBackground picture img, .tf-image-and-text.fixedBackground video img {
        aspect-ratio: auto;
        height: 100%;
        width: 100%
    }

.tf-image-and-text.fixedBackground video {
    height: 100%;
    width: 100%
}

    .tf-image-and-text.fixedBackground video[poster] {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.tf-image-and-text.fixedBackground .pd-scroll-to-discover, .tf-image-and-text.fixedBackground .tf-image-meta {
    z-index: 2
}

.tf-image-and-text.fixedBackground .tf-image-meta {
    padding-bottom: 0 !important
}

.tf-image-and-text .tf-image-component {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--focal-point-x) var(--focal-point-y);
    object-position: var(--focal-point-x) var(--focal-point-y);
    width: 100%
}

.tf-image-and-text .tf-title, .tf-image-and-text .tf-title * {
   
    font-size: 32px;
    font-style: normal;
    font-weight: 325;
    line-height: 40px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: none
}

@media(min-width:1200px) {
    .tf-image-and-text .tf-title, .tf-image-and-text .tf-title * {
        font-size: 42px;
        line-height: 68px;
        margin-bottom: 32px
    }

    .tf-image-and-text .tf-title {
        margin: 0 auto 32px;
        max-width: 50%
    }
}

.tf-image-and-text .tf-subtitle {
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 16px;
    margin: 0 auto 16px;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .tf-image-and-text .tf-subtitle {
        max-width: 30%
    }
}

.tf-image-and-text .tf-image-meta {
    bottom: 72px;
    color: #fff;
    padding: 16px 32px;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media(min-width:720px) {
    .tf-image-and-text .tf-image-meta {
        bottom: 60px
    }
}

@media(min-width:1200px) {
    .tf-image-and-text .tf-image-meta {
        bottom: 77px;
        padding: 27px
    }
}

.tf-image-and-text .tf-image-meta .btn.btn-primary {
    padding: 14px 20px
}

@media(min-width:1200px) {
    .tf-image-and-text .tf-image-meta .btn.btn-primary {
        padding: 23px 32px 21px
    }
}

.tf-image-and-text .contentCustomVideoPlayer .videoControls {
    bottom: 0
}

.tf-image-and-text .contentCustomVideoPlayer + .tf-image-meta {
    bottom: 40px;
    padding-bottom: 0
}

@media(min-width:720px) {
    .tf-image-and-text .contentCustomVideoPlayer + .tf-image-meta {
        bottom: 56px
    }
}

@media(min-width:1200px) {
    .tf-image-and-text .contentCustomVideoPlayer + .tf-image-meta {
        bottom: 72px
    }
}

.ilustrated-content-full {
    padding: 72px 16px
}

    .ilustrated-content-full.halfTop {
        padding-top: 24px !important
    }

    .ilustrated-content-full.halfBot {
        padding-bottom: 24px !important
    }

@media(min-width:1200px) {
    .ilustrated-content-full {
        padding: 96px 143px
    }

        .ilustrated-content-full.halfTop {
            padding-top: 48px !important
        }

        .ilustrated-content-full.halfBot {
            padding-bottom: 48px !important
        }
}

.ilustrated-content-full .tf-rich-content {
    margin-top: 32px
}

@media(min-width:1200px) {
    .ilustrated-content-full .tf-rich-content {
        margin-left: 48px;
        margin-right: 48px
    }
}

.ilustrated-content-full .tf-rich-headline, .ilustrated-content-full .tf-rich-headline * {
    margin-bottom: 16px;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .ilustrated-content-full .tf-rich-headline, .ilustrated-content-full .tf-rich-headline * {
        margin-bottom: 24px;
        text-transform: none
    }
}

.ilustrated-content-full .tf-rich-mainTitle {
    margin-bottom: 48px
}

@media(min-width:1200px) {
    .ilustrated-content-full .tf-rich-mainTitle {
        margin-bottom: 72px
    }
}

.ilustrated-content-full .tf-rich-subheadline {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px
}

.ilustrated-content-full .tf-rich-copy {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px
}

    .ilustrated-content-full .tf-rich-copy p {
        line-height: 24px;
        margin-bottom: 24px
    }

    .ilustrated-content-full .tf-rich-copy ol {
        counter-reset: item;
        padding: 0
    }

        .ilustrated-content-full .tf-rich-copy ol li {
            counter-increment: item;
            list-style-type: none;
            margin-bottom: 24px;
            text-indent: 0
        }

            .ilustrated-content-full .tf-rich-copy ol li:before {
                content: counter(item) ".";
                display: inline-block;
                font-weight: 600;
                margin-right: 4px
            }

.ilustrated-content-container {
    margin: 0;
    max-width: 100vw;
    padding: 0;
    width: auto
}

@media(min-width:1200px) {
    .ilustrated-content-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px
    }
}

.ilustrated-content-container .ilustrated-content-left, .ilustrated-content-container .ilustrated-content-right {
    padding-left: 0;
    padding-right: 0
}

@media(min-width:1200px) {
    .ilustrated-content-container .ilustrated-content-left.order-lg-1, .ilustrated-content-container .ilustrated-content-right.order-lg-1 {
        padding-right: 12px
    }

    .ilustrated-content-container .ilustrated-content-left.order-lg-2, .ilustrated-content-container .ilustrated-content-right.order-lg-2 {
        padding-left: 12px
    }
}

.ilustrated-content-image img {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available
}

.tf-legacyfullwidth-tile {
    position: relative
}

@media(max-width:1199.98px) {
    .tf-legacyfullwidth-tile .lnk-light {
        color: #000
    }

    .tf-legacyfullwidth-tile .btn-primary {
        border: 0;
        position: relative
    }

        .tf-legacyfullwidth-tile .btn-primary.btn-light {
            background-color: #000;
            color: #fff
        }

            .tf-legacyfullwidth-tile .btn-primary.btn-light:hover {
                color: #000
            }

    .tf-legacyfullwidth-tile .btn-secondary.btn-light {
        background-color: transparent;
        border: 1px solid #000;
        color: #000
    }

        .tf-legacyfullwidth-tile .btn-secondary.btn-light:hover {
            border: 1px solid transparent;
            color: #000
        }
}

.tf-legacyfullwidth-tile video {
    min-height: 390px
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile video {
        min-height: 817px
    }
}

.tf-legacyfullwidth-tile picture {
    display: block
}

.tf-legacyfullwidth-tile .tf-image-meta {
    background: #fff;
    padding: 72px 24px
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile .tf-image-meta {
        background: 0 0;
        padding: 0 72px
    }
}

.tf-legacyfullwidth-tile .text-color-light, .tf-legacyfullwidth-tile .text-color-light h2, .tf-legacyfullwidth-tile .text-color-light h3 {
    color: #000 !important
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile .text-color-light, .tf-legacyfullwidth-tile .text-color-light h2, .tf-legacyfullwidth-tile .text-color-light h3 {
        color: #fff !important
    }
}

.tf-legacyfullwidth-tile .text-color-light h2 path, .tf-legacyfullwidth-tile .text-color-light h3 path, .tf-legacyfullwidth-tile .text-color-light path {
    fill: #fff
}

.tf-legacyfullwidth-tile .text-color-light h2.mobile, .tf-legacyfullwidth-tile .text-color-light h3.mobile, .tf-legacyfullwidth-tile .text-color-light.mobile {
    color: #fff !important
}

.tf-legacyfullwidth-tile .text-color-dark path path {
    fill: #000
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile .content {
        bottom: 0;
        left: 0;
        margin: auto;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.tf-legacyfullwidth-tile video.tf-image-component {
    aspect-ratio: 1/1
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile video.tf-image-component {
        aspect-ratio: 1902/475
    }
}

.tf-legacyfullwidth-tile .tf-image-component {
    aspect-ratio: 375/187;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile .tf-image-component {
        aspect-ratio: 1902/475
    }
}

.page-loaded .tf-legacyfullwidth-tile .tf-image-component {
    aspect-ratio: auto
}

.tf-legacyfullwidth-tile .tf-subtitle * {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 16px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

.tf-legacyfullwidth-tile .tf-title * {
   
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 24px;
    text-align: center;
    word-break: keep-all
}

.tf-legacyfullwidth-tile .tf-title .text-left * {
    text-align: left
}

.tf-legacyfullwidth-tile .tf-title .text-right * {
    text-align: right
}

.tf-legacyfullwidth-tile .tf-description {
   /* font-family: Santral Book,Verdana,Sans-Serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px;
    margin-bottom: 48px;
    text-align: center;
    word-break: keep-all
}

    .tf-legacyfullwidth-tile .tf-description blockquote {
        background: 0 0;
        border: unset;
        font-style: normal;
        margin: 0;
        padding: 0
    }

.tf-legacyfullwidth-tile .tf-cta-link {
    border-bottom: 1px solid #81d8d0;
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.5px;
    line-height: 20px;
    padding-bottom: 5px
}

@media(min-width:1200px) {
    .tf-legacyfullwidth-tile .tf-cta-link {
        font-size: 16px;
        line-height: 24px
    }
}

.tf-legacyfullwidth-tile .tf-cta-link:hover {
    text-decoration: none
}

.tf-legacyfullwidth-tile .tf-cta-wrapper .lnk {
    word-break: keep-all
}

.tf-legacyfullwidth-tile .pd-scroll-to-discover {
    display: block
}

@media(max-width:1199.98px) {
    .tf-legacyfullwidth-tile .pd-scroll-to-discover {
        display: none
    }
}

.tf-legacyfullwidth-tile .pd-scroll-to-discover.mobile {
    display: none
}

@media(max-width:1199.98px) {
    .tf-legacyfullwidth-tile .pd-scroll-to-discover.mobile {
        bottom: 10px;
        display: block;
        left: 0;
        margin: auto;
        padding: 0;
        position: absolute;
        width: 100%
    }
}

.region.col-12.col-lg-4 {
    display: flex
}

.experience-commerce_assets-marketingTiles {
    display: flex;
    flex: 1
}

.experience-commerce_assets-marketingTilesQuote, .experience-commerce_assets-marketingTilesText {
    height: 100%;
    padding: 0
}

    .experience-commerce_assets-marketingTilesQuote .tf-marketing-tile, .experience-commerce_assets-marketingTilesText .tf-marketing-tile {
        padding-bottom: 0
    }

.plist-region .experience-commerce_assets-marketingTilesQuote, .plist-region .experience-commerce_assets-marketingTilesText {
    height: 100%
}

    .plist-region .experience-commerce_assets-marketingTilesQuote .tf-marketing-tile, .plist-region .experience-commerce_assets-marketingTilesText .tf-marketing-tile {
        padding-bottom: 48px
    }

@media(max-width:1199.98px) {
    .plist-region .experience-commerce_assets-marketingTilesQuote .tf-marketing-tile, .plist-region .experience-commerce_assets-marketingTilesText .tf-marketing-tile {
        padding-bottom: 32px
    }
}

.contentGradientOverlay {
    background: linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35) 11.79%,rgba(0,0,0,.34) 21.38%,rgba(0,0,0,.33) 29.12%,rgba(0,0,0,.31) 35.34%,rgba(0,0,0,.29) 40.37%,rgba(0,0,0,.26) 44.56%,rgba(0,0,0,.24) 48.24%,rgba(0,0,0,.21) 51.76%,rgba(0,0,0,.18) 55.44%,rgba(0,0,0,.15) 59.63%,rgba(0,0,0,.11) 64.66%,rgba(0,0,0,.08) 70.88%,rgba(0,0,0,.05) 78.62%,rgba(0,0,0,.03) 88.21%,transparent);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.tf-marketing-tile {
    display: flex;
    flex: 1;
    height: 100%;
    padding-bottom: 32px
}

@media(min-width:1200px) {
    .tf-marketing-tile {
        padding-bottom: 0
    }
}

@media(max-width:1199.98px) {
    .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-1up, .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-2up, .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-3up {
        padding: 72px 32px
    }

        .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-1up .title, .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-2up .title, .tf-marketing-tile .tf-marketing-tile__text-wrapper .tf-marketing-tile__text.size-3up .title {
            font-size: 24px;
            font-weight: 325;
            letter-spacing: -.48px;
            line-height: 32px
        }

    .tf-marketing-tile .btn-small {
        margin-top: 48px
    }

    .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-1up, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-2up, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-3up {
        aspect-ratio: 5/7;
        height: 100%;
        padding: 48px 32px
    }

        .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-1up .bg-image-text, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-2up .bg-image-text, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image.size-3up .bg-image-text {
            width: 311px
        }

    .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image .bg-image-text .btn.btn-small.btn-link, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image .bg-image-text .btn.btn-small.btn-primary, .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image .bg-image-text .btn.btn-small.btn-secondary {
        margin-top: 24px
    }

    .tf-marketing-tile .col-12.tf-marketing-tile__text.bg-image .bg-image-text .copy-wrapper {
        gap: 24px;
        overflow: hidden
    }
}

.tf-marketing-tile .product-tile {
    padding-bottom: 0
}

.tf-marketing-tile .row {
    display: flex;
    flex: 1;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden
}

.tf-marketing-tile .tf-marketing-tile__image {
    flex: 1;
    padding: 0 4px;
    position: relative
}

@media(min-width:1200px) {
    .tf-marketing-tile .tf-marketing-tile__image {
        padding: 0 8px 48px
    }
}

@media(max-width:1199.98px) {
    .tf-marketing-tile .tf-marketing-tile__text-wraper {
        margin-bottom: 32px
    }
}

@media(min-width:1200px) {
    .tf-marketing-tile .tf-marketing-tile__text-wraper.size-3up {
        margin-bottom: 48px
    }
}

.tf-marketing-tile .tf-marketing-tile__text-wraper .text-wrapper {
    z-index: 1
}

.tf-marketing-tile .tf-marketing-tile__text {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    place-items: center
}

    .tf-marketing-tile .tf-marketing-tile__text.bg-light-champagne {
        background-color: #fbf9f7
    }

    .tf-marketing-tile .tf-marketing-tile__text.bg-champagne {
        background-color: #f4f0ea
    }

    .tf-marketing-tile .tf-marketing-tile__text.bg-white, .tf-marketing-tile .tf-marketing-tile__text:not(.bg-light-champagne):not(.bg-champagne) {
        border: 1px solid rgba(0,0,0,.122);
        border-left: 0;
        border-right: 0
    }

    .tf-marketing-tile .tf-marketing-tile__text.size-1up {
        padding: 96px 56px
    }

        .tf-marketing-tile .tf-marketing-tile__text.size-1up .title {
            font-size: 24px;
            font-style: normal;
            font-weight: 325;
            letter-spacing: -.72px;
            line-height: 32px
        }

    .tf-marketing-tile .tf-marketing-tile__text.size-2up {
        padding: 96px 120px
    }

    .tf-marketing-tile .tf-marketing-tile__text.size-3up {
        padding: 144px 0
    }

    .tf-marketing-tile .tf-marketing-tile__text .copy-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
        z-index: 1
    }

        .tf-marketing-tile .tf-marketing-tile__text .copy-wrapper:only-child {
            height: 100%;
            justify-content: center
        }

    .tf-marketing-tile .tf-marketing-tile__text .text-wrapper {
        align-items: center;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        max-width: 684px;
        min-height: 204px
    }

@media(max-width:719.98px) {
    .tf-marketing-tile .tf-marketing-tile__text .text-wrapper {
        margin: 0;
        width: 311px
    }
}

.tf-marketing-tile .tf-marketing-tile__text .text-wrapper.text-wrapper-no-pointer:hover {
    cursor: default
}

.tf-marketing-tile .tf-marketing-tile__text .text-wrapper:hover {
    cursor: pointer;
    text-decoration: none
}

.tf-marketing-tile .tf-marketing-tile__text .text-wrapper.text-light, .tf-marketing-tile .tf-marketing-tile__text .text-wrapper.text-light:hover {
    color: #fff !important
}

.tf-marketing-tile .tf-marketing-tile__text .text-wrapper.text-dark, .tf-marketing-tile .tf-marketing-tile__text .text-wrapper.text-dark:hover {
    color: #000 !important
}

.tf-marketing-tile .tf-marketing-tile__text .title {
    font: 325 32px/40px Sterling SSM,Sterling Fallback,serif;
    letter-spacing: -1.28px;
    margin-bottom: 0;
    text-align: center
}

.tf-marketing-tile .tf-marketing-tile__text .desktop-body, .tf-marketing-tile .tf-marketing-tile__text .mobile-body {
    font: 400 16px/28px Santral,Santral Fallback,Verdana,Sans-Serif;
    letter-spacing: -.32px;
    text-align: center
}

.tf-marketing-tile .tf-marketing-tile__text .h0 p, .tf-marketing-tile .tf-marketing-tile__text .h1 p, .tf-marketing-tile .tf-marketing-tile__text .h2 p, .tf-marketing-tile .tf-marketing-tile__text .h3 p, .tf-marketing-tile .tf-marketing-tile__text .h4 p, .tf-marketing-tile .tf-marketing-tile__text .h5 p {
    line-height: unset !important
}

.tf-marketing-tile .tf-marketing-tile__text p {
    line-height: 28px;
    margin-bottom: 0
}

.tf-marketing-tile .tf-marketing-tile__text .btn.btn-small {
    align-items: end;
    display: flex;
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-weight: 600
}

    .tf-marketing-tile .tf-marketing-tile__text .btn.btn-small.btn-link {
        margin-top: 48px;
        padding: 0
    }

    .tf-marketing-tile .tf-marketing-tile__text .btn.btn-small.btn-primary, .tf-marketing-tile .tf-marketing-tile__text .btn.btn-small.btn-secondary {
        height: 44px;
        margin-top: 48px;
        padding: 13px 20px
    }

.tf-marketing-tile .tf-marketing-tile__text.bg-image {
    height: 100%
}

    .tf-marketing-tile .tf-marketing-tile__text.bg-image.bg-white, .tf-marketing-tile .tf-marketing-tile__text.bg-image:not(.bg-light-champagne):not(.bg-champagne) {
        border: 0
    }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-1up {
        aspect-ratio: 16/9;
        padding: 48px 32px
    }

        .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-1up .bg-image-text {
            width: 384px
        }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-2up {
        aspect-ratio: 16/9;
        padding: 72px 0
    }

        .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-2up .bg-image-text {
            width: 684px
        }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-3up {
        aspect-ratio: 16/9;
        height: 783px;
        padding: 72px 0
    }

        .tf-marketing-tile .tf-marketing-tile__text.bg-image.size-3up .bg-image-text {
            width: 684px
        }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image .btn.btn-small.btn-link, .tf-marketing-tile .tf-marketing-tile__text.bg-image .btn.btn-small.btn-primary, .tf-marketing-tile .tf-marketing-tile__text.bg-image .btn.btn-small.btn-secondary {
        margin-top: 32px
    }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image .copy-wrapper {
        gap: 16px;
        overflow: hidden
    }

    .tf-marketing-tile .tf-marketing-tile__text.bg-image p {
        line-height: 24px
    }

@media(max-width:719.98px) {
    .tf-marketing-tile .tf-marketing-tile__text.bg-image p {
        line-height: 28px
    }
}

.tf-marketing-tile .tf-marketing-tile__quote {
    background-size: cover;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

@media(max-width:719.98px) {
    .tf-marketing-tile .tf-marketing-tile__quote {
        height: 525px
    }

        .tf-marketing-tile .tf-marketing-tile__quote .quote {
            max-height: 306px;
            overflow: hidden
        }
}

.tf-marketing-tile .tf-marketing-tile__quote.bg-light-champagne {
    background-color: #fbf9f7
}

.tf-marketing-tile .tf-marketing-tile__quote.bg-inherit {
    background-color: inherit
}

.tf-marketing-tile .tf-marketing-tile__quote.bg-champagne {
    background-color: #f4f0ea
}

.tf-marketing-tile .tf-marketing-tile__quote.size-1up, .tf-marketing-tile .tf-marketing-tile__quote.size-2up {
    border: 1px solid #f9f9f9
}

.tf-marketing-tile .tf-marketing-tile__quote.size-3up {
    border: 0 solid #f9f9f9
}

.tf-marketing-tile .tf-marketing-tile__quote .text-wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 32px
}

    .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper:hover {
        cursor: pointer;
        text-decoration: none
    }

    .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper.text-light, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper.text-light:hover {
        color: #fff
    }

    .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper.text-dark, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper.text-dark:hover {
        color: #000
    }

    .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h0 p, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h1 p, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h2 p, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h3 p, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h4 p, .tf-marketing-tile .tf-marketing-tile__quote .text-wrapper .h5 p {
        line-height: unset !important
    }

.tf-marketing-tile .tf-marketing-tile__quote.centered-quote .author, .tf-marketing-tile .tf-marketing-tile__quote.centered-quote .quote {
    max-width: 680px;
    padding-right: 0
}

@media(max-width:719.98px) {
    .tf-marketing-tile .tf-marketing-tile__quote.centered-quote .author, .tf-marketing-tile .tf-marketing-tile__quote.centered-quote .quote {
        width: 100%
    }
}

.tf-marketing-tile .tf-marketing-tile__quote.centered-quote .quote {
    margin-top: 48px
}

.tf-marketing-tile .tf-marketing-tile__quote.centered-quote .author {
    margin-bottom: 48px
}

.tf-marketing-tile .tf-marketing-tile__quote.centered-quote .text-wrapper {
    padding: 0 32px
}

@media(min-width:720px) {
    .tf-marketing-tile .tf-marketing-tile__quote.centered-quote .text-wrapper {
        padding: 0 120px
    }
}

.tf-marketing-tile .quote {
    font: normal 325 32px/48px Sterling SSM,Sterling Fallback,serif;
    letter-spacing: -1.28px;
    padding-right: 24px
}

@media(min-width:720px) {
    .tf-marketing-tile .quote {
        padding-right: 220px
    }
}

@media(max-width:719.98px) {
    .tf-marketing-tile .quote {
        font: normal 325 24px/34px Sterling SSM,Sterling Fallback,serif;
        letter-spacing: -.48px
    }
}

.tf-marketing-tile .quote strong {
    font-weight: 600
}

.tf-marketing-tile .author {
    font: 325 24px/32px Sterling SSM,Sterling Fallback,serif;
    letter-spacing: -.72px;
    margin-top: 32px
}

@media(max-width:719.98px) {
    .tf-marketing-tile .author {
        font: normal 325 20px/28px Sterling SSM,Sterling Fallback,serif;
        letter-spacing: -.4px
    }
}

.tf-marketing-tile .author strong {
    font-weight: 600
}

.tf-marketing-tile .tf-image-component {
    width: 100%
}

@media(min-width:1200px) {
    .tf-marketing-tile .tf-image-component {
        margin-left: 0;
        width: 100%
    }
}

.tf-marketing-tile .marketing-tile-button {
    align-items: center;
    background: #fff;
    bottom: 56px;
    color: #000;
    display: flex;
    font-family: Santral Book,Santral Book Fallback,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .08em;
    line-height: 16px;
    padding: 15px 20px 13px;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .tf-marketing-tile .marketing-tile-button {
        bottom: 96px
    }
}

.tf-marketing-tile .marketing-tile-button.align-left {
    left: 24px
}

.tf-marketing-tile .marketing-tile-button.align-right {
    right: 24px
}

.tf-marketing-tile .marketing-tile-button.align-center {
    left: 50%;
    transform: translateX(-50%)
}

.tf-marketing-tile .tf-product-spotlight-carousel-item .tf-carousel-product-collection {
    font-size: 14px
}

@media(min-width:1200px) {
    .tf-marketing-tile .tf-product-spotlight-carousel-item .tf-carousel-product-collection {
        font-size: 16px
    }
}

.tf-marketing-tile .tf-product-spotlight-carousel-item .tf-carousel-product-name {
    font-family: Santral Book,Santral Book Fallback,Verdana,Sans-Serif
}

.tf-marketing-tile .tf-product-spotlight-carousel-item .tf-carousel-product-price {
    display: inline-block
}

.tf-marketing-tile .gradientAnchorWrapper {
    display: block;
    height: 100%
}

.tf-marketing-tile .text-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

    .tf-marketing-tile .text-wrapper .copy-wrapper {
        flex-grow: 1
    }

    .tf-marketing-tile .text-wrapper .btn {
        align-self: center;
        margin-top: auto
    }

@media(min-width:1200px) {
    .tf-marketing-tile .cta-align-left-desktop .btn {
        align-self: flex-start
    }

    .tf-marketing-tile .cta-align-right-desktop .btn {
        align-self: flex-end
    }
}

@media(max-width:1199.98px) {
    .tf-marketing-tile .cta-align-left-mobile .btn {
        align-self: flex-start
    }

    .tf-marketing-tile .cta-align-right-mobile .btn {
        align-self: flex-end
    }
}

.col-lg-4.plist-region .quote {
    font: normal 300 28px/44px Sterling SSM,Sterling Fallback,serif;
    letter-spacing: -.84px;
    padding-right: 48px
}

@media(max-width:719.98px) {
    .col-lg-4.plist-region .quote {
        font: normal 325 24px/34px Sterling SSM,Sterling Fallback,serif;
        letter-spacing: -.48px;
        padding-right: 24px
    }
}

@media(min-width:720px) {
    .col-lg-4.plist-region .centered-quote .text-wrapper {
        padding: 0 40px
    }
}

.col-lg-4.plist-region .centered-quote .author, .col-lg-4.plist-region .centered-quote .quote {
    max-width: 368px
}

@media(max-width:1199.98px) {
    .product-grid .col-12.plist-region {
        padding: 0
    }
}

.tiffany-dot:before {
    background-color: #81d8d0;
    content: "";
    display: inline-block;
    height: 4px;
    width: 4px
}

.tf-info-bullet {
    width: 100%
}

    .tf-info-bullet .tf-info-bullet-copy {
        color: #000;
        font-family: Sterling SSM,Sterling Fallback,serif;
        font-size: 16px;
        font-weight: 325;
        line-height: 24px;
        max-width: 100%;
        text-align: center
    }

@media(min-width:720px) {
    .tf-info-bullet .tf-info-bullet-copy {
        margin: 0 auto;
        max-width: 100%
    }
}

.tf-info-bullet .tf-info-bullet-copy p {
    line-height: 24px;
    margin-bottom: 0
}

.tf-info-bullet .tf-info-bullet-copy .tf-bullet-point-width {
    margin: 0 auto;
    max-width: 100%;
    min-height: 48px
}

.tf-info-bullet .tf-info-bullet-content {
    max-width: 100%;
    width: 100%
}

.tf-info-bullet .tf-info-bullet-copy {
    padding-bottom: 24px
}

.tf-info-bullet.dropdown-set-color-white {
    background-color: #fff
}

.tf-info-bullet.dropdown-set-color-light-champagne {
    background-color: #fbf9f7
}

.tf-info-bullet.dropdown-set-color-champagne {
    background-color: #f4f0ea
}

.tf-info-bullet.dropdown-set-color-inherit {
    background-color: inherit
}

.dark-mode .tf-info-bullet-copy {
    color: #fff
}

.tf-product-spotlight-carousel-item {
    text-align: center
}

    .tf-product-spotlight-carousel-item .tf-carousel-product-image {
        aspect-ratio: auto;
        margin-bottom: 8px;
        width: 100%
    }

    .tf-product-spotlight-carousel-item .tf-carousel-product-label {
        background: #f4f0ea;
        color: #000;
        display: inline-block;
        font-family: Santral Book,Verdana,Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.01em;
        line-height: 20px;
        margin-bottom: 8px;
        margin-top: 0;
        padding: 4px 7px
    }

    .tf-product-spotlight-carousel-item .tf-carousel-product-collection {
        /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
        font-size: 14px;
        font-style: normal;
        font-weight: 325;
        letter-spacing: -.28px;
        line-height: 20px;
        text-decoration: none;
        direction: rtl;
    }

@media(min-width:1200px) {
    .tf-product-spotlight-carousel-item .tf-carousel-product-collection {
        font-size: 16px;
        letter-spacing: -.32px;
        line-height: 32px
    }
}

.tf-product-spotlight-carousel-item .tf-carousel-product-name {
    color: #000;
    display: inline-block;
  
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.26px;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

.tf-product-spotlight-carousel-item .tf-carousel-product-price {
    display: none
}

.dark-mode .tf-product-spotlight-carousel-item .tf-carousel-product-collection, .dark-mode .tf-product-spotlight-carousel-item .tf-carousel-product-name {
    color: #fff
}

.dark-mode .tf-product-spotlight-carousel-item .progress-bar {
    filter: invert(1)
}

.tf-productspotlight-image {
    margin: 0;
    position: relative;
    width: 100%
}

    .tf-productspotlight-image .tf-image-component {
        width: 100%
    }

.tf-productspotlight-nopaackshot, .tf-productspotlight-nopaackshot .row {
    height: 100%
}

    .tf-productspotlight-nopaackshot .tf-image-component {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: var(--focal-point-x) var(--focal-point-y);
        object-position: var(--focal-point-x) var(--focal-point-y);
        width: 100%
    }

@media(min-width:720px)and (max-width:1199.98px) {
    .tf-productspotlight-nopaackshot .tf-image-meta {
        padding-left: 16.66666667%;
        padding-right: 16.66666667%
    }
}

.tf-productspotlight-nopaackshot img {
    aspect-ratio: 1/.71
}

@media(min-width:720px) {
    .tf-productspotlight-nopaackshot img {
        aspect-ratio: 1/.56
    }
}

@media(min-width:1200px) {
    .tf-productspotlight-nopaackshot img {
        aspect-ratio: 1/.56
    }
}

.tf-productspotlight-nopaackshot img.portraitRatio {
    aspect-ratio: .8/1;
    height: auto;
    max-height: none
}

.tf-productspotlight-nopaackshot .tf-title, .tf-productspotlight-nopaackshot .tf-title * {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 325;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .tf-productspotlight-nopaackshot .tf-title, .tf-productspotlight-nopaackshot .tf-title * {
        font-size: 56px;
        line-height: 56px;
        margin-bottom: 25px
    }
}

.tf-productspotlight-nopaackshot .tf-description {
    color: #000;
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px;
    margin-bottom: 45px;
    text-align: center
}

    .tf-productspotlight-nopaackshot .tf-description blockquote {
        background: 0 0;
        border: unset;
        font-style: normal;
        margin: 0;
        padding: 0
    }

.tf-productspotlight-nopaackshot .tf-cta-link {
    border-bottom: 1px solid #81d8d0;
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.5px;
    line-height: 20px;
    padding-bottom: 5px
}

@media(min-width:1200px) {
    .tf-productspotlight-nopaackshot .tf-cta-link {
        font-size: 16px;
        line-height: 24px
    }
}

.tf-productspotlight-nopaackshot .tf-cta-link:hover {
    text-decoration: none
}

@media(min-width:1200px) {
    .tf-rich-content {
        margin-left: 24px
    }
}

.tf-rich-headline, .tf-rich-headline * {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .tf-rich-headline, .tf-rich-headline * {
        font-size: 24px;
        text-transform: none
    }
}

.tf-rich-subheadline {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px
}

.tf-rich-copy {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px
}

    .tf-rich-copy p {
        line-height: 24px;
        margin-bottom: 24px
    }

    .tf-rich-copy ol {
        counter-reset: item;
        padding: 0
    }

        .tf-rich-copy ol li {
            counter-increment: item;
            list-style-type: none;
            margin-bottom: 24px;
            text-indent: 0
        }

            .tf-rich-copy ol li:before {
                content: counter(item) ".";
                display: inline-block;
                font-weight: 600;
                margin-right: 4px
            }

.experience-commerce_assets-richTextBlockTile {
    height: 100%
}

.tf-sizeguide-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px
}

.tf-sizeguide-description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px
}

@media(min-width:1200px) {
    .tf-sizeguide-description {
        font-size: 16px;
        margin: auto auto 48px;
        max-width: 480px
    }
}

.tf-sizeguide-table {
    font-size: 13px;
    font-weight: 400
}

    .tf-sizeguide-table .table {
        margin-bottom: 0;
        table-layout: fixed;
        text-align: center
    }

    .tf-sizeguide-table table.table th {
        color: rgba(0,0,0,.6);
        letter-spacing: .04em
    }

        .tf-sizeguide-table table.table th:first-of-type {
            text-align: left
        }

        .tf-sizeguide-table table.table th .custom-dropdown__option--value {
            color: inherit
        }

    .tf-sizeguide-table td {
        padding: 24px 4px
    }

        .tf-sizeguide-table td:first-of-type {
            font-family: Sterling SSM,Sterling Fallback,serif;
            font-size: 16px;
            text-align: left
        }

    .tf-sizeguide-table hr {
        margin: 0 auto 16px
    }

@media(min-width:1200px) {
    .tf-sizeguide-table hr {
        margin: 0 auto
    }
}

.sizeguide-standalone-full {
    background: #fbf9f7
}

.sizeguide-standalone-container {
    background: #fbf9f7;
    margin: 0;
    max-width: 100vw;
    padding: 0;
    width: auto
}

@media(min-width:1200px) {
    .sizeguide-standalone-container {
        padding-bottom: 0
    }

        .sizeguide-standalone-container .sizeguide-standalone-left {
            padding: 96px 120px
        }

    .sizeguide-standalone-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px
    }
}

@media(max-width:1439.98px) {
    .sizeguide-standalone-container .custom-dropdown, .sizeguide-standalone-container .custom-input.form-group, .sizeguide-standalone-container .mobile-attribute-container {
        position: static
    }
}

.sizeguide-standalone-container .sizeguide-standalone-right {
    padding: 16px 16px 0
}

@media(min-width:1200px) {
    .sizeguide-standalone-container .sizeguide-standalone-right {
        padding: 112px 90px
    }

        .sizeguide-standalone-container .sizeguide-standalone-right.large {
            padding: 24px
        }
}

.sizeguide-standalone-container .custom-dropdown__dropdown {
    left: 0;
    min-width: calc(100vw - 32px);
    right: auto;
    top: 65px;
    width: auto
}

@media(min-width:1200px) {
    .sizeguide-standalone-container .custom-dropdown__dropdown {
        min-width: 150px
    }
}

.sizeguide-standalone-container .custom-dropdown__option {
    align-items: center;
    background-position: 26px 21px;
    background-repeat: no-repeat;
    background-size: 21px 15px;
    color: #000;
    display: flex;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 20px;
    padding: 20px 24px
}

    .sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value {
        text-wrap: balance;
        background-size: 0;
        border: 0;
        display: block;
        font-family: Santral Book,Santral Book Fallback,Verdana,Sans-Serif;
        font-size: 10px;
        line-height: 20px;
        margin-top: -3px !important;
        padding: 0 16px 0 0;
        text-align: left;
        text-indent: 0;
        text-transform: uppercase
    }

@media(max-width:1199.98px) {
    .sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value {
        padding-right: 25px
    }

        .sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value:before {
            top: 0
        }
}

.sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value:hover {
    border: 0
}

.sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value:before {
    right: 0;
    top: -4px
}

.sizeguide-standalone-container .custom-dropdown__option.custom-dropdown__option--value:after {
    height: 0
}

.sizeguide-standalone-left {
    padding: 72px 16px
}

@media(min-width:1200px) {
    .sizeguide-standalone-left {
        padding: 24px 16px
    }
}

.sizeguide-standalone-left .tf-sizeguide {
    max-width: 100%
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide {
        max-width: 480px
    }
}

.sizeguide-standalone-left .tf-sizeguide-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 24px;
    font-weight: 325;
    letter-spacing: -.48px;
    line-height: 32px;
    margin-bottom: 24px;
    margin-top: 0
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide-title {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 40px
    }
}

.sizeguide-standalone-left .tf-sizeguide-title:is(.h0,.h1,.h2,.h3,.h4,.h5) * {
    font: inherit
}

.sizeguide-standalone-left .tf-sizeguide-description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide-description {
        font-size: 16px;
        margin: auto auto 48px;
        max-width: 480px
    }
}

.sizeguide-standalone-left .tf-sizeguide-table {
    font-size: 13px;
    font-weight: 400
}

@media(max-width:1439.98px) {
    .sizeguide-standalone-left .tf-sizeguide-table td.last-td-value, .sizeguide-standalone-left .tf-sizeguide-table td.last-th, .sizeguide-standalone-left .tf-sizeguide-table th.last-td-value, .sizeguide-standalone-left .tf-sizeguide-table th.last-th {
        display: none
    }

        .sizeguide-standalone-left .tf-sizeguide-table td.last-td-value:first-child, .sizeguide-standalone-left .tf-sizeguide-table td.last-th:first-child, .sizeguide-standalone-left .tf-sizeguide-table th.last-td-value:first-child, .sizeguide-standalone-left .tf-sizeguide-table th.last-th:first-child {
            display: block !important
        }

    .sizeguide-standalone-left .tf-sizeguide-table .last-colspan {
        display: none
    }
}

.sizeguide-standalone-left .tf-sizeguide-table .table {
    margin-bottom: 0;
    position: relative;
    table-layout: fixed;
    text-align: center
}

.sizeguide-standalone-left .tf-sizeguide-table th {
    border: 0;
    letter-spacing: .04em;
    line-height: 16px;
    padding: 20px 12px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top
}

@media(max-width:719.98px) {
    .sizeguide-standalone-left .tf-sizeguide-table th {
        padding: 20px 4px
    }
}

.sizeguide-standalone-left .tf-sizeguide-table th:first-of-type {
    padding-left: 4px
}

.sizeguide-standalone-left .tf-sizeguide-table th span {
    text-wrap: balance;
    display: block
}

.sizeguide-standalone-left .tf-sizeguide-table th.desktop-only {
    display: none
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide-table th.desktop-only {
        display: table-cell
    }
}

.sizeguide-standalone-left .tf-sizeguide-table tr {
    border-top: 1px solid rgba(0,0,0,.122)
}

.sizeguide-standalone-left .tf-sizeguide-table thead tr {
    border: 0
}

.sizeguide-standalone-left .tf-sizeguide-table td {
    display: table-cell;
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 13px;
    padding: 26px 16px 26px 8px;
    text-align: left;
    vertical-align: text-bottom
}

@media(max-width:719.98px) {
    .sizeguide-standalone-left .tf-sizeguide-table td {
        padding: 24px 12px 24px 4px
    }
}

.sizeguide-standalone-left .tf-sizeguide-table td:first-of-type {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 16px;
    line-height: 24px
}

.sizeguide-standalone-left .tf-sizeguide-table td.desktop-only {
    display: none
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide-table td.desktop-only {
        display: table-cell
    }
}

.sizeguide-standalone-left .tf-sizeguide-table hr {
    margin: 0 auto
}

@media(min-width:1200px) {
    .sizeguide-standalone-left .tf-sizeguide-table hr {
        margin: 0 auto
    }
}

.sizeguide-standalone-image {
    margin-bottom: 0
}

@media(min-width:720px) {
    .sizeguide-standalone-image {
        margin-bottom: 112px
    }
}

.sizeguide-standalone-image img {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available
}

@media(min-width:1200px) {
    .pd-attribute-dropdown.custom-dropdown__option--value {
        cursor: default;
        pointer-events: none;
        text-align: center
    }

        .pd-attribute-dropdown.custom-dropdown__option--value:before {
            display: none;
            height: 0;
            margin: 0;
            width: 0
        }
}

@media(max-width:1199.98px) {
    .pd-attribute-dropdown-containerFirst .custom-dropdown__dropdown {
        left: -32vw;
        opacity: 1;
        top: calc(100% + 25px);
        width: 94vw
    }
}

.pd-attribute-dropdown-containerFirst .custom-dropdown__option {
    background-size: 0 !important;
    text-indent: 0 !important
}

@media(max-width:1199.98px) {
    .pd-attribute-dropdown-containerSecond .custom-dropdown__dropdown {
        left: -62.5vw;
        top: calc(100% + 25px);
        width: 94vw
    }
}

.pd-attribute-dropdown-containerSecond .custom-dropdown__option {
    background-size: 0 !important;
    text-indent: 0 !important
}

@media(max-width:1199.98px) {
    .pd-attribute-dropdown-containerSecond .custom-dropdown__option.custom-dropdown__option--value {
        text-wrap: nowrap;
        padding-right: 25px;
        width: 100%
    }

        .pd-attribute-dropdown-containerSecond .custom-dropdown__option.custom-dropdown__option--value:before {
            top: 0
        }

    .pd-country-dropdown-container .custom-dropdown__dropdown {
        left: -32vw;
        top: calc(100% + 25px);
        width: 93vw
    }
}

.tf-sizeguide .tf-sizeguide-table .table-heading {
    color: rgba(0,0,0,.6);
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    opacity: 1
}

.tf-sizeguide .tf-sizeguide-table thead {
    position: relative
}

@media(max-width:1199.98px) {
    .tf-sizeguide .tf-sizeguide-table .custom-dropdown__dropdown {
        top: calc(var(--dropdown-items-top-position) - 2px)
    }
}

.tf-sizeguide .tf-sizeguide-table .custom-dropdown__option--value {
    color: rgba(0,0,0,.6);
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif
}

    .tf-sizeguide .tf-sizeguide-table .custom-dropdown__option--value:before {
        opacity: .6
    }

.tf-sizeguide .table-basic-attr {
    background: 0 0;
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    pointer-events: none;
    text-align: inherit
}

.tf-einstein-recommendations .section-title {
    font-size: 20px;
    font-weight: 325;
    line-height: 28px;
    margin-bottom: 24px
}

@media(min-width:1200px) {
    .tf-einstein-recommendations .section-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 48px
    }
}

.tf-einstein-recommendations .tf-carousel-product-collection {
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 28px
}

.progress-carousel.einstein-carousel:not(is-initialized) .progressbar-wrapper {
    margin-left: 0
}

.tiffany-storepage-wrapper {
    position: relative
}

    .tiffany-storepage-wrapper > .experience-component {
        z-index: 0
    }

        .tiffany-storepage-wrapper > .experience-component .tf-image-and-text.fixedBackground picture, .tiffany-storepage-wrapper > .experience-component .tf-image-and-text.fixedBackground video {
            z-index: 1
        }

.footer-email-signup {
    position: relative;
    z-index: 1
}

.newsletteraside-modal-opened .footer-email-signup {
    z-index: 1050
}

.newsletteraside-modal-opened .modal-backdrop {
    display: none
}

.footer-content.footer {
    position: relative
}

.experience-component {
    background-color: inherit;
    position: relative
}

    .experience-component.experience-commerce_assets-transitionsHeroTitle {
        overflow: hidden
    }

.modal-quickview-content .experience-component.experience-commerce_assets-transitionsHeroTitle {
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

.tf-hero-transition-tile {
    display: flex;
    flex: 1;
    height: 100vh;
    overflow: hidden;
    position: relative
}

@media(min-width:1200px) {
    .tf-hero-transition-tile {
        padding-bottom: 0
    }
}

.tf-hero-transition-tile .row {
    display: flex;
    flex: 1
}

.tf-hero-transition-tile .btn {
    margin-top: 72px
}

@media(max-width:719.98px) {
    .tf-hero-transition-tile .btn {
        margin-top: 48px
    }
}

.tf-hero-transition-tile.fixed-tile {
    position: fixed;
    top: 0;
    width: 100%
}

.tf-hero-transition-tile__text {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

@media(max-width:719.98px) {
    .tf-hero-transition-tile__text {
        height: 525px;
        padding: 72px 0
    }
}

.tf-hero-transition-tile__text.bg-light-champagne {
    background-color: #fbf9f7;
    cursor: pointer
}

.tf-hero-transition-tile__text.bg-champagne {
    background-color: #f4f0ea
}

.tf-hero-transition-tile__text.bg-inherited {
    background-color: inherit
}

.tf-hero-transition-tile__text .text-wrapper {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 920px;
    min-height: 204px
}

    .tf-hero-transition-tile__text .text-wrapper:hover {
        cursor: pointer;
        text-decoration: none
    }

    .tf-hero-transition-tile__text .text-wrapper.text-light, .tf-hero-transition-tile__text .text-wrapper.text-light:hover {
        color: #fff !important
    }

    .tf-hero-transition-tile__text .text-wrapper.text-dark, .tf-hero-transition-tile__text .text-wrapper.text-dark:hover {
        color: #000 !important
    }

    .tf-hero-transition-tile__text .text-wrapper.text-inherit, .tf-hero-transition-tile__text .text-wrapper.text-inherit:hover {
        color: #000
    }

.tf-hero-transition-tile__text .btn.btn-link {
    padding-top: 0
}

.dark-mode .text-wrapper.text-inherit, .dark-mode .text-wrapper.text-inherit:hover {
    color: #fff
}

.hero-title {
    font: 300 72px/96px Sterling SSM,Sterling Fallback,serif;
    letter-spacing: -2.88px;
    margin-bottom: 24px;
    text-align: center
}

.hero-body {
    font: 400 16px/24px Santral Book,Verdana,Sans-Serif;
    letter-spacing: -.32px;
    text-align: center;
    width: 684px
}

@media(max-width:719.98px) {
    .hero-body {
        width: 311px
    }
}

.hero-body.h0 p, .hero-body.h1 p, .hero-body.h2 p, .hero-body.h3 p, .hero-body.h4 p, .hero-body.h5 p {
    line-height: unset !important;
    margin: 0
}

.hero-body p {
    margin: 0
}

.hero-body.h0, .hero-body.h1, .hero-body.h2, .hero-body.h3, .hero-body.h4, .hero-body.h5 {
    margin-bottom: 0
}

@media(max-width:719.98px) {
    .tf-hero-transition-tile {
        height: auto
    }

    .tf-hero-transition-tile__text .text-wrapper {
        height: 493px;
        margin: 0;
        width: 311px
    }

    .hero-title, .hero-title p {
        font: 325 40px/48px Sterling SSM,Sterling Fallback,serif;
        letter-spacing: -1.6px;
        text-align: center
    }
}

.textCarouselSlideWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-block: 0 24px;
    position: relative
}

@media(min-width:1200px) {
    .textCarouselSlideWrapper {
        padding-block: 0
    }
}

.splide--fade:not(.is-active) .textCarouselSlideWrapper {
    padding: 0 !important
}

.splide--vertical .textCarouselSlideWrapper {
    padding-bottom: 0 !important
}

.textCarouselSlideWrapper .tf-cta {
    inset: 0;
    position: absolute
}

.textCarouselSlideWrapper .tf-title {
    margin: 0;
    padding-block: 0;
    text-align: center
}

.splide--fade .textCarouselSlideWrapper .tf-title {
    display: none !important
}

.textCarouselSlideWrapper .tf-description {
    margin-bottom: 48px;
    text-align: center
}

    .textCarouselSlideWrapper .tf-description p {
        margin: 0
    }

.splide--vertical .textCarouselSlideWrapper .tf-cta-wrapper, .splide--vertical .textCarouselSlideWrapper .tf-description {
    display: none !important
}

.experience-commerce_assets-shopTheLookEnhanced {
    height: 100%;
    overflow: hidden;
    padding-bottom: 32px
}

@media(min-width:1200px) {
    .experience-commerce_assets-shopTheLookEnhanced {
        padding-bottom: 48px
    }
}

.tf-shop-the-look {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media(min-width:1200px) {
    .tf-shop-the-look {
        aspect-ratio: 7/5
    }
}

.tf-shop-the-look__image {
    height: 472px;
    position: relative
}

@media(min-width:1200px) {
    .tf-shop-the-look__image {
        aspect-ratio: unset;
        height: auto;
        position: static
    }
}

.tf-shop-the-look .tf-image-component {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

@media(min-width:1200px) {
    .tf-shop-the-look .tf-image-component {
        aspect-ratio: 7/5
    }
}

.tf-shop-the-look__heading {
    max-width: 684px;
    width: -moz-fit-content;
    width: fit-content
}

.tf-shop-the-look .tf-shop-the-look-title {
    margin-bottom: 24px
}

@media(min-width:1200px) {
    .tf-shop-the-look .tf-shop-the-look-title {
        margin-bottom: 16px
    }
}

.tf-shop-the-look .tf-shop-the-look-text {
    margin-bottom: 24px
}

@media(min-width:1200px) {
    .tf-shop-the-look .tf-shop-the-look-text {
        margin-bottom: 32px
    }
}

.tf-shop-the-look p {
    line-height: inherit;
    margin-bottom: unset
}

.tf-shop-the-look__btn {
    bottom: 0;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-end;
    padding: 48px 32px;
    position: absolute;
    width: 100%
}

@media(min-width:1200px) {
    .plist-region.up2 .tf-shop-the-look__btn, .plist-region.up3 .tf-shop-the-look__btn {
        padding: 72px 96px
    }
}

.tf-shop-the-look__btn.align-center {
    align-items: center;
    left: 0;
    margin: auto;
    right: 0
}

@media(min-width:1200px) {
    .tf-shop-the-look__btn.align-center {
        padding: 48px
    }
}

.tf-shop-the-look__btn.align-left {
    align-items: start;
    left: 0
}

.tf-shop-the-look__btn.align-right {
    align-items: end;
    right: 0
}

@media(min-width:1200px) {
    .plist-region.col-lg-12 .tf-shop-the-look {
        aspect-ratio: auto
    }

        .plist-region.col-lg-12 .tf-shop-the-look .tf-image-component {
            aspect-ratio: 16/9;
            position: static
        }

    .plist-region.col-lg-4 .tf-shop-the-look {
        aspect-ratio: auto
    }
}

.product-grid .plist-region {
    padding: 0
}

@media(min-width:1200px) {
    .product-grid .plist-region {
        padding-left: 12px;
        padding-right: 12px
    }
}

.immersive-modal.stl-overlay .stl-overlay__img {
    aspect-ratio: 4/5;
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%
}

.immersive-modal.stl-overlay .tf-image-component {
    aspect-ratio: 4/5;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .modal-content {
        height: unset !important
    }

    .immersive-modal.stl-overlay .immersive-modal-right {
        height: 100vh !important
    }

    .immersive-modal.stl-overlay .immersive-modal-left {
        background-color: #f4f0ea
    }
}

.immersive-modal.stl-overlay .modal-image-background {
    background-color: #fff
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .modal-image-background {
        background-color: #f4f0ea;
        height: unset
    }
}

@media(min-width:1440px) {
    .immersive-modal.stl-overlay .modal-image-background {
        height: 100%
    }
}

.immersive-modal.stl-overlay .stl-overlay__cont {
    padding: 16px
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .stl-overlay__cont {
        height: 100vh;
        padding: 12.5%
    }

        .immersive-modal.stl-overlay .stl-overlay__cont picture {
            padding: 0
        }
}

@media(min-width:1200px)and (min-width:1200px) {
    .immersive-modal.stl-overlay .stl-overlay__cont picture {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.immersive-modal.stl-overlay .stl-overlay__cont picture {
    padding: 0
}

.immersive-modal.stl-overlay .stl-overlay__cont .tf-image-component {
    aspect-ratio: 4/5;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.immersive-modal.stl-overlay .stl-overlay__title {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.04em;
    line-height: 140%;
    margin-bottom: 0;
    padding: 24px 0
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .stl-overlay__title {
        font-size: 20px;
        margin-bottom: 16px
    }
}

.immersive-modal.stl-overlay .tile-image {
    filter: brightness(.98)
}

.immersive-modal.stl-overlay .stl-column {
    padding-right: 2px;
    width: 50%
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .stl-column {
        padding-right: 12px
    }
}

.immersive-modal.stl-overlay .stl-column:nth-child(2n) {
    padding-left: 2px;
    padding-right: 0
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .stl-column:nth-child(2n) {
        padding-left: 12px
    }
}

.immersive-modal.stl-overlay .modal-body {
    padding: 32px 0
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay .modal-body {
        padding: 106px 48px 48px
    }
}

.immersive-modal.stl-overlay [data-component-background=bm] {
    background-color: #fff
}

@media(min-width:1200px) {
    .immersive-modal.stl-overlay [data-component-background=bm].dropdown-set-color-white {
        background-color: #fff
    }

    .immersive-modal.stl-overlay [data-component-background=bm].dropdown-set-color-light-champagne {
        background-color: #fbf9f7
    }

    .immersive-modal.stl-overlay [data-component-background=bm].dropdown-set-color-champagne {
        background-color: #f4f0ea
    }

    .immersive-modal.stl-overlay [data-component-background=bm].dropdown-set-color-inherit {
        background-color: inherit
    }
}

.immersive-modal.stl-overlay span.pdp-link-collection {
    margin-top: 16px
}

.immersive-modal.stl-overlay .hide-on-stl {
    display: none
}

.stl-overlay .contentCustomVideoPlayer, .tf-shop-the-look .contentCustomVideoPlayer {
    position: static
}

.stl-overlay video, .tf-shop-the-look video {
    clip-path: inset(1px 1px)
}

.stl-overlay .videoControls, .tf-shop-the-look .videoControls {
    justify-content: flex-end
}

.collapse-accordion-container {
    --collapsed-height: 80px;
    --collapsed-height-mobile: 57px
}

    .collapse-accordion-container .accordion-content a {
        text-decoration: underline
    }

.collapsible-header .accordion-item {
    font-family: Sterling SSM,Sterling Fallback,serif;
    padding: 12px 0
}

@media(min-width:1200px) {
    .collapsible-header .accordion-item {
        padding: 24px 0
    }
}

.collapsible-header .accordion-item span {
    display: inline-block;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.28px;
    line-height: 32px;
    width: calc(100% - 32px)
}

.collapsible-body .accordion-mobile-img {
    aspect-ratio: 1/1
}

@media(min-width:1200px) {
    .accordion-content {
        padding-right: 40px
    }
}

.accordion-section .tf-cta-wrapper button {
    background-color: transparent;
    border: 0;
    padding: 0
}

.accordion-section .tf-cta-wrapper .booxi-link.lnk {
    cursor: pointer
}

    .accordion-section .tf-cta-wrapper .booxi-link.lnk:after, .accordion-section .tf-cta-wrapper .booxi-link.lnk:before {
        background-color: unset
    }

.bg-light-champagne {
    background-color: #fbf9f7
}

.bg-champagne {
    background-color: #f4f0ea
}

.white {
    background-color: #fff
}

#faq.tiffany-storepage .collapse-accordion-container {
    --collapsed-height: 70px;
    --collapsed-height-mobile: 88px
}

    #faq.tiffany-storepage .collapse-accordion-container .title {
        font-size: 20px;
        font-weight: 325;
        letter-spacing: -.02em;
        line-height: 24px;
        padding: 24px 0
    }

@media(min-width:1200px) {
    #faq.tiffany-storepage .collapse-accordion-container .title {
        font-size: 24px;
        line-height: 32px
    }
}

#faq.tiffany-storepage .collapse-accordion-container .title:after {
    margin-right: 16px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .collapse-accordion-container .title:after {
        margin-right: 0
    }
}

#faq.tiffany-storepage .collapse-accordion-container .accordion-item {
    font-size: 14px;
    line-height: 20px
}

#faq.tiffany-storepage .collapse-accordion-container .accordion-content {
    padding: 8px 24px 0 0
}

#faq.tiffany-storepage .accordion-section {
    padding: 0 16px
}

@media(min-width:1200px) {
    #faq.tiffany-storepage .accordion-section {
        padding: 0 96px
    }
}

.buy-box-faq .accordion-section {
    margin: 0 auto;
    max-width: 920px;
    padding: 0
}

.text-color-light .accordion-content, .text-color-light .accordion-item span, .text-color-light .lnk-small {
    color: #fff !important
}

.text-color-light .collapsible-header .title:after {
    filter: invert(100%)
}

.text-color-light .collapsible-transition:after, .text-color-light .collapsible-transition:before {
    background-color: #d9d9d9
}

.text-color-dark .accordion-content, .text-color-dark .accordion-item span, .text-color-dark .lnk-small {
    color: #000 !important
}

@media(min-width:1440px) {
    .accordion-section {
        padding-left: 96px
    }
}

.accordion-section .collapse-accordion {
    background-color: transparent
}

@media(min-width:1200px) {
    .accordion-section .collapse-accordion {
        margin-bottom: 40px
    }
}

.accordion-section-title, .accordion-section-title * {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    font-weight: 325;
    line-height: 24px;
    margin-bottom: 40px
}

@media(min-width:1200px) {
    .accordion-section-title, .accordion-section-title * {
        font-size: 24px;
        line-height: 32px
    }
}

.buy-box-faq {
    background-color: #fbf9f7 !important;
    padding-bottom: 96px !important;
    padding-top: 96px !important
}

@media(max-width:1439.98px) {
    .buy-box-faq {
        padding-bottom: 72px !important;
        padding-top: 72px !important
    }
}

.container.accordion-container {
    background-color: transparent
}

@media(min-width:1200px) {
    .background-content-block {
        margin: 60px 72px
    }
}

.background-content-block .container {
    background-color: transparent
}

@media(min-width:1440px) {
    .background-content-block .offset-col-left {
        padding-left: 8.33% !important
    }

    .background-content-block .offset-col-right {
        padding-right: 8.33% !important
    }
}

.background-content-block .content-image {
    display: flex
}

@media(min-width:1200px) {
    .background-content-block .content-image {
        margin-top: 34px
    }
}

@media(min-width:1440px) {
    .background-content-block .content-image {
        justify-content: flex-start
    }
}

.background-content-block .content-image img, .background-content-block .content-image picture {
    height: auto;
    width: 100%
}

@media(min-width:1200px) {
    .background-content-block .content-image img, .background-content-block .content-image picture {
        height: auto;
        max-width: 100%;
        width: auto
    }
}

.background-content-inner {
    background-color: transparent;
    max-width: 1920px
}

.breadcrumbs-faq {
    border-radius: 0;
    justify-content: center;
    padding: 28px;
    text-align: center
}

    .breadcrumbs-faq .breadcrumb-arrow {
        color: #999;
        display: block;
        float: left;
        left: 24px;
        position: absolute
    }

@media(min-width:640px) {
    .breadcrumbs-faq .breadcrumb-arrow {
        display: none
    }
}

.breadcrumbs-faq .breadcrumb-faq {
    color: #999;
    font-family: Santral,Tahoma,Sans-Serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width:640px) {
    .breadcrumbs-faq .breadcrumb-faq {
        color: #000
    }
}

.column-item-headline {
    font-family: Santral Bold,Verdana,Sans-Serif;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    margin-bottom: 32px
}

.column-item-content {
    margin-bottom: 32px
}

.contentBannerWrapper {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 14px !important;
    font-weight: 325;
    height: 260px;
    line-height: 20px;
    width: 100%
}

@media(min-width:1200px) {
    .contentBannerWrapper {
        font-size: 16px !important;
        height: 400px;
        line-height: 24px
    }
}

.contentBanner {
    display: flex;
    flex-wrap: nowrap;
    height: 260px;
    visibility: visible;
    width: 100%
}

@media(min-width:1200px) {
    .contentBanner {
        height: 420px
    }

        .contentBanner:hover img, .contentBanner:hover video {
            opacity: .3
        }

        .contentBanner:hover .video-content img {
            opacity: 0
        }

        .contentBanner .splide__slide {
            animation-timing-function: cubic-bezier(0,.16,.24,.98);
            flex-grow: 1;
            transition: width .5s;
            width: 10%
        }

            .contentBanner .splide__slide:hover {
                width: 30%
            }

                .contentBanner .splide__slide:hover .category-tile-link {
                    display: flex !important;
                    justify-content: space-between !important
                }

                .contentBanner .splide__slide:hover .category-tile-link__count {
                    display: block !important
                }

                .contentBanner .splide__slide:hover img, .contentBanner .splide__slide:hover video {
                    opacity: 1
                }
}

.contentBanner .splide__track--slide {
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 100vw
}

.contentBanner img {
    height: 196px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--focal-point-x) var(--focal-point-y);
    object-position: var(--focal-point-x) var(--focal-point-y);
    width: 100%
}

@media(min-width:1200px) {
    .contentBanner img {
        height: 360px
    }
}

.contentBanner .contentCustomVideoPlayer {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

    .contentBanner .contentCustomVideoPlayer > video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.contentblock-fourcols-onecol-container.container-fluid {
    padding: 40px 16px;
    position: relative
}

@media(min-width:720px) {
    .contentblock-fourcols-onecol-container.container-fluid {
        padding: 48px 36px
    }
}

.contentblock-fourcols-onecol-container.container-fluid:after {
    background-color: rgba(0,0,0,.122);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 100%
}

@media(min-width:720px) {
    .contentblock-fourcols-onecol-container.container-fluid:after {
        left: 24px;
        width: calc(100% - 48px)
    }
}

.experience-commerce_layouts-contentBlock4Cols1Col:last-of-type .contentblock-fourcols-onecol-container:after {
    display: none
}

.contentblock-onecolumn-container .splide__pagination {
    bottom: auto;
    display: none;
    top: 0
}

.contentblock-onecolumn-container.container-fluid {
    padding-bottom: 72px;
    padding-top: 0
}

.contentblock-onecolumn-container .aspectLandscape img, .contentblock-onecolumn-container .aspectLandscape video {
    aspect-ratio: 16/9;
    height: auto
}

.contentblock-onecolumn-container .aspectPortrait img, .contentblock-onecolumn-container .aspectPortrait video {
    aspect-ratio: 9/16
}

.contentblock-onecolumn-container .tf-subtitle {
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase;
    word-break: break-all
}

@media(min-width:1200px) {
    .contentblock-onecolumn-container .tf-subtitle {
        margin-bottom: 16px
    }
}

.contentblock-onecolumn-container .tf-titlelarge, .contentblock-onecolumn-container .tf-titlelarge * {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 325;
    line-height: 44px;
    text-align: center;
    word-break: break-all
}

@media(min-width:1200px) {
    .contentblock-onecolumn-container .tf-titlelarge, .contentblock-onecolumn-container .tf-titlelarge * {
        font-size: 72px;
        line-height: 72px
    }
}

.contentblock-onecolumn-container .tf-titlelarge :last-of-type, .contentblock-onecolumn-container .tf-titlelarge:last-of-type {
    margin-bottom: 32px
}

.contentblock-onecolumn-container .tf-titlesmall, .contentblock-onecolumn-container .tf-titlesmall * {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.4px;
    line-height: 28px;
    text-align: center;
    word-break: break-all
}

@media(min-width:1200px) {
    .contentblock-onecolumn-container .tf-titlesmall, .contentblock-onecolumn-container .tf-titlesmall * {
        font-size: 24px;
        letter-spacing: -.72px;
        line-height: 32px
    }
}

.contentblock-onecolumn-container.bg-light-champagne {
    background-color: #fbf9f7
}

.contentblock-onecolumn-container.bg-champagne {
    background-color: #f4f0ea
}

.contentblock-onecolumn-container.bg-inherit {
    background-color: inherit
}

.contentblock-onecolumn-container.image-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.contentblock-twocolumns-container.container-fluid {
    padding-bottom: 96px;
    padding-top: 96px
}

.contentblock-twocolumns-container .tf-contentblock-tile {
    margin-top: 48px
}

.contentblock-twocolumns-container .tf-description {
    color: #000;
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 24px;
    text-align: center
}

.contentblock-twocolumns-container .tf-titlelarge, .contentblock-twocolumns-container .tf-titlelarge * {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 325;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .contentblock-twocolumns-container .tf-titlelarge, .contentblock-twocolumns-container .tf-titlelarge * {
        font-size: 72px;
        line-height: 72px
    }
}

.contentblock-twocolumns-container .tf-titlesmall, .contentblock-twocolumns-container .tf-titlesmall * {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.4px;
    line-height: 28px;
    text-align: center
}

@media(min-width:1200px) {
    .contentblock-twocolumns-container .tf-titlesmall, .contentblock-twocolumns-container .tf-titlesmall * {
        font-size: 24px;
        line-height: 32px
    }
}

@media(max-width:1199.98px) {
    .contentblock-fourcolumns-container, .contentblock-threecolumns-container, .contentblock-twocolumns-container {
        overflow-x: hidden
    }
}

.contentblock-fourcolumns-container.container-fluid, .contentblock-threecolumns-container.container-fluid, .contentblock-twocolumns-container.container-fluid {
    padding-bottom: 24px;
    padding-top: 0
}

@media(min-width:1200px) {
    .contentblock-fourcolumns-container.container-fluid, .contentblock-threecolumns-container.container-fluid, .contentblock-twocolumns-container.container-fluid {
        padding-bottom: 12px
    }
}

.contentblock-fourcolumns-container .aspectLandscape img, .contentblock-fourcolumns-container .aspectLandscape video, .contentblock-threecolumns-container .aspectLandscape img, .contentblock-threecolumns-container .aspectLandscape video, .contentblock-twocolumns-container .aspectLandscape img, .contentblock-twocolumns-container .aspectLandscape video {
    height: auto
}

.contentblock-fourcolumns-container .tf-contentblock-tile, .contentblock-threecolumns-container .tf-contentblock-tile, .contentblock-twocolumns-container .tf-contentblock-tile {
    margin-top: 15px
}

    .contentblock-fourcolumns-container .tf-contentblock-tile .booxi-link, .contentblock-threecolumns-container .tf-contentblock-tile .booxi-link, .contentblock-twocolumns-container .tf-contentblock-tile .booxi-link {
        display: inline-block
    }

.contentblock-fourcolumns-container .tf-description, .contentblock-threecolumns-container .tf-description, .contentblock-twocolumns-container .tf-description {
    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 24px;
    text-align: center
}

    .contentblock-fourcolumns-container .tf-description blockquote, .contentblock-threecolumns-container .tf-description blockquote, .contentblock-twocolumns-container .tf-description blockquote {
        background: 0 0;
        border: unset;
        font-style: normal;
        margin: 0;
        padding: 0
    }

.contentblock-fourcolumns-container .tf-titlelarge, .contentblock-fourcolumns-container .tf-titlelarge *, .contentblock-threecolumns-container .tf-titlelarge, .contentblock-threecolumns-container .tf-titlelarge *, .contentblock-twocolumns-container .tf-titlelarge, .contentblock-twocolumns-container .tf-titlelarge * {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 325;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .contentblock-fourcolumns-container .tf-titlelarge, .contentblock-fourcolumns-container .tf-titlelarge *, .contentblock-threecolumns-container .tf-titlelarge, .contentblock-threecolumns-container .tf-titlelarge *, .contentblock-twocolumns-container .tf-titlelarge, .contentblock-twocolumns-container .tf-titlelarge * {
        font-size: 56px;
        line-height: 56px
    }
}

.contentblock-fourcolumns-container .tf-titlesmall, .contentblock-fourcolumns-container .tf-titlesmall *, .contentblock-threecolumns-container .tf-titlesmall, .contentblock-threecolumns-container .tf-titlesmall *, .contentblock-twocolumns-container .tf-titlesmall, .contentblock-twocolumns-container .tf-titlesmall * {
    color: #000;
   /* font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.48px;
    line-height: 28px;
    text-align: center
}

@media(min-width:1200px) {
    .contentblock-fourcolumns-container .tf-titlesmall, .contentblock-fourcolumns-container .tf-titlesmall *, .contentblock-threecolumns-container .tf-titlesmall, .contentblock-threecolumns-container .tf-titlesmall *, .contentblock-twocolumns-container .tf-titlesmall, .contentblock-twocolumns-container .tf-titlesmall * {
        font-size: 24px;
        line-height: 32px
    }
}

.contentblock-fourcolumns-container .tf-title h2, .contentblock-threecolumns-container .tf-title h2, .contentblock-twocolumns-container .tf-title h2 {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -.02em;
    line-height: 28px;
    text-align: center
}

@media(min-width:1200px) {
    .contentblock-fourcolumns-container .tf-title h2, .contentblock-threecolumns-container .tf-title h2, .contentblock-twocolumns-container .tf-title h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.contentblock-fourcolumns-container .tf-contentblock-tile h2, .contentblock-threecolumns-container .tf-contentblock-tile h2 {
    color: #000;
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.contentCarouselWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 72px 0 50px
}

    .contentCarouselWrapper.animated {
        padding-bottom: 24px
    }

    .contentCarouselWrapper .tf-image-meta {
        margin-top: 24px;
        padding-bottom: 0
    }

@media(min-width:1200px) {
    .contentCarouselWrapper .tf-image-meta {
        margin-top: 32px
    }

    .contentCarouselWrapper {
        padding: 96px 0
    }
}

.contentCarouselWrapper .splide__arrow {
    background: 0 0
}

.contentCarouselWrapper .animation-disabled .splide__arrow {
    top: var(--content-carousel-button-position,50%)
}

.contentCarouselWrapper .tf-title {
    margin: 0 0 32px;
    padding: 0 32px
}

@media(min-width:1200px) {
    .contentCarouselWrapper .tf-title {
        margin: 0 0 48px;
        padding: 0
    }
}

.contentCarouselWrapper .tf-title__text {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    grid-area: 1/1/span 1/span 2;
    letter-spacing: -.4px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%
}

@media(min-width:1200px) {
    .contentCarouselWrapper .tf-title__text {
        font-size: 24px;
        grid-area: 1/4/span 1/span 6;
        letter-spacing: -.72px;
        line-height: 32px
    }
}

.contentCarouselWrapper .tf-title__text .h4 {
    margin-bottom: 0
}

.contentCarouselWrapper .tf-title.tf-small-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center
}

@media(min-width:1200px) {
    .contentCarouselWrapper .tf-title.tf-small-title {
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 60px
    }
}

.contentCarouselWrapper .tf-cta-wrapper {
    padding-top: 0 !important
}

.contentCarouselWrapper .content-carousel-title {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr);
    padding: 0 16px;
    width: 100%
}

@media(min-width:1200px) {
    .contentCarouselWrapper .content-carousel-title {
        gap: 24px;
        grid-template-columns: repeat(12,1fr);
        padding: 0 24px
    }
}

.contentCarouselWrapper .splide__slide .tf-contentblock-tile .tf-cta-wrapper, .contentCarouselWrapper .splide__slide .tf-contentblock-tile .tf-title {
    width: 100%
}

.contentCarouselWrapper .splide__slide .tf-contentblock-tile .tf-title {
    padding-bottom: 16px
}

.contentCarouselWrapper .custom-margin-auto {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr)
}

    .contentCarouselWrapper .custom-margin-auto:not(:is(.px-0,.p-0)) {
        padding: 0 16px !important
    }

@media(min-width:1200px) {
    .contentCarouselWrapper .custom-margin-auto {
        gap: 24px;
        grid-template-columns: repeat(12,1fr);
        padding: 0 24px !important
    }
}

.contentCarouselWrapper .custom-margin-auto__container {
    grid-area: 1/1/span 1/span 2;
    height: auto;
    justify-self: center;
    width: 311px
}

    .contentCarouselWrapper .custom-margin-auto__container .tf-description {
        width: 100%
    }

@media(min-width:1200px) {
    .contentCarouselWrapper .custom-margin-auto__container {
        grid-area: 1/4/auto/span 6;
        width: 684px
    }
}

@media(min-width:1921px) {
    .contentCarouselWrapper .custom-margin-auto__container {
        width: 1244px
    }
}

.contentCarouselWrapper .custom-margin-auto .center-on-carousel {
    margin-top: 0;
    padding: 0
}

.splide.contentCarousel {
    width: 100%
}

@media(min-width:1200px) {
    .splide.contentCarousel .splide__arrow--next, .splide.contentCarousel .splide__arrow--prev {
        height: 72px;
        padding: 20px;
        width: 72px
    }
}

.splide.contentCarousel .splide__arrow--next:active, .splide.contentCarousel .splide__arrow--prev:active {
    background-color: #fff
}

    .splide.contentCarousel .splide__arrow--next:active svg, .splide.contentCarousel .splide__arrow--prev:active svg {
        fill: #51c3c0
    }

.splide.contentCarousel .splide__arrow--prev {
    left: 146px
}

@media(min-width:1920px) {
    .splide.contentCarousel .splide__arrow--prev {
        left: 154px
    }
}

.splide.contentCarousel .splide__arrow--next {
    right: 146px
}

@media(min-width:1920px) {
    .splide.contentCarousel .splide__arrow--next {
        right: 154px
    }
}

.splide.contentCarousel .splide__track {
    position: static
}

.splide.contentCarousel .splide__arrow svg {
    height: 22px;
    width: 22px
}

@media(min-width:1200px) {
    .splide.contentCarousel .splide__arrow svg {
        height: 32px;
        width: 32px
    }
}

.contentCarouselWrapper {
    background-image: var(--background-image-mob);
    background-size: cover;
    position: relative
}

@media(min-width:1200px) {
    .contentCarouselWrapper {
        background-image: var(--background-image-desk)
    }
}

.buttonCarousel, .detailsCarousel {
    overflow: hidden;
    width: 100%
}

    .buttonCarousel .splide__track, .buttonCarousel .splide__track--nav > .splide__list > .splide__slide, .detailsCarousel .splide__track, .detailsCarousel .splide__track--nav > .splide__list > .splide__slide {
        border: 0
    }

    .buttonCarousel .tf-description, .detailsCarousel .tf-description {
        margin-bottom: 0
    }

.buttonCarousel {
    height: 48px
}

    .buttonCarousel.button-animated .splide__slide {
        transition-delay: .3s !important
    }

        .buttonCarousel.button-animated .splide__slide.is-active .tf-cta-wrapper {
            animation: fadeUp .4s cubic-bezier(.45,0,.55,1) forwards;
            animation-delay: .6s;
            opacity: 0;
            transform: translateY(100%)
        }

@media(max-width:1439.98px) {
    .buttonCarousel .tf-image-meta .tf-cta-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

.detailsCarousel {
    margin-bottom: 32px;
    margin-top: 32px;
    max-height: -moz-max-content;
    max-height: max-content
}

    .detailsCarousel.details-animated .splide__slide {
        transition-delay: .3s !important
    }

        .detailsCarousel.details-animated .splide__slide.is-active .tf-title {
            animation: fadeUp .4s cubic-bezier(.45,0,.55,1) forwards;
            animation-delay: .4s;
            opacity: 0
        }

        .detailsCarousel.details-animated .splide__slide.is-active .tf-description {
            animation: fadeUp .4s cubic-bezier(.45,0,.55,1) forwards;
            animation-delay: .5s;
            opacity: 0
        }

    .detailsCarousel .tf-image-meta {
        margin-top: 0
    }

        .detailsCarousel .tf-image-meta .tf-title {
            margin-bottom: 6px
        }

.moving .splide__arrows {
    opacity: 0
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(15%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.experience-commerce_layouts-contentProductLargeSelectionCarousel {
    height: 100%
}

.contentProductLargeSelectionWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom:0px;
    padding-top: 56px
}

@media(min-width:1200px) {
    .contentProductLargeSelectionWrapper {
        padding-top: 2px
    }
}

.contentProductLargeSelectionWrapper .splide__arrow {
    background: 0 0
}

.contentProductLargeSelectionWrapper .tf-product-spotlight-carousel-item img {
    height: auto;
    max-width: 240px;
    width: 100%
}

@media(min-width:720px) {
    .contentProductLargeSelectionWrapper .tf-product-spotlight-carousel-item img {
        max-width: 330px
    }
}

.contentProductLargeSelectionWrapper .tf-title__text {
    color: #000;
  /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 20px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.02em;
    line-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    text-align: center
}

@media(min-width:1200px) {
    .contentProductLargeSelectionWrapper .tf-title__text {
        font-size: 24px;
        letter-spacing: -.72px;
        line-height: 32px;
        padding-bottom: 5px
    }
}

.contentProductLargeSelectionWrapper .tf-carousel-product-label {
    background: #f4f0ea;
    color: #000;
    display: inline-block;
  /*  font-family: Santral Book,Verdana,Sans-Serif;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 28px;
    margin-top: 0;
    padding: 0 8px
}

.contentProductLargeSelectionWrapper .tf-carousel-product-collection {
    color: #000;
    display: inline-block;
  /*  font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    letter-spacing: -.5px;
    line-height: 20px;
    margin-top: 8px;
    padding: 0 24px;
    text-align: center
}

@media(min-width:1200px) {
    .contentProductLargeSelectionWrapper .tf-carousel-product-collection {
        font-size: 16px;
        line-height: 32px
    }
}

.contentProductLargeSelectionWrapper .tf-carousel-product-name {
    direction: rtl;
    margin-top: 8px;
    padding: 0 24px
}

@media(min-width:1200px) {
    .contentProductLargeSelectionWrapper .tf-carousel-product-name {
        margin-top: 4px
    }
}

@media(max-width:1439.98px) {
    .contentProductLargeSelectionWrapper .tf-carousel-product-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.contentProductLargeSelectionWrapper .disply-product-price .tf-carousel-product-price {
    color: #000;
    display: inline-block;
    /*font-family: Santral Book,Santral Book Fallback,Verdana,Sans-Serif;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 20px;
    text-align: center
}

.contentProductLargeSelectionWrapper .progressbar-wrapper {
    left: 50%;
    margin-left: 0;
    margin-top: 72px;
    max-width: calc(100% - 96px);
    position: relative;
    transform: translate(-50%)
}

@media(min-width:720px) {
    .contentProductLargeSelectionWrapper .progressbar-wrapper {
        max-width: 360px
    }
}

.contentProductLargeSelectionWrapper .progress-bar {
    background: #000;
    height: 2px;
    margin: 45px 0;
    transition: width .4s ease;
    width: 0
}

.contentProductLargeSelectionWrapper .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 2px;
    position: absolute;
    width: 100%;
    z-index: 0
}

.contentProductLargeSelectionWrapper .splide__arrow--next {
    right: -92px
}

.contentProductLargeSelectionWrapper .splide__arrow--prev {
    left: -92px
}

.splide.contentProductLargeSelection {
    margin-bottom: 35px;
    width: 100%
}

.splide.contentProductLargeSelection--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

.experience-commerce_layouts-contentProductSpotlightCarousel {
    height: 100%
}

.contentProductSpotlightWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 10% 25%
}

@media(max-width:1440.98px) {
    .contentProductSpotlightWrapper {
        padding: 10% 25%
    }
}

@media(max-width:719.98px) {
    .contentProductSpotlightWrapper {
        padding: 72px 48px
    }
}

@media(max-width:1199.98px) {
    .contentProductSpotlightWrapper .tf-titles {
        margin-bottom: 48px
    }
}

@media(max-width:719.98px) {
    .contentProductSpotlightWrapper .tf-titles {
        margin-bottom: 24px
    }
}

.contentProductSpotlightWrapper .tf-title {
    -webkit-box-orient: vertical;
    align-self: stretch;
    display: -webkit-box
}

    .contentProductSpotlightWrapper .tf-title p {
        line-height: inherit;
        margin: 0
    }

.contentProductSpotlightWrapper .tf-title__text {
    margin-bottom: 0
}

.contentProductSpotlightWrapper .tf-subtitle {
    margin-bottom: 8px
}

@media(min-width:1200px) {
    .contentProductSpotlightWrapper .tf-subtitle {
        margin-bottom: 16px
    }
}

.contentProductSpotlightWrapper .tf-cta {
    background: #f4f0ea;
    color: #000;
    display: inline-block;
    font-family: Santral Book,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 16px;
    padding: 22px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.contentProductSpotlightWrapper .progressbar-wrapper {
    left: 50%;
    margin-left: 0 !important;
    max-width: 100% !important;
    position: relative;
    transform: translate(-50%)
}

@media(max-width:1199.98px) {
    .contentProductSpotlightWrapper .progressbar-wrapper {
        margin: 48px 0
    }
}

.contentProductSpotlightWrapper .progress-bar {
    background: #000;
    height: 1px;
    margin: 0;
    transition: width .4s ease;
    width: 0
}

.contentProductSpotlightWrapper .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.contentProductSpotlightWrapper .splide__arrow {
    background: 0 0;
    top: var(--carousel-delta,0)
}

.splide.contentProductSpotlight {
    margin: 0 auto;
    width: 100%
}

    .splide.contentProductSpotlight .tf-product-spotlight-carousel-item .tf-carousel-product-image {
        margin-bottom: 16px
    }

@media(max-width:1199.98px) {
    .splide.contentProductSpotlight .tf-product-spotlight-carousel-item .tf-carousel-product-image {
        margin-top: 24px
    }
}

.splide.contentProductSpotlight .splide__arrow--prev {
    left: -48px
}

@media(min-width:720px) {
    .splide.contentProductSpotlight .splide__arrow--prev {
        left: calc(-5vw - 48px)
    }
}

@media(min-width:1200px) {
    .splide.contentProductSpotlight .splide__arrow--prev {
        left: calc(-2.5vw - 48px)
    }
}

.splide.contentProductSpotlight .splide__arrow--next {
    right: -48px
}

@media(min-width:720px) {
    .splide.contentProductSpotlight .splide__arrow--next {
        right: calc(-5vw - 48px)
    }
}

@media(min-width:1200px) {
    .splide.contentProductSpotlight .splide__arrow--next {
        right: calc(-2.5vw - 48px)
    }
}

.experience-commerce_layouts-experienceColumns .tile-accordion-container {
    padding: 48px 0
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .tile-accordion-container {
        padding: 96px 12px
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns {
    padding: 36px 0
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns {
        padding: 84px 0
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns.tile-accordion-container {
    padding: 48px 0
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns.tile-accordion-container {
        padding: 10px 24px
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns-title {
        font-size: 24px;
        margin-bottom: 72px
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_assets-experienceTile .tf-experience-tile-img .confidence-builder-component-image {
    aspect-ratio: 1/1;
    height: auto
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection.experience-commerce_layouts-accordionSection {
    background-color: inherit
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-container {
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-container {
        margin: 0 2px;
        max-width: 448px;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:1199.98px) {
    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-container .collapse-accordion-container .collapsible-xxl.collapsible-transition {
        height: 72px
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section {
    padding-left: 0
}

    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .col-12 {
        padding-top: 0
    }

    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-item.title {
        padding: 20px 0
    }

@media(max-width:1199.98px) {
    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-item.title {
        height: unset
    }
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-item.title {
        padding: 24px 0
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-item.title span {
    font-size: 16px;
    letter-spacing: -.32px !important
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-item.title:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.47 15.53-5-5 1.06-1.06L12 13.94l4.47-4.47 1.06 1.06-5 5-.53.53-.53-.53Z' fill='%23000' opacity='.6'/%3E%3C/svg%3E");
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-content {
    letter-spacing: -.28px
}

@media(min-width:1200px) {
    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .accordion-content {
        padding-right: 40px
    }
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .accordion-section .collapsible-body > div {
    padding-bottom: 32px !important
}

.experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .collapse-accordion-container {
    margin: 0 !important
}

    .experience-commerce_layouts-experienceColumns .experience-columns .experience-commerce_layouts-accordionSection .collapse-accordion-container > .col-12 {
        padding: 0 !important
    }

.full-width-fifty-container img {
    height: auto
}

@media(max-width:1199.98px) {
    .full-width-fifty-container img {
        width: 100%
    }
}

.full-width-fifty-container.container-fluid .full-width-fifty-content {
    align-items: center;
    margin: 0;
    padding: 0
}

    .full-width-fifty-container.container-fluid .full-width-fifty-content.reset-vertical-center-alignment {
        align-items: normal
    }

.full-width-fifty-container .experience-commerce_assets-fullWidthTile .btn {
    padding: 15px 20px 13px
}

.full-width-fifty-container .tf-text {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 40px 32px 48px
}

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text {
        padding: 40px 120px 64px
    }
}

.full-width-fifty-container .tf-text-title, .full-width-fifty-container .tf-text-title * {
    font-size: 20px;
    font-weight: 325;
    letter-spacing: .72px;
    line-height: 28px;
    margin-bottom: 16px
}

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text-title, .full-width-fifty-container .tf-text-title * {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.full-width-fifty-container .tf-text-title:is(.h0,.h1,.h2,.h3,.h4,.h5) * {
    font: inherit
}

.full-width-fifty-container .tf-text-copy {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-weight: 400;
    letter-spacing: -.32px
}

    .full-width-fifty-container .tf-text-copy h1, .full-width-fifty-container .tf-text-copy h2, .full-width-fifty-container .tf-text-copy h3, .full-width-fifty-container .tf-text-copy h4 {
        font-family: Sterling SSM,Sterling Fallback,serif;
        font-weight: 325
    }

    .full-width-fifty-container .tf-text-copy h1 {
        letter-spacing: -1.6px
    }

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text-copy h1 {
        font-size: 52px;
        letter-spacing: -2.08px;
        line-height: 68px
    }
}

.full-width-fifty-container .tf-text-copy h2 {
    letter-spacing: -1.28px;
    line-height: 40px
}

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text-copy h2 {
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 60px
    }
}

.full-width-fifty-container .tf-text-copy h3 {
    font-size: 24px;
    letter-spacing: -.48px;
    line-height: 32px
}

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text-copy h3 {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 40px
    }
}

.full-width-fifty-container .tf-text-copy h4 {
    font-size: 20px;
    letter-spacing: -.4px;
    line-height: 28px
}

@media(min-width:1200px) {
    .full-width-fifty-container .tf-text-copy h4 {
        font-size: 24px;
        letter-spacing: -.72px;
        line-height: 32px
    }
}

.full-width-fifty-container .tf-text-copy p {
    line-height: 24px
}

.full-width-fifty-container .tf-text-buttons {
    margin-top: 48px
}

@media(max-width:1439.98px) {
    .full-width-fifty-container .tf-text-buttons {
        flex-direction: column
    }

        .full-width-fifty-container .tf-text-buttons .btn {
            padding: 22px 32px;
            width: 100%
        }
}

.full-width-fifty-container .tf-text-buttons .tf-cta-wrapper {
    margin: 0 16px
}

@media(max-width:1439.98px) {
    .full-width-fifty-container .tf-text-buttons .tf-cta-wrapper {
        margin-bottom: 16px
    }
}

.full-width-fifty-container .tf-text-buttons .tf-cta-wrapper .lnk {
    font-family: Santral Semibold,Verdana,Sans-Serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .88px;
    line-height: 16px
}

.full-width-fifty-container.dropdown-set-color-white {
    background-color: #fff
}

.full-width-fifty-container.dropdown-set-color-light-champagne {
    background-color: #fbf9f7
}

.full-width-fifty-container .experience-commerce_assets-productSpotlightNoPackshot, .full-width-fifty-container .region-left, .full-width-fifty-container .region-right {
    height: 100%
}

.full-width-fifty-container .experience-commerce_assets-productSpotlightNoPackshot {
    padding: 40px 0
}

.full-width-fifty-container.nopadding .tf-text {
    padding: 72px 32px
}

@media(min-width:720px) {
    .full-width-fifty-container.nopadding .tf-text {
        padding: 72px 0
    }
}

@media(min-width:1200px) {
    .full-width-fifty-container.nopadding .tf-text {
        padding: 0
    }
}

.tiffany-storepage:not([id=homepage]) .contentblock-fourcols-onecol-container {
    padding: 24px
}

.tiffany-storepage:not([id=homepage]) .custom-class .tf-text-buttons .tf-cta-wrapper {
    margin-left: 0;
    margin-right: 16px
}

@media(max-width:1439.98px) {
    .tiffany-storepage:not([id=homepage]) .custom-class .tf-text-buttons .tf-cta-wrapper {
        margin-right: 0
    }
}

.tiffany-storepage:not([id=homepage]) .custom-class .tf-text-title {
    font-size: 24px;
    line-height: 32px
}

@media(min-width:720px) {
    .tiffany-storepage:not([id=homepage]) .custom-class .tf-text-title {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 40px
    }
}

.tiffany-storepage:not([id=homepage]) .custom-class .tf-text-title.large {
    letter-spacing: -1.92px;
    line-height: 60px
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .custom-class .tf-text-title.large {
        line-height: 40px
    }

    .tiffany-storepage:not([id=homepage]) .custom-class .tf-text-title.small {
        margin-bottom: 16px
    }
}

.tiffany-storepage:not([id=homepage]) .custom-class .tf-text-subtitle {
    margin-bottom: 24px
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .tf-text {
        padding-bottom: 72px;
        padding-top: 72px
    }

    .tiffany-storepage:not([id=homepage]) .contentblock-fourcols-onecol .tf-text {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .tiffany-storepage:not([id=homepage]) .image-top {
        order: 2
    }
}

.tiffany-storepage:not([id=homepage]) .tf-text-buttons {
    gap: 8px
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .tf-text-buttons {
        gap: 0
    }
}

.tiffany-storepage:not([id=homepage]) .tf-text-buttons .btn-primary, .tiffany-storepage:not([id=homepage]) .tf-text-buttons .btn-secondary {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-weight: 600
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .region-left .tf-text {
        padding-bottom: 72px
    }
}

.tiffany-storepage:not([id=homepage]) .region-left .tf-text-copy b {
    font-weight: 600
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .contentblock-fourcols-onecol-container {
        padding-bottom: 24px
    }

    .image-top {
        order: 1
    }

    .text-bottom {
        order: 2
    }

    .image-bottom {
        order: 3
    }
}

@media(max-width:1199.98px) {
    .full-width-fifty-content:has(.region-right.experience-commerce_layouts-spotlightImageVideoCarouselFiftyFifty) {
        flex-direction: column-reverse
    }
}

@media(min-width:1200px) {
    .full-width-fifty-container.sticky-enabled .full-width-fifty-content {
        align-items: start
    }

    .full-width-fifty-container.sticky-enabled .sticky-col {
        position: sticky;
        top: 0
    }

        .full-width-fifty-container.sticky-enabled .sticky-col .experience-component, .full-width-fifty-container.sticky-enabled .sticky-col .text-bottom, .full-width-fifty-container.sticky-enabled .sticky-col .tf-productspotlight-image {
            height: 100vh
        }

    .full-width-fifty-container.sticky-enabled .scrolling-col {
        display: flex
    }

        .full-width-fifty-container.sticky-enabled .scrolling-col .region-right {
            display: flex;
            width: 100%
        }

        .full-width-fifty-container.sticky-enabled .scrolling-col .experience-component {
            width: 100%
        }
}

.tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-8 {
    flex: unset !important;
    max-width: unset !important
}

@media(min-width:720px) {
    .tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-8 {
        padding: unset !important
    }
}

@media(min-width:1200px) {
    .tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-8 {
        padding: 0 32px !important
    }
}

.tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-8 .tf-text-subtitle, .tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-8 .tf-text-title {
    margin-bottom: 16px !important
}

@media(max-width:1439.98px) {
    .tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-3 {
        padding: 0 !important
    }
}

@media(max-width:1199.98px) {
    .tiffany-storepage:not([id=homepage]) .experience-commerce_layouts-contentBlock4Cols1Col .contentblock-fourcols-onecol-container .col-md-3 .tf-text {
        padding: 48px 32px
    }

    .tiffany-storepage[id=request-repair-landing] .full-width-fifty-container .tf-text-buttons .tf-cta-wrapper {
        margin-bottom: 0
    }

    .tiffany-storepage[id=request-repair-landing] .full-width-fifty-container .tf-text-title {
        margin-bottom: 24px
    }

    .tiffany-storepage[id=request-repair-landing] .tf-text-buttons .tf-cta-wrapper .btn {
        min-height: 60px;
        padding: 21px 32px;
        width: auto
    }
}

.expand-vertical-col {
    align-self: stretch
}

.full-width-immersive-container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

    .full-width-immersive-container.transparentBg {
        background: 0 0
    }

    .full-width-immersive-container img {
        height: auto
    }

    .full-width-immersive-container .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

.full-width-bullets .full-width-bullets-container {
    padding: 88px 16px
}

@media(min-width:720px) {
    .full-width-bullets .full-width-bullets-container {
        padding: 84px 14px
    }
}

.full-width-bullets .full-width-bullets-container .full-width-content {
    display: flex;
    justify-content: center
}

    .full-width-bullets .full-width-bullets-container .full-width-content .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    .full-width-bullets .full-width-bullets-container .full-width-content .experience-infoPoints {
        display: flex;
        flex-direction: column
    }

@media(min-width:720px) {
    .full-width-bullets .full-width-bullets-container .full-width-content .experience-infoPoints {
        align-items: center;
        flex-direction: row;
        gap: 96px;
        justify-content: space-between
    }
}

.full-width-bullets .full-width-bullets-container .full-width-content .experience-infoPoints .experience-component {
    background-color: inherit;
    flex: 1 1 33%
}

    .full-width-bullets .full-width-bullets-container .full-width-content .experience-infoPoints .experience-component:not(:first-child) {
        padding-top: 48px
    }

@media(min-width:720px) {
    .full-width-bullets .full-width-bullets-container .full-width-content .experience-infoPoints .experience-component:not(:first-child) {
        padding-top: unset
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.none-mobile-block-padding {
        padding: 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.none-desktop-block-padding {
        padding: 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.x-small-mobile-block-padding {
        padding: 8px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.x-small-desktop-block-padding {
        padding: 12px 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.small-mobile-block-padding {
        padding: 12px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.small-desktop-block-padding {
        padding: 16px 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.medium-mobile-block-padding {
        padding: 16px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.medium-desktop-block-padding {
        padding: 24px 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.large-mobile-block-padding {
        padding: 24px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.large-desktop-block-padding {
        padding: 36px 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.x-large-mobile-block-padding {
        padding: 36px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.x-large-desktop-block-padding {
        padding: 48px 0
    }
}

@media(max-width:1439.98px) {
    .container-fluid.padding-block-component.xx-large-mobile-block-padding {
        padding: 48px 0
    }
}

@media(min-width:1200px) {
    .container-fluid.padding-block-component.xx-large-desktop-block-padding {
        padding: 72px 0
    }
}

.tf-quote {
    padding: 72px 32px
}

@media(min-width:1200px) {
    .tf-quote {
        padding: 96px
    }
}

.tf-quote-copy {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 20px;
    line-height: 36px;
    margin: auto auto 40px;
    max-width: 100%
}

@media(min-width:1200px) {
    .tf-quote-copy {
        max-width: 696px
    }
}

.tf-quote-author {
    font-size: 11px;
    letter-spacing: .08em;
    line-height: 16px;
    padding-top: 4px;
    text-transform: uppercase
}

.dark-mode .tf-quote {
    background-color: #090b2c !important
}

.dark-mode .tf-quote-author, .dark-mode .tf-quote-copy {
    color: #fff !important
}

@media(min-width:1200px) {
    .tab-item:hover:not(.active):after {
        opacity: 1
    }
}

.tab-item:after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .7s ease-in-out;
    width: 100%
}

.tab-item.disable-underline:after {
    opacity: 0 !important
}

.tab-item {
    display: inline-block;
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 16px;
    font-weight: 325;
    letter-spacing: -.32px;
    line-height: 24px;
    margin: 0 16px;
    position: relative
}

    .tab-item:hover {
        text-decoration: none
    }

    .tab-item.active:after {
        opacity: 1
    }

    .tab-item:before {
        background-color: rgba(0,0,0,.122);
        bottom: 0;
        content: "";
        display: inline-block;
        height: 1px;
        left: -16px;
        position: absolute;
        width: calc(100% + 32px)
    }

@media(min-width:1200px) {
    .tab-item:before {
        display: none
    }
}

.tab-item > * {
    font: inherit;
    margin: 0
}

.tab-item:is(.h0,.h1,.h2,.h3,.h4,.h5) * {
    font: inherit
}

.experience-commerce_assets-tabItem {
    display: inline-block;
    min-width: -moz-fit-content;
    min-width: fit-content
}

    .experience-commerce_assets-tabItem:first-of-type .tab-item:before {
        left: 0;
        width: calc(100% + 16px)
    }

    .experience-commerce_assets-tabItem:last-of-type .tab-item:before {
        left: -16px;
        width: calc(100% + 16px)
    }

    .experience-commerce_assets-tabItem:first-of-type:last-of-type .tab-item:before {
        left: 0;
        width: 100%
    }

    .experience-commerce_assets-tabItem .tab-item:first-of-type {
        margin-left: 0;
        margin-right: 32px;
        padding: 24px 0
    }

    .experience-commerce_assets-tabItem:last-of-type .tab-item {
        margin-right: 0
    }

.tab-navigation {
    padding: 72px 0 !important
}

@media(min-width:1200px) {
    .tab-navigation {
        padding: 96px 0 68px !important
    }
}

.tab-navigation-title {
    font-family: Sterling SSM,Sterling Fallback,serif;
    font-size: 24px;
    line-height: 32px
}

@media(min-width:1200px) {
    .tab-navigation-title {
        font-size: 32px;
        font-weight: 325;
        line-height: 40px
    }
}

.tab-navigation-title > * {
    font: inherit;
    margin: 0
}

.tab-navigation-title:is(.h0,.h1,.h2,.h3,.h4,.h5) * {
    font: inherit
}

.tab-navigation-subtitle {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 11px;
    font-style: normal;
    letter-spacing: .08em;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .tab-navigation-subtitle {
        margin: 0 8px 16px
    }
}

.tab-navigation-copy {
    font-family: Santral,Santral Fallback,Verdana,Sans-Serif;
    font-size: 16px;
    line-height: 24px;
    margin: 24px auto 0;
    padding: 0 16px
}

@media(min-width:1200px) {
    .tab-navigation-copy {
        font-weight: 400;
        margin: 32px auto;
        padding: 0;
        width: 684px
    }
}

.tab-navigation-copy.text-left {
    margin: 20px auto 20px 0
}

.tab-navigation-copy.text-right {
    margin: 20px 0 20px auto
}

.tab-navigation-container {
    margin: 48px 0 0;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    text-align: center;
    white-space: nowrap
}

@media(min-width:1200px) {
    .tab-navigation-container {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tab-navigation-container::-webkit-scrollbar {
    background: 0 0;
    display: none;
    height: 0;
    width: 0
}

.tab-navigation-container a {
    color: #000
}

.tab-navigation-container:after {
    background-color: rgba(0,0,0,.12);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media(max-width:1439.98px) {
    .tab-navigation-container:after {
        opacity: 0
    }

    #size-guide .container {
        padding: 0 16px
    }

    #size-guide .experience-commerce_assets-tabItem .tab-item:first-of-type {
        margin-left: 0
    }
}

#size-guide .experience-commerce_layouts-tabNavigation .container {
    padding-bottom: 0
}

#size-guide .experience-commerce_layouts-tabNavigation .tab-navigation {
    padding-bottom: 72px !important
}

@media(min-width:720px) {
    #size-guide .experience-commerce_layouts-tabNavigation .tab-navigation {
        padding-bottom: 96px !important
    }
}

.tco-carousel-gallery-component .tco-carousel-wrapper {
    padding-bottom: 40px;
    padding-top: 16px
}

@media(min-width:720px) {
    .tco-carousel-gallery-component .tco-carousel-wrapper {
        padding-bottom: 72px;
        padding-top: 72px
    }
}

@media(min-width:1200px) {
    .tco-carousel-gallery-component .tco-carousel-wrapper {
        overflow: hidden
    }

        .tco-carousel-gallery-component .tco-carousel-wrapper .image-galery-carousel-visibility {
            overflow: visible
        }
}

.tco-carousel-gallery-component .tco-carousel-background-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tco-carousel-gallery-component .tco-carousel-background-white {
    background-color: #fff
}

.tco-carousel-gallery-component .tco-carousel-background-champagne {
    background-color: #f4f0ea
}

.tco-carousel-gallery-component .tco-carousel-background-light-champagne {
    background-color: #fbf9f7
}

.tco-carousel-gallery-component .tco-carousel-background-inherit {
    background-color: inherit
}

.tco-carousel-gallery-component .progressbar-wrapper {
    margin-top: 72px;
    position: relative
}

.tco-carousel-gallery-component .progress-bar {
    background: #000;
    height: 1px;
    margin: 46px 0;
    transition: width .4s ease;
    width: 0
}

.tco-carousel-gallery-component .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 100%
}

.splide.contentGalleryImages {
    width: 100%
}

    .splide.contentGalleryImages .splide__arrow--next {
        right: -20px;
        top: 8px
    }

@media(min-width:720px) {
    .splide.contentGalleryImages .splide__arrow--next {
        right: -92px;
        top: unset
    }
}

.splide.contentGalleryImages .splide__arrow--prev {
    left: -20px;
    top: 8px
}

@media(min-width:720px) {
    .splide.contentGalleryImages .splide__arrow--prev {
        left: -92px;
        top: unset
    }
}

.splide.contentGalleryImages--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

.splide.contentGalleryImages .splide__slide {
    align-items: center;
    display: flex;
    justify-content: center
}

.splide.contentGalleryImages .splide__arrows .splide__arrow svg {
    height: 28px;
    width: 28px
}

.splide.contentGalleryImages .progressbar-wrapper {
    margin-top: 40px
}

@media(min-width:720px) {
    .splide.contentGalleryImages .progressbar-wrapper {
        margin-top: 96px
    }
}

.splide.contentGalleryImages .progress-bar {
    margin: 24px 0
}

.splide.contentGalleryImages .progress-bar-mobile {
    box-sizing: content-box;
    margin: 0 auto;
    min-width: 30px;
    text-align: center
}

    .splide.contentGalleryImages .progress-bar-mobile .progress-bar-text {
        font-family: Sterling SSM,Sterling Fallback,serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 325;
        letter-spacing: -.02em;
        line-height: 20px
    }

.splide.contentGalleryImages .splide__arrow:hover:focus:not(:disabled), .splide.contentGalleryImages .splide__arrow:hover:not(:disabled) {
    background: #fff;
    border-radius: 80px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.06) !important;
    height: 48px;
    width: 48px
}

.dark-mode .contentProductLargeSelectionWrapper .progress-bar, .dark-mode .tco-carousel-gallery-component .progress-bar {
    background-color: #fff
}

.dark-mode .splide.contentGalleryImages .splide__arrows .splide__arrow:not(:hover) svg {
    fill: hsla(0,0%,100%,.6)
}

.dark-mode .splide .splide__arrows .splide__arrow:not(:hover) svg {
    fill: #fff
}

.dark-mode .splide .splide__arrow:hover:not(:disabled), .dark-mode .splide.contentGalleryImages .splide__arrow:hover:not(:disabled) {
    fill: #51c3c0
}

.dark-mode .contentProductLargeSelectionWrapper .progress-bar-shadow, .dark-mode .progress-bar-shadow {
    background: hsla(0,0%,100%,.24)
}

.dark-mode .progress-bar-text {
    color: #fff
}

.tco-carousel-carousel-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 142px;
    position: relative
}

@media(min-width:720px) {
    .tco-carousel-carousel-item {
        max-width: 360px
    }
}

.tf-text {
    margin: 0 auto
}

@media(min-width:1200px) {
    .tf-text {
        padding: 96px 0
    }

    .tf-text-half {
        max-width: 684px
    }
}

.tf-text.nopadding {
    padding: 0
}

@media(min-width:1200px) {
    .tf-text.nopadding {
        padding: 0
    }
}

.tf-text.separated {
    padding: 12px 0;
    position: relative
}

@media(min-width:1200px) {
    .tf-text.separated {
        padding: 28px 0
    }
}

.tf-text.separated:after, .tf-text.separated:before {
    background-color: rgba(0,0,0,.122);
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 100%
}

@media(min-width:720px) {
    .tf-text.separated:after, .tf-text.separated:before {
        left: 24px;
        width: calc(100% - 48px)
    }
}

.tf-text.separated:before {
    top: 0
}

.tf-text.separated:after {
    bottom: 0
}

.tf-text-subtitle {
    font-size: 11px;
    letter-spacing: .08em;
    line-height: 16px;
    margin-bottom: 8px;
    text-transform: uppercase;
    word-break: keep-all
}

@media(min-width:1200px) {
    .tf-text-subtitle {
        margin-bottom: 16px
    }
}

.tf-text-title, .tf-text-title * {
/*    font-family: Sterling SSM,Sterling Fallback,serif;*/
    font-size: 32px;
    font-weight: 325;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 24px;
    word-break: keep-all
}

@media(min-width:1200px) {
    .tf-text-title, .tf-text-title * {
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 56px;
        margin-bottom: 32px
    }
}

.tf-text-title .nomargin, .tf-text-title.nomargin {
    margin: 0
}

.tf-text-title:is(.h0,.h1,.h2,.h3,.h4,.h5) * {
    font: inherit
}

.tf-text-copy {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.32px;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    word-break: keep-all
}

@media(min-width:1200px) {
    .tf-text-copy {
        margin: 0 auto
    }
}

.tf-text-copy.h0 p, .tf-text-copy.h1 p, .tf-text-copy.h2 p, .tf-text-copy.h3 p, .tf-text-copy.h4 p, .tf-text-copy.h5 p {
    line-height: unset;
    margin: unset
}

.tf-text-copy a {
    text-decoration: underline
}

.tf-text-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 48px
}

    .tf-text-buttons .tf-cta-wrapper {
        margin: 0 16px;
        max-height: -moz-fit-content;
        max-height: fit-content
    }

        .tf-text-buttons .tf-cta-wrapper .lnk {
            font-family: Santral Semibold,Verdana,Sans-Serif;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: .88px;
            line-height: 16px
        }

.tf-text .btn-secondary.btn-light {
    border: 1px solid rgba(0,0,0,.12);
    color: #000
}

.tf-text .btn-primary.btn-light {
    border: 1px solid rgba(0,0,0,.12)
}

.full-width-fifty-container .experience-component .dropdown-set-color-white {
    background-color: #fff
}

.full-width-fifty-container .experience-component .dropdown-set-color-light-champagne {
    background-color: #fbf9f7
}

.dropdown-set-color-white {
    background-color: #fff
}

.dropdown-set-color-light-champagne {
    background-color: #fbf9f7
}

.dropdown-set-color-inherit {
    background-color: inherit
}

.experience-commerce_layouts-textContent {
    height: 100%
}

@media(max-width:1439.98px) {
    #giftcard-pdp .experience-commerce_layouts-textContent .tf-text.nopadding {
        padding: 0 32px 16px
    }
}

@media(min-width:1200px) {
    #giftcard-pdp .experience-commerce_layouts-textContent .tf-text.nopadding {
        border-top: 1px solid rgba(0,0,0,.122) !important;
        padding-bottom: 24px;
        padding-top: 96px
    }
}

.tile-navigation {
    padding: 16px 0
}

@media(max-width:1199.98px) {
    .tile-navigation {
        padding-bottom: 32px
    }
}

@media(min-width:1200px) {
    .tile-navigation {
        margin: 0 auto;
        max-width: 1920px;
        padding: 24px
    }

        .tile-navigation.tile-nav-max-height {
            max-height: 21vw
        }

        .tile-navigation .splide__slide:last-of-type {
            margin-right: 0 !important
        }

    .tile-navigation-carousel .splide__list {
        transform: none !important
    }
}

.tile-navigation .category-tile-link__name {
    color: #000;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.tile-navigation .category-tile-link__container {
    margin-top: 16px
}

@media(min-width:1200px) {
    .tile-navigation .category-tile-link__container {
        margin-top: 20px
    }
}

.tile-navigation .contentCustomVideoPlayer {
    height: 100%;
    position: absolute;
    top: 0
}

    .tile-navigation .contentCustomVideoPlayer > video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

@media(max-width:1199.98px) {
    .tile-navigation {
        aspect-ratio: 425/260;
        overflow: hidden
    }
}

.vertical-carousel {
    height: 100%;
    padding: 48px 0
}

@media(max-width:1199.98px) {
    .vertical-carousel:has(.js-image-carousel) {
        padding-bottom: 28px !important
    }
}

@media(min-width:1200px) {
    .vertical-carousel {
        padding: 0
    }

        .vertical-carousel .splide__list {
            display: block
        }
}

@media(min-width:720px)and (max-width:1199.98px) {
    .vertical-carousel {
        padding: 96px 0
    }
}

.vertical-carousel .product-tile {
    margin: auto;
    padding: 0 16px
}

@media(min-width:720px) {
    .vertical-carousel .product-tile {
        padding: 96px 25%
    }
}

@media(min-width:1200px) {
    .vertical-carousel .product-tile {
        padding: 210px 25%
    }
}

@media(min-width:1920px) {
    .vertical-carousel .product-tile {
        padding: 416px 25%
    }
}

.vertical-carousel .product-tile img {
    aspect-ratio: unset;
    filter: brightness(.98)
}

.vertical-carousel .tile-body {
    visibility: visible
}

.vertical-carousel .position-relative {
    margin: 0 80px
}

.vertical-carousel .progressbar-wrapper {
    position: relative
}

.vertical-carousel .progress-bar {
    background: #000;
    height: 2px;
    margin: 45px 0;
    transition: width .4s ease;
    width: 0
}

.vertical-carousel .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 2px;
    position: absolute;
    width: 100%
}

.vertical-carousel .splide__arrows {
    position: absolute;
    top: 32%;
    width: 100%
}

.vertical-carousel .splide__arrow--next {
    margin-left: 16px;
    right: 2px
}

.vertical-carousel .splide__arrow--prev {
    left: 2px;
    margin-right: 16px
}

.vertical-carousel .quickview-mobile {
    display: none
}

.vertical-carousel .product-variation-attributes {
    visibility: visible
}

.vertical-carousel .tf-verticalcarousel-img {
    display: flex;
    justify-content: center;
    visibility: visible
}

@media(min-width:720px) {
    .vertical-carousel .tf-verticalcarousel-img.img-container-large {
        padding-right: 0
    }
}

@media(min-width:1200px) {
    .vertical-carousel .tf-verticalcarousel-img {
        padding: 210px 25%
    }
}

@media(min-width:1920px) {
    .vertical-carousel .tf-verticalcarousel-img {
        padding: 416px 25%
    }
}

.vertical-carousel .tf-verticalcarousel-img .tf-verticalcarousel-img-cont {
    aspect-ratio: 5/7;
    overflow: hidden;
    position: relative
}

.vertical-carousel .tf-verticalcarousel-img.img-container-large {
    justify-content: end
}

.vertical-carousel .tf-verticalcarousel-img img {
    aspect-ratio: unset;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.vertical-carousel .vertical-scroll-carousel .pdp-link {
    margin-bottom: 16px;
    margin-left: 32px;
    margin-right: 32px
}

    .vertical-carousel .vertical-scroll-carousel .pdp-link .pdp-link-collection {
        margin-bottom: 8px
    }

@media(min-width:1200px) {
    .vertical-carousel .vertical-scroll-carousel .pdp-link .pdp-link-collection {
        margin-top: 32px
    }
}

.image-carousel .splide__slide {
    margin-right: 16px
}

@media(min-width:1200px) {
    .image-carousel .splide__slide {
        margin-right: 0
    }

    .img-container-small {
        padding: 200px 25% !important
    }

    .category-link-vertical-carousel a {
        margin-top: 16px
    }

    .region-right .vertical-carousel .img-container-large {
        padding: 72px 0 72px 25% !important
    }

    .region-right .vertical-carousel .category-link-vertical-carousel {
        left: 25%;
        position: absolute;
        text-align: left;
        width: 100%
    }

    .region-left .img-container-large {
        padding: 72px 25% 72px 0 !important
    }

    .region-left .category-link-vertical-carousel {
        position: absolute;
        right: 25%;
        text-align: right;
        width: 100%
    }
}

.category-link-vertical-carousel a {
    font-family: Santral Semibold,Verdana,Sans-Serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .88px;
    line-height: 16px
}

.category-link-vertical-carousel {
    text-transform: uppercase
}

@media(max-width:1439.98px) {
    .category-link-vertical-carousel {
        padding: 32px 0 48px;
        text-align: center
    }
}

@media(max-width:1199.98px) {
    .category-link-vertical-carousel {
        margin-bottom: -24px;
        padding-top: 48px
    }
}

@media(min-width:1200px) {
    .category-link-vertical-carousel {
        padding: unset;
        text-align: unset
    }
}

.dark-mode .category-link-vertical-carousel a {
    color: inherit
}

@media(max-width:1199.98px) {
    .vertical-carousel .product-tile {
        margin-bottom: 48px;
        padding: 0 32px
    }

    .vertical-carousel .splide__arrows {
        top: 100%
    }

        .vertical-carousel .splide__arrows .splide__arrow--prev {
            left: 16px
        }

        .vertical-carousel .splide__arrows .splide__arrow--next {
            right: 16px
        }

    .vertical-carousel .vertical-scroll-carousel .progress-bar, .vertical-carousel .vertical-scroll-carousel .progress-bar-shadow {
        height: 1px
    }

    .vertical-carousel .vertical-scroll-carousel .progress-bar {
        margin: 24px 0
    }
}

.experience-commerce_layouts-smallSelectionProductCarousel {
    height: 100%
}

.smallSelectionProductWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-block: 72px
}

    .smallSelectionProductWrapper .tf-title {
        margin-bottom: 24px;
        padding-inline: 32px
    }

@media(min-width:1200px) {
    .smallSelectionProductWrapper .tf-title {
        margin-bottom: 48px;
        padding-inline: 24px
    }
}

.smallSelectionProductWrapper .tf-title * {
    color: #000;
    font-family: Sterling SSM,Sterling Fallback,serif !important;
    font-size: 20px;
    font-style: normal !important;
    font-weight: 325 !important;
    letter-spacing: -.4px;
    line-height: 28px;
    margin: 0
}

@media(min-width:1200px) {
    .smallSelectionProductWrapper .tf-title * {
        font-size: 24px !important;
        letter-spacing: -.72px !important;
        line-height: 32px !important
    }
}

.smallSelectionProductWrapper .product-badge, .smallSelectionProductWrapper .product-tile .price, .smallSelectionProductWrapper .quickview-mobile {
    display: none
}

.smallSelectionProductWrapper .progressbar-wrapper {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 48px;
    max-width: 100% !important;
    position: relative;
    transform: translate(-50%)
}

@media(min-width:1200px) {
    .smallSelectionProductWrapper .progressbar-wrapper {
        max-width: 360px !important
    }
}

.smallSelectionProductWrapper .progress-bar {
    background: #000;
    height: 1px;
    margin: 0;
    transition: width .4s ease;
    width: 0
}

.smallSelectionProductWrapper .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.smallSelectionProductWrapper .splide__arrow {
    background: 0 0;
    top: var(--carousel-delta,0)
}

.smallSelectionProductWrapper .splide__arrow--next {
    right: -32px
}

@media(min-width:1200px) {
    .smallSelectionProductWrapper .splide__arrow--next {
        right: -124px
    }
}

.smallSelectionProductWrapper .splide__arrow--prev {
    left: -32px
}

@media(min-width:1200px) {
    .smallSelectionProductWrapper .splide__arrow--prev {
        left: -124px
    }
}

.smallSelectionProductWrapper .tf-cta-wrapper {
    padding-top: 48px;
    padding-inline: 32px
}

@media(min-width:720px) {
    .smallSelectionProductWrapper .tf-cta-wrapper {
        padding-top: 72px;
        padding-inline: 24px
    }
}

.smallSelectionProductWrapper .product-tile {
    padding-bottom: 0
}

.smallSelectionProductWrapper .smallSelectionProduct.smallSelectionProduct--slide:not(.is-active) > .splide__track > .splide__list {
    justify-content: flex-start
}

    .smallSelectionProductWrapper .smallSelectionProduct.smallSelectionProduct--slide:not(.is-active) > .splide__track > .splide__list > .splide__slide {
        max-width: 33.3%;
        padding: 0 12px
    }

.splide.smallSelectionProduct {
    margin: 0 auto;
    width: calc(100% - 64px)
}

@media(min-width:720px) {
    .splide.smallSelectionProduct {
        width: 75%
    }
}

.splide.smallSelectionProduct--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

.spotlightImageVideoCarouselFiftyFiftyWrapper {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

    .spotlightImageVideoCarouselFiftyFiftyWrapper.large-space {
        padding: 8px 0 0
    }

@media(min-width:1200px) {
    .spotlightImageVideoCarouselFiftyFiftyWrapper.large-space {
        padding: 12.5%
    }
}

.nopadding .spotlightImageVideoCarouselFiftyFiftyWrapper.large-space, .nopadding .spotlightImageVideoCarouselFiftyFiftyWrapper.no-space {
    padding: 0
}

.splide.spotlightImageVideoCarouselFiftyFifty {
    width: 100%
}

.splide.spotlightImageVideoCarouselFiftyFifty--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

.experience-commerce_layouts-spotlightTextCarouselFiftyFifty {
    height: 100%
}

.spotlightTextCarouselFiftyFiftyWrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-block: 48px 40px
}

@media(min-width:1200px) {
    .spotlightTextCarouselFiftyFiftyWrapper {
        padding-block: 0
    }

        .spotlightTextCarouselFiftyFiftyWrapper.large-space {
            padding: 120px 0
        }

            .spotlightTextCarouselFiftyFiftyWrapper.large-space .progressbar-wrapper {
                bottom: 120px
            }
}

.spotlightTextCarouselFiftyFiftyWrapper .spotlight-carousel-inner {
    align-self: center
}

.spotlightTextCarouselFiftyFiftyWrapper .progressbar-wrapper {
    left: 50%;
    margin-top: 32px;
    max-width: 100% !important;
    position: relative;
    transform: translate(-50%,-32px)
}

@media(min-width:1200px) {
    .spotlightTextCarouselFiftyFiftyWrapper .progressbar-wrapper {
        bottom: 40px;
        margin-top: 0;
        position: absolute
    }
}

.spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center;
    padding-block: 0;
    width: 100%
}

    .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__arrow {
        height: 32px;
        padding: 0;
        position: static;
        transform: none;
        width: 32px
    }

    .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__counter {
        display: inline-block;
        font-family: Sterling SSM,Sterling Fallback,serif;
        font-size: 14px;
        font-style: normal;
        font-variant-numeric: tabular-nums;
        font-weight: 325;
        letter-spacing: -.28px;
        line-height: 28px;
        padding-left: 12px;
        position: relative;
        text-align: center
    }

        .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__counter .js-splide-current-page, .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__counter .js-splide-new-page {
            opacity: 1;
            position: absolute;
            right: 10px;
            text-align: center;
            top: 0;
            transition: opacity .75s ease-in-out;
            width: 100%
        }

        .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__counter .fade-out {
            animation: fadeOut .75s ease-in-out forwards
        }

        .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows--custom .splide__counter .fade-in {
            animation: fadeIn .75s ease-in-out forwards
        }

.spotlightTextCarouselFiftyFiftyWrapper .tf-subtitle {
    margin-bottom: 20px;
    padding-inline: 16.67%;
    padding-bottom: 0
}

@media(max-width:1199.98px) {
    .spotlightTextCarouselFiftyFiftyWrapper .tf-subtitle {
        padding-inline: 32px
    }
}

.spotlightTextCarouselFiftyFiftyWrapper .spotlightTextCarouselFiftyFifty {
    padding-bottom: 20px
}

    .spotlightTextCarouselFiftyFiftyWrapper .spotlightTextCarouselFiftyFifty.splide {
        margin: 0 auto;
        padding-inline: 32px;
        width: 100%
    }

@media(min-width:720px) {
    .spotlightTextCarouselFiftyFiftyWrapper .spotlightTextCarouselFiftyFifty.splide {
        padding-inline: 16.67%
    }
}

.spotlightTextCarouselFiftyFiftyWrapper .spotlightTextCarouselFiftyFifty.splide--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

.spotlightTextCarouselFiftyFiftyWrapper .spotlightTextCarouselFiftyFifty.splide .splide__slide {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.spotlightTextCarouselFiftyFiftyWrapper .splide__arrows {
    padding-inline: 32px
}

@media(min-width:1200px) {
    .spotlightTextCarouselFiftyFiftyWrapper .splide__arrows {
        padding-inline: 16.67%
    }
}

.experience-commerce_layouts-productCardComponent, .experience-commerce_layouts-productCardComponent .experience-commerce_assets-productSpotlightImage, .experience-commerce_layouts-productCardComponent .experience-commerce_assets-productSpotlightImage .tf-image-component, .experience-commerce_layouts-productCardComponent .experience-commerce_assets-productSpotlightImage .tf-productspotlight-image {
    height: 100%
}

@media(max-width:1439.98px) {
    .experience-commerce_layouts-productCardComponent .no-carousel .splide__track, .experience-commerce_layouts-productCardComponent .splide:not(.is-initialized) .splide__track {
        padding-inline: 16px
    }
}

.experience-commerce_layouts-productCardComponent .no-carousel .splide__list, .experience-commerce_layouts-productCardComponent .splide:not(.is-initialized) .splide__list {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.experience-commerce_layouts-productCardComponent .no-carousel .slide-tile, .experience-commerce_layouts-productCardComponent .splide:not(.is-initialized) .slide-tile {
    margin-bottom: 16px;
    width: 100%
}

@media(min-width:1200px) {
    .experience-commerce_layouts-productCardComponent .no-carousel .slide-tile, .experience-commerce_layouts-productCardComponent .splide:not(.is-initialized) .slide-tile {
        margin-bottom: 0;
        width: calc(50% - 12px)
    }
}

.experience-commerce_layouts-productCardComponent .no-carousel .splide__list {
    flex-wrap: wrap
}

.productCardComponentWrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 0 0 32px
}

@media(min-width:1200px) {
    .productCardComponentWrapper {
        display: grid;
        gap: 0;
        grid-template-areas: "content carousel carousel";
        grid-template-columns: 1fr 2fr;
        padding: 24px
    }
}

.productCardComponentWrapper .product {
    background: #fff;
    height: 100%
}

    .productCardComponentWrapper .product .product-tile .pdp-link-name {
        padding-top: 0
    }

@media(min-width:1200px) {
    .productCardComponentWrapper .product .product-tile .pdp-link-name {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media(min-width:1440px) {
    .productCardComponentWrapper .product .product-tile .pdp-link-name {
        margin-left: 32px;
        margin-right: 32px
    }
}

.productCardComponentWrapper .product .product-tile .product-badge {
    left: 24px;
    padding-block: 6px;
    padding-inline: 10px;
    top: 24px
}

@media(max-width:1439.98px) {
    .productCardComponentWrapper .product .product-tile .product-badge {
        left: 8px;
        top: 8px
    }
}

@media(max-width:1199.98px) {
    .productCardComponentWrapper .product .product-tile .product-badge {
        left: 0;
        top: 0
    }
}

.productCardComponentWrapper .tf-article {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    grid-area: content;
    justify-content: space-between;
    padding: 48px 32px !important
}

@media(min-width:1200px) {
    .productCardComponentWrapper .tf-article {
        margin-right: 24px;
        padding: 64px 96px 16px 0 !important
    }
}

.productCardComponentWrapper .tf-subtitle {
    margin-bottom: 16px
}

    .productCardComponentWrapper .tf-body-copy p, .productCardComponentWrapper .tf-subtitle p {
        line-height: inherit
    }

@media(min-width:1200px) {
    .productCardComponentWrapper .tf-body-copy {
        margin-bottom: 32px
    }
}

.productCardComponentWrapper .tf-body-copy * {
    margin-bottom: 0
}

.productCardComponentWrapper .tf-carousel {
    grid-area: carousel
}

    .productCardComponentWrapper .tf-carousel.d-flex {
        flex-direction: column;
        gap: 16px
    }

@media(min-width:1200px) {
    .productCardComponentWrapper .tf-carousel.d-flex {
        flex-direction: row;
        gap: 24px
    }
}

.productCardComponentWrapper .tf-carousel.d-flex .product, .productCardComponentWrapper .tf-carousel.d-flex .region.half-width {
    width: 100%
}

@media(min-width:1200px) {
    .productCardComponentWrapper .tf-carousel.d-flex .product, .productCardComponentWrapper .tf-carousel.d-flex .region.half-width {
        width: calc(50% - 12px)
    }
}

.productCardComponentWrapper .progressbar-wrapper {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 40px;
    max-width: calc(100% - 128px) !important;
    position: relative;
    transform: translate(-50%)
}

.productCardComponentWrapper .progress-bar {
    background: #000;
    height: 1px;
    margin: 24px 0;
    transition: width .4s ease;
    width: 0
}

.productCardComponentWrapper .progress-bar-shadow {
    background: rgba(0,0,0,.12);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.productCardComponentWrapper .splide__arrows--custom {
    align-items: center;
    display: flex;
    gap: 12px;
    width: 100%
}

    .productCardComponentWrapper .splide__arrows--custom .splide__arrow {
        position: static;
        transform: none
    }

    .productCardComponentWrapper .splide__arrows--custom .splide__counter {
        display: inline-block;
        font-family: Sterling SSM,Sterling Fallback,serif;
        font-size: 14px;
        font-style: normal;
        font-variant-numeric: tabular-nums;
        font-weight: 325;
        letter-spacing: -.28px;
        line-height: 28px;
        padding-left: 13px;
        position: relative;
        text-align: center
    }

        .productCardComponentWrapper .splide__arrows--custom .splide__counter .js-splide-current-page, .productCardComponentWrapper .splide__arrows--custom .splide__counter .js-splide-new-page {
            opacity: 1;
            position: absolute;
            right: 18px;
            text-align: center;
            top: 0;
            transition: opacity .75s ease-in-out;
            width: 100%
        }

        .productCardComponentWrapper .splide__arrows--custom .splide__counter .fade-out {
            animation: fadeOut .75s ease-in-out forwards
        }

        .productCardComponentWrapper .splide__arrows--custom .splide__counter .fade-in {
            animation: fadeIn .75s ease-in-out forwards
        }

.productCardComponentWrapper .splide__arrows--mobile .splide__arrow--prev {
    left: -64px
}

.productCardComponentWrapper .splide__arrows--mobile .splide__arrow--next {
    right: -64px
}

.productCardComponentWrapper .quickview-mobile {
    display: none
}

.productCardComponentWrapper .experience-commerce_assets-contentBlockTile, .productCardComponentWrapper .tf-contentblock-tile {
    height: 100%
}

    .productCardComponentWrapper .tf-contentblock-tile .tf-image-component {
        height: auto
    }

@media(min-width:1200px) {
    .productCardComponentWrapper .tf-contentblock-tile .tf-image-component {
        height: 100%
    }
}

.productCardComponentWrapper .price {
    margin-bottom: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

@media(max-width:1439.98px) {
    .productCardComponentWrapper .price {
        opacity: 1
    }
}

.productCardComponentWrapper .product:hover .price {
    opacity: 1
}

.productCardComponentWrapper .product-badge {
    margin: 0
}

@media(max-width:1439.98px) {
    .productCardComponentWrapper .product-badge {
        left: 0;
        top: 0
    }
}

.productCardComponentWrapper .pdp-link-collection {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:1200px) {
    .productCardComponentWrapper .pdp-link-collection {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media(min-width:1440px) {
    .productCardComponentWrapper .pdp-link-collection {
        margin-left: 32px;
        margin-right: 32px
    }
}

.productCardComponentWrapper .pdp-link {
    direction: ltr;
    margin-left: 24px;
    margin-right: 24px
}

@media(max-width:1199.98px) {
    .productCardComponentWrapper .pdp-link {
        margin-bottom: 16px
    }
}

@media(max-width:1439.98px) {
    .productCardComponentWrapper .product-tile {
        padding: 16px 16px 32px
    }
}

.splide.productCardComponent {
    width: 100%
}

.splide.productCardComponent--slide:not(.is-overflow) .splide__list {
    justify-content: center
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tiffany-storepage .full-width-immersive-container.nopadding .fixedBackground {
    height: calc(100svh - 52px);
    margin-top: -56px
}

@media(min-width:1200px) {
    .tiffany-storepage .full-width-immersive-container.nopadding .fixedBackground {
        height: calc(100svh - 221px);
        margin-top: 0
    }
}

.contentCustomVideoPlayer {
    height: 100%
}

    .contentCustomVideoPlayer .videoControls {
        bottom: 16px;
        display: flex;
        justify-content: space-between;
        left: 0;
        padding: 0 16px;
        position: absolute;
        width: 100%;
        z-index: 2
    }

@media(min-width:720px) {
    .contentCustomVideoPlayer .videoControls {
        bottom: 24px;
        padding: 0 24px
    }
}

.tf-contentblock-tile .tf-image-component {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.tf-contentblock-tile .tf-cta-wrapper {
    padding-top: 16px
}

@media(min-width:1200px) {
    .tf-contentblock-tile .tf-cta-wrapper {
        padding-top: 20px
    }
}

.tf-contentblock-tile .tf-image-meta {
    margin-top: 22px;
    padding-bottom: 5px
}

@media(min-width:1200px) {
    .tf-contentblock-tile .tf-image-meta {
        margin-top: 20px;
    }
}

.tf-contentblock-tile .booxi-invisible {
    position: relative
}

    .tf-contentblock-tile .booxi-invisible .booxi-link {
        background: 0 0;
        border: 0;
        height: 100%;
        padding: 0;
        position: absolute;
        width: 100%
    }

        .tf-contentblock-tile .booxi-invisible .booxi-link:not(:disabled):not(.disabled):active, .tf-contentblock-tile .booxi-invisible .booxi-link:not(:disabled):not(.disabled):focus {
            background-color: transparent;
            color: unset
        }

    .tf-contentblock-tile .booxi-invisible .booxi-btn {
        height: 100%;
        position: absolute;
        top: 0
    }

        .tf-contentblock-tile .booxi-invisible .booxi-btn:focus-within {
            outline: 1px dotted #000
        }

        .tf-contentblock-tile .booxi-invisible .booxi-btn .bx_bn_button {
            font-size: 0
        }

            .tf-contentblock-tile .booxi-invisible .booxi-btn .bx_bn_button:focus-visible {
                outline: 0 !important
            }

.contentblock-fourcolumns-container .aspectLandscape img, .contentblock-fourcolumns-container .aspectLandscape video, .contentblock-threecolumns-container .aspectLandscape img, .contentblock-threecolumns-container .aspectLandscape video, .contentblock-twocolumns-container .aspectLandscape img, .contentblock-twocolumns-container .aspectLandscape video {
    aspect-ratio: 7/5
}

.contentblock-fourcolumns-container .aspectPortrait img, .contentblock-fourcolumns-container .aspectPortrait video, .contentblock-threecolumns-container .aspectPortrait img, .contentblock-threecolumns-container .aspectPortrait video, .contentblock-twocolumns-container .aspectPortrait img, .contentblock-twocolumns-container .aspectPortrait video {
    aspect-ratio: 5/7;
    height: auto;
    max-height: none
}

@media(min-width:1200px) {
    .tf-productspotlight-image .tf-image-component {
        aspect-ratio: 4/5;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.contentCarouselWrapper .tf-contentblock-tile img, .contentCarouselWrapper .tf-contentblock-tile video {
    aspect-ratio: 5/7;
    height: auto
}

@media(min-width:720px) {
    .contentCarouselWrapper .tf-contentblock-tile img, .contentCarouselWrapper .tf-contentblock-tile video {
        aspect-ratio: 16/9
    }
}

@media(min-width:1200px) {
    .full-width-fifty-container img {
        aspect-ratio: 4/5
    }
}

.contentblock-onecolumn-container .aspectLandscape img, .contentblock-onecolumn-container .aspectLandscape video {
    aspect-ratio: 7/5
}

.contentblock-onecolumn-container .aspectPortrait img, .contentblock-onecolumn-container .aspectPortrait video {
    aspect-ratio: 5/7;
    height: auto;
    max-height: none
}

.videoControls {
    max-height: 28px
}

.contentBanner {
    visibility: hidden
}

    .contentBanner .splide__list, .contentBanner .splide__track {
        width: 100%
    }

    .contentBanner .splide__list {
        display: flex
    }

    .contentBanner .splide__slide {
        width: 10%
    }

@media(max-width:1199.98px) {
    .grid-header-plp .result-count, .grid-header-plp .result-title-container {
        display: none !important
    }
}

.tf-text {
    padding: 72px 0
}

@media(min-width:1200px) {
    .tf-text {
        padding: 96px 0
    }
}

@media(max-width:719.98px) {
    .tf-text {
        padding: 72px 32px
    }
}

[data-pd-target]:hover {
    cursor: pointer
}

[data-pd-target] .progressbar-wrapper:hover {
    cursor: auto
}

.tf-description p {
    line-height: inherit
}

.splide-slide-fade {
    display: flex;
    gap: 0 24px
}

    .splide-slide-fade .product {
        max-width: 33.3%
    }

.smallSelectionProduct--fade {
    opacity: 0
}

    .smallSelectionProduct--fade.is-active {
        opacity: 1
    }