/** Shopify CDN: Minification failed

Line 3551:36 Unexpected "{"

**/
.header-inner-flex-area {
    padding: 25px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header-logo a img {
    width: 200px;
    height: 20px;
    object-fit: contain;
}

.header-left-side-wraper {
    gap: 80px;
}

.header-nav-area ul {
    gap: 40px;
}

.header-social-icon-felx-area {
    gap: 25px;
}

.header-social-icon {
    gap: 23px;
}

.header-social-icon a {
    display: flex;
}

.header-add-to-cart a{
    gap: 10px;
}

.header-add-to-cart a span {
        width: 20px;
    height: 20px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 400;
    font-size: 12px;
    background-color: #000;
    color: #fff;
    letter-spacing: normal;
}

.header-social-icon a {
    width: 15px;
    height: 15px;
}

.nav-open {
    overflow-y: hidden;
}

.mob-login a {
    color: #000;
}

.mob-login p {
    letter-spacing: normal;
}

.menu-drawer-link {
    display: none;
}

/* Hero Banner */
.hero-banner div:empty {
    display: block
}

.hero-banner {
    position: relative;
}

.banner-video-area {
    height: clamp(300px, 57.708vw, 831px);
}

.banner-video-area video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.introduce-sec p {
    margin: 23px 0 28px 0;
    max-width: 530px;
    width: 100%;
}

/* introducse-sec */

.introduce-sec {
    padding-top: 50px;
}

/* index-product */
.index-product {
    padding-top: 50px;
}

.index-product-flex-holder {
    gap: 20px;
}

.index-product-flex-holder a {
    width: calc(50% - 10px);
}

.index-product-flex-holder a.image-block {
    cursor: auto;
}

/* craft-sec */
.craft-sec {
    padding: 50px 0 0 0;
}

.craft-box-flex-area {
    gap: 20px;
}

.craft-box-wraper {
    width: calc(33.33% - 14px);
}

.craft-main-head h3 {
    margin-bottom: 40px;
}

.craft-video-paly-pause-btn {
    position: absolute;
    top: 18px;
    right: 18px;
}

.play-btn {
    display: none;
}

.craft-video-paly-pause-btn .video-btn-wraper {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #FFFFFF99;
    position: relative;
    cursor: pointer;
}

.craft-video-paly-pause-btn .video-btn-wraper img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.craft-box-video-wraper {
    position: relative;
}

.craft-box-content-wrpaer {
    max-width: 375px;
    width: 100%;
    margin-top: 25px;
}

.craft-box-content-wrpaer h4 {
    margin-bottom: 18px;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 156%;
}

.craft-box-video-wraper video {
    width: 100%;
    height: clamp(300px, 31.667vw, 456px);
    display: block;
    object-fit: cover;
}

.craft-sec-btn-wraper {
    text-align: center;
}

a.craft-sec-btn {
    margin-top: 40px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: clamp(16px, 1.25vw, 18px);
    color: #0033BB;
}

a.craft-sec-btn svg {
    width: clamp(16px, 1.25vw, 18px);
}


/* comparison slider */

section.image-comparison {
  /* padding: 100px 0; */
  padding: 50px 0;
  position: relative;
  z-index: 2;
}

.image-comparison__slider-wrapper {
  position: relative;
}

.choose-your-color-content-area {
  text-align: center;
  margin-bottom: 20px;
}

.image-comparison__label {
  font-size: 0;
  line-height: 0;
}

.image-comparison__label,
.image-comparison__range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  appearance: none;
  outline: none;
  cursor: ew-resize;
  z-index: 20;
}

.image-comparison__image-wrapper--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 1px);
  height: 100%;
  overflow: hidden;
}

.image-comparison__figure {
  margin: 0;
}

.image-comparison__figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}

.image-comparison__figure:not(.image-comparison__figure--overlay) {
  position: relative;
  padding-top: 66.666666667%;
}

.image-comparison__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 50%;
  overflow: hidden;
}

.image-comparison__figure--overlay .image-comparison__image {
  z-index: 1;
}

.image-comparison__caption {
  position: absolute;
  bottom: 25px;
  min-width: max-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  gap: 5px;
}

@media screen and (max-width: 40.063em) {
  .image-comparison__caption {
    font-size: 12px;
  }
}

.image-comparison__caption--before {
  left: 37px;
  z-index: 999;
}

.image-comparison__caption--after {
  right: 42px;
  text-align: right;
  align-items: end;
  z-index: 333;
}

.image-comparison__caption-body {
  font-size: clamp(16px, 1.528vw, 22px);
  font-weight: 400;
  color: #000;
  font-family: 'futura-pt';
  text-transform: uppercase;
  display: block;
}

.image-comparison__caption a {
  color: #0033BB;
  font-family: 'futura-pt';
  text-transform: uppercase;
  border-bottom: 1px solid #0033BB;
  padding-bottom: 3px;
  display: inline-block;
  width: fit-content;
  font-weight: 400;
  font-size: clamp(14px, 1.389vw, 20px);
}

.image-comparison__slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #fff;
  transition: background-color 0.3s ease-in-out;
  z-index: 10;
}

.image-comparison__range--active ~ .image-comparison__slider {
  background-color: rgba(255, 255, 255, 0);
}

.image-comparison__thumb {
  position: absolute;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 22px #00000029;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.image-comparison__range::-webkit-slider-runnable-track {
  width: 40px;
  height: 40px;
  opacity: 0;
}

.image-comparison__range::-moz-range-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}

.image-comparison__range::-webkit-slider-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}

.image-comparison__range::-ms-fill-lower {
  background-color: transparent;
}

.image-comparison__range::-ms-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
  outline: none;
  cursor: col-resize;
}

.image-comparison__range::-ms-thumb {
  width: 0.5%;
  height: 100%;
  opacity: 0;
}

.image-comparison__range::-ms-tooltip {
  display: none;
}

/* peroduct-banner-video */

.index .product-banner-video {
    margin-top: clamp(30px, 3.472vw, 50px);
}

.product-banner-video-wraper {
    position: relative;
}

.product-banner-video-wraper video {
    width: 100%;
    height: clamp(380px, 35.972vw, 518px);
    object-fit: cover;
    display: block;
    position: relative;
}

.product-banner-video div:empty {
    display: block;
}

.product-banner-video-wraper:fullscreen video {
    height: 100%;
}

/* about-page */
.about-banner {
    padding-top: 100px;
    /* padding-top: 70px; */
}

.about-banner-title {
    margin-bottom: 38px;
}

.about-banner-content-wraper {
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* who we are */
.who-we-are-sec {
    padding: 180px 0;
}

.who-we-are-right-content-area h2 {
    margin-bottom: 20px;
}

.who-we-are-flex-area {
    gap: 64px;
}

.who-we-are-left-img-area {
    width: calc(60% - 32px);
}

.who-we-are-right-content-area {
    width: calc(40% - 32px);
}

.who-we-are-left-img-flex-area {
    gap: 24px;
}

.who-we-are-left-img-flex-area img {
    height: clamp(320px, 29.097vw, 419px);
}

.the-design-content-area h2 {
    margin-bottom: 30px;
}

/* swiper-slider-img */
.custom-img-slider {
    padding: 100px 0 100px 20px;
}

.custom-img-slider .swiper-wrapper img {
    height: clamp(500px, 53.542vw, 771px);
    object-fit: cover;
}

.custom-img-slider .primary-container {
    padding-right: 0;
}

/* craft-man-ship-page */
body.product .craft-becomes {
    background-color: #FBFBFB;
}


.craft-becomes {
    padding: 50px 0;
}

.st-craft-become-area {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.st-craft-become-area .craft-become-flex-area:nth-child(2n) {
    flex-direction: row-reverse;
}

.craft-become-flex-area {
    gap: 38px;
}

.craft-become-left-content-area {
    width: calc(50% - 19px);
}

.craft-becomes-right-img-area {
    width: calc(50% - 19px);
}

.craft-becomes-descrption-wraper {
    gap: 15px;
}

.craft-becomes-descrption-wraper p,
.craft-becomes-descrption-wraper a,
.craft-becomes-descrption-wraper span {
    font-weight: 400;
    color: #737373;
    letter-spacing: 1px;
    line-height: 162%;
    font-size: clamp(14px, 1.25vw, 16px);
}

.craft-becomes-descrption-wraper a {
    text-decoration: underline;
}

.craft-become-left-content-area a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 55px;
}

.introduce-content-wrpaer {
    font-size: clamp(18px, 1.667vw, 24px);
}

.introduce-content-wrpaer a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: clamp(16px, 1.25vw, 18px);   
}

