.share-item {
        width: 16px;
        height: auto;
        /* svg {
          color: #3182ce;
          filter: invert(46%) sepia(88%) saturate(1315%) hue-rotate(187deg) brightness(84%) contrast(89%);
        } */
      }

      /*JJJ*/
/*
      .favourites-d {
        display: flex;
        flex-direction: column;
        gap: .5rem;
      }
*/
      .favourites-d {
        display: flex;
        flex-direction: row;
        gap: 1rem;
      }
      
      h1#product-title {
        padding-right: 2rem;
        line-height: 1.875rem;
        font-size:1.5rem !important;

        .item-brand {
            display: block;
            font-size: 1rem;
            text-decoration: underline;
        }
        
        .item-description {
            text-transform: uppercase;
        }
      }
    
        .item-colour {
            display: block;
            font-size: .875rem;
        }

      /* HIDE TOP BANNER - ITEM DETAIL ONLY */
      #top-banner,
      #top-banner-mobile {
        display: none;
      }
      header.mega-nav--mobile {
        margin-top: 0px !important;
      }
      @media (max-width: 640px) {
        .MyWindowScreenFrame {
          margin-top: 3.5rem;
        }
      }
      /* END HIDE TOP BANNER - ITEM DETAIL ONLY */



/*
  Can't add [data-invalid] to input or --is-visible modifier to error container
  with Parseley, so gotta copy CH styles for invalid input
*/
        .form__msg-error {
            color: #CC4B37;
            background: #F9ECEA;
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
            margin-top: 0.5rem;
        }

        .form__msg-error::before {
            border-bottom-color: #F9ECEA
        }

        .form-control-wrapper.invalid~.form-errors .form__msg-error {
            position: relative;
            clip: auto;
        }

        .form-control-wrapper.invalid .form-control {
            border-color: #CC4B37;
        }

        .form-control-wrapper.invalid .form-control:focus {
            --color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
            box-shadow: 0 0 0 3px var(--color-shadow);
        }

        main form .form-errors {
            transition: 200ms height ease;
            font-size: 0.75rem;
        }

        main form .submit {
            padding: 0.5rem 1rem;
            box-shadow:
                0 1px 3px 0 rgba(0, 0, 0, .1),
                0 1px 2px 0 rgba(0, 0, 0, .06);
        }

        main form .submit:hover {
            background-color: #3182ce
        }

        @media (max-width: 639px) {
            main form .submit {
                display: block;
                width: 100%;
                padding: 0.75rem 1.25rem;
            }
        }

        /* Char Limit Styles Start */
        input[data-char-min].shake,
        input[data-char-max].shake,
        textarea[data-char-min].shake,
        textarea[data-char-max].shake {
            animation: shake 0.75s cubic-bezier(.17, .67, .88, .15) both;
            transform: translate3d(0, 0, 0);
            border-color: #FA5542;
            box-shadow: 0 0 5px rgba(255, 0, 0, 0.6);
        }

        input[data-char-min]~.char-limit-minmax,
        input[data-char-max]~.char-limit-minmax,
        textarea[data-char-min]~.char-limit-minmax,
        textarea[data-char-max]~.char-limit-minmax {
            display: inline-block;
            font-size: 0.75rem;
            text-align: right;
            color: #757575;
            margin-top: 0.25rem;
        }

        [char-limit-invalid] .char-limit-count,
        [char-limit-valid] .char-limit-count {
            position: absolute;
            bottom: 100%;
            right: 0;
            font-size: 0.75rem;
            color: #757575;
            float: right;
        }

        [char-limit-invalid] .is-visible,
        [char-limit-valid] .is-visible {
            display: inline-block !important;
        }

        @keyframes shake {
            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        @-webkit-keyframes shake {
            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        /* Char Limit Styles End */

        .form-error {
            display: none;
            margin-top: -0.5rem;
            margin-bottom: 1rem;
            font-size: 0.75rem;
            font-weight: bold;
            color: #cc4b37;
        }

        .show-error {
            display: inline-block;
        }

        .is-invalid-label {
            color: #cc4b37;
        }

        .is-invalid-input {
            border-color: #cc4b37 !important;
            background-color: #f9ecea;
        }

        .border,
        .border-t,
        .border-b,
        .border-l,
        .border-r {
            border-style: solid;
        }

        .zoom-out {
            cursor: zoom-out !important;
        }

        /*JJJ*/
/*
        .play-video,
        .play-360,
        .play-360-gif,
        #product-thumbnails .thumbnail {
            width: 60px;
            height: 60px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
*/
        /*JJJ*/

        #product-thumbnails .thumbnail {
            cursor: pointer;
            padding: .156rem;
            border: 1px solid #eee;
            border-radius: 3px;
        }

        #slide-dots {
            margin: 0;
        }

        .slide-dot {
            margin: 0 0.4rem;
            height: 0.75rem;
            width: 0.75rem;
            background: #DDD;
            border-radius: 99px;
            cursor: pointer;
        }

        /*JJJ*/
/*
        .slide-dot.active {
            background: #454545;
        }

        .play-video:hover,
        .play-360:hover,
        .play-360-gif:hover,
        #product-thumbnails .thumbnail:hover {
            border: 1px solid #aaa;
        }

        .play-video,
        .play-360,
        .play-360-gif {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 60px;
            width: 60px;
            padding: .5rem;
            border: 1px solid #eee;
            text-align: center;
            box-sizing: border-box;
            font-size: .75rem !important;
            color: rgb(46, 46, 46) !important;
            line-height: 1.25rem;
            border-radius: 3px;
            cursor: pointer;
        }
*/
        #product-thumbnails .thumbnail {
            width: 60px;
            height: 60px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        #product-thumbnails .thumbnail:hover {
            border: 1px solid #aaa;
        }

        @media (min-width: 768px) {
            .slide-dot.active {
                background: #454545;
            }

            .play-video:hover,
            .play-360:hover,
            .play-360-gif:hover {
                border: 1px solid #aaa;
            }

            .play-video,
            .play-360,
            .play-360-gif {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 60px;
                width: 60px;
                padding: .5rem;
                border: 1px solid #eee;
                text-align: center;
                box-sizing: border-box;
                font-size: .75rem !important;
                color: rgb(46, 46, 46) !important;
                line-height: 1.25rem;
                border-radius: 3px;
                cursor: pointer;
            }
        }
        /*JJJ*/

        @media (max-width: 1279px) {
            .play-video,
            .play-360,
            .play-360-gif,
            .play-ar {
                display: none;
            }

            #slide-dots .play-video,
            #slide-dots .play-360,
            #slide-dots .play-360-gif,
            #slide-dots .play-ar {
                display: flex;
                background: transparent;
            }

            #slide-dots .play-video.active,
            #slide-dots .play-360.active,
            #slide-dots .play-360-gif.active,
            #slide-dots .play-ar.active {
                background: #DDD;
            }
        }
        /*JJJ*/
