/*
Shop
*/

/**Col product archive**/
.products.columns-4 {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 31px 22px;
   margin: 0px;
}

.col-product-archive {
   position: relative;
}

.col-product-archive .product-colors-swatch .product-variations {
   max-width: max-content;
}

.col-product-archive .product-reviews-stars-wrapper {
   display: none !important;
}

.section-related-products .col-product-archive .product-reviews-stars-wrapper,
.section-recently-viewed .col-product-archive .product-reviews-stars-wrapper {
   display: flex !important;
}

.col-product-archive .product-reviews-stars-wrapper {
   display: flex;
   align-items: center;
   gap: 6px;
   margin-bottom: 14px;
   margin-top: -8px;
}

.col-product-archive .product-reviews-stars-wrapper p.stars-total-reviews {
   font-size: 12px;
   margin-bottom: -9px;
}

.col-product-archive .product-reviews-stars-wrapper .flex-stars {
   height: 12px;
}

.col-product-archive .image-cover {
   padding-top: 145%;
   border-radius: 0;
}

.col-product-archive.disabled .image-cover {
   filter: blur(2px);
}

.col-product-archive img.hover-image {
   opacity: 0;
   visibility: hidden;
}

.col-product-archive .image-cover:hover img.hover-image {
   opacity: 1;
   visibility: visible;
}

.col-product-archive .image-cover:hover img.main-image {
   opacity: 0;
   visibility: hidden;
}

.col-product-archive.product-col {
   padding: 0px;
   position: relative;
}

/*
.col-product-archive.product-col.disabled {
   pointer-events: none;
}
*/
.col-product-archive.product-col.disabled .wishlist-wrapper {
   display: none;
}

.col-product-archive.product-col.disabled .out-of-stock-general {
   position: absolute;
   inset: 0;
   max-height: max-content;
   margin: auto;
   z-index: 10;
   width: 100%;
   text-align: center;
   padding: 20px;
   background: rgb(148 148 148 / 40%);
   color: white;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.6px;
}

.col-product-archive .box-text {
   margin-top: 10px;
}

.col-product-archive .price-wrapper {
   margin-top: 8px;
   font-size: 16px;
   margin-bottom: 0;
}

.col-product-archive .price-wrapper ins {
   font-weight: 400;
   color: #000;
   letter-spacing: 0.55px;
   font-size: 15px;
}

.col-product-archive .price-wrapper .bgn-price-line {
   margin-top: -5px;
}

.col-product-archive .price-wrapper .bgn-price-line ins,
.col-product-archive .price-wrapper .bgn-price-line del {
   font-size: 13px;
}

.col-product-archive .price-wrapper ins.special-color {
   color: #dc143c;
   font-weight: 700;
   text-transform: uppercase;
}

.col-product-archive .price-wrapper del {
   color: #000;
   margin-right: 5px;
   font-weight: 200;
   letter-spacing: 0.55px;
   font-size: 15px;
}

.col-product-archive .product-title-archive {
   font-size: 14px;
   margin-bottom: 6px;
   letter-spacing: 1.6px;
   text-transform: uppercase;
   font-weight: 600;
}

.col-product-archive .badge.best-seller {
   position: absolute;
   bottom: 2%;
   left: 0%;
   text-transform: uppercase;
   background: white;
   color: #000;
   font-size: 12px;
   font-weight: 400;
   padding: 3px 10px;
   border-radius: 0;
   margin: 0;
}

.col-product-archive .top-terms-wrapper {
   position: absolute;
   top: 3%;
   left: 0%;
   display: flex;
   gap: 5px;
}

.col-product-archive .top-terms-wrapper .badge {
   text-transform: uppercase;
   background: #FFF;
   color: #000;
   font-size: 12px;
   font-weight: 600;
   padding: 3px 10px;
   margin: 0;
}

.col-product-archive .top-terms-wrapper .badge.sale {
   text-transform: uppercase;
   background: #dc143c;
   color: #FFF;
}

.col-product-archive .top-terms-wrapper .badge.sale.limited {
   background: #ff696a;
   background: linear-gradient(106.5deg, rgb(255 103 103 / 99%) 23%, rgb(195 53 248) 93%);
}

.col-product-archive .top-terms-wrapper .badge.out-stock {
   background: #000;
   color: #FFF;
}

/*New offer*/
.marquee {
   position: relative;
   width: 100%;
   max-width: 100%;
   height: 50px;
   overflow-x: hidden;
   display: flex;
   align-items: center;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 14px;
}

.marquee .track {
   display: flex;
   gap: 20px;
   position: absolute;
   white-space: nowrap;
   will-change: transform;
   animation: marquee 30s linear infinite;
}

@keyframes marquee {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(-50%);
   }
}

.current-offer-shop-main {
   /*background: linear-gradient(106.5deg, #561c1c 23%, #bf243e 93%);*/
   /*background: linear-gradient(106.5deg, #a177a7 23%, #e54fbd 93%);
   position: relative;
   overflow: hidden;
   -webkit-mask-image: -webkit-radial-gradient(white, black);
   will-change: transform;*/
   background-image: url(/wp-content/themes/authletic-redesign/assets/autumn_sale-v2.jpg);
   background-size: cover;
   background-position: center center;
}