.craft-become-left-content-area h2 {
    margin-bottom: 25px;
}

.craft-becomes-right-img-area img {
    max-height: 658px;
}

/* craft-video */
.craft-become-video video {
    width: 100%;
    display: block;
    height: clamp(400px, 35.972vw, 518px);
    object-fit: cover;
}

/* join call */
.join-the-wolves {
    padding: 100px 0;
}

.join-the-wolve-flex-area {
    gap: 70px;
}

.join-the-wolves-left-img,
.join-the-wolves-right-content {
    width: calc(50% - 35px);
}

.join-the-wolves-descrption-wraper {
    gap: 15px;
}

.join-the-wolves-right-content h2{
    margin-bottom: 25px;
}

/* what will you recieve */
.what-will-head {
    margin-bottom: 40px;
}

.what-will-recieve-flex-area {
    gap: 22px;
}

.you-will-recieve-content-wrpaer {
    margin-top: 23px;
}

.you-will-recieve-content-wrpaer h4 {
    margin-bottom: 17px;
}

.you-will-recieve-block {
    width: calc(33.33% - 15px);
}

/* commission-sec */
.commision-on-every {
    padding: 55px 0 80px 0;
}

.commision-on-every-flex-area {
    gap: 20px;
}

.commision-on-every-left-side {
    width: calc(50% - 10px);
}

.commision-on-every-content-wrpaer {
    margin-top: 25px;
}

.commision-on-every-content-wrpaer h4 {
    margin-bottom: 17px;
}

/* What We Ask */

.what-we-ask {
    padding: 80px 0;
}

/* more than partnership */
.more-than-partnership {
    padding: 100px 0;
}

.more-partner-content h2 {
    margin-bottom: 30px;
    text-align: center;
}

.more-partner-content p {
    text-align: center;
}

.more-partner-content {
    max-width: 928px;
    width: 100%;
    margin: 0 auto;
}

/* contact-page */
.custom-contact-form-sec {
    padding: 100px 0 80px 0;
}

.custom-contact-form-flex-area {
    gap: 20px;
}

.custom-contact-right-area form {
    display: flex;
    flex-direction: column;
    gap: 65px;
    margin-top: 35px;
}

.contact-left {
    width: calc(25% - 10px);
}

.custom-contact-right-area {
    width: calc(75% - 10px);
}

.name-filed-wraper {
    display: flex;
    align-items: center;
    gap: 84px;
}

.name-filed-wraper input,
.tele-phone {
    width: calc(50% - 42px);
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #363636;
    padding-bottom: 19px;
    text-transform: capitalize;
    font-family: 'futura-pt';
}

.form-e-mail-area,
.form-order {
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #363636;
    padding: 0;
    padding-bottom: 19px;
    text-transform: capitalize;
    font-family: 'futura-pt';
}

.name-filed-wraper input::placeholder,
.form-e-mail-area::placeholder,
.form-order::placeholder,
.custom-contact-form-sec textarea::placeholder,
.custom-form-select-option-wraper {
    font-weight: 400;
    line-height: 100%;
    font-size: 14px;
    color: rgba(28, 28, 28, 0.6);
    text-transform: capitalize;
    font-family: 'futura-pt';
}

.custom-form-select-option-wraper label {
    font-weight: 400;
    line-height: 100%;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    text-transform: capitalize;
    font-family: 'futura-pt';
}

/* .custom-contact-form-sec textarea::placeholder {
    padding: 33px 10px 10px 42px;
} */

.custom-contact-form-sec textarea {
    height: 450px;
    border: 1px solid rgba(157, 157, 157, 1);
    resize: none;
    padding: 33px 10px 10px 42px;
}

.form-phone-wraper {
    gap: 84px;
}

.custom-form-select-option-wraper {
    width: calc(50% - 42px);
    border-bottom: 1px solid #363636;
    padding-bottom: 19px;
}

.custom-form-select-option-wraper select {
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 400;
}

.contact-left h6 {
    margin-top: 50px;
}

.custom-form-submit-btn {
    color: rgba(0, 51, 187, 1);
    font-size: clamp(14px, 1.111vw, 16px);
    border: 1px solid rgba(157, 157, 157, 1);
    text-transform: uppercase;
    letter-spacing: 2.16px;
    width: 100%;
    background: none;
    padding: 22px;
    font-family: 'futura-pt';
    line-height: 162%;
    font-weight: 400;
    cursor: pointer;
}

/* care page banner */
.care-banner {
    padding: 100px 0;
}

.care-banner-content-inner-area {
    gap: 100px;
    margin-top: 55px;
    text-align: start;
}

.care-banner-content-inner-area h1 {
    width: calc(48% - 50px);
}

.care-banner-content-inner-area .care-banner-content-inner-area-desc {
    width: calc(52% - 50px);
}

.care-banner-content-inner-area-desc p,
.care-banner-content-inner-area-desc a,
.care-banner-content-inner-area-desc span,
.care-banner-content-inner-area-desc ul li {
    font-weight: 400;
    color: #737373;
    letter-spacing: 1px;
    line-height: 162%;
    font-size: clamp(14px, 1.25vw, 16px);
}

.care-banner-content-inner-area-desc a {
    text-decoration: underline;
}

.care-banner-content-inner-area-desc ul {
    margin: 20px 0 20px 20px;
    list-style: disc outside;
}

.care-banner-content-inner-area-desc ul li {
    margin-bottom: 10px;
}

.care-banner-content-inner-area-desc ul li:last-child {
    margin-bottom: 10px;
}


/* aging with care */
.aging-with-care {
    padding-top: 100px;
}

.aging-with-inner-area {
    gap: 100px;
}

.aging-with-inner-area h2 {
    width: calc(48% - 50px);
}

.aging-with-inner-area p {
    width: calc(52% - 50px);
}

/* smooth leather sec */
.smooth-leather-sec {
    padding: 80px 0;
    background-color: #FBFBFB;
}

.smooth-leather-flex-area {
    gap: 20px;
}

.smooth-bag-block {
    width: calc(50% - 10px);
}

.smooth-bag-img {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.04065;
}

.smooth-block-title {
    margin-top: 20px;
}

.smooth-product-price {
    margin-top: 5px;
}

.smooth-bag-img img {
    max-width: 334px;
    height: clamp(280px, 25.903vw, 373px);
    object-fit: contain; 
}

.smooth-leather-product-content h2 {
    margin-bottom: 40px;
}

/* everyday tab sec */
.everyday-care {
    padding-bottom: 100px;
}
.every-tab-btn {
    font-size: clamp(18px, 1.389vw, 20px);
    font-weight: 400;
    font-family: 'chrysuni';
    letter-spacing: 1.44px;
    color: #000000;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    opacity: 30%;
    padding: 0;
}

.every-right-tab-button {
    display: flex;
    align-items: center;
    gap: 34px;
}

.every-right-tab-list {
    gap: 15px;
}

.every-right-tab-list li {
    font-family: 'futura-pt';
}

.everyday-care-flex-area {
    display: flex;
    align-items: center;
    gap: 34px;
}

.everyday-care-flex-area {
    gap: 50px;
}

