#carousel * {
    font-size: 0
}

#carousel {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.slide-indicators {
    display: flex;
    justify-content: center;
    z-index: 1
}

.slide-container::-webkit-scrollbar {
    display: none
}

.slide-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.slide {
    scroll-snap-align: center;
    position: relative;
    min-width: 100%
}

.slide img {
    width: 100%;
    height: auto
}

.dot {
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 4px;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    display: inline-block;
    margin-top: -30px
}

.dot.active {
    background: #000;
    border: 1px solid #c4c4c4
}

.arrow {
    display: flex;
    align-items: center;
    background-color: #00000010;
    position: absolute;
    top: calc(50% - 28px);
    width: 56px;
    height: 56px;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.arrow:hover {
    background-color: #00000024
}

.arrow path {
    fill: white
}

.back {
    left: 0
}

.forward {
    right: 0
}

.arrow svg {
    display: block;
    margin: 10px auto;
    height: 30px
}

@media (max-width:991px) and (min-width:750px) {
    .dot {
        margin-top: -40px
    }
}

@media (max-width:479px) {
    .dot {
        margin-top: -23px
    }
}

@media(max-width:767px) {
    .arrow {
        width: 35px
    }
}

.cmsContainer.sixWideProduct.saleButton .productCarouselLink a {
    margin-top: 5px;
    background-color: #f096bc !important;
    color: #000 !important;
}

@media(min-width:992px) {
    .cmsContainer.sixWideProduct .productCarouselBlock {
        width: 16.666%;
    }
}

@media(max-width:767px) {
    .cmsContainer.saleButtons .blockComponent.componentButton .componentBlockText a {
        background-color: #000 !important;
        color: #fff !important;
        font-size: 12px;
        padding: 15px 5px;
    }
}

.cmsContainer.sixWideProduct .productCarouselLink a {
    margin-top: 5px;
    background-color: #000 !important;
    color: #FFF !important;
}

.cmsContainer.saleButtons .blockComponent.componentButton .componentBlockText a {
    background-color: #000 !important;
    color: #fff !important;
}

.sixWideProduct .container {
    max-width: 1660px;
}

.cmsContainer.sixWideProduct .productCarouselLink a {
    margin-top: 5px;
    background-color: #000 !important;
    color: #fff !important;
}

.cmsPage .titlesLeftAligned .productCarouselBlock .componentBlockText {
    padding-left: 0 !important;
    color: black;
}

.cmsPage .watchBestSellers.titlesLeftAligned .productCarouselBlock .componentBlockText {
    padding-left: 0 !important;
    color: black;
}

.productDetails span.productPrice.salePrice,
.componentBlockPrice.salePrice,
.productDetails span.productPrice-YouSaveAmount {
    color: #000;
}

.cmsContainer.sixWideProduct.redButton .productCarouselLink a {
    margin-top: 5px;
    background-color: #D2242B !important;
    color: #fff !important;
}

.productDetails span.productPrice.salePrice,
.componentBlockPrice.salePrice,
.productDetails span.productPrice-YouSaveAmount {
    color: #b70000;
}

.cmsPage .cmsContainer.gwpComboBanner .bannerContent h2 {
    max-width: 600px;
}

.cmsPage .cmsContainer.gwpComboBanner .bannerContent p {
    max-width: 480px;
}

.cmsBannerComponent.cmsContainer.gwpComboBanner .bannerContent {
    max-width: 1600px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.cmsBannerComponent.cmsContainer.gwpComboBanner .bannerContent .bannerContentInner {
    width: 50% !important;
    max-width: 50%;
}

@media(max-width:991px) {
    .cmsBannerComponent.cmsContainer.gwpComboBanner .bannerContent .bannerContentInner {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        transform: none !important;
        padding-bottom: 32px;
    }
}

@media(max-width:767px) {
    .cmsBannerComponent.cmsContainer.gwpComboBanner .bannerContent .bannerContentInner {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        transform: none !important;
        padding-bottom: 32px;
    }
}

.ifcBannerHP h3 {
    /* font-family: futura-pt, Arial, sans-serif; */
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.4em;
    margin-bottom: 0;
    margin-top: 0;
    color: inherit;
    text-align: inherit;
    line-height: 1.2em;
    text-transform: uppercase !important;
    max-width: 500px;
}

iframe[src*="//clock.rolex.com/smart-clock/en/"] {
    max-width: 1620px;
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}

.hpJewelleryBannerNoRibbon {
    display: none;
}

.hp-brand-section {
    padding: 0px;
}

.wos-brand-bar {
    font-size: 0;
    position: relative;
    text-align: center;
    transition: opacity 0.9s ease-out;
    opacity: 1;
    padding: 0 20px;
}

.wos-brand-bar .container {
    max-width: 1620px !important;
    padding: 0 !important;
    display: flex;
    position: relative;
    justify-content: center;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    scrollbar-width: thin;
    scrollbar-color: #f9f9f9 #f1f1f1;
}

.wos-brand {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    padding: 10px 0 20px;
    border: 1px solid transparent;
    min-width: 180px;
    width: 180px;
}

.wos-brand img {
    /* Safari 6.0 - 9.0 */
    width: 80%;
}

.wos-brand:hover img {
    -webkit-filter: none;
    /* Safari 6.0 - 9.0 */
    filter: none;
}

.wos-brand-bar .container::-webkit-scrollbar {
    height: 6px;
}

@media(max-width: 767px) {
    .wos-brand {
        width: 105px;
        min-width: 105px;
    }

    .wos-brand img {
        /* Safari 6.0 - 9.0 */
        width: 90%;
    }
}

@media(max-width:767px) {
    .page-homepage .wos-brand-bar .container {
        display: block;
        overflow: hidden;
    }

    .page-homepage .wos-brand-bar .container .wos-brand {
        width: 33.333%;
        padding: 10px;
        margin: 8px 0;
    }

    .page-homepage .wos-brand-bar .container .wos-brand:nth-child(13),
    .page-homepage .wos-brand-bar .container .wos-brand:nth-child(15),
    .page-homepage .wos-brand-bar .container .wos-brand:nth-child(16),
    .page-homepage .wos-brand-bar .container .wos-brand:nth-child(17) {
        display: none;
    }
}


.uspBar {
    max-width: none !important;
}

.uspBar svg {
    height: 25px;
    fill: #000;
}

#backtotop {
    display: inline-block;
    background-color: #ececec;
    text-align: center;
    color: #0d0f2e;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 1px;
    z-index: 1;
    cursor: pointer;
    font-size: 12px;
    width: 100%;
    font-weight: 600;
}

div#backtotop:hover {
    opacity: 0.8;
}