.current-offer-shop-main .marquee {
   border-top: 0px solid black;
   border-bottom: 1px solid white;
   color: white;
   font-size: 11px;
   height: 30px;
}

.current-offer-shop-main .inner {
   border-radius: 5px;
   box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
   background: #FFF;
   /*background: linear-gradient(106.5deg, rgb(255 255 255) 23%, rgb(255 230 230) 93%);*/
   margin: 0px 20px;
   padding: 20px;
   padding-left: 30px;
   padding-right: 30px;
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
   line-height: 1.4;
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
}

/*
.current-offer-shop-main .inner::before {
   position: absolute;
   content: "";
   height: 40px;
   left: -20px;
   border-radius: 40px;
   z-index: 1;
   top: 0;
   bottom: 0;
   margin-top: auto;
   margin-bottom: auto;
   background-color: #351414;
   width: 40px;
}

.current-offer-shop-main .inner::after {
   position: absolute;
   content: "";
   height: 40px;
   right: -20px;
   border-radius: 40px;
   z-index: 1;
   top: 0;
   bottom: 0;
   margin-top: auto;
   margin-bottom: auto;
   background-color: #8e0808;
   width: 40px;
}
*/
.current-offer-shop-main .inner .left {
   width: 40%;
   flex-basis: 40%;
}

.current-offer-shop-main .inner .right {
   width: 60%;
   flex-basis: 60%;
}

.current-offer-shop-main .vertical {
   border-left: 3px dotted black;
   height: 100px;
   min-height: 100px;
   height: 100%;
}

.current-offer-shop-main p.title {
   text-align: center;
   padding: 15px 20px;
   color: #FFF;
   font-size: 20px;
   font-weight: 600;

   font-size: 31px;
   font-weight: 900;
   /* background: #01c7ba;
   background: linear-gradient(180deg, rgba(1, 199, 186, 1) 0%, rgba(1, 199, 186, 0) 100%);*/
}

.current-offer-shop-main p.applies-also {
   color: #000;
   padding: 15px 20px;
   display: block;
   text-align: center;
   font-size: 14px;
   background: #ffffff7d;
   margin-top: 15px;
}

.current-offer-shop-main p.main-text {
   font-size: 10px;
}

.current-offer-shop-main p.main-text span {
   display: block;
   font-size: 16px;
   font-weight: 600;
   line-height: 1;
   margin-top: 5px;
   margin-bottom: 5px;
   text-transform: uppercase;
}

@media (max-width: 1500px) {
   .current-offer-shop-main .inner::before {
      background-color: #2e1414;
   }

   .current-offer-shop-main .inner::after {
      background-color:
         #970808;
   }
}

@media (max-width: 991px) {
   .current-offer-shop-main .inner::before {
      background-color: #1a1616;
   }

   .current-offer-shop-main .inner::after {
      background-color: #a60606;
   }
}

@media (max-width: 580px) {
   .current-offer-shop-main .inner {
      margin: 0px 20px;
   }

   .current-offer-shop-main .inner::before {
      background-color: #171717;
   }

   .current-offer-shop-main .inner::after {
      background-color: #cb0101;
   }
}

/*Snowflakes*/
.snowflakes {
   width: 100%;
   height: 1200px;
   position: absolute;
   top: -500px;
   left: 0;
   will-change: transform;
}

.snowflakes i,
.snowflakes i:after,
.snowflakes i:before {
   background: white;
}

.snowflakes i {
   display: inline-block;
   -webkit-animation: snowflakes 3s linear 2s 20;
   -moz-animation: snowflakes 3s linear 2s 20;
   position: relative;
}

.snowflakes i:after,
.snowflakes i:before {
   height: 100%;
   width: 100%;
   content: ".";
   position: absolute;
   top: 0px;
   left: 0px;
   -webkit-transform: rotate(120deg);
}

.snowflakes i:before {
   -webkit-transform: rotate(240deg);
}

@-webkit-keyframes snowflakes {
   0% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
   }

   100% {
      -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
   }

   ;
}

.snowflakes i:nth-child(3n) {
   width: 16px;
   height: 4px;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: 30;
   -webkit-transform-origin: right -45px;
}

.snowflakes i:nth-child(3n+1) {
   width: 24px;
   height: 6px;
   -webkit-animation-duration: 6s;
   -webkit-animation-iteration-count: 45;
   -webkit-transform-origin: right -30px;
}

.snowflakes i:nth-child(3n+2) {
   width: 32px;
   height: 8px;
   -webkit-animation-duration: 8s;
   -webkit-animation-iteration-count: 60;
   -webkit-transform-origin: right -15px;
}

/* different delays so they don't all start at the same time */
.snowflakes i:nth-child(7n) {
   opacity: .3;
   -webkit-animation-delay: 0s;
   -webkit-animation-timing-function: ease-in;
}

.snowflakes i:nth-child(7n+1) {
   opacity: .4;
   -webkit-animation-delay: 1s;
   -webkit-animation-timing-function: ease-out;
}

.snowflakes i:nth-child(7n+2) {
   opacity: .5;
   -webkit-animation-delay: 1.5s;
   -webkit-animation-timing-function: linear;
}