.everyday-care-left-img {
    width: calc(57% - 25px);
}

.everyday-right-tab-content-area {
    width: calc(43% - 25px);
}

.everyday-care-left-img img{
    max-height: 599px;
}

.every-right-tab-desc-area h2 {
    margin-bottom: 12px;
}

.every-right-tab-desc-area {
    margin-top: 160px;
}

.every-right-tab-desc-area {
  display: none;
  
}

.every-right-tab-desc-area.active {
  display: block;
}

/* footer css */
.shopify-section-group-footer-group:has(.wolves-footer) {
    margin-top: 50px;
}

.wolves-footer {
    padding-top: 50px;
    border-top: 1px solid rgba(54, 54, 54, 1);
}


.footer-news-letter-fex-area {
    gap: 30px;
    padding: 0 0 55px 0;
    /* padding: 50px 0 55px 0; */
}

.news-letter-block-wraper h6 {
    font-family: 'chrysuni';
    color: #1C1C1C;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.news-letter-block-wraper {
    width: 62%;
}

.news-letter-block-inner-wraper {
    max-width: 473px;
}

.footer-customer-care-block {
    width: 50%;
}

.Country-region-block {
    max-width: 242px;
    width: 100%;
}

.news-letter-desc {
    color: rgba(28, 28, 28, 0.65);
    font-size: 14px;
}

.news-letter-mail-area form input{
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(54, 54, 54, 1);
    font-family: 'futura-pt';
    font-size: 14px;
    padding: 0 0 19px 0;
}

.news-letter-mail-area form input::placeholder {
    color: rgba(28, 28, 28, 0.6);
    line-height: 100%;
    font-family: 'futura-pt';
    font-size: 14px;
    text-transform: capitalize;
}

p.news-letter-form-description {
    color: rgba(173, 173, 173, 0.65);
    font-size: 14px;
}

.news-letter-mail-area {
    margin-top: 35px;
}

p.news-letter-form-description {
    margin-top: 20px;
    line-height: 164%;
}

p.customer-care-head,
.country-region-head,
.footer-botom-link-title {
    color:#1C1C1C;
    line-height: 162%;
    font-size: clamp(14px, 1.25vw, 16px);
    letter-spacing: 1px;
    text-transform: capitalize;
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
    font-family: 'chrysuni';   
}

.customer-care-list li a,
.legal-link-wraper li a {
    font-size: 14px;
    color:rgba(28, 28, 28, 0.65);
    line-height: 164%;
}

ul.customer-care-list,
ul.legal-link-wraper {
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
    /* gap: 5px;
    gap: 0; */
}

.footer-botom-link-flex-area {
    gap: 15px;
    /* padding: 70px 0; */
    padding: 50px 0;
}

.footer-botom-link-wraper {
    border-top: 1px solid rgba(54, 54, 54, 1);
    border-bottom: 1px solid rgba(54, 54, 54, 1);
}

.copy-right-content p{
    font-size: 14px;
    line-height: 164%;
    color: rgba(28, 28, 28, 0.65);
    padding: 25px 0;
}

.footer-customer-care-main-wrpaer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 38%;
}



/* privacy policy */
.policy-content-inner-wraper {
    margin-top: 50px;
}

.policy-banner-img img{
    height: clamp(250px, 34.722vw, 500px);
    object-fit: cover;
}

.policy-content-inner-wraper {
    gap: 25px;
}

.policy-content-sub-wrpaer h3 {
    margin-bottom: 10px;
}


