/** Shopify CDN: Minification failed

Line 1621:0 Unexpected "<"
Line 3286:0 Unexpected "<"
Line 3386:0 Unexpected "<"
Line 3602:0 Unexpected "{"
Line 3602:1 Expected identifier but found "%"
Line 3605:1 Expected identifier but found "%"
Line 3607:0 Unexpected "{"
Line 3607:1 Expected identifier but found "%"
Line 3609:0 Unexpected "<"
Line 3615:5 Unexpected "{"
... and 23 more hidden warnings

**/
.link{
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
}
/* ANTICLOCKWISE - INR Currency Button Right Side */
.buckscc-currency-wrapper {
  position: fixed !important;
  right: 22px !important;
  left: auto !important;
  bottom: 90px !important;
  z-index: 99999 !important;
  font-family: 'Questrial', Arial, sans-serif !important;
}

/* Main INR Button */
.buckscc-select,
.buckscc-currency-wrapper .buckscc-select,
.buckscc-currency-wrapper .buckscc-select-styled {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 39px !important;
  min-width: 95px !important;
  padding: 0 13px !important;
  background: #3f3f3f !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: 'Questrial', Arial, sans-serif !important;
}

/* INR Text */
.bucks-selected,
.buckscc-selected,
.buckscc-currency-wrapper span {
  color: #ffffff !important;
  font-family: 'Questrial', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

/* Flag Image */
.buckscc-currency-wrapper img,
.buckscc-currency-wrapper .bucks-flag,
.buckscc-currency-wrapper .flag {
  width: 24px !important;
  height: 16px !important;
  object-fit: cover !important;
  border-radius: 1px !important;
  margin: 0 !important;
}

/* Dropdown Arrow */
.buckscc-currency-wrapper svg,
.buckscc-currency-wrapper .buckscc-caret,
.buckscc-currency-wrapper .buckscc-arrow {
  color: #ffffff !important;
  fill: #ffffff !important;
  width: 12px !important;
  height: 12px !important;
}

/* Hover */
.buckscc-currency-wrapper .buckscc-select:hover,
.buckscc-currency-wrapper .buckscc-select-styled:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Dropdown List */
.buckscc-currency-wrapper ul,
.buckscc-currency-wrapper .buckscc-options,
.buckscc-currency-wrapper .buckscc-select-options {
  background: #3f3f3f !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  z-index: 999999 !important;
}

/* Dropdown Items */
.buckscc-currency-wrapper li,
.buckscc-currency-wrapper .buckscc-option {
  color: #ffffff !important;
  font-family: 'Questrial', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background: #3f3f3f !important;
}

/* Dropdown Item Hover */
.buckscc-currency-wrapper li:hover,
.buckscc-currency-wrapper .buckscc-option:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
  .buckscc-currency-wrapper {
    right: 16px !important;
    bottom: 82px !important;
  }

  .buckscc-select,
  .buckscc-currency-wrapper .buckscc-select,
  .buckscc-currency-wrapper .buckscc-select-styled {
    height: 36px !important;
    min-width: 88px !important;
    padding: 0 11px !important;
  }

  .bucks-selected,
  .buckscc-selected,
  .buckscc-currency-wrapper span {
    font-size: 14px !important;
  }
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  --font-heading-line-height: 130%;
  line-height: var(--font-heading-line-height);
  word-break: break-word;
}
.h1,.h2,.h3,.h4,.h5,.h6{
  margin: 0;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{
  color: var(--color-base);
}
.section-heading-text{
  color: var(--color-heading);
}
@media (min-width: 993px){
  h1,h2{
  	--h-mt: 10px;
    --h-mb: 10px;
  }
}
@media (max-width: 992px){
  h1,h2{
  	--h-mt: 10px;
    --h-mb: 10px;
  }
}
h1,.h1{
  font-size: calc(42px * var(--font-heading-scale));
}
h2,.h2{
  font-size: calc(36px * var(--font-heading-scale));
}
h1,h2{
  margin-top: var(--h-mt, 0);
  margin-bottom: var(--h-mb, 0);
}
h3,.h3{
  font-size: calc(30px * var(--font-heading-scale));
}
h4,.h4{
  font-size: calc(24px * var(--font-heading-scale));
}
h5,.h5{
  font-size: calc(20px * var(--font-heading-scale));
}
h6,.h6{
  font-size: calc(16px * var(--font-heading-scale));
}
h3,h4,h5,h6{
  --h-mt: 10px;
  --h-mb: 10px;
  margin-top: var(--h-mt);
  margin-bottom: var(--h-mb);
}
.body2{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-weight);
}
strong,b,.strong{
  font-weight: var(--font-body-bold-weight);
}
h1.strong,h2.strong,h3.strong,h4.strong,h5.strong,h6.strong,.h1.strong,.h2.strong,.h3.strong,.h4.strong,.h5.strong,.h6.strong,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b{
  font-weight: var(--font-heading-weight);
}

form{
  margin: 0;
}
button,
button:active,
button:focus{outline: none;border: none;}
img{
  max-width: 100%;
  vertical-align: middle;
}
meta+img,p+img,p span img{
  max-width: 100%;
  vertical-align: middle;
  margin: 10px 0;
}
input:focus, input:active{outline: none;}
input::placeholder,
textarea::placeholder{
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  color: var(--color-input-text);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color: var(--color-input-text);
}
input::-moz-placeholder,
textarea::-moz-placeholder{
  color: var(--color-input-text);
}
a{
  color: var(--color-text-link);
  text-decoration: underline;
  outline: 0;
  transition: color var(--duration-medium) var(--animation-bezier);
}
a:hover{text-decoration: none;}
a.clear-underline{
  text-decoration: none;
}
ul, ol{
  margin-top:10px;
  margin-bottom:0;
  padding-left: 28px;
}
.unstyle-ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  margin: 10px 0 0;
}
.no-js:not(html),
html.no-js .no-js-hidden {
  display: none!important;
}
html.no-js .no-js:not(html) {
  display: block!important;
}
  
address {
  font-style: var(--font-body-style);
}

.color-base{color: var(--color-base);}
.mb0{margin-bottom: 0px;}
.mb4{margin-bottom: 4px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}

