/* ================ base.css ================== */

  .hdt-d-none {
    display: none !important;
  }

    /*================ 4.4. Reveal In View ================*/
    @media (prefers-reduced-motion: no-preference) {
      .js [reval] {
        opacity: 1;
      }
      .js .hdt-slider [reval] {
        opacity: 0;
      }
    }
    /* .hdt-btn:hover, .hdt-link:hover {
      background-color: var(--button-hover);
      border-color: var(--button-hover-border);
    } */
    hdt-font-1,.hdt-font-1{
      font-family: var(--f_family_1);
    }
    hdt-font-2,.hdt-font-2{
      font-family: var(--f_family_2);
    }
    hdt-font-3,.hdt-font-3{
      font-family: var(--f_family_3);
    }
    .hdt-italic{
      font-style: italic;
    }
/* ================ end base.css ================== */

/*HEADER STYLE*/
.hdt-custom-col-auto + .hdt-header-col,
.hdt-header-logo_left .hdt-header-col.lg\:hdt-custom-col-6 {
  flex: 1 1 auto;
}
.hdt-header-gap-30 {
  gap: 30px;
}
@media (min-width: 768px) {
  
  .md\:hdt-custom-col-auto + .hdt-header-col {
    flex: 1 1 auto;
  }
}
@media (min-width: 1150px) {
  
  .lg\:hdt-custom-col-auto + .hdt-header-col {
    flex: 1 1 auto;
  }
  .lg\:hdt-height--fixed {
    --media-overlap-content-h: var(--aspect-ratioapt-lg, auto);
  }
}
header ~ header {
  display: none;
}
header [data-header-height] {
  min-height: var(--header-height2);
}
header [data-header-bottom-height] {
  min-height: var(--header-bottom-height);
}

.hdt-header-logo_left.hdt-main-header .hdt-navigation.hdt-text-start {
  margin-inline-start: calc(-1 * var(--spacing-x));
  padding-inline-start: 62px;
}
.hdt-header-logo_left.hdt-main-header .hdt-navigation.hdt-text-end {
  margin-inline-end: calc(-1 * var(--spacing-x));
  padding-inline-end: 62px;
}
.hdt-main-header.hdt-header-tranparent-false,
.hdt-header-menu-bottom .hdt-main-header,
.scrolled-past-header .hdt-header-tranparent-true {
  background-color: rgb(var(--color-background));
}
.hdt-main-header .hdt-border-b {
  border-bottom: 1px solid rgb(var(--color-line-border)/.5);
}
.scrolled-past-header:not(.shopify-section-header-hidden) hdt-sticky-header {
  box-shadow: 0 1px 3px rgb(var(--color-foreground) / .1);
}
.scrolled-past-header:not(.shopify-section-header-hidden) .hdt-header-sticky--glass {
  background-color: rgb(var(--color-background)/.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.hdt-header-menu-bottom.scrolled-past-header:not(.shopify-section-header-hidden) .hdt-header-sticky--glass {
  background: none;
}
.hdt-header-menu-bottom.scrolled-past-header:not(.shopify-section-header-hidden) .hdt-header-sticky--glass .hdt-main-header {
  background-color: rgb(var(--color-background)/.6);
}
.hdt-header-menu-bottom.scrolled-past-header:not(.shopify-section-header-hidden) .hdt-header-sticky--glass .hdt-bottom-header {
  background-color: rgb(var(--color-background2)/.6);
}
.hdt-header-menu-bottom .hdt-bottom-header{
  background-color: rgb(var(--color-background));
}
.hdt-menu-bar {
  color: rgb(var(--hdt-link-color));
  height: 40px;
  justify-content: flex-start;
}
.dir--rtl .hdt-menu-bar svg {
  transform: rotate(180deg);
}
/* .hdt-main-header #hdt-nav-ul > li {
  height: var(--header-height);
} */
.hdt-bottom-header #hdt-nav-ul > li {
  height: var(--header-bottom-height);
}
#hdt-nav-ul {
  column-gap: var(--spacing-menu-item, 3rem);
  row-gap: min(calc(var(--spacing-menu-item, 3rem) / 3), 1rem);
  flex-wrap: wrap;
}
#hdt-nav-ul > li:first-child {
  margin-inline-start: 0;
}
#hdt-nav-ul > li:last-child {
  margin-inline-end: 0;
}
#hdt-nav-ul li .hdt-menu-link {
  color: rgb(var(--color-foreground));
  line-height: var(--font-heading-line-height);
  justify-content: space-between;
  width: 100%;
}
#hdt-nav-ul li .hdt-sub-menu .hdt-menu-link:not(:hover) {
  color: rgb(var(--color-foreground2));
}
#hdt-nav-ul > li  details > .hdt-menu-link,
#hdt-nav-ul > li > .hdt-menu-link,
#hdt-nav-ul > li  details > summary {
	color: rgb(var(--color-foreground));
}
#hdt-nav-ul > li > .hdt-menu-link::after,
#hdt-nav-ul > li > hdt-header-menu > details > .hdt-menu-link::after,
#hdt-nav-ul > li > hdt-header-menu > details > summary::after,
.hdt-header-ecommerce .hdt-list-categories--item .hdt-ecommerce-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .3s;
}
.hdt-header-ecommerce .hdt-list-categories--item .hdt-ecommerce-link::after {
  bottom: 0;
  height: 2px;
}

.dir--rtl #hdt-nav-ul > li > .hdt-menu-link::after,
.dir--rtl #hdt-nav-ul > li > hdt-header-menu > details > summary::after,
.hdt-header-ecommerce .hdt-list-categories--item .hdt-ecommerce-link::after {
	transform-origin: left;
}
#hdt-nav-ul > li > hdt-header-menu > details > summary::before {
	position: absolute;
	content: "";
	z-index: 1;
	top: 99%;
	height: var(--header-height);
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
}
#hdt-nav-ul > li > hdt-header-menu > details > summary:hover::before,
#hdt-nav-ul > li > hdt-header-menu > details > summary.is_action-hover::before {
	visibility: visible;
}
.hdt-header-ecommerce #hdt-nav-ul > li > hdt-header-menu > details > summary::before{
  height: calc(var(--header-bottom-height) / 2);
}
.hdt-header-ecommerce .hdt-list-categories--item .hdt-ecommerce-link::before {
	position: absolute;
	content: "";
	z-index: 1;
	top: 0;
	height: calc(var(--header-height) / 2);
	left: 0;
	right: 0;
	opacity: 0;
}

#hdt-nav-ul li .hdt-menu-link .hdt_lb_nav {
  position: absolute;
  color: #fff;
  background: #27ae60;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 3px;
  line-height: 20px;
  top: -15px;
  left: calc(100% - 15px);
}
#hdt-nav-ul li .hdt-menu-link .hdt-menu-item-arrow {
	margin-inline-start: 8px;
	fill: currentcolor;
	transition: transform 0.4s ease 0.1s;
}
.hdt-nav-arrow_false a .hdt-menu-item-arrow {
	display: none;
}
#hdt-nav-ul > li  details > .hdt-sub-menu:not(.hdt-sub-menu-child) {
	box-shadow: 0 0 3px rgb(var(--color-line-border));
	/* border: solid 1px rgb(var(--color-line-border)); */
}
#hdt-nav-ul > li  details > .hdt-sub-menu {
	background-color: rgb(var(--color-background));
	min-width: 268px;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-inline-end: 20px;
	/* padding-inline-start: 19px; */
	top: 100%;
}
#hdt-nav-ul > li  details > .hdt-sub-menu.hdt-sub-menu-child{
  visibility: visible;
  min-width: unset;
}
#hdt-nav-ul > li details > .hdt-sub-menu .hdt-menu-list > details {
	padding-inline-start: 0;
}
#hdt-nav-ul > li details > .hdt-sub-menu.hdt-mega-menu {
  --spacing-x:  30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
  box-shadow: 0px 4px 8px 0px rgb(var(--color-line-border));
  max-height: calc(100vh - var(--header-height) - 20px);
  overflow: auto;
}
.hdt-sub-menu .hdt-sub-menu {
  margin-inline-start: 10px;
}
#hdt-nav-ul .hdt-sub-menu > .hdt-sub-menu-lever-1 > details {
  padding-inline-start: 0;
}
#hdt-nav-ul .hdt-sub-menu details {
  padding-inline-start: 0px;
}
#hdt-nav-ul .hdt-sub-menu .hdt-menu-list li {
  padding-inline-start: 0;
}
#hdt-nav-ul .hdt-sub-menu details:last-child {
  margin-bottom: 0;
}
#hdt-nav-ul .hdt-sub-menu details summary {
  font-weight: var(--font-normal);
  font-size: var(--text-base);
  display: flex;
  line-height: var(--font-heading-line-height);
  width: 100%;
}
/* #hdt-nav-ul .hdt-sub-menu .hdt-menu-link-text {
  max-width: calc(100% - 18px);
}
#hdt-nav-ul .hdt-sub-menu .hdt-menu-link-text.hdt-has-1label {
  max-width: calc(100% - 56px);
}
#hdt-nav-ul .hdt-sub-menu .hdt-menu-link-text.hdt-has-2label {
  max-width: calc(100% - 75px);
} */
.hdt-menu-link-text .hdt_label_menu {
  top: -15px;
  gap: 3px;
  --color-hot-badge-background: 241 69 69;
  --color-hot-badge-text: 255 255 255;
  pointer-events: none;
}
#menu_mobile .hdt-menu-link-text .hdt_label_menu,
.hdt-mega-item .hdt-menu-link-text .hdt_label_menu {
  display: inline-flex;
  width: 0;
  transform: translate(6px, -2px);
}
.dir--rtl #menu_mobile .hdt-menu-link-text .hdt_label_menu,
.dir--rtl .hdt-mega-item .hdt-menu-link-text .hdt_label_menu {
  transform: translate(-6px, 0px);
}
#menu_mobile .hdt-menu-link-text > *,
.hdt-mega-item .hdt-menu-link-text > * {
  display: inline-flex;
}
.dir--ltr .hdt-menu-link-text .hdt_label_menu {
  left: calc(100% - var(--spacing-menu-item, 15px) / 2);
}
.dir--rtl .hdt-menu-link-text .hdt_label_menu {
  right: calc(100% - var(--spacing-menu-item, 15px) / 2);
}
.dir--ltr .hdt-menu-link-text.hdt-title_size-20 .hdt_label_menu {
  right: -15px;
  left: auto;
}
.dir--rtl .hdt-menu-link-text.hdt-title_size-20 .hdt_label_menu {
  left: -15px;
  right: auto;
}
.dir--ltr #hdt-nav-ul > .hdt-menu-item > .hdt-menu-link > .hdt-menu-link-text .hdt_label_menu,
.dir--ltr #hdt-nav-ul > .hdt-menu-item > details > .hdt-menu-link > .hdt-menu-link-text .hdt_label_menu {
  right: -15px;
  left: auto;
}
.dir--rtl #hdt-nav-ul > .hdt-menu-item > .hdt-menu-link > .hdt-menu-link-text .hdt_label_menu,
.dir--rtl #hdt-nav-ul > .hdt-menu-item > details > .hdt-menu-link > .hdt-menu-link-text .hdt_label_menu {
  left: -15px;
  right: auto;
}

.hdt-menu-link-text .hdt_label_menu > span {
  font-size: 10px;
  line-height: 18px;
  padding: 0 var(--spacing-0-8);
  background-color: rgb(var(--color-custom-badge-background));
  color: rgb(var(--color-custom-badge-text));
  border-radius: 10px;
  text-transform: capitalize;
  z-index: 1;
  min-width: 26px;
  max-width: 62px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
#menu_mobile .hdt-menu-link-text .hdt_label_menu>span,
.hdt-mega-item .hdt-menu-link-text .hdt_label_menu>span {
  min-width: auto;
  max-width: none;
  overflow: initial;
  text-overflow: initial;
  display: initial;
  white-space: initial;
}
.hdt-menu-link-text .hdt_label_menu > span.hdt_label_new {
  background-color: rgb(var(--color-new-badge-background));
  color: rgb(var(--color-new-badge-text));
}
.hdt-menu-link-text .hdt_label_menu > span.hdt_label_hot {
  background-color: rgb(var(--color-hot-badge-background));
  color: rgb(var(--color-hot-badge-text));
}
.hdt-menu-link-text .hdt_label_menu > span.hdt_label_sale {
  background-color: rgb(var(--color-on-sale-badge-background));
  color: rgb(var(--color-on-sale-badge-text));
}
#hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] {
  width: 30px;
  vertical-align: top;
  transition: 0.4s ease 0s;
  height: 30px;
  margin: auto;
}
#hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] svg {
  pointer-events: none;
}
.dir--ltr #hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] {
  right: -10px;
}
.dir--rtl #hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] {
  left: -10px;
}
#hdt-nav-ul .hdt-sub-menu details[aria-expanded="true"] summary span[accordion-icon] {
  transform: rotate(180deg);
  transition: 0.4s ease 0s;
}
.hdt-menu-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#menu_mobile .hdt-menu-list {
  gap: 0px;
}
.hdt-menu-list a {
  transition: all .3s ease-in-out;
}
.hdt-menu-list a:hover {
  color: rgb(var(--color-accent));
}
.hdt-menu-list.hdt-menu-inline {
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
}
@media(min-width:768px){
  .hdt-menu-list.hdt-menu-inline{
    gap: 10px 20px;
  }
}
#menu_mobile.hdt-drawer::part(content) {
  max-width: min(calc(100vw - 65px), 400px);
}
/*Mega menu*/
#hdt-nav-ul li .hdt-mega-menu .hdt-mega-heading {
  text-transform: uppercase;
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  line-height: calc(var(--text-sm) * 1.833);
  color: rgb(var(--color-foreground));
  padding: 0 0 13px;
  border-bottom: 1px solid rgb(var(--color-line-border) / .5);
  margin-bottom: 13px;
  display: flex;
}
#hdt-nav-ul li .hdt-mega-menu .hdt-mega-heading:hover{
  color: rgb(var(--color-accent));
}
#hdt-nav-ul li .hdt-mega-menu.hdt-mega-sale .hdt-mega-item:last-child .hdt-mega-heading {
  margin-block-end: 0;
  border-bottom: none;
}
#hdt-nav-ul li .hdt-mega-menu .hdt-mega-heading .hdt-menu-link-text {
  max-width: 100% !important;
}
#hdt-nav-ul details[aria-expanded="true"] > .hdt-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
#hdt-nav-ul li .hdt-mega-products details .hdt-sub-menu {
  margin-bottom: 15px;
}
#hdt-nav-ul .hdt-sub-menu details .hdt-sub-menu {
  padding-top: 10px;
  padding-bottom: 0;
}
#hdt-nav-ul .hdt-sub-menu.hdt-mega-menu details {
  padding-inline-start: 0;
}
#hdt-nav-ul .hdt-sub-menu.hdt-mega-menu details summary span[accordion-icon] {
  bottom: auto;
  height: 22px;
}
/* .hdt-mega-menu .hdt-mega-heading::after {
  display: none;
} */
#hdt-nav-ul .hdt-mega-item > .hdt-mega-menu-list {
  margin-bottom: 13px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#hdt-nav-ul .hdt-mega-item > .hdt-mega-menu-list > li {
  padding: 0;
}
#hdt-nav-ul .hdt-mega-item > .hdt-mega-menu-list .hdt-menu-link {
  /* min-height: 40px; */
  padding: 0;
  font-size: 13px;
}
#hdt-nav-ul .hdt-mega-item > .hdt-mega-menu-list > li:last-child {
  margin-bottom: 0;
}
#hdt-nav-ul .hdt-mega-item > .hdt-mega-menu-list .hdt-mega-sub-menu {
  padding-top: 16px;
}
.hdt-mega-menu-list .hdt-mega-heading {
  margin-bottom: 0 !important;
}
.hdt-mega-blogs .hdt-article-info {
  gap: 5px;
}
.hdt-mega-blogs .hdt-article-tags a {
  color: rgb(var(--color-foreground2));
}
.hdt-mega-blogs .hdt-article-metas {
  gap: 5px;
}