/*
        #product-thumbnails .thumbnail.active,
        .play-360.active,
        .play-video.active,
        .play-360-gif.active {
            border-color: #454545;
        }
*/
        @media (min-width: 768px) {
            .play-360.active,
            .play-video.active,
            .play-360-gif.active {
                border-color: #454545;
            }
        }
        /*JJJ*/

        #close-360,
        #close-video,
        #close-360-gif {
            margin: 20px auto;
            background-color: #eee;
            padding: .5rem 2rem;
            text-align: center;
            text-transform: uppercase;
            font-size: .75rem;
            color: #333;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            outline: none;
        }

        .favourites-d {
            top: 0;
            right: 0;
            height: 20px;
            z-index: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .made-in-logo {
            position: absolute;
            width: 45px;
            right: 0;
            bottom: 10px;
        }

        @media (max-width: 1023px) {
            .made-in-logo {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .made-in-logo {
                bottom: 16px;
            }
        }

        @media (max-width: 375px) {
            .made-in-logo {
                display: none;
            }
        }

        .custom-checkbox {
            font-size: 20px;
        }

        .custom-checkbox__control {
            color: white;
            stroke: black;
            stroke-width: 1px;
            stroke-linejoin: round;
        }

        .custom-checkbox__input:checked~.custom-checkbox__control {
            color: #000 !important;
        }

        .promo-tag {
            position: absolute;
            top: 0;
            right: -20px;
            z-index: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .promo-tag .label.sale,
        .promo-tag .label.price,
        .promo-tag .label.new {
            color: #fff;
            background: #f33;
            text-align: center;
            font-size: .75rem;
            line-height: 1.2rem;
            box-sizing: border-box;
            border-radius: 3px;
            padding: 5px 10px;
        }

        .promo-tag .label.new {
            background: #16c0f3 !important;
        }

        #slideshow {
            width: 580px;
            max-width: 100%;
        }

        .product-image-slider {
            display: none;
            cursor: zoom-in;
        }

        .product-image-slider .slick-slide {
            position: relative;
        }

        .product-image-slider .slick-slide {
            position: relative;
        }

        .product-image-slider .slick-slide:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,.04);
            border-radius: 3px;
        }

        @media (max-width: 767px) {
            /*JJJ*/
/*
            .product-image-slider .slick-slide {
                width: 255px;
                height: 255px;
                margin-right: 10px;
            }
*/
            .product-image-slider .slick-slide {
                height: auto;
                margin-right: 0px;
            }

            .product-image-slider .slick-track {
                display: flex;
                gap: 0.5rem; /* Adds space between slides */
            }
            /*JJJ*/

            .product-image-slider.isSingleImg .slick-slide {
                height: auto;
                margin-right: 0px;
            }
        }

        .product-image-slider #product-video {
            cursor: auto;
        }

       .product-image-slider.slick-initialized {
            display: block;
        }

        #tabProductDetails h2 {
            font-size: 18px !important;
        }

        .n-reviews {
        }

        .product-details-heading {
        }

        .tabs__controls .tabs__control--selected {
            color: #000 !important;
            background: #fff !important;
            border: 1px solid #ddd !important;
        }

        .tabs__controls a[aria-selected='false'] {
            background: #f5f5f5;
        }

        .tabs__panels.js-tabs__panels {
            border: none;
        }

        .tabs__controls li:first-child {
            margin-left: 20px !important;
            margin-right: 10px;
        }

        .tabs__controls li a {
            outline: none;
            border-radius: 3px 3px 0 0 !important;
        }

        select {
            padding: 10px;
        }

        .rating-info ul {
            font-size: .875rem;
        }

        .star-full {
            color: black;
        }

        .star-empty {
            color: #ddd;
        }

        .rating-star {
            font-size: 16px;
        }

        .reviews-left-column {
            position: relative;
        }

        #customer-reviews .info-product td:first-child {
          padding-right: 20px; /* Adjust this value to increase or decrease the space */
        }

        #customer-reviews .info-product dt,
        #customer-reviews .info-product dd {
            font-weight: normal;
            float: left;
            padding: .5rem 0;
            margin: 0;
            box-sizing: border-box;
        }

        #customer-reviews .descriptions-product .info-product dd i {
            border: 5px;
            font-size: .875rem;
        }

        #customer-reviews {
            font-size: .875rem;
        }

        #customer-reviews dl {
            margin-bottom: .25rem;
            clear: both;
        }

        #customer-reviews .info-product dt {
            font-weight: normal;
            margin: 0;
            width: 30%;
            float: left;
            padding: 0;
        }

        #customer-reviews .info-product dd {
            float: right;
            text-align: right;
            width: 70%;
            font-size: .75rem !important;
            padding: 0;
        }

        .review {
            margin-bottom: 15px;
        }

        .rating__item--half .rating__icon:not(.rating__icon--inactive) {
            z-index: 1 !important;
        }

        .rating__item--half .rating__icon.rating__icon--inactive {
            z-index: 0 !important;
        }

        .rating[data-animation="on"] .rating__control ul:hover .rating__icon,
        .rating__control li::before,
        .rating__icon {
            color: black;
        }

        .rating[data-animation="on"] .rating__control li:hover~li .rating__icon,
        .rating__icon--inactive,
        .rating__item--checked~li .rating__icon {
            color: #DDD;
        }

        .review-summary-area table tr:nth-of-type(even) {
            background-color: transparent !important;
        }

        #review-summary-table {
            margin: 0px;
            max-width: 600px;
            width: 100%;
        }

        td.review-summary-stars {
            text-align: left;
            width: 30px;
        }

        td.review-summary-percent {
            width: 50px;
        }

        #review-summary-table table {
            margin-bottom: 0px;
        }

        #review-summary-table .fa-star {
            color: black
        }

        #review-summary-table .bar-filled {
            padding: 0px;
            background: black;
            background: linear-gradient(to right, black 50%, #ddd 50%);
            background-size: 200% 100%;
            background-position: right bottom;
            transition: all 1.2s linear;
            margin-left: 10px;
            height: 6px;
        }

        #review-summary-table .bar-empty {
            background-color: #ddd;
            padding: 0px;
        }

        #review-summary-table tr {
            border: 1px solid white;
            text-align: center;
        }

        .info-product .rating-xs {
            font-size: .9rem;
        }

        .info-product .rating-container .empty-stars {
            color: #CCCCCC;
        }

        /* .info-product .star-full {
    color: #1C91E5 !important;
  } */

        .info-product .star {
            margin-left: 0px;
        }

        .info-product .rating-container .filled-stars {
            -webkit-text-stroke: 0px;
            text-shadow: none;
        }

        .load-more .progress-bar {
            margin: auto;
            margin-bottom: 20px;
        }

        .load-more a {
            color: #000;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 16px;
            padding: 14px;
            display: block;
            background-color: white;
            border-radius: 3px;
            border: 1px solid black;
            margin-top: 20px;
            width: 200px;
        }

        .load-more a:hover {
            color: rgba(0, 0, 0, 0.5);
            transition: color .2s ease-in-out;
        }

        .slick-arrow {
            position: absolute;
            top: 50%;
            color: #333;
            z-index: 1;
        }

        .slick-prev {
            left: 0;
        }

        .slick-next {
            right: 0;
        }

        .slick-prev::before,
        .slick-next::before {
            font-size: 1.5rem;
        }

        .item-height {
            height: 190px;
        }

        .add-btn {
            background-color: #333;
        }

        #recomended-accesories-slider .carousel__content,
        #ymal-slider .carousel__content,
        #rv-slider .carousel__content {
            position: relative;
        }

        #recomended-accesories-slider .carousel__content .choose-size,
        #ymal-slider .carousel__content .choose-size,
        #rv-slider .carousel__content .choose-size {
            display: none;
            text-align: center;
            width: 150px;
            border: 1px solid #eee;
            border-radius: 3px;
            margin: 0 auto;
            position: absolute;
            left: 0px;
            right: 0;
            bottom: 0;
            background: #fff;
            overflow-y: auto;
            height: 99%;
            z-index: 2;
            font-size: .625rem;
        }

        #recomended-accesories-slider .carousel__content .carousel__content--img-wrap,
        #ymal-slider .carousel__content .carousel__content--img-wrap,
        #rv-slider .carousel__content .carousel__content--img-wrap {
            position: relative;
            padding: 10px;
            margin-bottom: 1rem;
        }

        #recomended-accesories-slider .carousel__content .carousel__content--img-wrap:after,
        #ymal-slider .carousel__content .carousel__content--img-wrap:after,
        #rv-slider .carousel__content .carousel__content--img-wrap:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .04);
        }

        /* Right container */

        .choose-size span.heading {
            margin: .25rem;
            font-size: 1rem;
        }

        .choose-size ul {
            margin: 0rem;
        }

        .choose-size.choose-size li {
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            margin: 0px;
            margin-bottom: 0px;
            margin-bottom: -1px;
            padding: .5rem;
            font-size: .625rem;
            line-height: .875rem;
            cursor: pointer;
        }

        .choose-size li:hover {
            background-color: #069;
            border-color: #069;
            color: #fff;
        }

        #read-reviews-btn {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            border: 1px solid #DDDDDD;
            border-radius: 50%;
            padding: 4px 3px;
            color: #000000;
            font-size: 13px;
        }

        .ratings-wrap #read-reviews-btn {
            display: inline;
            vertical-align: unset;
            border: none;
        }

        .sale-wrap {
            margin-bottom: 20px;
        }

        @media (max-width: 767px) {
            .sale-wrap {
                margin-top: 10px;
                margin-bottom: 0px;
            }
        }

        #product-brand {
            font-size: 18px !important;
            line-height: 18px;
            margin-bottom: 0px !important;
        }

        #product-id-alt {
            display: flex;
            align-items: center;
  	    }

        @media (max-width: 1365px) {
            #product-brand {
                max-width: 230px;
            }
        }

        @media (max-width: 1023px) {
            #product-brand {
                font-size: 18px !important;
                line-height: 21px;
            }

            /*#product-id-alt {
  		font-size: 16px;
	    line-height: 24px;
  	}*/
            .title-ratings {
                font-size: 13px;
                line-height: 1.3;
            }
        }

        #product-logo-d {
            text-align: center;
            font-size: 16px !important;
            line-height: 24px;
        }

        #product-logo-d img {
            width: 80%;
            border: 1px solid #ddd;
        }

        button.add-to-bag {
            background: #030712;
            gap: 0.75rem;
            font-weight: 700;
        }

        button.pre-order-box {
            background: #E0002B;
        }

        button.soldout-box {
            background: #030712;
            font-weight: 700;
        }

        button.instoreonly-box {
            background: #030712;
            font-weight: 700;
        }
        
        .icon-basket-mask {
            width: 24px;
            height: 24px;
            display: inline-block;
            vertical-align: middle;
            background-color: #fff;
            -webkit-mask: url('/img/basket.svg') no-repeat center / contain;
            mask: url('/img/basket.svg') no-repeat center / contain;
        }

        .product-price {
            margin-bottom: 10px;
            font-size: 1rem;
            line-height: 1;
            color: #636363;
            font-weight: 700;
        }

        .price-percentage {
            font-size: 1rem;
            line-height: 1;
            color: #636363;
        }

        .reg-price, .on-sale-price {
            font-size: 1.5rem;
            line-height: .75;
            font-weight: 700;
        }

        @media (max-width: 767px) {
            .reg-price, .on-sale-price {
                font-size: 1.5rem;
            }

            html[lang=fr] .reg-price,
            html[lang=fr] .on-sale-price {
                font-size: 1.5rem;
            }
        }

        .price-wrap {
            margin-bottom: 20px;
        }

        .price-wrap .fa-info-circle {
            font-size: 18px;
        }

        .price-wrap .product-price {
            font-size: 40px;
            line-height: 24px;
            color: #333333;
        }

        .price-wrap .on-sale-price {
            margin-left: 5px;
            font-size: 26px;
            line-height: 24px;
            white-space: nowrap;
        }

        @media (max-width: 767px) {
            .price-wrap {
                margin-bottom: 0px;
            }

            .price-wrap .on-sale-price {
                margin-left: 0px;
                margin-top: 5px;
            }
        }

        @media (max-width: 374px) {
            .on-sale-price {
                font-size: 21px;
            }

            html[lang=fr] .on-sale-price {
                font-size: 15px;
            }

            html[lang=fr] .reg-price {
                font-size: 1.5rem;
            }

            .product-price {
                margin-bottom: 5px;
            }
        }

        .sale {
            color: #E0002B;
        }

        .points-total,
        .in-stock {
            color: #009000;
        }

        .interest-free {
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
            margin-bottom: 20px;
            font-size: 15px;
            line-height: 24px;
        }

        .select-wrap {
            width: 100%;
            flex-grow: 1;
        }

        .select-wrap span {
            font-size: 18px;
            line-height: 23px;
        }

        .select-wrap a {
            font-size: 14px;
            line-height: 12px;
            text-decoration: underline;
        }

        /* https://proto.io/freebies/onoff/ */

        .SalesAlertArea {
            position: relative;
            width: 70px;
            min-width: 70px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        .SalesAlertArea-checkbox {
            display: none;
        }

        .SalesAlertArea-label {
            display: block;
            overflow: hidden;
            cursor: pointer;
            border-radius: 25px;
        }

        .SalesAlertArea-inner {
            display: block;
            width: 200%;
            margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
        }

        .SalesAlertArea-inner:before,
        .SalesAlertArea-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 30px;
            padding: 0;
            font-weight: bold;
            line-height: 30px;
            font-size: 16px;
            color: white;
            box-sizing: border-box;
        }

        .SalesAlertArea-switch {
            display: block;
            width: 20px;
            height: 20px;
            margin: 5px;
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 40px;
            transition: all 0.3s ease-in 0s;
            border-radius: 50%;
        }

        .SalesAlertArea-checkbox:checked+.SalesAlertArea-label .SalesAlertArea-inner {
            margin-left: 0;
        }

        .SalesAlertArea-checkbox:checked+.SalesAlertArea-label .SalesAlertArea-switch {
            right: 0px;
        }

        .SoldoutAlertArea {
            position: relative;
            width: 70px;
            min-width: 70px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        .SoldoutAlertArea-checkbox {
            display: none;
        }

        .SoldoutAlertArea-label {
            display: block;
            overflow: hidden;
            cursor: pointer;
            border-radius: 25px;
        }

        .SoldoutAlertArea-inner {
            display: block;
            width: 200%;
            margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
        }

        .SoldoutAlertArea-inner:before,
        .SoldoutAlertArea-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 30px;
            padding: 0;
            font-weight: bold;
            line-height: 30px;
            font-size: 16px;
            color: white;
            box-sizing: border-box;
        }

        

        .SoldoutAlertArea-switch {
            display: block;
            width: 20px;
            height: 20px;
            margin: 5px;
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 40px;
            transition: all 0.3s ease-in 0s;
            border-radius: 50%;
        }

        .SoldoutAlertArea-checkbox:checked+.SoldoutAlertArea-label .SoldoutAlertArea-inner {
            margin-left: 0;
        }

        .SoldoutAlertArea-checkbox:checked+.SoldoutAlertArea-label .SoldoutAlertArea-switch {
            right: 0px;
        }

        @media (max-width: 1365px) {
            .is-stuck {
                width: 248px;
            }
        }

        /*JJJ*/