.snowflakes i:nth-child(7n+3) {
   opacity: .6;
   -webkit-animation-delay: 2s;
   -webkit-animation-timing-function: ease-in;
}

.snowflakes i:nth-child(7n+4) {
   opacity: .7;
   -webkit-animation-delay: 2.5s;
   -webkit-animation-timing-function: linear;
}

.snowflakes i:nth-child(7n+5) {
   opacity: .8;
   -webkit-animation-delay: 3s;
   -webkit-animation-timing-function: ease-out;
}

.snowflakes i:nth-child(7n+6) {
   opacity: .9;
   -webkit-animation-delay: 3.5s;
   -webkit-animation-timing-function: ease-in;
}

/*Coming soon*/
.col-product-archive.product-col.disabled .coming-soon-general {
   background: rgb(148 148 148 / 40%);
}

.col-product-archive.product-col.disabled .coming-soon-general svg {
   margin-left: auto;
   margin-right: auto;
   display: block;
}

/*Wishlist*/
.col-product-archive .yith-wcwl-add-button {
   position: absolute;
   z-index: 100;
   top: 3%;
   right: 3%;
}

.col-product-archive a.view-wishlist {
   display: none;
}

.col-product-archive .yith-wcwl-add-button .fa {
   margin-right: 0px;
   font-size: 18px;
   position: relative;
   left: 1px;
}

.col-product-archive .yith-wcwl-add-button span {
   display: none;
}

.woocommerce a.add_to_wishlist.button.alt {
   border-radius: 50%;
   padding: 0px;
   width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: white;
}

.yith-wcwl-add-to-wishlist {
   position: absolute;
   top: 2%;
   right: 2%;
   margin: 0;
   width: 35px;
   height: 35px;
   background: transparent;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.yith-wcwl-add-to-wishlist .feedback,
.yith-wcwl-add-to-wishlist .feedback a,
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
   font-size: 0px;
}

.yith-wcwl-add-to-wishlist .feedback .fa {
   font-size: 20px;
   color: #dc143c;
   font-size: 18px;
}

.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
   margin-right: 0px;
}

.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse {
   line-height: 0px;
}

.woocommerce a.add_to_wishlist.button.alt,
.woocommerce a.add_to_wishlist.button.alt:hover {
   background: transparent;
   border-color: transparent;
}

.yith-wcwl-add-button a.delete_item {
   background: transparent;
   border-radius: 50%;
   padding: 0px;
   width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0px !important;
}

.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg,
.yith-wcwl-add-button .add_to_wishlist img {
   margin-right: 0 !important;
}

.yith-wcwl-add-button a.delete_item .fa {
   color: #000;
}

#yith-wcwl-popup-message #yith-wcwl-message {
   line-height: 1.4;
}

/*Wishlist page*/
body.woocommerce-wishlist .woocommerce-message,
body.woocommerce-wishlist.woocommerce-info,
body.woocommerce-wishlist .woocommerce-message {
   display: none;
}

/*Available sizes*/
.col-product-archive .variation-wrapper {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #EFEFEF;

   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1px 20px;
   font-size: 10px;
   border-radius: 15px;
}

.col-product-archive .variation-wrapper .variation-link {
   color: #000;
   width: 28px;
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid transparent;
   border-radius: 50%;
   transition: all 0.3s;
}

.col-product-archive .variation-wrapper .variation-link:not(.disabled):hover {
   border-color: #000;
}

.col-product-archive .variation-wrapper .variation-link.disabled {
   color: #C6C6C6;
   position: relative;
   pointer-events: none;
}

.col-product-archive .variation-wrapper .variation-link.disabled:after,
.col-product-archive .variation-wrapper .variation-link.disabled:before {
   position: absolute;
   content: '';
   top: 41%;
   left: -10%;
   width: 120%;
   height: 1px;
   background: #C6C6C6;
}

.col-product-archive .variation-wrapper .variation-link.disabled:before {
   transform: rotate(25deg);
}

.col-product-archive .variation-wrapper .variation-link.disabled:after {
   transform: rotate(-25deg);
}

/*Available variations*/

.col-product-archive .product-variations {
   display: flex;
   align-items: center;
   gap: 6px;
}

.col-product-archive .variation-color-swatch {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   display: block;
   transition: all 0.3s;
   transform: scale(1.0);
   border: 1px solid black;
}

.col-product-archive .variation-color-swatch:hover {
   transform: scale(1.4);
}

.col-product-archive .variation-color-swatch.disabled {
   pointer-events: none;
   position: relative;
}


.col-product-archive .variation-color-swatch.disabled:after,
.col-product-archive .variation-color-swatch.disabled:before {
   position: absolute;
   content: '';
   top: 41%;
   left: -17%;
   width: 150%;
   height: 1px;
   background: #808080;
}

.col-product-archive .variation-color-swatch.disabled:before {
   transform: rotate(40deg);
}

.col-product-archive .variation-color-swatch.disabled:after {
   transform: rotate(-40deg);
}

/*Archive page*/
.archive .site-content {
   display: block !important;
}

.archive .breadcrumbs.element {
   border-bottom: 1px solid white;
}