/*MEGA MENU*/
.hdt-container > .hdt-row-demos {
	margin-inline-start: -20px;
	margin-inline-end: -20px;
}
.hdt-row-demos {
	--spacing-x: 20px;
	--spacing-y: 25px;
  padding-block-end: 25px;
}
.hdt-demo-item {
	box-shadow: 0px 4px 20px 0px rgb(var(--color-foreground) / 0.06);
	border-radius: 5px;
	padding: 6px 7px 0;
	border: solid 1px transparent;
	transition: border .4s;
	margin-bottom: 1px;
}
.hdt-demo-item:hover {
	border: solid 1px rgb(var(--color-foreground));
}
.hdt-demo-item .hdt-demo-image {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.hdt-viewall-demos {
	letter-spacing: 0.1px !important;
}
.hdt-demo-label {
	top: 9px;
	right: 7px;
	gap: 5px;
}
.dir--rtl .hdt-demo-label {
	left: 7px;
	right: auto;
}
.hdt-demo-label span {
	line-height: 19px;
	padding: 0 var(--spacing-0-8);
	background-color: rgb(var(--color-custom-badge-background));
  color: rgb(var(--color-custom-badge-text));
  border-radius: 3px;
}
.hdt-demo-label span.hdt-demo_trend {
	background-color: rgb(var(--color-custom-badge-background));
  color: rgb(var(--color-custom-badge-text));
}
.hdt-demo-label span.hdt-demo_new {
	background-color: rgb(var(--color-new-badge-background));
  color: rgb(var(--color-new-badge-text));
}
.hdt-demo-label span.hdt-demo_hot {
	background-color: rgb(var(--color-on-sale-badge-background));
  color: rgb(var(--color-on-sale-badge-text));
}
.hdt-demo-item .hdt-demo-name {
	color: rgb(var(--color-foreground));
	line-height: 45px;
  display: block;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.hdt-demo-item .hdt-demo-name:hover {
	color: rgb(var(--color-accent));
}
.hdt-viewall-demos {
	margin-top: 48px;
}
.hdt-modal-demos .hdt-dialog-modal {
  max-width: calc(var(--container-max-width-padding-lg) + 60px);
}
.hdt-modal-demos .hdt-dialog-modal__header {
	position: relative;
  justify-content: center;
  margin-bottom: 0;
}
.hdt-modal-demos .hdt-dialog-btn__close {
	position: absolute;
	top: 18px;
	right: 30px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: var(--hdt-link-color);
}
.dir--rlt .hdt-modal-demos .hdt-dialog-btn__close {
	right: auto;
	left: 30px;
}
.hdt-modal-demos .hdt-dialog-modal__inner {
	max-width: var(--container-max-width-padding-lg);
	padding: 0 5rem 40px;
	background-color: rgb(var(--color-background));
	width: 100%;
	border-radius: 10px;
	margin: 0 30px;
}
.hdt-modal-demos .hdt-dialog-modal__inner {
	padding: 0 40px;
}
.hdt-demos-title {
	margin-top: 50px;
	margin-bottom: 44px;
}
.hdt--menu_item{
  transition: all .3s ease-in-out;
}



.hdt-site-top_nav {
  gap: 16px;
}
.hdt-site-top_nav.hdt-site-top_nav_has_text {
  gap: 12px;
}
.hdt-site-top_nav .hdt-site-nav_icon a {
  color: rgb(var(--color-foreground));
}
.hdt-site-top_nav .hdt-site-nav_icon:last-child a.hdt-has-count-box {
  margin-inline-end: 10px;
}
.hdt-site-top_nav .hdt-site-nav_icon a svg {
  fill: none;
}
.hdt-site-top_nav .hdt-site-nav_icon a .hdt-icon-text {
  margin-inline-start: 10px;
}
.hdt-site-top_nav .hdt-site-nav_icon a .hdt-count-box {
  line-height: 15px;
  height: 15px;
  min-width: 15px;
  text-align: center;
  padding: 0 3px;
  font-size: 10px;
  border-radius: var(--radius-full);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: -5px;
  right: -9px;
  color: rgb(var(--hdt-btn-color));
  background-color: rgb(var(--hdt-btn-bg));
}
.dir--rtl .hdt-site-top_nav .hdt-site-nav_icon a .hdt-count-box {
  right: auto;
  left: -9px;
}
/* header .hdt-popover::part(arrow),
header .hdt-popover-arrow {
  display: none;
} */
.hdt-header-language_currencies {
  gap: 28px;
}
.hdt-header-language_currencies button {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
}
.hdt-header-border-top {
  border-top: solid 1px rgb(var(--color-line-border));
}
.hdt-header-border-bottom {
  border-bottom: solid 1px rgb(var(--color-line-border));
}
.hdt-header-border-top_bottom {
  border-top: solid 1px rgb(var(--color-line-border));
  border-bottom: solid 1px rgb(var(--color-line-border));
}
.hdt-header-other-content {
  margin-inline-start: 35px;
}
.hdt-bottom-header .hdt-navigation {
  flex: 1 1 auto;
}
/*Menu mobile*/
.hdt-header-menu-mobile .hdt-mobile_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  padding: 0;
  border-bottom: solid 1px rgb(var(--color-line-border));
  background-color: rgb(var(--color-foreground) / .1);
  width: 100%;
}
.hdt-header-menu-mobile .hdt-mobile-title {
  text-transform: uppercase;
  width: 100%;
  height: 56px;
  color: rgb(var(--color-foreground));
  opacity: 1;
}
.hdt-header-menu-mobile .hdt-mobile_header .hdt-mobile-title[aria-current="true"] {
  border-bottom: solid 2px rgb(var(--color-accent));
  background-color: rgb(var(--color-foreground) / .1);
}
.hdt-header-menu-mobile .hdt-dialog-modal__inner {
  padding: 0;
}
.hdt-header-menu-mobile .hdt-dialog-btn__close {
  border: none;
  position: absolute;
  left: 100%;
  top: 0;
  color: rgb(var(--hdt-btn-color));
  background-color: rgb(var(--hdt-btn-bg));
  width: 50px;
  height: 50px;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.hdt-menu-on-mobile .hdt-nav__ul-mb li .hdt-menu-link,
.hdt-mobile-other-content .hdt-site-nav_item a,
.hdt-menu-note,
.hdt-mobile_bottom .hdt-mb-language_currencies > div {
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-inline-start: 20px;
  min-height: 50px;
  border-bottom: 1px solid rgb(var(--color-line-border) / 0.5);
  font-size: var(--text-base);
  text-align: left;
  gap: 7px;
  width: 100%;
}
.hdt-menu-on-mobile .hdt-nav__ul-mb li details[open] > .hdt-menu-link {
  background-color: rgb(var(--color-line-border) / 0.25);
}
.hdt-menu-on-mobile .hdt-nav__ul-mb li .hdt-menu-link:focus,
.hdt-mobile-other-content .hdt-site-nav_item a:focus,
.hdt-menu-note:focus {
  outline: none;
}
.hdt-mobile-other-content .hdt-notice-mobile {
  color: rgb(var(--color-foreground));
  border-bottom: 1px solid rgb(var(--color-line-border) / 0.5);
  padding: 20px;
  font-size: var(--text-base);
}
.hdt-menu-on-mobile details .hdt-mb-sub-menu .hdt-menu-link {
  padding-inline-start: 30px;
}
.hdt-menu-on-mobile details .hdt-mb-sub-menu .hdt-mb-sub-menu .hdt-menu-link {
  padding-inline-start: 40px;
}
.hdt-btn-open-sub {
  width: 50px;
  height: 38px;
  cursor: pointer;
  outline: none;
  /* border-left: 1px solid rgb(var(--color-line-border)); */
}
.hdt-btn-open-sub::before,
.hdt-btn-open-sub::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: currentColor;
  transition: transform .35s ease-in-out, opacity .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.hdt-btn-open-sub::before {
  width: 12px;
  height: 1px;
  opacity: 1;
}
.hdt-btn-open-sub::after {
  width: 1px;
  height: 12px;
}
.hdt-mobile-other-content .hdt-site-nav_item > a {

}
.hdt-push-menu-btn ~ .hdt-logo,
.hdt-logo ~ .hdt-push-menu-btn,
.hdt-push-menu-btn ~ .hdt-header-socials,
.hdt-site-top_nav ~ .hdt-header-socials {
  margin-inline-start: 30px;
}
.hdt-site-top_nav .hdt-push-menu-btn svg {
  transform: rotate(180deg);
}
.hdt-header-center {
  gap: var(--spacing-menu-item, 3rem);
}
/*Header categories*/
.hdt-list-categories {
  min-width: 230px;
}
.hdt-categories-title {
  gap: 5px;
  min-height: 50px;
  height: var(--header-bottom-height);
  font-size: var(--text-base);
  text-transform: uppercase;
  width: 100%;
  padding: 0px 15px;
  cursor: pointer;
  transition: all .2s ease 0s;
  color: rgb(var(--hdt-btn-color));
  background-color: rgb(var(--hdt-btn-bg));
}
.hdt-bottom-header .hdt-list-categories + .hdt-navigation {
  padding-inline-start: var(--spacing-menu-item, 3rem);
}
header .hdt-list-categories-inner {
  background-color: rgb(var(--color-background2));
  width: 100%;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: .4s ease .1s;
  text-align: left;
  box-shadow: 0 5px 15px 0 rgb(var(--color-foreground) / .15);
  top: 100%;
  color: rgb(var(--color-foreground2));
}
.hdt-list-categories-inner .hdt-categories-list {
  padding: 0;
}
.hdt-list-categories-inner .hdt-categories-list .hdt-category-link {
  font-size: var(--text-sm);
  padding-inline-start: 15px;
  color: rgb(var(--color-foreground2));
  position: relative;
  min-height: 38px;
  transition: all .3s;
  border-bottom: solid 1px rgb(var(--color-line-border));
}
.hdt-categories-list .hdt-category-title {
  gap: 8px;
}
.hdt-categories-list .hdt-category-title .hdt-category-img img {
  width: 22px;
  height: 22px;
}
.hdt-categories-list .hdt-categories-sub-menu .hdt-category-link {
  padding-inline-start: 25px;
}
.hdt-categories-list .hdt-categories-sub-menu .hdt-categories-sub-menu .hdt-category-link {
  padding-inline-start: 35px;
}
details > summary[aria-expanded="true"] .hdt-btn-open-sub::before {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
  visibility: hidden;
}
/*Header vertical*/
.hdt-header-vertical-content {
  gap: 15px;
  padding: 60px 0;
  background-color: rgb(var(--color-background));
  width: 280px;
  border-right: solid 2px rgb(var(--color-line-border));
}
.hdt-header-vertical-content .hdt-site-top_nav {
  margin-top: 15px;
}
.hdt-header-vertical-content .hdt-navigation {
  width: 100%;
  margin-top: 25px;
  position: relative;
}
.hdt-header-vertical-content #hdt-nav-ul {
  column-gap: 0;
  row-gap: 0;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.hdt-header-vertical-content #hdt-nav-ul li {
  width: 100%;
}
.hdt-header-vertical-content #hdt-nav-ul .hdt-menu-link {
  margin-inline: 35px 15px;
  width: auto;
}
.hdt-header-vertical-content #hdt-nav-ul .hdt-menu-link-text {
  padding-block: 15px;
  width: 100%;
}
.hdt-header-vertical-content #hdt-nav-ul .hdt-mega-menu .hdt-sub-menu .hdt-menu-link {
  padding: 0;
}
/* #hdt-nav-ul>li>hdt-header-menu>details>.hdt-menu-link:after, 
#hdt-nav-ul>li>hdt-header-menu>details>summary:after{
  bottom: 0px;
  background: rgb(var(--color-line-border));
  transform: none;
} */
.hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu:not(.hdt-mega-menu) .hdt-menu-item:last-child .hdt-menu-link {
  border-bottom: none;
}
.hdt-header-vertical-content #hdt-nav-ul > li > details > .hdt-menu-link {
  width: auto;
}
.hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu {
  background-color: rgb(var(--color-background));
  margin-top: 0;
  margin-bottom: 0;
}
.hdt-header-vertical-content #hdt-nav-ul > li > details > .hdt-sub-menu {
  top: 0 !important;
  left: 100% !important;
  position: absolute;
  min-width: 280px;
  opacity: 0;
  visibility: hidden;
  box-shadow: inset 0 0 0 1px rgb(var(--color-line-border)),0 5px 20px rgb(var(--color-line-border));
  transform: none !important;
  transition: 0.5s ease 0s;
}
.hdt-header-vertical-content #hdt-nav-ul > li > details > .hdt-sub-menu:not(.hdt-mega-menu) {
  padding: 0;
  margin: 0;
}
.hdt-header-vertical-content #hdt-nav-ul details[aria-expanded=true] > .hdt-sub-menu {
  opacity: 1;
  visibility: visible;
}
.dir--ltr .hdt-header-vertical-content #hdt-nav-ul > li > :where(details[aria-expanded="true"],details[open]) > .hdt-menu-link .hdt-menu-item-arrow {
  transform: rotate(-90deg);
}
.dir--ltr .hdt-header-vertical-content #hdt-nav-ul :where(details[aria-expanded="true"],details[open]) > .hdt-menu-link .hdt-menu-item-arrow {
  transform: rotate(-180deg);
}
.dir--ltr .hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu details[aria-expanded=true] > summary span[accordion-icon] {
  transform: rotate(0);
}
.dir--rtl .hdt-header-vertical-content #hdt-nav-ul :where(details[aria-expanded="true"],details[open]) > .hdt-menu-link .hdt-menu-item-arrow {
  transform: rotate(90deg);
}
.dir--rtl .hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu details[aria-expanded=true] > summary span[accordion-icon] {
  transform: rotate(180deg);
}
.dir--ltr .hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] {
  right: 0;
}
.dir--rtl .hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] {
  left: 0;
}
.hdt-header-vertical-content #hdt-nav-ul .hdt-sub-menu details summary span[accordion-icon] svg {
  margin: 0;
}
.hdt-header-vertical-content #hdt-nav-ul > li details > .hdt-sub-menu .hdt-menu-list > details {
  margin: 0;
}
.hdt-header-vertical-content .hdt-header-language_currencies {
  gap: 15px;
}
.hdt-header-vertical-content .hdt-header-language_currencies button svg {
  margin-inline-start: 5px;
}
.hdt-header-vertical-content .hdt-header-socials {
  margin-top: 15px;
}
.hdt-header-vertical-content #hdt-nav-ul > li> details > .hdt-sub-menu.hdt-mega-menu {
  width: 100vw;
  max-width: calc(100vw - 280px);
}
@media(-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px) {
  header .hdt-list-categories:hover .hdt-list-categories-inner {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  #hdt-nav-ul li .hdt-menu-link:hover,
  .hdt-mega-blogs .hdt-article-tags a:hover {
    color: rgb(var(--color-accent));
  }
}
@media(min-width: 1150px) {
  .hdt-header-logo_left.hdt-menu-sidebar .hdt-search_big_form .hdt-site-nav_search,
  .hdt-header-menu-bottom .hdt-header-logo_left :where(.hdt-search_big_form,.hdt-search_big_form2) .hdt-site-nav_search {
    display: none;
  }
  .hdt-header-logo_center.hdt-menu-split :where(.hdt-site-top_nav.hdt-justify-start .hdt-site-nav_wishlist, .hdt-site-top_nav.hdt-justify-start .hdt-site-nav_cart, .hdt-site-top_nav.hdt-justify-end .hdt-site-nav_search,.hdt-site-top_nav.hdt-justify-end .hdt-site-nav_user) {
    display: none;
  }
}
@media(max-width: 1149px) {
  .hdt-col-logo,
  .hdt-logo {
    justify-content: center;
  }
}
/*END HEADER STYLE*/
.hdt-has-bg-img {
  position: relative;
}
.hdt-has-bg-img .hdt-section-bg-img {
  z-index: 0;
}
.hdt-has-bg-img .hdt-section-bg-img ~ * {
  position: relative;
  z-index: 1;
}
.hdt-has-bg-img .hdt-container .hdt-section-bg-img {
  max-width: calc(100% - 30px);
  width: calc(100% - 30px);
  margin: auto;
}
@media(min-width: 768px) {
  .hdt-has-bg-img .hdt-container .hdt-section-bg-img {
    max-width: calc(var(--container-max-width-padding-md) - 60px);
    width: calc(100% - 50px);
  }
}
@media(min-width: 1150px) {
  .hdt-has-bg-img .hdt-container .hdt-section-bg-img {
    max-width: calc(var(--container-max-width-padding-lg) - 100px);
    width: calc(100% - 100px);
  }
}
.hdt-has-bg-img .hdt-section-bg-img img {
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
}
/*SLIDER SETTING*/

@media (hover: none) {
  .hdt-slider__dot {
    pointer-events: none !important;
  }
}
/*- Slider nav -*/
/* 
.hdt-slider {
   --color-dots: var(--color-foreground);
   --size-dots: 11px;
   --size-dots-active: 11px;
   --dost-rounded: 6px;
}
.hdt-nav-btns-default {
  --color-nav-text: var(--hdt-btn-color);
  --color-nav-bg: var(--hdt-btn-bg);
  --color-nav-border: var(--hdt-btn-border-color);

  --color-nav-text-hv: var(--hdt-btn-bg);
  --color-nav-bg-hv: var(--hdt-btn-color);
  --color-nav-border-hv: var(--hdt-btn-color);
}
.hdt-nav-btns-outline {
  --color-nav-text: var(--hdt-link-color);
  --color-nav-bg: transparent;
  --color-nav-border: var(--hdt-link-color);

  --color-nav-text-hv: var(--hdt-btn-bg);
  --color-nav-bg-hv: var(--color-accent);
  --color-nav-border-hv: var(--color-accent);
}
.hdt-nav-btns-outline.hdt-nav-on_border {
  --color-nav-text: var(--hdt-link-color);
  --color-nav-bg: var(--color-background);
  --color-nav-border: var(--hdt-link-color);

  --color-nav-text-hv: var(--hdt-btn-bg);
  --color-nav-bg-hv: var(--color-accent);
  --color-nav-border-hv: var(--color-accent);
}
.hdt-nav-btns-simple {
  --color-nav-text: var(--hdt-link-color);
  --color-nav-bg: transparent;
  --color-nav-border: var(--hdt-link-color);

  --color-nav-text-hv: var(--color-link-hover);
  --color-nav-bg-hv: transparent;
  --color-nav-border-hv: var(--color-link-hover);
}

.dir--ltr .hdt-slider {
  --sl-btn-prev-l:  0px;
  --sl-btn-next-r:  0px;
}
.dir--rtl .hdt-slider {
  --sl-btn-prev-r:  0px;
  --sl-btn-next-l:  0px;
}
.hdt-nav-small {
  --size-nav: 40px;
  --size-nav-icon: 16px;
}
.hdt-nav-medium {
  --size-nav: 50px;
  --size-nav-icon: 20px;
}
.hdt-nav-large {
  --size-nav: 60px;
  --size-nav-icon: 24px;
}
.hdt-nav-btns-simple.hdt-nav-small {
  --size-nav: 20px;
}
.hdt-nav-btns-simple.hdt-nav-medium {
  --size-nav: 24px;
}
.hdt-nav-btns-simple.hdt-nav-large {
  --size-nav: 28px;
}
.hdt-nav-hidden .hdt-slider__button{
  opacity: 0 !important;
  pointer-events: none;
}
.hdt-slider-btn-vi-hover:not(:hover) .hdt-slider__button {
  opacity: 0;
  pointer-events: none;
}
.hdt-slider__button {
  color: rgb(var(--color-nav-text));
  background-color: rgb(var(--color-nav-bg));
  width: var(--size-nav);
  height: var(--size-nav);
  z-index: 1;
  transition: all .3s;
}
.hdt-slider .hdt-slider__button {
  position: absolute;
  top: var(--gap-arrow, 50%);
  transform: translateY(-50%);
}
.hdt-slider__button svg {
  width: var(--size-nav-icon);
  height: var(--size-nav-icon);
}
.hdt-slider__button[disabled="disabled"] {
  cursor: no-drop;
  opacity: .5;
}
.hdt-nav-btns-outline .hdt-slider__button {
  border: solid 2px rgb(var(--color-nav-border));
}
.hdt-nav-shape_rounded .hdt-slider__button {
  border-radius: var(--radius-full);
}
.hdt-slider__button--prev {
  left: var(--sl-btn-prev-l, auto);
  right: var(--sl-btn-prev-r, auto);
}
.hdt-slider__button--next {
  left: var(--sl-btn-next-l, auto);
  right: var(--sl-btn-next-r, auto);
}

.dir--ltr .hdt-nav-on_border {
  --sl-btn-prev-l: calc(-1 * var(--size-nav) / 2);
  --sl-btn-next-r: calc(-1 * var(--size-nav) / 2);
}
.dir--rtl .hdt-nav-on_border {
  --sl-btn-prev-r: calc(-1 * var(--size-nav) / 2);
  --sl-btn-next-l: calc(-1 * var(--size-nav) / 2);
}
.dir--rtl .hdt-slider__button svg{
  transform: rotate(180deg)
} */

/*Nav rotate*/
/* 
.hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button {
  margin-top: calc(-1 * var(--size-nav) / 2);
}
.dir--ltr .hdt-nav-middle_in.hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) {
  --sl-btn-prev-l: calc(var(--size-nav) / 5);
  --sl-btn-next-r: calc(var(--size-nav) / 5);
}
.dir--rtl .hdt-nav-middle_in.hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) {
  --sl-btn-prev-r: calc(var(--size-nav) / 5);
  --sl-btn-next-l: calc(var(--size-nav) / 5);
}
.dir--ltr .hdt-nav-on_border.hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) {
  --sl-btn-prev-l: calc(-1*var(--size-nav) / 2);
  --sl-btn-next-r: calc(-1*var(--size-nav) / 2);
}
.dir--rtl .hdt-nav-on_border.hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) {
  --sl-btn-prev-r: calc(-1*var(--size-nav) / 2);
  --sl-btn-next-l: calc(-1*var(--size-nav) / 2);
}
.dir--ltr .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--next {
  transform: rotate(45deg);
}
.dir--ltr .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--prev {
  transform: rotate(-45deg);
}
.dir--ltr .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--next svg {
  transform: rotate(-45deg);
}
.dir--ltr .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--prev svg {
  transform: rotate(45deg);
}
.dir--rtl .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--next {
  transform: rotate(-45deg);
}
.dir--rtl .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--prev {
  transform: rotate(45deg);
}
.dir--rtl .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--next svg {
  transform: rotate(45deg);
}
.dir--rtl .hdt-nav-shape_rotate:not(.hdt-nav-btns-simple) .hdt-slider__button--prev svg {
  transform: rotate(-45deg);
}

.hdt-slider__dots {
  margin-top: 20px;
  gap: 9px;
}
.hdt-dots-outline {
  --color-dots: var(--hdt-link-color);
  --size-dots: 13px;
  --size-dots-active: 13px;
  --dost-rounded: 7px;
}
.hdt-dots-on-image-false {
  --color-dots: var(--color-foreground);
}
.hdt-dots-elessi {
  --size-dots: 8px;
  --size-dots-active: 30px;
  --dost-rounded: 4px;
}
.hdt-dots-full {
  --size-dots: 3px;
  --size-dots-active: auto;
}
.hdt-slider__dot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--color-dots));
  transition: .3s;
  width: var(--size-dots);
  height: var(--size-dots);
  opacity: 0.5;
  pointer-events: auto;
}
.hdt-dots-rounded-true .hdt-slider__dot {
  border-radius: var(--dost-rounded);
}
.hdt-slider__dot.hdt-slider__dot--selected {
  opacity: 1;
}
.hdt-dots-outline .hdt-slider__dot:not(.hdt-slider__dot--selected) {
  border: solid 2px rgb(var(--color-dots));
  background-color: transparent;
}
.hdt-slider__dot.hdt-slider__dot--selected {
  width: var(--size-dots-active);
}
.hdt-dots-full .hdt-slider__dots {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  gap: 0;
  border-radius: var(--dost-rounded);
}
.hdt-dots-full .hdt-slider__dots .hdt-slider__dot {
  flex: auto;
  width: auto;
  border-radius: 0;
}
.hdt-top-nav {
  gap: 5px;
}
.hdt-top-nav.hdt-nav-shape_rotate {
  gap: 25px;
  margin-top: 20px;
} */
/* dots on image lookbook */
/* .hdt-dots-on-image-true .hdt-slider__dots{
  position: absolute;right: 0;bottom: 15px;left: 0;
}
@media(max-width: 1149px) {
  .hdt-slider__button {
    display: none;
  }
}
@media(min-width: 1150px) {
  .hdt-slider:not(.hdt-slider-has-dots-dk,hdt-slideshow) .hdt-slider__dots {
    display: none;
  }
}
@media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px) {
  .hdt-slider__button:not([disabled="disabled"]):hover {
    color: rgb(var(--color-nav-text-hv));
    background-color: rgb(var(--color-nav-bg-hv));
    border-color: rgb(var(--color-nav-border-hv));
  }
} */
/*END SLIDER SETTING*/

/* ====================== */
/*     SLIDER SETTING     */
/* ====================== */
.hdt-slider{

  position: relative;

  /* Navigation */
  .hdt-navigation{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 0;
    right: 0;
    width: var(--nav-width);
    margin: 0 auto;
    top: var(--gap-arrow, 50%);
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    pointer-events: none;
    --nav-width: min(100%,100vw);
    --nav-width-visible: calc(var(--nav-width) * 0.95);
    --nav-width-visible-hv: var(--nav-width);

    --nav-color: rgb(var(--color-button-text,var(--hdt-btn-color)));
    --nav-bg: rgb(var(--color-button,var(--hdt-btn-bg)));
    --nav-border: rgb(var(--color-button,var(--hdt-btn-bg)));
    --nav-color-hv: rgb(var(--color-button-text,var(--hdt-btn-color)));
    --nav-bg-hv: rgb(var(--color-accent));
    --nav-border-hv: rgb(var(--color-accent));
    --nav-size: 40px;
    --nav-size-icon: 16px;
    --nav-rounded: 0px;

    &.hdt-visible-hover{
      @media (hover:hover){
        opacity: 0;
        width: var(--nav-width-visible);
        transform-origin: center;
        .hdt-slider:hover &{
          opacity: 1;
          width: var(--nav-width-visible-hv);
        }
      }
    }
    @media (min-width: 1150px){
      --spacing-x: 50px;
    }

    @media (max-width: 767px){
      &.hdt-hide-mobile-true{
        display: none;
      }
    }
    &.hdt-size-small{
      --nav-size: 40px;
      --nav-size-icon: 16px;
      @media (max-width: 767px){
        --nav-size: 28px;
        --nav-size-icon: 12px;
      }
    }
    &.hdt-size-medium{
      --nav-size: 50px;
      --nav-size-icon: 20px;
      @media (max-width: 767px){
        --nav-size: 36px;
        --nav-size-icon: 14px;
      }
    }
    &.hdt-size-large{
      --nav-size: 60px;
      --nav-size-icon: 24px;
      @media (max-width: 767px){
        --nav-size: 46px;
        --nav-size-icon: 18px;
      }
    }
    &.hdt-style-outline{
      --nav-bg: transparent;
      --nav-border: rgb(var(--hdt-btn-outline-color));
      --nav-color: rgb(var(--hdt-btn-outline-color));
    }
    &.hdt-style-simple{
      --nav-bg:transparent;
      --nav-border:transparent;
      --nav-color-hv: rgb(var(--color-accent));
      --nav-bg-hv: transparent;
      --nav-border-hv: transparent;
    }
    &.hdt-shape-rounded{
      --nav-rounded: 100%;
    }
    &.hdt-shape-rotate{
      --nav-rounded: 0;
      &:not(.hdt-visible-hover){
        button{
          &.hdt-slider__button--prev{
            transform: rotate(45deg) ;
          }
          &.hdt-slider__button--next{
            transform: rotate(-45deg) ;
          }
        }
      }
      &:not(.hdt-visible-hover).hdt-position-default{
        button{
          &.hdt-slider__button--prev{
            transform: rotate(45deg) translateX(calc(var(--nav-size)/2 * var(--value-logical-flip)));
          }
          &.hdt-slider__button--next{
            transform: rotate(-45deg) translateX(calc(-1 * var(--nav-size)/2 * var(--value-logical-flip)));
          }
        }
      }

      button{ 
        &.hdt-slider__button--prev{
          svg{
            transform: rotate(-45deg);
          }
        }
        &.hdt-slider__button--next{
          svg{
            transform: rotate(45deg);
          }
        }
        @media (hover:hover){
          .hdt-slider:has(.hdt-visible-hover):hover &{
            &.hdt-slider__button--prev{
              transform: rotate(45deg) translateY(-50%);
            }
            &.hdt-slider__button--next{
              transform: rotate(-45deg) translateY(-50%);
            }
          }
        }
        @media (hover:none){
          .hdt-slider &{
            &.hdt-slider__button--prev{
              transform: rotate(45deg) translateY(-50%);
            }
            &.hdt-slider__button--next{
              transform: rotate(-45deg) translateY(-50%);
            }
          }
        }
      }
    }
    &.hdt-position-on_border{
      --nav-width-visible: var(--nav-width);
      --nav-width-visible-hv: calc(min(var(--nav-width) + var(--nav-size),100vw));
      left: calc(var(--nav-size) / 2 * -1 * var(--value-logical-flip));

      
      @media (max-width: 1280px){
        left: calc(var(--nav-size) / 2 * -1 * var(--value-logical-flip));
      }
      @media (max-width: 767px){
        left: calc(var(--spacing-x) * -1 * var(--value-logical-flip));
      }
      &:not(.hdt-visible-hover){
        width: var(--nav-width-visible-hv);
      }
      .hdt-container-full &{
        width: calc(100vw - var(--scrollbar-w,0px) - var(--spacing-x) * 2);
        --nav-width-visible-hv:calc(100vw - var(--scrollbar-w,0px) - var(--spacing-x));
        left: 0;
      }
    }
    &.hdt-position-out_side{
      --nav-width-visible: var(--nav-width);
      --nav-width-visible-hv: calc(min(var(--nav-width) + calc(var(--nav-size) * 4),calc(100vw - var(--scrollbar-w,0px))));
      left: calc(var(--nav-size) * 2 * -1 * var(--value-logical-flip));
      &:not(.hdt-visible-hover){
        width: var(--nav-width-visible-hv);
      }
      @media (max-width: 1280px){
        left: 0;
        width: 100% !important;
      }
      .hdt-container-full &{
        width: calc(100vw - var(--scrollbar-w,0px) - var(--spacing-x) * 2);
        --nav-width-visible-hv:calc(100vw - var(--scrollbar-w,0px) - var(--spacing-x) * 2);
        left: 0;
      }
    }
    button{
      width: var(--nav-size);
      height: var(--nav-size);
      border-radius: var(--nav-rounded);
      color: var(--nav-color);
      background-color: var(--nav-bg);
      border: 2px solid var(--nav-border);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .3s ease-in-out;
      pointer-events: auto;
      &:hover{
        color: var(--nav-color-hv);
        background-color: var(--nav-bg-hv);
        border-color: var(--nav-border-hv);
      }
      svg{
        width: var(--nav-size-icon);
        height: var(--nav-size-icon);
        color: inherit;
        .dir--rtl &{
          transform: rotate(180deg);
        }
      }
      &:disabled{
        opacity: 0.3;
      }
    }
  }

  /* Pagination */
  .hdt-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    gap: var(--space-between);
    margin-top: var(--margin-top);

    --pag-w: 11px;
    --pag-h: 11px;
    --pag-w-active: 11px;
    --pag-h-active: 11px;
    --pag-bg: rgb(var(--color-link,var(--hdt-btn-outline-color)));
    --pag-bg-active: rgb(var(--color-link,var(--hdt-btn-outline-color)));
    --pag-border: rgb(var(--color-link,var(--hdt-btn-outline-color)));
    --pag-radius:0px;

    @media (max-width: 1149px){
      margin-top: calc(var(--margin-top) * 0.75);
    }
    @media (max-width: 767px){
      margin-top: calc(var(--margin-top) * 0.5);
      &.hdt-hide-mobile-true{
        display: none;
      }
    }
    @media (min-width:1150px){
      &.hdt-only-show-mobile{
        display: none;
      }
    }
    &.hdt-radius-true{
     --pag-radius: var(--radius-full);
    }
    &.hdt-style-outline{
      --pag-bg: transparent;
      --pag-w: 13px;
      --pag-h: 13px;
      --pag-w-active: 13px;
      --pag-h-active: 13px;
    }
    &.hdt-style-elessi{
      --pag-w:8px;
      --pag-h:8px;
      --pag-w-active:30px;
      --pag-h-active:8px;
    }
    &.hdt-style-full{
      --pag-w: auto;
      --pag-h: 3px;
      --pag-w-active: auto;
      --pag-h-active: 3px;
      button{
        flex: 1 1 auto;
        border: none;
        opacity: 0.2;
        &.hdt-slider__dot--selected{
          opacity: 1;
        }
      }
    }
    button{
      width: var(--pag-w);
      height: var(--pag-h);
      background-color: var(--pag-bg);
      border-radius: var(--pag-radius,0px);
      border: 2px solid var(--pag-border);
      opacity: 0.5;
      transition: all .3s ease-in-out;
      pointer-events: auto;
      &.hdt-slider__dot--selected{
        width: var(--pag-w-active);
        height: var(--pag-h-active);
        opacity: 1;
        background-color: var(--pag-bg-active);
      }
    }
  }
}
/* ====================== */
/*   END SLIDER SETTING   */
/* ====================== */
.hdt-flex-wrap {
  flex-wrap: wrap;
}
blockquote {
  position: relative;
  display: block;
  border: 0;
  padding: 30px 25px 30px 60px;
  background-color: rgb(var(--color-background2));
  quotes: "\201c""\201d";
}
blockquote::before {
  content: open-quote;
  left: 25px;
  top: 0;
  font-size: 50px;
  position: absolute;
}
blockquote::after {
  content: no-close-quote;
}
.hdt-btn,
.hdt-link {
  pointer-events: auto;
}