/* custom video control */

    video {
      width: 100%;
      display: block;
    }
 
    .controls {
      max-width: 870px;
      width: 100%;
      margin: 0 auto;
      padding-inline: 20px;
      position: absolute;
      bottom: 16px;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      gap: 10px;
    }
 
    .controls button {
      background: none;
      border: none;
      color: white;
      font-size: 18px;
      cursor: pointer;
      padding: 0;
    }

    .forwardBtn svg,
    .fullscreenBtn svg,
    .playPauseBtn svg,
    .Volumn-btn svg {
        width: 20px;
        height: 20px;
        display: block;
    }

    .Volumn-btn svg {
        display: none;
    }

    .Volumn-btn svg.active {
        display: block;
    }

    .playPauseBtn.playing .play {
        display: none;
    }

    .playPauseBtn.paused .pause {
        display: none;
    }
 
    .progress-bar-container {
      flex: 1;
      background: #929191;
      height: 2px;
      border-radius: 2px;
      cursor: pointer;
      position: relative;
    }
 
    .progress-bar {
      background: white;
      height: 100%;
      width: 0%;
      border-radius: 2px;
    }
 
    /* Visualizer Bars */
    .visualizer {
      display: flex;
      gap: 3px;
      align-items: flex-end;
      height: 20px;
    }
 
    .bar {
      width: 3px;
      height: 5px;
      background: white;
      transition: height 0.3s ease-in-out;
    }
 
    /* Animate only if .playing is added */
    .visualizer.playing .bar {
      animation: bounce 1s infinite ease-in-out;
    }
 
    .visualizer.playing .bar:nth-child(2) { animation-delay: 0.1s; }
    .visualizer.playing .bar:nth-child(3) { animation-delay: 0.2s; }
    .visualizer.playing .bar:nth-child(4) { animation-delay: 0.3s; }
    .visualizer.playing .bar:nth-child(5) { animation-delay: 0.4s; }
 
    @keyframes bounce {
      0%, 100% { height: 5px; }
      50% { height: 20px; }
    }


    /* ST styling */

    /* collection product grid */
    .st-collection-product-grid-block {
        /* margin: clamp(85px, 12.014vw, 173px) 0 clamp(50px, 6.944vw, 100px); */
        /* margin: clamp(50px, 6.944vw, 100px) 0 clamp(50px, 6.944vw, 100px); */
        margin: clamp(30px, 3.472vw, 50px) 0 clamp(30px, 3.472vw, 50px);
        /* margin: clamp(50px, 4.861vw, 70px) 0 clamp(50px, 6.944vw, 100px); */
    }

    .st-collection-product-grid-innerblock {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        column-gap: 20px;
        row-gap: 30px;
    }

    .st-collection-product-grid-img-block {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: clamp(450px, 42.708vw, 615px);
        background-color: #FBFBFB;
        border: 1px solid #0000000D;
        position: relative;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
    }

    .st-collection-product-grid-img-block img {
        /* max-width: 285.5px; */
        width: 100%;
        /* height: clamp(360px, 25.903vw, 373px); */
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .st-sold-out-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 8px;
        background-color: #0033BB;
        /* background-color: #555; */
        color: #FFFFFF;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 2.16px;
        text-transform: uppercase;
        font-family: 'futura-pt';
        z-index: 3;
        cursor: auto;
    }

    .st-collection-product-ATC-btn-block {
        position: absolute;
        bottom: 15px;
        left: 0;
        right:auto;
        padding-inline: 24px;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        z-index: 3;
    }

    .st-collection-product-grid-img-block:hover .st-collection-product-ATC-btn-block {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

    .st-collection-product-ATC-btn-block button {
        width: 100%;
        padding: 15.5px 33px;
        background-color: #0033BB;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 2.16px;
        text-transform: uppercase;
        font-family: 'futura-pt';
        border: none;
        cursor: pointer;
        z-index: 3;
    }

    .st-collection-product-grid-contant-block {
        margin-top: 20px;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .st-collection-product-grid-contant-title-price-block h2 a {
        font-weight: 400;
        font-size: clamp(14px, 1.111vw, 16px);
        line-height: 100%;
        letter-spacing: 1px;
        color: #636363;
        display: block;
    }

    .st-collection-product-grid-contant-title-price-block p {
       font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 1px;
        color: #9F9C9C;
        margin-top: 6px;
    }

    .st-collection-product-grid-contant-fav-block span svg {
        width: 23px;
        height: 20px;
    }

    /* Product detail page */
    .st-complete-the-look-block {
        margin: clamp(50px, 5.556vw, 80px) 0 clamp(50px, 7.569vw, 109px);
    }
    .st-complete-the-look-innerblock h2 {
        font-weight: 400;
        font-size: clamp(18px, 1.667vw, 24px);
        line-height: 100%;
        letter-spacing: 1px;
        margin-bottom: clamp(20px, 2.778vw, 40px);
    }
    .st-complete-the-look-gallery-block {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: clamp(5px, 1.389vw, 20px);
    }

    .st-complete-the-look-gallery-block :nth-child(4) {
        grid-column: 1 / 4;
    }

    .st-complete-the-look-innerblock p {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 1px;
        color: rgba(0,0,0,.8);
    }

    /* product info */
    .st-product-info-block div:empty {
        display: block;
    }

    /* .st-product-info-block {
        margin-top: clamp(50px, 6.944vw, 100px);
        margin-top: clamp(30px, 3.472vw, 50px);
    } */

    .st-product-info-innerblock {
        display: flex;
        align-items: center;
    }

    .st-product-info-image-gallery-side {
        width: 55%;
        background-color: #efefef;
        /* padding: 172px 20px 171px; */
    }
    .st-product-info-content-side {
        width: 45%;
    }

    .st-product-info-image-gallery-block {
        position: relative;
    }

    .st-product-gallery {
        width: 100%;
        height: 100%;
    }

    .st-product-gallery img {
        /* max-width: 359px; */
        width: 100%;
        /* height: 469px; */
        /* height: 700px; */
        /* height: 750px; */
        height: 900px;
        display: block;
        /* object-fit: contain; */
        object-fit: cover;
        /* margin: 0 auto; */
    }

    .st-product-info-image-gallery-block .swiper-button-next:after, 
    .st-product-info-image-gallery-block .swiper-button-prev:after {
        font-size: 16px;
        color: #000000;
    }

    .st-product-info-image-gallery-pagination-and-fav-block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-top: 267px;
    }

    .st-product-info-image-gallery-fav span svg {
        width: 17px;
        height: 14px;
    }

    .st-product-info-image-gallery-pagination .swiper-pagination {
        position: relative;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .st-product-info-image-gallery-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .st-product-info-image-gallery-pagination .swiper-pagination-bullet-active {
        background: #000000;
    }

    .st-product-info-content-block {
        max-width: 387px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .st-product-info-content-extra-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #8C8787;
        /* margin-bottom: clamp(20px, 2.222vw, 32px); */
    }

    .st-product-info-content-sold-out-badge {
        padding: 8px;
        /* background-color: #0033BB; */
        background-color: #555;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 2.16px;
        text-transform: uppercase;
        font-family: 'futura-pt';
        cursor: auto;
        margin-bottom: 10px;
        display: flex;
        width: max-content;
    }

    .st-product-info-content-title {
        font-family: 'futura-pt';
        font-weight: 400;
        font-size: clamp(24px, 2.222vw, 32px);
        line-height: 100%;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 10px;
    }

    /* .st-product-info-content-upper-block:has(.jdgm-widget.jdgm-preview-badge[style*="display: none"]) .st-product-info-content-title,
    .st-product-info-content-upper-block:has(.jdgm-widget.jdgm-preview-badge[style*="display:none"]) .st-product-info-content-title {
        margin-bottom: clamp(20px, 2.778vw, 40px);
    }

    .st-product-judgeme-review .jdgm-widget.jdgm-preview-badge[style*="display: none"] {
        margin-bottom: 0;
    }

    .st-product-judgeme-review .jdgm-widget.jdgm-preview-badge {
        margin-bottom: clamp(20px, 2.778vw, 40px);
    } */

    .st-product-judgeme-review {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        /* margin-bottom: clamp(20px, 2.778vw, 40px); */
        margin-bottom: 20px;
    }

    .st-product-judgeme-review-title {
        display: inline-block;
        font-family: futura-pt;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1px;
        color: #1a1a1a;
        cursor: pointer;
        position: relative;
        transition: all .3s ease-in-out;
    }

    .st-product-judgeme-review-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 1px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .st-product-judgeme-review-title:hover::after {
        transform: scaleX(1);
    }

    .st-product-info-content-category {
        font-weight: 400;
        font-size: 14px;
        line-height: 171%;
        letter-spacing: 1px;
        /* text-transform: capitalize; */
        color: #8C8787;
        /* margin-bottom: clamp(26px, 3.611vw, 52px); */
        margin-bottom: 20px;
    }

    .st-product-info-content-variant-block {
        display: flex;
        align-items: end;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0,0,0,0.4);
        padding-bottom: 28px;
        margin-bottom: clamp(26px, 3.611vw, 52px);
    }


    .st-product-info-content-variant-right-side span {
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 1px;
        color: #8C8787;
        font-family: 'futura-pt';
        cursor: pointer;
        position: relative;
        transition: all 0.3s ease-in-out;
        display: block;
    }      

.st-product-info-content-variant-right-side span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: .5px;
    background-color: #8C8787;
    transition: width 0.3s ease-in-out;
}

.st-product-info-content-variant-right-side span:hover::after {
    width: 100%;
}

.st-product-info-content-variant-text-area {
    margin-bottom: 16px
}

.st-product-info-content-variant-text-area p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2.16px;
    text-transform: capitalize;
    color: #636363;
}

.st-product-info-content-variant-text-area p span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2.16px;
    text-transform: capitalize;
    color: #000000;
    display: inline-block;
}

.st-product-info-content-variant-color-box-area {
    display: flex;
    align-items: center;
    gap: 8px;
}

.st-product-info-content-variant-color-swatch {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.st-product-info-content-sizes-block {
    border-bottom: 1px solid rgba(0,0,0,0.4);
    padding-bottom: 13px;
}

.st-product-info-content-sizes-title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.st-product-info-content-sizes-title {
    font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 1px;
        color: #000000;
}

.st-product-info-content-sizes-arrow-svg {
    display: block;
}

.st-product-info-content-sizes-arrow-svg svg {
    width: 8px;
    height: 8px;
    color: #000000;
    transition: all 0.3s ease-in-out;
}

.st-product-info-content-sizes-title-block.active .st-product-info-content-sizes-arrow-svg svg {
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

.st-product-info-content-sizes-grid {
    padding-top: 5px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
}

.st-product-info-content-size-img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 80px;
    background-color: #FBFBFB;
    border: 1px solid #0000000D;
}

.st-product-info-content-size-img img {
    width: 50px;
    height: 50px;
    display: block;
    object-fit: contain;
}

.st-product-info-content-size-title {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 1px;
    color: #636363;
    display: block;
    margin-top: 10px;
}

.st-product-info-content-form {
    margin-top: clamp(20px, 2.778vw, 40px);
}

.st-product-info-content-button-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0033BB;
    padding: 15.5px 33px;
    width: 100%;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.st-product-info-content-button-icon-text-block {
    display: flex;
    align-items: center;
    gap: 11px;
}

.st-product-info-content-button-icon-text-block svg {
    width: 18px;
    height: 18px;
    color: #ffffff;
}

.st-product-info-content-button-icon-text-block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    color: #ffffff;
}

.st-product-info-content-button-price {
    display: inline-block;
    font-family: 'futura-pt';
    font-size: 16px;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    color: #ffffff;
}

.st-product-info-content-waitlist-btn-block {
    margin-top: clamp(20px, 2.778vw, 40px);
}

.st-product-info-content-waitlist-btn {
    text-align: center;
    background-color: #0033BB;
    padding: 15.5px 33px;
    width: 100%;
    border: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    color: #ffffff;
}

.st-product-info-content-see-availability-block {
    margin-top: clamp(25px, 2.431vw, 35px);
}

.st-product-info-content-see-availability-block a {
    font-family: 'futura-pt';
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #4B4B4B;
    text-decoration: underline;
}