.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-prev,
.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-next {
background-color: #fff !important;
height: 50px;
width: 50px;
opacity: 1;
border-radius: 0;
margin: 0;
}
.cmsBannerCarouselComponent .owl-carousel .owl-nav button object {
width: 15px;
margin-top: 13px;
}
.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-next {
right: 0;
}
@media (max-width: 767px) {
.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-prev,
.cmsBannerCarouselComponent .owl-carousel .owl-nav button.owl-next {
width: 35px;
}
}
.cmsPage .cmsContainer.dotsBelow .cmsBannerCarouselComponent .owl-dots {
margin-top: 5px;
position: inherit;
}
.cmsPage .cmsContainer.containCarousel {
max-width: 1500px !important;
margin: 0 auto
}
.cmsPage .cmsContainer.containCarousel-padding {
max-width: 1540px !important;
margin: 0 auto;
padding: 0 20px !important
}
.cmsPage .cmsContainer.containCarouselXL {
max-width: 1600px !important;
margin: 0 auto
}
.cmsPage .cmsContainer.containCarouselXL-padding {
max-width: 1680px !important;
margin: 0 auto;
padding: 0 40px !important
}
.cmsPage .cmsContainer.containCarouselNarrow {
max-width: 1200px !important;
margin: 0 auto
}
.cmsPage .cmsContainer.containCarouselNarrow-padding {
max-width: 1200px !important;
margin: 0 auto;
padding: 0 20px !important
}
.cmsPage .cmsContainer.containCarouselExtraNarrow {
max-width: 800px !important;
margin: 0 auto
}
.cmsPage .cmsContainer.containCarouselExtraNarrow-padding {
max-width: 800px !important;
margin: 0 auto;
padding: 0 20px !important
}
@media(max-width: 1500px) {
.cmsPage .cmsContainer.containCarousel-padding,
.cmsPage .cmsContainer.containCarouselExtraNarrow-padding,
.cmsPage .cmsContainer.containCarouselNarrow-padding,
.cmsPage .cmsContainer.containCarouselXL-padding {
padding: 0 40px !important
}
}
@media(max-width: 991px) {
.cmsPage .cmsContainer.containCarousel-padding,
.cmsPage .cmsContainer.containCarouselExtraNarrow-padding,
.cmsPage .cmsContainer.containCarouselNarrow-padding,
.cmsPage .cmsContainer.containCarouselXL-padding {
padding: 0 35px !important
}
}
@media(max-width: 767px) {
.cmsPage .cmsContainer.containCarousel-padding,
.cmsPage .cmsContainer.containCarouselExtraNarrow-padding,
.cmsPage .cmsContainer.containCarouselNarrow-padding,
.cmsPage .cmsContainer.containCarouselXL-padding {
padding: 0 15px !important
}
}
         @import url(../use.typekit.net/nvs6nfp.css);
         .page-search .productListPaypalCreditBlock {
         display: none;
         }
         .afd-typeahead-container {
         display: block !important;
         }
         .afd-popup-trigger {
         display: none !important;
         }
         #vee24LiveHelpTabHTML a {
         display: block !important;
         }
         .upperHeaderContainer.container.hidden-sm.hidden-xs>.row>.upperHeader>a.pull-left:first-child {
         display: none;
         }
         .cmsPage a.cta-comp-link {
         margin-left: 15px !important;
         }
         @media (max-width: 991px) {
         .mobile-navigation-button i.fa-bars:after {
         font-weight: 400 !important;
         }
         }
         #mobile-navigation li.mobileNavNode a.mobileBufferLink {
         pointer-events: none !important;
         padding: 30px 0;
         color: transparent;
         }
         div#videoPopup {
         z-index: 35;
         }
         #navigation-icon {
         max-width: 20px;
         margin-right: 10px;
         }
         @media (max-width: 991px) and (min-width: 701px) {
         .middleHeader .mobileHeaderIcon.headerSearchForm {
         padding-top: 19px;
         }
         }
         @media (min-width:991px) {
         .mainNav li.desktopMainNavNode.bar-after-nav-node:after {
         content: '|';
         padding-right: 5px;
         color: #ccc;
         font-weight: 300;
         }
         li.desktopMainNavNode.sale-nav-node>a {
         color: #b70000;
         }
         li.desktopMainNavNode.sale-nav-node.nav-hover>a {
         color: #b70000 !important;
         }
         }
         @media (max-width: 991px) {
         body[class^="page-productDetails"] .breadcrumb-container {
         display: none;
         }
         }
         .page-productGrid .categoryFooter .container {
         max-width: 1600px;
         width: 100%;
         padding-bottom: 40px;
         }
         .page-productGrid .categoryFooter .container .col-lg-10.col-md-9.col-sm-12 {
         float: right;
         }
         .page-productGrid .categoryFooter .container h2 {
         /* font-family: futura-pt; */
         font-size: 1.1em;
         margin-bottom: 15px;
         margin-top: 30px;
         text-transform: uppercase;
         letter-spacing: 1px;
         line-height: 22px;
         font-weight: 500;
         }
         .youMayAlsoLike {
         display: none;
         }
         .wishlistTitle {
         font-family: 'futura-pt';
         }
         .spCheckoutPaymentOptionsBlock .spGiftOrInsuranceCardBlock:after {
         display: block;
         font-size: 14px;
         line-height: 22px;
         letter-spacing: 0.03em;
         padding-left: 30px;
         background: url(https://content.thewosgroup.com/hallmark/info-icon.png);
         background-size: 20px 20px;
         background-repeat: no-repeat;
         background-position: 3px 2px;
         content: 'Settlement e-Cards can no longer be used on this website. To purchase using your e-Card, please visit the Hallmark Claims Service website (https://www.wosgroup-hallmark.com). We are sorry for any incovenience caused.';
         }
         .spCheckoutPaymentOptionsBlock h3:last-of-type {
         font-size: 0;
         }
         .spCheckoutPaymentOptionsBlock h3:last-of-type:after {
         font-size: 16px;
         content: 'Gift Card';
         }
         body.asmSession .spCheckoutPaymentOptionsBlock h3:last-of-type:after {
         font-size: 16px;
         content: 'Gift Card / WOSG Credit';
         }
         @media(max-width:767px) {
         .spCheckoutPaymentOptionsBlock .spCheckoutPaymentOptionsBlock h3:last-of-type:after {
         font-size: 15px;
         }
         }
         #wesCheckoutPaymentInsuranceCardAction {
         display: none;
         }
         .navigationBar .mainNav>ul>li>a {
         transition: 0.25s ease-out !important;
         -webkit-transition: 0.25s ease-out !important;
         -ms-transition: 0.25s ease-out !important;
         -moz-transition: 0.25s ease-out !important;
         transition-delay: 0s !important;
         }
         .navigationBar .mainNav>ul>li>a:hover {
         border-color: #000;
         }
         .navigationBar .mainNav>ul>li.nav-hover>a {
         border-color: #000;
         }
         body.isWesSession .checkoutHeaderDesktopLinks .col-md-4.pull-right.hidden-xs.hidden-sm img {
         display: none;
         }
         body.asmSession .checkoutHeaderDesktopLinks .col-md-4.pull-right.hidden-xs.hidden-sm img {
         display: none;
         }
         body.asmSession #siteLogo {
         width: 300px;
         margin-left: 281px;
         margin-top: 62px;
         }
         body.asmSession #checkoutheader {
         border-bottom: none !important;
         }
         #spCheckoutErrorBlock {
         height: 92px;
         border: 3px solid #FF0000;
         padding: 13px 18px;
         display: table;
         }
         #spCheckoutErrorBlock {
         height: 92px;
         border: 3px solid #FF0000;
         padding: 13px 18px;
         display: table;
         }
         body.sli_custom_noresults .categoryFooter,
         body.sli_custom_search .categoryFooter {
         display: none;
         }
         #accountReturnOrderAction {
         display: none;
         }
         body.isWesSession #checkoutheader .logo:before {
         content: "WES";
         position: absolute;
         bottom: -19px;
         color: #000000;
         display: block;
         width: 24%;
         text-align: center;
         font-weight: 600;
         font-size: 18px;
         }
         .cmsBannerCarouselComponent div.item a[href="/rolex/new-watches-2022"] .bannerContentInner h2 {
         /* font-family: futura-pt; */
         font-weight: 500 !important;
         letter-spacing: 2px;
         }
         .cmsBannerCarouselComponent div.item a[href="/rolex/new-watches-2022"] .bannerContentInner h2 {
         /* font-family: futura-pt; */
         font-weight: 500 !important;
         letter-spacing: 2px;
         }
         .cmsPage .cmsBannerCarouselComponent div.item a[href="/rolex/new-watches-2022"] .bannerContentInner .bannerLinkButton {
         background-color: #127749;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 13px;
         padding: 15px 30px;
         border-radius: 50px;
         color: #fff;
         text-decoration: none;
         font-weight: 500;
         margin-bottom: 5px;
         }
         @media (max-width: 767px) {
         .cmsBannerCarouselComponent div.item a[href="/rolex/new-watches-2022"] .bannerContentInner h2 {
         color: #000;
         }
         }
         body.page-productDetails .productInfoComponent ul {
         list-style: disc;
         padding-left: 18px;
         }
         body.page-productDetails .productInfoComponent h3 {
         margin: 30px auto 15px;
         }
         .page-productDetails .productPageCollapsibleSectionBody p {
         max-width: 1200px;
         }
         @media(max-width:991px) {
         div.plp.appliedFilters>div.plp.appliedFilter {
         display: none
         }
         }
         @media(max-width:767px) {
         div.productSort {
         padding: 0 8px !important;
         }
         }
         body.isWesSession {
         visibility: hidden;
         }
         body.isWesSession.wes-loaded {
         visibility: visible;
         }
         @media (min-width:992px) {
         .svg.headerIcon {
         height: 13px;
         width: 12px;
         }
         .search-button .svg.search {
         height: 18px;
         width: 18px;
         }
         .svg.bag {
         height: 37px;
         width: 37px;
         padding-top: 13px;
         }
         }
         @media (max-width: 992px) {
         span.cartTotal {
         left: 8px;
         }
         }
         /* ATTRAQT FIXES (08/08/2023) */
         .headerTextSearchSuggestionsContainerTitle {
         font-size: 12px;
         margin-bottom: 16px;
         color: #909090
         }
         .headerTextSearchSuggestion {
         padding: 0 0 16px;
         }
         @media (max-width: 700px) and (max-height: 992px) {
         .svg.search {
         top: 4px;
         }
         }
         @media(max-width:991px) {
         .headerTextSearchSuggestionRow {
         margin-bottom: 4px;
         line-height: 40px;
         font-size: 16px;
         }
         .headerTextSearchSuggestionsContainer {
         border: 0;
         }
         .headerTextSearchProductSuggestions {
         padding-top: 8px !important;
         }
         .headerTextSearchProductSuggestions,
         .headerTextSearchSuggestions {
         padding: 15px 16px 0;
         }
         .headerTextSearchProductName,
         .headerTextSearchProductName em,
         .headerTextSearchProductPrice {
         font-weight: normal;
         text-decoration: none;
         font-style: normal;
         font-size: 14px;
         line-height: 18px;
         margin-bottom: 5px;
         }
         .headerTextSearchProductBrand,
         .headerTextSearchProductBrand em {
         font-size: 12px;
         line-height: 18px;
         color: #909090;
         letter-spacing: 1px;
         margin-bottom: 4px;
         font-weight: 500;
         }
         .headerTextSearchProductName {
         font-size: 15px;
         line-height: 20px;
         }
         .headerTextSearchProductPrice {
         margin-bottom: 0;
         font-size: 14px;
         font-weight: 500
         }
         .headerTextSearch.headerTextSearchMobileOpen .headerTextSearchSuggestions .headerTextSearchViewAll {
         display: none;
         }
         .headerTextSearchSuggestionsContentContainer .headerTextSearchProduct {
         width: 100%;
         margin-bottom: 16px;
         }
         .headerTextSearchProductImg {
         width: 88px;
         float: left;
         margin: 0 8px 0 0;
         display: block;
         filter: brightness(98%) !important;
         background-color: rgba(0, 0, 0, .02) !important;
         }
         .middleHeader .headerTextSearch.mobileHeaderIcon.headerSearchForm.headerTextSearchMobileOpen {
         padding-top: 56px;
         }
         .middleHeader .search-form input,
         .middleHeader .search-form input::placeholder {
         font-size: 16px !important;
         margin-top: 0;
         height: 56px;
         width: calc(100% - 32px) !important;
         }
         .headerTextSearchMobileOpen .headerTextSearchMobileClose {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 56px;
         }
         .middleHeader .headerTextSearch .search-button {
         top: 56px !important;
         width: 55px;
         height: 55px;
         right: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-left: 1px solid #E2E2E2
         }
         .search-button .svg.search {
         height: 20px;
         padding-top: 0;
         position: initial;
         right: 0px;
         bottom: 0px;
         }
         .middleHeader .hasTerm.headerTextSearchMobileOpen .search-clear {
         top: 56px;
         height: 55px;
         width: 55px;
         right: 80px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .middleHeader .hasTerm.headerTextSearchMobileOpen .search-clear .svg.xmark {
         height: 20px;
         padding-top: 0;
         }
         .headerTextSearchMobileOpen .headerTextSearchMobileClose .svg.xmark {
         height: 20px;
         padding-top: 0px;
         }
         }
         .mobile-navigation-body li.has-sub-menu.mobileNavNode.sale-nav-node>a {
         color: #b70000;
         }
         a.headerTextSearchProduct[href*="Rolex"] .headerTextSearchProductPrice {
         display: none;
         }
         .baskervilleNav>a {
         font-family: 'baskerville-urw' !important;
         letter-spacing: 2px !important;
         text-transform: uppercase !important;
         font-size: 12px !important;
         font-weight: 600 !important;
         }
         @media(max-width:991px) {
         .desktopFooterSectionHeader {
         cursor: pointer;
         }
         .footerColumn.footer-menu-open .desktopFooterSectionHeader:after {
         background-image: url(/main/responsive/common/fa-svgs/chevron-up-light.svg);
         content: '';
         background-position: center;
         background-repeat: no-repeat;
         position: relative;
         float: right;
         margin-top: 1px;
         padding: 0;
         height: 12px;
         width: 12px
         }
         .footerColumn .desktopFooterSectionHeader:after {
         background-image: url(/main/responsive/common/fa-svgs/chevron-down-light.svg);
         content: '';
         background-position: center;
         background-repeat: no-repeat;
         position: relative;
         float: right;
         margin-top: 1px;
         padding: 0;
         height: 12px;
         width: 12px
         }
         }
         /*** MOBILE NAVIGATION REDESIGN (SITE-SPECIFIC): START ***/
         @media (max-width: 991px) {
         .mobile-navigation-body li.back-menu,
         .mobile-navigation-body li.home-menu,
         #mobile-navigation .mobile-navigation-body .subMenuSectionHeader>a,
         .topMobileCourtesyLink:before {
         font-weight: 600;
         text-transform: uppercase;
         text-decoration: none;
         font-size: 14px;
         line-height: 14px;
         }
         .mobile-navigation-body li a {
         letter-spacing: 0;
         font-size: 16px;
         }
         #mobile-navigation .mobile-navigation-header a {
         display: block !important;
         pointer-events: none;
         }
         #mobile-navigation .mobile-navigation-header a div {
         display: none !important;
         }
         .mobile-navigation-header a:after {
         content: '';
         display: block;
         border: 0;
         height: 12px;
         position: absolute;
         margin-top: 23px;
         width: 100%;
         background-image: url(/static/web/images/logo.png);
         background-position: left;
         background-repeat: no-repeat;
         background-size: contain;
         margin-left: 16px;
         }
         }
         /*** MOBILE NAVIGATION REDESIGN (SITE-SPECIFIC): END ***/
         /*** MOBILE NAVIGATION REDESIGN (GLOBAL): START ***/
         @media (max-width: 991px) {
         .mobile-navigation-close,
         .mobile-navigation-header {
         height: 56px;
         }
         #mobile-navigation a:hover {
         text-decoration: none !important;
         }
         #mobile-navigation {
         transform: translateX(-100%);
         width: calc(100%);
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         background-color: #fff;
         z-index: 99999;
         transition: all 0.2s ease-out;
         display: block;
         overflow: hidden;
         max-width: 450px;
         }
         body.mobile-nav-visible #mobile-navigation {
         transform: translateX(0%);
         }
         body.mobile-nav-visible .mobile-navigation-close,
         .mobile-navigation-header,
         #mobile-navigation .mobile-navigation-header a {
         background-color: #fff !important;
         color: #000 !important;
         }
         .mobile-navigation-header {
         border-bottom: 1px solid #f1f1f1;
         }
         .mobile-navigation-close {
         display: flex !important;
         width: 56px !important;
         height: 55px !important;
         background-color: rgba(255, 255, 255, 0);
         top: 0;
         right: 0;
         position: fixed;
         margin-right: 0px;
         border-bottom: 0;
         border-left: 0;
         opacity: 0;
         transition: opacity 1s ease;
         text-align: center;
         align-items: center;
         justify-content: center;
         }
         .svg.closeNav {
         padding-top: 0px;
         height: 22px;
         top: 0px;
         right: 0px;
         float: none;
         position: relative;
         }
         .mobile-navigation-body li {
         background-color: #FFF
         }
         #mobile-navigation .mobile-navigation-body {
         background-color: #f7f7f7;
         max-width: none;
         }
         .mobile-navigation-body li.mobileCourtesyNav {
         background-color: #F7F7F7;
         }
         #mobile-navigation .mobile-navigation-body .subMenuSectionHeader>a {
         padding: 16px;
         align-items: end;
         height: 80px;
         }
         .mobile-navigation-body li.home-menu,
         .mobile-navigation-body li .subMenuSectionHeader>a,
         .topMobileCourtesyLink:before {
         background-color: #fff;
         height: 72px !important;
         display: flex;
         align-items: flex-end;
         text-transform: uppercase;
         letter-spacing: 1px;
         }
         #mobile-navigation .mobile-navigation-close .svg.closeNav {
         filter: invert(0%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);
         }
         #mobile-navigation .mobile-navigation-header a {
         display: none;
         }
         .mobile-navigation-body li.has-sub-menu>a:after {
         height: 15px;
         width: 10px;
         background-image: url(/main/responsive/common/fa-svgs/chevron-right-light.svg);
         background-position: center;
         background-repeat: no-repeat;
         content: '';
         }
         body.mobile-nav-visible .mobile-nav-page-overlay {
         background-color: rgba(0, 0, 0, 0.5);
         }
         .mobile-navigation-body li.has-sub-menu>a {
         justify-content: space-between;
         }
         .mobile-navigation-body li a {
         display: flex;
         height: 56px;
         flex-direction: row;
         align-items: center;
         padding: 16px;
         border-color: #f1f1f1;
         text-transform: capitalize;
         letter-spacing: 0;
         }
         .mobile-navigation-body.show-sub-menu {
         overflow-y: auto
         }
         .mobile-navigation-body li.home-menu {
         border-bottom: 1px solid #f1f1f1;
         }
         .sub-menu {
         background-color: #fff;
         right: -100%;
         position: fixed;
         width: 100%;
         height: calc(100%);
         top: 56px;
         overflow-y: auto;
         transition: all 0.3s ease-in-out;
         overflow-x: hidden;
         }
         li.has-sub-menu.mobileNavNode.sub-menu-active .sub-menu {
         right: 0;
         width: 100%;
         display: block;
         }
         .mobile-navigation-body li.back-menu {
         cursor: pointer;
         padding: 15px;
         border-bottom: 1px solid #f1f1f1 !important;
         background-color: #f1f1f1;
         height: 56px;
         display: flex;
         align-items: center;
         position: sticky;
         width: 100%;
         top: 0;
         }
         li.has-sub-menu.mobileNavNode.sub-menu-active>.sub-menu {
         height: calc(100% - 56px);
         top: 56px;
         }
         .mobile-navigation-body li.back-menu:before {
         content: '';
         background-image: url(/main/responsive/common/fa-svgs/arrow-left-light.svg);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         margin-right: 16px;
         width: 14px;
         height: 12px;
         margin-left: 0;
         right: 0;
         position: relative;
         }
         .sub-menu,
         .top-level-menu {
         padding-bottom: 80px;
         }
         .has-sub-menu.mobileNavNode.sub-menu-active>ul {
         display: block
         }
         .sub-menu-active>.sub-menu {
         left: 0;
         box-shadow: none;
         }
         ul.sub-menu.mobileNavNode>li:nth-child(2) {
         border-top: 1px solid #f1f1f1;
         margin-top: 40px
         }
         li.subMenuSectionHeader.mobileNavNode>.sub-menu {
         position: initial;
         }
         .topMobileCour      </style>tesyLink:before {
         content: 'Help & Information';
         padding: 16px;
         color: #000;
         background-color: #F7F7F7;
         border-bottom: 1px solid #f1f1f1;
         }
         div#mobile-navigation .sub-menu {
         display: none !important;
         }
         .mobile-nav-visible #mobile-navigation .sub-menu {
         display: block !important;
         }
         }
         /*** MOBILE NAVIGATION REDESIGN (GLOBAL): END ***/
         /** Recently Viewed changes **/
         @media(min-width: 992px) {
         .recentlyViewed .owl-item.active {
         filter: brightness(98%) !important;
         }
         }
         @media(max-width: 992px) {
         .recentlyViewed .owl-item {
         filter: brightness(98%) !important;
         }
         }
         .recentlyViewed .owl-item {
         padding-right: 8px;
         }
         .recentlyViewedCarousel .owl-nav .owl-next,
         .recentlyViewedCarousel .owl-nav .owl-next:hover {
         right: -15px;
         }
         .recentlyViewedCarousel .owl-nav .owl-prev,
         .recentlyViewedCarousel .owl-nav .owl-prev:hover {
         left: -18px;
         }
         .productShipReturnsComponent .productPageCollapsibleSection {
         border-bottom: 1px solid #ddd;
         }
         .recentlyViewed .container {
         width: 100%;
         }
         .recentlyViewedBlock .productPageAltImage {
         left: -4px;
         }
         .recentlyViewed {
         padding-top: 0px !important;
         margin-top: 0px !important;
         }
         .productShipReturnsComponent {
         margin-bottom: 20px !important;
         }
         @media(max-width: 767px) {
         .recentlyViewed .col-md-12 {
         padding-left: 8px;
         }
         .recentlyViewed .container {
         padding: 0;
         }
         .recentlyViewed .recentlyViewedHeader {
         font-size: 0.875em !important;
         }
         .recentlyViewedCarouselContainer {
         width: 100% !important;
         overflow-y: hidden;
         }
         .recentlyViewedCarousel .owl-stage {
         padding-left: 0px !important;
         }
         }
         #cookie-message {
         display: none !important;
         }