/* Begin country filter */

country-filter {
  display: block;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(var(--color-input-primary));
}
.hdt-country_filter {
  padding: 5px 17px;
  margin-bottom: 10px;
  color: rgb(var(--color-input-secondary));
  background-color: rgb(var(--color-input-primary));
}
@media (min-width: 768px) {
  .hdt-popover-currencies {
    box-shadow: 0 0 1.8rem 0 rgb(var(--color-overlay, 0 0 0) / 0.2);
  }
}
.hdt-currencies {
  vertical-align: middle;
  line-height: normal;
}
.hdt-currencies > button,
.hdt-popover-currencies button {
  text-align: start;
  background: transparent;
  color: rgb(var(--color-foreground));
  transition: all 0.3s ease;
  background: transparent;
  display: inline-flex;
  align-items: center;
}
.hdt-popover-currencies button {
  color: rgb(var(--color-secondary));
  font-size: var(--text-sm);
} 
.hdt-currencies > button svg {
  margin-inline-start: 0.5rem;
}
.hdt-currencies.hdt-flag-size-sm img,
.hdt-popover-currencies.hdt-flag-size-sm img {
  width: 2rem;
  margin-inline-end: .7rem;
  border-radius: 2px;
}
.hdt-currencies.hdt-flag-size-md img,
.hdt-popover-currencies.hdt-flag-size-md img {
  width: 2.4rem;
  margin-inline-end: 0.5rem;
  border-radius: 2px;
}
:where(.hdt-popover-currencies)::part(content) {
  padding: 1.5rem 2rem;
}
:where(.hdt-popover-currencies)::part(body) {
  padding: 0 1rem 0 0;
}
.hdt-popover-currencies button {
  padding: 0.5296rem 0;
  line-height: 1.15;
  width: 100%;
}
.hdt-popover-currencies button[aria-selected="true"] {
  color: rgb(var(--color-accent)) !important;
}
@media (max-width: 767px) {
  .hdt-popover-currencies button {
    line-height: 3rem;
  }
}
@media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px) {
  .hdt-currencies > button:hover,
  .hdt-popover-currencies button:hover {
    background: transparent;
    color: rgb(var(--color-accent));
  }
}