.st-product-info-content-extra-text {
    margin-top: 15px;
}

.st-product-info-content-extra-text p,
.st-product-info-content-extra-text a,
.st-product-info-content-extra-text span {
    font-family: 'futura-pt';
    font-size: 12px;
    font-weight: 400;
    line-height: 183%;
    letter-spacing: 1px;
    color: #8c8787;
    text-transform: math-auto;
}

.st-product-info-content-extra-text h2,
.st-product-info-content-extra-text h3,
.st-product-info-content-extra-text h4,
.st-product-info-content-extra-text h5 {
    font-family: 'futura-pt';
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #8c8787;
    margin-bottom: 2px;
    text-transform: math-auto;
}


.st-product-info-content-bottom-block {
    /* margin-top: clamp(50px, 14.931vw, 215px); */
    /* margin-top: clamp(40px, 5.556vw, 80px); */
    margin-top: clamp(30px, 4.167vw, 60px);
}

.st-product-info-content-bottom-innerblock {
    display: flex;
    align-items: center;
    gap: 69px;
    /* gap: 40px; */
} 

.st-product-info-content-bottom-innerblock span {
    display: inline-block;
    font-family: 'futura-pt';
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #1A1A1A;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.st-product-info-content-bottom-innerblock span a {
    display: inline-block;
    font-family: 'futura-pt';
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #1A1A1A;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.st-product-info-content-bottom-innerblock.mobile {
    gap: 30px;
    justify-content: space-between;
}
    
.st-product-info-content-bottom-innerblock span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: .5px;
    background-color: #1A1A1A;
    transition: width 0.3s ease-in-out;
}

.st-product-info-content-bottom-innerblock span:hover::after {
    width: 100%;
}

.st-product-info-content-bottom-innerblock span.active::after {
    width: 100%;
}

.st-view-the-colors-block {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: all 00.3s ease-in-out;
    background-color: #ffffff;
    z-index: 55;
}

.st-view-the-colors-block.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: all 00.3s ease-in-out;
}

.st-view-the-colors-innerblock {
    margin-top: 120px;
    position: relative;
    height: 100%;
    margin-right: clamp(20px, 6.25vw, 90px);
}

.st-view-the-colors-close-icons {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.st-view-the-colors-close-icons svg {
    width: 16px;
    height: 16px;
    color: #676666;
    transition: all 0.3s ease-in-out;
}

.st-view-the-colors-close-icons:hover svg {
    transform: rotate(180deg);
}

.st-view-the-colors-content-area {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
}

.st-view-the-colors-content-innerarea {
    padding-top: clamp(50px, 6.944vw, 100px);
}

.st-view-the-colors-content-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #878787;
}

.st-view-the-colors-content-title span {
    color: #313131;
}

.st-view-the-colors-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
    margin-top: 20px;
}

.st-view-the-colors-content {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FBFBFB;
    border: 1px solid #0000000D;
    cursor: pointer;
}

.st-view-the-colors-content-img-with-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.st-view-the-colors-content-img-with-title img {
    width: 80px;
    height: 80px;
    display: block;
    object-fit: contain;
}

.st-view-the-colors-content-img-with-title p {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #313131;
}

.st-tabbing-block-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: end;
    height: 100vh;
    width: 100%;
    background-color: #FFFFFF99;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.st-tabbing-block-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 55;
    transition: all 0.3s ease-in-out;
}

.st-tabbing-block {
    width: 45%;
    height: 100vh;
    background-color: #ffffff;
    border-left: 1px solid #0000001A;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateX(100%);
}

.st-tabbing-block-overlay.active .st-tabbing-block {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: translateX(0%);
}

/* .st-tabbing-innerblock {
    margin-top: clamp(80px, 8.333vw, 150px);
    margin-right: clamp(20px, 6.25vw, 90px);
    margin-left: clamp(20px, 6.25vw, 90px);
    position: relative;
    height: 100%;
} */

.st-tabbing-innerblock {
    padding: clamp(70px, 6.944vw, 100px) 0;
    position: relative;
    height: 100%;
}

/* .st-tabbing-close-icons {
    position: absolute;
    top: clamp(80px, 8.333vw, 120px);
    right: clamp(20px, 7.639vw, 110px);
    cursor: pointer;
} */

.st-tabbing-close-icons {
    position: absolute;
    cursor: pointer;
    top: clamp(20px, 4.861vw, 70px);
    right: 30px;
}

.st-tabbing-close-icons svg {
    /* width: 16px;
    height: 16px; */
    width: 14px;
    height: 14px;
    color: #676666;
    transition: all 0.3s ease-in-out;
}

.st-tabbing-close-icons:hover svg {
    transform: rotate(180deg);
}

/* .st-tabbing-drawer-tabs-area {
    position: absolute;
    left: 0;
    bottom: 25%;
    width: 100%;
} */

.st-tabbing-drawer-tabs-area {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
}

/* .st-tabbing-drawer-tabs-innerarea {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
} */