/*
        @media (max-width: 1279px) {
            .tabs__panel {
                padding: 0 !important;
                padding-top: 5px !important;
            }

            .tabs__controls li:first-child {
                margin-left: 0 !important;
            }

            .play-video,
            .play-360,
            .play-360-gif,
            #product-thumbnails .thumbnail {
                height: 48px;
                width: 48px;
            }

            .play-video,
            .play-360,
            .play-360-gif {
                height: 2.25rem;
                width: 2.25rem;
                border-radius: 1.125rem;
                margin: 0 0.25rem !important;
            }

            .play-video i,
            .play-360 span,
            .play-360-gif span {
                font-size: 10px;
            }

            #slide-dots+.play-video,
            #slide-dots+.play-360,
            #slide-dots+.play-360-gif {
                margin-left: 0.5rem !important;
            }

            #recomended-accesories-slider .carousel__content,
            #ymal-slider .carousel__content,
            #rv-slider .carousel__content {
                margin: auto;
                width: 80px;
            }

            #recomended-accesories-slider .carousel__content .choose-size,
            #ymal-slider .carousel__content .choose-size,
            #rv-slider .carousel__content .choose-size {
                width: 90px;
            }

            .title-details {
                margin-top: 0;
                margin-right: 0;
            }

            #tabProductDetails p,
            #tabProductDetails li {
                font-size: 14px;
            }
        }
*/
        @media (max-width: 1279px) {
            .tabs__panel {
                padding: 0 !important;
                padding-top: 5px !important;
            }

            .tabs__controls li:first-child {
                margin-left: 0 !important;
            }

            #recomended-accesories-slider .carousel__content,
            #ymal-slider .carousel__content,
            #rv-slider .carousel__content {
                margin: auto;
                width: 80px;
            }

            #recomended-accesories-slider .carousel__content .choose-size,
            #ymal-slider .carousel__content .choose-size,
            #rv-slider .carousel__content .choose-size {
                width: 90px;
            }

            .title-details {
                margin-top: 0;
                margin-right: 0;
            }

            #tabProductDetails p,
            #tabProductDetails li {
                font-size: 14px;
            }
        }

        @media (max-width: 767px) {
            #product-thumbnails .thumbnail {
                height: 48px;
                width: 48px;
            }

            .play-video i,
            .play-360 span,
            .play-360-gif span {
                font-size: 0px;
            }
        }

        @media (min-width: 768px) and (max-width: 1279px) {
            .play-video,
            .play-360,
            .play-360-gif,
            #product-thumbnails .thumbnail {
                height: 48px;
                width: 48px;
            }

            .play-video,
            .play-360,
            .play-360-gif {
                height: 2.25rem;
                width: 2.25rem;
                border-radius: 1.125rem;
                margin: 0 0.25rem !important;
            }

            .play-video i,
            .play-360 span,
            .play-360-gif span {
                font-size: 10px;
            }

            #slide-dots+.play-video,
            #slide-dots+.play-360,
            #slide-dots+.play-360-gif {
                margin-left: 0.5rem !important;
            }
        }
        /*JJJ*/

        @media (max-width: 1024px) {
            .tabs {
                border: none;
                padding: 0;
            }

            .tabs ul li {
                margin: 0;
            }

            .tabs__controls li:first-child {
                margin-right: 0;
            }

            .tabs__controls .tabs__control--selected,
            .tabs__controls a {
                position: relative;
            }

            .tabs__controls .tabs__control--selected:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: calc(-1*var(--tabs-border-width));
                width: 100%;
                height: var(--tabs-border-width);
                background-color: var(--color-bg);
            }

            .tabs__controls a[aria-selected='false']:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: calc(-1*var(--tabs-border-width));
                width: 100%;
                height: var(--tabs-border-width);
                background-color: #f5f5f5;
            }

            .modal__content {
                width: calc(100% - 2*var(--component-padding)) !important;
            }

            /* .threesixty,
    .threesixty-gif {
      padding: 0 3rem;
    }*/

            .sizeChartSizes td {
                padding: 4px 0 !important;
                text-align: center;
            }

            #recomended-accesories-slider .carousel__content .choose-size,
            #ymal-slider .carousel__content .choose-size,
            #rv-slider .carousel__content .choose-size {
                width: 110px;
            }

            .SalesAlertArea-switch {
                width: 15px;
                height: 15px;
                top: 3px;
            }
        }

        /*JJJ*/