.archive .breadcrumbs .content {
   padding: 15px 20px
}

.row.row-breadcrumbs {
   align-items: initial;
   padding-top: 30px;
   padding-bottom: 30px;
   background: #000;
}

.row.row-breadcrumbs .col-image {
   padding-left: 0;
   padding-right: 0;
}

.row.row-breadcrumbs .col-image .img .image-cover {
   max-height: 300px;
   min-height: 300px;
   padding-top: unset !important;
}

.row.row-breadcrumbs h2.category-title {
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 28px;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
}

.row.row-breadcrumbs .row-breadcrumbs-text p {
   margin-bottom: 0 !important;
}

.row.row-breadcrumbs .row-breadcrumbs-text p.breadcrumbs {
   color: white;
   text-align: center;
   font-size: 11px;
   line-height: 16px;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   padding-top: 20px;
   padding-bottom: 0px;
}

.row.row-breadcrumbs .row-breadcrumbs-text p.breadcrumbs a {
   color: white;
   letter-spacing: 1.2px;
   text-decoration: underline !important;
   text-underline-offset: 5px;
}

.row.row-breadcrumbs .row-breadcrumbs-text {
   padding: 0px 15px;
}

.archive .shop {
   max-width: 2000px;
   margin-top: 35px;
   padding: 0px 15px;
   padding-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
}

.loop-filters {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
}

.notice-filters-shop {
   margin-bottom: 35px;
}

.woocommerce-result-count {
   margin-bottom: 0;
}

.woocommerce-ordering select {
   background-color: white;
   border-radius: 45px;
   letter-spacing: 0.55px;
   color: #000;
   padding: 10px 23px;
   border: none;
   cursor: pointer;
   appearance: none;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
   position: relative;
}

form.woocommerce-ordering {
   position: relative;
}

form.woocommerce-ordering::after {
   content: '';
   background: url(/wp-content/themes/authletic-redesign/assets/dropdown-item-v2.svg);
   background-size: contain;
   background-repeat: no-repeat;
   display: block;
   width: 12px;
   height: 12px;
   position: absolute;
   right: 15px;
   bottom: 0;
   top: 0;
   margin-top: auto;
   margin-bottom: auto;
   transform: rotate(0deg);
   transition: all 0.3s;
}

form.woocommerce-ordering:hover::after {
   transform: rotate(180deg);
}

/*Offer on archive page*/
.current-offer-shop .valid-until {
   display: block;
   margin-top: 7px;
   /*font-size: 12px;*/
}

.current-offer-shop .valid-until .fifty-off,
span.fifty-off {
   color: #dc143c;
   font-weight: 800;
   font-size: 18px;
}

.current-offer-shop .valid-until .fifty-off strong,
span.fifty-off strong {
   font-weight: 800;
}

.current-offer-shop .offer-checkout {
   margin-top: 10px;
   display: block;
   font-size: 12px;
}

.current-offer-shop a {
   text-decoration: underline !important;
}

.current-offer-shop {
   border-bottom: 5px solid #01caba;
   background: #ffffff;
   color: #000;
   text-align: center;
   padding: 6px;
}

.current-offer-shop span.code-delivered {
   display: block;
   font-size: 12px;
}

.current-offer-shop strong {
   font-weight: 800;
}

.current-offer-shop .inner {
   padding: 20px 20px;
   /*border: 2px dashed white;*/
}

@media (max-width: 991px) {
   .current-offer-shop .inner {
      padding: 6px 14px;
   }

   .current-offer-shop .inner {
      font-size: 14px;
   }
}

.current-offer-shop-main .inner {
   border: 2px dashed #823a01;
   flex-direction: column;
   gap: 10px;
   position: relative;
}

@media (min-width: 769px) {
   .current-offer-shop-main .inner {
      width: 100%;
   }
}

.current-offer-shop-main .inner p.coupon-title {
   font-size: 36px;
   font-weight: 800;
   text-align: left;
   /*color: #d60000;*/
   color: #ae2b3c;
   text-transform: uppercase;
   line-height: 1.2;
}

.current-offer-shop-main .inner p.coupon-subtitle .underline {
   font-weight: 800;
}

.current-offer-shop-main .inner-flex {
   display: flex;
   align-items: center;
   gap: 20px;
   width: 100%;
}

.current-offer-shop-main .discount-code {
   border: 2px solid black;
   border-radius: 50px;
   padding: 10px 20px;
   text-align: center;
   font-weight: bold;
   letter-spacing: 6px;
   cursor: pointer;
   transition: all 0.1s;
   background: black;
   color: white;
}

.current-offer-shop-main .discount-code:active {
   transform: scale(1.1);
}

.current-offer-shop-main .discount-code svg {
   margin-right: -15px;
}

.current-offer-shop-main p.main-text {
   font-size: 10px;
   text-align: center;
   margin-top: 7px;
}

.current-offer-shop-main p.title {
   text-transform: uppercase;
   line-height: 1.2;
}

.current-offer-shop-main p.title span {
   text-transform: none;
   font-size: 18px;
   display: block;
   text-decoration: underline;

}


.current-offer-shop-main.not-existing {
   padding-top: 20px;
}

