/** Shopify CDN: Minification failed

Line 5296:11 Unexpected "-"

**/
/* Prevent background scroll on iOS/iPad when offcanvas is open */
body.overflow-hidden {
  overflow: hidden !important;
  touch-action: none;
  overscroll-behavior: none;
}

button {
  border: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  color: var(--text-color);
}

.couponcode {
  position: relative;
}

.coupon-code-button {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  color: inherit;
  position: relative;
}

.coupon-code-icon {
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.copy-code-tooltip {
  position: absolute;
  bottom: -27px;
  padding: 2px 5px;
  z-index: 2;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  display: flex;
  gap: 5px;
  min-width: 85px;
  align-items: center;
}

.copy-code-tooltip-icon {
  width: 8px;
  display: flex;
  height: 8px;
}

.copy-code-tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: inline-block;
  color: #fff;
  border: 4px solid transparent;
  border-bottom: 4px solid #000;
}

/* SECTION CSS */
.shopify-section:has(.pin-spacer) {
  overflow: hidden;
}

/* Common Icons */
.has-dropdown-icon {
  gap: 6px;
  display: flex;
  align-items: center;
}

.has-dropdown-icon:has(.dropdown-icon.has-focus) {
  gap: 2px;
}

.dropdown-icon {
  --svg-inside--size: 8px;
  color: color-mix(in srgb, currentColor 60%, transparent);
}

.dropdown-icon.has-focus {
  --svg-inside--size: 24px;
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dropdown-icon.has-focus:focus-visible {
  outline-offset: -2px;
}

/* LAYOUT HEADER AND MARKERS*/
.layout-header-wrapper:not(.no-margin, .small-margin) {
  margin-bottom: 20px;
}

.layout-header-wrapper.small-margin:not(.no-margin) {
  margin-bottom: 15px;
}

.layout-label {
  margin-bottom: 20px;
  display: inline-flex;
}

.heading-markers-font {
  line-height: inherit;
  display: inline-block;
}

.layout-label.has-label-icon {
  gap: 15px;
  align-items: flex-start;
}

.layout-label.has-label-icon::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 0.5em;
  aspect-ratio: 1;
  display: block;
  background: currentColor;
  transform: rotate(45deg);
  position: relative;
}

.layout-summary,
.layout-header-button {
  margin-top: 20px;
}

.heading-highlight {
  display: inline-block;
  padding-inline: 6px;
  transform: rotate(-2.1deg);
  color: var(--el-highlight--color);
  background: var(--el-highlight--background);
}

.heading-highlight-underline {
  position: relative;
  isolation: isolate;
  display: inline-block;
  /* margin-bottom: .15em; */
}

.heading-highlight-underline svg {
  position: absolute;
  width: 100%;
  z-index: -1;
  inset-inline: 0;
  inset-block-start: calc(100% - 0.25em);
  color: var(--el-highlight--color);
}

.heading-highlight-underline svg.oval-shape {
  inset-inline: -0.1em;
  width: calc(100% + 0.2em);
  inset-block-start: 50%;
}

.inline-offset-start {
  display: block;
  transition: text-indent 0.3s ease;
  text-indent: var(--offset-start);
}

/*  SCROLLING TEXT */
/* Keyframes (commented out) */
/*
@keyframes marquee_X {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
*/

.scrolling-elements-block + .scrolling-elements-block {
  margin-top: 10px;
}

.scrolling-elements-section {
  overflow: hidden;
}

.scrolling-elements-section:has(.layout-overlay-media) .layout-section {
  min-height: clamp(
    calc(var(--layout-spacing--top) + var(--layout-spacing--bottom)),
    var(--mediabox-height),
    700px
  );
}

.scrolling-elements-section:has(.layout-overlay-media)
  .scrolling-elements-block {
  top: 50%;
  inset-inline: 0;
  position: absolute;
  transform: translate(0, -50%);
}

.marquee-track {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
  overflow: hidden;
  transform-origin: center;
}

.marquee-track.marquee-autopay .marquee-elements {
  animation-play-state: running;
}

.marquee-track.marquee-rtl .marquee-elements {
  animation-direction: normal;
}

.marquee-track.marquee-ltr .marquee-elements {
  animation-direction: reverse;
}

.marquee-elements {
  will-change: transform;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  column-gap: var(--elements--gap);
  padding-right: var(--elements--gap);

  /* Animation (commented out)
  animation-name: marquee_X;
  animation-play-state: paused;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--moving--speed);
  */
}

.marquee-element.marquee-text {
  font-size: var(--marquee-text--size);
}

.marquee-element.marquee-media {
  width: var(--marquee-media--width, 30px);
  height: var(--marquee-media--width, 30px);
  border-radius: var(--card-roundness);
  overflow: hidden;
}

.marquee-element.marquee-media.marquee-media-circle {
  aspect-ratio: 1;
  border-radius: 100%;
}

.marquee-element.marquee-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--card-roundness);
}

.marquee-element.marquee-media.marquee-media-contain img {
  object-fit: contain;
}

.marquee-element.marquee-icon {
  display: flex;
}

.marquee-element.marquee-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SWIPER */

.swiper-navigation {
  --svg-inside--size: 24px;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 1;
  position: relative;
}

.swiper-navigation:has(.swiper-button-disabled + .swiper-button-disabled) {
  display: none !important;
}

.swiper-navigation-small {
  --svg-inside--size: 16px;
}

.swiper-navigation .swiper-nav {
  min-width: 18px;
  min-height: 18px;
}

.arrows-position-middle .swiper-navigation.swiper-navigation-expand {
  /* --svg-inside--size: 16px; */
  inset-inline: -20px;
}

.arrows-position-middle.middle-inside
  .swiper-navigation.swiper-navigation-expand {
  inset-inline: 15px;
}

.arrows-position-middle
  .swiper-navigation:not(.nav-has-background):not([data-slider-navigation])
  .swiper-nav:not(.swiper-button-disabled):before,
.arrows-position-middle .swiper-navigation .swiper-nav::before {
  content: none;
}

.container-fullwidth .arrows-position-middle .swiper-navigation {
  inset-inline: -16px;
}

.container-fullwidth.no-padding .arrows-position-middle .swiper-navigation {
  inset-inline: 15px;
}

.has-nav-withswiper,
.arrows-position-middle {
  position: relative;
}

/* --------------------- Left Arrow --------------------- */

.swiper-nav .icon-arrow-left-classic path {
  transform: translateX(2px);
  transition: transform 0.3s ease 0.2s;
}

.swiper-nav:hover .icon-arrow-left-classic path {
  transform: none;
  transition: transform 0.3s ease 0s;
}

.swiper-nav .icon-arrow-left-classic rect {
  transform: translateX(-100%);
  transition: transform 0.3s ease 0s;
}

.swiper-nav:hover .icon-arrow-left-classic rect {
  transform: none;
  transition: transform 0.3s ease 0.15s;
}

/* --------------------- Right Arrow --------------------- */

.swiper-nav .icon-arrow-right-classic path {
  transform: translateX(-2px);
  transition: transform 0.3s ease 0.2s;
}

.swiper-nav:hover .icon-arrow-right-classic path {
  transform: none;
  transition: transform 0.3s ease;
}

.swiper-nav .icon-arrow-right-classic rect {
  transform: translateX(100%);
  transition: transform 0.3s ease 0s;
}

.swiper-nav:hover .icon-arrow-right-classic rect {
  transform: none;
  transition: transform 0.3s ease 0.15s;
}

/*  */

html.no-js .swiper-navigation {
  display: none !important;
}

.swiper-navigation > * {
  pointer-events: auto;
}

.swiper-navigation.block-space {
  padding-block: 20px;
}

.swiper-navigation-expand:not(.swiper-nav-relative) {
  justify-content: space-between;
  position: absolute;
  inset: 0;
  z-index: 1;
  height: 100%;
}

.swiper-nav-relative {
  width: 100%;
}

.swiper-navigation-expand.nav-top {
  align-items: flex-start;
  bottom: auto;
}

.swiper-navigation-expand.nav-bottom {
  top: auto;
  align-items: flex-end;
}

.swiper-navigation .swiper-button-next,
.swiper-navigation .swiper-button-prev {
  position: relative;
  inset: 0;
}

.swiper-navigation .swiper-button-next:after,
.swiper-navigation .swiper-button-prev:after {
  content: none;
}

.swiper-navigation.swiper-nav-circular {
  gap: 10px;
}

.swiper-navigation .swiper-nav {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: 24px;
  min-height: 24px;
  color: var(--swiper-control--color);
}

.swiper-navigation.swiper-nav-circular .swiper-nav {
  --svg-inside--size: 16px;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  color: var(--swiper-control--color);
  background: var(--swiper-control--background);
  box-shadow: 0px 0px 8px 0px #18181b12;
}

.swiper-navigation.nav-has-background .swiper-nav {
  background: var(--swiper-control--background);
}

.swiper-navigation .swiper-nav.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

.swiper-nav-slidenumber {
  user-select: none;
  min-width: 2ch;
}

/* SWIPER NAVIGATION */
.swiper-pagination {
  --swiper-pagination-color: var(--swiper-control--color);
  --swiper-pagination-progressbar-bg-color: var(--swiper-control--background);
}

.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
  --swiper-pagination-progressbar-size: 4px;
  top: calc(100% - var(--swiper-pagination-progressbar-size));
}

/* FORM AND INPUTS */
.input-row {
  display: flex;
  gap: 10px;
}