/*
        @media (max-width: 767px) {
            #product-video-mob {
                display: flex !important;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .play-video,
            .play-360,
            .play-360-gif {
                height: 16px;
                width: 16px;
                border: 1px solid #CCCCCC;
                background: transparent;
            }

            .play-video i,
            .play-360 span,
            .play-360-gif span {
                font-size: 7px;
                color: #ccc;
            }

            .play-video.active,
            .play-360.active,
            .play-360-gif.active {
                border: 1px solid #454545;
                background: transparent !important;
            }

            .play-video.active i,
            .play-360.active span,
            .play-360-gif.active span {
                color: #454545;
            }
        }
*/
        @media (max-width: 767px) {
            #product-video-mob {
                display: flex !important;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .play-video i,
            .play-360 span,
            .play-360-gif span {
                font-size: 0px;
            }
        }
        /*JJJ*/

        /*@media (max-width: 1023px) {
    .product-360-slider {
      transform: translateY(25%);
    }
  }*/

        @media (max-width: 767px) {
            /* .threesixty,
    .threesixty-gif {
      padding: 0 3rem;
    }*/

            .threesixty {
                width: auto !important;
                height: calc(100vw * 2 / 3) !important;
                pointer-events: none;
            }

            .threesixty .threesixty_images {
                position: relative;
            }
        }

        @media (min-width: 768px) {
            .product-360-slider {
                max-width: 500px !important;
                width: 100% !important;
                height: 215px !important;
            }
        }

        @media (min-width: 1024px) {
            .product-360-slider {
                height: 293px !important;
            }
        }

        @media (min-width: 1280px) {
            .product-360-slider {
                height: 415px !important;
            }
        }

        @media (min-width: 1366px) {
            .product-360-slider {
                height: 445px !important;
            }
        }

        @media (min-width: 1600px) {
            .product-360-slider {
                height: 526px !important;
            }
        }

        @media (max-width: 639px) {
            .product-360-slider {
                transform: translateY(10%);
            }

            main~footer {
                padding-bottom: 60px !important;
            }

            .tabs__controls li {
                flex-grow: 1;
                margin: 0 0 0.5rem;
                text-align: center;
            }

            .tabs__controls li a {
                width: 100%;
                display: block;
            }

            .product-title-m {
                display: flex;
                padding: 0.75rem 1rem;
            }

            #product-logo-m {
                width: 50px;
            }

            #product-logo-m img {
                border: 1px solid #ddd;
            }

            .favourites-m {
                top: 18px;
                right: 16px;
                height: 20px;
                z-index: 1;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .threesixty {
                width: 100% !important;
            }

            .select .title {
                height: 41px;
            }

            button.add-to-bag,
            button.checkout-btn,
            button.checkout-btn-m {
                font-size: 20px;
                padding: 0.75rem .5rem;
            }

            .back-to-top {
                bottom: 60px;
            }

            .select>span.placeholder {
                text-align: left;
                padding: 9px 8px !important;
            }

            select#I_Size,
            select#I_Size_m {
                padding: 10px 8px !important;
            }

            #alternate-color-area {
                margin-bottom: 5px;
            }

            .price-range {
                /* margin-bottom: 20px !important;*/
            }

            #alternate-color-area img,
            #alternate-color-area span.color-name {
                float: left;
            }
        }

        #write-review-modal .modal-content {
            max-height: calc(100vh - 5*(var(--modal-close-btn-size) + var(--modal-close-btn-padding)));
            overflow-y: auto;
            border-radius: 0.25rem;
        }

        #write-review-modal .heading {
            display: block;
            font-size: .875rem
        }

        #write-review-modal .rating__icon,
        #write-review-modal .rating__icon>.flex {
            height: 100%;
        }

        #write-review-modal .rating__control li {
            width: 1.6rem !important;
            height: 1.6rem !important;
        }

        #write-review-modal .floating-label {
            margin-top: 1.25rem;
        }

        #write-review-modal .form-label {
            font-size: 0.75rem
        }

        #review-login-modal {
            z-index: 9998
        }

        #write-review-modal .form-control,
        #review-login-modal .form-control {
            display: block;
            width: 100%;
            font-size: 1rem;
            border: 1px solid #ddd;
        }

        #write-review-modal .form-control:focus {
            border-color: #212121;
        }

        #write-review-modal .form-control-wrapper.invalid .form-control {
            border-color: #CC4B37;
        }

        #write-review-modal select.form-control {
            background-color: #fff;
            background-image: url('data:image/svg+xml;utf8,<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path></svg>');
            background-position: right 0.5rem center;
            background-repeat: no-repeat;
            background-size: 1.125rem;
        }

        .modal__footer button:last-child {
            border-radius: .25rem;
            font-size: .75rem;
            line-height: 1.625;
            text-align: center;
            width: auto;
            padding: .5rem 1rem;
        }

        @media (max-width: 639px) {
            #write-review-modal .floating-label:nth-child(n+2) {
                margin-top: 1.5rem;
            }
        }

        @media (min-width: 768px) {
            #write-review-modal .heading {
                font-size: 1rem;
            }

            #write-review-modal .form-control,
            #review-login-modal .form-control {
                display: block;
                width: 100%;
                font-size: 1rem;
                border: 1px solid #ddd;
            }

            .modal__footer button:last-child {
                font-size: .875rem;
            }
        }
    

    
        /* MyFit */
        .myfit-activator-wrap {
            display: none;
            flex-direction: column;
            flex-grow: 1;
        }

        .myfit-activator-wrap span {
            font-size: 14px;
            line-height: 19px;
            color: #000000;
        }

        .myfit-activator {
            position: relative;
            overflow: hidden;
            height: 42px;
            /*width: 137px;*/
            background-color: #F5F5F5;
            min-width: 145px;
            width: 100%;
            padding: 0 5px;
        }

        .myfit-activator .myfit-text {
            white-space: nowrap;
            transition: all 0.25s;
            cursor: pointer;
            margin-top: 1px;
            color: #369;
        }

        @media (max-width: 1023px) {
            html[lang=fr] .myfit__wrap {
                flex-direction: column;
            }

            html[lang=fr] .myfit__wrap .myfit-activator-wrap {
                width: 100%;
                margin-top: 15px;
            }
        }

        .myfit-activator .myfit-text.cleared {
            top: 100%;
        }

        .myfit-activator .my-text {
            font-size: 23px;
            color: #4299E1;
        }

        .myfit-activator .fit-text {
            font-size: 23px;
            color: #313135;
        }

        .myfit-activator .myfit-reset {
            transition: all 0.2s;
            color: #555;
            cursor: pointer;
            font-size: 0.75rem;
            margin-top: .1rem;
        }

        .myfit-activator .myfit-reset:hover {
            color: #C00;
        }

        /* MyFit Form */

        #myfit-drawer header {
            padding: 10px !important;
        }

        #myfit-drawer #myfit-title {
            font-size: 26px;
            margin: auto;
            padding-top: 5px;
            color: #555;
        }

        #myfit-drawer #myfit-title span {
            color: #369;
        }

        #myfit-drawer .step-meter strong {
            font-size: 1rem;
        }

        #myfit-drawer .step-meter .myfit-meter {
            position: relative;
            width: 100%;
            border-radius: 9999px;
            height: 0.25rem;
            background: #DDD;
        }

        #myfit-drawer .step-meter .myfit-meter::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            background-color: #000;
            border-radius: 9999px;
            transition: 200ms width linear;
            content: '\A0';
            width: 0.5rem;
        }

        #myfit-drawer [data-step='2'] .myfit-meter::after {
            width: 25%;
        }

        #myfit-drawer [data-step='3'] .myfit-meter::after {
            width: 50%;
        }

        #myfit-drawer [data-step='4'] .myfit-meter::after {
            width: 75%;
        }

        #myfit-drawer [data-step='done'] .myfit-meter::after {
            width: 100%;
        }

        #myfit-drawer .questions>div {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
            font-size: 0.875rem;
        }

        #myfit-drawer .questions>div strong {
            width: 100%;
            margin-bottom: 0.5rem;
        }

        #myfit-drawer .questions>div i {
            display: none;
        }

        #myfit-drawer .questions select {
            font-size: 1rem;
            display: block;
            width: calc(100% - 2.5rem);
            padding: 0.5rem;
            padding-right: 1.5rem;
            border: 1px solid #DDD;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none !important;
            font-family: inherit;
            background-color: #fff;
            background-image: url('data:image/svg+xml;utf8,<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path></svg>');
            background-origin: content-box;
            background-position: right -1rem center;
            background-repeat: no-repeat;
            background-size: 1.125rem;
            border-radius: 0.25rem;
            transition: box-shadow .5s, border-color .25s ease-in-out;
            cursor: pointer;
        }

        #myfit-drawer .results {
            display: none;
        }

        #myfit-drawer .results .sizes>div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #myfit-drawer .results .sizes>div #myfit-result {
            color: #00B724;
            font-size: 2.25rem;
        }

        #myfit-drawer .results .sizes>div strong {
            font-size: 1rem;
        }

        #myfit-drawer .results .sizes>div span {
            font-size: 0.875rem;
        }

        #myfit-drawer .results .add-to-bag {
            position: relative;
            border-radius: 0.25rem;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
            font-size: 1.25rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        #myfit-drawer .results .add-to-bag.update {
            background: #333;
        }

        #myfit-drawer:not(.updating-size) .add-to-bag.update,
        #myfit-drawer.updating-size .add-to-bag:not(.update),
        #myfit-drawer.size-available .size-unavailable-msg,
        #myfit-drawer:not(.size-available) .add-to-bag,
        #myfit-drawer:not(.size-available) .results>strong {
            display: none;
        }

        #myfit-drawer:not(.size-available) #myfit-reset {
            margin-top: 1.25rem;
        }

        #myfit-drawer .step-meter .done,
        #myfit-drawer [data-step='1'] #myfit-back,
        #myfit-drawer [data-step='1'] .questions>div:nth-of-type(n+2),
        #myfit-drawer [data-step='2'] .questions>div:nth-of-type(n+3),
        #myfit-drawer [data-step='3'] .questions>div:nth-of-type(4),
        #myfit-drawer [data-step='done'] .step-meter .in-progress,
        #myfit-drawer [data-step='done'] #myfit-back {
            display: none;
        }

        #myfit-drawer [data-step='2'] .questions>div:nth-of-type(1) i,
        #myfit-drawer [data-step='3'] .questions>div:nth-of-type(-n+2) i,
        #myfit-drawer [data-step='4'] .questions>div:nth-of-type(-n+3) i,
        #myfit-drawer [data-step='done'] .questions>div i,
        #myfit-drawer [data-step='done'] .step-meter .done {
            display: inline-block;
        }

        #myfit-drawer [data-step='done'] .results {
            display: flex;
        }

        @media (min-width: 768px) {
            #myfit-drawer .questions>div,
            #myfit-drawer .results .sizes>div span {
                font-size: 1rem;
            }

            #myfit-drawer .results .sizes>div strong {
                font-size: 1.25rem;
            }

            #myfit-drawer .results .sizes>div #myfit-result {
                font-size: 2.625rem;
            }
        }

        @media (min-width: 1280px) {
            #myfit-drawer .questions>div,
            #myfit-drawer .results .sizes>div span {
                font-size: 1.125rem;
            }

            #myfit-drawer .results .sizes>div strong {
                font-size: 1.5rem;
            }

            #myfit-drawer .results .sizes>div #myfit-result {
                font-size: 3rem;
            }

            #myfit-drawer .questions select {
                font-size: 0.875rem;
            }
        }
    

    
        /* Size Chart styles */
        #size-chart-modal .modal-content {
            max-height: 91.666667%;
        }

        #reviews-modal .modal-content {
            position: relative;
            max-height: 92%;
        }

        #reviews-modal .fake-footer {
            height: 25px;
            background: #fff;
            z-index: 9999;
            position: absolute;
            bottom: 0;
            left: 0;
            width: calc(100% - 18px);
        }

        @media (max-width: 767px) {
            #reviews-modal .fake-footer {
                width: 100%;
            }
        }

        @media (max-width: 767px) {
            #reviews-modal .modal-content {
                max-height: calc(100vh - 5*(var(--modal-close-btn-size) + var(--modal-close-btn-padding)));
                transform: translateY(0);
                will-change: transform;
                transition: transform 0.3s var(--ease-out);
            }

            #reviews-modal .fake-footer {
                display: none;
                width: 100%;
            }
        }

        #size-chart-modal table {
            border: 1px solid #EEE;
        }

        #size-chart-modal table td {
            padding: 0.5rem;
        }

        #size-chart-modal table thead tr,
        #size-chart-modal table tr:nth-child(even) {
            background: #EEE;
        }
    

    
        /* Checkout styles */
        .checkout-btn,
        .checkout-btn-m {
            background: #000;
        }

        #checkout-modal {
            display: none;
        }

        @media (max-width: 767px) {
            .checkout-desk {
                display: none !important;
            }
        }

        @media (min-width: 768px) {
            .checkout-mob {
                display: none !important;
            }
        }

        .checkout-points-wrapper .id-remove-coupon, 
        .checkout-points-wrapper .id-remove-credit {
            top: 12px;
            right: 10px;
        }

        @media (max-width: 480px) {
            .checkout-btn-m {
                text-align: center;
                padding: 0.75rem 1.25rem;
            }

            #item-options {
                margin-top: 10px;
            }

            .modal-open {
                overflow: hidden !important;
            }
            /*
            .update-modal {
                z-index: 1100;
            }

            .update-modal-content {
                position: absolute;
                width: 100%;
                height: 500px;
            }
            */
            #checkout-modal .overlay {
                z-index: 1009;
                background-color: rgba(0, 0, 0, .25);
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            #checkout-modal .close-modal {
                height: 50%;
            }

            #checkout-modal .container {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 590px;
                padding: 1rem;
                background-color: #fff;
                box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
                overflow-x: hidden;
                overflow-y: scroll;
            }

            #checkout-modal .content-area {
                display: none;
            }

            #checkout-modal .content-area.active-content-area {
                display: block !important;
            }

            #checkout-modal .close-btn {
                position: absolute;
                top: 13px;
                right: 13px;
                font-size: 20px;
                cursor: pointer;
            }

            .slideUp {
                animation: slideUp .5s ease-in-out;
                animation-iteration-count: 1;
            }

            .slideDown {
                animation: slideDown .5s ease-in-out;
                animation-iteration-count: 1;
            }

            .slideLeftOutView {
                animation: slideLeftOutView .3s ease-in-out;
                animation-iteration-count: 1;
            }

            .slideLeftInView {
                animation: slideLeftInView .3s ease-in-out;
                animation-iteration-count: 1;
            }

            .slideRightOutView {
                animation: slideRightOutView .3s ease-in-out;
                animation-iteration-count: 1;
            }

            .slideRightInView {
                animation: slideRightInView .3s ease-in-out;
                animation-iteration-count: 1;
            }

            .shake {
                animation: shake .5s cubic-bezier(.25, .1, .25, 1);
                animation-iteration-count: 1;
            }

            @keyframes slideUp {
                from {
                    bottom: -100vh
                }

                to {
                    bottom: 0
                }
            }

            @keyframes slideDown {
                from {
                    bottom: 0
                }

                to {
                    bottom: -100vh
                }
            }

            @keyframes slideLeftOutView {
                from {
                    margin-left: 0
                }

                to {
                    margin-left: -100vh
                }
            }

            @keyframes slideLeftInView {
                from {
                    margin-left: 100vh
                }

                to {
                    margin-left: 0
                }
            }

            @keyframes slideRightOutView {
                from {
                    margin-left: 0
                }

                to {
                    margin-left: 100vh
                }
            }

            @keyframes slideRightInView {
                from {
                    margin-left: -100vh
                }

                to {
                    margin-left: 0
                }
            }

            @keyframes shake {
                0% {
                    margin-left: 0
                }

                50% {
                    margin-left: 15px
                }

                100% {
                    margin-left: 0
                }
            }

            #checkout-summary {
                max-width: 100%;
            }

            #checkout-modal .estimated-delivery {
                display: block;
                color: #01AA00;
                padding-bottom: 15px;
                border-bottom: 1px solid #ddd;
            }

            #checkout-summary .option {
                position: relative;
                padding: 15px 0;
                border-bottom: 1px solid #ddd;
                display: block;
                cursor: pointer;
            }

            #checkout-summary .option .title {
                color: #666;
            }

            #checkout-summary .option .address,
            #checkout-sumary .option .payment {
                width: 95%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #checkout-summary .option .fa-chevron-right {
                position: absolute;
                top: 20px;
                right: 0;
            }

            #checkout-modal .total-price {
                color: #E4002B;
            }

            #cvv {
                margin: 15px 0 30px;
            }

            #cvv label {
                font-size: 16px;
                display: inline-block;
                margin-right: 15px;
            }

            #cvv input#CCCardID {
                width: 100px;
                display: inline-block;
                margin-right: 5px;
                padding: 0.2rem 0.5rem;
            }

            #cvv #CCCardID-error {
                display: none;
                margin-top: 5px !important;
            }

            #cvv .required {
                color: #E4002B;
                font-size: 12px;
            }

            .show-error {
                display: block !important;
            }

            #swipe-checkout-btn {
                text-transform: uppercase;
                color: #fff;
                background-color: #E0002B;
                font-size: 1.25rem;
                width: 100%;
                padding: 20px;
                text-align: center;
                margin: 0;
                height: 60px;
            }

            #checkout-wrapper {
                position: relative;
            }

            #checkout-wrapper #slider {
                background-color: #BE0024;
                position: absolute;
                top: 0;
                width: 20%;
                height: 100%;
                text-align: center;
                border-radius: 3px 0 0 3px;
                transition: width 0.3s, border-radius 0.3s, height 0.3s;
                cursor: pointer;
                z-index: 1;
            }

            #checkout-wrapper #slider .icons {
                color: #fff;
                margin-top: 20px;
            }

            #checkout-wrapper #slider .icons .middle-icon {
                margin: 0 -5px;
            }

            .checkout-success {
                background-color: #01AA00 !important;
            }

            #swipe-checkout-btn .fa-check-circle {
                font-size: 28px;
                margin-top: -5px;
            }

            #checkout-modal .go-back .fa-chevron-left {
                margin-right: 10px;
                position: relative;
                top: 1px;
            }

            #checkout-modal .go-back {
                display: block;
                padding-bottom: 10px;
                border-bottom: 1px solid #ddd;
                margin-bottom: 10px;
                cursor: pointer;
            }

            #shipping-details ul.shipping-options {
                margin-bottom: 15px;
            }

            .shipping-method-selector,
            .payment-method-selector {
                cursor: pointer;
                font-size: 14px;
            }

            .shipping-method-selector input,
            .payment-method-selector input {
                position: absolute;
                top: 0;
                visibility: hidden;
                width: 100%;
                height: 100%;
            }

            li.my-address.shipping-method-selector .selector-icons i,
            li.softmoc-store.shipping-method-selector .selector-icons i {
                float: none;
            }

            .shipping-method-selector .selector-icons i,
            .payment-method-selector .selector-icons i {
                top: 2px;
                margin-right: 5px;
            }

            #shipping-details .tabs-title .selector-icons i {
                top: 1px !important;
                margin-right: 5px;
            }

            .shipping-method-selector .selector-icons i,
            .payment-method-selector .selector-icons i {
                font-size: 1rem;
            }

            .shipping-method-selector input[type="radio"]+.selector-icons .fa-circle,
            .payment-method-selector input[type="radio"]+.selector-icons .fa-circle {
                color: #bbb;
            }

            .shipping-method-selector input[type="radio"]+.selector-icons .fa-check-circle,
            .payment-method-selector input[type="radio"]+.selector-icons .fa-check-circle,
            .shipping-method-selector input[type="radio"]:checked+.selector-icons .fa-circle,
            .payment-method-selector input[type="radio"]:checked+.selector-icons .fa-circle {
                display: none;
            }

            .shipping-method-selector input[type="radio"]:checked+.selector-icons .fa-check-circle,
            .payment-method-selector input[type="radio"]:checked+.selector-icons .fa-check-circle {
                color: #00AA00;
                display: inline-block;
            }

            .shipping-method-options-container {
                padding-top: 15px;
                border-top: 1px solid #ddd;
            }

            .shipping-method-options-container .shipping-method-option .shipping-name,
            .shipping-method-options-container .shipping-method-option-price {
            }

            #in-store-map-input-postal {
                padding: 10px;
            }

            .store-map-search-icon,
            .store-map-close-button {
                top: 15px;
                right: 10px;
            }

            #payment-details .payment-method-options {
                margin-bottom: 20px;
            }

            #cc-options .cc-option,
            .shipping-method-options-container .shipping-method-option {
                font-size: 16px;
                background: #eeeeee;
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 3px;
                cursor: pointer;
            }

            .shipping-method-options-container .shipping-method-option {
                position: relative;
                height: 58px;
            }

            #cc-options .cc-option:last-child,
            .shipping-method-options-container .shipping-method-option:last-child {
                margin-bottom: 0;
            }

            #cc-options .cc-option.selected-cc,
            .shipping-method-options-container .shipping-method-option.selected-method {
                background: #F0FFFA;
                border: 1px solid #01AA00;
            }

            input#RealGiftCardNumber1,
            input#RealGiftCardPwd1 {
                padding: 0.2rem 0.5rem;
            }

            .add-gc button {
                background-color: #222;
                padding: 0.85em 1em;
            }

            #total-details .invoice-details-wrapper .flex {
                margin-bottom: 10px;
            }

            #total-details .invoice-details-wrapper .flex:last-child {
                margin-bottom: 0;
            }

            #total-details .invoice-details-wrapper .total-subtitle {
            }

        }
    

    
        /* Pick up today */
        main[data-store] .no-store-selected,
        main:not([data-store]) .store-selected,
        main[data-store] #pick-up-today-shopping-bag .no-store-selected,
        main:not([data-store]) #pick-up-today-shopping-bag .store-selected {
            display: none;
        }

        #pick-up-today {
            background: white;
            border: 1px solid black;
        }

        .store-selected-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .pick-up-at-store {
            display: flex;
            flex-direction: column;
        }