.el_mt_grid{margin-top: var(--page-padding);}
  
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.nomargin{margin: 0;}
.mt--first-child-0 > *:first-child{margin-top:0;}
.mb--last-child-0 > *:last-child{margin-bottom:0;}
.text-uppercase{text-transform: uppercase !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-end{justify-content: flex-end !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-center{align-items: center !important;}
.align-items-end{align-items: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
.display-block{display: block;}
.display-flex{display: flex;}
.justify-content-between{justify-content: space-between;}
.position-relative{position: relative;}
.hidden, .hide{display: none !important;}
.body-bold-weight{font-weight: var(--font-body-bold-weight);}
.visibility-hidden{
  visibility: hidden;
  display: none !important;
}
.visibility-hidden:first-child+*:not(.visibility-hidden){
  margin-top: 0;
}
@media (min-width:577px){
  .justify-content-center--no-phone{justify-content: center !important;}
}
@media (max-width:576px){
  .hide-sp{display: none !important;}
}

.top-spacing-none{
  --sections-top-spacing-current: 0;
}
.top-spacing-small{
  --sections-top-spacing-current: var(--sections-top-spacing--small);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--small-mobile);
}
.top-spacing-normal{
  --sections-top-spacing-current: var(--sections-top-spacing);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing-mobile);
}
[class*="top-spacing-"]{
  margin-top: var(--sections-top-spacing-current);
}
@media (max-width:992px){
  [class*="top-spacing-"]{
    margin-top: var(--sections-top-spacing-current-mobile);
  }
  .top-spacing-small{
    margin-top: var(--sections-top-spacing--small-tablet);
  }
}
@media (max-width:576px){
  .top-spacing-small{
    margin-top: var(--sections-top-spacing--small-mobile);
  }
}


.scroll__vertical{overflow: hidden auto;}
.scroll__disabled{overflow: hidden;}

summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
[style*="--aspect-ratio"]{
  position: relative;
  overflow: hidden;
  width: 100%;
}
[style*="--aspect-ratio"] img,
[style*="--aspect-ratio"].placeholder__svg--bg svg{
  backface-visibility: hidden;
  transform: translateZ(0);
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[style*="--aspect-ratio"]:before{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1)));
}
@media (max-width: 992px){
  [style*="--aspect-ratio-mobile"]:before{
   --aspect-ratio: var(--aspect-ratio-mobile);
  }
}
.image-hover-scaling__container{
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
a.image-hover-scaling__image{
  display: block;
}
.content-item .image-hover-scaling__container.image-hover-scaling__border{
  background:var(--color-secondary-background);
  border-bottom: max(var(--border-width), 1px) var(--border-style) var(--color-border);
  transition: border-color var(--duration-for-border) var(--animation-bezier);
}
@media (min-width: 993px){
  .image-hover-scaling-up .image-hover-scaling__image{
    transition: transform var(--duration-medium) var(--zoom-animation-bezier);
    transform: scale(1);
  }
  .image-hover-scaling-up:hover .image-hover-scaling__image:not(.image-hover-scaling-up--disabled),
  .hover-area:hover .image-hover-scaling-up .image-hover-scaling__image:not(.image-hover-scaling-up--disabled){
    transform: scale(var(--scale-image, 1)) rotate(var(--rotate-image,0));
  }
  .content__border-h:hover .image-hover-scaling__container.image-hover-scaling__border{
    border-color: var(--color-border-hover);
  }
}

*:not(.text-center) > .heading-with-button{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.heading-with-button .heading-buttons-container{
  margin-left: auto;
  flex: 0 0 auto;
}
.heading-with-button__for-center{
  width: max-content;
  flex: 0 0 auto;
  visibility: hidden;
  opacity: 0;  
}
@media (min-width: 577px){
  .text-center > .heading-with-button{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap:10px;
    align-items: center;
  }
  .heading-buttons-container{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    gap:20px;
  }
}
@media (max-width: 576px){
  .text-center > .heading-with-button .section-heading-text+* .link{
    margin-top: 10px;
  }
  .heading-with-button__for-center{
    display: none;
  }
}

.badge__container{  
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  pointer-events: none;
}
.badge__container:empty{
  display: none;
}
.badge{
  display: inline-flex;
  pointer-events: none;
  background: var(--color-badge-1);
  color: var(--color-badge-1-text);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  pointer-events: none;
  text-transform: initial;
  font-weight: normal;
}
.badge-simple .badge{
  padding: 0 10px;
}
.badge--fixed{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  z-index: 3;
}
.badge__container.badge__inline{
  gap:5px;
  margin: 20px 20px 0 20px;
}
.badge__container.badge__inline .badge{
  padding: 4px 8px 3px;
  border-radius:var(--radius-badge);
  word-break: break-word;
}
.badge--small{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  padding: 1px 4px;
}
.badge__small__rounded .badge{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  border-radius:var(--radius-badge);
  padding:3px 6px;
}
.badge--featured{
  background: var(--color-badge-2);
  color: var(--color-badge-2-text);
}
.badge--sold_out{
  background: var(--color-badge-3);
  color: var(--color-badge-3-text);
}
.no-js ticker-section{
  display: none;
}
.badge-ticker{
  display: flex;
  overflow: hidden;
  width: 100%;
  text-decoration: none;
}
.badge-ticker__item{
  display: flex;
  align-items: center;
  text-decoration: none;
}
.badge-ticker__container{
  display: flex;
  align-items: center;
}
.badge-ticker__container.ticker--animation{
  animation: badge-ticker var(--ticker-delay, 15s) infinite linear;
}
.badge-ticker__container p{
  margin-top: 0;
  padding: 5px 10px;
  white-space: nowrap;
}
.badge__container-grid{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
@-moz-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@-webkit-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@-o-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}

.badge__menu{
  padding: 0 5px;
  font-size:12px;
  width: max-content;
}
.badge__menu__fixed{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0!important;
  gap: 4px;
  top: 6px;
  right: 6px;
  z-index: 1;
}
.cart-count-bubble{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-icons);
  border-radius: 50%;
  transition: color var(--duration-medium) var(--animation-bezier);
  white-space: nowrap;
}
.header__cart .content-item:hover .cart-count-bubble{
  color: var(--color-icons-hover);
}
.cart-icon-bubble{
  display: flex;
  position: relative;
}
.cart-count-bubble{
  position:absolute;
  width:100%;
  bottom:calc(100% - 6px);
  left:calc(100% - 3px);
}

.link{
  --color-hover:var(--color-link-text-button-hover);
  cursor: pointer;
  display: inline-flex;
  gap:5px;
  position: relative;
  align-items: center;
  border: none;
  box-shadow: none;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: var(--color-link-text-button);
  width: max-content;
  height: max-content;
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  word-break: break-word;
  transition: color var(--duration-medium) var(--animation-bezier);
}
.link-on-all-background{
  padding:20px;
}
product-modal .link-on-all-background,
body:not(.classic-theme-design) .link-on-all-background,
.footer__content .link-on-all-background{
  width:100%;
  height:100%;
}
.link svg{
  flex: 0 0 auto;
  position: relative;
  top: -1px;
}
.link svg.theme-icon path{
  fill: var(--color-link-text-button);
}
.link:not(.link-with-icon):before,
.link.link-with-icon span:before,
.link .predictive-search__item_link:before{
  content: "";
  position: absolute;
  width: 0;
  height:var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.link.predictive-search__item:before{
  content: none;
}
.link.link-with-icon span,
.link .predictive-search__item_link{
  position:relative;
}
.link.link-heading-button{
  --color-hover:var(--color-heading-text-button-hover);
  --color-link-text-button:var(--color-heading-button);
}
@media (min-width: 993px){
.hover-area:hover .link,
.link:hover{
  color:var(--color-hover);
}
.hover-area:hover .link svg path,
  .link:hover svg path{
    fill:var(--color-hover);
  }
  .hover-area:hover .link:not(.link-with-icon):hover:before,
  .hover-area:hover .link.link-with-icon:hover span:before,
  .link:not(.link-with-icon):hover:before,
  .link.link-with-icon:hover span:before,
  .link:hover .predictive-search__item_link:before{
    text-decoration: none;
    width: 100%;
  }
  [type="submit"]:hover svg path,
  [type="button"]:not(.link):not(.deferred-media__poster):not(.btn-main-icon-hover):hover svg path{
    fill:var(--color-icons-hover);
  }
  a:hover svg.placeholder-svg path{
    fill: rgba(var(--color-base-rgb), .3);
  }
}

svg.theme-icon path,
svg.theme-icon rect{
  fill: var(--color-icons);
}
svg.placeholder-svg path{
  fill: rgba(var(--color-base-rgb), .3); 
}
svg > *{
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn{
  --background: var(--color-button);
  --color:var(--color-button-text);
  --background-hover: var(--color-button-hover);
  --color-hover:var(--color-button-text-hover);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-button-weight);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  height: 60px;
  background: var(--background);
  color: var(--color);
  border-radius: var(--radius-button);
  border: unset;
  padding: 0 20px;
  width: auto;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  word-break: break-word;
  transition: color var(--duration-medium) var(--animation-bezier),
              background var(--duration-medium) var(--animation-bezier);
}
.btn svg path{
  fill: var(--color);
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn:hover{
  text-decoration: none;
}
.btn.btn-border{
  --background:transparent;
  --color:var(--color-base);
  --background-hover:transparent;
  --color-hover:var(--color-base);
  --color-icons:var(--color-base);
  --color-icons-hover:var(--color-base);
  border:1px solid var(--color-border-hover);
}
.btn.btn-border svg path{
  fill:var(--color);
}
@media (min-width: 993px){
  .btn:hover{
    background: var(--background-hover);
    color: var(--color-hover);
  }
  .btn:hover svg path{
    fill: var(--color-hover);
  }
}
.btn svg{
  flex: 0 0 auto;
}
.btn[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .3;
  pointer-events: none;
}
.link[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
}

.animation-underline{
  --color-hover:var(--color-base);
  display: inline-flex;
  position: relative;
  text-decoration: none;
}
.animation-underline:before{
  content: "";
  position: absolute;
  width: 0;
  height: var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.animation-underline--active:before{
  width: 100%;
}
@media (min-width: 993px){
  .hover-area:hover .animation-underline:not(.hover-area--native):before,
  .animation-underline:hover:before{
    text-decoration: none;
    width: 100%;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):hover:before{
    text-decoration: none;
    width: 0;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):after{
    content: "";
    position: absolute;
    width: 100%;
    height: var(--animation-underline-thin);
    left: 0;
    top: 100%;
    background: transparent;
  }
}
 
.placeholder__svg--bg{
  background: rgba(var(--color-base-rgb), 0.07);
}
.placeholder__svg--bg-none{
  background: rgba(0,0,0,0);
}
.placeholder__svg--bg svg{
  display: flex;
  width: 100%;
  height: auto;
}
  
.w-full {width: 100%;}
.h-full {height: 100%;}
@media (min-width:993px){
  .w-full-half-lg {width: 50%;}
}

/* ***************  */
blockquote{
  background: var(--color-blockquote);
  padding:20px 20px 20px 48px;
  margin-left:-20px;
  width:calc(100% + 40px);
  position:relative;
}
blockquote>*{
  margin-top:0;
}
blockquote:before{
  content:"“";
  position:absolute;
  top:20px;
  left:19px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
}

blockquote:first-child:not(:only-child){
  margin-bottom:20px;
}
blockquote:last-child:not(:only-child){
  margin-top:20px;
}
.classic-theme-design blockquote{
  border-radius:var(--radius);
}
@media (max-width:992px){
  .classic-theme-design .page-fullwidth blockquote{
    border-radius:0;
  }
}

.shopify-challenge__message{
  margin-top: 0;
  margin-bottom: 30px;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  font-size: 20px;
  line-height: 26px;
}
.shopify-challenge__container .shopify-challenge__button{
  margin-top: 30px;
}
@media (min-width: 993px){
  .shopify-challenge__container{
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
@media (max-width: 992px){
  .shopify-challenge__container{
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media (max-width:576px){
  .shopify-challenge__container .shopify-challenge__button{
    width: calc(100% - 40px);
  }
}
table{
  overflow:hidden;
  border: 0;
  padding: 0;
  background: none;
  border-collapse: separate;
  border-spacing: 0;
  border-radius:var(--radius-input);
  width: 100%;
  text-align: left;
  border: var(--border);
  --border: 1px solid var(--color-border);
  word-break: break-word;
}
table:not(:only-child){
  margin-top:20px;
}
table:not(:last-child){
  margin-bottom:20px;
}
dd,dl{
  margin:0;
}
td,th{
  font-weight:var(--font-body-weight);
  border:none;
}
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
  border-right: var(--border);
}
table>thead>tr:not(:last-child)>th,
table>thead>tr:not(:last-child)>td,
table>tbody>tr:not(:last-child)>th,
table>tbody>tr:not(:last-child)>td,
table>tfoot>tr:not(:last-child)>th,
table>tfoot>tr:not(:last-child)>td,
table>thead:not(:last-child)>tr>th,
table>thead:not(:last-child)>tr>td,
table>tbody:not(:last-child)>tr>th,
table>tbody:not(:last-child)>tr>td,
table>tfoot:not(:last-child)>tr>th,
table>tfoot:not(:last-child)>tr>td,
table>tr:not(:last-child)>td,
table>tr:not(:last-child)>th,
table>thead:not(:last-child),
table>tbody:not(:last-child),
table>tfoot:not(:last-child) {
  border-bottom: var(--border);
}
table th:not(:last-child),
table td:not(:last-child){
  border-right: var(--border);
}
td, th {
  padding:12px 15px;
}
table h1, table h2, table h3, table h4, table h5, table h6{
  margin-top: 0;
  margin-bottom: 0;
}
table thead{
  text-align: left;
}
@media (max-width:576px){
  .scroll-table-mobile{
    overflow-y: hidden;
    overflow-x: auto;
  }
  .scroll-table-mobile table{
    width: max-content;
    min-width: 100%;
    max-width: 767px;
  }
}
  
.svg-icon--small svg{
  max-width: 20px;
  max-height: 20px;
}
.svg-icon--normal svg{
  max-width: 64px;
  max-height: 64px;
}
.color-accent-to-base{
  --color-accent: var(--color-base);
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden{
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.breadcrumb{
  --color-secondary-background:var(--color-breadcrumb-background);
  --color-base:var(--color-breadcrumb-font);
  color:var(--color-breadcrumb-font);
}
.breadcrumb li{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb li svg{
  margin-left: 10px;
  margin-right: 10px;
}
.breadcrumb li svg path{
  fill:var(--color-base);
}
.breadcrumb a:hover{
  --color-base:var(--color-breadcrumb-font-hover);
}
/* @media (max-width: 992px){
  .breadcrumb{
    margin-top: 20px;
  }
} */

.share-button__fallback{
  position: relative;
}
.share-button__fallback input{
  text-overflow: ellipsis;
  padding-right: 50px;
}
.share-button__close,
.share-button__copy{
  position: absolute;
  top: 52%;
  right: 20px;
  transform: translate(0,-50%);
  padding: 0 20px;
  height: 100%;
  background: transparent;
  z-index:1;
  cursor: pointer;
}
.share-button__close,
.share-button__copy{
  opacity: 1;
}
.share-button__close:not(.hidden)+.share-button__copy,
.share-button__close:not(.hidden)~.field input,
.share-button__close:not(.hidden)~.field label{
  display:none;
}
.share-button__close:not(.hidden)~.field .share-button__message{
  display: flex;
  align-items: center;
}
.share-button{
  display: block;
  height:100%;
}
html.no-js .share-button details{
  display: flex;
}
.share-button details summary{
  display: inline-flex;
  width: 100%;
}
.share-button__fallback{
  margin-top:-20px;
}
  
a:empty, ul:empty, dl:empty, p:empty{
  display: none;
}
  
.loading-overlay__spinner{
  width: 20px;
  height: 20px;
  display: inline-block;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--color-base);
  animation: dash 1.4s ease-in-out infinite;
}
.btn .path,
.btn-quickview .path,
.btn.product-form__submit .path{
  stroke: var(--color);
}
.btn.loading .path,
.btn-quickview.loading .path,
.btn.product-form__submit.loading .path{
  stroke: var(--color-hover);
}
@media screen and (forced-colors: active) {
  .btn:hover .path,
  .btn-quickview:hover .path,
  .btn.product-form__submit:hover .path{
    stroke: var(--color-hover);
  }
  .path{
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

*:focus {
  outline: 0;
  box-shadow: none;
}
*:focus-visible:not(textarea):not(input):not(select){
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.ticker__item:focus-visible,
.select__field__button:focus-visible,
.image-hover-scaling__container:focus-visible,
.product__media-toggle:focus-visible,
.product-card__variant-item:focus-visible,
.product-card__variant-count:focus-visible,
.content-item:focus-visible,
.content-item-container:focus-visible,
.search__button:focus-visible,
.chm-toggle--accordion summary:focus-visible,
facet-filters-form .chm-toggle__button:focus-visible,
.image-hover-scaling__container:focus-visible{
  outline: 0 !important;
  outline-offset: 0 !important;
}
.product-form__item input[type=radio]:focus-visible+label{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
  z-index:4;
}
.product__media-toggle:focus-visible:after{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.ticker__item:focus-visible,
.announcement-bar:focus-visible,
.chm-toggle--accordion summary:focus-visible,
.product-card__image:focus-visible,
.product-card__variant-item:focus-visible,
.thumbnail-slider__item__container .thumbnail:focus-visible,
facet-filters-form .chm-toggle__button:focus-visible,
.image-hover-scaling__container:focus-visible{
  position:relative;
}
.ticker__item:focus-visible:after,
.slideshow.active:focus-visible:after,
.announcement-bar:focus-visible:after,
back-to-top .link:focus-visible:after,
*:focus-visible > .content-item-container:after,
.search__button:focus-visible:after,
.content-item-container:focus-visible:after,
.chm-toggle--accordion summary:focus-visible:after,
.product-card__image:focus-visible:after,
.product-card__variant-item:focus-visible:after,
.thumbnail-slider__item__container .thumbnail:focus-visible:after,
.product-card__variant-count:focus-visible:after,
facet-filters-form .chm-toggle__button:focus-visible:after,
.image-hover-scaling__container:focus-visible:after{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 4px solid #0909FF;
  outline-offset: -4px;
  z-index: 3;
}
.search__button:focus-visible:after{
  width:calc(100% + 20px);
}
facet-filters-form:not(.facets__horizontal) .toggle-opening .chm-toggle__button:focus-visible:after{
  height:calc(100% + 20px);
}
.disclosure-form .field__input .content-item-container:after{
  top: -16px;
  left: calc((20px + var(--border-width)) * -1);
  width:calc(100% + 20px + var(--border-width));
  height:calc(100% + 16px);
}
.quantity__button[name]:focus-visible{
  border-radius: 0;
}

@media (max-width:992px){
  *:not(input):not(textarea):focus:not(select):focus:not(.predictive-search):focus {
    outline: 0!important;
  }
}
input:focus-visible~.checkbox__box{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}

.btn:focus,
.btn:focus-visible,
.btn.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  clip: auto;
}
.btn:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused){
  outline: 0;
  box-shadow: inherit;
}
terms_and_condition-checkbox{
  display: flex;
}
terms_and_condition-checkbox:not(.checked)+*,
terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons{
  pointer-events: none;
  opacity: 0.4;
}
.no-js .cart__footer__content,
.no-js .cart__dynamic-checkout-buttons{
  pointer-events: inherit!important;
  opacity: 1!important;
}
terms_and_condition-checkbox .checkbox-input:hover span{
  cursor: default;
}
.section__richtext__editor h1,
.section__richtext__editor h2,
.section__richtext__editor h3,
.section__richtext__editor h4,
.section__richtext__editor h5,
.section__richtext__editor h6{
  margin: 0;
}
.section__richtext__editor ul,
.section__richtext__editor ol{
  margin:0;
  padding:0 0 0 20px;
  max-width: max-content;
}
.section__richtext__editor ol{
  padding:0 0 0 32px;
}
.text-center .section__richtext__editor ul,
.text-center .section__richtext__editor ol,
.text-center.section__richtext__editor ul,
.text-center.section__richtext__editor ol{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.section__richtext__editor>*:not(:first-child){
  margin-top:20px;
}
.section__richtext__editor>p+p{
  margin-top:10px;
}

.page-content-image-markup iframe{
  display:flex;
  height:auto;
  aspect-ratio:16/9;
}
.page-content-image-markup iframe,
.page-content-image-markup img{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:calc(var(--content-internal-padding, 0) * -1);
  max-width:calc(100% + var(--content-internal-padding, 0) * 2);
  width:calc(100% + var(--content-internal-padding, 0) * 2);
  border-top:var(--border-width) var(--border-style) var(--color-border);
  border-bottom:var(--border-width) var(--border-style) var(--color-border);
  transition: border-color var(--duration-medium) var(--animation-bezier);
}
.page-content-image-markup>iframe,
.page-content-image-markup>img{
  margin-top:20px;
}
.page-content-image-markup>*:first-child:not(:last-child) iframe:first-child,
.page-content-image-markup>iframe:first-child:not(:last-child),
.page-content-image-markup>*:first-child:not(:last-child) img:first-child,
.page-content-image-markup>img:first-child:not(:last-child){
  border-bottom:var(--border-width) var(--border-style) var(--color-border);
  margin-top:calc(var(--content-internal-padding, 0) * -1);
}
.page-content-image-markup>*:first-child iframe,
.page-content-image-markup>iframe:first-child,
.page-content-image-markup>*:first-child img,
.page-content-image-markup>img:first-child{
  border-top:none;
}
.page-content-image-markup>*:last-child:not(:first-child) iframe,
.page-content-image-markup>iframe:last-child:not(:first-child),
.page-content-image-markup>*:last-child:not(:first-child) img,
.page-content-image-markup>img:last-child:not(:first-child){
  border-top:var(--border-width) var(--border-style) var(--color-border);
  margin-bottom:calc(var(--content-internal-padding, 0) / 2 * -1);
}
.page-content-image-markup>*:last-child iframe:last-child,
.page-content-image-markup>iframe:last-child,
.page-content-image-markup>*:last-child img:last-child,
.page-content-image-markup>img:last-child{
  margin-bottom:calc(var(--content-internal-padding, 0) * -1);
}
.page-content-image-markup>*:last-child iframe,
.page-content-image-markup>iframe:last-child,
.page-content-image-markup>*:last-child img,
.page-content-image-markup>img:last-child{
  border-bottom:none;
}
body:not(.classic-theme-design) .page-content-image-markup>iframe+img,
body:not(.classic-theme-design) .page-content-image-markup>img+iframe,
body:not(.classic-theme-design) .page-content-image-markup>img+img,
body:not(.classic-theme-design) .page-content-image-markup>*:not(:first-child):not(:last-child) img+img{
  margin-top:calc(-10px - var(--border-width));
}
body:not(.classic-theme-design) .page-content-image-markup>* img+img{
  margin-top:-10px;
}
body.classic-theme-design .page-content-image-markup>iframe+img,
body.classic-theme-design .page-content-image-markup>img+iframe,
body.classic-theme-design .page-content-image-markup img+img{
  margin-top:10px;
}
body.classic-theme-design .page-content-image-markup>* img+img{
  margin-top:30px!important;
}
.classic-theme-design .page-content-image-markup iframe,
.classic-theme-design .page-content-image-markup img{
  border-radius:var(--radius-image-icon);
}
@media (min-width:993px){
  .content__border-h:hover .page-content-image-markup iframe,
  .content__border-h:hover .page-content-image-markup img{
    border-color:var(--color-border-hover);
  }
  .heading-color-hover{
    --color-hover:var(--color-heading-hover);
    transition: color var(--duration-medium) var(--animation-bezier);
  }
  .hover-area:hover .heading-color-hover:not(.hover-area--native),
  .heading-color-hover:hover{
    color:var(--color-heading-hover);
  }
}
@media (max-width:992px){
  .classic-theme-design .page-fullwidth .page-content-image-markup iframe,
  .classic-theme-design .page-fullwidth .page-content-image-markup img{
    border-radius:0;
  }
}

/*   */

.product-card__variants{
  --grid: var(--grid-desktop);
  display: flex;
  align-items: stretch;
  width:calc(100% + var(--border-width) * 2);
}
.product-card__variants>*{
  width:calc((100% + var(--border-width) * 5) / var(--grid));
  height: auto;
  margin-left:calc(var(--border-width) * -1);
  margin-top:calc(var(--border-width) * -1);
}
@media (min-width: 577px) {
  .page-grid-same-height{
    grid-auto-rows: 1fr;
  }
}
@media (max-width: 576px) {
  .slider[class*="page-grid-sp-"]{
    display: flex;
    width: 100%;
  }
  .slider[class*="page-grid-sp-"] > .content-item{
    flex: 0 0 auto;
    width: 100%;
  }
}
.social_icons_area{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  background:transparent;
}
@media (max-width:992px){
  .social_icons_area{
    width:40px;
    height:40px;
  }
}
.shopify-section-clip{
  overflow-x:clip;
}
.video_on_hover .banner-media-ctrl {
  display: none;
}
css
/* ============================= */
/* ANTICLOCKWISE PREMIUM GRID */
/* ============================= */

.collection .grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr);
  gap:0;
  border-top:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
}

/* PRODUCT CARD */

.card-wrapper{
  border-right:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  background:#fff;
  position:relative;
}

/* IMAGE */

.card__media{
  background:#f8f8f8;
  aspect-ratio:1/1.2;
  overflow:hidden;
}

.card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s ease;
}

.card-wrapper:hover img{
  transform:scale(1.03);
}

/* PRODUCT INFO */

.card__content{
  padding:18px;
}

/* TITLE */

.card__heading{
  font-size:20px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.4px;
}

.card__heading a{
  text-decoration:none;
  color:#111;
}

/* PRICE */

.price{
  margin-top:10px;
  font-size:20px;
  font-weight:600;
  color:#111;
}

/* EMI TEXT */

.ac-emi{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.ac-emi-text{
  font-size:13px;
  color:#111;
}

.ac-emi-btn{
  background:#000;
  color:#fff;
  padding:5px 10px;
  font-size:11px;
  border-radius:4px;
  text-decoration:none;
}

/* WISHLIST ICON */

.ac-heart{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  width:38px;
  height:38px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.ac-heart svg{
  width:22px;
  height:22px;
  stroke:#111;
  fill:none;
}

/* MOBILE */

@media(max-width:768px){

  .card__content{
    padding:14px;
  }

  .card__heading{
    font-size:17px;
  }

  .price{
    font-size:18px;
  }

}
.mobile-nav .account,
.mobile-menu .account,
.drawer__account,
.menu-drawer__account,
.menu-drawer__utility-links a,
.menu-drawer .account-link {
    color: #000000 !important;
}
.menu-drawer * {
    color: #000 !important;
}

.menu-drawer .shopify-login-button,
.menu-drawer .account-link,
.menu-drawer__utility-links a {
    color: #000 !important;
}
/* Hide Account block in mobile menu */
.menu-drawer a[href*="/account"],
.drawer a[href*="/account"] {
    display: none !important;
}

.menu-drawer .customer,
.menu-drawer .account {
    display: none !important;
}
/* Hide account section in mobile hamburger menu */
.menu-drawer .customer,
.menu-drawer .account,
.menu-drawer__account,
.customer-links,
.account-links,
.shopify-account {
    display: none !important;
}
.ac-tax-included-text {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.2px;
}
<style>
/* ==================================================
   ANTI CLOCKWISE — GLOBAL VARIANT HOVER EFFECT
   Applies to all product sections / product pages
   ================================================== */

/* SIZE / TEXT SWATCH BASE */
body variant-radios .product-form__item input[type="radio"] + label:not(.color__swatch),
body .product-form__input .product-form__item input[type="radio"] + label:not(.color__swatch),
body .product-form__input input[type="radio"] + label:not(.color__swatch) {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #eeeeee !important;
  border-radius: 6px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease !important;
  box-shadow: none !important;
}

/* SIZE / TEXT SWATCH HOVER — BLACK BOX */
body variant-radios .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover,
body .product-form__input .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover,
body .product-form__input input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

/* SELECTED SIZE — STAYS DIFFERENT */
body variant-radios .product-form__item input[type="radio"]:checked + label:not(.color__swatch),
body .product-form__input .product-form__item input[type="radio"]:checked + label:not(.color__swatch),
body .product-form__input input[type="radio"]:checked + label:not(.color__swatch) {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

/* SELECTED SIZE HOVER — DO NOT TURN BLACK */
body variant-radios .product-form__item input[type="radio"]:checked + label:not(.color__swatch):hover,
body .product-form__input .product-form__item input[type="radio"]:checked + label:not(.color__swatch):hover,
body .product-form__input input[type="radio"]:checked + label:not(.color__swatch):hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* COLOR SWATCH BASE */
body variant-radios .product-form__item input[type="radio"] + label.color__swatch,
body .product-form__input .product-form__item input[type="radio"] + label.color__swatch,
body .product-form__input input[type="radio"] + label.color__swatch {
  cursor: pointer !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}

.link{
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
}
/* ANTICLOCKWISE - INR Currency Button Right Side */
.buckscc-currency-wrapper {
  position: fixed !important;
  right: 22px !important;
  left: auto !important;
  bottom: 90px !important;
  z-index: 99999 !important;
  font-family: 'Questrial', Arial, sans-serif !important;
}

/* Main INR Button */
.buckscc-select,
.buckscc-currency-wrapper .buckscc-select,
.buckscc-currency-wrapper .buckscc-select-styled {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 39px !important;
  min-width: 95px !important;
  padding: 0 13px !important;
  background: #3f3f3f !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: 'Questrial', Arial, sans-serif !important;
}

/* INR Text */
.bucks-selected,
.buckscc-selected,
.buckscc-currency-wrapper span {
  color: #ffffff !important;
  font-family: 'Questrial', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

/* Flag Image */
.buckscc-currency-wrapper img,
.buckscc-currency-wrapper .bucks-flag,
.buckscc-currency-wrapper .flag {
  width: 24px !important;
  height: 16px !important;
  object-fit: cover !important;
  border-radius: 1px !important;
  margin: 0 !important;
}

/* Dropdown Arrow */
.buckscc-currency-wrapper svg,
.buckscc-currency-wrapper .buckscc-caret,
.buckscc-currency-wrapper .buckscc-arrow {
  color: #ffffff !important;
  fill: #ffffff !important;
  width: 12px !important;
  height: 12px !important;
}

/* Hover */
.buckscc-currency-wrapper .buckscc-select:hover,
.buckscc-currency-wrapper .buckscc-select-styled:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Dropdown List */
.buckscc-currency-wrapper ul,
.buckscc-currency-wrapper .buckscc-options,
.buckscc-currency-wrapper .buckscc-select-options {
  background: #3f3f3f !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  z-index: 999999 !important;
}

/* Dropdown Items */
.buckscc-currency-wrapper li,
.buckscc-currency-wrapper .buckscc-option {
  color: #ffffff !important;
  font-family: 'Questrial', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background: #3f3f3f !important;
}

/* Dropdown Item Hover */
.buckscc-currency-wrapper li:hover,
.buckscc-currency-wrapper .buckscc-option:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
  .buckscc-currency-wrapper {
    right: 16px !important;
    bottom: 82px !important;
  }

  .buckscc-select,
  .buckscc-currency-wrapper .buckscc-select,
  .buckscc-currency-wrapper .buckscc-select-styled {
    height: 36px !important;
    min-width: 88px !important;
    padding: 0 11px !important;
  }

  .bucks-selected,
  .buckscc-selected,
  .buckscc-currency-wrapper span {
    font-size: 14px !important;
  }
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  --font-heading-line-height: 130%;
  line-height: var(--font-heading-line-height);
  word-break: break-word;
}
.h1,.h2,.h3,.h4,.h5,.h6{
  margin: 0;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{
  color: var(--color-base);
}
.section-heading-text{
  color: var(--color-heading);
}
@media (min-width: 993px){
  h1,h2{
  	--h-mt: 10px;
    --h-mb: 10px;
  }
}
@media (max-width: 992px){
  h1,h2{
  	--h-mt: 10px;
    --h-mb: 10px;
  }
}
h1,.h1{
  font-size: calc(42px * var(--font-heading-scale));
}
h2,.h2{
  font-size: calc(36px * var(--font-heading-scale));
}
h1,h2{
  margin-top: var(--h-mt, 0);
  margin-bottom: var(--h-mb, 0);
}
h3,.h3{
  font-size: calc(30px * var(--font-heading-scale));
}
h4,.h4{
  font-size: calc(24px * var(--font-heading-scale));
}
h5,.h5{
  font-size: calc(20px * var(--font-heading-scale));
}
h6,.h6{
  font-size: calc(16px * var(--font-heading-scale));
}
h3,h4,h5,h6{
  --h-mt: 10px;
  --h-mb: 10px;
  margin-top: var(--h-mt);
  margin-bottom: var(--h-mb);
}
.body2{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-weight);
}
strong,b,.strong{
  font-weight: var(--font-body-bold-weight);
}
h1.strong,h2.strong,h3.strong,h4.strong,h5.strong,h6.strong,.h1.strong,.h2.strong,.h3.strong,.h4.strong,.h5.strong,.h6.strong,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b{
  font-weight: var(--font-heading-weight);
}

form{
  margin: 0;
}
button,
button:active,
button:focus{outline: none;border: none;}
img{
  max-width: 100%;
  vertical-align: middle;
}
meta+img,p+img,p span img{
  max-width: 100%;
  vertical-align: middle;
  margin: 10px 0;
}
input:focus, input:active{outline: none;}
input::placeholder,
textarea::placeholder{
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  color: var(--color-input-text);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color: var(--color-input-text);
}
input::-moz-placeholder,
textarea::-moz-placeholder{
  color: var(--color-input-text);
}
a{
  color: var(--color-text-link);
  text-decoration: underline;
  outline: 0;
  transition: color var(--duration-medium) var(--animation-bezier);
}
a:hover{text-decoration: none;}
a.clear-underline{
  text-decoration: none;
}
ul, ol{
  margin-top:10px;
  margin-bottom:0;
  padding-left: 28px;
}
.unstyle-ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  margin: 10px 0 0;
}
.no-js:not(html),
html.no-js .no-js-hidden {
  display: none!important;
}
html.no-js .no-js:not(html) {
  display: block!important;
}
  
address {
  font-style: var(--font-body-style);
}

.color-base{color: var(--color-base);}
.mb0{margin-bottom: 0px;}
.mb4{margin-bottom: 4px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}

.el_mt_grid{margin-top: var(--page-padding);}
  
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.nomargin{margin: 0;}
.mt--first-child-0 > *:first-child{margin-top:0;}
.mb--last-child-0 > *:last-child{margin-bottom:0;}
.text-uppercase{text-transform: uppercase !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-end{justify-content: flex-end !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-center{align-items: center !important;}
.align-items-end{align-items: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
.display-block{display: block;}
.display-flex{display: flex;}
.justify-content-between{justify-content: space-between;}
.position-relative{position: relative;}
.hidden, .hide{display: none !important;}
.body-bold-weight{font-weight: var(--font-body-bold-weight);}
.visibility-hidden{
  visibility: hidden;
  display: none !important;
}
.visibility-hidden:first-child+*:not(.visibility-hidden){
  margin-top: 0;
}
@media (min-width:577px){
  .justify-content-center--no-phone{justify-content: center !important;}
}
@media (max-width:576px){
  .hide-sp{display: none !important;}
}

.top-spacing-none{
  --sections-top-spacing-current: 0;
}
.top-spacing-small{
  --sections-top-spacing-current: var(--sections-top-spacing--small);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--small-mobile);
}
.top-spacing-normal{
  --sections-top-spacing-current: var(--sections-top-spacing);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing-mobile);
}
[class*="top-spacing-"]{
  margin-top: var(--sections-top-spacing-current);
}
@media (max-width:992px){
  [class*="top-spacing-"]{
    margin-top: var(--sections-top-spacing-current-mobile);
  }
  .top-spacing-small{
    margin-top: var(--sections-top-spacing--small-tablet);
  }
}
@media (max-width:576px){
  .top-spacing-small{
    margin-top: var(--sections-top-spacing--small-mobile);
  }
}


.scroll__vertical{overflow: hidden auto;}
.scroll__disabled{overflow: hidden;}

summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
[style*="--aspect-ratio"]{
  position: relative;
  overflow: hidden;
  width: 100%;
}
[style*="--aspect-ratio"] img,
[style*="--aspect-ratio"].placeholder__svg--bg svg{
  backface-visibility: hidden;
  transform: translateZ(0);
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[style*="--aspect-ratio"]:before{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1)));
}
@media (max-width: 992px){
  [style*="--aspect-ratio-mobile"]:before{
   --aspect-ratio: var(--aspect-ratio-mobile);
  }
}
.image-hover-scaling__container{
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
a.image-hover-scaling__image{
  display: block;
}
.content-item .image-hover-scaling__container.image-hover-scaling__border{
  background:var(--color-secondary-background);
  border-bottom: max(var(--border-width), 1px) var(--border-style) var(--color-border);
  transition: border-color var(--duration-for-border) var(--animation-bezier);
}
@media (min-width: 993px){
  .image-hover-scaling-up .image-hover-scaling__image{
    transition: transform var(--duration-medium) var(--zoom-animation-bezier);
    transform: scale(1);
  }
  .image-hover-scaling-up:hover .image-hover-scaling__image:not(.image-hover-scaling-up--disabled),
  .hover-area:hover .image-hover-scaling-up .image-hover-scaling__image:not(.image-hover-scaling-up--disabled){
    transform: scale(var(--scale-image, 1)) rotate(var(--rotate-image,0));
  }
  .content__border-h:hover .image-hover-scaling__container.image-hover-scaling__border{
    border-color: var(--color-border-hover);
  }
}

*:not(.text-center) > .heading-with-button{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.heading-with-button .heading-buttons-container{
  margin-left: auto;
  flex: 0 0 auto;
}
.heading-with-button__for-center{
  width: max-content;
  flex: 0 0 auto;
  visibility: hidden;
  opacity: 0;  
}
@media (min-width: 577px){
  .text-center > .heading-with-button{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap:10px;
    align-items: center;
  }
  .heading-buttons-container{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    gap:20px;
  }
}
@media (max-width: 576px){
  .text-center > .heading-with-button .section-heading-text+* .link{
    margin-top: 10px;
  }
  .heading-with-button__for-center{
    display: none;
  }
}

.badge__container{  
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  pointer-events: none;
}
.badge__container:empty{
  display: none;
}
.badge{
  display: inline-flex;
  pointer-events: none;
  background: var(--color-badge-1);
  color: var(--color-badge-1-text);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  pointer-events: none;
  text-transform: initial;
  font-weight: normal;
}
.badge-simple .badge{
  padding: 0 10px;
}
.badge--fixed{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  z-index: 3;
}
.badge__container.badge__inline{
  gap:5px;
  margin: 20px 20px 0 20px;
}
.badge__container.badge__inline .badge{
  padding: 4px 8px 3px;
  border-radius:var(--radius-badge);
  word-break: break-word;
}
.badge--small{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  padding: 1px 4px;
}
.badge__small__rounded .badge{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  border-radius:var(--radius-badge);
  padding:3px 6px;
}
.badge--featured{
  background: var(--color-badge-2);
  color: var(--color-badge-2-text);
}
.badge--sold_out{
  background: var(--color-badge-3);
  color: var(--color-badge-3-text);
}
.no-js ticker-section{
  display: none;
}
.badge-ticker{
  display: flex;
  overflow: hidden;
  width: 100%;
  text-decoration: none;
}
.badge-ticker__item{
  display: flex;
  align-items: center;
  text-decoration: none;
}
.badge-ticker__container{
  display: flex;
  align-items: center;
}
.badge-ticker__container.ticker--animation{
  animation: badge-ticker var(--ticker-delay, 15s) infinite linear;
}
.badge-ticker__container p{
  margin-top: 0;
  padding: 5px 10px;
  white-space: nowrap;
}
.badge__container-grid{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
@-moz-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@-webkit-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@-o-keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}
@keyframes badge-ticker {
  100% {
	transform: translateX(-100%);
  }
}

.badge__menu{
  padding: 0 5px;
  font-size:12px;
  width: max-content;
}
.badge__menu__fixed{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0!important;
  gap: 4px;
  top: 6px;
  right: 6px;
  z-index: 1;
}
.cart-count-bubble{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-icons);
  border-radius: 50%;
  transition: color var(--duration-medium) var(--animation-bezier);
  white-space: nowrap;
}
.header__cart .content-item:hover .cart-count-bubble{
  color: var(--color-icons-hover);
}
.cart-icon-bubble{
  display: flex;
  position: relative;
}
.cart-count-bubble{
  position:absolute;
  width:100%;
  bottom:calc(100% - 6px);
  left:calc(100% - 3px);
}

.link{
  --color-hover:var(--color-link-text-button-hover);
  cursor: pointer;
  display: inline-flex;
  gap:5px;
  position: relative;
  align-items: center;
  border: none;
  box-shadow: none;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: var(--color-link-text-button);
  width: max-content;
  height: max-content;
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  word-break: break-word;
  transition: color var(--duration-medium) var(--animation-bezier);
}
.link-on-all-background{
  padding:20px;
}
product-modal .link-on-all-background,
body:not(.classic-theme-design) .link-on-all-background,
.footer__content .link-on-all-background{
  width:100%;
  height:100%;
}
.link svg{
  flex: 0 0 auto;
  position: relative;
  top: -1px;
}
.link svg.theme-icon path{
  fill: var(--color-link-text-button);
}
.link:not(.link-with-icon):before,
.link.link-with-icon span:before,
.link .predictive-search__item_link:before{
  content: "";
  position: absolute;
  width: 0;
  height:var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.link.predictive-search__item:before{
  content: none;
}
.link.link-with-icon span,
.link .predictive-search__item_link{
  position:relative;
}
.link.link-heading-button{
  --color-hover:var(--color-heading-text-button-hover);
  --color-link-text-button:var(--color-heading-button);
}
@media (min-width: 993px){
.hover-area:hover .link,
.link:hover{
  color:var(--color-hover);
}
.hover-area:hover .link svg path,
  .link:hover svg path{
    fill:var(--color-hover);
  }
  .hover-area:hover .link:not(.link-with-icon):hover:before,
  .hover-area:hover .link.link-with-icon:hover span:before,
  .link:not(.link-with-icon):hover:before,
  .link.link-with-icon:hover span:before,
  .link:hover .predictive-search__item_link:before{
    text-decoration: none;
    width: 100%;
  }
  [type="submit"]:hover svg path,
  [type="button"]:not(.link):not(.deferred-media__poster):not(.btn-main-icon-hover):hover svg path{
    fill:var(--color-icons-hover);
  }
  a:hover svg.placeholder-svg path{
    fill: rgba(var(--color-base-rgb), .3);
  }
}

svg.theme-icon path,
svg.theme-icon rect{
  fill: var(--color-icons);
}
svg.placeholder-svg path{
  fill: rgba(var(--color-base-rgb), .3); 
}
svg > *{
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn{
  --background: var(--color-button);
  --color:var(--color-button-text);
  --background-hover: var(--color-button-hover);
  --color-hover:var(--color-button-text-hover);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-button-weight);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  height: 60px;
  background: var(--background);
  color: var(--color);
  border-radius: var(--radius-button);
  border: unset;
  padding: 0 20px;
  width: auto;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  word-break: break-word;
  transition: color var(--duration-medium) var(--animation-bezier),
              background var(--duration-medium) var(--animation-bezier);
}
.btn svg path{
  fill: var(--color);
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn:hover{
  text-decoration: none;
}
.btn.btn-border{
  --background:transparent;
  --color:var(--color-base);
  --background-hover:transparent;
  --color-hover:var(--color-base);
  --color-icons:var(--color-base);
  --color-icons-hover:var(--color-base);
  border:1px solid var(--color-border-hover);
}
.btn.btn-border svg path{
  fill:var(--color);
}
@media (min-width: 993px){
  .btn:hover{
    background: var(--background-hover);
    color: var(--color-hover);
  }
  .btn:hover svg path{
    fill: var(--color-hover);
  }
}
.btn svg{
  flex: 0 0 auto;
}
.btn[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .3;
  pointer-events: none;
}
.link[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
}

.animation-underline{
  --color-hover:var(--color-base);
  display: inline-flex;
  position: relative;
  text-decoration: none;
}
.animation-underline:before{
  content: "";
  position: absolute;
  width: 0;
  height: var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.animation-underline--active:before{
  width: 100%;
}
@media (min-width: 993px){
  .hover-area:hover .animation-underline:not(.hover-area--native):before,
  .animation-underline:hover:before{
    text-decoration: none;
    width: 100%;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):hover:before{
    text-decoration: none;
    width: 0;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):after{
    content: "";
    position: absolute;
    width: 100%;
    height: var(--animation-underline-thin);
    left: 0;
    top: 100%;
    background: transparent;
  }
}
 
.placeholder__svg--bg{
  background: rgba(var(--color-base-rgb), 0.07);
}
.placeholder__svg--bg-none{
  background: rgba(0,0,0,0);
}
.placeholder__svg--bg svg{
  display: flex;
  width: 100%;
  height: auto;
}
  
.w-full {width: 100%;}
.h-full {height: 100%;}
@media (min-width:993px){
  .w-full-half-lg {width: 50%;}
}

/* ***************  */
blockquote{
  background: var(--color-blockquote);
  padding:20px 20px 20px 48px;
  margin-left:-20px;
  width:calc(100% + 40px);
  position:relative;
}
blockquote>*{
  margin-top:0;
}
blockquote:before{
  content:"“";
  position:absolute;
  top:20px;
  left:19px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
}

blockquote:first-child:not(:only-child){
  margin-bottom:20px;
}
blockquote:last-child:not(:only-child){
  margin-top:20px;
}
.classic-theme-design blockquote{
  border-radius:var(--radius);
}
@media (max-width:992px){
  .classic-theme-design .page-fullwidth blockquote{
    border-radius:0;
  }
}

.shopify-challenge__message{
  margin-top: 0;
  margin-bottom: 30px;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  font-size: 20px;
  line-height: 26px;
}
.shopify-challenge__container .shopify-challenge__button{
  margin-top: 30px;
}
@media (min-width: 993px){
  .shopify-challenge__container{
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
@media (max-width: 992px){
  .shopify-challenge__container{
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media (max-width:576px){
  .shopify-challenge__container .shopify-challenge__button{
    width: calc(100% - 40px);
  }
}
table{
  overflow:hidden;
  border: 0;
  padding: 0;
  background: none;
  border-collapse: separate;
  border-spacing: 0;
  border-radius:var(--radius-input);
  width: 100%;
  text-align: left;
  border: var(--border);
  --border: 1px solid var(--color-border);
  word-break: break-word;
}
table:not(:only-child){
  margin-top:20px;
}
table:not(:last-child){
  margin-bottom:20px;
}
dd,dl{
  margin:0;
}
td,th{
  font-weight:var(--font-body-weight);
  border:none;
}
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
  border-right: var(--border);
}
table>thead>tr:not(:last-child)>th,
table>thead>tr:not(:last-child)>td,
table>tbody>tr:not(:last-child)>th,
table>tbody>tr:not(:last-child)>td,
table>tfoot>tr:not(:last-child)>th,
table>tfoot>tr:not(:last-child)>td,
table>thead:not(:last-child)>tr>th,
table>thead:not(:last-child)>tr>td,
table>tbody:not(:last-child)>tr>th,
table>tbody:not(:last-child)>tr>td,
table>tfoot:not(:last-child)>tr>th,
table>tfoot:not(:last-child)>tr>td,
table>tr:not(:last-child)>td,
table>tr:not(:last-child)>th,
table>thead:not(:last-child),
table>tbody:not(:last-child),
table>tfoot:not(:last-child) {
  border-bottom: var(--border);
}
table th:not(:last-child),
table td:not(:last-child){
  border-right: var(--border);
}
td, th {
  padding:12px 15px;
}
table h1, table h2, table h3, table h4, table h5, table h6{
  margin-top: 0;
  margin-bottom: 0;
}
table thead{
  text-align: left;
}
@media (max-width:576px){
  .scroll-table-mobile{
    overflow-y: hidden;
    overflow-x: auto;
  }
  .scroll-table-mobile table{
    width: max-content;
    min-width: 100%;
    max-width: 767px;
  }
}
  
.svg-icon--small svg{
  max-width: 20px;
  max-height: 20px;
}
.svg-icon--normal svg{
  max-width: 64px;
  max-height: 64px;
}
.color-accent-to-base{
  --color-accent: var(--color-base);
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden{
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.breadcrumb{
  --color-secondary-background:var(--color-breadcrumb-background);
  --color-base:var(--color-breadcrumb-font);
  color:var(--color-breadcrumb-font);
}
.breadcrumb li{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb li svg{
  margin-left: 10px;
  margin-right: 10px;
}
.breadcrumb li svg path{
  fill:var(--color-base);
}
.breadcrumb a:hover{
  --color-base:var(--color-breadcrumb-font-hover);
}
/* @media (max-width: 992px){
  .breadcrumb{
    margin-top: 20px;
  }
} */

.share-button__fallback{
  position: relative;
}
.share-button__fallback input{
  text-overflow: ellipsis;
  padding-right: 50px;
}
.share-button__close,
.share-button__copy{
  position: absolute;
  top: 52%;
  right: 20px;
  transform: translate(0,-50%);
  padding: 0 20px;
  height: 100%;
  background: transparent;
  z-index:1;
  cursor: pointer;
}
.share-button__close,
.share-button__copy{
  opacity: 1;
}
.share-button__close:not(.hidden)+.share-button__copy,
.share-button__close:not(.hidden)~.field input,
.share-button__close:not(.hidden)~.field label{
  display:none;
}
.share-button__close:not(.hidden)~.field .share-button__message{
  display: flex;
  align-items: center;
}
.share-button{
  display: block;
  height:100%;
}
html.no-js .share-button details{
  display: flex;
}
.share-button details summary{
  display: inline-flex;
  width: 100%;
}
.share-button__fallback{
  margin-top:-20px;
}
  
a:empty, ul:empty, dl:empty, p:empty{
  display: none;
}
  
.loading-overlay__spinner{
  width: 20px;
  height: 20px;
  display: inline-block;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--color-base);
  animation: dash 1.4s ease-in-out infinite;
}
.btn .path,
.btn-quickview .path,
.btn.product-form__submit .path{
  stroke: var(--color);
}
.btn.loading .path,
.btn-quickview.loading .path,
.btn.product-form__submit.loading .path{
  stroke: var(--color-hover);
}
@media screen and (forced-colors: active) {
  .btn:hover .path,
  .btn-quickview:hover .path,
  .btn.product-form__submit:hover .path{
    stroke: var(--color-hover);
  }
  .path{
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

*:focus {
  outline: 0;
  box-shadow: none;
}
*:focus-visible:not(textarea):not(input):not(select){
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.ticker__item:focus-visible,
.select__field__button:focus-visible,
.image-hover-scaling__container:focus-visible,
.product__media-toggle:focus-visible,
.product-card__variant-item:focus-visible,
.product-card__variant-count:focus-visible,
.content-item:focus-visible,
.content-item-container:focus-visible,
.search__button:focus-visible,
.chm-toggle--accordion summary:focus-visible,
facet-filters-form .chm-toggle__button:focus-visible,
.image-hover-scaling__container:focus-visible{
  outline: 0 !important;
  outline-offset: 0 !important;
}
.product-form__item input[type=radio]:focus-visible+label{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
  z-index:4;
}
.product__media-toggle:focus-visible:after{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.ticker__item:focus-visible,
.announcement-bar:focus-visible,
.chm-toggle--accordion summary:focus-visible,
.product-card__image:focus-visible,
.product-card__variant-item:focus-visible,
.thumbnail-slider__item__container .thumbnail:focus-visible,
facet-filters-form .chm-toggle__button:focus-visible,
.image-hover-scaling__container:focus-visible{
  position:relative;
}
.ticker__item:focus-visible:after,
.slideshow.active:focus-visible:after,
.announcement-bar:focus-visible:after,
back-to-top .link:focus-visible:after,
*:focus-visible > .content-item-container:after,
.search__button:focus-visible:after,
.content-item-container:focus-visible:after,
.chm-toggle--accordion summary:focus-visible:after,
.product-card__image:focus-visible:after,
.product-card__variant-item:focus-visible:after,
.thumbnail-slider__item__container .thumbnail:focus-visible:after,
.product-card__variant-count:focus-visible:after,
facet-filters-form .chm-toggle__button:focus-visible:after,
.image-hover-scaling__container:focus-visible:after{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 4px solid #0909FF;
  outline-offset: -4px;
  z-index: 3;
}
.search__button:focus-visible:after{
  width:calc(100% + 20px);
}
facet-filters-form:not(.facets__horizontal) .toggle-opening .chm-toggle__button:focus-visible:after{
  height:calc(100% + 20px);
}
.disclosure-form .field__input .content-item-container:after{
  top: -16px;
  left: calc((20px + var(--border-width)) * -1);
  width:calc(100% + 20px + var(--border-width));
  height:calc(100% + 16px);
}
.quantity__button[name]:focus-visible{
  border-radius: 0;
}

@media (max-width:992px){
  *:not(input):not(textarea):focus:not(select):focus:not(.predictive-search):focus {
    outline: 0!important;
  }
}
input:focus-visible~.checkbox__box{
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}

.btn:focus,
.btn:focus-visible,
.btn.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  clip: auto;
}
.btn:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused){
  outline: 0;
  box-shadow: inherit;
}
terms_and_condition-checkbox{
  display: flex;
}
terms_and_condition-checkbox:not(.checked)+*,
terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons{
  pointer-events: none;
  opacity: 0.4;
}
.no-js .cart__footer__content,
.no-js .cart__dynamic-checkout-buttons{
  pointer-events: inherit!important;
  opacity: 1!important;
}
terms_and_condition-checkbox .checkbox-input:hover span{
  cursor: default;
}
.section__richtext__editor h1,
.section__richtext__editor h2,
.section__richtext__editor h3,
.section__richtext__editor h4,
.section__richtext__editor h5,
.section__richtext__editor h6{
  margin: 0;
}
.section__richtext__editor ul,
.section__richtext__editor ol{
  margin:0;
  padding:0 0 0 20px;
  max-width: max-content;
}
.section__richtext__editor ol{
  padding:0 0 0 32px;
}
.text-center .section__richtext__editor ul,
.text-center .section__richtext__editor ol,
.text-center.section__richtext__editor ul,
.text-center.section__richtext__editor ol{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.section__richtext__editor>*:not(:first-child){
  margin-top:20px;
}
.section__richtext__editor>p+p{
  margin-top:10px;
}

.page-content-image-markup iframe{
  display:flex;
  height:auto;
  aspect-ratio:16/9;
}
.page-content-image-markup iframe,
.page-content-image-markup img{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:calc(var(--content-internal-padding, 0) * -1);
  max-width:calc(100% + var(--content-internal-padding, 0) * 2);
  width:calc(100% + var(--content-internal-padding, 0) * 2);
  border-top:var(--border-width) var(--border-style) var(--color-border);
  border-bottom:var(--border-width) var(--border-style) var(--color-border);
  transition: border-color var(--duration-medium) var(--animation-bezier);
}
.page-content-image-markup>iframe,
.page-content-image-markup>img{
  margin-top:20px;
}
.page-content-image-markup>*:first-child:not(:last-child) iframe:first-child,
.page-content-image-markup>iframe:first-child:not(:last-child),
.page-content-image-markup>*:first-child:not(:last-child) img:first-child,
.page-content-image-markup>img:first-child:not(:last-child){
  border-bottom:var(--border-width) var(--border-style) var(--color-border);
  margin-top:calc(var(--content-internal-padding, 0) * -1);
}
.page-content-image-markup>*:first-child iframe,
.page-content-image-markup>iframe:first-child,
.page-content-image-markup>*:first-child img,
.page-content-image-markup>img:first-child{
  border-top:none;
}
.page-content-image-markup>*:last-child:not(:first-child) iframe,
.page-content-image-markup>iframe:last-child:not(:first-child),
.page-content-image-markup>*:last-child:not(:first-child) img,
.page-content-image-markup>img:last-child:not(:first-child){
  border-top:var(--border-width) var(--border-style) var(--color-border);
  margin-bottom:calc(var(--content-internal-padding, 0) / 2 * -1);
}
.page-content-image-markup>*:last-child iframe:last-child,
.page-content-image-markup>iframe:last-child,
.page-content-image-markup>*:last-child img:last-child,
.page-content-image-markup>img:last-child{
  margin-bottom:calc(var(--content-internal-padding, 0) * -1);
}
.page-content-image-markup>*:last-child iframe,
.page-content-image-markup>iframe:last-child,
.page-content-image-markup>*:last-child img,
.page-content-image-markup>img:last-child{
  border-bottom:none;
}
body:not(.classic-theme-design) .page-content-image-markup>iframe+img,
body:not(.classic-theme-design) .page-content-image-markup>img+iframe,
body:not(.classic-theme-design) .page-content-image-markup>img+img,
body:not(.classic-theme-design) .page-content-image-markup>*:not(:first-child):not(:last-child) img+img{
  margin-top:calc(-10px - var(--border-width));
}
body:not(.classic-theme-design) .page-content-image-markup>* img+img{
  margin-top:-10px;
}
body.classic-theme-design .page-content-image-markup>iframe+img,
body.classic-theme-design .page-content-image-markup>img+iframe,
body.classic-theme-design .page-content-image-markup img+img{
  margin-top:10px;
}
body.classic-theme-design .page-content-image-markup>* img+img{
  margin-top:30px!important;
}
.classic-theme-design .page-content-image-markup iframe,
.classic-theme-design .page-content-image-markup img{
  border-radius:var(--radius-image-icon);
}
@media (min-width:993px){
  .content__border-h:hover .page-content-image-markup iframe,
  .content__border-h:hover .page-content-image-markup img{
    border-color:var(--color-border-hover);
  }
  .heading-color-hover{
    --color-hover:var(--color-heading-hover);
    transition: color var(--duration-medium) var(--animation-bezier);
  }
  .hover-area:hover .heading-color-hover:not(.hover-area--native),
  .heading-color-hover:hover{
    color:var(--color-heading-hover);
  }
}
@media (max-width:992px){
  .classic-theme-design .page-fullwidth .page-content-image-markup iframe,
  .classic-theme-design .page-fullwidth .page-content-image-markup img{
    border-radius:0;
  }
}

/*   */

.product-card__variants{
  --grid: var(--grid-desktop);
  display: flex;
  align-items: stretch;
  width:calc(100% + var(--border-width) * 2);
}
.product-card__variants>*{
  width:calc((100% + var(--border-width) * 5) / var(--grid));
  height: auto;
  margin-left:calc(var(--border-width) * -1);
  margin-top:calc(var(--border-width) * -1);
}
@media (min-width: 577px) {
  .page-grid-same-height{
    grid-auto-rows: 1fr;
  }
}
@media (max-width: 576px) {
  .slider[class*="page-grid-sp-"]{
    display: flex;
    width: 100%;
  }
  .slider[class*="page-grid-sp-"] > .content-item{
    flex: 0 0 auto;
    width: 100%;
  }
}
.social_icons_area{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  background:transparent;
}
@media (max-width:992px){
  .social_icons_area{
    width:40px;
    height:40px;
  }
}
.shopify-section-clip{
  overflow-x:clip;
}
.video_on_hover .banner-media-ctrl {
  display: none;
}
css
/* ============================= */
/* ANTICLOCKWISE PREMIUM GRID */
/* ============================= */

.collection .grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr);
  gap:0;
  border-top:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
}

/* PRODUCT CARD */

.card-wrapper{
  border-right:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  background:#fff;
  position:relative;
}

/* IMAGE */

.card__media{
  background:#f8f8f8;
  aspect-ratio:1/1.2;
  overflow:hidden;
}

.card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s ease;
}

.card-wrapper:hover img{
  transform:scale(1.03);
}

/* PRODUCT INFO */

.card__content{
  padding:18px;
}

/* TITLE */

.card__heading{
  font-size:20px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.4px;
}

.card__heading a{
  text-decoration:none;
  color:#111;
}

/* PRICE */

.price{
  margin-top:10px;
  font-size:20px;
  font-weight:600;
  color:#111;
}

/* EMI TEXT */

.ac-emi{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.ac-emi-text{
  font-size:13px;
  color:#111;
}

.ac-emi-btn{
  background:#000;
  color:#fff;
  padding:5px 10px;
  font-size:11px;
  border-radius:4px;
  text-decoration:none;
}

/* WISHLIST ICON */

.ac-heart{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  width:38px;
  height:38px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.ac-heart svg{
  width:22px;
  height:22px;
  stroke:#111;
  fill:none;
}

/* MOBILE */

@media(max-width:768px){

  .card__content{
    padding:14px;
  }

  .card__heading{
    font-size:17px;
  }

  .price{
    font-size:18px;
  }

}
.mobile-nav .account,
.mobile-menu .account,
.drawer__account,
.menu-drawer__account,
.menu-drawer__utility-links a,
.menu-drawer .account-link {
    color: #000000 !important;
}
.menu-drawer * {
    color: #000 !important;
}

.menu-drawer .shopify-login-button,
.menu-drawer .account-link,
.menu-drawer__utility-links a {
    color: #000 !important;
}
/* Hide Account block in mobile menu */
.menu-drawer a[href*="/account"],
.drawer a[href*="/account"] {
    display: none !important;
}

.menu-drawer .customer,
.menu-drawer .account {
    display: none !important;
}
/* Hide account section in mobile hamburger menu */
.menu-drawer .customer,
.menu-drawer .account,
.menu-drawer__account,
.customer-links,
.account-links,
.shopify-account {
    display: none !important;
}
.ac-tax-included-text {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.2px;
}
<style>
/* ==================================================
   ANTI CLOCKWISE — GLOBAL VARIANT HOVER EFFECT
   Applies to all product sections / product pages
   ================================================== */

/* SIZE / TEXT SWATCH BASE */
body variant-radios .product-form__item input[type="radio"] + label:not(.color__swatch),
body .product-form__input .product-form__item input[type="radio"] + label:not(.color__swatch),
body .product-form__input input[type="radio"] + label:not(.color__swatch) {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #eeeeee !important;
  border-radius: 6px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease !important;
  box-shadow: none !important;
}

/* SIZE / TEXT SWATCH HOVER — BLACK BOX */
body variant-radios .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover,
body .product-form__input .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover,
body .product-form__input input[type="radio"]:not(:checked):not(.disabled) + label:not(.color__swatch):hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

/* SELECTED SIZE — STAYS DIFFERENT */
body variant-radios .product-form__item input[type="radio"]:checked + label:not(.color__swatch),
body .product-form__input .product-form__item input[type="radio"]:checked + label:not(.color__swatch),
body .product-form__input input[type="radio"]:checked + label:not(.color__swatch) {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

/* SELECTED SIZE HOVER — DO NOT TURN BLACK */
body variant-radios .product-form__item input[type="radio"]:checked + label:not(.color__swatch):hover,
body .product-form__input .product-form__item input[type="radio"]:checked + label:not(.color__swatch):hover,
body .product-form__input input[type="radio"]:checked + label:not(.color__swatch):hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* COLOR SWATCH BASE */
body variant-radios .product-form__item input[type="radio"] + label.color__swatch,
body .product-form__input .product-form__item input[type="radio"] + label.color__swatch,
body .product-form__input input[type="radio"] + label.color__swatch {
  cursor: pointer !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}

/* COLOR SWATCH HOVER — BLACK LUXURY RING */
body variant-radios .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label.color__swatch:hover,
body .product-form__input .product-form__item input[type="radio"]:not(:checked):not(.disabled) + label.color__swatch:hover,
body .product-form__input input[type="radio"]:not(:checked):not(.disabled) + label.color__swatch:hover {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important;
  transform: scale(1.05) !important;
}

/* SELECTED COLOR SWATCH */
body variant-radios .product-form__item input[type="radio"]:checked + label.color__swatch,
body .product-form__input .product-form__item input[type="radio"]:checked + label.color__swatch,
body .product-form__input input[type="radio"]:checked + label.color__swatch {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important;
}

/* DISABLED VARIANTS */
body variant-radios .product-form__item input[type="radio"].disabled + label,
body variant-radios .product-form__item input[type="radio"]:disabled + label,
body .product-form__input .product-form__item input[type="radio"].disabled + label,
body .product-form__input .product-form__item input[type="radio"]:disabled + label {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  background: #f7f7f7 !important;
  color: #777777 !important;
  border-color: #eeeeee !important;
  box-shadow: none !important;
  transform: none !important;
}

/* MOBILE */
@media screen and (max-width: 749px) {
  body variant-radios .product-form__item input[type="radio"] + label:not(.color__swatch),
  body .product-form__input .product-form__item input[type="radio"] + label:not(.color__swatch),
  body .product-form__input input[type="radio"] + label:not(.color__swatch) {
    min-height: 56px !important;
    font-size: 15px !important;
  }
}
</style>

/* =====================================================
   PRODUCT GRID LINK HOVER GREEN
   QUICK VIEW BUTTON NOT TOUCHED
   Paste at bottom of assets/base.css
===================================================== */

/* Product title link hover */
.product-grid .card__heading a:hover,
.product-grid .card__heading a:hover span,
.product-grid .full-unstyled-link:hover,
.product-grid .full-unstyled-link:hover span,
.collection .card__heading a:hover,
.collection .card__heading a:hover span,
.collection .full-unstyled-link:hover,
.collection .full-unstyled-link:hover span,
#ProductGridContainer .card__heading a:hover,
#ProductGridContainer .card__heading a:hover span,
#ProductGridContainer .full-unstyled-link:hover,
#ProductGridContainer .full-unstyled-link:hover span {
  color: #1ABE1A !important;
  text-decoration-color: #1ABE1A !important;
}

/* When product card is hovered, title becomes green */
.product-grid .card-wrapper:hover .card__heading a,
.product-grid .card-wrapper:hover .card__heading a span,
.product-grid .card-wrapper:hover .full-unstyled-link,
.product-grid .card-wrapper:hover .full-unstyled-link span,
.collection .card-wrapper:hover .card__heading a,
.collection .card-wrapper:hover .card__heading a span,
.collection .card-wrapper:hover .full-unstyled-link,
.collection .card-wrapper:hover .full-unstyled-link span,
#ProductGridContainer .card-wrapper:hover .card__heading a,
#ProductGridContainer .card-wrapper:hover .card__heading a span,
#ProductGridContainer .card-wrapper:hover .full-unstyled-link,
#ProductGridContainer .card-wrapper:hover .full-unstyled-link span {
  color: #1ABE1A !important;
}

/* Keep product price black/normal */
.product-grid .price,
.product-grid .price *,
.collection .price,
.collection .price *,
#ProductGridContainer .price,
#ProductGridContainer .price * {
  color: #111111 !important;
}

/* FORCE Quick View button to stay black */
.product-grid .quick-view,
.product-grid .quick-view *,
.product-grid .quick-view-button,
.product-grid .quick-view-button *,
.product-grid [class*="quick-view"],
.product-grid [class*="quick-view"] *,
.product-grid [class*="quick_view"],
.product-grid [class*="quick_view"] *,
.product-grid [class*="quick"] button,
.product-grid [class*="quick"] button *,
.product-grid button[name="quick-view"],
.product-grid button[name="quick-view"] *,
.product-grid .card__quickview,
.product-grid .card__quickview *,
.collection .quick-view,
.collection .quick-view *,
.collection [class*="quick-view"],
.collection [class*="quick-view"] *,
.collection [class*="quick"] button,
.collection [class*="quick"] button * {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  text-decoration: none !important;
}

/* Quick View hover also black */
.product-grid .quick-view:hover,
.product-grid .quick-view:hover *,
.product-grid .quick-view-button:hover,
.product-grid .quick-view-button:hover *,
.product-grid [class*="quick-view"]:hover,
.product-grid [class*="quick-view"]:hover *,
.product-grid [class*="quick"] button:hover,
.product-grid [class*="quick"] button:hover *,
.collection .quick-view:hover,
.collection .quick-view:hover *,
.collection [class*="quick-view"]:hover,
.collection [class*="quick-view"]:hover *,
.collection [class*="quick"] button:hover,
.collection [class*="quick"] button:hover * {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}
/* =====================================================
   ANTI CLOCKWISE — MENU HOVER COLOR #1ABE1A
   Desktop + Mobile Drawer Menu
   ===================================================== */

/* Desktop menu hover text */
.header__menu-item:hover,
.header__menu-item:hover span,
.header__active-menu-item,
.list-menu__item:hover,
.list-menu__item:hover span {
  color: #1ABE1A !important;
}

/* Desktop underline color */
.header__menu-item span,
.header__active-menu-item {
  text-decoration-color: #1ABE1A !important;
}

/* Desktop active underline */
.header__active-menu-item {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #1ABE1A !important;
  text-underline-offset: 0.4rem !important;
}

/* Desktop hover underline */
.header__menu-item:hover span {
  text-decoration: underline !important;
  text-decoration-color: #1ABE1A !important;
  text-underline-offset: 0.4rem !important;
}

/* Mobile drawer / side menu links */
.menu-drawer__menu-item,
.menu-drawer__menu-item span,
.menu-drawer summary.menu-drawer__menu-item {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Mobile drawer hover text */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:hover span,
.menu-drawer summary.menu-drawer__menu-item:hover {
  color: #1ABE1A !important;
  background: transparent !important;
}

/* Mobile drawer hover underline */
.menu-drawer__menu-item:hover span,
.menu-drawer__menu-item:hover {
  text-decoration: underline !important;
  text-decoration-color: #1ABE1A !important;
  text-underline-offset: 0.45rem !important;
}

/* Mobile drawer active page underline */
.menu-drawer__menu-item--active,
.menu-drawer__menu-item--active span {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #1ABE1A !important;
  text-underline-offset: 0.45rem !important;
  background: transparent !important;
}

/* Remove default grey/black hover background from menu drawer */
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover,
.menu-drawer summary.menu-drawer__menu-item:hover {
  background-color: transparent !important;
}
/* REMOVE STUCK UNDERLINE FROM HOME ONLY */
.header__menu-item[href="/"],
.header__menu-item[href="/"] span,
.menu-drawer__menu-item[href="/"],
.menu-drawer__menu-item[href="/"] span,
.menu-drawer__menu-item[href="/"].menu-drawer__menu-item--active,
.menu-drawer__menu-item[href="/"].menu-drawer__menu-item--active span {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Keep HOME hover working only when mouse/touch hover */
.header__menu-item[href="/"]:hover span,
.menu-drawer__menu-item[href="/"]:hover,
.menu-drawer__menu-item[href="/"]:hover span {
  color: #1ABE1A !important;
  text-decoration: underline !important;
  text-decoration-color: #1ABE1A !important;
  text-underline-offset: 0.45rem !important;
}

/* Hide green info icon beside product size heading */
.product-form__input .variants-modal__button,
.product-form__input modal-opener.variants-modal__button {
  display: none !important;
}

@media screen and (max-width: 749px) {
  .product-page-section .product__price {
    width: 100% !important;
    text-align: center !important;
  }

  .product-page-section .product__tax,
  .product-page-section .ac-tax-included-text {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

{% comment %}
ANTI CLOCKWISE — ESTHREALL STYLE VARIANT PICKER
Paste into Product page > Custom Liquid block
{% endcomment %}

{% assign ac_initial_variant = product.selected_or_first_available_variant %}

<div
  class="ac-est-variant-picker"
  data-ac-est-variant-picker
  data-section-id="{{ section.id }}"
>
  <script type="application/json" class="ac-est-variants-json">
    {{ product.variants | json }}
  </script>

  {% for option in product.options_with_values %}
    {% assign option_index = forloop.index0 %}
    {% assign selected_value = ac_initial_variant.options[option_index] %}

    <fieldset
      class="ac-est-variant-group"
      data-option-index="{{ option_index }}"
      data-option-name="{{ option.name | escape }}"
    >
      <legend class="ac-est-variant-title">{{ option.name }}</legend>

      <div class="ac-est-variant-grid">
        {% for value in option.values %}
          {% assign value_name = value.name | default: value %}

          <button
            type="button"
            class="ac-est-variant-button{% if value_name == selected_value %} is-selected{% endif %}"
            data-option-index="{{ option_index }}"
            data-value="{{ value_name | escape }}"
            aria-pressed="{% if value_name == selected_value %}true{% else %}false{% endif %}"
          >
            <span>{{ value_name }}</span>
          </button>
        {% endfor %}
      </div>
    </fieldset>
  {% endfor %}
</div>

<style>
  /* ================================
     ESTHREALL STYLE VARIANT PICKER
     ================================ */

  .ac-est-variant-picker,
  .ac-est-variant-picker * {
    box-sizing: border-box;
  }

  .ac-est-variant-picker {
    width: 100%;
    margin: 0 !important;
    padding: 22px !important;
    background: #ffffff !important;
    border-top: 1px solid #171717 !important;
    border-bottom: 1px solid #171717 !important;
  }

  .ac-est-variant-group {
    width: 100%;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .ac-est-variant-group:last-child {
    margin-bottom: 0 !important;
  }

  .ac-est-variant-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    color: #000000 !important;
    font-family: inherit !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }

  /* Same 3-column Esthreall layout */
  .ac-est-variant-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  /* Normal available size box */
  .ac-est-variant-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 65px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: border-color 0.12s ease !important;
  }

  /* Esthreall selected / hover outline */
  .ac-est-variant-button:hover,
  .ac-est-variant-button.is-selected {
    border-color: #171717 !important;
    background: #ffffff !important;
    color: #000000 !important;
  }

  /* Sold-out box like XXL screenshot */
  .ac-est-variant-button.is-soldout,
  .ac-est-variant-button:disabled {
    border-color: #f2f2f2 !important;
    background: #ffffff !important;
    color: #9a9a9a !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
  }

  /* Impossible option combination */
  .ac-est-variant-button.is-unavailable {
    border-color: #f5f5f5 !important;
    background: #ffffff !important;
    color: #b5b5b5 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
  }

  .ac-est-variant-button.is-soldout:hover,
  .ac-est-variant-button.is-unavailable:hover {
    border-color: #f1f1f1 !important;
  }

  /* Hide only the original theme picker */
  .ac-est-native-picker-hidden {
    display: none !important;
  }

  @media screen and (max-width: 749px) {
    .ac-est-variant-picker {
      padding: 18px 16px !important;
    }

    .ac-est-variant-title {
      font-size: 19px !important;
    }

    .ac-est-variant-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ac-est-variant-button {
      height: 58px !important;
      font-size: 15px !important;
    }
  }

  
</style>



<script>
  (function () {
    function initAcEstVariantPicker() {
      document.querySelectorAll("[data-ac-est-variant-picker]").forEach(function (picker) {
        if (picker.dataset.acEstVariantReady === "true") return;
        picker.dataset.acEstVariantReady = "true";

        var productSection =
          picker.closest(".shopify-section") ||
          picker.closest(".product") ||
          document;

        var variantsScript = picker.querySelector(".ac-est-variants-json");
        var buttons = Array.from(
          picker.querySelectorAll(".ac-est-variant-button")
        );
        var groups = Array.from(
          picker.querySelectorAll(".ac-est-variant-group")
        );

        if (!variantsScript || !buttons.length || !groups.length) return;

        var variants = [];

        try {
          variants = JSON.parse(variantsScript.textContent);
        } catch (error) {
          return;
        }

        var selectedValues = groups.map(function (group) {
          var selectedButton = group.querySelector(
            ".ac-est-variant-button.is-selected"
          );

          return selectedButton
            ? selectedButton.dataset.value
            : group.querySelector(".ac-est-variant-button").dataset.value;
        });

        function getExactVariant(values) {
          return variants.find(function (variant) {
            return variant.options.every(function (option, index) {
              return option === values[index];
            });
          });
        }

        function getAvailableVariant(values) {
          return variants.find(function (variant) {
            return (
              variant.available &&
              variant.options.every(function (option, index) {
                return !values[index] || option === values[index];
              })
            );
          });
        }

        function getMatchingVariants(optionIndex, optionValue) {
          return variants.filter(function (variant) {
            return variant.options.every(function (variantValue, index) {
              if (index === optionIndex) {
                return variantValue === optionValue;
              }

              return !selectedValues[index] || variantValue === selectedValues[index];
            });
          });
        }

        function updateButtons() {
          buttons.forEach(function (button) {
            var optionIndex = Number(button.dataset.optionIndex);
            var optionValue = button.dataset.value;
            var matchingVariants = getMatchingVariants(optionIndex, optionValue);
            var hasMatchingVariant = matchingVariants.length > 0;
            var hasAvailableVariant = matchingVariants.some(function (variant) {
              return variant.available;
            });
            var isSelected = selectedValues[optionIndex] === optionValue;

            button.classList.remove(
              "is-selected",
              "is-soldout",
              "is-unavailable"
            );

            button.disabled = false;
            button.setAttribute("aria-pressed", "false");

            if (isSelected) {
              button.classList.add("is-selected");
              button.setAttribute("aria-pressed", "true");
            }

            if (!hasMatchingVariant) {
              button.classList.add("is-unavailable");
              button.disabled = true;
            } else if (!hasAvailableVariant) {
              button.classList.add("is-soldout");
              button.disabled = true;
            }
          });
        }

        function updateNativeVariantControls(variant) {
          if (!variant) return;

          /* Update original radio picker if theme has one */
          var nativeFieldsets = Array.from(
            productSection.querySelectorAll(
              "variant-radios fieldset, .product-form__input"
            )
          ).filter(function (fieldset) {
            return (
              !picker.contains(fieldset) &&
              fieldset.querySelector('input[type="radio"]')
            );
          });

          nativeFieldsets.forEach(function (fieldset, index) {
            var wantedValue = selectedValues[index];

            if (!wantedValue) return;

            var matchingInput = Array.from(
              fieldset.querySelectorAll('input[type="radio"]')
            ).find(function (input) {
              return input.value === wantedValue;
            });

            if (matchingInput) {
              matchingInput.checked = true;
              matchingInput.dispatchEvent(
                new Event("change", { bubbles: true })
              );
            }
          });

          /* Update dropdown picker if theme uses dropdowns */
          var nativeSelects = Array.from(
            productSection.querySelectorAll('select[name^="options"]')
          );

          nativeSelects.forEach(function (select, index) {
            if (selectedValues[index]) {
              select.value = selectedValues[index];
              select.dispatchEvent(new Event("change", { bubbles: true }));
            }
          });

          /* Update actual cart variant ID */
          var forms = Array.from(
            productSection.querySelectorAll(
              'form[action*="/cart/add"], form.product-form, product-form form'
            )
          );

          forms.forEach(function (form) {
            var idControls = form.querySelectorAll('[name="id"]');

            if (idControls.length) {
              idControls.forEach(function (control) {
                control.value = variant.id;
                control.dispatchEvent(
                  new Event("change", { bubbles: true })
                );
              });
            } else {
              var hiddenId = document.createElement("input");
              hiddenId.type = "hidden";
              hiddenId.name = "id";
              hiddenId.value = variant.id;
              form.appendChild(hiddenId);
            }
          });

          /* Update product URL */
          try {
            var url = new URL(window.location.href);
            url.searchParams.set("variant", variant.id);
            window.history.replaceState({}, "", url.toString());
          } catch (error) {}
        }

        function chooseVariant(optionIndex, optionValue) {
          var nextSelection = selectedValues.slice();
          nextSelection[optionIndex] = optionValue;

          var selectedVariant = getExactVariant(nextSelection);

          if (!selectedVariant || !selectedVariant.available) {
            selectedVariant = getAvailableVariant(nextSelection);
          }

          if (!selectedVariant) return;

          selectedValues = selectedVariant.options.slice();

          updateButtons();
          updateNativeVariantControls(selectedVariant);
        }

        function hideOriginalPicker() {
          var nativePickers = productSection.querySelectorAll(
            "variant-radios, variant-selects"
          );

          nativePickers.forEach(function (nativePicker) {
            if (!picker.contains(nativePicker)) {
              nativePicker.classList.add("ac-est-native-picker-hidden");
            }
          });

          if (!nativePickers.length) {
            productSection
              .querySelectorAll(".product-form__input")
              .forEach(function (inputGroup) {
                if (
                  !picker.contains(inputGroup) &&
                  inputGroup.querySelector('input[type="radio"], select')
                ) {
                  inputGroup.classList.add("ac-est-native-picker-hidden");
                }
              });
          }
        }

        buttons.forEach(function (button) {
          button.addEventListener("click", function () {
            if (button.disabled) return;

            chooseVariant(
              Number(button.dataset.optionIndex),
              button.dataset.value
            );
          });
        });

        var initialVariant = getExactVariant(selectedValues);

        if (!initialVariant || !initialVariant.available) {
          initialVariant = variants.find(function (variant) {
            return variant.available;
          });

          if (initialVariant) {
            selectedValues = initialVariant.options.slice();
          }
        }

        hideOriginalPicker();
        updateButtons();

        if (initialVariant) {
          updateNativeVariantControls(initialVariant);
        }
      });
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initAcEstVariantPicker);
    } else {
      initAcEstVariantPicker();
    }

    document.addEventListener(
      "shopify:section:load",
      initAcEstVariantPicker
    );
  })();
</script>