.input-group {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.input-group.has-dropdown-icon {
  display: grid;
  grid-template-columns: 1fr 50px;
  align-items: center;
}

.input-group.has-dropdown-icon select.input-field:focus-visible {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  position: relative;
  z-index: 1;
}

.input-group.has-dropdown-icon .input-field {
  grid-row: 1;
  height: 100%;
  cursor: pointer;
  grid-column: 1 / 3;
  padding-right: 50px;
}

.input-group.has-dropdown-icon .dropdown-icon {
  --svg-inside--size: 14px;
  grid-row: 1;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  z-index: 1;
  justify-self: center;
  pointer-events: none;
}

.input-group.has-dropdown-icon .dropdown-icon svg {
  width: var(--svg-inside--size);
  height: var(--svg-inside--size);
}

.form-collapse .input-group {
  margin-bottom: 0;
}

.input-group.has-submit-button {
  margin-top: 10px;
}

.input-group.input-group-inline {
  max-width: max-content;
}

.form-status {
  --svg-inside--size: 12px;
  --pointer-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block-start: var(--pointer-size);
}

.success,
.success > * {
  color: var(--form-success-color);
}

.warning,
.warning > * {
  color: var(--form-warning-color);
}

.error,
.error > * {
  color: var(--form-error-color);
}

.form-status-inner {
  gap: 8px;
  width: 100%;
  display: flex;
  padding: 3px 6px;
  position: relative;
  align-items: center;
}

.form-status.success .form-status-inner {
  background-color: var(--form-success-background);
}

.form-status.warning .form-status-inner {
  background-color: var(--form-warning-background);
}

.form-status.error .form-status-inner::before,
.form-status.error .form-status-inner {
  background-color: var(--form-error-background);
}

.form-status-inner > span {
  position: relative;
}

.product-form-error-message {
  display: flex;
  position: relative;
  flex-direction: column;
}

.input-field:focus {
  outline: 0;
}

.input-field {
  display: block;
  width: 100%;
  padding: 8px 1.429em;
  font-size: var(--text-small);
  color: var(--input-color);
  border-radius: var(--input-radius);
  font-family: var(--body-font--family);
  line-height: var(--body-font--lineheight);
}

.input-field:not(.input-field-textonly):not(.quantity-input-field) {
  border: var(--border-width) solid var(--input-border);
  background-color: var(--input-background);
}

.input-field:not(textarea):not(.quantity-input-field),
.input-field.input-small,
.input-field.input-regular,
.input-field.input-large {
  height: 50px;
}

textarea.no-resize {
  resize: none;
}

.input-field[type="search" i]::-webkit-search-cancel-button {
  display: none;
}

.select-box {
  position: relative;
}

.select-box:before {
  content: "";
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  display: inline-block;
  right: 16px;
  position: absolute;
  top: calc(50% - 1px);
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-color: var(--input-color);
  z-index: 2;
}

.select-box .input-field {
  padding-right: 30px;
}

.select-box select.input-field::-webkit-scrollbar {
  width: 8px;
  background: #f1f1f1;
}

.select-box select.input-field::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.select-box select.input-field {
  scrollbar-width: thin;
  scrollbar-color: #f1f1f1;
}

.select-box:hover select.input-field::-webkit-scrollbar-thumb {
  background: #999;
}

/* PRODUCT INFO */
.product-title {
  padding: 2px 0;
}

.product-card .product-title {
  display: -webkit-box;
  -webkit-line-clamp: var(--max-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-title-size {
  font-size: var(--product-title-size);
}

.product-description-size {
  font-size: var(--product-description-size);
}

.product-title:not(.heading-font),
.product-title:not(.heading-font) a:not(.heading-font) {
  color: var(--text-color);
}

.product-title.heading-font a {
  color: var(--heading-color);
}

.product-infobox.product-infobox-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-infobox:has(.product-sku) + .product-infobox,
.product-infobox + .product-infobox {
  margin-block-start: 15px;
}
.product-infobox:has(details) + .product-infobox:has(details) {
  margin-top: 0;
}
.product-infobox .product-title,
.product-infobox:has(.product-title) + .product-infobox.rte {
  margin: 0;
}

.product-custom-text {
  font-size: var(--text-small);
}

product-price.product-infobox {
  display: inline-block;
}

.inventory-infobox {
  --svg-inside--size: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-infobox-label {
  display: block;
  margin-bottom: 5px;
  text-transform: var(--label-text--transform);
}

.product-share {
  position: relative;
}

.product-share button {
  --svg-inside--size: 18px;
  display: inline-flex;
  gap: 1px;
  line-height: 1;
  transition: all 0.3s ease;
  color: var(--link-color);
}

.product-share button > span {
  padding: 4px;
  display: flex;
  align-items: center;
  height: var(--svg-inside--size);
  transition: all 0.3s ease;
  background: color-mix(in srgb, currentColor 10%, transparent);
}

.pickup {
  padding: 16px 18px;
  display: flex;
  justify-content: space-between;
  background: var(--layout-background);
}

.pickup.border {
  --border-style: dashed;
}

.pickup-left {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.pickup-button {
  display: inline-flex;
  color: var(--link-color);
}

.product-buttons {
  gap: 8px 0;
  display: grid;
  grid-template-columns: 1fr;
}
.product-buttons:has(.qty-roundness) {
  gap: 8px;
}

.product-buttons .buy-button-text {
  --svg-inside--size: 18px;
  gap: 8px;
}

.product-buttons .button:not(.button-link) .buy-button-text {
  padding-inline: 0.8em;
}

.button-link .split-line {
  padding: 0 3px 3px;
  gap: 8px;
  display: inline-flex !important;
}

.product-custom-icons {
  display: flex;
}

.product-custom-icons.no-border-collapse {
  gap: 6px;
}

.product-custom-icons:not(.no-border):not(.no-border-collapse) {
  border: var(--border-width) var(--border-style) var(--border-color);
}

.product-custom-icon {
  flex: 1;
  gap: 10px;
  display: flex;
  padding-block: 15px;
  padding-inline: 10px;
  align-items: center;
  background: color-mix(in srgb, currentColor 5%, var(--layout-background));
}

.product-custom-icons:not(.no-border).no-border-collapse .product-custom-icon {
  border: var(--border-width) var(--border-style) var(--border-color);
}

.product-custom-icons:not(.no-border):not(.no-border-collapse)
  .product-custom-icon
  + .product-custom-icon {
  border-left: var(--border-width) var(--border-style) var(--border-color);
}

.product-custom-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-custom-icon .textbox {
  gap: 5px;
  display: flex;
  flex-direction: column;
}

/* VARIANTS */
.variant-option {
  border: 0;
  margin: 0;
  padding: 0;
}

.variant-option + .variant-option {
  margin-block-start: 15px;
}

.variant-option.variant-inline {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.variant-option.variant-inline .product-infobox-label {
  margin-bottom: 0;
}

.variant-option-titlebox.has-link-inside {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

/* .variant-option-titlebox .product-infobox-label {
    text-transform: uppercase;
} */

/* SIZE VARIANTS */
.size-variants-box {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.product-card.has-roundness .size-variants-box {
  border-radius: var(--card-roundness);
}

.shopify-block
  .product-card.has-roundness:has(
    .shopify-block.size-variants-block:not(:first-child)
  )
  .product-cardmedia,
.shopify-block
  .product-card.has-roundness:has(
    .shopify-block.size-variants-block:not(:first-child)
  )
  .product-cardmedia::after {
  border-radius: var(--card-roundness);
}

.shopify-block
  .product-card.has-roundness
  .shopify-block.size-variants-block:first-child
  .size-variants-box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.variant-inline .size-variants-box {
  flex-direction: row-reverse;
}

.size-guide-link {
  gap: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.size-variants {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.size-variants-small {
  --size-variant--width: 64px;
  --size-variant--height: 28px;
  font-size: 12px;
}

.size-variants-regular {
  --size-variant--width: 82px;
  --size-variant--height: 38px;
  font-size: 14px;
}

.size-variants-large {
  --size-variant--width: 92px;
  --size-variant--height: 48px;
  font-size: 16px;
}

.size-variant {
  position: relative;
  min-width: var(--size-variant--width);
  height: var(--size-variant--height);
}

/* .size-variants.size-variants-circle .size-variant {
    aspect-ratio: 1 / 1;
} */

.size-variant input {
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: auto;
  min-height: auto;
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.size-variant label {
  --size-fill: -1%;
  --input-border--opacity: 100%;
  --input-color--opacity: 50%;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 2px 4px;
  font-size: inherit;
  display: flex;
  cursor: pointer;
  line-height: normal;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--variant-color);
  background: var(--variant-background);
  border: 1px var(--border-style) var(--variant-border);
}

.size-variants-circle .size-variant label {
  border-radius: 50px;
  padding-inline: 10px;
}

.size-variant input:checked ~ label {
  --size-fill: 100%;
  --input-color--opacity: 100%;
  color: var(--variant-color--active);
  background: var(--variant-background--active);
  border-color: var(--variant-border--active);
  transition: box-shadow 0.3s ease-out;
}

.size-variant input:focus-visible ~ label {
  transition: unset !important;
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  z-index: 1;
}

.variant-option-select-wrapper {
  --input-color: var(--variant-color);
  --input-border: var(--variant-border);
  --input-background: var(--variant-background);
}

.variant-option-select-wrapper .dropdown-icon {
  color: var(--variant-color);
}

.product-buttons .button[disabled] {
  cursor: no-drop;
}

/* COLOR VARIANTS */
.color-variants {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.color-variants:not(.color-variants-small) {
  gap: 2px;
}

.offcanvas-filters .color-variants {
  gap: 0px;
}

.color-variants-small {
  --color-variant--size: 24px;
}

.color-variants-regular {
  --color-variant--size: 36px;
}

.color-variants-large {
  --color-variant--size: 46px;
}

.color-variant {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--color-variant--width, var(--color-variant--size));
  height: var(--color-variant--height, var(--color-variant--size));
}

/* COLOR VARIANT SLEEK BAR */

/* .color-variants.color-variants-sleek-bar {
    gap: 5px;
} */

.color-variants-sleek-bar.color-variants-small .color-variant {
  --color-variant--width: 50px;
  --color-variant--height: 22px;
}

.color-variants-sleek-bar .color-variant,
.color-variants-sleek-bar.color-variants-regular .color-variant {
  --color-variant--width: 68px;
  --color-variant--height: 30px;
}

.color-variants-sleek-bar.color-variants-large .color-variant {
  --color-variant--width: 76px;
  --color-variant--height: 38px;
}

.color-variants-sleek-bar:is(
    .color-variants-small,
    .color-variants-regular,
    .color-variants-large
  )
  .color-variant
  label {
  width: calc(var(--color-variant--width) - 6px);
  height: calc(var(--color-variant--height) - 6px);
  border-radius: 20px;
}

.color-variants-sleek-bar .color-variant label::before,
.color-variants-sleek-bar:is(
    .color-variants-small,
    .color-variants-regular,
    .color-variants-large
  )
  .color-variant
  label::before {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.product-card
  .color-variants-sleek-bar.color-variants-small
  .color-variant
  label {
  --color-variant--height: 14px;
}

.product-card .color-variants-sleek-bar .color-variant-link {
  border-radius: 50px;
}

.color-variant-link {
  position: absolute;
  inset: 0;
  outline-offset: -1px;
}

.color-variant input {
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: auto;
  min-height: auto;
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.color-variant label {
  --input-border--opacity: 100%;
  margin: 0;
  display: flex;
  cursor: pointer;
  line-height: normal;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: var(--color-palette);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: calc(var(--color-variant--size) - 6px);
  height: calc(var(--color-variant--size) - 6px);
  border: 1px solid var(--variant-border);
}

.color-variant.has-background-image label {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid var(--variant-border);
}

.color-variants-circle .color-variant label,
.color-variants-circle .color-variant label::before {
  border-radius: 100%;
}

.color-variants-small .color-variant label {
  width: calc(var(--color-variant--size) / 2);
  height: calc(var(--color-variant--size) / 2);
}

.color-variant input:checked ~ label {
  color: var(--input-color);
}

.color-variant input:focus-visible ~ label {
  transition: unset !important;
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  z-index: 1;
}

.input-field:focus-visible {
  border-color: var(--input-border);
}

.color-variant input:focus ~ label:focus-visible,
.color-variant:focus-within label:focus-visible {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  z-index: 1;
}

.color-variant label::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease;
  border: 1px solid var(--variant-border);
}

.color-variants-small .color-variant label::before {
  width: calc(var(--color-variant--size) / 2 + 6px);
  height: calc(var(--color-variant--size) / 2 + 6px);
}

.color-variant input:checked ~ label::before {
  opacity: 1;
  transform: scale(1);
}

.tooltip-text {
  opacity: 0;
  padding: 4px;
  bottom: 100%;
  margin-bottom: 5px;
  letter-spacing: 1px;
  position: absolute;
  z-index: 99;
  white-space: nowrap;
  pointer-events: none;
  transform: scale(0);
  transform-origin: center bottom;
  background: var(--text-color);
  color: var(--layout-background);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.tooltip-text:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 0 0 0 4px;
  display: block;
  position: absolute;
  left: 50%;
  top: calc(100% - 4px);
  background: linear-gradient(45deg, var(--text-color) 50%, transparent 50%);
  transform: translate(-50%, 0) rotate(-45deg);
}

.no-products-content {
  text-align: center;
  --svg-inside--size: 100px;
}

/* PRODUCT DETAILD */
.product-inventory-status {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inventory-text {
  color: var(--text-color);
}

.product-inventory-status.in-stock .svg-inside {
  color: var(--form-success-background);
}

.product-inventory-status.low-stock .svg-inside {
  color: var(--form-warning-background);
}

.product-inventory-status.no-stock .svg-inside {
  color: var(--form-error-background);
}

/* PRODUCT CARD */
.product-card {
  position: relative;
}
.slide-equal-height .product-card {
  height: 100%;
}

.product-card.has-roundness {
  --card-roundness: var(--product-card-roundness);
}

.split-line p {
  margin-bottom: 0;
}

.product-card .more-colors,
.product-card .more-colors > * {
  color: var(--text-color);
}

.product-card .more-colors label {
  padding: 2px;
  display: flex;
}

.product-card .size-variants-small .size-variant,
.product-card .size-variants-regular .size-variant,
.product-card .size-variants-large .size-variant {
  --size-variant--width: 24px;
  --size-variant--height: auto;
}

.product-carddetails .shopify-block:not(.size-variants-block) {
  padding-inline: 10px;
}

.product-carddetails .shopify-block {
  margin-block: 5px;
}

.carddetails-onhover .product-carddetails:has(.shopify-block) {
  padding-bottom: 5px;
}

.product-carddetails .shopify-block.size-variants-block:first-child,
.carddetails-onhover .product-carddetails .shopify-block:first-child {
  margin-block-start: 0;
}

.swiper .product-card.carddetails-always {
  height: 100%;
}

.product-card.carddetails-onhover.border {
  border: none;
}

.carddetails-onhover:not(.cardstyle-atc) .product-cardmedia {
  z-index: 1;
}

:not(.cardstyle-atc) .product-card.carddetails-onhover:not(.cardstyle-atc),
.product-card.carddetails-onhover:not(.cardstyle-atc) .product-carddetails {
  --text-color: var(--card-text);
  --heading-color: var(--card-heading);
  --border-color: var(--card-border);
  color: var(--card-text);
}

.product-card.carddetails-onhover .shopify-block.variants-block {
  --link-color: var(--card-text);
}

.product-card.carddetails-onhover .product-carddetails .product-title {
  --link-color: var(--card-heading);
}

.pswp__zoom-wrap .mediabox {
  height: 100%;
  padding: 0;
}

.pswp__zoom-wrap .product-media-button {
  color: #fff;
}

.product-cardmedia {
  position: relative;
}

.product-cardbadges {
  position: absolute;
  display: inline-flex;
  gap: 5px;
  top: 10px;
  left: 10px;
}

.product-cardbadge {
  display: inline-flex;
  padding: 4px 6px;
  line-height: 1;
  color: var(--badge-color);
  background: var(--badge-background);
  border-radius: calc(var(--product-card-roundness) / 2);
}

.product-card .product-link {
  width: 100%;
  display: block;
  isolation: isolate;
}

.product-cardmedia:has(.product-link:focus-visible) {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  position: relative;
  z-index: 2;
}

/* .product-card.carddetails-always.has-border .product-cardmedia::after {
    content: '';
    inset: 0;
    position: absolute;
    pointer-events: none;
    border: var(--border-width) var(--border-style) var(--border-color);
}

.product-card.carddetails-always.cardstyle-atc.has-border .product-cardmedia::after,
.product-card.carddetails-onhover.cardstyle-atc.has-border.has-border-onhover .product-cardmedia::after {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
} */

.product-cardmedia-bottom {
  pointer-events: none;
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.product-card.cardstyle-atc .product-cardmedia-bottom {
  display: contents;
}

.product-cardmedia-bottom > * {
  pointer-events: auto;
}

.product-quickview {
  --svg-inside--size: 14px;
  width: 30px;
  height: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-bottom: 24px;
  display: inline-flex;
  position: relative;
  align-self: center;
  align-items: center;
  justify-content: center;
  color: var(--button-color);
  background: var(--button-background);
  border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.product-card.cardstyle-atc .product-quickview {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
}

.product-card.carddetails-onhover.border .product-carddetails {
  border: var(--border-style) var(--border-color);
  border-width: 0 var(--border-width) var(--border-width);
}

.product-card.carddetails-always.border .product-carddetails {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}

.product-card .size-variants-box {
  padding: 10px 6px;
  background: var(--layout-background--alternate);
}

.product-card.has-border .size-variants-box {
  border-width: var(--border-width) 0 0;
  border-style: var(--border-style);
  border-color: var(--border-color);
}

.shopify-block .product-card.has-border .size-variants-box {
  border-width: var(--border-width);
}

.product-card.has-roundness .product-carddetails {
  border-radius: 0;
  border-bottom-left-radius: var(--product-card-roundness);
  border-bottom-right-radius: var(--product-card-roundness);
}

.shopify-block
  .product-card.has-border
  .product-carddetails
  .size-variants-block:is(:first-child)
  .size-variants-box {
  border-top: 0;
}

.product-card.text-left .size-variants-box,
.product-card.text-left .size-variants {
  justify-content: flex-start;
}

.product-card.text-center .size-variants-box,
.product-card.text-center .size-variants,
.product-card.text-center .color-variants {
  justify-content: center;
}

.product-card.text-right .size-variants-box,
.product-card.text-right .size-variants,
.product-card.text-right .color-variants {
  justify-content: flex-end;
}

.product-card .size-variant label {
  --input-border--opacity: 0;
}

.product-card .size-variant input:checked ~ label {
  --input-border--opacity: 0;
  color: var(--input-color);
  background: none;
}

.product-card.has-roundness .product-cardmedia,
.product-card.has-roundness .product-cardmedia::after {
  border-radius: var(--product-card-roundness);
}

.product-cardinfo {
  padding: 6px;
}

.cardstyle-atc .product-cardinfo {
  padding-inline: 0;
}

.product-description {
  opacity: 0.7;
  padding: 6px 0;
  color: var(--text-color-light-20);
}

.product-card.border .product-cardinfo:not(:first-child) {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}

.product-price {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
}

.product-card .product-price {
  font-size: var(--product-price-size);
}

.product-card.text-center .product-price,
r .product-card.text-center .color-variants,
.product-card.text-center .inventory-infobox {
  justify-content: center;
}

.product-card.text-right .color-variants,
.product-card.text-right .product-price,
.product-card.text-right .inventory-infobox {
  justify-content: flex-end;
}

.strike-price {
  text-decoration: line-through;
}

.strike-price,
.unit-price {
  color: var(--text-color-light-20);
}

.product-card .color-variants-fieldset {
  --variant-border: var(var(--text-color));
  padding: 0 6px;
}

.product-card.cardstyle-atc .color-variants-fieldset {
  padding-inline: 0;
  margin-inline: -3px;
}

.product-card .color-variant label {
  box-shadow: 0 0px 1px rgb(0 0 0 / 40%);
}

.product-category {
  display: flex;
  align-items: center;
  padding-block: 12px;
  justify-content: space-between;
  gap: 15px;
}

.product-category.border-bottom {
  border-color: var(--category-border--bottom);
}

.product-category.border-bottom-gradient {
  background: linear-gradient(
      to right,
      transparent,
      var(--category-border--bottom) 40%,
      var(--category-border--bottom) 60%,
      transparent
    )
    90% 1px / 90% 1px no-repeat;
  background-position-y: bottom;
  background-position-x: center;
}

.product-card.text-center .product-category:not(:has(.product-ratings)),
.product-card.text-center .product-category:not(:has(.product-vendor)) {
  justify-content: center;
}

.product-card.text-right .product-category:not(:has(.product-ratings)),
.product-card.text-right .product-category:not(:has(.product-vendor)) {
  justify-content: flex-end;
}

.product-card:not(.cardstyle-atc) .product-category {
  padding-inline: 12px;
}

.product-card .inventory-infobox {
  padding: 6px;
}

.product-card.cardstyle-atc .inventory-infobox {
  padding-inline: 0;
}

.product-card .product-inventory-status.in-stock .inventory-text {
  color: var(--form-success-background);
}

.product-card .product-inventory-status.low-stock .inventory-text {
  color: var(--form-warning-background);
}

.product-card .product-inventory-status.no-stock .inventory-text {
  color: var(--form-error-background);
}

.product-card.card-background .product-carddetails {
  padding: var(--product-card-roundness) 20px 15px;
  margin-top: calc(var(--product-card-roundness) * -1);
}

/* .product-card.has-border.card-background .product-carddetails {
    border: var(--border-style) var(--border-color);
    border-width: 0 var(--border-width) var(--border-width);
} */

/* .product-card.has-border .product-cardmedia::after {
    content: '';
    inset: 0;
    position: absolute;
    pointer-events: none;
    border: var(--border-width) var(--border-style) var(--border-color);
} */

/* .product-card.carddetails-always.has-border, */
.product-card.cardstyle-atc.carddetails-always.has-border.has-border-always,
.product-card.cardstyle-atc.carddetails-onhover.has-border.has-border-onhover,
.product-card.carddetails-onhover.has-border:not(.cardstyle-product_options),
.product-card.cardstyle-product_options.has-border .product-cardmedia {
  border: var(--border-width) var(--border-style) transparent;
}

.product-card.cardstyle-atc.carddetails-always.has-border.has-border-always, 
.product-card.cardstyle-atc.carddetails-onhover.has-border.has-border-onhover:hover,
/* .product-card.cardstyle-atc.has-border.has-border-onhover:hover, */
.product-card.cardstyle-product_options.has-border.has-border-always .product-cardmedia,
.product-card.cardstyle-product_options.has-border.has-border-onhover:hover .product-cardmedia {
  border-color: var(--border-color);
}

.shop-the-look-slidesbox
  .product-card.carddetails-always.has-roundness:has(
    .product-carddetails .size-variants-box
  )
  .product-cardmedia,
.shop-the-look-slidesbox
  .product-card.carddetails-onhover.has-roundness:has(
    .product-carddetails .size-variants-box
  ):hover
  .product-cardmedia {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.shop-the-look-slidesbox .product-card.has-border .product-cardmedia {
  border: var(--border-width) var(--border-style) transparent;
}
.shop-the-look-slidesbox
  .product-card.carddetails-always.has-border.has-border-always
  .product-cardmedia,
.shop-the-look-slidesbox
  .product-card.carddetails-onhover.has-border.has-border-onhover:hover
  .product-cardmedia {
  border-color: var(--border-color);
}

/* .product-card.cardstyle-product_options.has-border.has-border-always .product-cardmedia {
    border-color: var(--border-color);
} */

.product-ratings {
  --svg-inside--size: 12px;
  gap: 5px;
  display: flex;
  white-space: nowrap;
  padding: 4px 8px;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, currentColor 6%, transparent);
}
.product-card.has-roundness .product-ratings {
  border-radius: 20px;
}
.rounded-corners .main-product-info-block-inner .product-ratings {
  border-radius: 20px;
}
.product-ratings .svg-inside {
  color: var(--color-rating);
}

/* PRODUCT BADGES */
.product-cardbadge.new {
  color: var(--new-badge-color);
  background: var(--new-badge-background);
}

.product-cardbadge.pre-order {
  color: var(--pre-order-badge-color);
  background: var(--pre-order-badge-background);
}

.product-cardbadge.sold-out {
  color: var(--sold-out-badge-color);
  background: var(--sold-out-badge-background);
}

.product-cardbadge.on-sale {
  color: var(--sale-badge-color);
  background: var(--sale-badge-background);
}

.product-cardbadge.custom-badge {
  color: var(--custom-badge-color);
  background: var(--custom-badge-background);
}

/* PRODUCT CARDS BORDER COLLAPSE IN SWIPER */
.border-collapse.swiper .border-collapse-item {
  height: auto;
}

.border-collapse.swiper .border-collapse-item:focus-within {
  z-index: 1;
}

.border-collapse.swiper
  .border-collapse-item:not(:first-child)
  .product-card:not(.carddetails-onhover)
  .product-cardmedia::after {
  border-left: 0;
}

/* SECOND IAMGES NO JS */
.product-link .mediabox video-media,
.product-link .mediabox img,
.product-link .secondary-media img {
  width: 100%;
  transition: opacity 0.5s ease;
}

.product-link .secondary-media {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.product-cardmedia:hover
  .product-link:has(.secondary-media)
  > .mediabox
  video-media,
.product-cardmedia:hover .product-link:has(.secondary-media) > .mediabox > img {
  opacity: 0;
}

.product-cardmedia:hover .product-link .secondary-media {
  opacity: 1;
}

/* SECOND IAMGES NO JS */

/* PRODUCT MEDIA GALLERY AND THUMBS */
.productmedia-thumbs .productmedia-thumb {
  cursor: pointer;
}

.productmedia-thumbs.thumbs-small .productmedia-thumb {
  aspect-ratio: 1 / 0.8;
}

.productmedia-thumbs .productmedia-thumb,
.productmedia-thumbs.thumbs-regular .productmedia-thumb {
  aspect-ratio: 1 / 1.4;
}

.productmedia-thumbs.thumbs-large .productmedia-thumb {
  aspect-ratio: 1 / 2;
}

.product-model-wrapper model-viewer {
  display: block;
  width: 100%;
  height: 100%;
}

.shopify-model-viewer-ui {
  width: 100%;
  height: 100%;
}

.productmedia-gallery {
  height: 100%;
  position: relative;
  transition: transform 0.3s ease;
}

.productmedia-gallery .swiper-navigation {
  --svg-inside--size: 14px;
  padding: 10px;
}

.productmedia-gallery .swiper-navigation.swiper-nav-circular {
  gap: 10px;
}

.productmedia-gallery .swiper-navigation .swiper-nav {
  width: 30px;
  height: 30px;
}

/* Product Media Buttons */
.product-media-button-block {
  --svg-inside--size: 96px;
  --drop-shadow: color-mix(in srgb, var(--text-color) 25%, transparent);
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-media-button {
  display: flex;
  pointer-events: auto;
  color: var(--media-overlay--text);
}

/* SHOPIFY MODAL VIEWER */
.product-model-wrapper .product-media-button {
  --svg-inside--size: 30px;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  color: var(--text-color);
  border: 1px solid var(--text-color);
  background: var(--layout-background);
}

.product-model-wrapper .product-media-button .svg-inside {
  transition: 0.3s ease;
}

.product-model-wrapper
  .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster {
  --drop-shadow: color-mix(in srgb, var(--text-color) 25%, transparent);
  border-radius: 0;
  align-items: center;
  transition: 0.3s ease;
  justify-content: center;
  color: var(--text-color);
  background: var(--layout-background);
}

.product-model-wrapper
  .shopify-model-viewer-ui
  .shopify-model-viewer-ui__poster-control-icon {
  margin: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  color: var(--text-color);
}

.product-model-wrapper
  .shopify-model-viewer-ui
  .shopify-model-viewer-ui__controls-area {
  bottom: auto;
  top: 10px;
}

/* BUTTON */
.layout-button {
  padding: 4px;
}

.layout-button:not(.no-margin) {
  margin-top: 50px;
}

.button,
.shopify-challenge__button {
  --button-transition: all 0.3s ease;
  text-decoration: none;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  z-index: 0;
  transition: var(--button-transition);
  color: var(--button-color);
  min-width: var(--button-width, 180px);
  min-height: var(--button-height, 45px);
  border-radius: var(--button-roundness);
  font-family: var(--button-font--family);
  font-weight: var(--button-font--weight);
  font-style: var(--button-font--style);
  text-transform: var(--button-text-transform);
}

/*  */
.button.button-link {
  gap: 8px;
  min-width: auto;
  min-height: auto;
  overflow: hidden;
  padding: 0 3px 3px;
  border-radius: 0;
  color: var(--link-color);
}

.button.button-link::after {
  content: "";
  bottom: 0;
  height: 1px;
  inset-inline: 0;
  position: absolute;
  background: currentColor;
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  position: relative;
  --shopify-accelerated-checkout-button-block-size: 55px;
  --shopify-accelerated-checkout-button-border-radius: var(--button-roundness);
  --shopify-accelerated-checkout-button-box-shadow: none;
}

.button-block {
  width: 100%;
  display: block;
}

.button-small:not(.button-link) {
  --button-width: 100px;
  --button-height: 35px;
  --svg-inside--size: 14px;
}

.button-xsmall:not(.button-link) {
  --button-height: 24px;
  --svg-inside--size: 14px;
}

.button-small {
  font-size: var(--text-Xsmall);
}

.button-regular:not(.button-link) {
  --button-width: 160px;
  --button-height: 45px;
}

.button-regular {
  font-size: var(--text-small);
}

.button-large:not(.button-link) {
  --button-width: 200px;
  --button-height: 55px;
}

.button-large {
  font-size: var(--text-regular);
}

.button-animated:not(.button-link)::before,
.button-animated:not(.button-link)::after {
  content: "";
  width: 8px;
  height: 8px;
  z-index: 1;
  position: absolute;
  pointer-events: none;
  transition: var(--button-transition);
  left: calc(100% - var(--button-height, 45px) - 0.5px);
  transform: translate(-50%, 0) rotate(45deg);
  border: solid var(--button-border);
}

.button-animated:not(.button-link)::before {
  bottom: calc(100% - 4.2px);
  clip-path: inset(10% 0 0 10%);
  border-width: 0 1px 1px 0px;
}

.button-animated:not(.button-link)::after {
  top: calc(100% - 4.2px);
  clip-path: inset(0 10% 10% 0);
  border-width: 1px 0 0 1px;
}

.btn-loader,
.btn-text {
  width: 100%;
  display: flex;
  color: inherit;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: var(--button-transition);
  border-radius: var(--button-roundness);
}

.button:not(.button-link) .btn-text {
  padding-inline: 1.2em;
  height: var(--button-height, 45px);
  border-radius: var(--button-roundness);
  border: 1px var(--border-style) var(--button-border);
}

.button:not(.button-outlined):not(.button-link) .btn-text {
  background: var(--button-background);
}

.button-animated:not(.button-link) .btn-text {
  border-radius: var(--button-roundness) 0 0 var(--button-roundness);
  clip-path: polygon(
    0% 0%,
    calc(100% - 5px) 0%,
    100% 5px,
    100% calc(100% - 5px),
    calc(100% - 5px) 100%,
    0% 100%
  );
}

.btn-icon {
  color: inherit;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--button-transition);
}

.button-animated:not(.button-link) .btn-icon {
  width: var(--button-height, 45px);
  height: var(--button-height, 45px);
  min-width: var(--button-height, 45px);
  border: 1px var(--border-style) var(--button-border);
  border-width: 1px 1px 1px 0;
  border-radius: 0 var(--button-roundness) var(--button-roundness) 0;
}

.button:not(.button-outlined):not(.button-link) .btn-icon {
  background: var(--button-background);
}

.button.button-outlined:not(:hover) {
  color: var(--button-border);
}

.button-animated:not(.button-link) .btn-icon {
  clip-path: polygon(
    5px 0%,
    100% 0%,
    100% 100%,
    100% 100%,
    5px 100%,
    0% calc(100% - 5px),
    0% 5px
  );
}

.btn-loader {
  --svg-inside--size: 28px;
  height: var(--button-height, 45px);
}

.button.button-link .btn-loader,
.button.button-link .btn-text {
  --button-color: var(--link-color);
  --button-color--hover: var(--link-color--hover);
}

.button.button-animated.button-link {
  gap: 10px;
}

button.shopify-payment-button__button--unbranded:hover:not([disabled]),
button.shopify-payment-button__button,
button.shopify-payment-button__button--hidden,
button.shopify-payment-button__button--unbranded {
  color: var(--button-secondary--color);
  background: var(--button-secondary--background);
  border-radius: var(--button-roundness);
  font-family: var(--button-font--family);
  font-weight: var(--button-font--weight);
  font-style: var(--button-font--style);
  border: 1px var(--border-style) var(--button-secondary--border);
  text-transform: var(--button-text-transform);
  font-size: var(--text-regular);
}

.button:not(.button-primary).button-secondary {
  --button-color: var(--button-secondary--color);
  --button-background: var(--button-secondary--background);
  --button-border: var(--button-secondary--border);
  --button-color--hover: var(--button-secondary-color--hover);
  --button-background--hover: var(--button-secondary-background--hover);
  --button-border--hover: var(--button-secondary-border--hover);
}

.button.button-asicon {
  --button-width: auto !important;
  aspect-ratio: 1;
}

.button.button-asicon .btn-icon {
  width: 100%;
  height: 100%;
  border-radius: var(--button-roundness);
  border: 1px var(--border-style) var(--button-border);
}

/* BLOG CARD CSS */
.blog-card {
  --blog-card-padding: 10px;
}

.has-tilt-carousel .big-bg-shape {
  --svg-inside--size: 100%;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  color: color-mix(in srgb, var(--text-color) 30%, transparent);
}

html.no-js .big-bg-shape {
  display: none;
}

.blog-card.swiper-slide:not(.tilt-blog-slide) {
  height: auto;
}

.blog-card-inner {
  height: 100%;
  display: grid;
  align-items: start;
  grid-template-rows: auto 1fr;
}

.blogs-has-border .blog-card {
  height: 100%;
}

.blogs-has-border .blog-card-inner {
  align-items: initial;
}

.blog-media-author-image {
  width: 40px;
  position: absolute;
  left: 6px;
  bottom: 6px;
  overflow: hidden;
  border: solid var(--border-color);
  border-width: 3px 3px 0 0;
  border-top-right-radius: var(--card-roundness);
}

.blog-media {
  padding: 6px;
  display: block;
  transition: border 0.3s ease;
  border: var(--border-style) transparent;
  border-width: var(--border-width) var(--border-width) 0;
}

.blog-card-rounded .blog-media .mediabox {
  border-radius: var(--card-roundness);
}

.blog-card-rounded .blog-media-author-image .mediabox {
  border-radius: 0;
}

.blog-content {
  padding: 6px;
  gap: 10px;
  padding: 10px 10px 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border 0.3s ease;
  border: var(--border-style) transparent;
  border-width: 0 var(--border-width) var(--border-width);
}

.border-blogs-none .blog-media,
.border-blogs-none .blog-content {
  border-width: 0;
}

.blog-tags {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
}

.blog-tag {
  /* padding: 4px; */
  padding: 6px 12px;
  line-height: 1;
  display: inline-flex;
  color: var(--layout-background);
  background: var(--text-color);
}

.blog-meta {
  display: flex;
}

.blog-meta > span {
  line-height: 1;
  display: inline-flex;
}

.blog-meta > span + span {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid var(--border-color);
}

.blog-card .mediabox::before {
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.blog-card:hover .mediabox::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

.blog-card-tag-date-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.blog-card-date-wrapper {
  display: grid;
  margin-left: auto;
  align-items: center;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}

.blog-card-date-wrapper > * {
  grid-area: 1/1/2/2;
}

.blog-card-tag-date-wrapper .blog-date {
  padding-right: 14px;
  white-space: nowrap;
}

.blog-card-tag-date-wrapper .button:not(.button-link) {
  --button-width: auto;
  aspect-ratio: 1;
  margin-left: auto;
  height: var(--button-height);
}

.blog-card-tag-date-wrapper .button .btn-icon {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shutterIn {
  0% {
    clip-path: rect(auto auto 0% auto);
    transform: translateY(var(--shutter-translate, 20%));
  }

  100% {
    clip-path: rect(auto auto 100% auto);
    transform: translateY(0px);
  }
}

.shutter-in {
  --shutter-translate: 100px;
}

.section-in-view .shutter-in {
  animation: shutterIn 1s cubic-bezier(0.77, 0, 0.175, 1) 0.1s 1 normal both
    running;
}

/* QUANTITY */
.quantity-control {
  height: 46px;
  overflow: hidden;
  align-items: center;
  display: inline-flex;
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background-color: var(--input-background);
}

.quantity-control.quantity-small {
  height: 40px;
}

.product-buttons .quantity-control {
  height: 55px;
}

.product-buttons .quantity-control .quantity-input-field,
.product-buttons .quantity-control .quantity-input-btn {
  height: 55px;
}

.quantity-input-field {
  border: 0;
  padding: 4px;
  max-width: 70px;
  min-height: 100%;
  border-radius: 0;
  text-align: center;
  background: transparent;
}

.quantity-small .quantity-input-field {
  max-width: 40px;
}

.quantity-input-btn {
  --svg-inside--size: 12px;
  aspect-ratio: 1;
  min-width: 40px;
  height: 100%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--input-color);
  transition: background-color 0.3s ease;
}

.quantity-input-btn > * {
  pointer-events: none;
}

.quantity-small .quantity-input-btn {
  --svg-inside--size: 10px;
  aspect-ratio: auto;
  font-size: 18px;
  min-width: 24px;
  outline: -1px;
}

.product-cardactions {
  /* margin-top: 15px; */
  /*  */
  position: absolute;
}

.product-cardactions .product-buttons {
  gap: 0;
}

.product-cardactions .button:not(.button-link) {
  --button-width: 100%;
}

.product-cardactions .buy-buttons-block .product-buttons.has-quantity-control {
  gap: 6px;
}

.product-cardactions
  .buy-buttons-block
  .product-buttons.has-quantity-control
  .qty-option-titlebox {
  display: none;
}

.product-cardactions
  .buy-buttons-block
  .quantity-control
  .quantity-input-field {
  max-width: 42px;
}

/* .product-cardactions .buy-buttons-block .quantity-control .quantity-input-btn {
    height: 42px;
} */

.product-cardactions .buy-buttons-block .quantity-control,
.product-cardactions .buy-buttons-block .quantity-control .quantity-input-field,
.product-cardactions .buy-buttons-block .quantity-control .quantity-input-btn {
  height: 42px;
  background: none;
}

.product-cardactions .buy-buttons-block .quantity-control {
  border-radius: var(--button-roundness);
}

.product-cardactions .buy-buttons-block .quantity-control .quantity-input-btn {
  --svg-inside--size: 10px;
  width: 34px;
  min-width: 34px;
}

.product-cardactions
  .buy-buttons-block
  .button:is(.button-small, .button-regular, .button-large):not(.button-link) {
  /* --button-width: auto;
    --button-height: 42px; */
  font-size: var(--text-small);
}

.product-cardactions
  .buy-buttons-block
  .product-buttons.has-quantity-control
  .shopify-payment-button {
  display: none;
}

/* OFFCANVAS */
.offcanvas {
  z-index: 10;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  color: var(--text-color);
  transition:
    opacity 0.3s ease 0.3s,
    visibility 0s linear 0.35s;
}

.offcanvas-regular {
  --offcanvas-content--width: 520px;
}

.offcanvas-small {
  --offcanvas-content--width: 408px;
}

.offcanvas-fullwidth {
  --offcanvas-content--width: 100%;
}

.offcanvas-bundle.offcanvas-regular {
  --offcanvas-content--width: 408px;
}

.offcanvas.offcanvas-open {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.3s ease 0.3s,
    visibility 0s linear 0s;
}

.offcanvas-backdrop {
  inset: 0;
  opacity: 0;
  z-index: -1;
  position: fixed;
  visibility: hidden;
  min-height: 100dvh;
  background: var(--offcanvas-overlay--background);
  transition:
    opacity 0.3s ease 0.3s,
    visibility 0s linear 0.35s;
}

.offcanvas-open .offcanvas-backdrop {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.3s ease 0.3s,
    visibility 0s linear 0s;
}

.offcanvas-fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.offcanvas-absolute {
  position: absolute;
  top: 100%;
  inset-inline: 0;
}

.offcanvas-head-inner {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.offcanvas-filters .offcanvas-head-inner {
  padding: 15px;
}

.offcanvas-close-btn {
  --svg-inside--size: 12px;
  aspect-ratio: 1;
  min-width: 24px;
  min-height: 24px;
  position: relative;
}

.offcanvas-close-btn::before {
  content: "";
  z-index: 0;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease;
}
.rounded-corners .offcanvas-close-btn::before {
  border-radius: 100%;
  width: 34px;
  height: 34px;
}

.offcanvas-inner {
  height: 100%;
  width: 100%;
  display: flex;
  pointer-events: none;
}

.offcanvas-right .offcanvas-inner {
  margin-left: auto;
  justify-content: flex-end;
}

.offcanvas-center .offcanvas-inner {
  margin-inline: auto;
  justify-content: center;
}

.offcanvas-left .offcanvas-inner {
  margin-right: auto;
  justify-content: flex-start;
}

/* OFFCANVAS CONTENT */
.offcanvas-contentwrap {
  width: 100%;
  display: flex;
  max-width: var(--offcanvas-content--width);
  transition: clip-path 0.3s ease 0s;
}

.offcanvas-fixed .offcanvas-contentwrap {
  padding: 4px;
}

.offcanvas-top .offcanvas-contentwrap {
  clip-path: inset(0 0 100% 0);
}

.offcanvas-right .offcanvas-contentwrap {
  clip-path: inset(0 0 0 100%);
}

.offcanvas-left .offcanvas-contentwrap {
  clip-path: inset(0 100% 0 0);
}

.offcanvas-open .offcanvas-contentwrap {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.3s ease 0.3s;
}

.offcanvas-content {
  width: 100%;
  height: 100%;
  display: grid;
  pointer-events: auto;
  grid-template-rows: auto 1fr;
}

.offcanvas-content:not(.layout-gradient) {
  background: var(--layout-background);
}

.offcanvas-heading {
  width: 100%;
}

.offcanvas-body {
  height: 100%;
  overflow-y: auto;
}
.rounded-corners .offcanvas-popup-inner {
  border-radius: 15px;
  overflow: hidden;
}
/* OFFCANVAS SIZEGUIDE  */
.offcanvas-sizeguide .sizeguide-content {
  padding: 15px;
}

/* COLLAPSIBLEc CONTENT */
details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

.collapsible-content-block.has-border:only-child,
.collapsible-content-block.has-border:not(:last-child) {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}

.collapsible-heading {
  gap: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-block: 18px;
  justify-content: space-between;
}

.collapsible-icon {
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  user-select: none;
  /* Prevents text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.collapsible-icon.icon-rounded {
  --border-width: 1px;
  border-radius: 50%;
  border: var(--border-width) var(--border-style) currentColor;
}

.collapsible-icon::before,
.collapsible-icon::after {
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  background: currentColor;
  transition: transform 0.3s ease;
}

.collapsible-icon.icon-rounded::before,
.collapsible-icon.icon-rounded::after {
  width: 10px;
}

details:not([open]) .collapsible-icon::after {
  transform: rotate(90deg);
}

.collapsible-content-body {
  padding-inline: 10px;
  padding-block-end: 24px;
}

/* LOCALIZATION CSS */
.dropdown-localization {
  display: block;
  max-width: max-content;
}

.footer-localization .dropdown-localization {
  position: relative;
}

.localization-wrapper {
  --text-color: var(--localization-text);
  --link-color: var(--localization-text);
  --link-color--hover: var(--localization-text);
  --layout-background: var(--localization-background);
  position: absolute;
  z-index: 1;
  min-width: 300px;
  max-width: 300px;
  opacity: 0;
  visibility: hidden;
  color: var(--localization-text);
  transform: translateY(50px);
  transition:
    transform 0.3s ease 0s,
    opacity 0.3s ease 0s,
    visibility 0s linear 0.3s;
}

.footer-localization .localization-wrapper {
  transform: translateY(-50px);
}

.header-hidden .localization-wrapper.open {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease 0.2s,
    visibility 0s linear 0.5s;
}

header .localization-wrapper {
  top: 100%;
  right: 0;
  padding-top: calc(2px + var(--border-width, 0px));
}

body.rounded-corners header .localization-wrapper {
  padding-top: calc(12px + var(--border-width, 0px));
}

footer .localization-wrapper {
  left: 0;
  bottom: 100%;
  padding-bottom: 2px;
}

footer .localization-wrapper.open-bellow {
  top: 100%;
  bottom: auto;
  padding-bottom: 0;
  padding-top: 2px;
}

.localization-wrapper.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition:
    transform 0.3s ease 0.1s,
    opacity 0.3s ease 0.1s,
    visibility 0s linear 0s;
}

.localization-button {
  cursor: pointer;
  transition: all 0.3s ease;
}

.localization-forms {
  padding: 12px 15px 15px;
  width: 100%;
  background: var(--layout-background);
  box-shadow: 5px -5px 30px
    color-mix(in srgb, var(--text-color) 10%, transparent);
}

body.rounded-corners .localization-forms {
  border-radius: 10px;
}

.localization-tabs-body {
  display: grid;
}

.localization-formbox {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 170px;
  grid-area: 1 / 1 / -1 / -1;
  transition:
    transform 0.6s ease,
    opacity 1s ease;
}

.localization-formbox:not(.open) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(34px);
}

.country-link,
.language-link {
  display: flex;
  font-size: 14px;
  line-height: 1;
  padding: 8px 10px;
  height: 34px;
  align-items: center;
  color: var(--link-color);
  justify-content: space-between;
}

.country.selected .country-link,
.language.selected .language-link {
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.rounded-corners .country.selected .country-link,
.rounded-corners .language.selected .language-link {
  border-radius: 4px;
}

.flag-image {
  aspect-ratio: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.localization-tabs-head {
  gap: 22px;
  padding: 10px;
  display: flex;
  margin-bottom: 4px;
  align-items: center;
}

.localization-tab-button {
  font-size: 14px;
  color: var(--text-color);
  transition: all 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 0.6em;
  text-decoration-thickness: 0.1em;
  text-decoration-color: transparent;
}

.localization-tab-button.active {
  text-underline-offset: 0.3em;
  text-decoration-color: currentColor;
}

.localization-tab-button:not(.active) {
  color: var(--text-color-light-50);
}

.country-span-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.country-span-right {
  white-space: nowrap;
}

/* FILTERS CSS */
.collection-filter-form {
  margin-bottom: 40px;
  display: block;
}

.collection-filter-form.facet-filters-horizontal {
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.filter-item.color-variant {
  width: 100%;
  height: auto;
  display: block;
}

.filter-item.color-variant .filter-label.facet-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.facet-filters-field .input-group .input-field {
  padding-block: 0;
  padding-inline: 16px 50px;
  border: none;
  background: none;
  width: max-content;
  color: var(--text-color);
}

.facet-filters-vertical .filter-wrap,
.facet-filters-vertical show-more-button {
  padding-bottom: 20px;
}

.active-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.active-filters-list {
  gap: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main-collection.has-filters-drawer
  .collections-topbar
  .active-filters
  .active-filters-list {
  padding-block: 15px 0;
}

.active-filter {
  --svg-inside--size: 24px;
  gap: 3px;
  padding-left: 6px;
  line-height: 1;
  align-items: center;
  display: inline-flex;
  background: var(--text-color);
  color: var(--layout-background);
}

.rounded-corners .active-filter {
  border-radius: 14px;
  padding-inline: 10px 4px;
}

.active-filter-remove {
  color: inherit !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.active-filter-remove .svg-inside {
  padding: 8px;
  transition: transform 0.3s ease;
}

/* CHECKBOX STYLED */
.checkbox-styled {
  display: flex;
  align-items: center;
}

.checkbox-styled .input-hidden {
  opacity: 0;
  position: absolute;
}

.checkbox-styled
  .input-hidden:focus-visible
  ~ .checkbox-styled-label
  .checkbox-styled-icon {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  position: relative;
  z-index: 1;
}

.facet-filters-vertical .checkbox-styled {
  justify-content: space-between;
}

.filter-item[disabled] {
  opacity: 0.4;
}

.filter-item {
  width: 100%;
  padding: 4px 0;
}

.facet-filters-vertical
  .filter-list.filter-layout-swatch
  .filter-item:only-child,
.facet-filters-horizontal .filter-item:only-child {
  grid-area: 1 / 1 / -1 / -1;
}

.checkbox-styled-label {
  gap: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.facet-filters-vertical .checkbox-styled-label {
  width: 100%;
}

.facet-filters-vertical .facet-checkbox-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.facet-checkbox-text-count {
  white-space: nowrap;
}

.checkbox-styled-icon {
  --svg-inside--size: 10px;
  aspect-ratio: 1;
  width: 18px;
  height: 18px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  border: 1px solid var(--text-color);
  background: color-mix(in srgb, currentColor 10%, transparent);
}

.facet-checkbox-text {
  line-height: normal;
}

.filter-layout-swatch .checkbox-styled-icon {
  --text-on-filter: color-mix(in srgb, white 90%, var(--filter-color));
  color: var(--text-on-filter);
  background: var(--filter-color);
}

.checkbox-styled-icon .svg-inside {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s ease;
}

.rounded-corners .checkbox-styled-icon {
  border-radius: 3px;
}

.checkbox-styled:not(.has-swatch)
  input:checked
  ~ .checkbox-styled-label
  .checkbox-styled-icon {
  background: var(--text-color);
  border-color: var(--text-color);
  color: var(--layout-background);
}

.checkbox-styled
  input:not([disabled]):checked
  ~ .checkbox-styled-label
  .checkbox-styled-icon
  .svg-inside {
  clip-path: inset(0 0 0 0);
}

.active-filters:has(.active-filters-clear:only-child),
.active-filters .active-filters-clear:only-child {
  display: none;
}

.active-filters-clear-button {
  line-height: 1;
  padding: 4px 6px;
  white-space: nowrap;
  display: inline-flex;
}

.checkbox-toggler {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toggler-switch-box {
  padding: 2px;
  display: flex;
}

.toggler-switch {
  width: 42px;
  height: 24px;
  padding: 3px;
  cursor: pointer;
  position: relative;
  align-items: center;
  display: inline-flex;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--text-color) 20%, transparent);
}

.toggler-switch-box input:checked + .toggler-switch {
  background: var(--text-color);
}

.toggler-switch::after {
  content: "";
  aspect-ratio: 1;
  width: 18px;
  height: 18px;
  display: block;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
  background: color-mix(in srgb, var(--text-color) 20%, transparent);
}

.toggler-switch-box input:checked + .toggler-switch::after {
  transform: translateX(100%);
  background: color-mix(in srgb, var(--layout-background) 100%, transparent);
}

/* Filter Drawer */
.collection-filter-form .offcanvas-contentwrap {
  --offcanvas-content--width: 312px;
}

.collection-filter-form .offcanvas-contentwrap .collapsible-heading {
  padding-inline: 20px;
}

.collection-filter-form
  .offcanvas-contentwrap
  .collapsible-content-block[open]
  .collapsible-heading {
  padding-bottom: 15px;
}

.collection-filter-form .offcanvas-contentwrap .collapsible-content-block {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}

.collection-filter-form .offcanvas-contentwrap .collapsible-content {
  padding-inline: 10px;
}

.collection-filter-form
  .offcanvas-contentwrap
  .collapsible-content
  .filter-wrap.price-range-wrapper {
  padding-inline: 10px;
}

.collection-filter-form
  .offcanvas-contentwrap
  .collapsible-content-block[open]
  .collapsible-content {
  padding-block-end: 15px;
}

.collection-filter-form
  .offcanvas-contentwrap
  .collapsible-content
  .filter-list {
  max-height: initial;
}

/* PAGINATION */
.pagination-list {
  gap: 8px;
  display: flex;
  align-items: center;
  padding-block: 50px;
  justify-content: center;
}

.pagination-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--text-color);
  transition: all 0.3s ease;
  color: var(--text-color);
}

/*  */
.pagination-link:not([href]) {
  cursor: default;
  background: var(--text-color);
  color: var(--layout-background);
}

.pagination-link.pagination-prev,
.pagination-link.pagination-next {
  gap: 8px;
  width: 100%;
  padding: 0 20px;
  max-width: max-content;
}

/* PRICE RANGE FILTER */
.facet-range-input {
  border: 0;
  padding: 0;
  background: none;
  width: 100%;
  max-width: 100%;
}

.facet-range-symbol {
  font-size: 14px;
  line-height: normal;
}

.facet-input-wrapper {
  --svg-inside: 12px;
  gap: 18px;
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.facet-input-item {
  padding: 10px;
  flex: 1 1 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--text);
  border: 1px solid var(--border-color);
}

.rounded-corners .facet-input-item {
  border-radius: 6px;
}

.price-range-wrapper {
  display: grid;
}

.text.price-text {
  margin-top: 16px;
}

.facet-range-wrapper {
  --range-background: color-mix(in srgb, var(--text-color) 20%, transparent);
  background: linear-gradient(
    to right,
    var(--range-background) var(--range-min, 0%),
    var(--text-color) var(--range-min, 0%),
    var(--text-color) var(--range-max, 100%),
    var(--range-background) var(--range-max, 100%)
  );
  border-radius: 0;
  height: 2px;
  margin-block: 20px;
  position: relative;
}

input[type="range"].facet-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  height: 2px;
  vertical-align: top;
  width: 100%;
  margin: 0;
  pointer-events: none;
}

input[type="range"].facet-range:focus-visible {
  outline: none;
}

input[type="range"].facet-range.facet-range-max {
  inset: 0;
  position: absolute;
}

input[type="range"].facet-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: none;
  cursor: pointer;
  height: 16px;
  width: 16px;
  z-index: 1;
  position: relative;
  pointer-events: auto;
  margin-block-start: 0px;
  transition: transform 0.3s ease;
  border: 1px solid var(--text-color);
  background-color: var(--layout-background);
}

input[type="range"].facet-range::-moz-range-thumb {
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  z-index: 1;
  position: relative;
  cursor: pointer;
  border-radius: 0;
  pointer-events: auto;
  border: 1px solid var(--text-color);
  background: var(--layout-background);
  transition: transform 0.3s ease;
}

.rounded-corners input[type="range"].facet-range::-webkit-slider-thumb {
  border-radius: 100%;
}

input[type="range"].facet-range:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  position: relative;
  z-index: 1;
}

input[type="range"].facet-range:focus-visible::-moz-range-thumb {
  outline: 2px solid var(--focus-visible-color);
  outline-offset: 2px;
  transition: unset !important;
  position: relative;
  z-index: 1;
}

/* PAYMENT ICONS */
.cart-payment-icons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.card-background {
  background: var(--card-background);
}

.card-background,
.card-background > * {
  --border-color: var(--card-border);
  --text-color: var(--card-text);
  --heading-color: var(--card-heading);
  color: var(--card-text);
}

.recipient-form .recipient-form-block {
  display: none;
}

.recipient-form.recipient-checked .recipient-form-block {
  display: block;
}

/* PASSWORD PAGE */
/* GIFT CARD */
.gift-card-wrapper {
  --border-width: 1px;
  --border-color: #000;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}

.gift-card {
  padding: 15px;
  text-align: center;
  border-radius: 20px;
  border: 1px dashed var(--border-color);
}

.gift-card__price1 {
  margin-bottom: 25px;
}

.gift-card__image-wrapper {
  display: inline-flex;
  margin-bottom: 25px;
}

.or-seprator,
.gift-card-shopname {
  margin-bottom: 25px;
}

.gift-card__content-wrapper {
  max-width: 400px;
  margin-inline: auto;
}

.gift-card__qr-code {
  padding: 6px;
  margin-block: 25px;
  display: inline-flex;
  border: var(--border-width) var(--border-style) var(--border-color);
}

.gird-card-codeblock {
  display: flex;
  min-height: 46px;
  text-indent: 18px;
  margin-block: 20px;
  align-items: center;
  justify-content: space-between;
  border: var(--border-width) var(--border-style) var(--border-color);
}

.gift-card__buttons {
  gap: 10px;
  display: grid;
  grid-template-columns: 1fr;
}

.gird-card-codeblock .btn-icon {
  aspect-ratio: 1;
  width: 46px;
  height: 100%;
  transition: all 0.3s ease;
}

.gift-card__copy-success {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gift-card__copy-success .success-icon {
  aspect-ratio: 1;
  width: 46px;
  height: 100%;
}

.gift-card__number {
  white-space: nowrap;
}

.main-blog-header {
  margin-bottom: 30px;
}

.main-blog-header .rich-text-text {
  margin-block: 15px;
}

.blog-catergories {
  gap: 10px;
  display: flex;
  overflow-x: auto;
  align-items: center;
  margin-inline: auto;
  margin-block: 30px;
  padding-inline: 10px;
  padding-bottom: 10px;
  padding-block-start: 4px;
  max-width: max-content;
}

.main-blog-header.text-left .blog-catergories {
  margin-inline-start: -4px;
  padding-inline-start: 4px;
}

.main-blog-header.text-center .blog-catergories {
  margin-inline: auto;
}

.main-blog-header.text-right .blog-catergories {
  margin-inline-end: -4px;
  padding-inline-end: 4px;
}

.blog-catergories .blog-filter {
  display: flex;
  font-size: 14px;
  padding: 0 22px;
  cursor: pointer;
  max-width: 250px;
  min-width: 150px;
  min-height: 36px;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: var(--border-width) var(--border-style) currentColor;
}

.blog-catergories .blog-filter.active {
  color: var(--layout-background);
  background: var(--text-color);
  border-color: var(--text-color);
}

.apply-filters-btn-mob {
  padding-inline: 20px;
  padding-block: 24px;
  border-top: var(--border-width) var(--border-style) var(--border-color);
}

/* VOLUMEPRICING  */
.shopify-section volume-pricing {
  display: block;
}

.shopify-section volume-pricing table {
  width: 100%;
  max-width: 300px;
  margin-top: 5px;
  border-collapse: collapse;
}

.shopify-section volume-pricing tr:nth-child(odd) td {
  background-color: var(--layout-background--alternate);
}

.shopify-section volume-pricing td {
  font-size: 12px;
  padding: 4px 5px;
  border: none;
}

html.js noscript,
html.no-js .no-js-hidden {
  display: none !important;
}

.smart-grid {
  --smart-grid-editor-bg: color-mix(in srgb, #fff 15%, #000 15%);
  --smart-grid-cell-size: calc(
    (
        (
            var(--container-width, 100vw) -
              (var(--container-padding) * var(--padding-scale) * 2)
          ) -
          (var(--smart-grid-gap) * (var(--smart-grid-column) - 1))
      ) /
      var(--smart-grid-column)
  );
  display: grid;
  position: relative;
  gap: var(--smart-grid-gap);
  grid-template-columns: repeat(var(--smart-grid-column), minmax(0, 1fr));
  grid-template-rows:
    repeat(var(--smart-grid-dynamic-rows, 0), var(--smart-grid-cell-size))
    max-content;
}

.slideshow-section .smart-grid {
  --smart-grid-cell-size: calc(
    100vw / var(--smart-grid-column) - var(--smart-grid-gap) *
      (var(--smart-grid-column) - 1) / var(--smart-grid-column)
  );
}

.smart-grid.smart-grid-editor::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(
      to right,
      var(--smart-grid-editor-bg) 0,
      var(--smart-grid-editor-bg) var(--smart-grid-cell-size),
      transparent var(--smart-grid-cell-size),
      transparent calc(var(--smart-grid-cell-size) + var(--smart-grid-gap))
    ),
    repeating-linear-gradient(
      to bottom,
      var(--smart-grid-editor-bg) 0,
      var(--smart-grid-editor-bg) var(--smart-grid-cell-size),
      transparent var(--smart-grid-cell-size),
      transparent calc(var(--smart-grid-cell-size) + var(--smart-grid-gap))
    );

  background-size:
    calc(var(--smart-grid-cell-size) + var(--smart-grid-gap)) 100%,
    100% calc(var(--smart-grid-cell-size) + var(--smart-grid-gap));
  background-repeat: repeat;
}

.smart-grid > * {
  display: flex;
  align-self: start;
  position: relative;
  align-items: center;
  grid-area: var(--smart-grid-area);
  inset-inline-start: var(--horizontal-offset);
  inset-block-start: var(--vertical-offset);
}

/* product quantity */

.product-buttons.has-quantity-control {
  --input-radius: var(--button-roundness);
  grid-template-columns: auto 1fr;
  align-items: end;
}

.product-buttons.has-quantity-control > .button {
  margin-top: auto;
  height: var(--button-height);
}

.product-buttons.has-quantity-control .shopify-payment-button {
  grid-column: span 2;
}

.share-button-fallback {
  display: flex;
}

/* Counter */
.counter-block {
  gap: 15px;
  display: flex;
  margin-top: 40px;
  flex-direction: column;
  align-items: flex-start;
}

.layout-header-wrapper.countdown-enable .counter-block {
  margin-left: auto;
  margin-top: 0;
}

.text-center .counter-block,
.text-center .counter-block-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.text-right .counter-block,
.text-right .counter-block-inner {
  text-align: right;
  justify-content: flex-end;
}

.counter-block .offer-expired-text {
  color: var(--counter-color) !important;
  background: var(--counter-background);
  display: inline-block;
  padding: 4px 10px;
  border-radius: 2px;
}

/* -------------------- counter-block-inner -------------------- */

.counter-block-inner {
  gap: 10px;
  display: flex;
}

/* .has-seprator &  */
.has-seprator .counter-block-inner {
  gap: 15px;
}

/* text alignment modifiers */
.text-center .offer-text,
.text-center .offer-expired-text {
  margin-inline: auto;
}

.text-center .counter-block-inner {
  justify-content: center;
}

.text-right .offer-text,
.text-right .offer-expired-text {
  margin-inline-start: auto;
}

.text-right .counter-block-inner {
  justify-content: flex-end;
}

/* -------------------- counter-info -------------------- */

.counter-info {
  display: inline-flex;
  align-items: center;
}

/* .label-below & */
.label-below .counter-info {
  gap: 5px;
  flex-direction: column;
}

/* .label-inside & */
.label-inside .counter-info {
  gap: 10px;
  padding: 8px;
  display: inline-flex;
  border-radius: 4px;
  backdrop-filter: blur(10px);
  background: var(--counter-background);
}

/* .has-seprator &:after rules */
.has-seprator .counter-info {
  position: relative;
}

.has-seprator .counter-info:not(:last-child)::after {
  content: ":";
  position: absolute;
  left: calc(100% + 5px);
}

/* -------------------- counter-number -------------------- */

.counter-number {
  line-height: 1;
  min-width: 2ch;
  white-space: nowrap;
}

/* .label-below & */
.label-below .counter-number {
  padding: 15px;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: calc(2ch + 30px);
  backdrop-filter: blur(10px);
  background: var(--counter-background);
}

/* .label-below &, .label-inside & */
.label-below .counter-number,
.label-inside .counter-number {
  color: var(--counter-color) !important;
}

/* -------------------- counter-label -------------------- */

.counter-label {
  line-height: 1;
}

/* .label-inside & */
.label-inside .counter-label {
  opacity: 0.5;
  color: var(--counter-color) !important;
  text-transform: uppercase;
}

.blogs-has-border .blog-card .blog-media,
.blogs-has-border .blog-card .blog-content {
  border-color: var(--border-color);
}

.product-infobox.product-meta-details {
  display: flex;
  align-items: center;
}

.product-infobox.product-meta-details .product-vendor + .product-type {
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid var(--border-color);
}

.product-infobox.product-meta-details > * {
  line-height: 1;
}

.product-infobox.product-meta-details .product-rating:not(:only-child) {
  margin-left: auto;
}

.product-infobox.product-meta-details.border-bottom {
  padding-bottom: 15px;
}

.collection-catergories.collection-drawer-categories {
  gap: 40px;
  white-space: nowrap;
}

.collection-catergories.collection-drawer-categories .categories-filter {
  border: none;
  padding: 0;
  height: auto;
  width: auto;
  min-height: 24px;
  min-width: auto;
  max-width: unset;
  position: relative;
}

.collection-catergories.collection-drawer-categories .categories-filter.active {
  color: var(--text-color);
  background: none;
}

.collection-catergories.collection-drawer-categories
  .categories-filter.active::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background: var(--icon-color);
  position: absolute;
  top: 100%;
}

.filters-toggle-button.button .btn-text {
  gap: 14px;
  border-color: color-mix(in srgb, var(--button-border) 15%, transparent);
}

.main-collection-wrapper.has-filter-drawer {
  padding-top: 0;
}

/* .filters-toggle-button.button:hover .btn-text {} */

.facet-filters-field .input-group.button.button-outlined {
  overflow: hidden;
  color: var(--button-border);
  border-radius: var(--button-roundness);
  border: 1px var(--border-style)
    color-mix(in srgb, var(--button-border) 15%, transparent);
}

/* .facet-filters-field .input-group.button.button-outlined:hover {
    background: var(--button-background--hover);
    border-color: var(--button-border--hover);
} */

.facet-filters-field .input-group.button.button-outlined .input-field {
  color: var(--button-border);
}

/* .facet-filters-field .input-group.button.button-outlined:hover,
.facet-filters-field .input-group.button.button-outlined:hover .input-field {
    color: var(--button-color--hover);
    background: var(--button-background--hover);
} */

.corners-sharp {
  border-radius: 0;
}

.corners-rounded {
  border-radius: 6px;
}

.corners-circular {
  border-radius: 50px;
}

.main-collectin-banner.heading-position-image-overlay {
  position: relative;
}

.main-collectin-banner.heading-position-image-overlay .layout-header-wrapper {
  position: absolute;
  inset: 0;
}

.main-collectin-banner.heading-position-image-overlay .layout-header {
  width: calc(100% - 30px);
  position: absolute;
}

.main-collectin-banner.heading-position-image-overlay
  .layout-header:is(.top-center, .center, .bottom-center) {
  text-align: center;
}

.main-collectin-banner.heading-position-image-overlay
  .layout-header:is(.top-right, .center-right, .bottom-right) {
  text-align: right;
}

.video-banner .play-video-button svg,
.video-banner .play-video-button {
  color: var(--overlay-text);
}

.slide-equal-height .swiper-slide {
  height: auto;
}

/* Media Querry */
@media (pointer: fine) {
  .arrows-position-middle .swiper-navigation {
    opacity: 0;
    transition: opacity 0.6s ease;
  }

  .shopify-section:hover .arrows-position-middle .swiper-navigation {
    opacity: 1;
  }
}

@media (max-width: 1200px) and (min-width: 1024px) {
  .product-infobox:has(.product-custom-icons) .product-custom-icons {
    white-space: pre;
    overflow: auto;
  }
}
@media (max-width: 1279px) {
  .smart-grid {
    grid-template-rows:
      repeat(var(--smart-grid-dynamic-rows-ip, 0), var(--smart-grid-cell-size))
      max-content;
    --smart-grid-cell-size: calc(
      (
          (
              (100vw - (var(--container-padding) * var(--padding-scale))) -
                (var(--container-padding) * var(--padding-scale) * 2)
            ) -
            (var(--smart-grid-gap) * (var(--smart-grid-column) - 1))
        ) /
        var(--smart-grid-column)
    );
  }
}

@media (max-width: 1024px) {
  .offcanvas-newsletter .offcanvas-popup-inner,
  .offcanvas-age-verification .offcanvas-popup-inner {
    max-width: 90%;
  }

  .product-card .size-variants-box {
    display: none;
  }

  .pagination-link.pagination-prev,
  .pagination-link.pagination-next {
    padding: 0 10px;
  }

  .product-model-wrapper .product-media-button {
    --svg-inside--size: 20px;
    width: 40px;
    height: 40px;
  }

  .tax-note {
    margin-top: 4px;
  }

  .blog-card-tag-date-wrapper .button {
    display: none;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons.has-quantity-control {
    display: flex;
    justify-content: space-between;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons
    button:is(.button-small, .button-regular, .button-large):not(.button-link) {
    width: auto;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons
    button:is(.button-small, .button-regular, .button-large):not(.button-link)
    .buy-button-text {
    padding: 0;
    /* width: var(--button-height); */
  }

  /* .product-cardactions .buy-buttons-block .product-buttons button:is(.button-small, .button-regular, .button-large):not(.button-link) .buy-button-text .button-text {
        display: none;
    } */

  .product-cardactions
    .buy-buttons-block
    .product-buttons.has-quantity-control
    .quantity-selector {
    width: 100%;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons.has-quantity-control
    .quantity-control {
    width: 100%;
    max-width: 100%;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons.has-quantity-control
    .quantity-control
    .quantity-input-field {
    max-width: 100%;
  }

  .blog-tag {
    padding: 4px 8px;
  }
}

@media (max-width: 767px) {
  .smart-grid {
    grid-template-rows:
      repeat(
        var(--smart-grid-dynamic-rows-mobile, 0),
        var(--smart-grid-cell-size)
      )
      max-content;
    --smart-grid-cell-size: calc(
      (
          (
              (100vw - (var(--container-padding) * var(--padding-scale))) -
                (var(--container-padding) * var(--padding-scale) * 2)
            ) -
            (var(--smart-grid-gap) * (var(--smart-grid-column) - 1))
        ) /
        var(--smart-grid-column)
    );
  }
  .m-pr-0 .swiper {
    padding-right: 10px;
  }
  .swiper-navigation {
    gap: 10px;
    justify-content: space-between;
  }

  .pagination-list {
    padding-block: 30px;
    flex-wrap: wrap;
  }

  .input-row {
    flex-direction: column;
  }

  .layout-header-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .product-model-wrapper
    .shopify-model-viewer-ui
    .shopify-model-viewer-ui__button--poster,
  .product-model-wrapper .product-media-button {
    --svg-inside--size: 16px;
    width: 38px;
    height: 38px;
  }

  .product-media-button-block {
    --svg-inside--size: 50px;
  }

  .product-custom-icons.mobile-swipe {
    display: grid;
    grid-auto-columns: minmax(60%, 1fr);
    grid-template-columns: repeat(auto-fill, minmax(60%, 1fr));
  }

  .active-filters {
    gap: 5px;
    flex-direction: column;
    padding-inline: 20px;
    padding-block: 16px;
    border-bottom: var(--border-width) var(--border-style) var(--border-color);
  }

  .active-filters .active-filters-list {
    padding-inline: 0;
  }

  .has-filters-vertical .filtered-products-block .active-filters,
  .facet-filters-horizontal > .active-filters {
    display: none;
  }

  .filters-box {
    display: grid;
    grid-template-rows: 1fr auto;
    padding-bottom: 24px;
    height: 100%;
  }

  .filters-box:has(.active-filters-list) {
    grid-template-rows: auto 1fr auto;
  }

  .filters-box:has(.active-filters-list, .apply-filters-btn-mob) {
    padding-bottom: 0;
    grid-template-rows: auto 1fr auto;
    height: 100%;
  }

  .filters-box .collection-filters {
    overflow-y: auto;
  }

  .filters-box .collection-filters .collapsible-content {
    padding-bottom: 18px;
  }
  .collection-catergories.collection-drawer-categories {
    margin-block-start: 30px;
  }
  .productmedia-gallery .product__xr-button {
    max-width: max-content;
    position: absolute;
    bottom: 0;
    gap: 5px;
    top: auto;
    height: auto;
    height: 45px;
    margin: 10px auto;
    padding-inline: 10px;
  }

  .productmedia-gallery .product__xr-button .svg-inside svg {
    width: 100%;
    margin: 0;
  }

  input,
  select,
  textarea,
  .input-field {
    font-size: 16px !important;
  }

  .product-infobox + product-price.product-infobox {
    line-height: normal;
  }

  .product-quickview {
    width: 26px;
    height: 26px;
  }

  .pagination-link.pagination-prev,
  .pagination-link.pagination-next {
    gap: 0;
    font-size: 0;
  }

  .pagination-link.pagination-prev span.svg-inside,
  .pagination-link.pagination-next span.svg-inside {
    --svg-inside--size: var(--text-small);
  }

  .pagination-link {
    width: 35px;
    height: 35px;
    font-size: var(--text-small);
  }

  .layout-summary,
  .layout-header-button {
    margin-top: 15px;
  }

  .product-buttons.has-quantity-control .quantity-control {
    max-width: 130px;
  }

  .product-buttons.has-quantity-control .quantity-input-field {
    max-width: 40px;
  }

  .offcanvas-absolute {
    position: fixed;
    top: 0;
    height: 100%;
  }
  .header-layout-block .offcanvas-absolute {
    height: 90vh;
  }
  .offcanvas-absolute .offcanvas-contentwrap {
    padding: 4px;
  }

  .checkbox-styled {
    position: relative;
  }

  .checkbox-styled input {
    position: absolute;
    width: 100%;
    margin: 0;
    inset: 0;
    z-index: 1;
    opacity: 0;
    display: block !important;
  }

  .big-bg-shape {
    display: none;
  }

  .product-price {
    gap: 4px 8px;
  }

  .tax-note {
    margin-top: 8px;
  }

  .product-cardactions .buy-buttons-block .product-buttons .quantity-control,
  .product-cardactions
    .buy-buttons-block
    .product-buttons
    .quantity-control
    .quantity-input-field,
  .product-cardactions
    .buy-buttons-block
    .product-buttons
    .quantity-control
    .quantity-input-btn {
    height: 38px;
  }

  .product-cardactions .buy-buttons-block .product-buttons .buy-button-text {
    gap: 8px;
  }

  /* .product-cardactions .buy-buttons-block .product-buttons button:is(.button-small, .button-regular, .button-large):not(.button-link) {
        --button-height: 38px;
    } */

  .product-card.carddetails-always.has-roundness .product-cardmedia,
  .product-card.carddetails-always.has-border.has-roundness
    .product-cardmedia:after {
    border-radius: var(--product-card-roundness);
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons.has-quantity-control {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .product-cardactions
    .buy-buttons-block
    .product-buttons
    button:is(.button-small, .button-regular, .button-large):not(.button-link)
    .buy-button-text {
    width: 100%;
  }

  .product-card.card-background .product-carddetails {
    padding: var(--product-card-roundness) 10px 10px;
  }

  .product-category {
    padding-block: 6px;
  }

  .product-card:not(.cardstyle-atc) .product-category {
    padding-inline: 6px;
  }

  .product-card.has-border.has-border-onhover.card-background
    .product-carddetails {
    border-width: 0;
  }

  .product-card.has-border.has-border-onhover .product-cardmedia::after {
    content: none;
  }

  .layout-header-wrapper.countdown-enable .counter-block {
    margin-top: 20px;
  }

  .layout-header-wrapper:has(.layout-header.text-center) .offer-text,
  .layout-header-wrapper:has(.layout-header.text-center) .offer-expired-text {
    margin-inline: auto;
  }

  .layout-header-wrapper:has(.layout-header.text-center) .counter-block,
  .layout-header-wrapper:has(.layout-header.text-center) .counter-block-inner {
    text-align: center;
    justify-content: center;
  }

  .layout-header-wrapper:has(.layout-header.text-right) .offer-text,
  .layout-header-wrapper:has(.layout-header.text-right) .offer-expired-text {
    margin-inline-start: auto;
  }

  .layout-header-wrapper:has(.layout-header.text-right) .counter-block,
  .layout-header-wrapper:has(.layout-header.text-right) .counter-block-inner {
    text-align: right;
    justify-content: flex-end;
  }

  .label-below .counter-number {
    padding: 7px;
    min-width: calc(2ch + 20px);
  }

  product-card-list.arrows-position-middle .swiper-navigation,
  .arrows-position-edge.mobile-arrows-position-middle .swiper-navigation {
    position: relative;
    inset: 0 !important;
    margin-top: 15px;
  }

  .product-card-addtocart-button .buy-button-text,
  .choose-option-text {
    display: none;
  }

  .button.product-card-addtocart-button,
  .button.product-choose-option {
    --button-height: 32px;
    width: 32px;
    min-width: 32px;
    margin-inline: auto;
    aspect-ratio: 1;
  }

  .button.product-card-addtocart-button .choose-option-icon,
  .button.product-choose-option .choose-option-icon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .product-cardactions {
    bottom: 10px;
    right: 10px;
  }
  .carddetails-onhover:not(.cardstyle-atc) {
    background: var(--card-background);
  }
}

@media (max-width: 575px) {
  .product-buttons.has-quantity-control > .button {
    --button-width: 100%;
  }

  .product-buttons.has-quantity-control .quantity-input-btn {
    min-width: 45px;
    aspect-ratio: 0.8 / 1;
  }

  .label-inside .counter-info {
    padding: 8px;
    gap: 5px;
  }

  .has-seprator .counter-block-inner {
    gap: 12px;
  }

  .has-seprator .counter-info:not(:last-child):after {
    left: calc(100% + 3px);
  }
}

@media (min-width: 576px) {
  .localization-wrapper {
    min-width: 330px;
    max-width: 350px;
  }
}

@media (min-width: 768px) {
  .variant-option + .variant-option {
    margin-block-start: 20px;
  }

  .layout-header-wrapper.has-swiper-nav {
    display: flex;
    justify-content: space-between;
  }

  .layout-header-wrapper.has-swiper-nav .layout-header.text-center {
    margin-inline: auto;
  }

  .layout-header-wrapper.has-swiper-nav .layout-header.text-right {
    margin-inline-start: auto;
  }

  .swiper-navigation.nav-left {
    justify-content: flex-start;
  }

  .swiper-navigation.nav-center {
    justify-content: center;
  }

  .swiper-navigation.nav-right {
    justify-content: flex-end;
  }

  .layout-header-wrapper.has-swiper-nav,
  .layout-header-wrapper.countdown-enable,
  .layout-header-wrapper.has-viewmore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .swiper-navigation.nav-right.has-viewmore {
    flex-wrap: wrap;
  }
  .layout-header-actions {
    --svg-inside--size: 26px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    gap: 20px;
    padding-inline: 4px;
  }

  .layout-header-wrapper .viewall-link {
    margin-left: auto;
    white-space: nowrap;
  }

  .blog-media {
    padding: var(--blog-card-padding);
  }

  .blog-media:focus-visible {
    outline-offset: calc(var(--blog-card-padding) * -1);
  }

  .blog-content {
    padding: 0 var(--blog-card-padding) var(--blog-card-padding);
  }

  .productmedia-gallery .swiper-navigation {
    --svg-inside--size: 16px;
    gap: 3px;
    padding: 14px;
  }

  .productmedia-gallery .swiper-navigation .swiper-nav {
    width: 40px;
    height: 40px;
  }

  .productmedia-gallery .swiper-navigation.swiper-nav-circular .swiper-nav {
    width: 35px;
    height: 35px;
  }

  .input-field:not(textarea).input-small {
    height: 40px;
  }

  .input-group:not(.has-dropdown-icon)
    .input-field:not(textarea):not(.input-small):not(.input-large),
  .input-field:not(textarea).input-regular {
    height: 54px;
  }

  .input-field:not(textarea).input-large {
    height: 74px;
  }

  .sticky-block {
    z-index: 3;
    position: sticky;
    transition: top 0.6s ease;
    top: var(--header-height, 0px);
  }

  body.sticky-header-none .sticky-block,
  body.header-ishidden .sticky-block {
    top: 0;
  }

  .sticky-bottom-block {
    position: sticky;
    bottom: var(--bottom-sticky--offset, 0px);
  }

  .offcanvas-head-inner {
    padding: 24px 30px;
  }

  .offcanvas-filters .offcanvas-head-inner {
    padding: 20px;
  }

  .collapsible-heading {
    gap: 15px;
  }

  .filter-item {
    padding: 4px 10px;
  }

  .offcanvas-filters .filter-item {
    padding: 9px 10px;
  }

  .filters-block.sticky-block {
    padding-top: 20px;
    background: var(--layout-background);
  }

  .facet-filters-vertical .active-filters,
  .facet-filters-horizontal .filtes-wrapper > .active-filters {
    display: none;
  }

  .apply-filters-btn-mob {
    display: none;
  }
  .collection-catergories.collection-drawer-categories {
    margin-block: 0;
  }
  .product-buttons.button-stacked {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }

  .gift-card {
    padding: 25px;
  }

  .gift-card__buttons {
    grid-template-columns: 1fr 1fr;
  }

  .offcanvas-sizeguide .sizeguide-content {
    padding: 20px;
  }

  .product-infobox + .product-infobox {
    margin-block-start: 25px;
  }

  .product-infobox:has(.product-title) + .product-infobox {
    margin-block-start: 10px;
  }

  /* PRODUCT CARD HOVERS */
  .product-quickview.quickview-onhover {
    opacity: 0;
    transform: scale(0);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .product-card
    .product-cardmedia:has(.product-link:focus)
    .product-quickview.quickview-onhover,
  .product-card:hover .product-quickview.quickview-onhover
  /* .product-card .product-quickview.quickview-onhover:focus */
  /* .product-card:focus-within .product-quickview.quickview-onhover */ {
    opacity: 1;
    transform: scale(1);
  }

  /* .product-card.carddetails-always.has-shadow:hover {
        --shadow-color: color-mix(in srgb, rgb(183 183 183) 50%, transparent);
        z-index: 2;
        box-shadow: 0px 4px 20px -10px var(--shadow-color);
        transition: box-shadow 0.3s ease;
    } */

  .product-card:is(.carddetails-onhover).has-shadow:hover .product-carddetails {
    --shadow-color: color-mix(in srgb, rgb(183 183 183) 50%, transparent);
    z-index: 2;
    box-shadow: 0 2px 7px 0 var(--shadow-color);
    transition: box-shadow 0.3s ease;
  }

  .product-card.carddetails-always:hover {
    transition-delay: 0s;
  }

  .carddetails-onhover .product-carddetails {
    /* top: 100%; */
    z-index: 1;
    inset-inline: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition:
      clip-path 0.3s ease,
      visibility 0s linear 0.3s,
      opacity 0.3s ease;
  }

  .product-card.carddetails-onhover:hover,
  .product-card.carddetails-onhover:focus-within {
    z-index: 2;
  }

  .product-card.carddetails-onhover:hover .product-carddetails
    /* .product-card.carddetails-onhover.has-border .product-carddetails, */
    /* .product-card.carddetails-onhover:focus-within .product-carddetails */ {
    z-index: 0;
    visibility: visible;
    clip-path: inset(-30% -30% -30% -30%);
    transition:
      clip-path 0.2s ease,
      visibility 0s linear 0s,
      opacity 0.2s ease;
    opacity: 1;
  }

  .product-card .size-variants-box.size-variants-onhover {
    opacity: 0;
    transform: translateY(100%);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .product-card:hover .size-variants-box.size-variants-onhover,
  .product-card .size-variants-box.size-variants-onhover:has(a:focus)
  /* .product-card:focus-within .size-variants-box.size-variants-onhover */ {
    opacity: 1;
    transform: translateY(0);
  }

  .product-cardbadges.cardbadges-onhover {
    opacity: 0;
    transform: translateY(5px);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .product-card:hover .product-cardbadges.cardbadges-onhover {
    opacity: 1;
    transform: none;
  }

  .swiper .carddetails-onhover .product-carddetails,
  .shop-the-look-slidesbox .carddetails-onhover .product-carddetails {
    position: relative;
  }

  .facet-filters-horizontal .facet-filters-field {
    display: flex;
    justify-content: flex-end;
  }

  .facet-filters-horizontal .input-group {
    border: 1px solid var(--border-color);
    min-height: 35px;
  }

  .swiper.swiper-initialized.tilt-carousel {
    --tilt-card-offset: 150px;
    margin: 0 auto;
  }

  .tilt-carousel .blog-card {
    --blog-card-padding: 20px;
  }

  .tilt-carousel .blog-card.swiper-slide-active .blog-media {
    border-color: var(--border-color);
  }

  .tilt-carousel .blog-media,
  .tilt-carousel .blog-content {
    background: var(--layout-background);
  }

  .tilt-carousel.swiper.swiper-initialized {
    max-width: 320px;
  }

  html:not(.no-js)
    .tilt-carousel
    .blog-card.swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(
      .swiper-slide-active
    ) {
    opacity: 0;
    pointer-events: none;
  }

  html.no-js
    .featured-blogs-section
    .featured-blogs.swiper.tilt-carousel
    .blog-card.swiper-slide
    .blog-content {
    clip-path: unset;
  }

  html.no-js
    .featured-blogs-section
    .featured-blogs.swiper.tilt-carousel
    .blog-card.swiper-slide:not(.swiper-slide-active)
    .blog-media {
    border-bottom: 0;
  }

  .product-card.has-border.has-border-onhover .product-cardmedia::after,
  .product-card.has-border.has-border-onhover .size-variants-box,
  .product-card.has-border.has-border-onhover.card-background
    .product-carddetails {
    border-color: transparent;
  }

  .product-card.has-border.has-border-onhover:hover .product-cardmedia::after,
  .product-card.has-border.has-border-onhover:hover .size-variants-box,
  .product-card.has-border.has-border-onhover.card-background:hover
    .product-carddetails {
    border-color: var(--border-color);
  }

  .product-card.carddetails-onhover.cardstyle-atc .product-carddetails {
    opacity: 1;
    clip-path: none;
    visibility: visible;
    position: relative;
    inset: auto;
  }

  .collection-tabs-content:not(.active)
    .product-card.carddetails-onhover.cardstyle-atc
    .product-carddetails {
    visibility: hidden;
  }

  body:not(.touch-device)
    .product-card.carddetails-onhover.cardstyle-atc
    .product-cardactions {
    opacity: 0;
    transform: translateY(15px);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  body:not(.touch-device)
    .product-card.carddetails-onhover.cardstyle-atc:hover
    .product-cardactions {
    opacity: 1;
    transform: none;
    transition:
      opacity 0.3s ease 0.2s,
      transform 0.3s ease 0.2s;
  }

  .facet-filters-horizontal
    .collection-filters.has-rounded-corners
    details
    summary {
    border-radius: var(--card-roundness);
  }

  .rounded-corners.facet-filters-horizontal
    .collection-filters.has-rounded-corners
    .filter-wrap {
    border-radius: 10px;
  }

  .blog-media-author-image {
    width: 50px;
    left: var(--blog-card-padding);
    bottom: var(--blog-card-padding);
    border: solid var(--border-color);
    border-width: 3px 3px 0 0;
  }

  .product-cardactions.buy-btn-icononly .product-buttons.has-quantity-control {
    grid-template-columns: 1fr auto;
  }

  .product-cardactions.buy-btn-icononly
    .product-buttons.has-quantity-control
    .quantity-control
    .quantity-input-field {
    max-width: 100%;
  }

  .product-cardactions.buy-btn-icononly
    .product-buttons.has-quantity-control
    .button {
    aspect-ratio: 1;
  }

  .layout-header-wrapper.countdown-enable .counter-block {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .main-collection.has-filters-drawer .collections-topbar .sorting-block {
    gap: 20px;
    border-bottom: 0;
    padding-block: 35px 0;
  }

  .choose-option-icon {
    display: none;
  }

  .product-cardactions
    .buy-buttons-block
    .button:is(.button-small, .button-regular, .button-large):not(
      .button-link
    ) {
    --button-width: auto;
    --button-height: 42px;
  }
  .product-cardactions {
    bottom: 0;
    inset-inline: 0;
    padding: 0 0 25px;
    margin-inline: auto;
    width: calc(100% - 50px);
  }
  .carddetails-onhover:not(.cardstyle-atc) .product-carddetails {
    z-index: 0;
    background: var(--card-background);
    padding-top: var(--product-card-roundness);
    margin-top: calc(var(--product-card-roundness) * -1);
  }
  .swiper:has(.product-card.has-shadow) {
    padding-block: 4px;
    padding-inline: 4px;
    margin-inline: -4px;
  }
}

@media (min-width: 1025px) {
  .layout-header-wrapper:not(.no-margin, .small-margin) {
    margin-bottom: 40px;
  }

  .layout-header-wrapper.small-margin:not(.no-margin) {
    margin-bottom: 25px;
  }

  /* PRODUCT CARD HOVERS */
  .color-variant:hover .tooltip-text {
    opacity: 1;
    transform: scale(1);
  }

  /* .blogs-has-border .blog-card .blog-media,
    .blogs-has-border .blog-card .blog-content, */
  /*  */
  .blog-card:hover .blog-media,
  .blog-card:hover .blog-content {
    border-color: var(--border-color);
  }

  .blog-card:not(.swiper-slide.tilt-blog-slide).excerpt-on-hover
    .blog-content
    p {
    transform: translateY(50%);
    transition:
      transform 0.3s ease,
      mask-size 0.3s ease;
    -webkit-mask-image: linear-gradient(to bottom, black, black);
    mask-image: linear-gradient(to bottom, black, black);
    mask-position: top;
    mask-size: 100% 0%;
    mask-repeat: no-repeat;
  }

  .blog-card:not(.swiper-slide.tilt-blog-slide).excerpt-on-hover:hover
    .blog-content
    p {
    opacity: 1;
    transform: translateY(0%);
    mask-size: 100% 100%;
  }

  .product-share button {
    --svg-inside--size: 20px;
  }

  .product-share button:hover {
    color: var(--link-color--hover);
  }

  .product-infobox.no-inline-spacing > * {
    margin-inline: calc(var(--infobox-spacing-inline) * -1);
  }

  .swiper-navigation .swiper-nav .svg-inside {
    position: relative;
  }

  .swiper-navigation:not(.nav-has-background):not([data-slider-navigation])
    .swiper-nav:not(.swiper-button-disabled)::before {
    content: "";
    z-index: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    transition: background-color 0.3s ease;
  }

  .swiper-navigation:not(.nav-has-background):not([data-slider-navigation])
    .swiper-nav:not(.swiper-button-disabled):hover::before,
  .swiper-navigation.swiper-nav-circular:not(.nav-has-background):not(
      [data-slider-navigation]
    )
    .swiper-nav:not(.swiper-button-disabled)::before {
    background: var(--swiper-control--background);
  }

  .swiper-navigation.swiper-nav-circular:not(.nav-has-background):not(
      [data-slider-navigation]
    )
    .swiper-nav:not(.swiper-button-disabled)::before {
    border-radius: 50px;
  }

  .collapsible-heading {
    gap: 20px;
    padding-block: 24px;
    outline-offset: -1px;
  }

  .collapsible-content-block:not([open]) {
    transition: all 0.3s ease;
  }

  .collapsible-content-block:not([open]):hover {
    background-image: linear-gradient(
      to right,
      transparent,
      color-mix(in srgb, currentColor 6%, transparent),
      transparent
    );
  }

  button.shopify-payment-button__button:hover,
  button.shopify-payment-button__button--hidden:hover,
  button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    color: var(--button-secondary-color--hover);
    border-color: var(--button-color-color--hover);
    background: var(--button-secondary-background--hover);
  }

  .dropdown-icon.has-focus:hover {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }

  .gift-card {
    padding: 35px;
  }

  .pickup-button:hover {
    color: var(--link-color--hover);
  }

  .product-model-wrapper .product-media-button:hover {
    filter: drop-shadow(0px 0px 10px var(--drop-shadow));
  }

  .product-model-wrapper .product-media-button:hover .svg-inside,
  .product-model-wrapper
    .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster:hover
    .shopify-model-viewer-ui__poster-control-icon {
    transform: scale(1.1);
    filter: drop-shadow(8px 8px 2px var(--drop-shadow));
  }

  .product-model-wrapper
    .shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster:hover {
    filter: drop-shadow(0px 0px 10px var(--drop-shadow));
    transform: translate(-50%, -50%) scale(1);
  }

  /* BUTTON HOVER */
  .button:hover {
    color: var(--button-color--hover);
  }

  .button.button-link:hover {
    color: var(--link-color--hover);
  }

  .button:not(.button-link):hover .btn-text,
  .button:not(.button-link):hover .btn-loader,
  .button:not(.button-link):hover .btn-icon {
    color: var(--button-color--hover);
    background: var(--button-background--hover);
    border-color: var(--button-border--hover);
  }

  .button.button-animated:hover .btn-loader,
  .button.button-animated:hover .btn-text {
    border-right-color: var(--button-color--hover);
  }

  .quantity-input-btn:not(.disabled):hover {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }

  .offcanvas-close-btn:hover::before {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }

  .country-link:hover,
  .language-link:hover {
    color: var(--link-color);
  }

  .country:not(.selected) .country-link:hover,
  .language:not(.selected) .language-link:hover {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }

  .rounded-corners .country:not(.selected) .country-link:hover,
  .rounded-corners.language:not(.selected) .language-link:hover {
    border-radius: 4px;
  }

  .active-filter-remove:hover .svg-inside {
    transform: rotate(90deg);
  }

  .filter-item:hover {
    background: color-mix(in srgb, currentColor 5%, transparent);
  }

  .pagination-link[href]:hover {
    color: var(--text-color);
    background: color-mix(in srgb, currentColor 10%, transparent);
    border-color: color-mix(in srgb, currentColor 30%, transparent);
  }

  .facet-range::-moz-range-thumb:hover,
  .facet-range::-webkit-slider-thumb:hover {
    transform: scale(0.95);
    cursor: grab;
  }

  .gird-card-codeblock .btn-icon:hover {
    background-color: color-mix(in srgb, currentColor 10%, transparent);
  }

  .tilt-carousel.swiper.swiper-initialized {
    max-width: 380px;
  }

  .blog-card:hover .blog-card-tag-date-wrapper .blog-date,
  .blog-card-tag-date-wrapper .button {
    opacity: 0;
    transform: translateX(-15px);
  }

  .blog-card:hover .blog-card-tag-date-wrapper .button {
    opacity: 1;
    transform: none;
  }

  /* NEW BUTTON HOVER EFFECT */
  .button-animated:not(.button-link):hover::before,
  .button-animated:not(.button-link):hover::after {
    border-color: var(--button-border--hover);
  }

  .button.hover-scale-effect .btn-text {
    isolation: isolate;
    position: relative;
    background: none;
    border: none;
  }

  .button.hover-scale-effect .hover-scale-element {
    inset: 0;
    z-index: -1;
    overflow: hidden;
    position: absolute;
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  }

  .button:not(.button-outlined):not(.button-link).hover-scale-effect
    .hover-scale-element {
    background: none;
    background: var(--button-background);
  }

  .button:not(.button-link).hover-scale-effect .hover-scale-element {
    border-radius: var(--button-roundness);
    border: 1px var(--border-style) var(--button-border);
  }

  .button:not(.button-link).hover-scale-effect:hover .hover-scale-element {
    border-color: var(--button-border--hover);
  }

  /* .button:not(.button-animated).hover-scale-effect:hover .hover-scale-element {
        transform: scale3d(1.1, 1.2, 1);
    } */

  .button:not(.button-link).hover-scale-effect .hover-scale-element::before,
  .button:not(.button-link).hover-scale-effect .hover-scale-element::after {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    aspect-ratio: 1;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: var(--button-background--hover);
  }

  /* .button.button-animated:not(.button-link).hover-scale-effect .hover-scale-element::before,
    .button.button-animated:not(.button-link).hover-scale-effect .hover-scale-element::after {
        width: 150%;
    } */

  .button:not(.button-link).hover-scale-effect .hover-scale-element::before {
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
  }

  .button:not(.button-link).hover-scale-effect:hover
    .hover-scale-element::before {
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  }

  .button:not(.button-link).hover-scale-effect .hover-scale-element::after {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
    transition: opacity 0.4s;
  }

  .button:not(.button-link).hover-scale-effect:hover
    .hover-scale-element::after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s;
  }

  .author-image-on-hover .blog-media-author-image {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .author-image-on-hover .blog-card:hover .blog-media-author-image {
    opacity: 1;
  }

  .layout-header-actions.has-viewmore.has-swiper-nav {
    white-space: nowrap;
  }

  .label-below .counter-number {
    padding: 20px;
    min-width: calc(2ch + 40px);
  }


/* Promocje - czerwone i migające */




* Promocje - czerwony tekst + mały badge */









}

@media (min-width: 1200px) {
  .productmedia-gallery .swiper-navigation {
    --svg-inside--size: 18px;
    padding: 20px;
  }

  .productmedia-gallery .swiper-navigation .swiper-nav {
    width: 50px;
    height: 50px;
  }

  .productmedia-gallery .swiper-navigation.swiper-nav-circular .swiper-nav {
    width: 40px;
    height: 40px;
  }

  .gift-card {
    padding: 50px;
  }

  .offcanvas-sizeguide .sizeguide-content {
    padding: 24px 30px;
  }

  .product-quickview {
    width: 40px;
    height: 40px;
    --svg-inside--size: 16px;
  }

  .blog-media-author-image {
    width: 85px;
    border-width: 5px 5px 0 0;
  }

  .button-regular:not(.button-link) {
    --button-width: 180px;
  }

  .button-small:not(.button-link) {
    --button-height: 40px;
    --svg-inside--size: 16px;
  }
}
@media (min-width: 1280px) {
  .swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc(100% / var(--layout-columns, 1));
    padding-inline-end: var(--column-gap, 10px);
  }
}
@media (min-width: 1441px) {
  .tilt-carousel.swiper.swiper-initialized {
    max-width: 480px;
  }
}
.main-product .productmedia-gallery-wrapper.has-single-item {
  background: rgb(245, 245, 247) !important;
}
#ShippingWrapperResponse .shipping-brutto-label {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  margin-left: 4px !important;
}
.price-vat-label {
  color: #d00000 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.strike-price .price-vat-label {
  text-decoration: none !important;
}
/* WSPÓLNY WYGLĄD BADGE PROMOCJI */
.product-cardbadge.on-sale {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 58px !important;
  height: 28px !important;
  padding: 0 12px !important;

  color: #f8f8f8 !important;
  background: linear-gradient(135deg, #070707 0%, #171717 52%, #2a2a2a 100%) !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.25px !important;

  border-radius: 6px !important;
  border: 1px solid rgba(212, 175, 55, 0.65) !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(212, 175, 55, 0.08) !important;

  overflow: hidden !important;
  isolation: isolate !important;

  animation: saleBadgePremiumFloat 2.6s ease-in-out infinite !important;
}/* POZYCJA BADGE TYLKO NA KARTACH PRODUKTÓW */
.product-card .product-cardbadge.on-sale,
.card-product .product-cardbadge.on-sale {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 30 !important;
}/* NA STRONIE PRODUKTU: wygląd zostaje, pozycja nie */
.product-info .product-cardbadge.on-sale,
.product-main .product-cardbadge.on-sale,
.product__info-container .product-cardbadge.on-sale,
.product-details .product-cardbadge.on-sale,
.main-product .product-cardbadge.on-sale,
.product .product-cardbadge.on-sale {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none;
  z-index: auto !important;
}.product-cardbadge.on-sale::before {
  content: "";
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 4px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
  opacity: 0.9 !important;
}

.product-cardbadge.on-sale::after {
  content: "";
  position: absolute !important;
  top: -55% !important;
  left: -80% !important;
  width: 45% !important;
  height: 210% !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.38),
    transparent
  ) !important;

  transform: rotate(24deg) !important;
  animation: saleBadgePremiumShine 3.2s ease-in-out infinite !important;
  z-index: -1 !important;
}

@keyframes saleBadgePremiumFloat {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

@keyframes saleBadgePremiumShine {
  0% {
    left: -80%;
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  62% {
    left: 135%;
    opacity: 0;
  }

  100% {
    left: 135%;
    opacity: 0;
  }
}
/* Naprawa znikającej ceny na kartach produktów po sortowaniu */
.product-cardinfo {
  height: auto !important;
  min-height: 96px !important;
  overflow: visible !important;
}

.product-cardinfo .product-price {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  color: #111 !important;
}

.product-cardinfo .price-item,
.product-cardinfo .price-item--sale,
.product-cardinfo .price-item--last {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111 !important;
}

.product-cardinfo .momsify-vat-label,
.product-cardinfo .price-vat-label {
  display: inline !important;
  color: #d00000 !important;
  font-weight: 700 !important;
}
.product-card .product-price,
.product-card .price-item,
.product-card .momsify-vat-label,
.product-card .price-vat-label {
  opacity: 1 !important;
  visibility: visible !important;
}

.product-card .momsify-vat-label,
.product-card .price-vat-label {
  color: #d00000 !important;
  font-weight: 700 !important;
}
.product-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.product-price .price-item,
.product-price .strike-price,
.product-price .price-nowrap {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  white-space: nowrap !important;
}

.product-price .price-vat-label,
.product-price .momsify-vat-label {
  white-space: nowrap !important;
  color: #d00000 !important;
  font-weight: 700 !important;
}

.product-price .strike-price {
  opacity: 0.75;
}/* Zobacz koszyk — czarne tło, biały tekst */
a[href="/cart"].button,
a[href$="/cart"].button {
  --button-color: #ffffff;
  --button-background: #000000;
  --button-border: #000000;

  --button-color--hover: #ffffff;
  --button-background--hover: #222222;
  --button-border--hover: #222222;

  color: #ffffff !important;
}

/* Kasa — białe tło, czarny tekst */
button[name="checkout"].button,
a[href*="/checkout"].button {
  --button-color: #111111;
  --button-background: #ffffff;
  --button-border: #111111;

  --button-color--hover: #ffffff;
  --button-background--hover: #111111;
  --button-border--hover: #111111;

  color: #111111 !important;
}

/* Tekst i elementy wewnętrzne */
a[href="/cart"].button .btn-text,
a[href$="/cart"].button .btn-text {
  color: #ffffff !important;
}

button[name="checkout"].button .btn-text,
a[href*="/checkout"].button .btn-text {
  color: #111111 !important;
}

/* Kolory po najechaniu */
button[name="checkout"].button:hover .btn-text,
a[href*="/checkout"].button:hover .btn-text {
  color: #ffffff !important;
}
.cart-drawer .cart-item-media,
.cart-drawer .cart-item-media .mediabox,
.cart-drawer .cart-item-media .mediabox-fixed {
  background: #ffffff !important;
}

.cart-drawer .cart-item-media .mediabox {
  padding: 8px !important;
}

.cart-drawer .cart-item-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #ffffff !important;
}