/*
        .mystore-location-window {
            font-family: 'source-sans-pro-semibold', sans-serif;
            font-size: 14px;
            line-height: 20px;
        }
*/
        .change-store,
        .ship-instead {
            color: #279AE7;
            text-decoration: none;
        }

        #pick-up-today-m {
            background: #f5f5f5;
            padding: 0.44rem 1.25rem;
        }

        .pick-up-today-logo {
            font-weight: 700;
        }

        .pick-up-today-logo .text-red {
            color: #E0002B;
        }

        #pick-up-today .choose-your-store,
        #pick-up-today-m .choose-your-store,
        #pick-up-today-shopping-bag .choose-your-store {
            top: -1px;
        }

        @media (max-width: 1279px) {
            .pick-up-today-logo {
                font-size: 1rem;
            }
        }

        @media (max-width: 639px) {
            .pick-up-today-logo {
                font-size: 20px;
            }

            [data-store] #dept-breadcrumbs .store-selected {
                width: 100%;
                padding: 1.5px 0;
            }

            .pick-up-today-container .mystore-remove {
                font-size: 0.875rem;
            }
        }
    

    
        .play-ar {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .play-ar img {
            width: 30px;
        }

        #open-ar {
            position: absolute;
            top: 0;
            right: 5px;
            cursor: pointer;
            z-index: 1;
        }

        #open-ar img {
            width: 45px;
        }

        #ar-modal {
            display: none;
            height: 100vh;
            position: fixed;
            top: 0;
            margin-top: 0;
            padding: 0;
            z-index: 999;
            background-color: white;
            width: 100%;
        }

        #ar-modal iframe {
            width: 100%;
            height: 100%;
        }

        .close-ar {
            top: 10px;
            right: 10px;
            position: fixed;
            cursor: pointer
        }

        .close-ar i {
            font-size: 30px;
        }

        .scroll-disabled {
            overflow-y: hidden !important
        }

        @media (min-width: 1024px) {
            #ar-slideshow {
                height: 580px;
            }

            #close-360 {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }
        }

        @media (max-width: 1279px) {
            .play-ar {
                display: none;
            }

            #slide-dots .play-ar {
                display: flex;
                padding: 0rem !important;
                height: 35px !important;
                width: 35px !important;
                margin: 0 5px !important;
                border-radius: 99px !important;
            }

            .play-ar img {
                padding: 5px
            }

            #slide-dots .play-ar.active {
                background: #DDD;
            }
        }

        @media (max-width: 768px) {
            #ar-slideshow {
                height: 394px;
            }
        }

        @media (max-width: 480px) {
            #ar-slideshow {
                height: 300px
            }

            #open-ar {
                right: -8px
            }
        }

        @media (max-width: 375px) {
            #ar-slideshow {
                height: 100%
            }
        }

        #slideshow iframe {
            width: 100%;
        }
    

    
        #right-container {
            /*max-width: 475px;
            width: 100%;*/
        }

        @media (max-width: 1023px) {
            #right-container {
                /*max-width: 278px;*/
            }
        }

        @media (max-width: 767px) {
            #right-container {
                max-width: 100%;
            }
        }

        .product-details,
        .reviews-wrapper {
            margin-top: 32px;
        }

        .product-details-title {
            font-size: 18px !important;
            line-height: 23px;
            margin-bottom: 20px !important;
            color: #000;
        }

        .product-details-descr {
            font-size: 15px;
            line-height: 26px;
            margin-bottom: 20px;
            color: #313135;
        }

        .product-details-feature {
            font-size: 15px;
            line-height: 26px;
            margin-bottom: 10px;
            color: #313135;
        }

        .product-details-design {
            font-size: 15px;
            line-height: 26px;
            margin-top: 20px;
            margin-bottom: 10px;
            color: #313135;
        }

        .product-details-list {
            list-style: disc;
            margin-left: 20px;
            margin-bottom: 20px;
            padding-left: 20px;
        }

        .product-details-list li {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 10px;
            color: #313135;
        }

        .reviews-wrapper-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #ddd;
        }

        .reviews-wrapper-top-title {
            display: flex;
            align-items: center;
            font-size: 18px;
            line-height: 23px;
            color: #000;
        }

        .reviews-wrapper-top-subtitle {
            margin-left: 10px;
            font-size: 14px;
            line-height: 12px;
            color: #636363;
        }

        .reviews-wrapper-top-title-num {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            border: 1px solid #DDDDDD;
            border-radius: 50%;
            padding: 3px;
            color: #000000;
            font-size: 13px;
        }

        .reviews-wrapper .name {
            font-size: 1rem;
            line-height: 2rem;
            color: #313135;
        }

        .reviews-wrapper #review-title {
            font-size: 1.5rem;
            line-height: 2rem;
            color: #313135;
        }

        .reviews-wrapper #review-content {
            font-size: 16px;
            line-height: 24px;
            color: #313135;
        }

        .reviews-wrapper #helpful {
            font-size: 13px;
            line-height: 24px;
            color: #313135;
        }

        .reviews-wrapper .load-more a,
        .reviews-wrapper .load-more-wrap a {
            padding: 6px 0;
            font-size: 14px;
            line-height: 18px;
            color: #000;
            text-transform: capitalize;
            text-decoration: underline;
            background: transparent;
            font-weight: normal;
        }

        .reviews-wrapper .load-more-wrap {
            background: #f5f5f5;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 3px;
            font-size: 16px;
            color: #000;
        }

        .reviews-wrapper .load-more-wrap a {
            text-decoration: none;
        }

        .also-like #you-may-also-like h3,
        .rv-slider #recently-viewed h3 {
            font-size: 18px !important;
            margin-bottom: 20px !important;
            line-height: 23px;
            color: #000;
        }

        #you-may-also-like .slick-arrow {
            top: 25%;
        }

        .also-like #you-may-also-like .item-height {
            min-height: 420px
        }

        @media (max-width: 1024px) {
            .also-like #you-may-also-like .item-height {
                min-height: 350px
            }
        }

        @media (max-width: 768px) {
            .also-like #you-may-also-like .item-height {
                min-height: 400px
            }
        }

        @media (max-width: 480px) {
            .also-like #you-may-also-like .item-height {
                min-height: 100%
            }
        }

        @media (max-width: 1279px) {
            .also-like #recomended-accesories-slider .carousel__content,
            .also-like #ymal-slider .carousel__content,
            .rv-slider #recently-viewed .carousel__content {
                width: 100%;
            }
        }

        .also-like #you-may-also-like .item-height,
        .rv-slider #recently-viewed .item-height {
            position: relative;
            /*min-height: 504px;*/
            height: auto;
            margin: 10px;
            padding: 10px;
            border: 1px solid transparent;
        }

        @media (max-width: 1023px) {
            .rv-slider #recently-viewed .item-height {
                min-height: 330px;
            }
        }

        @media (max-width: 767px) {
            .also-like #recomended-accesories-slider .carousel__content,
            .also-like #ymal-slider .carousel__content,
            .rv-slider #recently-viewed .carousel__content {
                width: 304px;
                margin: 0 auto;
            }

            .rv-slider #recently-viewed .item-height {
                min-height: 385px;
            }
        }

        .also-like #you-may-also-like .item-height {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }

        @media (min-width: 1024px) {
            .also-like #you-may-also-like .quick-view {
                margin-bottom: 10px;
            }

            .also-like #you-may-also-like .quick-view,
            .also-like #you-may-also-like button.add-bag {
                max-width: 100%;
            }

            .rv-slider #recently-viewed .item-height {
                min-height: 280px;
            }
        }

        @media (min-width: 1280px) {
            .rv-slider #recently-viewed .item-height {
                min-height: 335px;
            }
        }

        @media (min-width: 1366px) {
            .rv-slider #recently-viewed .item-height {
                min-height: 350px;
            }
        }

        @media (min-width: 1600px) {
            .rv-slider #recently-viewed .item-height {
                min-height: 400px;
            }
        }

        .also-like #you-may-also-like .favourites-d {
            top: 10px;
            right: 10px;
        }

        .also-like #you-may-also-like .size-add {
            padding: 0 22px;
            opacity: 1;
        }

        .also-like #you-may-also-like .quick-view {
            font-size: 16px;
            line-height: 1;
            background: #313135;
        }

        .also-like #you-may-also-like button.add-bag {
            font-size: 16px;
            line-height: 1;
            background: #333;
        }

        .also-like #you-may-also-like .slick-slide img,
        .rv-slider #recently-viewed .slick-slide img {
            max-width: 304px;
            width: 100%;
            /*margin-right: 20px;*/
        }

        .also-like #you-may-also-like .fbt-name,
        .rv-slider #recently-viewed .fbt-name {
            font-size: 16px;
            margin-bottom: 10px;
            line-height: 23px;
            color: #313135;
        }

        .also-like #you-may-also-like .id-item,
        .rv-slider #recently-viewed .id-item {
            font-size: 14px;
            line-height: 24px;
            color: #636363;
            text-align: left;
        }

        .also-like #you-may-also-like .fbt-price-sale,
        .rv-slider #recently-viewed .fbt-price-sale {
            font-size: 14px;
            line-height: 24px;
            color: #636363;
        }

        .also-like #you-may-also-like .fbt-price-sale span,
        .rv-slider #recently-viewed .fbt-price-sale span {
            display: block;
            font-size: 18px;
            line-height: 24px;
            color: #E41F2E;
        }

        .also-like #you-may-also-like .fbt-price,
        .rv-slider #recently-viewed .fbt-price {
            font-size: 20px;
            line-height: 24px;
            color: #313135;
        }

        #recently-viewed .slick-arrow {
            top: 34%;
        }

        @media (min-width: 768px) {
            #recently-viewed .slick-arrow {
                top: 25%;
            }
        }

        @media (min-width: 1024px) {
            #recently-viewed .slick-arrow {
                top: 20%;
            }
        }

        @media (min-width: 1440px) {
            #you-may-also-like .slick-arrow {
                top: 25%;
            }

            #recently-viewed .slick-arrow {
                top: 33%;
            }
        }

        .also-like #you-may-also-like .slick-prev,
        .rv-slider #recently-viewed .slick-prev {
            left: -10px;
        }

        .also-like #you-may-also-like .slick-next,
        .rv-slider #recently-viewed .slick-next {
            right: -10px;
        }

        .also-like #you-may-also-like .item-price-wrap {
            padding: 0 22px;
        }

        .also-like #you-may-also-like .size-select {
            display: none;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #f5f5f5;
            width: 100%;
            height: 100%;
            z-index: 3;
        }

        .also-like #you-may-also-like .size-add .size-select>p {
            font-size: 16px;
            text-align: center;
            padding-top: 10px;
        }

        .also-like #you-may-also-like .size-add .size-select ul {
            width: 95%;
            margin: .5rem auto;
            margin-bottom: .75rem;
            background: #fff;
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
            border: 5px solid #fff;
            border-radius: 3px;
            max-height: 325px;
            overflow: auto;
        }

        .also-like #you-may-also-like .size-add .size-select li {
            font-size: .75rem;
            color: #444;
            padding: 5px 0;
            padding-left: 10px;
            cursor: pointer;
            margin: 0px;
            border-top: none;
            border-bottom: 1px solid #eee;
            text-align: left;
        }

        .also-like #you-may-also-like .size-add .size-select li:last-child {
            border-bottom: 0;
        }

        .also-like #you-may-also-like .size-add .size-select li:hover {
            background-color: #ebd8c2;
            cursor: pointer;
            border-top: none;
        }

        @media (max-width: 767px) {
            .also-like #you-may-also-like .size-add .size-select>p {
                font-size: 18px;
            }

            .also-like #you-may-also-like .size-add .size-select ul {
                margin: 1rem auto;
            }

            .also-like #you-may-also-like .size-add .size-select li {
                padding-top: 15px;
                padding-bottom: 15px;
                font-size: 1rem;
            }
        }

        .also-like #you-may-also-like .size-add .size-select button {
            background: #000;
            color: #fff;
            padding: .5rem;
            font-size: .75rem;
            border-radius: 3px;
            margin: 0 auto;
            display: block;
            line-height: .75em;
            text-transform: uppercase;
            cursor: pointer;
        }

        .right-cSlider {
            margin-top: 15px;
            margin-bottom: 30px;
        }

        .right-cSlider .slick-track,
        #you-may-also-like .slick-track,
        #recently-viewed .slick-track {
            margin-left: inherit;
        }

        .right-cSlider .cSlider__item {
            margin-right: 10px;
        }

        .right-cSlider .cSlider__item img {
            padding: 15px;
            border-radius: 4px;
        }

        .right-cSlider .slick-prev {
            left: -20px;
            transform: translateY(-30%);
        }

        .right-cSlider .slick-next {
            right: -20px;
            transform: translateY(-30%);
        }

        .right-cSlider .slick-disabled {
            display: none !important;
        }

        .right-cSlider .cSlider__item-img {
            position: relative;
            border: 1px solid transparent;
        }

        .right-cSlider .cSlider__item-img:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .04);
        }

        .right-cSlider .is-active .cSlider__item-img,
        .right-cSlider .cSlider__item-img:hover {
            position: relative;
            border: 1px solid #333;
            border-radius: 3px;
        }

        .left-cSlider .images-wrap {
            display: flex;
            flex-wrap: wrap;
            flex: 1 1;
            align-self: flex-start;
            margin: -5px;
        }

        .left-cSlider .item-img-wrap {
            position: relative;
            display: flex;
            margin: 10px;
            cursor: pointer;
        }

        .item-img-wrap.no-modal {
            cursor: default;
        }

        .item-img-wrap > .item-img-wrap {
            margin: 0;
        }

        .left-cSlider .item-img-wrap:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .04);
            z-index: 1;
        }

        .left-cSlider .item-img-wrap a {
            z-index: 2;
        }

        .left-cSlider .item-img-wrap:before,
        .product-image-slider .slick-slide:before,
        #ymal-slider .carousel__content--img-wrap:before,
        #rv-slider .carousel__content--img-wrap:before {
            position: absolute;
            content: "\f110";
            top: 46%;
            left: 47%;
            transform: translate(-50%, -50%);
            font-family: Font Awesome\ 5 Pro;
            font-weight: 900;
            -webkit-animation: fa-spin 2s linear infinite;
            animation: fa-spin 2s linear infinite;
            z-index: -1;
        }

        #product-video-mob .play-btn-wrap {
            position: relative;
        }

        .left-cSlider .item-img-wrap.multi-img {
            flex-direction: column;
            flex-basis: calc(50% - 20px);
        }

        .left-cSlider .item-img-wrap.single-img {
            flex-direction: row;
            flex-basis: 100%;
        }

        .container.gallery-item--expanded {
            margin: auto;
            width: 100%;
            max-width: 100%;
            padding: 0;
        }

        .isGallery-item--expanded {
            visibility: hidden;
            height: 0;
            opacity: 0;
            margin: 0;
        }

        .container .left-cSlider .js-zoom {
            cursor: url('/img/cursor-plus.png'), crosshair;
            cursor: -webkit-image-set(url('/img/cursor-plus.png') 1x), crosshair;
            -ms-flex-preferred-size: 100%;
        }

        .container.gallery-item--expanded .left-cSlider .js-zoom {
            cursor: url('/img/cursor-minus.png'), crosshair;
            cursor: -webkit-image-set(url('/img/cursor-minus.png') 1x), crosshair;
            -ms-flex-preferred-size: 100%;
            margin: 0 0 10px;
            padding: 50px 0;
            /* background: #F2F3F4;*/
            min-height: 844px;
            height: 100%;
        }

        .slick-lazyload-error,  
        .product-image-slider img[data-lazy],
        .left-cSlider img[data-lazy],
        .carousel__content--img-wrap img[data-lazy] {
            visibility: hidden;
        }

        .product-image-slider img.slick-lazyload-error,
        .product-image-slider img[data-lazy],
        .carousel__content--img-wrap img.slick-lazyload-error,
        .carousel__content--img-wrap img[data-lazy] {
            height: 255px;
        }

        @media (min-width: 768px) {
            .left-cSlider img.slick-lazyload-error,
            .left-cSlider img[data-lazy] {
                height: 206px;
            }
        }

        @media (min-width: 1024px) {
            .left-cSlider img.slick-lazyload-error,
            .left-cSlider img[data-lazy] {
                height: 283px;
            }
        }

        @media (min-width: 1440px) {
            .left-cSlider img.slick-lazyload-error,
            .left-cSlider img[data-lazy] {
                height: 508px;
            }
        }

        .cSlider img {
            font-size: 0;
        }

        .cSlider--single,
        .cSlider--nav,
        .product-image-slider,
        .product-image-slider--nav {
            opacity: 0;
            visibility: hidden;
            transition: opacity 1s ease;
            -webkit-transition: opacity 1s ease;
        }

        .cSlider--single.slick-initialized,
        .cSlider--nav.slick-initialized,
        .product-image-slider.slick-initialized,
        .product-image-slider--nav.slick-initialized {
            visibility: visible;
            opacity: 1;
        }

        /*JJJ*/