.spCheckoutFormGroup {
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}
.spCheckoutSectionTitle {
    margin-top: 20px;
    font-weight: 400;
    padding: 0 20px 0px 20px;
}
         @media (max-width: 991px) {
            .desktop-banner { display: none; }
            .mobile-banner { display: block; }
        }
        
        @media (min-width: 992px) {
            .desktop-banner { display: block; }
            .mobile-banner { display: none; }
        }
        .product-details ol, ul {
            list-style: disc !important;
        }

        .product-card {
            max-width: 500px;
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }

        .delivery-info {
            display: flex;
            align-items: center;
            color: #008000;
            font-size: 14px;
            margin-bottom: 20px;
            font-weight: 500;
        }

        .delivery-info i {
            margin-right: 5px;
        }

        .button-container {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
        }

        .add-to-bag {
            flex: 1;
            background-color: #FFA500;
            color: #000;
            border: none;
            padding: 12px;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            transition: background-color 0.3s;
            font-size: 14px;
            text-transform: uppercase;
        }

        .add-to-bag:hover {
            background-color: #FF8C00;
        }

        .wishlist-btn {
            width: 50px;
            background-color: #fff;
            border: 1px solid #ddd;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-radius: 4px;
            transition: all 0.3s;
        }

        .wishlist-btn:hover {
            border-color: #999;
        }

        .wishlist-btn i {
            font-size: 20px;
            color: #666;
        }

        .wishlist-btn.active i {
            color: #ff4545;
        }

        .expert-advice {
            background-color: #fff;
            border: 1px solid #000;
            color: #000;
            padding: 12px;
            text-align: center;
            cursor: pointer;
            width: 100%;
            font-weight: bold;
            border-radius: 4px;
            transition: background-color 0.3s;
            font-size: 14px;
            text-transform: uppercase;
        }

        .expert-advice:hover {
            background-color: #f0f0f0;
        }

        .delivery-details {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #eee;
            font-size: 14px;
            color: #555;
            display: flex;
            align-items: center;
        }

        .delivery-details i {
            margin-right: 5px;
            color: #333;
        }

        .added-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .added-popup {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            max-width: 400px;
            width: 90%;
            position: relative;
        }

        .added-header {
            display: flex;
            justify-content: space-between;
            font-weight: bold;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }

        .added-close {
            cursor: pointer;
            font-size: 20px;
        }

        .added-details {
            display: flex;
            margin: 15px 0;
            gap: 15px;
        }

        .added-image {
            width: 80px;
            height: 80px;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .added-buttons {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .added-buttons a {
            padding: 10px;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 500;
        }

        .to-bag {
            background-color: #000;
            color: #fff;
        }

        .continue-shopping {
            background-color: #fff;
            border: 1px solid #000;
            color: #000;
        }

        @media (max-width: 500px) {
            .button-container {
                flex-direction: column;
            }
            
            .wishlist-btn {
                width: 100%;
                height: 40px;
            }
            
            .added-details {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
        }

        .navigationBar {
            background-color: #fff;
            border-bottom: 1px solid #eee;
        }
        
        .mainNav ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .mainNav li {
            position: relative;
        }
        
        .mainNav li a {
            display: block;
            padding: 15px 20px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 1px;
        }
        
        .mainNav li:hover > a {
            color: #a07936;
        }
        
        /* Mega menu styles */
        .megaMenu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #fff;
            border-top: 1px solid #eee;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 1000;
            padding: 30px 0;
        }
        
        .desktopMainNavNode:hover .megaMenu {
            display: block;
        }
        
        .megaMenuContainer {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
        }
        
        .megaMenuSection {
            flex: 1;
            padding: 0 20px;
        }
        
        .megaMenuSection h3 {
            font-size: 16px;
            color: #000;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .megaMenuLinks {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .megaMenuLinks li {
            margin-bottom: 10px;
        }
        
        .megaMenuLinks a {
            color: #333;
            text-decoration: none;
            font-size: 14px;
            font-weight: normal;
            padding: 0;
            text-transform: none;
        }
        
        .megaMenuLinks a:hover {
            color: #a07936;
        }
        
        .megaMenuImage {
            flex: 0 0 30%;
            padding: 0 20px;
        }
        
        .megaMenuImage img {
            max-width: 100%;
            height: auto;
        }
        
        .megaMenuImageCaption {
            text-align: center;
            margin-top: 10px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
            color: #333;
        }

        .spCheckoutFormInput:focus~.spCheckoutFormLabel, .spCheckoutFormInput.hasContent~.spCheckoutFormLabel, .spFormError .spCheckoutFormInput~.spCheckoutFormLabel {
            top: 5px;
            font-size: 13px;
            line-height: 14px;
            font-weight: 700;
        }
        .pay-section{
            display: none;
        }
        .mt-10{
            margin-top: 10px !important;
        }

        @media (max-width: 768px) {
       .explore-img{
        height: 300px;
        object-fit: cover;
       }
       .img-sm {
        height: 310px !important;
        object-fit: cover !important;
    }
    .breadcrumb-section{
        margin-top: 20px;
    }
    }

    .navigationBar {
        position: relative;
        width: 100%;
        z-index: 1000;
        transition: all 0.3s ease-in-out;
    }
    
    .navigationBar.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
                z-index: 1000;
    }
    .promoBarComponent {
        background-color: #c18769;
        color: black !important;
        text-align: center;
        padding: 10px;
        font-weight: bold;
        font-size: 16px;
    }

    .promo-text {
        display: none; /* Initially hide all text */
        opacity: 1;
        transition: opacity 0.5s ease-in-out; /* Smooth transition */
    }

    .blink {
        animation: blink-animation 0.8s steps(2, start) 2; /* Blink only twice */
    }

    @keyframes blink-animation {
        50% {
            opacity: 0;
        }
    }

    .hide-display{
        display: none;
    }
    .cart-icon-wrapper {
        position: relative;
        display: inline-block;
      }
      
      .cart-count-badge {
        position: absolute;
        top: 25px;
        right: 3px;
    
        background-color: #FFB800;
        color: #000;
        font-size: 11px;
        font-weight: bold;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 0 2px white;
      }
    body{
        overflow-x: hidden !important;
    }
    .added-image img{
        height: 80px;
        width: 60px;
        object-fit: cover;
    }
    .added-popup {
        max-width: 500px;
        margin: auto;
        background: white;
        padding: 20px;
        border-radius: 8px;
        position: relative;
    }
    
    .added-scroll-content {
        max-height: 300px;
        overflow-y: auto;
        margin-bottom: 15px;
        padding-right: 5px; /* optional for scrollbar space */
    }
    
    .added-details {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }
    
    .added-image img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 4px;
    }
    
    .empty-cart-message {
        text-align: center;
        font-size: 16px;
        padding: 20px 0;
        color: #666;
    }
    @media (max-width: 768px) {
        .added-details {
            flex-direction: row;
        }
    }
    .mobile-nav-close-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 37px;
        background: none;
        border: none;
        color: #000;
        font-weight: bold;
        z-index: 9999;
    }
    .brandLabel {
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .brandLabel input[type="checkbox"]:checked + .brandName {
        font-weight: bold;
        color: #c18769; /* Or any color you like */
    }
    .footer {
        padding-bottom: 0px !important;
        }
        .footer .footerBottom .footer-payment img {
        filter: brightness(100%) !important;
        background-color: rgba(0, 0, 0, 0.00) !important;
        }
        .footerBottom {
        padding: 40px 0;
        margin-top: 30px !important;
        padding-bottom: 30px !important;
        }
        .footer .footer-copyright {
        display: none;
        }
        .footer .footer-payment {
        margin-top: 0px !important;
        width: 100%;
        }
        .footer .footer-payment img {
        max-height: 30px !important;
        }
        #great-place-to-work-badge {
        max-width: 107px;
        height: 100px;
        width: 100%;
        }
        .trustpilotContainer {
        text-align: center;
        }
        .trustpilot-widget {
        margin: 0 0 15px -18px;
        display: inline-block;
        }
        .familyLogos,
        .site-legal {
        background-color: #f7f7f7;
        }
        .familyLogos .container {
        width: 100%;
        padding: 0 24px 56px;
        }
        .familyLogos .container .wosgLogoContainer {
        margin-bottom: 32px;
        }
        .familyLogos .container .wosgLogoContainer,
        .familyLogos .container .fasciaLogosContainer {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 24px;
        }
        .familyLogos .container a {
        display: inline-block;
        }
        .familyLogos .container img {
        width: 100%;
        height: auto;
        max-width: 100px;
        }
        .familyLogos .container img#wos-company-footer-logo {
        max-width: 80px;
        }
        .otherLogosContainer {
        margin-left: auto;
        margin-right: 0;
        }
        .site-legal {
        margin-top: 0px;
        padding-bottom: 30px;
        }
        p.finance-text {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.2px;
        }
        img#footer-img {
        filter: brightness(100%) !important;
        background-color: rgba(0, 0, 0, 0.00) !important;
        }
        .footer .footer-social input[type="text"] {
        font-size: 14px;
        }
        .footer .footer-social input[type="submit"] {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        background-color: #0d0f2e;
        }
        .footer .footer-social p {
        font-size: 14px;
        }
        .otherLogosContainer {
        width: 100%;
        text-align: center;
        padding: 24px;
        }
        @media (max-width:767px) {
        .trustpilotContainer img {
        max-width: 300px;
        width: 80%;
        }
        }
        @media (min-width:767px) {
        .familyLogos .container {
        display: flex;
        justify-content: center;
        gap: 40px;
        padding: 0 24px 40px;
        }
        .familyLogos .container .wosgLogoContainer {
        margin-bottom: 0;
        }
        .familyLogos .container .wosgLogoContainer:after {
        content: '';
        height: 60px;
        width: 1px;
        display: block;
        background-color: #cecece;
        }
        .familyLogos .container .wosgLogoContainer,
        .familyLogos .container .fasciaLogosContainer {
        width: auto;
        display: flex;
        justify-content: center;
        gap: 40px;
        align-items: center;
        }
        .familyLogos .container img {
        max-width: 120px;
        }
        .familyLogos .container img#wos-company-footer-logo {
        max-width: 80px;
        }
        .otherLogosContainer {
        margin-left: auto;
        margin-right: 0;
        width: auto;
        padding: 0;
        }
        }
        @media (min-width:767px) and (max-width:1200px) {
        #great-place-to-work-badge {
        max-width: 85px !important;
        }
        #great-place-to-work-badge {
        height: 80px;
        }
        }
        @media (min-width:990px) {
        .trustpilotContainer {
        text-align: left;
        }
        .familyLogos .container {
        padding: 0 0 40px;
        justify-content: left;
        max-width: 1700px;
        }
        .familyLogos .container img {
        max-width: 160px;
        }
        .familyLogos .container img#wos-company-footer-logo {
        max-width: 90px;
        }
        }
        @media (max-width:991px) {
        .trustpilot-widget {
        margin: 0 0 25px 0;
        display: block;
        }
        }
        @media (max-width:767px) {
        a.wos-corp-footer-logo-border:after {
        content: none;
        }
        #great-place-to-work-badge {
        max-width: 50px !important;
        }
        }
    @media (max-width: 768px) {
    .product-thumbnails {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        padding: 10px 0 0 30px !important;
        order: 2;
    }
}

  .product-selector {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            padding: 2rem;
            margin: 2rem 0;
        }

        .selector-group {
            margin-bottom: 2rem;
        }

        .selector-label {
            font-weight: 600;
            font-size: 13px;
            color: #333;
            margin-bottom: 0.75rem;
            display: block;
        }

        .metal-options, .carat-options, .diamond-options {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }

        .option-btn {
            padding: 0.5rem 1rem;
            border: 2px solid #e0e0e0;
            background: #fff;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 14px;
            font-weight: 500;
            color: #666;
            min-width: 60px;
            text-align: center;
        }

        .option-btn:hover {
            border-color: #d4af37;
            background: #faf8f3;
        }

        .option-btn.active {
            border-color: #d4af37;
            background: #d4af37;
            color: #fff;
        }

        .metal-btn {
            position: relative;
            padding: 0.75rem 1rem;
        }

        .metal-btn.gold-14k {
            background: linear-gradient(135deg, #ffd700, #ffed4e);
        }

        .metal-btn.gold-14k.active {
            background: linear-gradient(135deg, #d4af37, #b8941f);
        }

        .metal-btn.gold-18k {
            background: linear-gradient(135deg, #ffdf00, #ffa500);
        }

        .metal-btn.gold-18k.active {
            background: linear-gradient(135deg, #cc9900, #cc7700);
        }

        .metal-btn.platinum {
            background: linear-gradient(135deg, #e5e4e2, #d3d3d3);
        }

        .metal-btn.platinum.active {
            background: linear-gradient(135deg, #9c9c9c, #808080);
        }

        .ring-size-section {
            position: relative;
        }

        .ring-size-dropdown {
            position: relative;
            display: inline-block;
            width: 100%;
            max-width: 200px;
        }

        .ring-size-selected {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            background: #fff;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
            transition: all 0.3s ease;
        }

        .ring-size-selected:hover {
            border-color: #d4af37;
        }

        .ring-size-selected.active {
            border-color: #d4af37;
            background: #faf8f3;
        }

        .ring-size-options {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            border: 2px solid #d4af37;
            border-top: none;
            border-radius: 0 0 8px 8px;
            max-height: 200px;
            overflow-y: auto;
            z-index: 1000;
            display: none;
        }

        .ring-size-options.show {
            display: block;
        }

        .ring-size-option {
            padding: 0.75rem 1rem;
            cursor: pointer;
            transition: background 0.2s ease;
            border-bottom: 1px solid #f0f0f0;
        }

        .ring-size-option:hover {
            background: #faf8f3;
        }

        .ring-size-option:last-child {
            border-bottom: none;
        }

        .ring-size-help {
            color: #d4af37;
            font-size: 14px;
            text-decoration: none;
            font-weight: 500;
            margin-left: 0.5rem;
        }

        .ring-size-help:hover {
            text-decoration: underline;
            color: #b8941f;
        }

        .section-divider {
            height: 1px;
            background: linear-gradient(to right, transparent, #e0e0e0, transparent);
            margin: 1.5rem 0;
        }

        @media (max-width: 768px) {
            .product-selector {
                padding: 1.5rem;
                margin: 1rem 0;
            }

            .metal-options, .carat-options, .diamond-options {
                gap: 0.375rem;
            }

            .option-btn {
                padding: 0.5rem 0.75rem;
                font-size: 0.8rem;
                min-width: 50px;
            }

            .metal-btn {
                padding: 0.625rem 0.75rem;
            }

            .ring-size-dropdown {
                max-width: 100%;
            }
        }

        @media (max-width: 480px) {
            .product-selector {
                padding: 1rem;
            }

            .selector-label {
                font-size: 0.9rem;
            }

            .option-btn {
                font-size: 0.75rem;
                padding: 0.4rem 0.6rem;
            }
        }