.current-offer-shop-main.not-existing .inner-flex {
   filter: grayscale(0.7);
   opacity: 0.3;
   pointer-events: none;
}

.current-offer-shop-main.not-existing .coupons-left {
   opacity: 0.7;
   filter: grayscale(0.7);
}

/*Background offer*/
.current-offer-shop-main.bg-offer {
   background: #ffde59;
}

.current-offer-shop-main.bg-offer .dt-img {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
}

.current-offer-shop-main.bg-offer .image-cover {
   padding-top: 50%;
}

@media (max-width: 768px) {
   .current-offer-shop-main.bg-offer .image-cover {
      padding-top: 100%;
   }

   .current-offer-shop-main.bg-offer.product .image-cover {
      padding-top: 91%;
   }
}

/*Ribbon*/
.ribbon {
   width: 150px;
   height: 150px;
   overflow: hidden;
   position: absolute;
   z-index: 10;
}

.ribbon::before,
.ribbon::after {
   position: absolute;
   z-index: -1;
   content: '';
   display: block;
   border: 5px solid #000;
}

.ribbon span {
   position: absolute;
   display: block;
   width: 225px;
   padding: 15px 0;
   background-color: #000000;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-size: 12px;
   font-weight: 600;
}

/* top right*/
.ribbon-top-right {
   top: -10px;
   right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
   border-top-color: transparent;
   border-right-color: transparent;
}

.ribbon-top-right::before {
   top: 0;
   left: 0;
}

.ribbon-top-right::after {
   bottom: 0;
   right: 0;
}

.ribbon-top-right span {
   left: -25px;
   top: 30px;
   transform: rotate(45deg);
}

/*Private sale landing page / Custom shop pages*/
@media (max-width: 991px) {
   .special-shop-page .products.columns-4 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 12px;
      max-width: 600px;
      margin-left: auto !important;
      margin-right: auto !important;
   }
}

/*Preorder*/
.preorder-overlay {
   background: #ff696a;
   background: linear-gradient(106.5deg, rgb(255 103 103 / 99%) 23%, rgb(219 20 60) 93%);
   position: absolute;
   left: 0;
   bottom: 0%;
   width: 100%;
   text-align: center;
   color: white;
   font-weight: 600;
   text-transform: uppercase;
   padding: 6px;
}

@media (max-width: 575px) {
   .preorder-overlay {
      font-size: 12px;
   }
}

/*Responsive*/
@media (max-width: 575px) {
   .current-offer-shop-main .inner p.coupon-title {
      font-size: 34px;
      font-weight: 800;
      LINE-HEIGHT: 1.1;
   }

   .current-offer-shop-main p.coupons-left {
      font-size: 14px;
      text-align: center;
   }

   .current-offer-shop-main .inner-flex {
      gap: 10px;
      flex-direction: column;
   }

   .current-offer-shop-main .inner p.coupon-title {
      text-align: center;
   }

   .current-offer-shop-main .coupon-subtitle {
      font-size: 14px;
   }

   .current-offer-shop-main .discount-code {
      font-size: 16px;
      max-width: 250px;
      margin-left: auto;
      margin-right: auto;
   }

   .current-offer-shop-main .discount-code svg {
      position: relative;
      right: -5px;
      bottom: -2px;
   }

   .current-offer-shop-main .vertical {
      border-bottom: 2px dotted black;
      min-height: 2px;
      height: 100%;
      width: 100%;
   }

   .current-offer-shop-main .inner .left {
      width: 100%;
      flex-basis: 100%;
      text-align: center;
   }

   .current-offer-shop-main .inner .right {
      width: 100%;
      flex-basis: 100%;
   }

   .current-offer-shop-main .inner {
      padding-top: 10px;
      padding-bottom: 10px;
   }


}

@media (max-width: 400px) {}

/*Banner on arhive page*/
.shop-banner {
   grid-column: span 2;
   margin-left: -15px;
   margin-right: -15px;
}

.shop-banner .img.relative {
   height: 100%;
}

.shop-banner .image-cover {
   padding-top: unset !important;
   height: 100%;
}

.shop-banner .image-cover,
.shop-banner .img-banner-wrapper .banner-inner {
   border-radius: 0;
}

/*Recently viewed products*/
.section-recently-viewed {
   background: #F8F8F8;
   padding-top: 75px;
   padding-bottom: 65px;
}

.section-recently-viewed .products.columns-4 {
   padding-top: 45px;
}

.section-recently-viewed .col-product-archive .image-cover:hover img.hover-image {
   opacity: 0;
   visibility: hidden;
}

.section-recently-viewed .col-product-archive .image-cover:hover img.main-image {
   opacity: 1;
   visibility: visible;
}

/*Related products*/
.section-related-products .col-product-archive .image-cover:hover img.hover-image {
   opacity: 0;
   visibility: hidden;
}

.section-related-products .col-product-archive .image-cover:hover img.main-image {
   opacity: 1;
   visibility: visible;
}

/*Wishlist notification*/
#yith-wcwl-popup-message {
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   width: 100% !important;
   max-width: 100%;
   margin-left: auto !important;
   margin-right: auto !important;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
}