.st-tabbing-drawer-tabs-innerarea {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

/* .st-tabbing-drawer-tabs {
    display: flex;
    align-items: center;
    gap: 69px;
} */

.st-tabbing-drawer-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.st-tabbing-drawer-tabs span {
    display: inline-block;
    font-family: 'futura-pt';
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #1A1A1A;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}
    
.st-tabbing-drawer-tabs span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: .5px;
    background-color: #1A1A1A;
    transition: width 0.3s ease-in-out;
}

.st-tabbing-drawer-tabs span:hover::after {
    width: 100%;
}

.st-tabbing-drawer-tabs span.active::after {
    width: 100%;
}

.st-tabbing-content-area {   
    height: 400px;
    overflow-y: auto;
    /* padding-top: clamp(20px, 3.472vw, 50px); */
}

.st-tabbing-content-innerarea {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.st-detail-tab-content-area,
.st-devlivery-returns-tab-content-area,
.st-care-tab-content-area {
    display: none;
}

.st-detail-tab-content-area.active,
.st-devlivery-returns-tab-content-area.active,
.st-care-tab-content-area.active {
    display: block;
}

/* .st-detail-tab-content-area p, .st-detail-tab-content-area ul li,
.st-detail-tab-content-area h2, .st-detail-tab-content-area h3, .st-detail-tab-content-area h4,
.st-detail-tab-content-area span, .st-detail-tab-content-area a {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #313131;
} */

.st-detail-tab-content-area p, .st-detail-tab-content-area ul li,
.st-detail-tab-content-area h2, .st-detail-tab-content-area h3, .st-detail-tab-content-area h4,
.st-detail-tab-content-area span, .st-detail-tab-content-area a {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #313131;
    /* margin-bottom: 10px; */
    font-size: 14px;
}

/* .st-devlivery-returns-tab-content-area p, .st-devlivery-returns-tab-content-area ul li,
.st-devlivery-returns-tab-content-area h2, .st-devlivery-returns-tab-content-area h3, .st-devlivery-returns-tab-content-area h4,
.st-devlivery-returns-tab-content-area span, .st-devlivery-returns-tab-content-area a {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #313131;
} */


.st-devlivery-returns-tab-content-area p, .st-devlivery-returns-tab-content-area ul li,
.st-devlivery-returns-tab-content-area h2, .st-devlivery-returns-tab-content-area h3, .st-devlivery-returns-tab-content-area h4,
.st-devlivery-returns-tab-content-area span, .st-devlivery-returns-tab-content-area a {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #313131;
    margin-bottom: 20px;
    font-size: 14px;
}

.st-devlivery-returns-tab-content-area h2, .st-devlivery-returns-tab-content-area h3, .st-devlivery-returns-tab-content-area h4 {
    margin-bottom: 5px;
    color: #000000;
}

.st-devlivery-returns-tab-content-area h5 {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #000000;
    font-size: 14px;
}

.st-care-tab-content-area p, .st-care-tab-content-area ul li,
.st-care-tab-content-area h2, .st-care-tab-content-area h3, .st-care-tab-content-area h4,
.st-care-tab-content-area span, .st-care-tab-content-area a {
    font-family: 'futura-pt';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 1px;
    color: #313131;
    margin-bottom: 15px;
    font-size: 14px;
}



/* #header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} */

#header {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.d-flex.a-i-center.cart-open {
    cursor: pointer;
}


/* cart drawer */
.st-cart-drawer-block {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #FFFFFF99;
    z-index: 9999;
    width: 100%;
    height:100vh;
    display: flex;
    justify-content: end;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.st-cart-drawer-block.active {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.st-cart-drawer-innerblock {
    background-color: #fff;
    width: 50%;
    height: 100%;
    border-left: 1px solid #0000001A;
    padding: clamp(25px, 2.847vw, 41px) clamp(25px, 3.403vw, 49px) 25px clamp(25px, 2.708vw, 39px);
    position: relative;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.st-cart-drawer-block.active .st-cart-drawer-innerblock {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.st-cart-drawer-title-count-block {
    margin-bottom: 33px;
}

.st-cart-drawer-title-count-block p {
    color: #262626;
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
}

.st-cart-drawer-item-grid {
    /* height: 250px;
    overflow-y: auto; */
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.st-cart-drawer-items-grid {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: clamp(40px, 5.486vw, 79px);
}

.st-cart-drawer-item {
    display: flex;
    /* align-items: center; */
    align-items: stretch;
    column-gap: 20px;
}

.st-cart-drawer-item-img-block a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    /* width: 180px;
    height: 240px; */
    width: 130px;
    height: 100%;
}

.st-cart-drawer-item-img-block a img {
    /* width: 81px;
    height: 107px; */
    width: 90px;
    height: 110px;
    display: block;
    object-fit: contain;
}

.st-cart-drawer-item-content-title,
.st-cart-drawer-item-content-title > a {
    color: #313131;
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
}

.st-cart-drawer-item-content-title {
    margin-bottom: 15px;
}

.st-cart-drawer-item-content-price {
    margin-bottom: 18px;
}

.st-cart-drawer-item-content-price p {
    color: #313131;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
}

.st-cart-drawer-item-content-variations {
    margin-bottom: 19px;
}

.st-cart-drawer-item-content-variations h3 {
    color: #313131;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    margin-bottom: 10px;
}

.st-cart-drawer-item-content-variations h3:last-child {
    margin-bottom: 0;
}

.st-cart-drawer-item-quantity-block {
    display: flex;
    align-items: center;
    gap: 13px;
}

.st-cart-drawer-item-quantity-block button {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 15px;
    height: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.st-cart-drawer-item-quantity-block button svg {
    width: 7px;
    height: 6px;
}

.st-cart-drawer-item-quantity-block button:focus {
    border: none;
    box-shadow: none;
}

.st-cart-drawer-item-quantity-input {
    display: flex;
    align-items: center;
}

.st-cart-drawer-item-quantity-input span,
.st-cart-drawer-item-quantity-input input {
    color: #000000;
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 2.16px;
    font-family: 'futura-pt';
}

.st-cart-drawer-item-quantity-input input {
    background: transparent;
    border: none;
    width: 15px;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.st-cart-drawer-item-remove-block {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.st-cart-drawer-item-remove {
    color: #313131;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    cursor: pointer;
}

.st-cart-drawer-total-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: clamp(40px, 4.167vw, 60px);
}

.st-cart-drawer-total-title-area h4 {
    color: #313131;
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    text-transform: uppercase;
    /* margin-bottom: 3px; */
}

.st-cart-drawer-total-title-area p {
    color: #9C9C9C;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
}


.st-cart-drawer-total-block span {
    color: #000000;
    font-weight: 400;
    font-size: clamp(16px, 1.667vw, 24px);
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
}

.st-cart-drawer-btns-block {
    margin-top: clamp(20px, 2.292vw, 33px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.st-cart-drawer-checkout-btn {
    background-color: #0033BB;
    text-align: center;
    width: 100%;
    padding: 15.5px 33px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
    text-transform: uppercase;
}

.st-cart-drawer-btns-extra-text p,
.st-cart-drawer-btns-extra-text span,
.st-cart-drawer-btns-extra-text a {
    font-weight: 400;
    font-size: 10px;
    line-height: 180%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
    color: #626262;
}

.st-cart-drawer-btns-extra-text a {
    text-decoration: underline;
}

.st-cart-drawer-bottom-area {
    margin-top: clamp(20px, 1.667vw, 24px);
}

.st-cart-drawer-contact-block {
    display: flex;
    /* align-items: end; */
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.st-cart-drawer-contact-title-area h4 {
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    color: #000000;
    margin-bottom: 5px;
}

.st-cart-drawer-contact-title-area p {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
    color: #626262;
}

.st-cart-drawer-contact-email-call-block {
    display: flex;
    align-items: center;
    gap: 21px;
}

.st-cart-drawer-contact-email-call-block a {
    display: block;
    color: #313131;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    text-decoration: underline;
}

.st-cart-drawer-payment-secure-block {
    margin: 18px 0 33px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.st-cart-drawer-payment-secure-block h4 {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    margin-bottom: 9px;
}

.st-cart-drawer-payment-cards-block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.st-cart-drawer-payment-cards-block img {
    display: block;
    max-width: 38px;
    width: 100%;
    height: 24px;
    object-fit: contain;
}

.st-cart-drawer-shipping-returns-block {
    max-width: 560px;
    width: 100%;
}

.st-cart-drawer-shipping-returns-block h4 {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    margin-bottom: 10px;
}

.st-cart-drawer-shipping-returns-para p {
    margin-bottom: 10px;
}

.st-cart-drawer-shipping-returns-para p,
.st-cart-drawer-shipping-returns-para span,
.st-cart-drawer-shipping-returns-para a {
    color: #626262;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
}

.st-cart-drawer-shipping-returns-para h3,
.st-cart-drawer-shipping-returns-para h4 {
    color: #626262;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
}

.st-cart-drawer-shipping-returns-para h5,
.st-cart-drawer-shipping-returns-para h6 {
    color: #626262;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.5px;
    font-family: 'futura-pt';
    margin-bottom: 3px;
}

.st-cart-drawer-shipping-returns-para a {
    text-decoration: underline;
}

.st-cart-drawer-close-icon {
    position: absolute;
    top: clamp(25px, 2.847vw, 41px);
    right: clamp(25px, 3.403vw, 49px);
    cursor: pointer;
}

.st-cart-drawer-close-icon svg {
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.st-cart-drawer-close-icon:hover svg {
    transform: rotate(180deg);
}

.st-cart-drawer-no-items-block {
    margin: 50px 0;
}

.st-cart-drawer-no-items-block p {
    font-weight: 400;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 100%;
    letter-spacing: 1px;
    font-family: 'futura-pt';
    color: #000000;
    text-transform: capitalize;
}

/* Mobile structure */
.st-sticky-product-btns.mobile {
    display: none;
}

.st-sticky-product-btns.mobile.st-be-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, .4);
    width: 100%;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.3s ease-in-out;
}

.st-sticky-product-btns.mobile.st-be-sticky.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}

.st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-form {
    margin-top: 0;
}

.st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text h2, .st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text h3, .st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text h4, .st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text h5 {
    font-size: 12px;
}

.st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text p, .st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text a, .st-sticky-product-btns.mobile.st-be-sticky .st-product-info-content-extra-text span {
    font-size: 10px;
}

.st-sticky-product-btns.mobile.st-not-sticky {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .4);
}

.st-sticky-product-btns.mobile.st-not-sticky .st-product-info-content-form {
    margin-top: 0;
}

.st-product-info-content-bottom-innerblock.mobile {
    display: none;
}

.st-product-info-content-bottom-block:has(.st-product-info-content-bottom-innerblock.mobile) {
    padding-bottom: 20px;
}

.st-product-info-content-bottom-innerblock.mobile {
    padding-bottom: 20px;
}

.st-product-info-content-bottom-tab-content-block.mobile {
    display: none;
}

.st-detail-tab-content-area.mobile,
.st-devlivery-returns-tab-content-area.mobile,
.st-care-tab-content-area.mobile {
    display: none;
}

.st-detail-tab-content-area.mobile.active,
.st-devlivery-returns-tab-content-area.mobile.active,
.st-care-tab-content-area.mobile.active {
    display: block;
    padding-top: 10px;
}

/* About sc */
img.desk {
        display: block;
    }
    img.mobile {
        display: none;
    }

.st-about-block {
    padding: clamp(30px, 3.472vw, 50px) 0;
}

.st-about-innerblock {
    display: flex;
    align-items: center;
    column-gap: clamp(30px, 5.208vw, 75px);
}

.care .st-about-innerblock {
    display: flex;
    align-items: start;
    column-gap: clamp(30px, 5.208vw, 75px);
}

.st-about-image-block {
    width: 45%;
}

.st-about-content-block {
    width: 55%;
}

.st-about-content-block h2 {
    margin-bottom: 25px;
    font-size: clamp(20px, 2.222vw, 32px);
    line-height: 131%;
}

.st-about-content-para-block {
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
}

.st-about-content-para-block p,
.st-about-content-para-block a,
.st-about-content-para-block span,
.st-about-content-para-block ul li {
    font-weight: 400;
    color: #737373;
    letter-spacing: 1px;
    line-height: 162%;
    font-size: clamp(14px, 1.25vw, 16px);
}

.st-about-content-para-block a {
    text-decoration: underline;
}

.st-about-content-para-block ul {
    margin: 20px 0 20px 20px;
    list-style: disc outside;
}

.st-about-content-para-block ul li {
    margin-bottom: 10px;
}

.st-about-content-para-block ul li:last-child {
    margin-bottom: 0;
}



/* image section 1 */
.st-img-1-innerblock {
  display: flex;
  align-items: center;
}

.st-img-1,
.st-img-2 {
  width: 50%;
}

.st-img-1 {
  padding-bottom: clamp(20px, 2.917vw, 42px);
}

.st-img-1-innerblock img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.st-img-1 img {
  width: clamp(140px, 39.097vw, 563px);
  height: clamp(148px, 39.653vw, 571px);
}

/* image section 2 */
body.early-access-debut .st-img-2-block {
  margin-bottom: clamp(30px, 3.472vw, 50px);
}


.st-img-2-innerblock {
  display: flex;
  /* align-items: end; */
}

.st-img-2-1,
.st-img-2-2 {
  width: 50%;
}

.st-img-2-innerblock img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.st-img-2-1 {
  margin-top: -20%;
}

.st-img-2-2 p {
  font-size: clamp(14px, 1.111vw, 16px);
  line-height: 163%;
  letter-spacing: 1px;
  color: #262626;
  padding: clamp(30px, 7.986vw, 115px) 0 clamp(20px, 7.917vw, 114px) 20px;
}

.st-img-2-2 img {
  height: clamp(140px, 40.972vw, 590px);
}


/* main page banner */
.policy-content-inner-wraper {
    margin: 50px 0;
}

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

.hero-banner h1{
    font-size: clamp(26px, 3.472vw, 50px);
    font-family: 'chrysuni';  
    font-weight: 400;
    font-size: clamp(26px, 3.472vw, 50px);
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    padding: 150px 0;
    text-transform: capitalize;
}

.policy-content-inner-wraper {
    gap: 25px;
}

.policy-content-sub-wrpaer h1,
.policy-content-sub-wrpaer h2,
.policy-content-sub-wrpaer h3,
.policy-content-sub-wrpaer h4,
.policy-content-sub-wrpaer h5,
.policy-content-sub-wrpaer h6 {
  margin-bottom: 10px;
  font-size: clamp(26px, 1.736vw, 32px);
  color: #000;
  text-transform: capitalize;
  font-family: 'chrysuni';  
  font-weight: 400;
}

.policy-content-inner-wraper {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.policy-content-sub-wrpaer p {
  font-weight: 400;
  font-size: clamp(16px, 1.528vw, 22px);
  line-height: 142%;
  letter-spacing: 1px;
  font-family: 'futura-pt';
}

ul.footer-page-links-inner-area {
    display: flex;
    gap: 10px;
    align-items: center;
    /* margin-top: 20px; */
} 

ul.footer-page-links-inner-area li a{
    font-size: 14px;
    color: #1c1c1ca6;
    font-family: 'futura-pt';
}

/* Footer Signup form */
.footer-klaviyo-form-block input {
  border-bottom: 1px solid #363636 !important;
  padding: 0 !important;
}
 
.footer-klaviyo-form-block input:hover {
  border-bottom: 1px solid #363636 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.footer-klaviyo-form-block input:focus,
.footer-klaviyo-form-block input:focus-visible {
  border-bottom: 1px solid #363636 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
}

div[aria-label="POPUP Form"].needsclick.kl-private-reset-css-Xuajs1 input {
   border-bottom: 1px solid #363636 !important;
  padding: 0 !important; 
}

div[aria-label="POPUP Form"].needsclick.kl-private-reset-css-Xuajs1 input:hover {
  border-bottom: 1px solid #363636 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

div[aria-label="POPUP Form"].needsclick.kl-private-reset-css-Xuajs1 input:focus,
div[aria-label="POPUP Form"].needsclick.kl-private-reset-css-Xuajs1 input:focus-visible {
  border-bottom: 1px solid #363636 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
}

/* hero banner v2 */
.st-hero-banner-v2-block {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.st-hero-banner-v2-ancher {
    height: clamp(450px, 41.667vw, 600px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px 0;
}

.st-hero-banner-v2-heading {
    text-transform: uppercase;
    color: #fff;
    font-family: 'chrysuni';
    font-weight: 400;
    font-size: clamp(20px, 1.944vw, 28px);
    line-height: 100%;
}

.st-hero-banner-v2-heading span {
    font-weight: 600;
    font-size: clamp(44px, 4.444vw, 64px);
}

.st-hero-banner-v2-btn-block {
    margin-top: clamp(5px, 1.389vw, 20px);
}

.st-hero-banner-v2-btn-block a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: clamp(16px, 1.25vw, 18px);
    color: #fff;
    /* text-transform: capitalize; */
    text-transform: uppercase;
}

.st-hero-banner-v2-btn-block a svg path {
    fill: #fff;
}


/* product grid with images */

.st-product-grid-with-images-block {
    padding-top: clamp(30px, 3.472vw, 50px);
}

.st-product-grid-with-images-innerblock {
    display: flex;
    align-items: stretch;
    column-gap: 5px;
}

.st-product-grid-with-images-left-side,
.st-product-grid-with-images-right-side {
    width: 50%;
}

.st-product-grid-with-images-left-side-product-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    /* height: clamp(450px, 42.708vw, 615px); */
    height: clamp(600px, 62.5vw, 900px);
    background-color: #eeeeee;
    border: 1px solid #0000000D;
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.st-product-grid-with-images-left-side-product {
    width: 100%;
}

.st-product-grid-with-images-left-side-product-swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    /* height: clamp(450px, 42.708vw, 615px); */
    height: clamp(600px, 62.5vw, 900px);
}

.st-product-grid-with-images-left-side-product-swiper-slide img {
    /* object-fit: contain; */
    object-fit: cover;
}

.st-product-grid-with-images-block div:empty {
    display: block;
}

.st-product-grid-with-images-left-side-product-swiper-button-next,
.st-product-grid-with-images-left-side-product-swiper-button-prev {
    z-index: 1;
}

.st-product-grid-with-images-left-side-product-swiper-button-next::after,
.st-product-grid-with-images-left-side-product-swiper-button-prev::after {
    font-size: 16px;
    color: #000;
}

.st-product-grid-with-images-left-side-product-content {
    position: absolute;
    bottom: 0;
    left: 0;
    /* background-color: rgba(0,0,0,.2); */
    width: 100%;
    padding: 20px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.st-product-grid-with-images-left-side-product-content-title {
    width: max-content;
}

.st-product-grid-with-images-left-side-product-content-title a {
    font-weight: 500;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 100%;
    letter-spacing: 1px;
    /* color: #fff; */
    color: #000;
    display: block;
    font-family: chrysuni;
}

.st-product-grid-with-images-left-side-product-content-price {
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    margin-top: 5px;
    /* color: #fff; */
    color: #000;
}

.st-product-grid-with-images-left-side-product-content-variant-color-block {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: end;
    z-index: 1;
    /* background-color: rgba(0,0,0,.2); */
}

.st-product-grid-with-images-left-side-product-content-variant-color-block a:empty {
    display: block;
}

.st-product-grid-with-images-left-side-product-content-variant-color {
    width: 20px;
    height: 20px;
}

.st-product-grid-with-images-left-side-custom-image {
    margin-top: 5px;
}

.st-product-grid-with-images-left-side-custom-image img {
    width: 100%;
    height: clamp(350px, 42.708vw, 615px);
    object-fit: cover;
    display: block;
}

.st-product-grid-with-images-right-side-img-block img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.st-product-grid-with-images-left-side-product-content-variant-color-text {
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    margin-top: 5px;
    /* color: #fff; */
    color: #000;
}


/* collection products grid */

.st-collection-product-grid-v2-block div:empty {
    display: block;
}


.st-collection-product-grid-v2-block {
    margin: clamp(30px, 3.472vw, 50px) 0 clamp(30px, 3.472vw, 50px);
}

.st-collection-product-grid-v2-innerblock {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 5px;
}

.st-collection-product-grid-v2-innerblock > *:nth-child(4n-1) {
    order: 4;
}

.st-collection-product-grid-v2-innerblock > *:nth-child(4n) {
    order: 3;
}

.st-collection-product-grid-products-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    /* height: clamp(450px, 42.708vw, 615px); */
    height: clamp(600px, 62.5vw, 900px);
    background-color: #eeeeee;
    border: 1px solid #0000000D;
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.st-collection-product-grid-products {
     width: 100%;
     height: 100%;
}

.swiper-slide st-collection-product-grid-products-swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    /* height: clamp(450px, 42.708vw, 615px); */
    height: clamp(600px, 62.5vw, 900px);
}

.st-collection-product-grid-products-swiper-slide-image-block {
    width: 100%;
}

.st-collection-product-grid-products-swiper-slide img {
    /* object-fit: contain; */
    object-fit: cover;
}

.st-collection-product-grid-products-swiper-button-next::after,
.st-collection-product-grid-products-swiper-button-prev::after {
    font-size: 16px;
    color: #000;
}

.st-collection-product-grid-products-swiper-button-next,
.st-collection-product-grid-products-swiper-button-prev {
    z-index: 1;
}


.st-collection-product-grid-products-content {
    position: absolute;
    bottom: 0;
    left: 0;
    /* background-color: rgba(0,0,0,.2); */
    width: 100%;
    padding: 20px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.st-collection-product-grid-products-content-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.st-collection-product-grid-products-content-title {
    width: max-content;
}

.st-collection-product-grid-products-content-title a {
    font-weight: 500;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 100%;
    letter-spacing: 1px;
    /* color: #fff; */
    color: #000;
    display: block;
    font-family: chrysuni;
}

.st-collection-product-grid-products-content-price {
    font-weight: 400;
    font-size: clamp(14px, 1.111vw, 16px);
    line-height: 100%;
    letter-spacing: 1px;
    margin-top: 5px;
    /* color: #fff; */
    color: #000;
}

.st-collection-product-grid-products-images-area {
    width: 100%;
    height: 100%;
}

.st-collection-product-grid-products-images-single {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    /* height: clamp(450px, 42.708vw, 615px); */
    height: clamp(600px, 62.5vw, 900px);
}

.st-collection-product-grid-products-images-single img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.st-collection-product-grid-products-content-atc-btn-block form {
    line-height: 0;
}

.st-collection-product-grid-products-content-atc-btn-block form button {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.st-collection-product-grid-products-content-atc-btn-block form button img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: block;
}

.st-collection-product-grid-products-sold-out-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px;
    background-color: #03b;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    font-family: futura-pt;
    z-index: 3;
    cursor: auto;
}

.st-collection-product-grid-products-content-atc-btn-block form button[disabled] {
    cursor: no-drop;
}

.jm-review-widget-minimal-header__title {
    font-size: clamp(22px, 2.778vw, 28px) !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: normal;
    font-family: chrysuni !important;
}

.jm-button.jm-button--primary {
    /* padding: 15.5px 33px !important; */
    padding: 12.5px 33px !important;
    width: 100%;
    border-radius: 0 !important;
    border: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 128% !important;
    letter-spacing: 2.16px !important;
    text-transform: uppercase !important;
    font-family: futura-pt !important;
}

.jm-button--secondary.jm-custom-answer-filter,
.jdgm-sort-dropdown.jm-sort-filter__select {
    /* padding: 14.5px 10px !important; */
    padding: 11.3px 10px !important;
    border-radius: 0 !important;;
}

.jm-reviewer-info__name,
span.jm-text {
    font-family: futura-pt !important;
}

.page-width {
    max-width: 1340px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 20px !important;
}

.jdgm-widget.jdgm-review-widget {
    max-width: 100% !important;
}

.jm-star-rating__font-icon {
    font-size: 1.3rem !important;
}

.jdgm-review-content__body-content p {
    font-size: 14px !important;
}

.jdgm-prev-badge__text {
    font-family: futura-pt !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    color: #1a1a1a;
}

.jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star {
    /* font-size: 34px !important; */
    font-size: 2.3rem !important;
}

.jdgm-widget.jdgm-review-widget p,
.jdgm-widget.jdgm-review-widget a {
    font-family: futura-pt !important;
}

.jdgm-write-review-modal__content p,
.jdgm-write-review-modal__content span {
    font-family: futura-pt !important;
}

.jdgm-widget.jdgm-review-widget h1,
.jdgm-widget.jdgm-review-widget h2,
.jdgm-widget.jdgm-review-widget h3,
.jdgm-widget.jdgm-review-widget h4,
.jdgm-widget.jdgm-review-widget h5,
.jdgm-widget.jdgm-review-widget h6, {
    font-family: chrysuni !important;
}
/* 
.jdgm-write-review-modal__title {
    font-family: chrysuni !important;
}

.jdgm-write-review-modal__intro,
.jdgm-write-review-modal__product-title {
    font-family: futura-pt !important;
} */

.jdgm-widget.jdgm-preview-badge .jdgm-star {
    color: #000000;
}

.jdgm-widget.jdgm-preview-badge .jdgm-star.jdgm--on {
    font-size: 1.3rem;
}

.st-product-info-content-affirm-block {
    margin-top: 5px;
}

.st-sidebar-reviews-judgme-widget .jm-cluster.jm-review-widget-minimal-header__button-and-filters {
    display: none;
}

.st-sidebar-reviews-judgme-widget .jm-cluster[data-v-ecc8542d] p.jm-text {
    font-size: 14px !important;
}

.jdgm-review-list[data-v-577bcb4c] {
    padding-block-start: 0 !important;
}

.jm-media-preview {
    display: none !important;
}

.jm-center.jm-center--center-text.jm-center--intrinsic.jm-no-reviews-state {
    display: none !important;
}

html.st-reviews-sidebar-open,
body.st-reviews-sidebar-open {
  overflow: hidden;
}