/* End country filter */

/* video */
.is-video :is(video, hdt-video-player) {
  pointer-events: auto;
}

/* lookbook pin */
.hdt-lookbook-carousel{
  .hdt-slider{
    .hdt-pagination{
      position: absolute;
      left: 0;
      right: 0;
      bottom: var(--margin-top,10px); 
    }
  }
}
@media (min-width: 768px) {
  .hdt-lookbook_pin.hdt-popover {
    width: 300px;
    box-shadow: 0 0 20px rgb(var(--color-overlay) / 0.2);
  }
}

.hdt-lookbook_pin.hdt-popover {
  border-radius: 5px;
}
.hdt-lookbook_pin.hdt-popover::part(content) {
  padding: 0;
  border-radius: 5px;
}
.hdt-lookbook_pin.hdt-popover::part(body){
  padding: 2rem;
}
.hdt-lookbook_pintext.hdt-popover::part(content) {
  padding: 0;
}
.hdt-lookbook_pintext .hdt-pin-content {
  border-top: 2px solid rgb(var(--color-line-border));
}
.hdt-pin_btn {
  --hdt-btn-bg: var(--pin-bg);
  --hdt-btn-color: var(--pin-text);

  background: rgb(var(--hdt-btn-bg));
  color: rgb(var(--hdt-btn-color));
  pointer-events: auto !important;
  font-size: var(--text-base);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hdt-pin_btn.hdt-pin-size-extra-large {
  width: 60px;
  height: 60px;
}
.hdt-pin_btn.hdt-pin-size-large {
  width: 40px;
  height: 40px;
}
.hdt-pin_btn.hdt-pin-size-medium {
  width: 32px;
  height: 32px;
}
.hdt-pin_btn.hdt-pin-size-small {
  width: 30px;
  height: 30px;
}

.hdt-pin_btn .hdt-zoompin {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: block;
  -webkit-animation: zoompin 2s ease infinite;
  animation: zoompin 2s ease infinite;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 800px;
  perspective: 800px;
  background-color: rgb(var(--hdt-btn-color) / 0.8);
  pointer-events: none;
  z-index: -1;
}
/* pin icon */
:where(.hdt-pin-type-1, .hdt-pin-type-2) .hdt-pin-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: inherit;
}
.hdt-pin-type-1 .hdt-pin-icon::before,
.hdt-pin-type-1 .hdt-pin-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%) rotate(-90deg);
  background: rgb(var(--hdt-btn-color));
  transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out,
    -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.hdt-pin-size-extra-large.hdt-pin-type-1 .hdt-pin-icon::before {
  width: 21px;
  height: 6px;
}
.hdt-pin-size-extra-large.hdt-pin-type-1 .hdt-pin-icon::after {
  width: 6px;
  height: 21px;
}
.hdt-pin-type-1 .hdt-pin-icon::before {
  width: 12px;
  height: 1px;
}
.hdt-pin-type-1 .hdt-pin-icon::after {
  height: 12px;
  width: 1px;
}
.hdt-pin-type-2 .hdt-pin-icon::before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background: rgb(var(--hdt-btn-color));
  border-radius: inherit;
}
.hdt-pin-type-showtext .hdt-zoompin {
  background: rgb(var(--hdt-btn-color) / 0.8);
}
.hdt-pin-type-showtext .hdt-pin-text {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: rgb(var(--hdt-btn-bg));
  color: rgb(var(--hdt-btn-color));
  border: 2px solid rgb(var(--hdt-btn-color));
  overflow: hidden;
}
@media (max-width: 1024px) {
  .hdt-pin_btn.hdt-pin-size-extra-large {
    width: 48px;
    height: 48px;
  }
  .hdt-pin_btn.hdt-pin-size-large {
    width: 30px;
    height: 30px;
  }
  .hdt-pin_btn.hdt-pin-size-medium {
    width: 30px;
    height: 30px;
  }
  .hdt-pin_btn.hdt-pin-size-small {
    width: 30px;
    height: 30px;
  }
  .hdt-pin-size-extra-large.hdt-pin-type-1 .hdt-pin-icon::before {
    width: 15px;
    height: 3px;
  }
  .hdt-pin-size-extra-large.hdt-pin-type-1 .hdt-pin-icon::after {
    width: 3px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .hdt-pin_btn.hdt-pin-size-extra-large {
    width: 30px;
    height: 30px;
  }
  .hdt-pin_btn.hdt-pin-size-large {
    width: 30px;
    height: 30px;
  }
  .hdt-pin_btn.hdt-pin-size-medium {
    width: 30px;
    height: 30px;
  }
  .hdt-pin_btn.hdt-pin-size-small {
    width: 30px;
    height: 30px;
  }
}
@keyframes zoompin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* lookbook item effect when hover and image gallery */
@media (min-width: 1150px) and (hover: hover) {
  .hdt-image-eff-zoomin :where(img, svg, picture) {
    transition: transform 0.3s linear;
  }
  .hdt-image-eff-zoomin:hover :where(img, svg, picture) {
    transform: scale3d(1.1, 1.1, 1);
  }
  .hdt-image-gallery img {
    cursor: pointer;
  }
}

/* custom col */
.hdt-custom-row {
  column-gap: var(--spacing-y);
  row-gap: var(--spacing-x);
}

.hdt-custom-col-1 {
  width: 8.333333333%;
  --width: 8.333333333%;
}
.hdt-custom-col-2 {
  width: 16.66666667%;
  --width: 16.66666667%;
}
.hdt-custom-col-20 {
  width: 20%;
  --width: 20%;
}
.hdt-custom-col-3 {
  width: 25%;
  --width: 25%;
}
.hdt-custom-col-4 {
  width: 33.33%;
  --width: 33.33%;
}
.hdt-custom-col-5 {
  width: 41.66666667%;
  --width: 41.66666667%;
}
.hdt-custom-col-6 {
  width: 50%;
  --width: 50%;
}
.hdt-custom-col-7 {
  width: 58.33333333%;
  --width: 58.33333333%;
}
.hdt-custom-col-8 {
  width: 66.66666667%;
  --width: 66.66666667%;
}
.hdt-custom-col-80 {
  width: 80%;
  --width: 80%;
}
.hdt-custom-col-9 {
  width: 75%;
  --width: 75%;
}
.hdt-custom-col-10 {
  width: 83.33333333%;
  --width: 83.33333333%;
}
.hdt-custom-col-11 {
  width: 91.66666666%;
  --width: 91.66666666%;
}
.hdt-custom-col-12 {
  width: 100%;
  --width: 100%;
}
.hdt-custom-col-auto {
  width: auto;
}
@media (min-width: 768px) {
  .md\:hdt-custom-col-1 {
    width: 8.333333333%;
    --width: 8.333333333%;
  }
  .md\:hdt-custom-col-2 {
    width: 16.66666667%;
    --width: 16.66666667%;
  }
  .md\:hdt-custom-col-3 {
    width: 25%;
    --width: 25%;
  }
  .md\:hdt-custom-col-4 {
    width: 33.33%;
    --width: 33.33%;
  }
  .md\:hdt-custom-col-5 {
    width: 41.66666667%;
    --width: 41.66666667%;
  }
  .md\:hdt-custom-col-6 {
    width: 50%;
    --width: 50%;
  }
  .md\:hdt-custom-col-7 {
    width: 58.33333333%;
    --width: 58.33333333%;
  }
  .md\:hdt-custom-col-8 {
    width: 66.66666667%;
    --width: 66.66666667%;
  }
  .md\:hdt-custom-col-9 {
    width: 75%;
    --width: 75%;
  }
  .md\:hdt-custom-col-10 {
    width: 83.33333333%;
    --width: 83.33333333%;
  }
  .md\:hdt-custom-col-11 {
    width: 91.66666666%;
    --width: 91.66666666%;
  }
  .md\:hdt-custom-col-12 {
    width: 100%;
    --width: 100%;
  }
  .md\:hdt-custom-col-auto {
    width: auto;
  }
}
@media (min-width: 1150px) {
  .lg\:hdt-custom-col-1 {
    width: 8.333333333%;
    --width: 8.333333333%;
  }
  .lg\:hdt-custom-col-2 {
    width: 16.66666667%;
    --width: 16.66666667%;
  }
  .lg\:hdt-custom-col-3 {
    width: 25%;
    --width: 25%;
  }
  .lg\:hdt-custom-col-4 {
    width: 33.33%;
    --width: 33.33%;
  }
  .lg\:hdt-custom-col-5 {
    width: 41.66666667%;
    --width: 41.66666667%;
  }
  .lg\:hdt-custom-col-6 {
    width: 50%;
    --width: 50%;
  }
  .lg\:hdt-custom-col-7 {
    width: 58.33333333%;
    --width: 58.33333333%;
  }
  .lg\:hdt-custom-col-8 {
    width: 66.66666667%;
    --width: 66.66666667%;
  }
  .lg\:hdt-custom-col-9 {
    width: 75%;
    --width: 75%;
  }
  .lg\:hdt-custom-col-10 {
    width: 83.33333333%;
    --width: 83.33333333%;
  }
  .lg\:hdt-custom-col-11 {
    width: 91.66666666%;
    --width: 91.66666666%;
  }
  .lg\:hdt-custom-col-12 {
    width: 100%;
    --width: 100%;
  }
  .lg\:hdt-custom-col-auto {
    width: auto;
  }
}
@media (max-width: 767px) {
  .hdt-custom-col-hidden {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1149px) {
  .md\:hdt-custom-col-hidden {
    display: none;
  }
}
@media (min-width: 1150px) {
  .lg\:hdt-custom-col-hidden {
    display: none;
  }
}

/* slideshow */
/* ============== slide effect ============== */

.hdt-slide-zoom-out {
  transform: scale(1.2);
  transition: all 4s, opacity 0s !important;
}
.is-selected .hdt-slide-zoom-out{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.hdt-slide-zoom-in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 4s;
  -moz-transition: 4s;
  transition: 4s;
}
.is-selected .hdt-slide-zoom-in{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
.hdt-slide-translate-to-left {
  transform: translateX(200px);
  transition: .5s;
  opacity: 0;
}
.is-selected .hdt-slide-translate-to-left{
  transform: translateX(0);
  opacity: 1;
}

.hdt-slide-translate-to-right {
  transform: translateX(-200px);
  transition: .5s;
  opacity: 0;
}
.is-selected .hdt-slide-translate-to-right{
  transform: translateX(0);
  opacity: 1;
}

.hdt-slide-translate-to-top {
  transform: translateY(200px);
  transition: .5s;
  opacity: 0;
}
.is-selected .hdt-slide-translate-to-top{
  transform: translateY(0);
  opacity: 1;
}

.hdt-slide-translate-to-bottom {
  transform: translateY(-200px);
  transition: .5s;
  opacity: 0;
}
.is-selected .hdt-slide-translate-to-bottom{
  transform: translateY(0);
  opacity: 1;
}

/* ============== end slide effect ============== */

/* ============== slide content ================== */
.hdt-background-content {
  --content-pd: var(--content-pd-tb-dk) var(--content-pd-lr-dk);
  background-color: rgb(var(--color-background2) / var(--content-bg-opacity));
  padding: var(--content-pd);
  min-width: min(var(--content-min-width),100%);
}
.hdt-background-content.hdt-content-use-border{
  --br-pd: var(--border-pd-dk);
  border: 1px var(--content-border-style) rgb(var(--color-line-border));
  box-shadow: 0 0 0 var(--br-pd) rgb(var(--color-background2) / var(--content-border-opacity));
}
.hdt-background-content.hdt-content-boxsquare{
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px){
  .hdt-background-content{
    --content-pd: var(--content-pd-tb-mb,15px) var(--content-pd-lr-mb,15px);
  }
  .hdt-background-content.hdt-content-use-border{
    --br-pd: var(--border-pd-mb,15px);
  }
}
/* ============== end slide content ============== */
@media (max-width: 767px){
  .hdt-slide-heading-mobile-hidden .hdt-heading-block{
    display: none;
  }
  .hdt-slide-text-mobile-hidden .hdt-text-block{
    display: none;
  }
}


/*------------- BEGIN PROUDUCT PAGE --------------------*/

.hdt-breadcrumb__list {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap:.5rem
}
.hdt-breadcrumb__list a {
  transition:color .3s ease
}
.hdt-breadcrumb__list svg {
  height: 0.8rem;
  margin: 0 .5rem;
  width: auto
}
.hdt-breadcrumb__next,.hdt-breadcrumb__prev {
  width: 2rem;
  height: 2rem
}
.hdt-breadcrumb__next svg,.hdt-breadcrumb__prev svg {
  width: 1.8rem
}
.hdt-breadcrumb__back {
  margin:0 0.6rem
}
.hdt-breadcrumb__wrap {
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr auto
}
.dir--rtl .hdt-breadcrumb__list svg,.dir--rtl .hdt-breadcrumb__prev-next svg {
  transform:rotate(180deg)
}
/* .hdt-breadcrumb-item a {
  color: rgb(var(--color-foreground))
}
.hdt-breadcrumb-item:not(:has(a)) {
  color: rgb(var(--color-secondary))
} */
@media (-moz-touch-enabled:0),(hover:hover) and (min-width:1150px){
  .hdt-breadcrumb__prev-next a:hover,.hdt-breadcrumb__list a:hover{
    color:rgb(var(--color-accent))
  }
}

.hdt-product-info__list{
  --product-margin-end:2rem;
  &:has(.hdt-product__variant-picker input:checked){
    .hdt-product__inventory hdt-variant-inventory{
      display: block !important;
    }
  }
}
.dir--ltr .hdt-product-media__main .hdt-slider {
  --sl-btn-prev-l: 15px;
  --sl-btn-next-r: 15px;
}
.dir--rtl .hdt-product-media__main .hdt-slider {
  --sl-btn-prev-r: 15px;
  --sl-btn-next-l: 15px;
}
hdt-slider-thumb:not([stagger]) .hdt-thumbnail__media:not(.is-thumb-selected),
hdt-slider-thumb.stagger-finished .hdt-thumbnail__media:not(.is-thumb-selected) {
  opacity: .5 !important;
}
.hdt-ratio>*.hdt-thumbnail__badge {border-radius: var(--radius-full);}
@media(min-width:768px){
  .hdt-ratio>*.hdt-thumbnail__badge {
    width: 3rem;
    height: 3rem;
  }
}
@media(min-width:1150px){
  .hdt-product-media:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__main {
    width: 85%;
  }
  .hdt-product-media:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__thumb {
    --slide-spacing: 1rem;
    width: calc(15% - 1rem);
    padding-inline-start: 0;
  }
  .hdt-product-media.hdt-product-thumb-size__small:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__main {
    width: 90%;
  }
  .hdt-product-media.hdt-product-thumb-size__small:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__thumb {
    width: calc(10% - 1rem);
  }
  .hdt-product-media.hdt-product-thumb-size__large:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__main {
    width: 80%;
  }
  .hdt-product-media.hdt-product-thumb-size__large:is(.hdt-product-media__layout-thumbnail_left, .hdt-product-media__layout-thumbnail_right) .hdt-product-media__thumb {
    width: calc(20% - 1rem);
  }
  .hdt-product-media:is(.hdt-product-media__layout-without_thumbnails) .hdt-product-media__thumb{display: none;}
}
.hdt-product-info__item.hdt-product__title h1{
  color: inherit;
  transition: all .3s ease;
}
.hdt-product__price .hdt-price-wrapp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-1);
}
.hdt-product__price .hdt-price,
.hdt-product__price .hdt-compare-at-price{
  font-size: var(--text-4xl);
}
.hdt-product-info__item{
  width: 100%;
}
.hdt-main-product-quick-view .hdt-product-info__item{
  width: 100%;
  margin-block-end: 1rem !important;
}
.hdt-product__description_readm{
  padding: 0;
  background-color: transparent !important;
  color: rgb(var(--hdt-link-color));
  margin: 0.05rem;
  text-decoration: underline;
  display: inline-block;
}
.hdt-quantity__label{
  margin-bottom: 0.5rem;
}
.hdt-product-form__quantity .hdt-quantity-wrapp {
  min-width: 12rem;
  width: 12rem;
  height: 4rem;
  border: 0.1rem solid rgb(var(--color-foreground));
  text-align: center;
  display: inline-block;
  position: relative;
  border-radius: var(--radius-button) !important;
}
.hdt-product-form__quantity button{
  width: 3rem;
  height: 3.8rem;
  line-height: 3.8rem;
  border: 0;
  background: 0 0;
  transition: all .3s ease;
}
.hdt-product-form__quantity button svg{
  width: 1.2rem;
  height: 1.2rem;
  stroke-width: 2;
  position: relative;
  top: -0.1rem;
}
.hdt-product-form__quantity button[name="minus"]{
  padding-inline-start: 1.5rem;
}
.hdt-product-form__quantity button[name="plus"]{
  padding-inline-end: 1.5rem;
}
.hdt-product-form__quantity input[type=number] {
  -moz-appearance: textfield;
  width: 3.5rem;
  height: 3.8rem;
  border: 0;
  background: 0 0;
  outline: none;
}
.hdt-product-form__quantity input[type=number],
.hdt-product-form__quantity input[type=number]::-webkit-inner-spin-button,
.hdt-product-form__quantity input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance:textfield;
}
.hdt-product-form__btn-wishlist,
 .hdt-product-form__btn-compare{
   min-width: 4rem;
   width: 4rem;
   height: 4rem;
   line-height: 4rem;
   color:rgb(var(--hdt-link-color));;
   border: 0.1rem solid rgb(var(--hdt-link-color));
   transition: all .3s ease;
 }
 .hdt-product-form__btn-wishlist svg,
 .hdt-product-form__btn-compare svg{
   fill: currentColor;
   width: 1.8rem;
   height: 1.8rem;
 }
  .hdt-product__buy-button .shopify-payment-button__button--unbranded,
  .hdt-product__buy-button .hdt-pr__notify-stock{
    font-weight: var(--font-semibold);
  } 
  .hdt-product__buy-button .shopify-payment-button__button--branded,
  .hdt-product__buy-button .shopify-payment-button__more-options{
    margin-top: 1rem;
  }
  .hdt-product__form-qty,
  .hdt-product-form__btn-wishlist,
  .hdt-product-form__btn-compare,
  .hdt-product__buy-button .shopify-payment-button__button--unbranded,
  .hdt-product__buy-button .hdt-pr__notify-stock,
  .hdt-product__buy-button .shopify-cleanslate [role="button"]{
    border-radius: var(--radius-button)!important;
  }
 .hdt-product__form-buttons-wrap {
   gap: var(--spacing-0-8);
   flex-wrap: wrap;
 }
 .hdt-product__buy-button .shopify-payment-button {
   width: 100%;
 }
 .hdt-product__buy-button  .shopify-payment-button__button--hidden {
  display: none;
}
 .hdt-product-form__top-buttons{
  gap: 0.8rem;
  flex-wrap: wrap;
 }
 .hdt-product-form__buttons .hdt-product-form__submit{
   min-height: 4rem;
   flex: 1 1 auto;
   width: auto;
   text-transform:uppercase;
 }
 .hdt-product-form__submit .hdt-price{
  font-size: inherit;
  letter-spacing: inherit;
  display: inline;
 }
 .hdt-form__message-wrapper svg{
   display: inline-block;
 }
 .shopify-payment-button__button--unbranded{
  font-size: var(--text-base);
  font-weight: var(--font-bold);
  height: 4rem;
  min-height:4rem!important;
  text-transform: uppercase;
  transition: all .3s ease;
 }