/*
        #slideshow .product-image-slider.active .slick-dots {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
        }

        #slideshow .product-image-slider.active .slick-dots .slide-dot {
            display: flex;
        }
*/
        #slideshow .product-image-slider.active .slick-dots {
            display: flex;
            align-items: center;
            margin-bottom: 0.5rem;
            padding: 0 0.5rem;  /* this is the same value as in the .product-image-slider .slick-track gap */
        }

        #slideshow .product-image-slider.active .slick-dots .slide-dot {
            display: flex;
            margin: 0 0;
            height: 0.2rem;
            width: auto;            
            border-radius: unset;
        }

        #slideshow .product-image-slider.active .slick-dots li {
            flex: 1 1 auto; /* allow slide dot to flex */
        }

        #slideshow .demo-video {
            max-width: 99%; /* avoid a thin border on the bottom and the right of the video */
        }
        /*JJJ*/

        #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot {
            background: #454545;
        }

        /*JJJ*/
/*
        #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-video,
        #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-360 {
            background: transparent;
            border-color: #454545;
        }

        #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-video i,
        #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-360 span {
            color: #454545;
        }
*/
        @media (min-width: 768px) {
            #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-video,
            #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-360 {
                background: transparent;
                border-color: #454545;
            }

            #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-video i,
            #slideshow .product-image-slider.active .slick-dots .slick-active .slide-dot.play-360 span {
                color: #454545;
            }
        }
        /*JJJ*/

        .carousel__content--img-wrap img {
            font-size: 12px;
            color: #666;
        }

        main.overflow-hidden {
            padding: 0;
        }

        .container.gallery-item--expanded .left-cSlider .item-img-wrap:not(.js-zoom) {
            display: none;
        }

        .container.gallery-item--expanded #left-container {
            width: 100%;
        }

        #left-container .left-cSlider .item-img-wrap .product-video-wrap {
            max-width: 500px;
            transform: translateY(-50%);
            z-index: 2;
        }

        .container.gallery-item--expanded #left-container .left-cSlider .item-img-wrap .product-video-wrap {
            max-width: 100%;
        }

        .container.gallery-item--expanded #left-container .left-cSlider .item-img-wrap .product-video-wrap video {
            width: 1200px;
        }

        #left-container .left-cSlider .item-img-wrap .product-video-wrap video {
            transform: translateY(50%);
        }

        #product-video-mob .play-btn,
        #left-container .left-cSlider .play-btn {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 36px;
            color: #000;
            transition: transform .1s;
            z-index: 1;
        }

        #product-video-mob .play-btn:after,
        #left-container .left-cSlider .play-btn:after {
            position: absolute;
            content: '';
            top: 50%;
            left: 50%;
            width: 120px;
            height: 120px;
            background-color: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
        }

        #left-container .left-cSlider .play-btn:hover:after,
        #left-container .left-cSlider .play-btn:hover {
            transform: translate(-50%, -50%) scale(.98);
        }

        #product-video-mob img[src] + .play-btn,
        #left-container .left-cSlider img[src] + .play-btn {
            display: block;
        }

        @media (max-width: 1279px) {
            #left-container .left-cSlider .play-btn {
                font-size: 30px;
            }

            #left-container .left-cSlider .play-btn:after {
                width: 80px;
                height: 80px;
            }
        }

        @media (max-width: 767px) {
            #product-video-mob .play-btn {
                font-size: 30px;
            }

            #product-video-mob .play-btn:after {
                width: 75px;
                height: 75px;
            }
        }

        .container.gallery-item--expanded .left-cSlider .images-wrap {
            flex-direction: column;
        }

        .container.gallery-item--expanded .left-cSlider .item-img-wrap img {
            margin: auto;
        }

        .container--gallery-open {
            -webkit-animation: fadein .5s forwards;
            animation: fadein .5s forwards;
            max-width: none;
        }

        .container--gallery-closed {
            -webkit-animation: fadebackin .5s forwards;
            animation: fadebackin .5s forwards
        }

        .left-cSlider .slick-slide {
            overflow: hidden;
        }

        .left-cSlider .slick-slide .images-wrap {
            transform: translateY(50px);
        }

        .left-cSlider .slick-current .images-wrap {
            transform: translateY(0px);
            transition: transform 0.5s ease 0s, opacity 0.25s ease 0s;
            animation: fadein .5s forwards
        }

        .left-cSlider .slick-active .images-wrap {
            transform: translateY(0px);
            transition: transform 0.5s ease 0s, opacity 0.25s ease 0s;
            animation: fadein .5s forwards
        }

        @keyframes fadein {
            0% {
                opacity: 0
            }

            20% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes fadebackin {
            0% {
                opacity: 0
            }

            20% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        #right-container .right-cSlider {
            max-width: 70%;
        }

        @media (max-width: 1599px) {
            #right-container .right-cSlider {
                width: 430px;
            }
        }

        @media (max-width: 1439px) {
            #right-container .right-cSlider {
                width: 405px;
            }
        }

        @media (max-width: 1365px) {
            #right-container .right-cSlider {
                width: 375px;
            }
        }

        @media (max-width: 1279px) {
            #right-container .right-cSlider {
                width: 350px;
            }

            .also-like #you-may-also-like .slick-prev,
            .rv-slider #recently-viewed .slick-prev {
                left: -10px;
            }

            .also-like #you-may-also-like .slick-next,
            .rv-slider #recently-viewed .slick-next {
                right: -10px;
            }
        }

        @media (max-width: 1023px) {
            #right-container .right-cSlider {
                width: 270px;
            }

            .select-wrap span,
            .myfit-activator-wrap span,
            .reviews-wrapper-top-title {
                font-size: 14px;
            }

            .reviews-wrapper .name {
                font-size: 13px;
                line-height: 1;
            }

            .reviews-wrapper .customer-ratings,
            #reviews-modal .customer-ratings,
            .reviews-wrapper-top .rating-star {
                font-size: 10px;
            }

            .myfit-activator .my-text,
            .myfit-activator .fit-text {
                font-size: 18px;
            }
        }

        @media (max-width: 768px) {
            .reviews-wrapper-top .rating__control li,
            .reviews-wrapper-top .rating__control li .rating__icon svg {
                height: 14px;
                width: 14px;
            }
        }

        @media (max-width: 767px) {
            #right-container .right-cSlider {
                display: none;
            }

            #reviews-modal .rating-star {
                font-size: 13px;
            }

            .reviews-wrapper-top .rating-star {
                font-size: 8px;
            }

            html[lang=en] .select-wrap {
                width: auto;
                min-width: 50%;
            }
        }

        #reviews-modal .modal__body {
            overflow: auto;
            height: calc(100vh - 155px);
        }

        #reviews-modal .sticky {
            position: fixed !important;
            top: initial !important;
        }

        #reviews-modal .review-border {
            border: 1px solid #ddd;
            border-radius: 3px;
        }

        td.review-summary-percent {
            text-align: left;
            padding-left: 16px;
        }

        @media (max-width: 1110px) {
            #reviews-modal .sticky {
                width: 23%;
            }
        }

        @media (max-width: 1023px) {
            td.review-summary-percent {
                padding-left: 5px;
            }

            #reviews-modal .sticky {
                width: 26%;
            }
        }

        @media (max-width: 767px) {
            #reviews-modal .sticky {
                position: inherit;
                width: 100%;
            }

            #reviews-modal .modal__body,
            #qsns-answs-modal .modal__body {
                height: calc(100vh - 208px);
                overflow: auto;
            }
        }

        #reviews-modal .product-img-wrap {
            /*width: 171px;*/
        }

        #reviews-modal .product-img {
            width: 170px;
            margin: auto;
        }

        @media (max-width: 1025px) {
            #reviews-modal .product-img {
                width: 105px;
            }
        }

        #reviews-modal-title {
            font-size: 1.5rem;
            font-weight:700;
            line-height: 1;
            color: #313135;
            text-transform: uppercase;
        }

        #reviews-modal .review {
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #ddd;
        }

        .reviews-modal-wrapper .name {
            font-size: 1rem;
            line-height: 1.5rem;
            color: #313135;
        }

        .reviews-modal-wrapper #review-title {
            font-size: 1.5rem;
            line-height: 2rem;
            color: #313135;
        }

        .reviews-modal-wrapper #review-content {
            font-size: 16px;
            line-height: 24px;
            color: #313135;
        }

        .reviews-modal-wrapper .verified-purchase {
            font-size: 12px;
            color: #4299E1;
        }

        .reviews-modal-wrapper .review-images {
            margin: 10px 0;
        }

        .reviews-modal-wrapper .review-images .review-img {
            width: 45px;
            height: 45px;
            margin-right: 10px;
            border-radius: 3px;
        }

        .reviews-modal-wrapper .review-images .review-img:last-child {
            margin-right: 0px;
        }

        .reviews-modal-wrapper #helpful,
        .reviews-modal-wrapper #review-date,
        .reviews-wrapper #review-date {
            font-size: 13px;
            line-height: 24px;
            color: #313135;
        }

        #rating-info-mob {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            border: 1px solid #DDDDDD;
            border-radius: 50%;
            padding: 4px 2px 4px 0px;
            color: #000000;
            font-size: 13px;
        }

        #reviews-modal .load-more a {
            width: 210px;
            font-size: 14px;
            line-height: 20px;
            color: #000;
        }

        @media (max-width: 767px) {
            #reviews-modal .load-more a,
            #qsns-answs-modal .load-more a {
                width: 100%;
            }

            html[lang=fr] #reviews-modal .load-more,
            html[lang=fr] #qsns-answs-modal .load-more {
                margin-top: 20px;
            }

            html[lang=en] #reviews-modal .progress-bar,
            html[lang=en] #qsns-answs-modal .progress-bar {
                width: 150px;
            }

            html[lang=fr] #reviews-modal .reviews__bottom-wrap,
            html[lang=fr] #qsns-answs-modal .reviews__bottom-wrap {
                flex-direction: column;
            }
        }

        @media (max-width: 375px) {
            #reviews-modal .progress-bar,
            #qsns-answs-modal .progress-bar {
                width: 135px;
            }

            #reviews-modal .load-more a,
            #qsns-answs-modal .load-more a {
                height: 44px;
                font-size: 12px;
            }
        }

        .tooltip-wrap {
            text-align: center;
        }

        .tooltip-wrap .tooltip-sale_color {
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            color: #fff;
        }

        .tooltip-wrap .tooltip-sale_old-prise {
            margin: 4px auto 1px;
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            color: #707070;
        }

        .tooltip-wrap .tooltip-sale_new-prise {
            font-size: 20px;
            font-weight: bold;
            line-height: 24px;
            color: #fff;
        }

        .modal {
            z-index: -1;
        }

        .modal.modal--is-visible {
            z-index: 15;
        }

        .threesixty-slider-modal .modal__close-btn,
        .modal-video .modal__close-btn {
            --modal-close-btn-size: 1em;
            --modal-close-btn-padding: 0;
            position: absolute;
            flex-shrink: 0;
            background-color: transparent;
            right: 10px;
            top: 8px;
            cursor: pointer;
        }

        .threesixty-slider-modal .modal-content {
            max-height: 92%;
        }

        .threesixty-slider-modal .product-360-slider-modal-wrap:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .04);
        }

        .modal-video .aspect-ratio {
            --aspect-ratio: 16/9;
            position: relative;
            height: 0;
            padding-bottom: calc(100%/(var(--aspect-ratio)));
        }

        .modal-video .js-modal-video__media {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .body-fixed #right-container .sticky {
            top: 0 !important;
        }

        .product-image-slider--nav .slick-track {
            width: 100% !important;
            transform: none !important;
        }

        .product-image-slider--nav .product__item {
            width: 20%;
            height: 100%;
            padding: 3px;
        }

        .product-image-slider--nav .product__item-img {
            position: relative;
            border-radius: 3px;
        }

        .product-image-slider--nav .slick-active .product__item-img {
            border: 1px solid #CCCCCC;
        }

        .product-image-slider--nav .product__item-img:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,.04);
            border-radius: 3px;
        }

        .product-image-slider--nav .product__item-img img {
            /*width: 100px;
    height: 100px;
    padding: 15px;*/
            padding: 5px;
            border-radius: 4px;
            font-size: 0;
        }

        #rv-slider .carousel__content .carousel__content--img-wrap.brand-height {
            padding: 24px 0
        }

        @media (max-width: 1800px) {
            #rv-slider .carousel__content .carousel__content--img-wrap.brand-height {
                padding: 12px 0
            }
        }

        @media (max-width: 1280px) {
            #rv-slider .carousel__content .carousel__content--img-wrap.brand-height {
                padding: 10px 0
            }
        }

        @media (max-width: 1024px) {
            #rv-slider .carousel__content .carousel__content--img-wrap.brand-height {
                padding: 8px 0
            }
        }

        @media (max-width: 768px) {
            #rv-slider .carousel__content .carousel__content--img-wrap.brand-height {
                padding: 10px 0
            }
        }

        .product-image-slider {
            display: none;
        }
    

    
        .tooltip-wrap {
            text-align: center;
        }

        .tooltip-wrap .tooltip-sale_color {
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            color: #fff;
        }

        .tooltip-wrap .tooltip-sale_old-prise {
            margin: 4px auto 1px;
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            color: #707070;
        }

        .tooltip-wrap .tooltip-sale_new-prise {
            font-size: 20px;
            font-weight: bold;
            line-height: 24px;
            color: #fff;
        }

        .size-tooltip {
            border: 2px solid #E41F2E;
            background-color: #ffffff;
            text-decoration: none;
            border-radius: 6px;
            padding: 10px 40px;
            color: #E41F2E;
            left: 50%;
            top: -15px;
            transform: translate(-50%, -100%);
            white-space: nowrap;
        }

        @media (max-width: 640px) {
            .size-tooltip {
                width: 100%;
                padding: 10px 0px;
                text-align: center;
            }
        }

        .size-tooltip:before {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 100%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #E41F2E;
        }

        .size-tooltip:after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 98%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border: 13px solid transparent;
            border-top-color: white;
        }
    

    
        <!-- Sezzle pricing -->
        .sezzle-checkout-button-wrapper .sezzle-button-text {
            font-size: 14px !important;
        }

        .sezzle-checkout-button-wrapper.sezzle-modal-link {
            cursor: default !important;
        }

        .sezzle-checkout-button-wrapper .sezzle-button-text .szl-light-image {
            /* margin-left: -15px !important; */
            margin-top: -8px !important;
            padding-right: 5px !important;
        }

        .sezzle-payment-amount {
            margin: 0 2px !important;
            padding-right: 0 !important;
        }

        .sezzle-checkout-button-wrapper.sezzle-modal-link {
            cursor: pointer !important;
        }

        @media (max-width: 767px) {
            .sezzle-checkout-button-wrapper .sezzle-button-text {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                /*justify-content: center !important;*/
            }

            .sezzle-checkout-button-wrapper .sezzle-button-text .szl-light-image {
                margin-left: 5px !important;
                margin-top: -6px !important;
            }
        }
    

    

        /* Hide scrollbar for Chrome, Safari and Opera */