/*Best seller*/
.best-seller-badge {
   position: absolute;
   z-index: 200;
   width: 76px;
   right: -16px;
   top: -16px;
}

.best-seller-badge.new {
   min-width: 110px;
   max-width: 150px;
   width: 100%;
   right: -6px;
   top: -3px !important;
}

@media (max-width: 991px) {
   .best-seller-badge.new {
      max-width: 110px;
   }
}

/*Currently watching this product*/
.watching-this-product {
   font-size: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   background: #e8ffed;
   border: 1px dashed #32a118;
   padding: 2px 9px;
   margin-top: 7px;
   margin-bottom: 0;
   border-radius: 11px;
   text-align: center;
}


/*Responsive*/

@media (max-width: 991px) {
   .col-product-archive .image-cover {
      border-radius: 0px;
   }



   .col-product-archive .variation-wrapper {
      border-radius: 0px;
   }

   .row.row-breadcrumbs .col-image .img .image-cover {
      max-height: 190px;
      min-height: 190px;
   }

   body.archive .shop .products.columns-4 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 12px;
      max-width: 600px;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   .shop-banner .image-cover {
      padding-top: 100% !important;
   }

   .shop-banner .image-cover,
   .shop-banner .img-banner-wrapper .banner-inner {
      border-radius: 0px;
   }

   .archive .shop {
      margin-top: 6px;
      padding: 0px 15px;
      padding-bottom: 25px;
      overflow: hidden;
   }

   .notice-filters-shop {
      margin-bottom: 25px;
   }


   .row.row-breadcrumbs h2.category-title {
      font-size: 24px;
   }

   .row.row-breadcrumbs .row-breadcrumbs-text p {
      font-size: 12px;
      line-height: 1.3;
   }

   .section-recently-viewed .products.columns-4,
   .swiper-recently-viewed {
      padding-top: 35px;
   }

   .section-recently-viewed h2.general-title {
      font-size: 24px;
      letter-spacing: 0.48px;
   }

}

@media (max-width: 768px) {
   .section-recently-viewed {
      padding-top: 35px;
      padding-bottom: 35px;
   }

}

@media (max-width: 575px) {
   .col-product-archive .top-terms-wrapper {
      top: 4%;
      left: 0;
      gap: 3px;
   }

   .col-product-archive .top-terms-wrapper .badge {
      font-size: 10px;
      letter-spacing: 0;
      padding: 1px 8px;
   }

   .woocommerce a.add_to_wishlist.button.alt {
      width: 25px;
      height: 25px;
   }

   .yith-wcwl-add-to-wishlist {
      top: 2%;
      right: 2%;
      width: 25px;
      height: 25px;
   }

   .col-product-archive .yith-wcwl-add-button {
      top: 2%;
      right: 2%;
   }

   .col-product-archive .yith-wcwl-add-button .fa {
      font-size: 14px;
      left: 6px;
      top: -5px;
   }

   .col-product-archive .yith-wcwl-add-button a.delete_item .fa {
      left: 0;
      top: 0;
   }

   .yith-wcwl-add-button a.delete_item,
   .woocommerce a.add_to_wishlist.button.alt {
      width: 25px !important;
      height: 25px !important;
   }

   .yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg,
   .yith-wcwl-add-to-wishlist .add_to_wishlist img {
      height: auto;
      width: 18px;
   }

   .col-product-archive .badge.best-seller {
      position: absolute;
      bottom: 7%;
      left: 0;
      right: 0;
      max-width: max-content;
      font-size: 10px;
      letter-spacing: 0;
      padding: 2px 8px;
      border-radius: 0;
   }

   .col-product-archive .variation-wrapper {
      padding: 1px 15px;
      font-size: 8px;
      letter-spacing: 0;
   }

   .col-product-archive .variation-wrapper .variation-link {
      height: 19px;
   }

   .col-product-archive .product-title-archive {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0px;
      margin-bottom: 6px;
   }

   .col-product-archive .price-wrapper {
      margin-top: 6px;
      font-size: 14px;
   }

   .col-product-archive.product-col.disabled .out-of-stock-general {
      padding: 14px;
      font-size: 14px;
   }

   .woocommerce-ordering select,
   p.woocommerce-result-count {
      font-size: 14px;
   }

   p.woocommerce-result-count {
      display: none;
   }

   .archive .shop {
      margin-top: 20px;
      padding: 0px 15px;
      padding-bottom: 20px;
   }

   .notice-filters-shop {
      margin-bottom: 20px;
   }

   .section-recently-viewed .products.columns-4,
   .swiper-recently-viewed {
      padding-top: 20px;
   }

   /**CR OPTIMIZATION**/
   .row.row-breadcrumbs .col-image .img .image-cover {
      max-height: 120px;
      min-height: 120px;
   }

   .marquee {
      height: 35px;
      font-size: 12px;
   }

   .row.row-breadcrumbs {
      padding-top: 18px;
      padding-bottom: 18px;
   }

   .row.row-breadcrumbs .row-breadcrumbs-text p.breadcrumbs {
      padding-top: 5px
   }

   .current-offer-shop span.code-delivered {
      font-size: 10px;
      margin-top: 6px;
   }

   .current-offer-shop strong {
      font-size: 16px;
   }
}