.hdt-product__modal-title{
  font-size: var(--text-8xl);
}
.hdt-product__modal::part(header){
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.hdt-product__modal::part(close-button){
  color: rgb(var(--color-foreground));
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .3s ease;
  padding: 0;
}
.hdt-product__modal::part(content){
  width: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
  margin: 0.8rem;
  max-height: calc(100vh - 1.6rem);
}
.hdt-product__extra-link ,
.hdt-product__extra-link>a{
  /* margin-inline-end: 2rem; */
  transition: color .3s ease;
}
.hdt-product-info__item.hdt-product__extra-link :where(button,wrapp-open-pswp-btn){
  margin-inline-end: 2rem;
}
.hdt-product__extra-link>[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .5;
}
.hdt-form-message--success{
  color: rgb(var(--color-success-text));
  font-weight: var(--font-medium);
}
.hdt-pr-popup__ask-head{
  padding: 2.2rem 3rem;
  background-color: rgba(var(--color-background2));
  gap:2rem;
}
.hdt-pr-popup__ask-img{
  width: 80px;
  height: 80px;
  min-width: 80px;
}
.hdt-pr-popup__ask-img img{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hdt-modal-popup__ask form>p {
  margin-bottom: 2rem;
}
.hdt-modal-popup__ask form input{
  border: .1rem solid rgb(var(--color-line-border));
  outline: none;
  padding: 1rem 1.5rem;
  width: 100%;
  height: 4rem;
  line-height: 2rem;
  border-radius: var(--radius-input);
  transition: border-color .5s ease;
}
.hdt-modal-popup__ask form textarea {
  overflow: hidden;
  min-height: 19rem;
  width: 100%;
  transition: border-color .5s ease;
  -webkit-appearance: none;
  appearance: none;
  border: .1rem solid rgb(var(--color-line-border));
  outline: 0;
  padding: 1rem 1.5rem;
  border-radius: var(--radius-input);
}
.hdt-modal-popup__ask input:not([type=submit]):not([type=checkbox]):focus,
.hdt-modal-popup__ask textarea:focus {
  border-color: rgb(var(--color-foreground) / .5);
}
.hdt-modal-popup__ask form button[type=submit] {
  width: 100%;
  cursor: pointer;
}
.hdt-modal-popup__ask.hdt-product__modal {
  .hdt-dialog-modal{
    padding: 2rem 0;
  }
  .hdt-dialog-modal__header{
    padding: 0 2rem;
  }
  .hdt-dialog-modal__inner{
    max-width: unset;
    width: 100%;
    padding: 0 2rem;
  }
}
.hdt-product__extra-link .hdt-form-message--success{
  color: rgb(var(--color-success-text));
}
.hdt-product__extra-link .hdt-form-message {
  font-size: var(--text-sm);
}
.hdt-product__trust-badge .hdt-payment-item {
  padding: .5rem;
}
.hdt-product__trust-badge .hdt-icon-payment {
  width: auto;
  height: var(--height-img);
}
.hdt-product__meta>div,
.hdt-product__meta>.hdt-product__meta-item{
  margin-bottom: 0.5rem;
}
.hdt-product__meta a{
  transition: color .3s ease;
}
.hdt-product__meta .hdt-collections-wrapper>a:not(:last-child):after,
.hdt-product__meta .hdt-tags-wrapper>a:not(:last-child):after {
  content: ", ";
  display: inline-block;
}
.hdt-product__sold,
.hdt-product__live-review{width: 100%;}

.hdt-product__sold-wrap,
.hdt-product__liveview-wrap,
.hdt-product__order-wrap{gap:0.5rem}

.hdt-product__countdown-mess :where(svg),
.hdt-product__sold-wrap :where(svg),
.hdt-product__liveview-wrap :where(svg),
.hdt-product__order-wrap :where(svg){
  width: 2rem;
  min-width: 2rem;
}
.hdt-product__countdown-mess :where(img),
.hdt-product__sold-wrap :where(img),
.hdt-product__liveview-wrap :where(img),
.hdt-product__order-wrap :where(img){
  width: 2.5rem;
  min-width: 2.5rem;
}
.hdt-product__countdown{
  .hdt-product__countdown-mess{
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: var(--text-lg);
  }
  .hdt-product__countdown-inner{
    gap: 15px;
    .hdt-product__countdown-item{
      min-width: 5rem;
      min-height: 5rem;
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      hdt-countdown-amount{
        font-size: 2.6rem;
        font-weight: var(--font-semibold);
      }
      hdt-countdown-text{
        font-size: 1.2rem;
        /* text-transform: lowercase; */
      }
      &:first-child{
        hdt-countdown-text{
          text-transform: capitalize;
        }
      }
    }
    @media (min-width: 1150px){
      &{
        gap: 50px;
        .hdt-product__countdown-item{
          min-width: 6rem;
          min-height: 6rem;
          hdt-countdown-amount{
            font-size: 3rem;
          }
          hdt-countdown-text{
            font-size: 1.4rem;
          }
        }
      }
    }
  }
  
}

.hdt-start_delivery,
.hdt-end_delivery{
 text-decoration: underline;
}
.hdt-product__vendor>a {
  padding: 1rem;
  background-color: var(--color-background);
  box-shadow: 0 0 0.2rem rgb(var(--color-overlay)/.3);
  transition: .3s;
  min-width: 5rem;
  font-weight: var(--font-medium);
}

.hdt-product__inventory .hdt-progress-bar{
  height: 1.2rem;
  margin-top: 1rem;
}
.hdt-product__inventory .hdt-progress-bar:before {
  border-radius: var(--radius-full);
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
  background-size: 4rem 4rem;
  transition: width 1s;
  animation: 2s linear infinite progress_bar;
}
.hdt-product__complimentary-wrap>h3 {
  margin-bottom: 1.8rem;
}
.hdt-product__complimentary-item .hdt-card-product__wrapper {
  gap: 1.5rem;
}
.hdt-product__complimentary-item .hdt-pr-loop .hdt-card-product__media {
  width: 7rem;
  min-width: 7rem;
}
.hdt-product__complimentary-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.hdt-product__complimentary-item .hdt-card-product__info {
  gap: .6rem;
  padding: 0 !important;
  margin-top: 0!important;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.hdt-line-item-property--text label{
  margin-bottom: .6rem;
}
@-webkit-keyframes progress_bar {
  from {
    background-position: 0 0
  }

  to {
    background-position: 40px 0
  }
}

@keyframes progress_bar {
  from {
    background-position: 0 0
  }

  to {
    background-position: 40px 0
  }
}
.hdt-product__inventory .hdt-stock-status{
  font-size: var(--text-lg);
  font-weight: var(--font-medium);
}
.hdt-modal__size-chart.hdt-product__modal .hdt-dialog-modal__header{
  margin-bottom: 0px;
}
.hdt-modal__size-chart.hdt-product__modal .hdt-product__modal-title {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.hdt-modal__link-popup.hdt-modal,
.hdt-modal__size-chart.hdt-product__modal{
  @media (width > 768px){
    .hdt-dialog-modal__header{
      padding: 0;
    }
  }
}
.hdt-product-variant-picker.hdt-modal{
  @media (width > 768px){
    .hdt-dialog-modal__header{
      padding: 0 1rem;
    }
  }
}
@media (max-width: 767px){
  .hdt-product__extra-link :where(button,wrapp-open-pswp-btn),
  .hdt-product__extra-link>a{margin-bottom: 0.5rem;}  
}
.hdt-modal-pickup-availability{
  .hdt-dialog-modal__header{
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .hdt-modal-pickup-availability .hdt-dialog-modal__inner {
    max-width: min(62.5rem, 90vw);
  } 
  .hdt-modal-pickup-availability{
    .hdt-dialog-modal__header{
      padding: 0 2rem;
      align-items: flex-start;
    }
  }
  .hdt-modal__size-chart.hdt-product__modal .hdt-dialog-modal__inner,
  .hdt-modal-pickup-availability .hdt-dialog-modal__inner {
    max-width: min(90rem,90vw);
    padding: 0 2rem;
  }
  .hdt-modal__size-chart.hdt-product__modal,
  .hdt-modal-pickup-availability{
    dialog{
      padding: 2rem 0;
    }
  }
  .hdt-page-size-chart {
    padding: 0 10px 10px;
  }
}
.hdt-product__modal::part(body){
 padding:0;
}
@media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px){
  .hdt-product-form__quantity button:hover {
    color: rgb(var(--color-accent));
  }
  .hdt-product__extra-link button:hover,
  .hdt-product__extra-link>a:hover,
  .hdt-product__meta a:hover{
    color:rgb(var(--color-foreground)/.6)
  }
}
/* BEGIN BUTTON LOADING SVG */

.hdt-btn-loading__svg[aria-busy="true"]{
  pointer-events: none;
  position: relative;
}
.hdt-btn-loading__svg[aria-busy="true"] :where(svg.hdt-icon,.hdt-btn-atc_text, .hdt-qty-price) {
  display: none;
 }
 .hdt-btn-loading__svg[aria-busy="true"]>.hdt-loading__spinner {
  top: 50%;
  left: 50%;
  width: 1.8rem;
  transform: translate(-50%,-50%);
  display: flex !important;
}
.hdt-btn-loading__svg[aria-busy="true"] .hdt-path{
  stroke: currentColor;
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: hdt_dash 1.4s ease-in-out infinite;
}
@keyframes hdt_dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

/*  END BUTTON LOADING SVG */


/*  BEGIN SWATCH MAIN PRODUCT */

.hdt-variant-picker,
.hdt-variant-picker [type=image]{
  --swatch-size: 2.4rem;
  --swatch-radius: 0.3rem;
}
.hdt-variant-picker.hdt-color-mode__image_rounded,
.hdt-variant-picker.hdt-color-mode__color_rounded{
  --swatch-radius: 50%
}
.hdt-variant-picker.hdt-color-size__medium,
.hdt-variant-picker.hdt-color-size__medium [type=image]{
  --swatch-size: 3rem;
}
.hdt-variant-picker.hdt-color-size__large,
.hdt-variant-picker.hdt-color-size__large [type=image]{
  --swatch-size: 3.8rem;
}
.hdt-variant-picker.hdt-color-size__extra_large,
.hdt-variant-picker.hdt-color-size__extra_large [type=image]{
  --swatch-size: 4.8rem;
}
.hdt-product__linked_products .hdt-color-size__small [type=image_with_title]{
  --swatch-size: 7rem;
}
.hdt-product__linked_products .hdt-color-size__medium [type=image_with_title]{
  --swatch-size: 8rem;
}
.hdt-product__linked_products .hdt-color-size__large [type=image_with_title]{
  --swatch-size: 9rem;
}
.hdt-product__linked_products .hdt-color-size__extra_large [type=image_with_title]{
  --swatch-size: 11.4rem;
}
.hdt-product__linked_products .hdt-product-form_wrap-link .hdt-product-form_value.is-type-color{
  border:none;
  padding: 0;
  width: auto;
}
.hdt-product__linked_products .hdt-product-form_wrap-link{
  border:0.1rem solid rgb(var(--hdt-link-color)/.1);
  padding:0.5rem;
  border-radius: 0.4rem;
  width: var(--swatch-size);
  display: flex;
  flex-direction: column;
}
.hdt-product__linked_products .hdt-product-form_wrap-link.is-selected{
  border-color: rgb(var(--hdt-link-color));
  border-width: 0.2rem;
}
/* .hdt-product__linked_products .hdt-color-mode__image img,
.hdt-product__linked_products .hdt-color-mode__image_with_title img,
.hdt-product__linked_products .hdt-color-mode__image .hdt-form-color-pattern,
.hdt-product__linked_products .hdt-color-mode__image_with_title .hdt-form-color-pattern{
  max-height: calc(var(--swatch-size) * 1.25);
  min-height: calc(var(--swatch-size) * 1.25);
} */
.hdt-product__linked_products .hdt-product-form__label{margin-bottom: 1rem;text-transform: uppercase;}
.hdt-linked-product-title{margin-top:.5rem;}
.hdt-product-form_value.is-type-color_rounded hdt-tooltip,
.hdt-product-form_value.is-type-color hdt-tooltip{
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: var(--swatch-radius);
  padding: 0;
  display: inline-block;
  border: 0.1rem solid rgb(var(--hdt-link-color)/.2);
  padding:0.2rem;
  position: relative;
  transition: all .3s ease;
  .hdt-tooltip {
    white-space: nowrap;
  }
}
.hdt-form-color-pattern{
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: inherit;
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background: var(--hdt-bg-image, none) center / cover no-repeat;
  background-color: var(--hdt-bg-color, #e5e5e5);
}
.hdt-variant-picker:not(.hdt-color-mode__color_rounded) .hdt-form-color-pattern {
  transform: rotate(0)!important;
}
.hdt-product-form_value.is-type-circle,
.hdt-product-form_value.is-type-block,
.hdt-product-form_value.is-type-block_with_color{
  padding: 0.6rem 1.6rem;
  border: 0.1rem solid rgb(var(--hdt-link-color)/.1);
  color:rgb(var(--hdt-link-color));
  transition: all .3s ease;
  text-align: center;
  border-radius: .3rem;
}
.hdt-product-form_value.is-type-circle{
  padding: 0.5rem;
  display: inline-block;
  min-width: 3rem;
  min-height: 3rem;
  line-height: 1.8rem;
  border-radius: var(--radius-full);
}
.hdt-selector__item.is-unavailable,
.hdt-swatch__item.is-unavailable{
  display: none!important;
}
.hdt-selector-mode__radio_variant .hdt-product-form__values,
.hdt-selector-mode__radio_full .hdt-product-form__values,
.hdt-color-mode__radio_variant .hdt-product-form__values,
.hdt-color-mode__radio_full .hdt-product-form__values{
  gap: 1rem 1.5rem;
}
.hdt-selector-mode__radio_variant .hdt-selector__item,
.hdt-selector-mode__radio_full .hdt-selector__item,
.hdt-color-mode__radio_variant .hdt-swatch__item,
.hdt-color-mode__radio_full .hdt-swatch__item{
  gap: 0.5rem 1rem;
}
.hdt-selector-mode__radio_full .hdt-selector__item,
.hdt-color-mode__radio_full .hdt-swatch__item{
  padding: 2.5px 15px;
  border: 1px solid rgb(var(--color-line-border));
  width: 100%;
  border-radius: var(--radius-xs);
}
.hdt-color-mode__radio_full .hdt-swatch__item label,
.hdt-selector-mode__radio_full .hdt-selector__item label{
  display: inline-block;
  width: 100%;
}

.hdt-bg-color-black{
  border: 1px solid #fff;
  --hdt-bg-color: #000;
}
.hdt-product-form_value:not(.is-type-block){
  color:rgb(var(--color-foreground2));
}
input[type=radio]:checked+.hdt-product-form_value.is-type-circle,
input[type=radio]:checked+.hdt-product-form_value.is-type-block,
input[type=radio]:checked+.hdt-product-form_value.is-type-block_with_color{
  border-color: rgb(var(--hdt-btn-bg)) !important;
  color:rgb(var(--hdt-btn-color)) !important;
  background-color: rgb(var(--hdt-btn-bg));
}
input[type=radio]:checked+.hdt-product-form_value.is-type-radio_variant,
input[type=radio]:checked+.hdt-product-form_value.is-type-radio_full{
  color:rgb(var(--color-foreground));
}
.is-style-size .hdt-product-form__label button{
  margin-inline-start: 1rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  transition: color .3s ease;
}
/* .hdt-color-mode__image_with_title .hdt-product-form_value.hdt-product-form_value_has-image hdt-tooltip,
.hdt-color-mode__image .hdt-product-form_value.hdt-product-form_value_has-image hdt-tooltip{
  height: auto;
} */
.hdt-color-mode__image_with_title .hdt-product-form_value.is-type-color img,
.hdt-color-mode__image .hdt-product-form_value.is-type-color img{
  object-fit: contain;
}
.hdt-color-mode__image .hdt-product-form_value.is-type-color{
  --swatch-radius:0.3rem;
}
.hdt-popover-variant hdt-richlist{display:block;overflow: hidden;}
.hdt-popover-variant hdt-richlist button{
  height: 4rem;
  line-height: 4rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  transition: color .3s ease;
  position: relative;
  width: 100%;
  text-align: start;
  color:rgb(var(--color-foreground2));
}
.hdt-popover-variant hdt-richlist button[aria-selected="true"]{
  color:rgb(var(--color-foreground))!important;
  background-color:rgb(var(--color-background2))!important;
}
input[type=radio]:checked+.hdt-product-form_value.is-type-color hdt-tooltip,
.hdt-product-form_value.is-type-color.is-selected hdt-tooltip{
  border-color: rgb(var(--hdt-link-color));
  border-width: 0.2rem;
}
.hdt-popover-variant::part(content){
  padding: 1rem 0;
}
.hdt-product-form__input .hdt-select{
  height:4rem;
  color:rgb(var(--color-foreground));
  border-color: rgb(var(--color-line-border));
}
.hdt-product-form__input .hdt-select~svg{
  width: 1.1rem;
  color: rgb(var(--color-foreground));
}
.hdt-color-mode__image_rounded .hdt-product-form_value.is-type-color img,
.hdt-color-mode__image .hdt-product-form_value.is-type-color img{
  border-radius: 0.3rem;
}
.hdt-color-mode__image_rounded .hdt-product-form_value.is-type-color img{
  border-radius: var(--swatch-radius);
}
@media(min-width:768px){
  .hdt-popover-variant{
    box-shadow: 0 0.4rem 1.6rem 0 rgb(var(--color-overlay, 0 0 0) / 0.05);
  }
}
@media(min-width:1150px){
  .hdt-product-form__label{margin-bottom:1.5rem}
}
@media(max-width:1024px){
  .hdt-product__linked_products .hdt-color-size__large [type=image],
  .hdt-product__linked_products .hdt-color-size__large [type=image_with_title]{
    --swatch-size: 7rem;
  }
}
@media(max-width:767px){
  .hdt-variant-picker.hdt-color-size__large,
  .hdt-variant-picker.hdt-color-size__large [type=image]{
    --swatch-size: 5rem;
  }
  .hdt-variant-picker.hdt-color-size__extra_large,
  .hdt-variant-picker.hdt-color-size__extra_large [type=image]{
    --swatch-size: 5.2rem;
  }
  .hdt-product__linked_products .hdt-color-size__large [type=image],
  .hdt-product__linked_products .hdt-color-size__large [type=image_with_title]{
    --swatch-size: 6rem;
  }
}
@media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px){
  .hdt-product-form_value.is-type-circle:hover,
  .hdt-product-form_value.is-type-color_rounded:hover,
  .hdt-product-form_value.is-type-color:hover,
  .hdt-product-form_value.is-type-block:hover,
  .hdt-product-form_value.is-type-block_with_color:hover{
    border-color: rgb(var(--hdt-link-color));
  }
  .is-style-size .hdt-product-form__label button:hover{
    color: rgb(var(--color-accent));
  }
  .hdt-product-form_value.is-type-color .hdt-product-form_value.is-type-color:hover{
    border-color:rgb(var(--hdt-link-color));
  }
  .hdt-product-form_value.is-type-radio_variant:hover,
  .hdt-popover-variant hdt-richlist button:not(.is-disabled):hover{
    color:rgb(var(--color-foreground));
  }
  .hdt-product__vendor>a:hover{
    box-shadow: 0 0 0.6rem rgb(var(--color-overlay)/.3);
  }
}

/* END SWATCH MAIN PRODUCT */

/* BEGIN ANIMATION */

.is--animated,
.is--infinite {
  --duration-time: 1s;
}

.is--animated {
  -webkit-animation-duration: var(--duration-time);
  -webkit-animation-fill-mode: both;
  animation-duration: var(--duration-time);
  animation-fill-mode: both;
}

.is--infinite {
  animation-iteration-count: infinite;
  animation-duration: var(--duration-time);
}

.is--infinite:not(.hdt-ani-fadeIn) {
  --duration-time: 2s;
}

@media print, (prefers-reduced-motion: reduce) {
  .is--animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.hdt-browser-Safari .is--animated.hdt-ani-swing {
  -webkit-transition-duration: 1ms !important;
  transition-duration: 1ms !important;
}

@keyframes hdt-ani-bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.hdt-ani-bounce {
  -webkit-animation-name: hdt-ani-bounce;
  animation-name: hdt-ani-bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes hdt-ani-tada {
  from,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}

@keyframes hdt-ani-tada {
  from,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}

.hdt-ani-tada {
  -webkit-animation-name: hdt-ani-tada;
  animation-name: hdt-ani-tada;
}

@-webkit-keyframes hdt-ani-swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes hdt-ani-swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.hdt-ani-swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: hdt-ani-swing;
  animation-name: hdt-ani-swing;
}

@-webkit-keyframes hdt-ani-flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes hdt-ani-flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.hdt-ani-flash {
  -webkit-animation-name: hdt-ani-flash;
  animation-name: hdt-ani-flash;
}

@-webkit-keyframes hdt-ani-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hdt-ani-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hdt-ani-fadeIn {
  -webkit-animation-name: hdt-ani-fadeIn;
  animation-name: hdt-ani-fadeIn;
}

@-webkit-keyframes hdt-ani-heartBeat {
  0%,
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hdt-ani-heartBeat {
  0%,
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hdt-ani-heartBeat {
  -webkit-animation-name: hdt-ani-heartBeat;
  animation-name: hdt-ani-heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes hdt-ani-shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes hdt-ani-shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.hdt-ani-shake {
  -webkit-animation-name: hdt-ani-shake;
  animation-name: hdt-ani-shake;
}

/* END ANIMATION */



/* BEGIN QUICKVIEW  */
  :is(#hdt-quick-view-modal, #hdt-quick-add-modal) {
    padding: 0;
    .hdt-dialog-modal__inner {
      padding: 0;
    }
    &:modal {
      overflow: visible !important;
    }
    [ref="closeButton"] {
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgb(var(--hdt-btn-color));
      background-color: rgb(var(--hdt-btn-bg));
      transition: all .3s ease;
      position: absolute;
      width: 4rem;
      height: 4rem;
      top: 0rem;
      right: 0rem;
      z-index: 3;
      transform: translate(30%, -30%);
    }
  }
  #hdt-quick-add-modal {
    max-width: min(90rem, 90vw);
    @media screen and (width >= 768px) {
      max-width: 40rem;
    }
  }
  .hdt-main-product-quick-view .hdt-desktop-media {
    --spacing-x:0px;
    --spacing-y: 0px;
  }
  /* .hdt-quick-view-modal {
    position: relative;
    width: 100%;
    padding: 0;
    margin: .8rem;
    max-height: calc(100vh - 1.6rem);
  } */
  .hdt-main-product-quick-view .hdt-product-info__list {
    padding: 2rem 1.5rem;
  }
  .hdt-quick-view-modal::part(close-button){
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--hdt-btn-color));
    background-color: rgb(var(--hdt-btn-bg));
    outline: none;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
    padding: 0;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 0rem;
    right: 0rem;
    z-index: 3;
    transform: translate(30%, -30%);
  }
  .hdt-quick-view-modal::part(close-button):hover{
    color: rgb(var(--hdt-btn-hover-color));
    background-color: rgb(var(--hdt-btn-hover-bg));
  }
  .dir--rtl .hdt-quick-view-modal::part(close-button){
    left: 0;
    right: auto;
  }
  .hdt-quick-view-modal::part(body) {
    padding: 0;
  }
  .hdt-product__btn-details {
    gap: 0.9rem;
    color: rgb(var(--hdt-link-color));
    border-bottom: solid .1rem;
    transition: color .3s ease;
  }
  .hdt-main-product-quick-view .hdt-product-media :where(img,iframe,model-viewer,video){
    border-radius: 0;
  }
  .hdt-main-product-quick-view .hdt-product-media .hdt-ratio--contain :where(img,iframe,model-viewer,video) {
    object-fit: scale-down;
  }
  .hdt-main-product-quick-view .hdt-product__media {
    max-width: none;
    margin: 0 auto;
  }
  .hdt-quick-view-modal::part(hdt-close-icon){
    transition: all .3s ease !important;
  }
  @media (max-width: 1149px){
    .hdt-quick-view-modal .hdt-slider-parent:not(.hdt-slider__need-btn-arrow) .hdt-slider__button{display: none;}
  }
  @media(min-width: 768px) {
    .hdt-quick-view-modal {
      max-width: min(95rem,90vw);
    }
    .hdt-main-product-quick-view .hdt-product-info__list{
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      padding: 3rem;
    }
  }
  @media(min-width: 1150px) {
    .hdt-main-product-quick-view .hdt-row-flex{
      flex-wrap: nowrap;
    }
    .hdt-main-product-quick-view .hdt-product-media-wrapp{
      width: min(calc(var(--pr-media-width) - (var(--spacing-x, 0px) / 2)) , 68vh) !important;
      padding-inline-end: 0;
    }
    .hdt-main-product-quick-view .hdt-product-info-wrapp{
      width: max(calc(100% - var(--pr-media-width) - (var(--spacing-x, 0px) / 2)), calc(min(95rem,90vw) - 68vh) ) !important;
    }
  }
  @media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px){
      .hdt-product__title >a:hover h2,
      .hdt-product__btn-details:hover {
        color: var(--color-link-hover);
      }
  }
  .dir--rtl .hdt-product__btn-details svg{
    transform: rotateY(180deg);
  }
  .hdt-main-product-quick-view .hdt-ratio:before {
    padding-bottom: max(100%, var(--ratio-percent));
  }
/* BEGIN QUICKADD  */

.hdt-quick-add-modal::part(body) {
	padding: 0;
}
.hdt-quick-add-modal::part(header){
	position: relative;
}
.hdt-quick-add-modal::part(content){
  width: 100%;
  position: relative;
  padding: 0;
  margin: .8rem;
  max-height: calc(100vh - 1.6rem);
}
.hdt-quick-add-modal::part(close-button){
  color: rgb(var(--hdt-btn-color));
  background-color: rgb(var(--hdt-btn-bg));
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .3s ease;
  padding: 0;
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: 0rem;
  right: 0.5rem;
  z-index: 2;
  transform: translate(30%, -30%);
	z-index: 2;
}
.hdt-quick-add-modal::part(close-button):hover {
  color: rgb(var(--hdt-btn-hover-color));
  background-color: rgb(var(--hdt-btn-hover-bg));
}
.dir--rtl .hdt-quick-add-modal::part(close-button) {
	left: 0;
	right: auto;
}
.hdt-main-product-quick-add:has(hdt-variant-preview-img) .hdt-product__price :where(.hdt-compare-at-price, .hdt-price) {
  font-size: 1.6rem;
}
.hdt-main-product-quick-add:not(:has(hdt-variant-preview-img)) .hdt-product__price :where(.hdt-compare-at-price, .hdt-price) {
  font-size: 2.2rem;
}
.hdt-main-product-quick-add {
	padding: 3rem;
}
.hdt-quick-add-infos {
	gap: 1.8rem;
	margin-bottom: 2.2rem;
}
.hdt-quick-add-info-title {
  font-size: 1.6rem;
  font-weight: 600;
  transition: color .3s ease;
}
.hdt-quick-add-info-title:hover {
  color: rgb(var(--color-accent));
}
.hdt-quick-add-infos .hdt-quick-add-pr-img {
  width: 7rem;
  max-width: 7rem;
	min-width: 7rem;
}
.hdt-quick-add-infos .hdt-quick-add-info {
	gap: 2rem;
}
.hdt-main-product-quick-add .hdt-product-info__item:not(:last-child) {
	margin-bottom: 2rem;
}
.hdt-main-product-quick-add .hdt-color-mode__image .hdt-product-form_value.is-type-color img{
  object-fit: cover;
}
@media(min-width: 768px) {
  .hdt-quick-add-modal::part(content){
    max-width: 40rem;
    padding:0;
  }
}
.hdt-quick-add-modal .hdt-quantity__label {
  display: none;
}
.hdt-quick-add-modal .hdt-product-form__label {
  text-transform: uppercase;
}
.hdt-quick-add-modal .hdt-product-form__quantity + * {
  margin-inline-start: 10px;
}
.hdt-badge__shape-circle .hdt-quick-add-modal .hdt-badge {
  width: auto;
  aspect-ratio: auto;
  padding: 5px 10px;
}

/* BEGIN QUICKADD  */

 @supports (height: 100svh) {
  .hdt-product__modal::part(content), 
  .hdt-quick-view-modal, 
  .hdt-quick-add-modal {
    max-height: calc(100svh - 1.6rem);
  }
}
/*------------- END PROUDUCT PAGE --------------------*/

/* ===================== */
/*    IMAGE EFFECT       */
/* ===================== */

/* ---  ---*/
.hdt-eff {
  position: relative;
  z-index: 3;
  display: block;
  vertical-align: top;
  overflow: hidden;
 }
 .hdt-eff::before,
 .hdt-eff::after {
  content: '';
  z-index: 1;
  pointer-events: none;
 }
 .hdt-eff-border-run::before,
 .hdt-eff-border-run::after {    
   position: absolute;
   content: '';
   opacity: 0;
   width: 0;
   height: 0;
   transition: all 0.8s ease;
   z-index: 1;
   pointer-events: none;
 }
 .hdt-eff-border-run::before {
   border-top: 1px solid rgb(var(--color-line-border));
   border-left: 1px solid rgb(var(--color-line-border));
   top: 15px;
   left:15px;
 }
 .hdt-eff-border-run::after {    
   border-right: 1px solid rgb(var(--color-line-border));
   border-bottom: 1px solid rgb(var(--color-line-border));
   right: 15px;
   bottom: 15px;
 }
 .hdt-eff-pervasive-circle::before {
   position: absolute;
   border-radius: 50%;
   width: 0;
   height: 0;
   top: 50%;
   left: 50%;
   background-color: rgb(var(--color-overlay)/0.15);
   content: "";
   z-index: 2;
   pointer-events: none;
 }
 .hdt-eff-plus-zoom-overlay::before,
 .hdt-eff-plus-zoom-overlay::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    transition: all 0.5s ease;
    z-index: 2;
    background-color:  rgb(var(--color-overlay)/0.15);
    pointer-events: none;
 }
 .hdt-eff-plus-zoom-overlay::before, 
 .hdt-eff-plus-zoom-overlay::after {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
 }
 .hdt-eff-overlay::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:  rgb(var(--color-overlay)/0.15);
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 2;
    pointer-events: none;
 }
 
 /* --- ---*/
 .hdt-eff-img-zoom .hdt-obj-eff {
   transition: all 1s;
 }
 .hdt-eff-img-rotate .hdt-obj-eff {
   transition: .6s ease-in-out;
 }
 .hdt-eff-img-translateToTop .hdt-obj-eff,
 .hdt-eff-img-translateToRight .hdt-obj-eff,
 .hdt-eff-img-translateToLeft .hdt-obj-eff,
 .hdt-eff-img-translateToBottom .hdt-obj-eff {
   transition: .6s ease-in-out;
   transform: scale(1.15);
 }
 .hdt-eff-img-translateToTop .hdt-obj-eff {
   transform-origin: top;
 }
 .hdt-eff-img-translateToRight .hdt-obj-eff {
   transform-origin: right;
 }
 .hdt-eff-img-translateToLeft .hdt-obj-eff {
   transform-origin: left;
 }
 .hdt-eff-img-translateToBottom .hdt-obj-eff {
   transform-origin: bottom;
 }
 .hdt-eff-img-filter .hdt-obj-eff{
   opacity: .5;
   filter: grayscale(100%);
   transition: filter .3s,opacity .3s,-webkit-filter .3s;
 }
 .hdt-eff-img-filter-unset .hdt-obj-eff{
   transition: filter .3s,opacity .3s,-webkit-filter .3s;
 }
 @media (-moz-touch-enabled: 0), (hover: hover) {
  .hdt-eff-border-run:hover::before,
  .hdt-eff-border-run:hover::after {    
    opacity: 1;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
  .hdt-eff-pervasive-circle:hover::before  {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .6s;
  }
  .hdt-eff-plus-zoom-overlay:not(:hover)::before {
    width: 0;
    opacity: 1;
    visibility: visible;
  }
  .hdt-eff-plus-zoom-overlay:not(:hover)::after {
    height: 0;
    opacity: 1;
    visibility: visible;
  }
  .hdt-eff-overlay:hover::before {
    opacity: 0.3;
  }
  .hdt-eff-img-zoom:hover .hdt-obj-eff {
    transform: scale(1.1);
  }
  .hdt-eff-img-rotate:hover .hdt-obj-eff {
    transform: rotate(15deg) scale(1.4);
  }
  .hdt-eff-img-translateToTop:hover .hdt-obj-eff {
    transform: scale(1.15) translateY(-25px);
  }
  .hdt-eff-img-translateToRight:hover .hdt-obj-eff {
    transform: scale(1.15) translateX(25px);
  }
  .hdt-eff-img-translateToLeft:hover .hdt-obj-eff {
    transform: scale(1.15) translateX(-25px);
  }
  .hdt-eff-img-translateToBottom:hover .hdt-obj-eff {
    transform: scale(1.15) translateY(25px);
  }
  .hdt-eff-img-filter:hover .hdt-obj-eff{
    opacity: 1;
    filter: grayscale(0);
  }
  .hdt-eff-img-filter-unset:hover .hdt-obj-eff{
    opacity: .5;
    filter: grayscale(100%);
  }
  .hdt-eff-img-bounceIn:hover .hdt-obj-eff{
    animation: bounceIn forwards;
    animation-duration: 1s;
    animation-delay: 0;
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* ===================== */
/*   END IMAGE EFFECT    */
/* ===================== */


/* New custom heading/text/button/spacer */

@media (max-width: 750px){
  .hdt-br-hidden br{
    display: none;
  }
  .hdt-hide-mobile{
    display: none;
  }
}
.hdt-text-warry *{
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
[style*=--ff] {
  font-family: var(--ff);
}

/* ===================== */
/*       GRID SYSTEM     */
/* ===================== */
.hdt-grid-system{
  display: grid;
  grid-template-columns: repeat(var(--fr-size),1fr);
  grid-template-rows: repeat(1,1fr);
  gap: var(--spacing-gap);
  --spacing-gap: var(--spacing-mb,0px);
  position: relative;
  --fr-size: var(--grid-system,12);
}
.hdt-grid-system-10{
  --grid-system: 10;
}
.hdt-grid-system-12{
  --grid-system: 12;
}
.hdt-grid-system-show::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --total-gaps: calc((var(--fr-size) - 1) * var(--spacing-gap)); 
  --column-width: calc((100% - var(--total-gaps)) / var(--fr-size));
  background-image: repeating-linear-gradient(
    to right,
    rgb(var(--color-overlay)/.1) 0,
    rgb(var(--color-overlay)/.1) var(--column-width),
    transparent var(--column-width),
    transparent calc(var(--column-width) + var(--spacing-gap))
    );
  pointer-events: none;
}
/* // column: 0 2 3 4 5 6 7 8 9 10 12 // */
.hdt-grid-system .hdt-g-col{
  grid-column: auto / span var(--g-col);
}
.hdt-grid-system > *:not(.hdt-g-col){
  grid-column: auto / span var(--g-col);
}
.hdt-grid-system-10 > *:not(.hdt-g-col){
  --g-col: 10;
}
.hdt-grid-system-12 > *:not(.hdt-g-col){
  --g-col: 12;
}
.hdt-g-col-0{
  --g-col: 0;
}
.hdt-g-col-1{
  --g-col: 1;
}
.hdt-g-col-2{
  --g-col: 2;
}
.hdt-g-col-3{
  --g-col: 3;
}
.hdt-g-col-4{
  --g-col: 4;
}
.hdt-g-col-5{
  --g-col: 5;
}
.hdt-g-col-6{
  --g-col: 6;
}
.hdt-g-col-7{
  --g-col: 7;
}
.hdt-g-col-8{
  --g-col: 8;
}
.hdt-g-col-9{
  --g-col: 9;
}
.hdt-g-col-10{
  --g-col: 10;
}
.hdt-g-col-11{
  --g-col: 11;
}
.hdt-g-col-12{
  --g-col: 12;
}
@media (min-width: 750px) and (max-width: 1149px) {
  .hdt-grid-system{
    --spacing-gap: var(--spacing-tb,0px);
  }
  .md\:hdt-g-col-0{
    --g-col: 0;
    display: none;
  }
  .md\:hdt-g-col-1{
    --g-col: 1;
  }
  .md\:hdt-g-col-2{
    --g-col: 2;
  }
  .md\:hdt-g-col-3{
    --g-col: 3;
  }
  .md\:hdt-g-col-4{
    --g-col: 4;
  }
  .md\:hdt-g-col-5{
    --g-col: 5;
  }
  .md\:hdt-g-col-6{
    --g-col: 6;
  }
  .md\:hdt-g-col-7{
    --g-col: 7;
  }
  .md\:hdt-g-col-8{
    --g-col: 8;
  }
  .md\:hdt-g-col-9{
    --g-col: 9;
  }
  .md\:hdt-g-col-10{
    --g-col: 10;
  }
  .md\:hdt-g-col-11{
    --g-col: 11;
  }
  .md\:hdt-g-col-12{
    --g-col: 12;
  }
}
@media (min-width: 1150px){
  .hdt-grid-system{
    --spacing-gap: var(--spacing-dk,0px);
  }
  .lg\:hdt-g-col-0{
    --g-col: 0;
    display: none;
  }
  .lg\:hdt-g-col-1{
    --g-col: 1;
  }
  .lg\:hdt-g-col-2{
    --g-col: 2;
  }
  .lg\:hdt-g-col-3{
    --g-col: 3;
  }
  .lg\:hdt-g-col-4{
    --g-col: 4;
  }
  .lg\:hdt-g-col-5{
    --g-col: 5;
  }
  .lg\:hdt-g-col-6{
    --g-col: 6;
  }
  .lg\:hdt-g-col-7{
    --g-col: 7;
  }
  .lg\:hdt-g-col-8{
    --g-col: 8;
  }
  .lg\:hdt-g-col-9{
    --g-col: 9;
  }
  .lg\:hdt-g-col-10{
    --g-col: 10;
  }
  .lg\:hdt-g-col-11{
    --g-col: 11;
  }
  .lg\:hdt-g-col-12{
    --g-col: 12;
  }
}
@media (max-width: 750px){
  .hdt-g-col-0{
    display: none;
  }
}

/* ===================== */
/*     END GRID SYSTEM   */
/* ===================== */

/* Custom section */
.hdt-section--custom .hdt-column{
  background-color: var(--background-color);
  padding: var(--column-padding-mb);
}
.hdt-section--custom hdt-video-player>:is(video,iframe,img){
  position: relative;
  margin: 0 !important;
}
.hdt-section--custom .hdt-media-wrapper{
  /* display: inline-flex; */
}
@media (min-width: 750px){
  .hdt-section--custom .hdt-column{
    padding: var(--column-padding-tb);
  }
}
@media (min-width: 1150px){
  .hdt-section--custom .hdt-column{
    padding: var(--column-padding-dk);
  }
}
/* End custom section */

.hdt-pe-none button{
  pointer-events: auto;
}

/* Heading sections */
.hdt-sections-heading{
  display: flex;
  /* grid-template-columns: 1fr;
  grid-template-rows: 1fr; */
  gap: var(--heading-gap);
  margin-bottom: var(--heading-mgb);
  --heading-gap: calc(var(--row-gap) * 0.5);
  --heading-mgb: calc(var(--margin-bottom) * 0.5);
}
@media (min-width: 750px){
  .hdt-sections-heading{
    --heading-gap: calc(var(--row-gap) * 0.75);
    --heading-mgb: calc(var(--margin-bottom) * 0.75);
  }
}
@media (min-width: 1150px){
  .hdt-sections-heading{
    --heading-gap: var(--row-gap);
    --heading-mgb: var(--margin-bottom);
  }
}
@media (max-width: 750px){
  .sm\:hdt-flex-col{
    flex-direction: column;
  }
  .sm\:hdt-text-center{
    text-align: center;
  }
}

.hdt-common-block:empty{
  display: none;
}
.hdt-section-background{
  z-index: 1;
}
.hdt-section-background ~ * {
  z-index: 2;
  position: relative;
}

.hdt-heading-liquid:empty{
  display: none;
}
.hdt-uppercase{
  text-transform: uppercase;
}
.hdt-breadcrumb .hdt-breadcrumb-item svg{
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
}

/* Section heading */
.hdt-section-heading_block{
  .hdt-subheading-block{
    font-family: var(--font-sheading-family);
  }
  &:empty{
    display: none;
  }
  &:where(.hdt-des-2,.hdt-des-11){
    &.hdt-text-center{
      .hdt-heading-block{
        justify-content: center;
      }
    }
    &.hdt-text-right{
      .hdt-heading-block{
        justify-content: flex-end;
      }
    }
    .hdt-heading-block{
      display: flex;
      align-items: center;
      gap: 10px;
      @media (min-width: 768px){
        &{
          gap:30px;
        }
      }
      &:before,
      &:after{
        content: "";
        width: 60px;
        height: 2px;
        background-color: var(--text-color);
        display: inline-block;
      }
    }
  }
  &:where(.hdt-des-3,.hdt-des-9){
    &.hdt-text-center{
      .hdt-heading-block{
        &::before{
          margin: 0 auto;
        }
      }
    }
    &.hdt-text-right{
      .hdt-heading-block{
        &::before{
          margin-inline-start: auto;
        }
      }
    }
    .hdt-heading-block{
      padding-bottom: 10px;
      position: relative;
      &::before{
        position: absolute;
        content: "";
        width: 40px;
        height: 2px;
        background-color: var(--text-color);
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }
  &.hdt-des-4{
    .hdt-heading-block{
      border-bottom: 2px solid rgb(var(--color-line-border));
      --text-color: rgb(var(--color-accent));
      span{
        display: inline-block;
        position: relative;
        padding-bottom: 10px;
        &::before{
          position: absolute;
          content: "";
          width: 100%;
          height: 2px;
          background-color: var(--text-color);
          bottom: 0;
          left: 0;
          right: 0;
          transform: translateY(100%);
        }
      }
    }
  }
  &.hdt-des-5{
    &.hdt-text-center{
      .hdt-heading-block{
        span::after{
          margin: 10px auto;
        }
      }
    }
    &.hdt-text-right{
      .hdt-heading-block{
        span::after{
          margin: 12px 0 15px;
          margin-inline-start: auto;
        }
      }
    }
    .hdt-heading-block{

      span{
        position: relative;
        display: inline-block;
        &::after{
          content: "";
          width: min(150px,60%);
          height: 2px;
          background-color: var(--text-color);
          position: relative;
          display: block;
          margin: 12px 0 15px;
        }
      }
    }
  }
  &.hdt-des-6{
    .hdt-heading-block{
      --text-color: rgb(var(--color-accent));
      span{
        position: relative;
        display: inline-block;
        &::after{
          position: absolute;
          content: "";
          height: 8px;
          background-color: var(--text-color);
          bottom: 4px;
          opacity: 0.3;
          left: 0;
          width: 100%;
          right: 0;
          z-index: -1;
          pointer-events: none;
        }
      }
    }
  }
  &:where(.hdt-des-7,.hdt-des-8){
    &.hdt-text-left{
      .hdt-heading-block{
        span{
          padding-inline-start: 0;
        }
        &::before{
          order: 2;
        }
      }
    }
    &.hdt-text-right{
      .hdt-heading-block{
        span{
          padding-inline-end: 0;
        }
        &::after{
          
          order: -1;
        }
      }
    }
    .hdt-heading-block{
      display: flex;
      align-items: center;
      justify-content: center;
      --text-color: rgb(var(--color-line-border));
      &::before,
      &::after{
        content: "";
        flex: 1 0 0%;
        height: 1px;
        border-top: 1px solid var(--text-color);
        display: inline-block;
      }
      span{
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding: 0 15px;
        position: relative;
      }
    }
  }
  &.hdt-des-8{
    .hdt-heading-block{
      &::before,
      &::after{
        border-bottom: 1px solid var(--text-color);
        height: 3px;
      }
    }
  }
  &.hdt-des-9{
    .hdt-heading-block{
      &::before{
        width: 165px;
      }
    }
  }
  &.hdt-des-10{
    &.hdt-text-center{
      &::after{
        margin: 0 auto;
      }
    }
    &.hdt-text-right{
      &::after{
        margin-inline-start: auto;
      }
    }
    position: relative;
    --text-color: rgb(var(--color-accent));
    &::after{
      content: "";
      display: inline-block;
      width: 72px;
      height: 5px;
      background-color: var(--text-color);
      position: absolute;
      bottom: -10px;
      left: 0;
      right: 0;
      pointer-events: none;
    }
  }
  &.hdt-des-11{
    &.hdt-text-left{
      .hdt-heading-block{
        &::before{
          display: none;
        }
      }
    }
    &.hdt-text-right{
      .hdt-heading-block{
        &::after{
          display: none;
        }
      }
    }
    .hdt-heading-block{
      @media (min-width: 1150px){
        &{
          gap: 50px;
        }
      }
      &::before,
      &::after{
        width: 220px;
        height: 1px;
      }
      @media (max-width: 767px){
        &::before,
        &::after{
          width: 30px;
        }
      }
    }
  }
}

/* 
   ==========================
      TOP LIST COLLECTIONS
   ==========================
*/
.hdt-top-list-collections{
  > *{
    border-top: 1px solid rgb(var(--color-line-border));
  }
  .hdt-slider{
    @media (max-width: 767px){
      padding: 0 1rem;
    }
    &.hdt-hidden-slider-nav{
      .hdt-slider__container{
        justify-content: center;
      }
    }
    .hdt-slider__slide{
      --slide-size: auto;
      a {
        padding: 10px 0 ;
        display: inline-flex;
        gap: 5px;
        align-items: center;
        transition: color .3s ease;
        &:hover{
          color: rgb(var(--color-accent));
        }
      }
      .hdt-slide__icon > svg:not([width]) {
        width: 16px;
      }
    }
    .hdt-navigation{

      width: calc(100% + 100px);
      margin-inline-start: -5rem;
      @media (max-width: 1149px){
        &{
          width: calc(100vw - var(--scrollbar-w,0px));
          margin-inline-start: -3rem;
        }
      }
      @media (max-width: 767px){
        &{
          width: calc(100vw - var(--scrollbar-w,0px));
          margin-inline-start: -1.5rem;
        }
      }
      button{
        color: rgb(var(--color-link));
      }
    }
  }
}
/* 
   ==========================
    END TOP LIST COLLECTIONS
   ==========================
*/

.hdt-recently-products:has(.hdt-slider__container:empty) .hdt-section-heading_block{
  display: none;
}

.shopify-policy__container{
  max-width: unset !important;
  width: min(90rem, calc(100vw - 30px));
  margin: 0 auto;
  padding: 50px 0;
  
  .shopify-policy__title{
    margin-bottom: 30px;
  }
}

/* 
   ==========================
    ACCORDION GROUP
   ==========================
*/
.hdt-accordion-item summary {
  line-height: var(--font-heading-line-height);
  padding-inline-start: 15px;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background2));
  position: relative;
  /* border: solid 1px rgb(var(--color-line-border)); */
  gap: var(--spacing-1-2);
  align-items: center;

  &:hover{
    .hdt-accordion-title{
      color: rgb(var(--color-accent));
    }
  }
}
.hdt-accordion-item .hdt-accordion-title {
  gap: var(--spacing-0-8);
  padding: 7px 0;
  transition: color .3s ease;
}
.hdt-accordion-item .hdt-accordion-icon {
  min-width: 38px;
  aspect-ratio: 1;
  color: rgb(var(--hdt-btn-color));
  background-color: rgb(var(--hdt-btn-bg));
  height: fit-content;
  min-height: 38px;
}
.hdt-accordion-item .hdt-accordion-icon svg {
  transition: 0.5s ease 0s;
  margin: auto;
}
.hdt-accordion-item [aria-expanded="true"] .hdt-accordion-icon .hdt-icon-plus {
  opacity: 0;
  visibility: hidden;
  transform: rotate(90deg);
}
.hdt-accordion-item [aria-expanded="false"] .hdt-accordion-icon .hdt-icon-minus {
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
}
.hdt-accordion-item .hdt-accordion-content {
  line-height: var(--font-body-line-height);
  padding: 15px;
  color: rgb(var(--color-foreground2));
  /* background-color: rgb(var(--color-background2)); */
  border: solid 1px rgb(var(--color-line-border)/.3);
  border-top: none;
  margin-top: -1px;
}
.hdt-accordion-style2 .hdt-accordion-item summary {
  padding: 10px 15px;
}
.hdt-accordion-style2 .hdt-accordion-item .hdt-accordion-icon {
  border-radius: var(--radius-full);
}
.hdt-accordion-style2 .hdt-accordion-item .hdt-accordion-content {
  padding: 10px 15px;
}
.hdt-accordion-style3 > hdt-accordion{
  border-bottom: 1px solid rgb(var(--color-line-border));
}
.hdt-accordion-style3 > hdt-accordion:first-child{
  border-top: 1px solid rgb(var(--color-line-border));
}
.hdt-accordion-style3 .hdt-accordion-item summary{
  padding: 0;
  background-color: transparent;
}
.hdt-accordion-style3 .hdt-accordion-item summary .hdt-accordion-title{
  padding: 10px 0px;
}
.hdt-accordion-style3 .hdt-accordion-item .hdt-accordion-icon {
  /* border-radius: var(--radius-full); */
  background-color: transparent;
  color: rgb(var(--hdt-btn-bg));
}
.hdt-accordion-style3 .hdt-accordion-item .hdt-accordion-content {
  border: none;
}

@media(min-width: 768px) {
  .hdt-accordion-item summary {
    padding-inline-start: 20px;
  }
  .hdt-accordion-item .hdt-accordion-icon {
    min-width: 44px;
  }
  .hdt-accordion-item .hdt-accordion-content {
    padding: 20px;
  }
  .hdt-accordion-style2 .hdt-accordion-item summary {
    padding: 10px 30px;
  }
  .hdt-accordion-style2 .hdt-accordion-item .hdt-accordion-content {
    padding: 20px 30px;
  }
}

hdt-filter-sorting{
  display: block;

  .hdt-filter-sorting{
    margin-bottom: var(--mgb,0px);
    text-align: center;

    .hdt-filter-item{
      padding: 0 20px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-button);
      color: rgb(var(--color-foreground2));
      background-color: transparent;
      &.hdt-active{
        border: 1px solid rgb(var(--color-foreground));
        color: rgb(var(--color-foreground));
      }
      &:hover{
        color: rgb(var(--color-foreground));
      }
    }
  }
  .hdt-masonry-item-inner{
    width: fit-content;
    position: relative;
  }
  .hdt-portfolio-thumb{
    &::before{
      content: "";
      position: absolute;
      background-color: rgb(var(--color-base-background,var(--color-background))/.8);
      left: 0;
      top: 50%;
      width: 100%;
      height: 0;
      opacity: 0;
      transition: all .3s ease;
      z-index: 1;
      
    }
    article:hover &::before{
      top: 0;
      height: 100%;
      opacity: 1;
    }
  }
  .hdt-portfolio-info{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: 2;
    padding: 20px;
    transition: all .3s ease;
    transform: translate(-50%,-50%);
    opacity: 0;
    a{
      font-size: var(--text-base);
      transition: color .3s ease;
      pointer-events: auto;
    }
    a:hover{
      color: rgb(var(--color-accent));
    }
    article:hover &{
      opacity: 1;
    }
  }
}

/* 
   ==========================
    DRAWER
   ==========================
*/
.hdt-dialog-drawer__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid rgb(var(--color-line-border)/.8);
  .hdt-dialog-btn__close{
    padding: 0;
    background-color: transparent;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    &:hover{
      color: rgb(var(--color-accent));
    }
  }
}
hdt-drawer {
  .hdt-dialog-drawer__inner{
    position: relative;
    flex: 1 1 auto;
    padding: 2rem;
    overflow-y: auto;
  }
}
.hdt-drawer-menu-mb{
  .hdt-dialog-drawer{
    overflow: visible;
    width: clamp(300px, calc(100vw - 50px),340px);
  }
  .hdt-dialog-drawer__header{
    position: absolute;
    border: none;
    .hdt-dialog-btn__close{
      position: fixed;
      left: 300px;
      top: 0;
      color: rgb(var(--hdt-btn-color));
      background-color:rgb(var(--hdt-btn-bg));
      transition: opacity .3s cubic-bezier(.645,.045,.355,1), transform .5s cubic-bezier(.645,.045,.355,1);
      width: 50px;
      height: 50px;
      padding: 0;
      left: clamp(300px, calc(100vw - 50px),340px);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      .hdt-drawer-menu-mb:has(.dialog-closing) &{
        opacity: 0;
      }
    }
  }
  .hdt-dialog-drawer__inner{
    padding: 0;
    #tab-mobile{
      overflow-y: auto;
      max-height: calc(100vh - 56px);
    }
  }
}

.hdt-drawer-search.hdt-search-full{
  .hdt-dialog-drawer{
    max-width: 100vw;
  }
}

.hdt-header-menu-mobile{
  .hdt-dialog-drawer__inner{
    overflow: hidden;
  }
}
.hdt-drawer-compare{
  .hdt-dialog-drawer{

    width: 100vw;
    max-width: 100vw;
    bottom: 0;
    top: unset;
    .hdt-dialog-drawer__header{
      border: none;
      min-height: 0px;
      .hdt-dialog-btn__close{
        position: absolute;
        right: 3rem;
        top: 3rem;
        z-index: 1;
        @media (width < 768px){
          top: 0.5rem;
          right: 0.5rem;
        }
        .dir--rtl &{
          right: unset;
          left: 3rem;
          @media (width < 768px){
            left: 0.5rem;
          }
        }
      }
    }
    .hdt-dialog-drawer__inner{
      padding: 3rem 0;
    }
  }
}
.hdt-dialog-modal{
  .hdt-dialog-modal__header{
    .hdt-dialog-btn__close{
      &:hover{
        color: rgb(var(--color-accent));
      }
    }
  }
}