/*
        .softmoc-mobile-slider.active {
            display: flex;
            visibility: visible;
            opacity: 1;
        }
*/

        .softmoc-mobile-slider.active {
            display: flex;
            visibility: visible;
            opacity: 1;
            flex-direction: column;
        }

        .softmoc-mobile-slider div {
            position: relative;
        }

        .softmoc-mobile-slider > div:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .04);
            pointer-events: none; /* Allow clicks to pass through JJJ */
        }

        .softmoc-mobile-slider {
            display: none;
            flex-wrap: nowrap;
            overflow-x: scroll;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .softmoc-mobile-slider.zoom-active {
            overflow: visible;
        }

        /* JJJ */
/*
        .softmoc-mobile-slider > div {
            margin-right: 4px;
            flex: 0 0 auto;
            width: 75%;
        }
*/
        .softmoc-mobile-slider > div {
            margin-right: 4px;
            width: 100%; 
        }
         /* JJJ */

        .softmoc-mobile-slider::-webkit-scrollbar {
            display: none;
        }

        .MyWindowScreenFrame.zoom-active {
            overflow: hidden;
        }

        /* Hide scrollbar for IE, Edge and Firefox */
        .softmoc-mobile-slider {
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }

        .softmoc-mobile-slider .slide-zoom.zoom-active .image-container:before {
            font-family: 'Font Awesome\ 5 Pro';
            font-weight: 900;
            content: "\f057";
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
        }

        .softmoc-mobile-slider .slide-zoom.zoom-active {
            position: fixed; /*If used, out of normal flow, next slide will display in slick instead of slide-zoom JJJ*/
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: rgba(0, 0, 0, .7);
            z-index: 6;
        }

        .softmoc-mobile-slider .slide-zoom.zoom-active .image-container {
            position: relative;
            width: 100%; 
            height: auto;
            overflow: hidden;
        }

        /*JJJ*/
        #image-zoom-modal .modal__close-btn,
        .modal__close-btn.image-zoom-modal__close-btn,
        .modal__close-btn.image-zoom-modal__close-btn:hover {
            background: transparent;
            padding: 0;
        }

        #image-zoom-modal .modal__content {
            width: 92.8% !important;
        }
        /*JJJ*/
    

    
        #sezzle-modal .modal__close-btn,
        .modal__close-btn.sezzle-modal__close-btn,
        .modal__close-btn.sezzle-modal__close-btn:hover {
            background: transparent;
            padding: 0;
        }

        #sezzle-logo {
            font-size: 45px;
        }

        .sezzle-container {
            text-align: center;
            font-family: 'comfortaa-regular';
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        .sezzle-container p {
            color: #272727;
            font-size: 16px;
            line-height: 1.47;
        }

        .sezzle-container .sezzle-logo {
            padding-top: 40px;
            padding-bottom: 20px;
        }

        .sezzle-container .sezzle-logo svg {
            width: 250px;
            height: auto;
            margin: auto;
        }

        .sezzle-container section .sezzle-hiw-pie-bg {
            height: 151px;
            width: 507px;
            margin: 0 auto 40px;
            border-radius: 23px;
            background-color: #FFFFFF;
            box-shadow: 0 2px 20px 4px rgba(0, 0, 0, 0.06);
            position: relative;
        }

        .sezzle-payment-pie-graph {
            position: absolute;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            top: 15%;
        }

        .sezzle-container .sezzle-row {
            box-sizing: border-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex: 0 1 auto;
            -webkit-box-flex: 0;
            flex: 0 1 auto;
            -ms-flex-direction: row;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .sezzle-container section .breakdown-row {
            text-align: center;
            max-width: 390px;
            min-width: 390px;
            justify-content: space-between;
            margin: auto 60px;
            position: absolute;
            top: 60%;
        }

        .sezzle-container section .breakdown-row .breakdown {
            color: #382757;
            font-size: 28px;
            font-family: 'comfortaa-semi-bold';
            line-height: 20px;
        }

        .sezzle-container section .breakdown-row span {
            color: #382757;
            font-size: 18px;
            line-height: 35px;
            margin: 0;
        }

        html[lang=fr] .sezzle-container section .breakdown-row span {
            font-size: 14px;
        }

        .sezzle-container section {
            max-width: 860px;
        }

        .sezzle-container h4 {
            font-size: 18px;
        }

        .sezzle-container h2.sezzle-header-2 {
            margin: 0 0 12px;
            color: #382757;
            font-family: 'comfortaa-semi-bold';
            font-size: 60px;
            line-height: 1.5;
            text-align: center;
        }

        .sezzle-container p.sezzle-description {
            margin: 0 auto 40px;
            max-width: 600px;
        }

        .sezzle-container .sezzle-hr {
            width: 78px;
            height: 3px;
            margin: 10px auto 40px;
            background-color: #29D3A2;
            border: 1px solid #29D3A2;
            display: block;
            border-radius: 63px;
            opacity: 1;
        }

        .sezzle-container h3.sezzle-header-3,
        h2.sezzle-header-3 {
            margin: 20px 0 12px;
            color: #382757;
            font-family: 'comfortaa-semi-bold';
            font-size: 30px;
            line-height: 60px;
            text-align: center;
        }

        .sezzle-container p.sezzle-note {
            color: #382757;
            font-family: 'comfortaa-regular';
            font-size: 12px;
            text-align: center;
        }

        .sezzle-container .how-to-sezzle .sezzle-column {
            width: 33.33%;
            float: left;
            margin-bottom: 40px;
        }

        .sezzle-container .how-to-sezzle .sezzle-hiw-bg {
            height: 150px;
            width: 150px;
            background: #FCD7B6;
            border-radius: 50%;
            position: relative;
            margin: 0 auto;
        }

        .sezzle-container .how-to-sezzle img.sezzle-hiw-image {
            position: absolute;
            margin: auto;
            display: inherit;
            bottom: 0
        }

        .sezzle-container .how-to-sezzle img.sezzle-hiw-sezzle-it {
            min-width: 198px;
            max-width: 198px;
            left: -15%;
            right: -15%;
            top: 5%;
            bottom: 0;
        }

        .sezzle-container .how-to-sezzle .sezzle-column img.sezzle-hiw-checkout {
            min-height: 145px;
            max-height: 145px;
            top: 25%;
            left: -20%;
            right: -20%;
        }

        .sezzle-container .how-to-sezzle .sezzle-column img.sezzle-hiw-shop {
            min-width: 175px;
            max-width: 175px;
            top: 20%;
            left: 5%;
            right: 0;
            bottom: 0;
        }

        .sezzle-container .how-to-sezzle .sezzle-column .sezzle-steps-header {
            text-transform: uppercase;
            font-size: 21px;
            font-weight: bold;
            letter-spacing: 2.04px;
            line-height: 22px;
            color: #D14507;
            margin-top: 30px;
        }

        .sezzle-container .how-to-sezzle .sezzle-column .sezzle-steps-copy {
            font-size: 16px;
            width: 80%;
            margin: auto;
        }

        /* clears the float */
        .sezzle-container .how-to-sezzle:after {
            content: "";
            display: table;
            clear: both;
        }

        .sezzle-container .sezzle-app {
            flex: 1;
            padding: 8px;
        }

        .sezzle-container .sezzle-app .sezzle-row {
            justify-content: center;
        }

        .sezzle-container .sezzle-app .sezzle-row img {
            flex: 1;
            padding: 8px;
            min-height: 60px;
            max-height: 60px;
            width: auto;
        }

        .sezzle-container section .subtitle-small {
            color: #272727;
            font-family: 'comfortaa-regular';
            font-size: 18px;
            line-height: 52px;
            text-align: center;
        }

        @media screen and (max-width: 786px) {
            .sezzle-container .how-to-sezzle {
                margin-top: 0px;
            }
        }

        @media screen and (max-width: 767px) {
            .sezzle-container section .sezzle-hiw-pie-bg {
                height: 97px;
                width: 300px;
                margin-bottom: 40px;
            }

            .sezzle-container section .sezzle-hiw-pie-bg .sezzle-payment-pie-graph {
                width: 72%;
                height: auto;
            }

            .sezzle-container section .breakdown-row {
                min-width: 230px;
                max-width: 230px;
                margin: auto 39px;
                top: 50%;
            }

            .sezzle-container section .breakdown-row span {
                font-size: 12px;
                line-height: 16px;
            }

            html[lang=fr] .sezzle-container section .breakdown-row span {
                font-size: 8px;
            }

            .sezzle-container section .breakdown-row .breakdown {
                font-size: 16px;
                line-height: 16px;
            }

            .sezzle-container h3.sezzle-header-3,
            h2.sezzle-header-3 {
                margin-top: 0px;
                font-size: 15px !important;
            }

            .sezzle-container .how-to-sezzle .sezzle-column {
                width: 100%;
                float: left;
                margin-bottom: 40px;
            }

            .sezzle-container .how-to-sezzle .sezzle-column .sezzle-steps-header {
                font-size: 19px;
            }

            .sezzle-container .sezzle-logo {
                padding-bottom: 0;
            }

            .sezzle-container .sezzle-logo svg {
                width: 150px;
            }

            .sezzle-container .sezzle-hr {
                width: 45px;
                height: 2px;
                margin: 10px auto 30px;
            }
        }

        @media screen and (max-width: 350px) {
            .sezzle-container section .sezzle-hiw-pie-bg {
                height: 97px;
                max-width: 275px;
                width: 100%;
                margin-bottom: 40px;
            }

            .sezzle-container section .breakdown-row {
                min-width: 200px;
                max-width: 200px;
                margin: auto 30px;
            }

            .sezzle-container section .breakdown-row .breakdown {
                font-size: 14px;
            }

            .sezzle-container section .breakdown-row span {
                font-size: 10px;
            }

            html[lang=fr] .sezzle-container section .breakdown-row span {
                font-size: 8px;
            }
        }
    

    
          .alert {
            background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
            color: var(--color-contrast-higher);
            position: absolute;
            clip: rect(1px, 1px, 1px, 1px);
            -webkit-clip-path: inset(50%);
                    clip-path: inset(50%);
          }
          .alert__icon {
            color: var(--color-primary);
          }
          .alert__close-btn {
            display: inline-flex;
            flex-shrink: 0;
            transition: 0.3s var(--ease-out);
          }
          .alert__close-btn .icon {
            display: block;
          }
          .alert__close-btn:hover {
            transform: scale(1.1);
          }
          .alert--success {
            background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
          }
          .alert--success .alert__icon {
            color: var(--color-success);
          }
          .alert--error {
            background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
          }
          .alert--error .alert__icon {
            color: var(--color-error);
          }
          .alert--warning {
            background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
          }
          .alert--warning .alert__icon {
            color: var(--color-warning);
          }
          .alert--is-visible {
            position: static;
            clip: auto;
            -webkit-clip-path: none;
                    clip-path: none;
          }

            .copy-icon {
                margin-right: 5px;
                cursor: pointer;
            }

            .copy-button {
                height: 32px;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 8px 16px;
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
                background-color: #f3f4f6;
                border: 1px solid #d1d5db;
                border-radius: 6px;
                transition: all 0.2s ease;
                color: #374151;
              }

              .copy-button:hover {
                background-color: #e5e7eb;
                border-color: #9ca3af;
              }

              .copy-button:active {
                background-color: #d1d5db;
                transform: scale(0.98);
              }

              /* Success state styling */
              .copy-button.success {
                background-color: #ecfdf5;
                color: #059669;
                border-color: #10b981;
              }
    

    
        @media (min-width: 768px) {
            .review-div {
                height: 600px; 
                overflow-y: auto;
                overflow-x: hidden;
            }
        }

        @media (min-width: 1366px) {
            .review-div {
                height: 800px; 
                overflow-y: auto;
                overflow-x: hidden;
            }
        }

        @media (min-width: 1600px) {
            .review-div {
                height: 1200px; 
                overflow-y: auto;
                overflow-x: hidden;
            }
        }

        .reviews-section {
          padding: 100px 64px;
          display: flex;
          flex-direction: column;
          gap: 56px;
        }

        .reviews-section h2 {
          font-weight: 700;
          font-size: 40px;
          text-transform: uppercase;
        }

        .rating-summary {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          gap: 16px;
          flex-wrap: wrap;
        }

        .review-filter {
          max-width: 500px;
          width: 100%;
        }

        .review-filter .label {
          max-width: 40px;
          width: 100%;
          font-size: 16px;
          color: #030712;
          font-weight: 400;
          line-height: 140%;
        }

        .review-filter p {
          font-weight: 400;
          font-size: 16px;
          line-height: 140%;
        }

        .review-filter .row {
          display: flex;
          align-items: center;
          gap: 12px;
          margin: 8px 0;
          cursor: pointer;
        }

        .count {
          font-size: 14px;
          color: #374151;
        }

        .score {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px;
          font-size: 14px;
        }

        .score .recommend {
          font-weight: 400;
          font-size: 16px;
          line-height: 140%;
          color: #030712;
        }

        .big-score {
          display: flex;
          align-items: center;
          font-size: 2rem;
          font-weight: 700;
          line-height: 120%;
        }

        .big-score .label {
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          margin-left: 8px;
          font-size: 14px;
          font-weight: 500;
          line-height: 140%;
        }

    

    <!-- review details -->
    
        .reviews-list {
          display: flex;
          flex-direction: column;
          gap: 15px;

          .review {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #e5e7eb;
            padding-top: 15px;
            flex-direction: column;

            .review-text {
              flex: 1 1 0;
              max-width: 50rem;
            }
          }

          .review-header {
            display: flex;
            align-items: center;
            gap: 16px;
            height: min-content;
            width: 100%;
            max-width: 28.125rem;
            flex-wrap: wrap;
          }

          .review-header .user {
            font-size: 20px;
            font-weight: 700;
            color: #030712;
          }

          .review-header .verified {
            display: flex;
            align-items: last baseline;
            gap: 10px;
            background-color: #f3f4f6;
            color: #374151;
            padding: 8px 12px;
            font-size: 14px;
            font-weight: 700;
            line-height: 120%;
            text-transform: uppercase;
          }

          .review-text .stars {
            line-height: 100%;
            color: #030712;
            font-size: 26px;
          }

          .review-text .title {
            color: #030712;
            font-weight: 700;
            font-size: 1.2rem;
            line-height: 140%;
            text-transform: uppercase;
            margin-top: 12px;
          }

          .review-text .description {
            max-width: 800px;
            margin-top: 16px;
            font-weight: 400;
            font-size: 16px;
            line-height: 140%;
            color: #1f2937;
          }

          .time {
            text-wrap: nowrap;
            margin-right: 10%;
            font-size: 12px;
          }

          .show-more {
            display: flex;
            align-items: center;
            gap: 8px;
            align-self: center;
            padding: 12px 20px;
            background-color: transparent;
            border: 1px solid #030712;
            cursor: pointer;
            font-weight: 700;
            font-size: 18px;
            line-height: 140%;
            text-transform: uppercase;
          }

          .devider {
            width: 100%;
            height: 1px;
            background-color: #e5e7eb;
            margin-top: 24px;
          }

          .time-mobile {
            display: none;
          }
        }

        @media (max-width: 768px) {
          .reviews-list {
            gap: 24px;
            .review {
              flex-direction: column;
              align-items: flex-start;
              padding-top: 32px;
            }

            .review-header {
              width: 100%;
              justify-content: space-between;
            }

            .time {
              display: none;
            }

            .review-text .stars {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 24px;
            }

            .time-mobile {
              display: block;
              font-weight: 400;
              font-size: 14px;
              line-height: 140%;
            }

            .show-more {
              width: 100%;
              justify-content: center;
              padding: 12px 0;
            }
          }
        }