/**COUPON CODE TEXT*/
.discount-coupon-text {
   font-weight: 400;
   color: #000;
   letter-spacing: 0.55px;
   font-size: 14px;
   text-transform: lowercase;
}

.discount-coupon-text.coupon-type {
   border: 1px dashed #292929;
   padding: 6px 10px;
   background: #f4f4f4;

}

.single-product .discount-coupon-text.coupon-type {
   margin-bottom: 10px;
}

.discount-coupon-text.product {
   margin-top: -15px;
   margin-bottom: 15px;
}

.discount-coupon-text.product.coupon-type {
   margin-top: 0px;
}

.discount-coupon-text span {
   font-weight: 600;
   color: #dc143c;
   text-transform: none;
}

.discount-coupon-text strong {
   color: #dc143c;
   text-transform: uppercase;
}

.discount-coupon-text.fifty-off {
   border-width: 1px;
   border-style: dashed;
   border-color: rgb(41, 41, 41);
   border-image: initial;
   padding: 6px 10px;
   background: rgb(176 27 46);
   color: white;
}

.discount-coupon-text.fifty-off span,
.discount-coupon-text.fifty-off strong {
   color: #ffcb17;
}

.discount-coupon-text.fifty-off strong {
   text-transform: initial;
}

@media (max-width: 991px) {
   .discount-coupon-text.product {
      margin-top: -10px;
      margin-bottom: 15px;
   }
}

@media (max-width: 768px) {
   .discount-coupon-text.product {
      margin-top: -5px;
      margin-bottom: 15px;
   }
}

@media (max-width: 575px) {
   .discount-coupon-text {
      font-size: 12px;
   }
}

/*Shop Banner - Image*/
.shop-banner-custom .image-cover {
   padding-top: 43%;
}

.shop-banner-custom .image-cover img {
   object-position: 50% 40%;
}

@media (max-width: 768px) {
   .shop-banner-custom .image-cover {
      padding-top: 100%;
   }
}

/* =========================
   OTHERS VS US USP STRIP
   ========================= */

.shop-usp-compare {
   padding: 14px 20px 18px;
}

.shop-usp-compare__inner {
   max-width: 980px;
   margin: 0 auto;
   border-radius: 18px;
   border: 2px solid rgba(255, 255, 255, .18);
   background: rgba(255, 255, 255, .07);
   box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   overflow: hidden;
}

.shop-usp-compare__head {
   padding: 14px 14px 10px;
   text-align: center;
}

.shop-usp-compare__title {
   margin: 0;
   font-size: 18px;
   font-weight: 900;
   letter-spacing: .02em;
   text-transform: uppercase;
   color: #fff;
}

.shop-usp-compare__sub {
   margin: 6px 0 0;
   font-size: 13px;
   font-weight: 700;
   color: rgba(255, 255, 255, .86);
}

.shop-usp-compare__grid {
   position: relative;
   display: grid;
   grid-template-columns: 1fr 70px 1fr;
   gap: 0;
   align-items: stretch;
   padding: 10px 12px 14px;
}

.shop-usp-compare__col {
   border-radius: 14px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, .14);
   background: rgba(6, 8, 24, .55);
}

.shop-usp-compare__col--others {
   filter: saturate(.9);
}

.shop-usp-compare__col--us {
   filter: saturate(1.05);
}

.shop-usp-compare__label {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 10px 10px;
   border-bottom: 1px solid rgba(255, 255, 255, .10);
   background: rgba(0, 0, 0, .18);
}

.shop-usp-compare__label-text {
   font-size: 12px;
   font-weight: 900;
   letter-spacing: .10em;
   text-transform: uppercase;
   color: #fff;
}

.shop-usp-compare__icon {
   width: 22px;
   height: 22px;
   border-radius: 999px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-weight: 1000;
   line-height: 1;
}

.shop-usp-compare__icon--bad {
   background: rgba(204, 31, 31, .92);
   color: #fff;
   box-shadow: 0 0 18px rgba(204, 31, 31, .55);
}

.shop-usp-compare__icon--good {
   background: rgba(45, 224, 255, .92);
   color: #040614;
   box-shadow: 0 0 18px rgba(45, 224, 255, .55);
}

.shop-usp-compare__media {
   width: 100%;
   aspect-ratio: 1 / 1;
   background: rgba(0, 0, 0, .22);
}

.shop-usp-compare__media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.shop-usp-compare__bullets {
   list-style: none;
   margin: 0;
   padding: 10px 12px 12px;
   display: grid;
   gap: 6px;
}

.shop-usp-compare__bullets li {
   display: flex;
   gap: 8px;
   align-items: baseline;
   font-size: 13px;
   font-weight: 700;
   color: rgba(255, 255, 255, .92);
}

.shop-usp-compare__bullets .x {
   color: rgba(204, 31, 31, .95);
   font-weight: 1000;
}

.shop-usp-compare__bullets .check {
   color: rgba(45, 224, 255, .95);
   font-weight: 1000;
}

.shop-usp-compare__vs {
   display: flex;
   align-items: center;
   justify-content: center;
}

.shop-usp-compare__vs span {
   width: 46px;
   height: 46px;
   border-radius: 999px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-weight: 1000;
   letter-spacing: .14em;
   font-size: 12px;
   color: #040614;
   background: linear-gradient(90deg, rgba(242, 179, 52, 1), rgba(45, 224, 255, 1));
   box-shadow: 0 16px 38px rgba(0, 0, 0, .45);
}

.shop-usp-compare__note {
   text-align: center;
   padding: 0 14px 14px;
   font-size: 12px;
   font-weight: 800;
   color: rgba(255, 255, 255, .90);
}

/* Mobile */
@media (max-width: 768px) {
   .shop-usp-compare__grid {
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .shop-usp-compare__vs {
      display: none;
   }

   .shop-usp-compare__inner {
      border-radius: 16px;
   }
}






/* OTHERS VS US */

@media (max-width: 768px) {
   .offer-banner.shop-b .ny-title {
      font-size: 24px;
   }

   .offer-banner.shop-b .stock-urgency--newyear .stock-urgency__label {
      font-size: 10px;
   }

   .offer-banner--newyear.shop-b {
      padding: 10px;
   }

   .offer-banner--newyear.shop-b .ny-title span {
      font-size: 18px;
      margin-top: 4px;
      margin-bottom: 10px;
   }

   .offer-banner--newyear.shop-b .offer-card--newyear {
      padding: 13px 14px;
   }
}

.dt-compare__wrap {
   max-width: 980px;
   margin: 0 auto;
   background: #ffffff;
   padding: 18px;
   border-bottom: 1px solid #cdcdcd;
   margin-bottom: 10px;
}

.dt-compare__head {
   text-align: center;
   margin-bottom: 14px;
}

.dt-compare__title {
   margin: 0;
   font-size: 20px;
   font-weight: 900;
   letter-spacing: .01em;
   color: #111111;
}

.dt-compare__sub {
   margin: 6px 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #000000;
}

.dt-compare__usps {
   list-style: none;
   margin: 0 0 16px;
   padding: 0;

   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 10px;
   margin-bottom: 20px !important;
}

.dt-compare__usp {
   display: flex;
   align-items: center;
   gap: 10px;

   background: #fafafc;
   border: 1px solid #e5e5ea;
   border-radius: 14px;

   padding: 12px 12px;
}

.dt-compare__check {
   width: 20px;
   height: 20px;
   border-radius: 999px;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   background: #34c759;
   color: #ffffff;

   font-weight: 900;
   font-size: 13px;
   line-height: 1;
}

.dt-compare__usp-text {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   line-height: 1.25;
}

/* Split square */
.dt-compare__media {
   position: relative;
   width: min(520px, 100%);
   margin: 0 auto;

   border-radius: 18px;
   overflow: hidden;

   border: 1px solid #e5e5ea;
   background: #000000;

   aspect-ratio: 1 / 1;
}

.dt-compare__half {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 50%;
   overflow: hidden;
}

.dt-compare__half--left {
   left: 0;
   filter: grayscale(.20) contrast(.96) brightness(.92);
}

.dt-compare__half--right {
   right: 0;
   filter: saturate(1.02) contrast(1.02);
}

.dt-compare__half img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

/* Center divider */
.dt-compare__divider {
   position: absolute;
   left: 50%;
   top: 0;
   bottom: 0;
   width: 1px;
   transform: translateX(-.5px);
   background: rgba(255, 255, 255, .55);
}

/* Minimal tags */
.dt-compare__tag {
   position: absolute;
   top: 10px;

   display: inline-flex;
   align-items: center;
   gap: 8px;

   padding: 8px 10px;
   border-radius: 999px;

   background: rgba(255, 255, 255, .92);
   border: 1px solid rgba(0, 0, 0, .08);

   font-size: 12px;
   font-weight: 900;
   color: #1d1d1f;
}

.dt-compare__tag--left {
   left: 10px;
}

.dt-compare__tag--right {
   right: 10px;
}

.dt-compare__tag-dot {
   width: 18px;
   height: 18px;
   border-radius: 999px;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   font-weight: 900;
   font-size: 12px;
   line-height: 1;
}

.dt-compare__tag-dot--bad {
   background: #ff3b30;
   color: #ffffff;
}

.dt-compare__tag-dot--good {
   background: #34c759;
   color: #ffffff;
}

/* VS bubble, clean */
.dt-compare__vs {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);

   width: 42px;
   height: 42px;
   border-radius: 999px;

   display: flex;
   align-items: center;
   justify-content: center;

   background: rgba(255, 255, 255, .92);
   border: 1px solid rgba(0, 0, 0, .10);

   font-size: 12px;
   font-weight: 1000;
   letter-spacing: .08em;
   color: #1d1d1f;
}

.dt-compare__note {
   margin: 14px 0 0;
   text-align: center;

   font-size: 16px;
   font-weight: 700;
   color: #000000;
   text-decoration: underline;
}

/* Mobile */
@media (max-width: 768px) {


   .dt-compare__wrap {
      padding: 14px;
   }

   .dt-compare__usps {
      grid-template-columns: 1fr;
   }

   .dt-compare__usp {
      padding: 11px 12px;
   }
}