/** Shopify CDN: Minification failed

Line 434:0 Unexpected "}"

**/
/*
Theme Name: Core Store
Author: The4Studio
Author URI: https://the4.co/
Version: 1.0
NOTE: most of the CSS variables used are defined in the "css-variables.liquid" snippet file

/* -------------------------------------------
[Table of contents]
0. LAYER CSS
1. RESET
2. BASE
3. ACCESSIBILITY
4. LAYOUT
  4.1. Container
  4.2. Hepler Class
    4.2.1. Display
    4.2.2. Spacing
    4.2.3. Text, justify, align, place
    4.2.4. Socials
    4.2.5. Other
  4.3. Grid
  4.4. Reveal In View
  4.5. Color Schemes
  4.6. Ratio and Object
  4.7. Dialog
  4.8. Header
  4.9. Footer
  4.10. Privacy policy
5. COMPONENT & SECTIONS
  5.0. Product card
  5.1. Richtext editor
  5.2. Buttons
  5.3. Slider
  5.4. Media overlay Content
  5.5. Theme blocks
  5.6. Slideshow
  5.7. Image with text
  5.8. Image behavior
  5.9. Product Page
  5.10. Bundle products
  5.11. Text columns with icons
  5.12. Marquee
  5.13. Gallery
  5.14. Before/after image
  5.15. Blog posts
  5.16. Countdown timer
  5.17. Media collage
  5.18. Alert
  5.19. Collection list
  5.20. Image Hotspots
  5.21. Shop The Look
  5.22. Collapsible row
  5.23. FAQs
  5.24. Multiple media with text
  5.25. Testimonials
  5.26. Testimonials with image
  5.27. Testimonials with product
  5.28. Logo list
  5.29. Pagination
  5.30. Share buttons
  5.31. Form
  5.32. Filter nav tabs
  5.33. Cascading image with text
  5.34. Multiple text with image
  5.35. Cart drawer
  5.36. Search drawer
  5.37. Overlapping cards
  5.38. Media with reading text
  5.39. Rich text
6. MAIN PRODUCT
  6.1. Badge
  6.2. Vendor
  6.3. Pickup availability
  6.4. Complementary products
------------------------------------------- */

/* ==========================================================================
  1. LAYER CSS
  ========================================================================== */
/* Define cascade layer order by breakpoint */
@media (max-width: 767px) {
  @layer themeh.styles.reset, themeh.styles.base, themeh.styles.tablet, themeh.styles.mobile;
}

@media (max-width: 1149.9px) {
  @layer themeh.styles.mobile, themeh.styles.reset, themeh.styles.base, themeh.styles.tablet;
}

@media (min-width: 1150px) {
  @layer themeh.styles.tablet, themeh.styles.mobile, themeh.styles.reset, themeh.styles.base;
}

/* sub-layers */
@layer themeh.styles.base.default,
themeh.styles.base.override,
themeh.styles.tablet.default,
themeh.styles.tablet.override,
themeh.styles.mobile.default,
themeh.styles.mobile.override;

/* ==========================================================================
  1. RESET
  https://tailwindcss.com/docs/preflight
  ========================================================================== */
  /* ! tailwindcss v3.3.2 */
  *,
  ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: color-mix(in srgb, var(--color-foreground), transparent 88%);
  }
  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
    border-color: var(--color-line-border);
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  :where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    -webkit-tap-highlight-color: transparent;
  }
  b,
  strong {
    font-weight: bolder;
  }
  :where(code, kbd, pre, samp) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  :where(sub, sup) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :where(button, input, optgroup, select, textarea) {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    margin: 0;
    padding: 0;
  }
  :where(button, select) {
    text-transform: none;
  }
  :where([type="button"], [type="reset"], [type="submit"], button) {
    -webkit-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  :where(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    list-style-type: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  :where(blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre, fieldset) {
    margin: 0;
  }
  :where(legend, fieldset) {
    padding: 0;
  }
  :where(menu, ol, ul) {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  :where(input::placeholder, textarea::placeholder) {
    opacity: 1;
    color: color-mix(in srgb, var(--color-foreground), transparent 35%);
  }
  :where([role="button"], button) {
    cursor: pointer;
  }
  :disabled,
  :disabled + label {
    cursor: default;
  }
  :where(button, label, summary, [role=button], [type=checkbox], [type=radio]) {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    cursor: pointer;
  }
  /*
    Fast Tap
    enables no-delay taps (FastClick-esque) on supporting browsers
  */
  :where(a, button, [role="button"], input, label, select, textarea) {
    touch-action: manipulation;
  }
  :where(audio, canvas, embed, iframe, img, object, svg, video) {
    display: block;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  picture source {
    display: contents !important;
  }
  [hidden]:not([open], [closing]) {
    display: none !important;
  }
  /* By default Firefox show the alt tag of image while image is loading, which is often not desirable */
  img:-moz-loading {
    visibility: hidden;
  }
  .hdt-inset-0 {
    inset: 0;
  }
  .hdt-opacity-0 {
    opacity: 0;
  }
  /* Blocks */
  :where(hdt-card-product, hdt-slider, hdt-slideshow, hdt-image-with-text, hdt-rich-text, hdt-gallery-modal, hdt-marquee, hdt-before-after, hdt-slider-reveal, hdt-progress-bar, hdt-max-height, hdt-resize, hdt-block-required, hdt-reval-items, hdt-video, hdt-model, hdt-inview-stagger, hdt-scroll-hint) {
    display: block;
  }
  :where(hdt-richlist, hdt-richlist img, hdt-compare-at-price, hdt-price) {
    display: inline-block;
  }

  :root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-long: 500ms;
    --duration-extra-long: 600ms;
  }

#MainContent .shopify-challenge__container {
  margin: 10rem auto;
}
@media (prefers-reduced-motion: no-preference) {
  hdt-inview-stagger[ani="slideIn"] :where(.hdt-theme-block, .hdt-caption, .hdt-subheading, .hdt-heading, .hdt-description, .hdt-btn),
  hdt-inview-stagger[ani="slideIn"] :is(.hdt-btn:disabled, .hdt-btn[aria-disabled=true]),
  hdt-footer-menu {
    opacity: 0;
    transform: translateY(20px);
    will-change: transform, opacity;
  }
}

.hdt-split-token,
.hdt-split-char {
  display: inline-block;
}
.hdt-split-space {
  white-space: pre;
}
.hdt-split-line {
  display: inline-block;
}
.hdt-showcase-text:not([is-splited]),
.hdt-split-char {
  opacity: var(--text-opacity-start);
}
.hdt-split-word {
  white-space: nowrap;
}

/* ==========================================================================
  2. BASE
  ========================================================================== */
  html {
    box-sizing: border-box;
    font-size: 62.5%;
    height: 100%;
  }
  /* Scrollbar */
  @media (min-width: 1025px) and (pointer: fine) {
    .hdt-scrollbar {
      --y: 5px;
      --color-scrollbar: 0 0 0;
      --color-scrollbar-track: rgb(var(--color-scrollbar) / 0);
      --color-scrollbar-thumb: color-mix(in srgb, var(--color-foreground), transparent 80%);
    }
    .hdt-scroll-area {
      --y: 8px;
      --color-scrollbar-track: var(--color-background);
      --color-scrollbar-thumb: color-mix(in srgb, var(--color-foreground), transparent 60%);
    }
    .hdt-scrollbar-light {
      --color-scrollbar: 255 255 255;
    }
    .hdt-scrollbar::-webkit-scrollbar {
      height: 5px; /* height of horizontal scrollbar */
      width: var(--y);  /* width of vertical scrollbar */
    }
    .hdt-scrollbar::-webkit-scrollbar-track {
      background-color: var(--color-scrollbar-track);
    }
    .hdt-scrollbar::-webkit-scrollbar-thumb {
      background-color: var(--color-scrollbar-thumb);
      border-radius: 8px;
    }
    @-moz-document url-prefix() {
      .hdt-scrollbar {
        --color-scrollbar-thumb: color-mix(in srgb, var(--color-foreground), transparent 60%);
      }
      .hdt-scroll-area {
        --color-scrollbar-track: var(--color-background);
      }
      .hdt-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
      }
    }
  }

  body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    background-color: var(--color-background);
    color: var(--color-foreground);
    letter-spacing: var(--font-body-spacing);
    font: var(--font-body-style) var(--font-body-weight) var(--text-base) / var(--font-body-line-height) var(--font-body-family);
  }
  #MainContent {
    flex-grow: 1;
    scroll-padding-top: calc(var(--header-height, 0px) + 10px);
  }
  .hdt-scroll-auto {
    scroll-behavior: auto !important;
  }
  .dir--rtl body,
  .dir--rtl :is(h1, h2, h3, h4, h5, h6, .hdt-h0, .hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6, .hdt-heading, .hdt-subheading) {
    letter-spacing: 0 !important;
  }
  :where(.no-js:not(html),.no-js-inline,html.no-js .no-js-hidden) {
    display: none !important;
  }
  html.no-js .no-js:not(html) {
    display: block !important;
  }
  html.no-js .no-js-inline {
    display: inline-block !important;
  }

  @media (min-width: 1024px) {
  /* Grid yapan kuralı Anti-Hair listesinde iptal et */
  header-menu details[open] .header__submenu,
  header-menu details[open] .mega-menu__content,
  header-menu details[open] .dropdown-menu {
    display: block !important;   /* grid yerine normal akış */
  }

  /* Anti-Hair / Serums / ... ALT ALTA */
  header-menu details[open] .header__submenu > ul,
  header-menu details[open] .mega-menu__content > ul,
  header-menu details[open] .dropdown-menu > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }

  header-menu details[open] .header__submenu li,
  header-menu details[open] .mega-menu__content li,
  header-menu details[open] .dropdown-menu li {
    width: 100% !important;
  }
}

}
  :where(h1, h2, h3, h4, h5, h6, .hdt-h0, .hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6, .hdt-heading, .hdt-subheading) {
    letter-spacing: var(--font-heading-spacing);
    font: var(--font-heading-style) var(--font-heading-weight) var(--heading-size,var(--text-base)) / var(--font-heading-line-height) var(--font-heading-family);
    color: var(--color-foreground);
    word-break: break-word;
    display: block;
    --lt-spacing: calc(var(--heading-size) * .1);
  }
  .rte :where(h1):not(.hdt-heading) {
    --h1-size: var(--rte-h1-size);
    --h1-size-lg: var(--rte-h1-size-lg);
  }
  .rte :where(h2):not(.hdt-heading) {
    --h2-size: var(--rte-h2-size);
    --h2-size-lg: var(--rte-h2-size-lg);
  }
  .rte :where(h3):not(.hdt-heading) {
    --h3-size: var(--rte-h3-size);
    --h3-size-lg: var(--rte-h3-size-lg);
  }
  .rte :where(h4):not(.hdt-heading) {
    --h4-size: var(--rte-h4-size);
    --h4-size-lg: var(--rte-h4-size-lg);
  }
  .rte :where(h5):not(.hdt-heading) {
    --h5-size: var(--rte-h5-size);
    --h5-size-lg: var(--rte-h5-size-lg);
  }
  .rte :where(h6):not(.hdt-heading) {
    --h6-size: var(--rte-h6-size);
    --h6-size-lg: var(--rte-h6-size-lg);
  }
  .hdt-h0 {
    --heading-size: var(--h0-size);
  }
  :where(h1:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h1) {
    --heading-size: var(--h1-size);
  }
  :where(h2:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h2) {
    --heading-size: var(--h2-size);
  }
  :where(h3:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h3) {
    --heading-size: var(--h3-size);
  }
  :where(h4:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h4) {
    --heading-size: var(--h4-size);
  }
  :where(h5:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h5) {
    --heading-size: var(--h5-size);
  }
  :where(h6:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h6) {
    --heading-size: var(--h6-size);
  }
  .hdt-base {
    --heading-size: var(--text-base);
  }
  /*================ RFS: Responsive Font Sizes ================*/
  @media only screen and (min-width: 768px) {
    .hdt-h0 {
      --heading-size: clamp(var(--h0-size), max(calc(var(--h0-size) + 1.5vw), calc(1.425rem + 2vw)), var(--h0-size-lg));
    }
    :where(h1:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h1) {
      --heading-size: clamp(var(--h1-size), max(calc(var(--h1-size) + .9vw), calc(1.375rem + 1.5vw)), var(--h1-size-lg));
    }
    :where(h2:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h2) {
      --heading-size: clamp(var(--h2-size), max(calc(var(--h2-size) + .6vw), calc(1.325rem + .9vw)), var(--h2-size-lg));
    }
    :where(h3:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h3) {
      --heading-size: clamp(var(--h3-size), max(calc(var(--h3-size) + .3vw), calc(1.3rem + .6vw)), var(--h3-size-lg));
    }
    :where(h4:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h4) {
      --heading-size: clamp(var(--h4-size), max(calc(var(--h4-size) + .2vw), calc(1.275rem + .3vw)), var(--h4-size-lg));
    }
    :where(h5:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h5) {
      --heading-size: clamp(var(--h5-size), max(calc(var(--h5-size) + .14vw), 1.25rem), var(--h5-size-lg));
    }
    :where(h6:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h6) {
      --heading-size: clamp(var(--h6-size), max(calc(var(--h6-size) + .1vw), 1rem), var(--h6-size-lg));
    }
  }
  @media only screen and (min-width: 1150px) {
    .hdt-h0 {
      --heading-size: var(--h0-size-lg);
    }
    :where(h1:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h1) {
      --heading-size: var(--h1-size-lg);
    }
    :where(h2:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h2) {
      --heading-size: var(--h2-size-lg);
    }
    :where(h3:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h3) {
      --heading-size: var(--h3-size-lg);
    }
    :where(h4:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h4) {
      --heading-size: var(--h4-size-lg);
    }
    :where(h5:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h5) {
      --heading-size: var(--h5-size-lg);
    }
    :where(h6:not(.hdt-h1, .hdt-h2, .hdt-h3, .hdt-h4, .hdt-h5, .hdt-h6), .hdt-h6) {
      --heading-size: var(--h6-size-lg);
    }
  }

  .hdt-text-xs {
    font-size: var(--text-xs)
  }
  .hdt-text-sm {
    font-size: var(--text-sm)
  }
  .hdt-text-base {
    font-size: var(--text-base)
  }
  .hdt-text-lg {
    font-size: var(--text-lg)
  }
  .hdt-text-xl {
    font-size: var(--text-xl)
  }
  .hdt-text-2xl {
    font-size: var(--text-2xl)
  }
  .hdt-text-4xl {
    font-size: var(--text-4xl)
  }
  .hdt-text-6xl {
    font-size: var(--text-6xl)
  }
  .hdt-text-8xl {
    font-size: var(--text-8xl)
  }
  .hdt-text-10xl {
    font-size: var(--text-10xl)
  }
  .hdt-text-12xl {
    font-size: var(--text-12xl)
  }
  .hdt-font-light {
    font-weight: var(--font-light)
  }
  .hdt-font-normal {
    font-weight: var(--font-normal)
  }
  .hdt-font-medium {
    font-weight: var(--font-medium)
  }
  .hdt-font-medium_bold {
    font-weight: var(--font-medium-or-bold)
  }
  .hdt-font-semibold {
    font-weight: var(--font-semibold)
  }
  .hdt-font-bold {
    font-weight: var(--font-bold)
  }
  .hdt-font-extrabold {
    font-weight: var(--font-extrabold)
  }
  .hdt-font-black {
    font-weight: var(--font-black)
  }

  .hdt-radius-2xs {
    border-radius: var(--corner-radius-2xs);
  }
  .hdt-radius-xs {
    border-radius: var(--corner-radius-xs);
  }
  .hdt-radius-sm {
    border-radius: var(--corner-radius-sm);
  }
  .hdt-radius {
    border-radius: var(--corner-radius);
  }
  .hdt-radius-lg {
    border-radius: var(--corner-radius-lg);
  }
  .hdt-radius-full {
    border-radius: var(--corner-radius-full);
  }
  .hdt-radius-f {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
  }
  .hdt-product-card-rounded {
    border-radius: var(--corner-radius-product-card);
  }
  .hdt-product-media-rounded {
    border-radius: var(--corner-radius-product-media);
  }
  .hdt-collection-card-rounded {
    border-radius: var(--corner-radius-collection-card);
  }
  .hdt-blog-card-rounded {
    border-radius: var(--corner-radius-blog-card);
  }

  .hdt-form__label {
    display: block;
    margin-bottom: 0.6rem;
  }
  .hdt-form__wrapp {
    position: relative;
  }
  .hdt-btn, .shopify-challenge__button {
    background-color: var(--color-button);
    color: var(--color-button-text);
    padding: var(--spacing-1) var(--spacing-2);
    letter-spacing: var(--font-body-spacing);
    line-height: var(--button-line-height);
    border-radius: var(--corner-radius-button);
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: var(--hdt-caret-bg);
    background-position: right 0.8rem center;
    background-repeat: no-repeat;
    background-size: .785em .57em;
    padding-inline-end: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .dir--rtl select {
    background-position: 0.8rem center;
  }

  [multiple],[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
  }

  [type='checkbox'], [type='radio'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-shrink: 0;
    height: 1.6rem;
    width: 1.6rem;
    color: var(--color-foreground);
    background-color: var(--color-background);
    border-color: var(--color-line-border);
    border-width: 1px;
  }
  [type='checkbox'] {
    border-radius: calc(var(--corner-radius-input) * .5);
  }
  [type='radio'] {
    border-radius: 100%;
  }

  [type='checkbox']:checked,[type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

  [type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active)  {

    [type='checkbox']:checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  [type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active)  {

    [type='radio']:checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  [type='checkbox']:checked:focus, [type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  @media screen and (pointer: fine) {
    [type='checkbox']:checked:hover, [type='radio']:checked:hover {
      border-color: transparent;
      background-color: currentColor;
    }
  }

  [type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

  @media (forced-colors: active)  {
    [type='checkbox']:indeterminate {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  :where(.hdt-input, .hdt-textarea, .hdt-select) {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--corner-radius-input);
    background: var(--color-input-background);
    color: var(--color-input-text);
    text-align: start;
    border: 1px solid var(--color-line-border);
    height: var(--height-input);
    padding: var(--padding-block-input) var(--padding-inline-input);
    transition: border-color .1s ease-in-out;
  }
  .hdt-textarea {
    min-height: 4lh;
    height: auto;
  }
  .hdt-select {
    padding-inline-start: 1.5rem;
    padding-inline-end: 3rem;
  }
  .hdt-select ~ svg {
    pointer-events: none;
    position: absolute;
    inset-inline-end: 1rem;
    width: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .25s ease;
  }
  .hdt-select[aria-expanded="true"] ~ svg {
    transform: translateY(-50%) rotate(180deg);
  }
  :is(.hdt-input:focus,.hdt-textarea:focus,.hdt-select:focus-visible) {
    border-color: currentColor;
    outline: none;
  }
  .is-uncheck :is(input, textarea) {
    border-color: var(--color-error-text) !important;
  }

  .hdt-full-width-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
  }

  .hdt-full-width-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .hdt-media-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .hdt-section__header {
    margin-bottom: 3rem;
    padding: 0 var(--padding, 0px);
    max-width: var(--max-w-header, none);
    margin-inline: auto;
  }
  .hdt-section__header:empty {
    display: none;
  }
  .hdt-collections__header,
  .hdt-featured-collection .hdt-section__header,
  .hdt-group-product-tabs::part(hdt-tabs-header) {
    margin-bottom: 3.4rem;
  }
  .hdt-collections__header:empty,
  .hdt-featured-collection .hdt-section__header:empty {
    display: none;
  }
  .hdt-caption + .hdt-heading,
  .hdt-subheading + .hdt-heading,
  :is(.hdt-section__header, .hdt-group) > .hdt-caption + .hdt-heading,
  :is(.hdt-section__header, .hdt-group) > .hdt-subheading + .hdt-heading {
    margin-block-start: 1.5rem;
  }
  .hdt-heading + .hdt-description,
  :is(.hdt-section__header, .hdt-group) > .hdt-heading + :is(.hdt-description, .hdt-text-block) {
    margin-block-start: 1.9rem;
  }
  .hdt-less-margin >:is(.hdt-caption, .hdt-subheading, .hdt-heading, .hdt-description, .hdt-text-block) {
    margin-block-start: 0 !important;
  }
  @media (min-width: 768px) {
    .hdt-section__header {
      margin-bottom: 3.7rem;
    }
    .hdt-collections__header,
    .hdt-featured-collection .hdt-section__header,
    .hdt-group-product-tabs::part(hdt-tabs-header) {
      margin-bottom: 4.4rem;
    }
    .hdt-caption + .hdt-heading,
    :is(.hdt-section__header, .hdt-group) > .hdt-caption + .hdt-heading {
      margin-block-start: 1.6rem;
    }
    .hdt-heading + .hdt-description,
    :is(.hdt-section__header, .hdt-group) > .hdt-heading + :is(.hdt-description, .hdt-text-block) {
      margin-block-start: 2rem;
    }
  }
  .hdt-point-area, .hdt-point-area--after {
    position: relative;
  }
  .hdt-point-area::before, .hdt-point-area--after::after {
    content: '';
    position: absolute;
    inset: -1rem;
  }
  @media (max-width: 767px) {
    .hdt-table--responsive thead, .hdt-table--responsive th, .hdt-table--responsive tfoot th:first-of-type {
      display: none;
    }
    .hdt-table--responsive {
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }
    .hdt-table--responsive tbody {
      display: grid;
      gap: 1.5rem;
      border: none;
    }
    .hdt-table--responsive tbody > tr {
      display: grid;
      border: 1px solid var(--color-line-border);
      border-radius: var(--corner-radius-sm);
      overflow: hidden;
    }
    .hdt-table--responsive tbody tr > :where(th, td) {
      display: flex;
      gap: 1rem;
      border-top: none !important;
      border-right: none !important;
      border-bottom: 1px solid var(--color-line-border) !important;
      border-left: none !important;
    }
    .hdt-table--responsive tbody tr > :where(th, td):last-child {
      border-bottom: none !important;
    }
    .hdt-table--responsive tr > td:before {
      color: rgba(var(--color-foreground));
      content: attr(data-label);
      flex-grow: 1;
      text-align: start;
      font-weight: var(--font-bold);
    }
    .hdt-table--responsive tfoot {
      display: grid;
      border: none;
      margin-top: 3rem;
    }
    .hdt-table--responsive tfoot > tr {
      display: grid;
    }

    .hdt-table--responsive tfoot > tr :where(th, td) {
      display: flex;
      gap: 1rem;
      border: none;
      padding: .5rem 0;
    }
  }
  .hdt-slider-nav {
    display: none;
  }
  @media (min-width: 768px) {
    .hdt-slider-nav {
      display: inline;
    }
    :is(.hdt-featured-collections, .hdt-collection-list, .hdt-collection-list--dynamic) .hdt-slider-nav {
      display: none;
    }
    .hdt-container-full .hdt-slider-nav {
      --inset: 0rem;
    }
    .hdt-container-lg .hdt-slider-nav,
    .hdt-container .hdt-slider-nav {
      --inset: -1.5rem;
    }
  }
  @media (min-width: 1025px) {
    :is(.hdt-featured-collections, .hdt-collection-list, .hdt-collection-list--dynamic) .hdt-slider-nav {
      display: inline;
    }
  }
  @media (min-width: 1150px) {
    .hdt-container-full .hdt-slider-nav {
      --inset: 3.3rem
    }
    .hdt-container-lg .hdt-slider-nav {
      --inset: var(--inset-lg, -1.5rem)
    }
    .hdt-container .hdt-slider-nav {
      --inset: -4rem;
    }
  }
  @media (min-width: 1600px) {
    .hdt-container .hdt-slider-nav {
      --inset: -6.9rem
    }
  }

/* ==========================================================================
  3. ACCESSIBILITY
  ========================================================================== */

  .sr-only {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }
  @media (max-width: 767px) {
    .sr-only-mobile {
      position: absolute !important;
      overflow: hidden;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      clip: rect(0 0 0 0);
      word-wrap: normal !important;
    }
  }
  .focus-none {
    box-shadow: none !important;
    outline: 0 !important;
  }

  .sr-only--inline  {
    margin: 0;
    height: 1em;
  }
  :focus:not(:focus-visible) {
    outline: none;
  }
  *:focus-visible {
    /* outline: 0.2rem solid var(--color-focus);
    outline-offset: 0.3rem; */
    outline: var(--color-focus) auto 1px;
    outline-offset: .3rem;
    /* box-shadow: 0 0 0 0.3rem var(--color-foreground),0 0 0.5rem 0.4rem var(--color-foreground); */
  }
  .focus-inset-1:focus-visible {
    outline-offset: -.19rem;
  }
  .focus-inset:focus-visible {
    outline-offset: -0.32rem;
  }
  .sr-only[type=checkbox]:focus-visible + label,
  .sr-only[type=radio]:focus-visible + label {
    box-shadow: 0 0 0 0.2rem var(--color-background),0 0 0 0.4rem var(--color-focus);
  }
  .skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto;
  }
  .sr-focus-fix-oh:focus-visible:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 0.2rem var(--color-focus) !important;
    z-index: 40;
    pointer-events: none;
  }



  /* ==========================================================================
    4. LAYOUT
    ========================================================================== */

    /*================ 4.1. Container ================*/
    /* :root {
      --stretch-max: 15px;
      --stretch-lg-max: 30px;
      --stretch-md-max: 30px;
    } */
    .hdt-container,
    .hdt-container-full,
    .hdt-container-lg,
    .hdt-container-custom {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
    }
    .hdt-container,
    .hdt-container-lg,
    .hdt-container-custom {
      padding: 0 1.5rem;
    }
    .hdt-container-spacing {
      padding: 0 var(--spacing);
    }
    .hdt-container-custom {
      max-width: min(100%, var(--max-w-container, 110%));
    }
    /* .hdt-container--stretch {
      width: 100%;
      padding-inline-start: max(var(--stretch-max), (100% - var(--container-max-width)) / 2);
    }
    @media (min-width: 768px) {
      :root {
        --stretch-max: var(--stretch-md-max);
      }
    } */
    .hdt-page-content {
      max-width: var(--hdt-content-width);
      width: 100%;
      margin-inline: auto;
    }
    @media (min-width: 768px) {
      .hdt-container, .hdt-container-lg {
        max-width: min(100%, var(--container-max-width-padding-md, 110%));
        padding: 0 3rem;
      }
      .hdt-container-custom {
        padding: 0 3rem;
      }
      .hdt-container-spacing {
        padding: 0 var(--spacing-md);
      }
    }
    @media (min-width: 1150px) {
      .hdt-container {
        max-width: var(--container-max-width-padding-lg);
        padding: 0 5rem;
      }
      .hdt-container-custom {
        padding: 0 5rem;
      }
      .hdt-container-lg {
        max-width: 100%;
        padding: 0 var(--pd-container, 3rem);
      }
      .hdt-container-spacing {
        padding: 0 var(--spacing-lg);
      }
    }

    /*================ 4.2. Hepler Class ================*/
      /*================ 4.2.1. Display ================*/
      .hdt-hidden {
        display: none;
      }
      .hdt-block {
        display: block;
      }
      .hdt-inline-block {
        display: inline-block;
      }
      .hdt-inline {
        display: inline;
      }
      .hdt-flex {
        display: flex;
      }
      .hdt-inline-flex {
        display: inline-flex;
      }
      .hdt-grid {
        display: grid;
      }
      .hdt-inline-grid {
        display: inline-grid;
      }
      .hdt-contents {
        display: contents;
      }
      .hdt-order-first {
        order: -9999;
      }
      .hdt-order-last {
        order: 9999;
      }
      @media (min-width: 768px) {
        .md\:hdt-hidden {
          display: none;
        }
        .md\:hdt-block {
          display: block;
        }
        .md\:hdt-inline-block {
          display: inline-block;
        }
        .md\:hdt-inline {
          display: inline;
        }
        .md\:hdt-flex {
          display: flex;
        }
        .md\:hdt-inline-flex {
          display: inline-flex;
        }
        .md\:hdt-grid {
          display: grid;
        }
        .md\:hdt-inline-grid {
          display: inline-grid;
        }
        .md\:hdt-order-first {
          order: -9999;
        }
        .md\:hdt-order-last {
          order: 9999;
        }
      }
      @media (min-width: 1150px) {
        .lg\:hdt-hidden {
          display: none;
        }
        .lg\:hdt-block {
          display: block;
        }
        .lg\:hdt-inline-block {
          display: inline-block;
        }
        .lg\:hdt-inline {
          display: inline;
        }
        .lg\:hdt-flex {
          display: flex;
        }
        .lg\:hdt-inline-flex {
          display: inline-flex;
        }
        .lg\:hdt-grid {
          display: grid;
        }
        .lg\:hdt-inline-grid {
          display: inline-grid;
        }
        .lg\:hdt-order-first {
          order: -9999;
        }
        .lg\:hdt-order-last {
          order: 9999;
        }
      }
      @media screen and (max-width: 767px) {
        .hdt-hidden\@mobile {
          display: none !important;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 1149px) {
        .hdt-hidden\@tablet {
          display: none !important;
        }
      }

      /*================ 4.2.2. Spacing ================*/
      .hdt-p-0 {
        padding: 0;
      }
      .hdt-p-10 {
        padding: 10px;
      }
      .hdt-p-15 {
        padding: 15px;
      }
      .hdt-p-20 {
        padding: 20px;
      }
      .hdt-pt-20 {
        padding-top: 20px;
      }
      .hdt-pb-20 {
        padding-bottom: 20px;
      }
      .hdt-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0;
      }
      .hdt-ps-15 {
        padding-inline-start: 15px;
      }
      .hdt-pe-15 {
        padding-inline-end: 15px;
      }
      .hdt-px-15 {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
      }
      .hdt-p-custom {
        padding: var(--hdt-padding);
      }
      .hdt-section-spacing {
        padding-top: var(--section-pt);
        padding-bottom: var(--section-pb);
      }
      .hdt-section-spacing--margin {
        margin-top: var(--section-mt);
        margin-bottom: var(--section-mb);
      }
      @media (min-width: 768px) {
        .md\:hdt-px-0 {
          padding-inline-start: 0;
          padding-inline-end: 0;
        }
        .md\:hdt-ps-30 {
          padding-inline-start: 30px;
        }
        .md\:hdt-pe-30 {
          padding-inline-end: 30px;
        }
        .md\:hdt-px-30 {
          padding-inline-start: 30px;
          padding-inline-end: 30px;
        }
        .md\:hdt-p-custom {
          padding: var(--hdt-padding-md);
        }
        .md\:hdt-ps-max {
          padding-inline-start: max(3rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2);
        }
        .md\:hdt-pe-max {
          padding-inline-end: max(3rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2);
        }
        .hdt-section-spacing {
          padding-top: max(calc(var(--section-pt-lg) * .85), var(--section-pt));
          padding-bottom: max(calc(var(--section-pb-lg) * .85), var(--section-pb));
        }
        .hdt-section-spacing--margin {
          margin-top: max(calc(var(--section-mt-lg) * .85), var(--section-mt));
          margin-bottom: max(calc(var(--section-mb-lg) * .85), var(--section-mb));
        }
      }
      @media (min-width: 1150px) {
        .lg\:hdt-px-0 {
          padding-inline-start: 0;
          padding-inline-end: 0;
        }
        .lg\:hdt-px-30 {
          padding-inline-start: 30px;
          padding-inline-end: 30px;
        }
        .lg\:hdt-px-40 {
          padding-inline-start: 40px;
          padding-inline-end: 40px;
        }
        .lg\:hdt-px-50 {
          padding-inline-start: 50px;
          padding-inline-end: 50px;
        }
        .lg\:hdt-ps-50 {
           padding-inline-start: 50px;
        }
        .lg\:hdt-pe-50 {
           padding-inline-end: 50px;
        }
        .lg\:hdt-p-custom {
          padding: var(--hdt-padding-lg);
        }
        .lg\:hdt-ps-max {
          padding-inline-start: max(5rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2);
        }
        .lg\:hdt-pe-max {
          padding-inline-end: max(5rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2);
        }
        .hdt-section-spacing {
          padding-top: var(--section-pt-lg);
          padding-bottom: var(--section-pb-lg);
        }
        .hdt-section-spacing--margin {
          margin-top: var(--section-mt-lg);
          margin-bottom: var(--section-mb-lg);
        }
      }

      /*================ 4.2.3. Text, justify, align, place ================*/
      .hdt-text-start, .hdt-text-left {
        text-align: start;
      }

      .hdt-text-center {
        text-align: center;
      }

      .hdt-text-end, .hdt-text-right {
        text-align: end;
      }

      .hdt-justify-start {
        justify-content: start;
      }

      .hdt-justify-center {
        justify-content: safe center;
      }

      .hdt-justify-end {
        justify-content: end;
      }

      .hdt-justify-between {
        justify-content: space-between;
      }

      .hdt-justify-items-start {
        justify-items: start;
      }

      .hdt-justify-items-center {
        justify-items: safe center;
      }

      .hdt-justify-items-end {
        justify-items: end;
      }

      .hdt-justify-self-start {
        justify-self: start;
      }

      .hdt-justify-self-center {
        justify-self: center;
      }

      .hdt-justify-self-end {
        justify-self: end;
      }

      .hdt-align-start {
        align-items: start;
      }

      .hdt-align-center {
        align-items: center;
      }

      .hdt-align-end {
        align-items: end;
      }

      .hdt-align-self-start {
        align-self: start;
      }

      .hdt-align-self-center {
        align-self: center;
      }

      .hdt-align-self-end {
        align-self: end;
      }

      .hdt-place-self-start {
        place-self: start;
      }

      .hdt-place-self-start-center {
        place-self: start center;
      }

      .hdt-place-self-start-end {
        place-self: start end;
      }

      .hdt-place-self-center {
        place-self: center;
      }

      .hdt-place-self-center-start {
        place-self: center start;
      }

      .hdt-place-self-center-end {
        place-self: center end;
      }

      .hdt-place-self-end {
        place-self: end;
      }

      .hdt-place-self-end-start {
        place-self: end start;
      }

      .hdt-place-self-end-center {
        place-self: end center;
      }
      .hdt-flex-wrap {
        flex-wrap: wrap;
      }
      @media (min-width: 768px) {
        .md\:hdt-text-start,
        .md\:hdt-text-left {
          text-align: start;
        }

        .md\:hdt-text-center {
          text-align: center;
        }

        .md\:hdt-text-end,
        .md\:hdt-text-right {
          text-align: end;
        }

        .md\:hdt-justify-start {
          justify-content: start;
        }

        .md\:hdt-justify-center {
          justify-content: safe center;
        }

        .md\:hdt-justify-end {
          justify-content: end;
        }

        .md\:hdt-justify-between {
          justify-content: space-between;
        }

        .md\:hdt-justify-items-start {
          justify-items: start;
        }

        .md\:hdt-justify-items-center {
          justify-items: safe center;
        }

        .md\:hdt-justify-items-end {
          justify-items: end;
        }

        .md\:hdt-justify-self-start {
          justify-self: start;
        }

        .md\:hdt-justify-self-center {
          justify-self: center;
        }

        .md\:hdt-justify-self-end {
          justify-self: end;
        }

        .md\:hdt-align-start {
          align-items: start;
        }

        .md\:hdt-align-center {
          align-items: center;
        }

        .md\:hdt-align-end {
          align-items: end;
        }

        .md\:hdt-align-self-start {
          align-self: start;
        }

        .md\:hdt-align-self-center {
          align-self: center;
        }

        .md\:hdt-align-self-end {
          align-self: end;
        }

        .md\:hdt-place-self-start {
          place-self: start;
        }

        .md\:hdt-place-self-start-center {
          place-self: start center;
        }

        .md\:hdt-place-self-start-end {
          place-self: start end;
        }

        .md\:hdt-place-self-center {
          place-self: center;
        }

        .md\:hdt-place-self-center-start {
          place-self: center start;
        }

        .md\:hdt-place-self-center-end {
          place-self: center end;
        }

        .md\:hdt-place-self-end {
          place-self: end;
        }

        .md\:hdt-place-self-end-start {
          place-self: end start;
        }

        .md\:hdt-place-self-end-center {
          place-self: end center;
        }

        .md\:hdt-flex-wrap {
          flex-wrap: wrap;
        }
      }
      @media (min-width: 1024px) {
        .tb\:hdt-text-start {
          text-align: start;
        }
      }
      @media (min-width: 1150px) {
        .lg\:hdt-text-start,
        .lg\:hdt-text-left {
          text-align: start;
        }

        .lg\:hdt-text-center {
          text-align: center;
        }

        .lg\:hdt-text-end,
        .lg\:hdt-text-right {
          text-align: end;
        }

        .lg\:hdt-justify-start {
          justify-content: start;
        }

        .lg\:hdt-justify-center {
          justify-content: safe center;
        }

        .lg\:hdt-justify-end {
          justify-content: end;
        }

        .lg\:hdt-justify-between {
          justify-content: space-between;
        }

        .lg\:hdt-justify-items-start {
          justify-items: start;
        }

        .lg\:hdt-justify-items-center {
          justify-items: safe center;
        }

        .lg\:hdt-justify-items-end {
          justify-items: end;
        }

        .lg\:hdt-justify-self-start {
          justify-self: start;
        }

        .lg\:hdt-justify-self-center {
          justify-self: center;
        }

        .lg\:hdt-justify-self-end {
          justify-self: end;
        }

        .lg\:hdt-align-start {
          align-items: start;
        }

        .lg\:hdt-align-center {
          align-items: center;
        }

        .lg\:hdt-align-end {
          align-items: end;
        }

        .lg\:hdt-align-self-start {
          align-self: start;
        }

        .lg\:hdt-align-self-center {
          align-self: center;
        }

        .lg\:hdt-align-self-end {
          align-self: end;
        }

        .lg\:hdt-place-self-start {
          place-self: start;
        }

        .lg\:hdt-place-self-start-center {
          place-self: start center;
        }

        .lg\:hdt-place-self-start-end {
          place-self: start end;
        }

        .lg\:hdt-place-self-center {
          place-self: center;
        }

        .lg\:hdt-place-self-center-start {
          place-self: center start;
        }

        .lg\:hdt-place-self-center-end {
          place-self: center end;
        }

        .lg\:hdt-place-self-end {
          place-self: end;
        }

        .lg\:hdt-place-self-end-start {
          place-self: end start;
        }

        .lg\:hdt-place-self-end-center {
          place-self: end center;
        }

        .lg\:hdt-flex-wrap {
          flex-wrap: wrap;
        }

      }

      /*================ 4.2.4. Socials ================*/
      .hdt-social--facebook, .hdt-social-link--facebook {
        --color-social: #4267B2;
      }
      .hdt-social--twitter, .hdt-social-link--twitter {
        --color-social: #14171A;
      }
      .hdt-social--pinterest, .hdt-social-link--pinterest {
        --color-social: #E60023;
      }
      .hdt-social--tumblr, .hdt-social-link--tumblr {
        --color-social: #34475c;
      }
      .hdt-social--telegram, .hdt-social-link--telegram {
        --color-social: #31a8e0;
      }
      .hdt-social--whatsapp, .hdt-social-link--whatsapp {
        --color-social: #25D366;
      }
      .hdt-social--linkedin, .hdt-social-link--linkedin {
        --color-social: #0a66c2;
      }
      .hdt-social--snapchat, .hdt-social-link--snapchat {
        --color-social: #fffc00;
      }
      .hdt-social--tiktok, .hdt-social-link--tiktok {
        --color-social: #010101;
      }
      .hdt-social--vimeo, .hdt-social-link--vimeo {
        --color-social: #1ab7ea;
      }
      .hdt-social--youtube, .hdt-social-link--youtube {
        --color-social: #ff0000;
      }
      .hdt-social--instagram, .hdt-social-link--instagram {
        --blue: #3051f1;
        --purple: #c92bb7;
        --red: #f73344;
        --orange: #fa8e37;
        --yellow: #fcdf8f;
        --yellow_to: #fbd377;
        --color-social: radial-gradient(
          circle farthest-corner at 28% 100%,
          var(--yellow) 0%,
          var(--yellow_to) 10%,
          var(--orange) 22%,
          var(--red) 35%,
          transparent 65%
        ),
        linear-gradient(145deg, var(--blue) 10%, var(--purple) 70%);
      }
      .hdt-social--email, .hdt-social-link--email {
          --color-social: #5fb7e0;
      }
      .hdt-social-links {
        display: inline-flex;
        justify-content: center;
        gap: var(--link-gap, .66rem);
        flex-wrap: wrap;
      }
      .hdt-social-links--icon-small {
        --icon-size: 2.1rem;
      }
      .hdt-social-links--icon-medium {
        --icon-size: 2.8rem;
      }
      .hdt-social-links--icon-large {
        --icon-size: 3.4rem;
      }
      .hdt-social-links > a {
        position: relative;
        flex: none;
        display: inline-flex;
        width: var(--icon-size);
        height: var(--icon-size);
        padding: calc(var(--icon-size) * .28);
        color: var(--color-foreground);
      }
      .hdt-social-links--circle > a {
        border-radius: var(--corner-radius-full);
      }
      .hdt-social-links > a svg {
        width: 100%;
      }
      .hdt-social-links > a:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        border-radius: inherit;
        z-index: 0;
        border: 1px solid var(--color-foreground);
      }
      .hdt-social-links svg {
        position: relative;
        z-index: 2;
      }

      /*================ 4.2.5. Other ================*/
      .hdt-oh {
        overflow: hidden;
      }
      .hdt-ov {
        overflow: visible;
      }
      .hdt-pe-none, wrapp-discount-remove button * {
        pointer-events: none;
      }
      .hdt-pe-auto {
        pointer-events: auto;
      }
      .hdt-fixed {
        position: fixed;
      }
      .hdt-relative {
        position: relative;
      }
      .hdt-absolute {
        position: absolute;
      }
      .hdt-top-0 {
        top: 0;
      }
      .hdt-bottom-0 {
        bottom: 0;
      }
      .dir--ltr .hdt-left-0 {
        left: 0;
      }
      .dir--ltr .hdt-right-0 {
        right: 0;
      }
      .dir--rtl .hdt-left-0 {
        right: 0;
      }
      .dir--rtl .hdt-right-0 {
        left: 0;
      }
      .hdt-flex-col {
        flex-direction: column;
      }
      .hdt-grid-1x1 {
        grid-area: 1 / -1;
      }
      .hdt-w-full {
        width: 100%;
      }
      .hdt-h-full {
        height: 100%;
      }
      .hdt-h-auto {
        height: auto;
      }
      .hdt-mh-full {
        min-height: 100%;
      }
      .hdt-truncate {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
      }
      .hdt-line-clamp {
        -webkit-line-clamp: var(--line-clamp-count, 2);
        -webkit-box-orient: vertical;
        line-clamp: var(--line-clamp-count, 2);
        display: -webkit-box;
        overflow: hidden;
      }
      hdt-need-checked-to-use [disabled] {
        opacity: 0.5;
        pointer-events: none;
      }
      .hdt-blur-5 {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        /* -webkit-backdrop-filter: blur(5px) brightness(108%);
        backdrop-filter: blur(5px) brightness(108%); */
      }
      [dir="rtl"] .hdt-icon--rtl {
        scale: -1;
      }
      .hdt-border {
        border: 1px solid var(--color-line-border);
      }
      .hdt-border--bottom {
        border-bottom: 1px solid var(--color-line-border);
      }
      .hdt-grid-item:before {
        box-shadow: inset -1px -1px var(--border-color), -1px -1px var(--border-color);
      }
      .hdt-slider__border:before {
        content: '';
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid var(--color-line-border);
        z-index: 1;
        pointer-events: none;
        display: block !important;
        background-color: transparent;
      }
      .hdt-slider__border .hdt-slider__slide:before {
        content: "";
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset -1px -1px var(--color-line-border), -1px -1px var(--color-line-border);
        pointer-events: none;
      }
      .hdt-slider[autoheight] .hdt-slider__border .hdt-slider__slide:before {
        height: 1000px;
      }
      wrapp-hdt-share-btn:not([hidden]) + .hdt-share-button {
        display: none !important;
      }
      .hdt-icon {
        max-width: var(--icon-max-width, 4rem);
      }
      @keyframes fadeIn {
        0% {
          opacity: 0;
          transform: translateY(20px);
        }
        50% {
          opacity: 0.5;
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes fadeOut {
        0% {
          opacity: 1;
          transform: translateY(0);
        }
        50% {
          opacity: 0.5;
        }
        100% {
          opacity: 0;
          transform: translateY(20px);
        }
      }
      @keyframes gentleBounce {
        0%, 100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-5px);
        }
      }

      .hdt-print-only {
        display: none;
      }

      @media print {
        .hdt-no-print {
          display: none !important;
        }
        .hdt-text-center--print {
          text-align: center;
        }
        .hdt-no-border--print {
          border: none;
        }
        .hdt-print-only {
          display: block;
        }
      }

    /*================ 4.3. Grid ================*/

      /*================ 4.3.1. Grid CSS ================*/
        .hdt-row-grid {
          display: grid;
          column-gap: var(--spacing-x);
          row-gap: var(--spacing-y);
          grid-template-columns: repeat(var(--cols,1), minmax(0, 1fr));
        }
        .hdt-row-grid--modify {
          --col-width: calc(100% / var(--cols) - var(--spacing-x) * ((var(--cols) - 1) / var(--cols)));
          --col-grid: auto / repeat(auto-fit, var(--col-width));
          grid: var(--col-grid);
        }
        .hdt-grid-cols-0,
        .hdt-grid-cols-1 {
          --cols: 1;
        }
        .hdt-grid-cols-2 {
          --cols: 2;
        }
        .hdt-grid-cols-3 {
          --cols: 3;
        }
        .hdt-grid-cols-4 {
          --cols: 4;
        }
        .hdt-grid-cols-5 {
          --cols: 5;
        }
        .hdt-grid-cols-6 {
          --cols: 6;
        }
        @media (min-width: 768px) {
          .md\:hdt-grid-cols-0,
          .md\:hdt-grid-cols-1 {
            --cols: 1;
          }
          .md\:hdt-grid-cols-2 {
            --cols: 2;
          }
          .md\:hdt-grid-cols-3 {
            --cols: 3;
          }
          .md\:hdt-grid-cols-4 {
            --cols: 4;
          }
          .md\:hdt-grid-cols-5 {
            --cols: 5;
          }
          .md\:hdt-grid-cols-6 {
            --cols: 6;
          }
          .md\:hdt-grid-cols-12 {
            --cols: 12;
          }
        }
        @media (min-width: 1150px) {
          .lg\:hdt-grid-cols-0,
          .lg\:hdt-grid-cols-1 {
            --cols: 1;
          }
          .lg\:hdt-grid-cols-2 {
            --cols: 2;
          }
          .lg\:hdt-grid-cols-3 {
            --cols: 3;
          }
          .lg\:hdt-grid-cols-4 {
            --cols: 4;
          }
          .lg\:hdt-grid-cols-5 {
            --cols: 5;
          }
          .lg\:hdt-grid-cols-6 {
            --cols: 6;
          }
          .lg\:hdt-grid-cols-12 {
            --cols: 12;
          }
          /* https://web.dev/patterns/layout/twelve-span-grid/ */
          /* .lg\:hdt-grid-col-3 {
            grid-column: 1 / span 3;
          }
          .lg\:hdt-grid-col-9 {
            grid-column: 4 / span 12;
          } */
        }

      /*================ 4.3.2. Flex CSS ================*/
       .hdt-row-flex {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          column-gap: var(--spacing-x);
          row-gap: var(--spacing-y);
        }
        /* :where(.hdt-row-flex--10, .hdt-row-flex--12).hdt-row-flex {
           column-gap: 0;
           margin-inline: calc(-.5* var(--spacing-x));
         } */
        .hdt-row-flex .hdt-col {
          flex: 0 0 auto;
          max-width: 100%;
          width: calc(100% / var(--cols) - (var(--spacing-x, 0px) * calc( var(--cols) - 1) / var(--cols)));
        }
        /* :where(.hdt-row-flex--10, .hdt-row-flex--12).hdt-row-flex .hdt-col {
          padding-inline: calc(var(--spacing-x)* .5);
        } */
        .hdt-spacing-0 {
          --spacing-x: 0px;
          --spacing-y: 0px;
        }
        .hdt-flex-cols-1 {
          --cols: 1;
        }
        .hdt-flex-cols-2 {
          --cols: 2;
        }
        .hdt-flex-cols-3 {
          --cols: 3;
        }
        .hdt-flex-cols-4 {
          --cols: 4;
        }
        .hdt-flex-cols-5 {
          --cols: 5;
        }
        .hdt-flex-cols-6 {
          --cols: 6;
        }
        .hdt-flex-row {
          flex-direction: row;
        }
        .hdt-flex-col {
          flex-direction: column;
        }
        .hdt-flex-row-reverse {
          flex-direction: row-reverse;
        }
        .hdt-flex-col-reverse {
          flex-direction: column-reverse;
        }
        @media (min-width: 768px) {
          .md\:hdt-flex-cols-1 {
            --cols: 1;
          }
          .md\:hdt-flex-cols-2 {
            --cols: 2;
          }
          .md\:hdt-flex-cols-3 {
            --cols: 3;
          }
          .md\:hdt-flex-cols-4 {
            --cols: 4;
          }
          .md\:hdt-flex-cols-5 {
            --cols: 5;
          }
          .md\:hdt-flex-cols-6 {
            --cols: 6;
          }
          .md\:hdt-flex-row-reverse {
            flex-direction: row-reverse;
          }
          .md\:hdt-flex-col-reverse {
            flex-direction: column-reverse;
          }
          .md\:hdt-flex-row {
            flex-direction: row;
          }
          .md\:hdt-flex-col {
            flex-direction: column;
          }
        }
        @media (min-width: 1150px) {
          .lg\:hdt-flex-cols-1 {
            --cols: 1;
          }
          .lg\:hdt-flex-cols-2 {
            --cols: 2;
          }
          .lg\:hdt-flex-cols-3 {
            --cols: 3;
          }
          .lg\:hdt-flex-cols-4 {
            --cols: 4;
          }
          .lg\:hdt-flex-cols-5 {
            --cols: 5;
          }
          .lg\:hdt-flex-cols-6 {
            --cols: 6;
          }
          .lg\:hdt-flex-row-reverse {
            flex-direction: row-reverse;
          }
          /* .hdt-row-flex--12 .lg\:hdt-col-1 {
            width: 8.33333333%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-2 {
            width: 16.66666667%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-3 {
            width: 25%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-4 {
            width: 33.33333333%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-5 {
            width: 41.66666667%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-6 {
            width: 50%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-7 {
            width: 58.33333333%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-8 {
            width: 66.66666667%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-9 {
            width: 75%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-10 {
            width: 83.33333333%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-11 {
            width: 91.66666667%;
          }
          .hdt-row-flex--12 .lg\:hdt-col-12 {
            width: 100;
          } */
        }
    /*================ 4.4. Reveal In View ================*/
    @media (prefers-reduced-motion: no-preference) {
      .js.hdt-reveal-in-view [hdt-reveal],
      .js.hdt-reveal-in-view [hdt-reveal][timeline] :where([can-reveal], [hdt-reveal-timeline])  {
        opacity: 0.01;
      }
      .js.hdt-reveal-in-view [hdt-reveal][timeline] {
        opacity: 1;
      }

      .js hdt-reveal-items[reveal-on-scroll=true] :where(.hdt-card-product, .hdt-reveal-item),
      .js [reveal], .js .hdt-content-eff-reveal [can-reveal], .js [reveal-on-scroll=true] [can-reveal] {
        opacity: 0;
      }
      .js [reveal-invisible] {
        visibility: hidden;
      }
    }
    /*================ 4.5. Color Schemes ================*/
    .hdt-s-gradient {
      background: var(--color-background);
      background: var(--gradient-background);
      /* background-attachment: fixed; */
    }
    .hdt-s-text {
      color: var(--color-foreground);
    }
    .hdt-s-text2 {
      color: var(--color-foreground2);
    }
    .hdt-s-pr-text {
      color: var(--color-pr-text);
    }

  /*================ 4.6. Ratio and Object ================*/
    .hdt-ratio > *:not(.zoom, .not-apply-ratio),
    .hdt-ratio model-viewer {
      display: block;
      max-width: 100%;
      position: absolute;
      margin: 0;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
    .hdt-ratio--contain .hdt-ratio > img,
    .hdt-object-contain {
      object-fit: contain;
    }
    .hdt-object-center {
      object-position: center;
    }
    .hdt-object-cover {
      object-fit: cover;
    }
    .hdt-object-fill {
      object-fit: fill;
    }
    .hdt-ratio {
      display: flex;
      width: 100%;
      position: relative;
      align-items: stretch;
    }
    .hdt-ratio::before {
      content: '';
      width: 0;
      height: 0;
      display: block !important;
      padding-bottom: var(--ratio-percent);
    }
    .hdt-ratio--smart::before {
      content: '';
      display: block !important;
      padding-bottom: var(--ratio-percent);
      grid-area: 1/-1;
    }

    .hdt-ratio--3-2 {
      --ratio-percent: 150%;
    }

    .hdt-ratio--asos {
      --ratio-percent: 127.7777778%;
    }

    .hdt-ratio--portrait {
      --ratio-percent: 125%;
    }

    .hdt-ratio--square {
      --ratio-percent: 100%;
    }

    .hdt-ratio--4-3 {
      --ratio-percent: 75%;
    }

    .hdt-ratio--landscape {
     --ratio-percent: 66.67%;
    }

    .hdt-ratio--circle {
      --ratio-percent: 100%;
      border-radius: 50%;
      position: relative;
      overflow: hidden;
    }

    :where(.hdt-ratio--adapt_image, .hdt-ratio--adapt_image_first) .hdt-ratio,
    .hdt-ratio--adapt_image.hdt-ratio {
      --ratio-percent: calc(100% / (var(--aspect-ratioapt)))
    }
    .hdt-ratio--full .hdt-ratio {
      --ratio-percent: 100vh;
    }
    .hdt-section:first-child .hdt-ratio--full .hdt-ratio {
      --ratio-percent: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
    }
    .hdt-ratio--fixed .hdt-ratio {
      --ratio-percent: var(--aspect-ratioapt);
    }
    @media screen and (min-width: 768px) {
      :where(.md\:hdt-ratio--adapt_image, .md\:hdt-ratio--adapt_image_first) .hdt-ratio {
        --aspect-ratioapt: var(--aspect-ratioapt-md) !important;
        --ratio-percent: calc(100% / (var(--aspect-ratioapt)))
      }
      .md\:hdt-ratio--full .hdt-ratio {
        --ratio-percent: 100vh;
      }
      .hdt-section:first-child .md\:hdt-ratio--full .hdt-ratio {
        --ratio-percent: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
      }
      .md\:hdt-ratio--fixed .hdt-ratio {
        --ratio-percent: var(--aspect-ratioapt-md);
      }
    }

    @media screen and (max-width: 767px) {
      .hdt-object-pos-mb {
        object-position: var(--object-pos-mb, 50% 50%) !important
      }
    }

    /*================ 4.7. Dialog ================*/
    html[scroll-lock] {
      margin-right: var(--scrollbar-w);
      overflow: hidden;
    }

    .hdt-dialog {
      position: fixed;
      inset: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      border-radius: 0;
      &::backdrop {
        transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1);
        opacity: 0;
      }
      &:modal {
        display: flex;
        flex-direction: column;
      }
      &:focus-visible {
        box-shadow: none !important;
        outline: 0 !important;
      }
      svg[ref="hdt-close-icon"] {
        color: var(--color-foreground);
        width: 2.5rem;
        height: 2.5rem;
        transition: transform 0.25s ease-in;
      }
      @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
        .hdt-dialog__btn-x:hover svg {
          transform: rotate(-90deg);
        }
      }
    }
    .hdt-dialog[open] {
      &::backdrop {
        background-color: var(--color-overlay);
        background-color: color-mix(in srgb, var(--color-overlay), transparent 50%);
        opacity: 1;
      }
      &:not(.dialog-closing)::backdrop {
        cursor: var(--cursor-close-icon) 25 25, auto;
      }
      &.dialog-closing::backdrop {
        opacity: 0;
      }
      &.hdt-menu-drawer.dialog-closing::backdrop {
        opacity: 1;
      }
    }
    .hdt-dialog-drawer {
      inset: auto;
      top: 0;
      max-width: 95vw;
      margin: 0 0 0 auto;
      overflow: hidden;
      background: var(--color-background);
      color: var(--color-foreground2);
      &[pos="right"] {
        inset-inline-end: 0;
      }
      &.hdt-dialog-cart-action {
        height: fit-content;
        top: auto;
        inset-block-end: 0;
      }
      &:modal {
        max-height: 100dvh;
        overflow-y: hidden;
      }
    }
    .hdt-dialog-drawer__header {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .hdt-dialog-drawer__inner {
      position: relative;
      flex: 1 1 100%;
    }
    .hdt-dialog-modal {
      margin: auto;
      max-width: min(90rem, 90vw);
      max-height: 80vh;
      height: fit-content;
      overflow: hidden;
      border-radius: .3rem;
      padding: 2rem 0;
      @media screen and (width >= 768px) {
        padding: 3.8rem 0 4rem;
      }
      &.hdt-modal__size-chart {
        max-height: 70vh;
      }
      &.hdt-modal-popup__ask {
        @media screen and (width >= 768px) {
          max-width: min(62.5rem, 90vw);
        }
      }
      &[open] {
        justify-content: center;
      }
      .hdt-dialog-modal__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2.2rem;
        padding: 0 2rem;
        @media screen and (width >= 768px) {
          padding: 0 3.6rem;
          margin-bottom: 3rem;
        }
      }
      .hdt-dialog-modal__inner {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        overflow-y: auto;
        padding: 0 2rem;
        @media screen and (width >= 768px) {
          padding: 0 3.6rem;
        }
      }
    }
    .hdt-popover {
      position: absolute;
      inset: auto;
      margin: 0;
      padding: 2rem 0;
      overflow: visible !important;
      z-index: 999;
      background: var(--color-background);
      border-radius: 0;
      width: max-content;
      max-width: min(100vw, 30rem);
      box-shadow: 0 0 1.8rem color-mix(in srgb, var(--color-overlay), transparent 80%);
      pointer-events: auto;
      .hdt-popover__arrow {
        position: absolute;
        width: 1rem;
        height: 1rem;
        transform: rotate(45deg);
        background: inherit;
      }
      .hdt-popover__header {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: .5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid color-mix(in srgb, var(--color-foreground), transparent 88%);
        @media screen and (width >= 768px) {
          &.md\:hdt-hidden {
            display: none;
          }
        }
      }
      &[open-as-modal] {
        position: fixed;
        inset: 0;
        inset-block-start: auto;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        border-radius: 0;
        .hdt-popover__arrow {
          display: none;
        }
        .hdt-popover__inner {
          -webkit-overflow-scrolling: touch;
          max-height: 80vh;
          overscroll-behavior-y: contain;
          overflow-y: auto;
          @supports (height: 1dvh) {
            max-height: 80dvh;
          }
        }
      }
    }
    .hdt-popover[open] {
      &::backdrop {
        background-color: var(--color-overlay);
        background-color: color-mix(in srgb, var(--color-overlay), transparent 50%);
        opacity: 1;
      }
      &:not(.dialog-closing)::backdrop {
        cursor: var(--cursor-close-icon) 25 25, auto;
      }
      &.dialog-closing::backdrop {
        opacity: 0;
      }
    }
    #hdt-search-drawer {
      margin: 0;
      padding: 0;
      width: 100%;
      max-width: 100%;
      max-height: min(var(--hdt-search-mh), 90vh);
      border-radius: 0;
      overflow: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    cart-drawer-items {
      overscroll-behavior-y: contain;
      -webkit-overflow-scrolling: touch;
      overflow-y: auto;
    }
    .hdt-dialog-cart-action, .hdt-cart-drawer .hdt-marquee {
      max-width: 44.4rem;
    }
    #CartDrawer.is-empty :is(#CartDrawer-complementary, .hdt-cart-drawer__footer, .hdt-cart-actions, .hdt-free-shipping-bar),
    #CartDrawer:not(.is-empty) .hdt-cart-drawer-empty,
    .hdt-main-cart.is-empty > *:not(.hdt-cart-empty),
    .hdt-main-cart:not(.is-empty) .hdt-cart-empty,
    :is(.hdt-cart-item, .hdt-main-cart-item).is-gift-wrap .hdt-cart-item__quantity-wrapper,
    .hdt-cart-complementary:empty {
      display: none;
    }
    .hdt-dialog-cart-action {
      padding-block: calc(var(--cart-openable-pb, 3rem) - .5rem) var(--cart-openable-pb, 3rem);
      padding-inline: var(--cart-openable-pi, 2.4rem);
    }
    #hdt-quick-view-modal {
      position: fixed;
      max-width: 99.2rem;
      width: 100%;
      padding: 2rem 0;
      .hdt-dialog-modal__inner {
        padding: 0;
      }
    }
    #hdt-quick-view-modal .hdt-product__info-wrapp {
      padding: 0 3rem 3rem;
    }
    .hdt-quick-view-modal >button[ref="closeButton"] {
      display: none;
    }
    .is-gift-wrap a.hdt-hover-line {
      pointer-events: none;
    }
    .hdt-product__info-container {
      transition: opacity .2s;
    }
    .hdt-section.loading-swatch .hdt-product__info-container {
      opacity: .3;
      pointer-events: none;
    }
    .hdt-modal__product.hdt-modal__ask {
      padding-top: 6rem;
      svg[ref="hdt-close-icon"] {
        width: 1.8rem;
        height: 1.8rem;
      }
      .hdt-dialog-modal__inner {
        padding-top: 0;
      }
    }
    @media (max-width: 767px) {
      #hdt-quick-view-modal {
        padding: 1.5rem;
        clip-path: inset(1.5rem round 8px);
      }
      @supports (height: 100dvh) {
        #hdt-quick-view-modal {
          max-height: calc(100dvh - 50px);
        }
      }
      #hdt-quick-view-modal .hdt-dialog-modal__header {
        margin-bottom: .1rem;
        padding: 1rem 1.5rem 1rem 2rem;
        box-shadow: color-mix(in srgb, var(--color-overlay), transparent 85%);
      }
      #hdt-quick-view-modal .hdt-product__media {
        --corner-radius-product-media: 0;
      }
      #hdt-quick-view-modal .hdt-product-info__item.hdt-product__title {
        display: none;
      }
      #hdt-quick-view-modal .hdt-product-media__thumb {
        padding-inline: 2rem;
      }
      #hdt-quick-view-modal .hdt-product__info-wrapp {
        padding: 0 2rem 3rem;
      }
    }

    @media (min-width: 850px) {
      #hdt-quick-view-modal .hdt-dialog-modal__header {
        display: none;
      }
      #hdt-quick-view-modal {
        overflow: hidden;
        padding: 4.2rem 0 4.2rem 3rem;
        border-radius: var(--corner-radius-sm);
        max-height: 92vh;
        svg[ref="hdt-close-icon"] {
          width: 1.8rem;
          height: 1.8rem;
        }
      }
      #hdt-quick-view-modal .hdt-main-product {
        min-height: 45rem;
      }
      #hdt-quick-view-modal .hdt-product-media {
        position: relative;
        top: 0;
      }
      #hdt-quick-view-modal .hdt-product__info-wrapp {
        padding: 0;
      }
      #hdt-quick-view-modal .hdt-product__info-container {
        position: absolute;
        inset: 0;
        padding-top: .4rem;
        padding-inline: .4rem 3rem;
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) button[ref="closeButton"] {
        width: 3.6rem;
        height: 3.6rem;
        border-radius: var(--corner-radius-full);
        display: grid;
        place-items: center;
        position: absolute;
        top: 1.1rem;
        inset-inline-end: 1.5rem;
        background-color: var(--color-background);
        z-index: 4;
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) .hdt-icon-progress {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        --progress-color: color-mix(in srgb, var(--color-foreground), transparent 85%);
        --cricle-width: 2px;
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) .hdt-progress__circle {
        opacity: 1;
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) .hdt-progress__path {
        stroke: var(--progress-active);
        transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) button[ref="closeButton"]:hover .hdt-icon-progress {
        transform: scale3d(1.2, 1.2, 1);
      }
      :is(.hdt-quick-view-modal, .hdt-modal__ask) button[ref="closeButton"]:hover .hdt-progress__path {
        stroke-dashoffset: 0;
      }
    }

    /*================ 4.8. Header ================*/
    .hdt-section-separator {
      box-shadow: 0 1px color-mix(in srgb, var(--color-line-border), transparent 40%) inset;
    }
    .hdt-section-separator-bottom {
      box-shadow: 0 -1px color-mix(in srgb, var(--color-line-border), transparent 40%) inset;
    }
    .hdt-section-separator--boxed,
    .hdt-section-separator--full,
    .hdt-section-separator--boxed-bottom {
      position: relative;
    }
    .hdt-section-separator--boxed:before,
    .hdt-section-separator--full:before,
    .hdt-section-separator--boxed-bottom:before {
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      inset-inline: 0;
      top: 0;
      z-index: 2;
      background-color: color-mix(in srgb, var(--color-line-border), transparent 40%);
      /* box-shadow: 0 1px color-mix(in srgb, var(--color-line-border), transparent 40%); */
      max-width: var(--container-max-width);
      margin: 0 auto;
    }
    .hdt-section-separator--boxed-bottom:before {
      top: auto;
      bottom: 0;
    }
    .hdt-header__shadow {
      box-shadow: 0 -1px color-mix(in srgb, var(--color-foreground), transparent 88%) inset;
      box-shadow: 0 -1px color-mix(in srgb, var(--color-line-border), transparent 40%) inset;
    }
    .hdt-section-header.shopify-section-group-header-group {
      z-index: 20;
    }
    .shopify-section-group-header-group {
      z-index: 23;
      margin-top: 0 !important;
    }
    .header__logo-img {
      width: var(--logo-width-mobile);
      max-width: 100%;
      height: auto;
      opacity: calc(1 - var(--hdt-logo-transparent));
      transition: opacity .2s;
    }
    .header__logo-img--transparent {
      opacity: var(--hdt-logo-transparent);
    }
    .hdt-section-header+#MainContent > .section-sp-transparent:first-child,
    .section-sp-transparent:first-child:not(:has(.hdt-section-header~.shopify-section-group-header-group)) {
      margin-block-start: calc(var(--hdt-header-transparent) * -1 * var(--header-height, 0px) - (var(--toolbar-height, 0px) * var(--toolbar-transparent)) - 0px);
      --gap-when-transparent: calc(var(--hdt-header-transparent) * (var(--header-height, 0px) / 1.5) + var(--toolbar-transparent) * (var(--toolbar-height, 0px) / 1.5) );
    }
    .section-sp-transparent:first-child .hdt-media-content {
      padding-top: var(--gap-when-transparent);
    }
    .hdt-section-header {
      position: sticky;
    }
    .scrolled-past-header {
      --hdt-logo-transparent: 0;
      top: 0;
    }
    .hdt-section-header ~ .shopify-section-group-header-group {
      z-index: initial;
    }
    .shopify-section-header-hidden {
      top: calc(-1 * var(--header-height));
    }
    .shopify-section-header-hidden.menu-open {
      top: 0;
    }
    .hdt-section-header.animate {
      transition: top 0.15s ease-out;
    }
    .hdt-sticky-header[sticky-inted] {
      transition: background-color .2s ease, color .3s ease, border .2s ease, box-shadow .2s ease;
    }
    .scrolled-past-header:not(.shopify-section-header-hidden) .hdt-sticky-header--glass {
      background-color: color-mix(in srgb, var(--color-background), transparent 40%);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
    }
    .hdt-header-wrapper {
      display: grid;
      grid: var(--header-layout);
      column-gap: 1.5rem;
      min-height: 6rem;
      align-items: center;
      padding-block: 1rem;
    }
    .hdt-header__logo {
      grid-area: logo;
      justify-self: start;
    }
    .hdt-header__nav {
      grid-area: nav;
    }
    .hdt-header__icons {
      grid-area: icons;
      justify-self: end;
    }
    .hdt-header__search-btn {
      grid-area: search;
      justify-self: start;
    }
    .hdt-header__icons-wrapper {
      column-gap: var(--gap-icons, 1.5rem);
    }
    #menu-drawer {
      max-width: min(383px, calc(100vw - 50px));
      color: var(--color-foreground);
      &:modal {
        display: grid;
        grid-auto-rows: auto minmax(0, 1fr) auto;
      }
    }
    .hdt-menu-drawer__inner {
      padding: .5rem 0;
      overscroll-behavior-y: contain;
      -webkit-overflow-scrolling: touch;
      overflow-y: auto;
    }
    .hdt-menu-drawer__header {
      display: grid;
      align-items: center;
      grid-template-columns: auto minmax(0, 1fr) auto;
      text-align: center;
      column-gap: 1rem;
      padding: 1.25rem 2rem;
      margin-bottom: 0;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
    }
    .hdt-menu-drawer__menu-item,
    .hdt-menu-drawer__panel-menu-item {
      padding: 1.05rem 2rem;
      border-bottom: 1px solid var(--color-line-border);
      clip-path: inset(0 2rem);
      display: flex;
      align-items: center;
      justify-content: space-between;
      column-gap: 1rem;
    }
    #menu-drawer li:last-child :is(a, details) {
      border-bottom: 0;
    }
    .hdt-menu-drawer__menu-uppercase {
      font-size: var(--text-sm);
      text-transform: uppercase;
      letter-spacing: calc(var(--text-sm) * 0.1);
    }
    .hdt-menu-drawer-footer {
      padding: 2rem;
    }
    .hdt-menu-drawer__panel-menu summary svg {
      transform: rotate(90deg);
      min-width: 1rem;
    }
    .hdt-menu-drawer__panel-menu details ul {
      padding-block: 1rem 1.68rem;
    }
    .hdt-menu-drawer__details-item {
      padding: .5rem 2rem;
      display: block;
    }
    .hdt-mobile-menu__promo-images {
      padding: .5rem 2rem;
      margin-block: 1.5rem;
    }
    .hdt-menu-drawer__mega_standard {
      display: grid;
      row-gap: 2rem;
    }
    .hdt-mobile-menu__link--images {
      padding: 1.5rem 2rem 0;
    }
    .hdt-mobile-menu__link--images + ul {
      margin-top: 1.2rem;
    }
    .hdt-mobile-menu__promo-images-item, .hdt-mobile-menu__link--images {
      align-content: start;
      row-gap: 1rem;
    }
    .hdt-mobile-menu__promo-images .hdt-relative + *,
    .hdt-mobile-menu__link--images .hdt-relative + * {
      margin-top: .4rem;
    }
    .hdt-mobile-menu__item--highlight a {
      padding: .6rem 2rem;
      display: block;
    }
    .hdt-menu-drawer__details-item[aria-current="page"] span {
      display: inline-block;
      background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 2em) / 100% 1px no-repeat;
      background-position-x: var(--value-origin-start);
    }
    .hdt-menu-drawer-footer .hdt-social-links {
      margin-top: 1.6rem;
      display: flex;
      justify-content: center;
    }
    .hdt-slider-announcement {
      max-width: var(--announcement-mw, 100%);
      margin: 0 auto;
      padding-inline: 4rem;
      position: relative;
    }
    .hdt-slider-announcement .hdt-slider__container {
      align-items: center;
    }
    .hdt-slider-announcement .hdt-slider-nav button {
      color: var(--color-secondary-button-text);
      --btn-w: 4rem
    }
   .hdt-cart-dot {
      transform: scale(0);
      transition: transform .2s ease-in-out;
    }
    .is-visible .hdt-cart-dot {
      transform: scale(1);
    }
    .hdt-toolbar .hdt-localization-selector-wrap {
      line-height: 1;
    }
    .hdt-toolbar .hdt-disclosure__flag {
      margin-top: .1rem;
    }
    .hdt-localization-selector svg {
      transition: transform .25s ease-in-out;
    }
    .hdt-localization-selector[aria-expanded="true"] svg {
      transform: rotate(180deg);
    }
    .hdt-localization-selector,
    .hdt-disclosure__item {
      color: var(--color-foreground);
      column-gap: .7rem;
    }
    footer .hdt-localization-selector {
      padding: .6rem 1rem;
      border-radius: var(--corner-radius-xs);
      background-color: color-mix(in srgb, var(--color-foreground), transparent 92%);
    }
    .hdt-disclosure__flag {
      width: auto;
      height: 1.4rem;
      clip-path: inset(0 round min(var(--corner-radius-2xs), .2rem));
    }
    .hdt-disclosure {
      --pd-content: 0;
    }
    .hdt-disclosure__item {
      padding: .8rem 2rem;
      text-align: start;
    }
    .hdt-disclosure__item * {
      pointer-events: none;
    }
    button.hdt-disclosure__item[aria-selected="true"] svg {
      margin-inline-start: auto;
    }
    .hdt-country-filter {
      width: 100%;
      /* padding: 2rem;
      border-bottom: 1px solid var(--color-line-border); */
    }
    .hdt-country-filter .hdt-field {
      border: 1px solid var(--color-line-border);
      padding-block: 0 !important;
      border-radius: .4rem;
    }
    .hdt-country-filter .hdt-field__input {
      border: 0;
    }
    .hdt-country-filter__reset-button {
      width: 4rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .hdt-country-filter__reset-button {
      opacity: 1;
      transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      &.hidden {
        opacity: 0;
      }
    }
    .hdt-country-no-results {
      padding: .5rem 2rem;
    }
    .hdt-disclosure .hdt-popover__header {
      padding: 0 2rem 1.8rem;
    }
    .hdt-localization-group {
      gap: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .hdt-localization-group .hdt-localization-selector {
      padding: .8rem 1rem;
      border: 1px solid var(--color-line-border);
      font-size: var(--text-sm);
      border-radius: var(--corner-radius-2xs);
    }
    .hdt-countdown-bar {
      padding-block: .75rem .9rem;
    }
    .hdt-countdown-bar .hdt-container {
      gap: 1rem;
    }
    .hdt-countdown-bar__icon {
      width: 3.2rem;
      height: 3.2rem;
      border-radius: var(--corner-radius-full);
      display: grid;
      place-items: center;
      border: 1px solid var(--color-foreground);
    }
    .hdt-countdown-bar hdt-countdown {
      column-gap: .3rem;
      padding: .5rem 1rem;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 90%);
      border-radius: var(--corner-radius-xs);
    }
    .hdt-countdown-bar hdt-countdown-item {
      gap: 0;
      grid-template-columns: [number] auto [text] auto;
      line-height: 1;
    }
    .hdt-countdown-bar :is(.hdt-countdown-timer-numbers, span[part="tmp_num"]) {
      grid-area: number;
    }
    .hdt-countdown-bar .hdt-countdown__text {
      grid-area: text;
    }
    .hdt-countdown-bar .hdt-shape__slash {
      width: 1.6rem;
      height: 1.6rem;
    }
    .hdt-countdown-bar .hdt-shape__slash:before {
      background-color: var(--color-foreground);
    }
    .hdt-countdown-bar .hdt-countdown-timer-divider {
      opacity: 1;
      background: transparent;
    }
    .hdt-countdown-bar .hdt-countdown-timer-divider:before {
      content: ":";
      display: block;
    }
    .hdt-section-toolbar {
      z-index: 24;
    }
    .hdt-toolbar {
      padding-block: 1.2rem;
    }
    .hdt-toolbar-transparent-enable {
      transition: background-color .2s ease, color .3s ease, border .2s ease, box-shadow .2s ease;
    }
    .hdt-toolbar__menu {
      gap: 1rem .7rem;
    }
    .hdt-toolbar__menu .hdt-shape-block {
      --fs: 1rem;
    }
    .hdt-toolbar__menu :is(.hdt-shape__slash, .hdt-shape__line) {
      width: 1.4rem;
      height: 1.4rem;
    }
    .hdt-toolbar__menu :where(.hdt-shape__circle, .hdt-shape__square, .hdt-shape__diamond) {
      margin-inline: .5rem;
    }
    .hdt-toolbar__menu [role="listitem"] + [role="listitem"] {
      margin-inline-start: .5rem;
    }
    .hdt-toolbar__utility {
      gap: 1rem 1.6rem;
    }
    .hdt-toolbar__utility .hdt-social-links {
      --link-gap: .767rem;
    }
    /* Mega menu */
    .hdt-mega-menu__content {
      inset-inline: 0;
      top: 100%;
      pointer-events: none;
      box-shadow: 0 0 3px #0000001f;
      min-height: 20rem;
      max-height: calc(100vh - var(--header-height) - 20px);
      padding-block: 3.2rem 4.4rem;
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 2;
    }
    header-menu details[open] .hdt-mega-menu__content {
      pointer-events: auto;
    }
    .hdt-mega-menu__wrrap {
      display: flex;
      justify-content: safe center;
      align-items: start;
      column-gap: 5.8rem;
    }
    .hdt-mega-menu__list {
      gap: 3rem 3rem;
      width: 100%;
      justify-content: space-between;
    }
    .hdt-mega-menu__list > li {
      min-width: 12rem;
      max-width: 20rem;
    }
    .hdt-mega-menu__list.hdt-justify-center {
      column-gap: 4.4rem;
    }
    .hdt-mega-menu__list.hdt-justify-center > li {
      min-width: auto;
    }
    .hdt-mega-menu__list > .hdt-mega-menu__item--highlight {
      min-width: 20rem;
    }
    .hdt-mega-menu__link--level-2 + ul {
      margin-top: 1.1rem;
    }
    .hdt-mega-menu__list ul a {
      display: inline;
      background-position-y: min(100%, 1.7em);
    }
    .hdt-mega-menu__item--highlight {
      padding: 2.5rem 2rem;
      border-width: 1px;
      border-style: solid;
      border-radius: var(--corner-radius-xs);
      font-size: var(--text-xl);
      line-height: 2;
    }
    .hdt-mega-menu__item--highlight > a {
      margin-top: 2rem;
    }
    .hdt-mega-menu__aside  {
      max-width: min(30rem, 30vw);
    }
    .hdt-mega-menu__aside-2  {
      max-width: min(53rem, 45vw);
    }
    .hdt-mega-menu__aside-3 {
      max-width: 80%;
    }
    .hdt-mega-menu__aside-4 {
      max-width: 100%;
    }
    .hdt-mega-menu__aside .x\:hdt-slides-2 {
      --slide-size-set: 50%;
    }
    .hdt-mega-menu__aside .x\:hdt-slides-3,
    .hdt-mega-menu__aside .x\:hdt-slides-4 {
      --slide-size-set: 33.3333%;
    }
    .hdt-mega-menu__promo-images.hdt-mega-menu__aside-2 {
      column-gap: 3rem;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .hdt-mega-menu__promo-images-item,
    .hdt-mega-menu__link--images {
      align-content: start;
      row-gap: 1rem;
    }
    .hdt-mega-menu__promo-images .hdt-relative + *,
    .hdt-mega-menu__link--images .hdt-relative + * {
      margin-top: .4rem;
    }
    .hdt-mega-menu__promo-images span.hdt-btn,
    .hdt-mega-menu__link--images p + span.hdt-btn {
      margin-top: .2rem;
    }
    :is(.hdt-mega-menu__collections, .hdt-mega-menu_products) .hdt-slider {
      --slide-spacing: 2.2rem
    }
    .hdt-mega-menu__collections .hdt-media-overlap-content {
      --media-overlap-content-gap-r: min(5vw, 2.2rem);
      --media-overlap-content-gap-c: min(5vw, 2rem);
    }
    .hdt-mega-menu--has-images .hdt-mega-menu__list {
      display: grid;
      justify-items: center;
      width: auto;
      row-gap: 5rem;
      --count-column-int: min(var(--count-column), 4);
      grid-template-columns: repeat(var(--count-column-int), minmax(0, 1fr));
    }
    .hdt-mega-menu--has-images .hdt-mega-menu__list > li,
    .hdt-mega-menu__collections .hdt-slider__slide,
    .hdt-mega-menu__products .hdt-slider__slide {
      max-width: 35rem;
    }
    .hdt-mega-menu--has-images .hdt-mega-menu__list > li {
      width: 100%;
      min-width: min(calc((min(var(--container-max-width), 94vw) - 3rem * (var(--count-column-int) - 1)) / var(--count-column-int)), 35rem);
    }
    .hdt-dropdown__content {
      top: 100%;
      padding: 2.5rem 2rem;
      box-shadow: 0 0 3px #0000001f;
      min-width: 22.4rem;
       max-width: none !important;        /* 28rem kilidini kırar */
    width: max-content !important; 
      max-height: calc(100vh - var(--header-height) - 20px);
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 2;
    }
    :where(.hdt-dropdown__content, .hdt-mega-menu__list) ul {
      display: grid;
      row-gap: 1rem;
    }
    .hdt-dropdown__list a {
      display: inline;
      background-position-y: min(100%, 1.7em);
    }
    details[open] .hdt-header-menu__overlay:after {
      position: absolute;
      content: "";
      background-color: color-mix(in srgb, var(--color-overlay), transparent 60%);
      top: 100%;
      inset-inline: 0;
      height: calc(100vh - var(--header-height));
      pointer-events: none;
    }
    .hdt-header__menu-item {
      position: relative;
      &.hdt-menu__has-children {
        display: flex;
        align-items: center;
        column-gap: .6rem;
        .hdt-icon-caret {
          margin-top: 0.3rem;
          transition: transform .25s ease;
        }
      }
      &[aria-expanded=true] .hdt-icon-caret {
        transform: rotate(180deg);
      }
    }
    .hdt-header__style-uppercase .hdt-header__menu-item .hdt-icon-caret {
      margin-top: 0;
    }
    /* summary.hdt-header__menu-item:before {
      position: absolute;
      top: 99%;
      inset-inline: 0;
      content: "";
      z-index: 1;
      height: calc(var(--header-height) / 1.8);
      opacity: 0;
    } */
    summary.hdt-dropdown__link--level-2 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      column-gap: 1rem;
    }
    summary.hdt-dropdown__link--level-2[aria-expanded=true] svg {
      transform: rotate(180deg);
    }
    .hdt-dropdown__content--level-2 {
      background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
      padding: 1rem 1.5rem;
      margin-top: 1rem;
      border-radius: var(--corner-radius-2xs);
    }
    .hdt-dropdown__icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.4rem;
      height:  2.4rem;
      border-radius: var(--corner-radius-full);
      transition: all .25s ease;
    }
    .hdt-dropdown__icon svg {
      pointer-events: none;
    }
    summary.hdt-dropdown__link--level-2[aria-expanded=true] .hdt-dropdown__icon {
      background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
    }
    @media (max-width: 767px) {
      .hdt-countdown-bar .hdt-container-lg {
        gap: 0;
        padding-inline: 0 .6rem;
      }
      .hdt-marquee .hdt-countdown-bar__mess-wrap {
        gap: .6rem;
      }
      .hdt-countdown-bar__icon {
        width: 2.5rem;
        height: 2.5rem;
      }
      .hdt-countdown-bar__icon svg {
        width: .8rem;
        height: auto;
      }
      .hdt-countdown-bar .hdt-btn {
        --padding-button: 0;
        --height-button: auto;
        --thickness-btn: 0;
        text-decoration: underline;
        text-underline-offset: .3rem;
      }
      .hdt-disclosure .hdt-popover__header {
        flex-direction: column;
        align-items: center;
        row-gap: 2rem;
      }
    }
    @media (min-width: 768px) {
      .hdt-disclosure {
        min-width: 20rem;
        box-shadow: 0px 0 1rem color-mix(in srgb, var(--color-overlay), transparent 90%);
        .hdt-popover__inner.hdt-scrollbar {
          max-height: 48vh;
          overflow-y: auto;
          overscroll-behavior-y: contain;
          -webkit-overflow-scrolling: touch;
        }
      }
      .hdt-disclosure p.hdt-h5 {
        display: none;
      }
      .hdt-country-filter .hdt-field {
        border-radius: var(--corner-radius-input);
      }
      header .hdt-localization-selector-wrap {
        margin-inline-end: -.8rem;
      }
      .hdt-countdown-bar__mess {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 1.5rem;
      }
      .hdt-countdown-bar__mess .hdt-btn {
        padding-bottom: .3rem !important;
      }
      .hdt-countdown-bar hdt-countdown {
        column-gap: .6rem;
        padding: .6rem 1.7rem;
      }
      .hdt-countdown-bar .hdt-container {
        gap: 3rem;
      }
    }
    @media (min-width: 1024px) {
      .header__logo-img {
        width: var(--logo-width);
      }
      .hdt-header-wrapper {
        gap: 1rem 5rem;
        min-height: 8.8rem;
        --gap-icons: 2.8rem;
      }
      .hdt-logo-align--center-remaining-bellow .hdt-header__logo,
      .hdt-logo-align--center-bellow .hdt-header__nav {
        justify-self: center;
      }
      .hdt-logo-align--center-bellow, .hdt-logo-align--left-bellow, .hdt-logo-align--center-remaining-bellow {
        row-gap: 1.5rem;
        padding-block: 1.5rem;
      }
      :where(.hdt-logo-align--center-bellow, .hdt-logo-align--left-bellow, .hdt-logo-align--center-remaining-bellow) .hdt-header__logo {
        padding-block: 1.4rem;
      }
      .hdt-header-wrapper .lg\:hdt-hidden,
      :where(.hdt-logo-align--center-bellow, .hdt-logo-align--center-remaining-bellow) .hdt-header__icons-wrapper .hdt-header__search-btn {
        display: none;
      }
      .hdt-header-wrapper .lg\:hdt-flex {
        display: flex;
      }
      .hdt-header__inline-list {
        gap: .6rem 1.8rem;
      }
      .hdt-header__menu-item {
        font-size: var(--text-lg);
      }
      .hdt-header__style-uppercase .hdt-header__menu-item {
        font-size: var(--text-sm);
        text-transform: uppercase;
        letter-spacing: calc(var(--text-sm) * 0.1);
      }
      .hdt-header__font-heading .hdt-header__menu-item {
        font-family: var(--font-heading-family);
        font-weight: var(--font-heading-weight);
      }
      .hdt-header__hr {
        grid-area: line;
        border-color: transparent;
      }
      .hdt-header__hr:before {
        content: '';
        display: block;
        position: absolute;
        inset-inline-start: 0;
        width: calc(100vw - var(--scrollbar-w, 0px));
        height: 0;
        z-index: 2;
        border-top-width: 1px;
        max-width: 100%;
      }
      .hdt-slider-announcement {
        padding-inline: 6rem;
      }
    }
    @media (min-width: 1150px) {
      .hdt-section-separator--full:before {
        max-width: 100%;
        margin: 0 9rem;
      }
      .hdt-header__inline-list {
        gap: .5rem 4rem;
      }
    }
    @media (min-width: 1400px) {
      .hdt-mega-menu__aside {
        max-width: 45rem;
      }
      .hdt-mega-menu__aside-2 {
        max-width: 63rem;
      }
      .hdt-mega-menu__aside-3 {
        max-width: 67%;
      }
      .hdt-mega-menu__aside-4 {
        max-width: 100%;
      }
      .hdt-mega-menu__aside .x\:hdt-slides-2 {
        --slide-size-set: 50%;
      }
      .hdt-mega-menu__aside .x\:hdt-slides-3 {
        --slide-size-set: 33.3333%;
      }
      .hdt-mega-menu__aside .x\:hdt-slides-4 {
        --slide-size-set: 25%;
      }
      .hdt-mega-menu--has-images .hdt-container-lg .hdt-mega-menu__list {
        grid-template-columns: repeat(min(var(--count-column)), minmax(0, 1fr));
      }
    }
    /*================ 4.9. Footer ================*/
    .shopify-section-group-footer-group {
      margin-top: 0 !important;
    }
    .hdt-footer .hdt-section-separator {
      box-shadow: 0 1px color-mix(in srgb, var(--color-foreground), transparent 90%) inset;
    }
    .hdt-footer__content-top {
      display: grid;
      grid-auto-flow: row;
      justify-content: space-between;
      gap: 3rem;
      grid-template-columns: repeat(var(--count-column, 1), 1fr);
    }
    .hdt-footer-block {
      max-width: var(--max-block, 100%);
    }
    .hdt-footer-block summary > span {
      display: none;
    }
    .hdt-footer-block__heading {
      margin-bottom: 1.3rem;
    }
    .hdt-footer-block--link_list ul {
      display: grid;
      gap: 1rem;
    }
    .hdt-footer-block--newsletter .hdt-newsletter-form .hdt-field {
      border-radius: 0;
      border: 0;
      padding: 0;
      gap: .8rem;
      border-bottom: 2px solid var(--color-foreground);
    }
    .hdt-footer-block--newsletter .hdt-newsletter-form :is(.hdt-input, .hdt-field__label) {
      padding-inline: 0;
      border-radius: 0;
    }
    .hdt-footer-block--newsletter .hdt-newsletter-form__btn {
      color: var(--color-foreground);
      place-content: center end;
    }
    .hdt-footer-block--newsletter > details:first-child form {
      margin-top: -1rem;
    }
    .hdt-footer-block--newsletter .rte {
      margin-bottom: 3.6rem;
    }
    .hdt-footer-block__brand-img {
      margin-bottom: 2rem;
    }
    .hdt-footer__content-top :where(.hdt-social-links--footer, .hdt-footer__follow-on-shop, .hdt-localization-selector-group) {
      margin-top: 2.5rem;
    }
    .hdt-footer-block--no-heading summary {
      margin-bottom: 0;
    }
    .hdt-localization-selector-group {
      gap: 1rem 2rem;
    }
    .hdt-footer__content-middle {
      margin-top: 4.6rem;
      gap: 1.8rem 1.7rem;
    }
    .hdt-footer__content-bottom {
      margin-top: 4.6rem;
      padding-top: 3.2rem;
      gap: 2rem 3rem;
    }
    .hdt-list-payment {
      gap: .8rem;
    }
    .hdt-policies li:not(:first-child):before {
      content: "\b7";
      padding: 0 .8rem;
      line-height: 1;
    }
    :is(.hdt-footer,.hdt-newsletter-block ) .hdt-form__alert {
      margin-block: 2rem 0;
    }
    .hdt-footer__logo {
      margin-block-start: var(--section-pb);
      margin-inline: auto;
    }
    @media (max-width: 767px) {
      .hdt-footer-block:not(.hdt-footer-block--no-heading):not([resized]) .hdt-footer-block__details-content {
        display: none;
      }
      .hdt-footer-block__heading {
        margin-bottom: 0;
        padding-bottom: 1rem;
      }
      .hdt-footer__content-top {
        row-gap: 2rem;
      }
      .hdt-footer__content-bottom {
        margin-top: 3rem;
        padding-top: 2rem;
        gap: 1.5rem 2rem;
      }
      .hdt-footer-block__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 1rem;
      }
      .hdt-footer__icon-carret {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: var(--corner-radius-full);
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: all .25s ease;
      }
      .hdt-footer-block__heading[aria-expanded=true] .hdt-footer__icon-carret {
        background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
        transform: rotate(180deg);
      }
    }
    @media (min-width: 768px) {
      .hdt-footer__logo {
        margin-top: max(calc(var(--section-pb-lg) * .85), var(--section-pb));
      }
    }
    @media (min-width: 1150px) {
      .hdt-footer__logo {
        margin-top: var(--section-pb-lg);
      }
    }

    /* navbar-mobile */
    .hdt-section-navbar-mobile {
      height: var(--bar-mobile-height, 8.3rem);
    }
    .hdt-navbar-mobile {
      position: fixed;
      z-index: 24;
      inset-inline: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: .5rem;
      line-height: 1;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
    }
    .hdt-navbar-mobile:not(.hdt-navbar-mobile--label) .hdt-navbar-mobile__label {
      display: none;
    }
    .hdt-navbar-mobile__item {
      flex: 1 0 20%;
      width: 100%;
      display: grid;
      place-content: center;
      place-items: center;
      row-gap: .7rem;
      min-height: 4.8rem;
      font-size: var(--text-sm);
    }
    .hdt-navbar-mobile__item svg {
      width: auto;
      height: 1.5rem;
    }
    .hdt-navbar-mobile__item--menu svg {
      height: 1.1rem;
    }
    .hdt-navbar-mobile__count {
      top: -.6rem;
      inset-inline-start: 1.7rem;
      transform: scale(0);
      transition: transform .2s ease-in-out;
    }
    .hdt-navbar-mobile__count.is-visible {
      transform: scale(1);
    }
    @media (min-width: 768px) {
      .hdt-footer .hdt-container-lg {
        --max-block: 24.9rem;
        --max-block2: 41.2rem;
      }
      .hdt-footer-block summary {
        pointer-events: none;
      }
      .hdt-footer-block__heading {
        margin-bottom: 2.2rem;
      }
      .hdt-footer__content-top {
        --count-column: 2;
        row-gap: 4rem;
      }
    }
    @media (min-width: 992px) {
      .hdt-footer__content-top {
        --count-column: 3;
      }
      .hdt-footer-block {
        --max-block: 23rem;
      }
      .hdt-footer-block--brand {
        --max-block: 25rem;
      }
      .hdt-footer-block--newsletter {
        --max-block: 33rem;
      }
    }
    @media (min-width: 1025px) {
      .hdt-section-navbar-mobile {
        display: none;
      }
    }
    @media (max-width: 991.98px) and (min-width: 768px) {
      .hdt-footer-block {
        order: 3;
      }
      .hdt-footer-block--brand {
        order: 1;
      }
      .hdt-footer-block--newsletter {
        order: 2;
      }
    }
    @media (min-width: 1150px) {
      .hdt-footer__content-top {
        display: flex;
      }
      .hdt-footer-block--newsletter {
        min-width: min(15vw, 33rem);
      }
    }
    @media (min-width: 1400px) {
      .hdt-footer .hdt-container-lg .hdt-footer-block--brand {
        --max-block: 34.9rem;
      }
      .hdt-footer .hdt-container-lg .hdt-footer-block--newsletter {
        min-width: min(20vw, 41.2rem);
      }
    }
  /*================ 4.10. Privacy policy ================*/
  .content-for-layout .shopify-policy__container {
    padding: 4rem 1.5rem;
    max-width: 100%;
  }
  .shopify-policy__title {
    padding-block: 0 4rem;
  }
  .shopify-policy__title  h1 {
    --heading-size: var(--h4-size);
  }

  @media only screen and (min-width: 768px) {
    .content-for-layout .shopify-policy__container {
      max-width: min(100%,var(--container-max-width-padding-md, 110%));
      padding: 0 3rem;
    }
  }

  @media only screen and (min-width: 1150px) {
    .content-for-layout .shopify-policy__container {
      max-width: var(--container-max-width-padding-lg);
      padding: 5rem;
    }
    .shopify-policy__title {
      padding-block: 0 5rem;
    }
    .shopify-policy__title  h1 {
      --heading-size: var(--h4-size-lg);
    }
  }

/* ==========================================================================
  5. COMPONENT & SECTIONS
  ========================================================================== */
  .hdt-input--search::-webkit-search-cancel-button {
    display: none;
  }
  .hdt-input--search::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /*================ 5.0. Product card ================*/
  .hdt-card-product__wrapper {
    display: grid;
    gap: 1.4rem;
  }
  .hdt-card-product__media {
    position: relative;
    overflow: hidden;
    border-radius: var(--corner-radius-product-card);
  }
  .hdt-card-product__media .hdt-badge__wrapp {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    display: grid;
    justify-items: start;
    row-gap: .9rem;
  }
  .hdt-card-product__media .hdt-badge:not(.hdt-badge__on-sale) {
    column-gap: 0.6rem;
    svg {
      height: 1.2rem;
      width: auto;
    }
  }
  .use--zoom-image .hdt-card-product__media .hdt-card-product__media--hover {
    opacity: 0;
    transform: scale(1.2);
    transform-origin: 50% 50%;
    background-color: var(--color-background);
    content-visibility: hidden;
  }
  .hdt-card-product__content {
    display: grid;
    gap: .4rem;
    color: var(--color-pr-text);
    justify-items: start;
  }
  .hdt-card-product__vendor {
    color: color-mix(in srgb, var(--color-pr-text), transparent 30%);
  }
  .hdt-card-product__title a {
    color: var(--color-pr-text);
  }
  .hdt-card-product__title a.hdt-line-clamp {
    --line-clamp-count: var(--pr-clamp-count);
  }
  .hdt-price-wrapp {
    color: var(--color-pr-price);
    margin-top: .3rem;
  }
  .hdt-price {
    color: var(--color-pr-price);
  }
  .hdt-compare-at-price {
    text-decoration: line-through;
    color: color-mix(in srgb, var(--color-pr-price), transparent 20%);
  }
  .hdt-compare-at-price:not([hidden]) + .hdt-price {
    margin-inline-start: .5rem;
  }
  .hdt-compare-at-price:not([hidden]) + .hdt-price .hdt-money {
    color: var(--color-pr-sale-price);
  }
  wrapp-hdt-swatches {
    margin-top: 0.5em;
  }
  .hdt-color-list {
    display: flex;
    flex-wrap: wrap;
    --row-gap: 0.658rem;
    --col-gap: 0.658rem;
    gap: var(--row-gap) var(--col-gap);
  }
  .hdt-color-list--square {
    --round-color: 0;
  }
  wrapp-hdt-swatches[auto-limit] {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  wrapp-hdt-swatches[auto-limit] .hdt-color-list {
    flex-wrap: nowrap;
    column-gap: 0;
    margin-inline-start: calc(var(--col-gap) * -1);
  }
  wrapp-hdt-swatches[auto-limit] .hdt-color-list__item {
    padding-inline-start: var(--col-gap);
  }
  wrapp-hdt-swatches[auto-limit] .is--color-link {
    scale: 0;
  }
  wrapp-hdt-swatches[auto-limit][no-limit="false"] .is--color-link {
    scale: 1;
  }
  .hdt-color-list__item.is--color-limit,
  .is--color-limit ~ :not(.is--color-link) {
    display: none;
  }
  .hdt-card-product__content.hdt-text-center {
    justify-items: center;
  }
  .hdt-card-product__content.hdt-text-center .hdt-color-list {
    justify-content: center;
  }
  .hdt-swatch__color {
    width: var(--sw-w, 2.4rem);
    height: var(--sw-w, 2.4rem);
    padding: var(--sw-pd, .2rem);
    position: relative;
    display: block;
    background-color: color-mix(in srgb, var(--swatch-color, rgba(222 222 222 / 1.0)), transparent 88%);
    border: 1px solid color-mix(in srgb, var(--swatch-color, rgba(222 222 222 / 1.0)), transparent 68%);
  }
  .hdt-swatch__color > * {
    pointer-events: none;
  }
  .hdt-swatch__color--image {
    background-color: transparent;
  }
  .hdt-swatch__color .hdt-color-bg {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--swatch-background);
    background-color: var(--swatch-color, rgba(222 222 222 / 1.0));
    background-position: var(--swatch-focal-point, initial);
    background-size: cover;
    clip-path: inset(0 round var(--round-color,50%));
    transition: clip-path .4s;
  }

  .hdt-swatch__color:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    border-radius: inherit;
    scale: .5;
    border: 1px solid var(--swatch-color, rgba(222 222 222 / 1.0));
    transition: all .25s;
    opacity: 0;
    visibility: hidden;
  }
  .hdt-swatch__color[unavailable]:after {
    content: "";
    width: 90%;
    height: .1rem;
    background: rgb(var(--color-sold-out) / .6);
    display: block;
    position: absolute;
    z-index: 22;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  [type='radio']:checked + .hdt-swatch__color .hdt-color-bg {
    clip-path: inset(3.4px round var(--round-color,50%));
  }
  [type='radio']:checked + .hdt-swatch__color:before {
    scale: 1;
    opacity: 1;
    visibility: visible;
  }
  .hdt-color-list__item .hdt-btn-link {
    --color-button-text: var(--color-pr-text);
    min-width: 2.4rem;
    display: inline-flex;
    line-height: 1;
    padding-inline: .2rem !important;
  }
  .hdt-bg-color-white {
    border: 1px solid #999;
    --hdt-bg-color: rgba(255 255 255 / 1.0);
  }
  .hdt-bg-color-white:before {
    border-color: #999;
    background-color: #eee;
  }

  .hdt-product-card-btn {
    background-color: var(--color-button);
    color: var(--color-button-text);
    border-radius: min(calc(var(--corner-radius-product-card) / 3), .3rem);
  }
  .hdt-product-card-btn {
    padding: .9rem 1.5rem;
    text-align: center;
    font-size: var(--text-xs);
    letter-spacing: calc(var(--text-xs)* 0.1);
    text-transform: uppercase;
    width: 100%;
    min-height: 4rem;
    .hdt-loading-area__spinner {
      display: none;
    }
  }
  .hdt-product-card-btn span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
  }
  .hdt-mt-45 {
    margin-top: 4.5rem;
  }
  @media (max-width: 767px) {
    .hdt-card-product .hdt-product-card-btn {
      position: absolute;
      inset: auto 1rem 1rem auto;
      width: 3.5rem;
      height: 3.5rem;
      min-height: auto;
      padding: 0;
      display: grid;
      align-items: center;
      justify-content: center;
      border-radius: max(calc(var(--corner-radius-product-card) / 3), .3rem);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    }
    .hdt-product-card-btn svg.hdt-flip-after {
      display: block;
      width: 1.5rem;
      height: 1.5rem;
      opacity: 1;
      transform: none;
      grid-area: 1 / -1;
    }
    .hdt-hidden-less\:767 {
      display: none !important;
    }
    .mb\:hdt-mt-30 {
      margin-top: 3rem;
    }
  }
  @media (max-width: 820px) {
    .hdt-card-product__media .hdt-badge__wrapp {
      row-gap: .6rem;
    }
    .hdt-card-product__media .hdt-badge.hdt-uppercase {
      --icon-max-width: .6rem;
      column-gap: .5rem;
      padding: .4rem .8rem;
      font-size: max(calc(var(--text-xs) - 1rem), .9rem);
    }
    .hdt-card-product__media .hdt-badge svg {
      height: .9rem;
    }
    .hdt-card-product__media .hdt-badge.hdt-badge--large {
      padding: .4rem .6rem;
      font-size: max(calc(var(--text-xs) - 1.5rem), .8rem);
    }
  }
  @media (max-width: 1023.98px) {
    .hdt-hidden-less\:1024 {
      display: none !important;
    }
  }
  @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) and (min-width: 768px) {
    .hdt-card-product .hdt-product-card-btn {
      position: absolute;
    }
    .hdt-product-card-btn {
      inset: auto 0 1rem;
      padding: .9rem 2.5rem;
      opacity: 0;
      transform: translate(0, 100%);
      transition: transform .3s ease-in-out, opacity .3s ease-in-out;
      clip-path: inset(0 1rem round var(--corner-radius-button));
    }
    .hdt-product-card-btn svg.hdt-flip-after {
      width: 1.8rem;
      height: 1.8rem;
    }

    .hdt-card-product__media:focus-within  .hdt-product-card-btn,  .hdt-product-card-btn:focus,
    .hdt-card-product__media:hover .hdt-product-card-btn {
      position: absolute;
      transform: translate(0);
      opacity: 1;
    }
  }
  @media (min-width: 1024px) {
    .hdt-hidden\:1024 {
      display: none !important;
    }
  }
  /*================ 5.0.1. Featured collections ================*/
  .hdt-collection__view-all {
    margin-top: 4.5rem;
  }
  .hdt-tab-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem 3rem;
  }
  .hdt-collections__header-title {
    display: grid;
    justify-items: center;
    text-align: center;
    row-gap: 1.2rem;
  }
  .hdt-collections__tab-style-inline {
    justify-items: center;
    gap: 1.9rem;
  }
  .hdt-collections__tab-style-inline .hdt-collections__header-title p {
    --text-base: var(--text-sm);
  }
  .hdt-collections__tab-style-dropdown .hdt-heading {
    color: color-mix(in srgb, var(--color-foreground), transparent 45%)
  }
  .hdt-collections__tab-style-dropdown {
    justify-items: center;
    row-gap: 2.5rem;
  }
  .hdt-collections__tab-style-dropdown summary {
    display: grid;
    text-align: start;
    color: var(--color-foreground);
    gap: .8rem;
    grid: "text icon" / 1fr auto;
    background-size: 100% 1px !important;
  }
  .hdt-collections__tab-style-dropdown summary span {
    grid-area: text;
  }
  .hdt-collections__tab-style-dropdown summary svg {
    grid-area: icon;
  }
  wrapp-hdt-details details summary svg {
    transition: transform .25s ease;
  }
  wrapp-hdt-details details[open] summary svg {
    transform: rotate(180deg);
  }
  .hdt-options-tab {
    position: absolute;
    inset-inline: -2.5rem auto;
    top: 100%;
    z-index: 22;
    text-align: start;
    min-width: max-content;
    max-width: 90vw;
    display: grid;
    place-items: start;
    background: var(--gradient-background);
    color: var(--color-foreground);
    border: 1px solid var(--color-foreground);
    gap: .5rem;
    padding: 2rem 2.5rem;
    margin-top: 1.5rem;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  }
  .hdt-options-tab button {
    color: color-mix(in srgb, var(--color-foreground), transparent 35%);
    text-align: start;
  }
  .hdt-options-tab button[aria-selected="true"] {
    color: var(--color-foreground);
  }
  .hdt-tab-collection {
    position: relative;
  }
  .hdt-tab-collection:after {
    content: '';
    pointer-events: none;
    width: var(--ink-bar-w, 10px);
    transform: translateX(var(--ink-bar-x, 0px)) translateY(calc(var(--ink-bar-y, 25px) + var(--ink-bar-offset, 7px)));
    transform-origin: var(--value-origin-start);
    will-change: transform, width;
    height: 1.25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-foreground);
    transition: transform 0.3s ease, width 0.3s ease;
  }
  .hdt-section-recently,
  .hdt-group-product {
    opacity: 0;
    height: auto;
  }
  .hdt-group-product {
    opacity: 0;
  }
  .hdt-group-product-tabs .hdt-shape__slash {
    margin-inline: 2rem;
    --fs: 3rem;
  }
  .hdt-group-product__heading[aria-selected="false"] {
    color: color-mix(in srgb, var(--color-foreground), transparent 40%)
  }
  :is([recently-empty-inted],[related-empty-inted]) .hdt-group-product-tabs::part(hdt-tabs-header),
  .hdt-group-product[data-sizes="1"] .hdt-group-product-tabs::part(hdt-tabs-header) {
    justify-content: center;
    text-align: center;
  }
  :is([recently-empty-inted],[related-empty-inted]) .hdt-group-product-tabs .hdt-shape__slash,
  .hdt-group-product[data-sizes="1"] .hdt-group-product-tabs .hdt-shape__slash {
    display: none;
  }
  .hdt-section:is([recently-inted],[related-inted]) .hdt-group-product,
  .hdt-section-recently:is([recently-inted]) {
    opacity: 1;
    height: auto;
  }
  .hdt-section:not([related-inted],[related-empty-inted]) #group-product-related--list,
  .hdt-section:not([recently-inted],[recently-empty-inted]) #group-product-recently--list {
    display: block !important;
    opacity: 0;
  }
  .hdt-section[recently-inted][related-inted] .hdt-group-product-tabs:after {
    content: '';
    pointer-events: none;
    width: var(--ink-bar-w, 10px);
    transform: translateX(var(--ink-bar-x, 0px)) translateY(var(--ink-bar-y, 25px));
    transform-origin: var(--value-origin-start);
    will-change: transform, width;
    height: 1.25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-foreground);
    transition: transform 0.3s ease, width 0.3s ease;
  }
  .hdt-media-with-products {
    --spacing-x2: var(--spacing-x);
    &[reveal-on-scroll] {
      .hdt-full-width-image {
        clip-path: circle(5% at 50% 50%);
      }
      .hdt-section__header > *,
      .hdt-card-product[can-reveal]:nth-child(-n+4) {
         opacity: 0;
      }
    }
  }
  .hdt-media-with-products__wrap {
    --spacing-x: 0px;
  }
  .hdt-media-with-products__products .hdt-slider {
    --spacing-x: var(--spacing-x2);
  }
  .hdt-media-with-products__media {
    background-color: var(--media-background);
  }
  @media (max-width: 1149.98px) {
    .section-sp-transparent + .hdt-main-collection .hdt-main-collection-wrap { padding-top: 0; }
  }
  @media (max-width: 1023.98px) {
    .hdt-media-with-products__products .md\:hdt-slides-2:not(.md\:hdt-slider__active-false) {
      --slide-size-set: 43.4210526%;
    }
    .hdt-media-with-products__media .hdt-full-width-image {
      position: static;
    }
    .hdt-media-with-products__products.hdt-col.hdt-slider__overflow {
      padding: 6rem 3rem;
    }
  }
  @media (max-width: 767px) {
    .hdt-collection__view-all {
      margin-bottom: 3rem;
    }
    .hdt-collections__tab-style-inline {
      margin-inline: -1.5rem;
      justify-self: center;
    }
    .hdt-collections__tab-style-inline > *:not(a) {
      padding-inline: 1.5rem;
    }
    .hdt-tab-collection {
      display: grid;
      grid-auto-columns: max-content;
      grid-auto-flow: column;
      justify-content: safe center;
      justify-self: start;
      width: 100%;
      max-width: 100%;
      column-gap: 1.5rem;
      scrollbar-width: none;
      overscroll-behavior-x: contain;
      overflow: auto hidden;
      .hdt-shape__slash {
        width: 2rem;
        height: 2rem;
      }
      &:after {
        top: -7px;
      }
    }
    .hdt-options-tab {
      inset-inline: auto -.7rem;
      row-gap: 1rem;
    }
    .hdt-options-tab button {
      max-width: 66vw;
    }
    .hdt-group-product-tabs::part(hdt-tabs-header) {
      display: grid;
      grid: auto / auto-flow max-content;
      scrollbar-width: none;
      overscroll-behavior-x: contain;
      overflow: auto hidden;
    }
    .hdt-group-product-tabs .hdt-shape__slash {
      --fs: 1.5rem;
      margin-top: .7rem;
      margin-inline: 1.5rem;
    }
    .hdt-media-with-products__products.hdt-col.hdt-slider__overflow {
      padding: 4rem 1.5rem;
    }
    .hdt-media-with-products__products .hdt-slides-1:not(.hdt-slider__active-false) {
      --slide-size-set: 90%;
    }
    .hdt-media-with-products__products .hdt-slides-2:not(.hdt-slider__active-false) {
      --slide-size-set: 45%;
    }
  }
  @media (min-width: 768px) {
    .hdt-collections__tab-style-dropdown a {
      place-self: end;
    }
    .hdt-collections__tab-style-dropdown {
      grid: ". title btn" / minmax(max-content, 1fr) auto minmax(max-content, 1fr);
      gap: 6rem;
      align-items: center;
    }
    .hdt-collections__tab-style-inline {
      grid: "title title" "tabs btn" / 1fr auto;
      align-items: end;
      gap: 1.8rem 0;
    }
    .hdt-collections__header-title {
      grid-area: title;
    }
    .hdt-collections__header a {
      grid-area: btn;
      justify-self: end;
    }
    .hdt-tab-collection {
      grid-area: tabs;
      justify-content: start;
      align-items: center;
    }
    .hdt-group-product-tabs::part(hdt-tabs-header) {
      display: flex;
      align-items: center;
    }
  }
  @media (min-width: 1000px) {
    .hdt-collections__header-title {
      row-gap: 1.9rem;
    }
    .hdt-collections__tab-style-inline {
      grid: "title tabs" / auto minmax(0, 1fr);
      justify-items: end;
      margin-inline-start: calc(-1 * var(--spacing-x));
    }
    .hdt-collections__tab-style-inline>* {
      padding-inline-start: var(--spacing-x);
    }
    .hdt-collections__tab-style-inline .hdt-collections__header-title {
      row-gap: 1.2rem;
      text-align: start;
      justify-items: start;
    }
  }
  @media (min-width: 1024px) {
    .hdt-media-with-products__products .md\:hdt-slides-2:not(.md\:hdt-slider__active-false) {
      --slide-size-set: 43.4210526%;
    }
    .hdt-media-with-products__wrap {
      --cols: 2;
    }
    .hdt-media-with-products__wrap.lg\:hdt-flex-row-reverse {
      flex-direction: row-reverse;
    }
    .hdt-media-with-products__products {
      padding: 6rem 5rem;
    }
  }
  @media (min-width: 1150px) {
    .hdt-media-with-products__products .lg\:hdt-slides-2:not(.lg\:hdt-slider__active-false) {
      --slide-size-set: 43.4210526%;
    }
    .hdt-media-with-products__products .lg\:hdt-slides-3:not(.lg\:hdt-slider__active-false) {
      --slide-size-set: 30%;
    }
    .hdt-media-with-products__products {
      padding: 15rem 10rem;
    }
  }

  /*================ 5.1. Richtext editor ================*/
    /* .rte:after {
      clear: both;
      content: '';
      display: block;
    } */
    .rte {
      overflow-wrap: anywhere;
    }
    .rte :where(:not(meta, span) + *) {
      margin-block-start: 1.4rem;
    }
    .rte:not(.rte--bold) * + .hdt-heading {
      margin-block-start: .8rem !important;
    }
    .rte:not(.rte--bold) .hdt-heading + * {
      margin-block-start: .6rem !important;
    }
    .rte * + .hdt-button-group {
      margin-block-start: 2rem !important;
    }
    @media screen and (min-width: 768px) {
      .rte:not(.rte--thin) :where(:not(meta, span) + *) {
        margin-block-start: 1.5rem;
      }
    }

    .rte > *:first-child {
      margin-block-start: 0 !important;
    }
    .rte :last-child {
      margin-block-end: 0!important;
    }

    .rte img {
      height: auto;
      max-width: 100%;
      border-radius: var(--corner-radius-sm);
    }

    .rte :is(iframe[src*="youtube.com"], iframe[src*="youtu.be"], iframe[src*="player.vimeo"]) {
      aspect-ratio: 16 / 9;
      width: 100%;
      height: auto;
    }

    :where(.rte,.hdt-tag-list) :where(ul, ol) {
      list-style: disc outside;
      margin-inline-start: 2rem;
    }
    /* :where(.rte--center,.rte--end) :is(ol,ul) {
      margin-inline-start: 0;
      list-style-position: inside;
    } */
    :where(.rte,.hdt-tag-list) ul ul {
      list-style-type: circle;
      margin-inline-start: 2.5rem;
    }

    :where(.rte,.hdt-tag-list) ul ul ul {
      list-style-type: square
    }

    :where(.rte,.hdt-tag-list) ol {
      list-style-type: decimal;
    }

    :where(.rte,.hdt-tag-list) li {
      list-style: inherit;
    }

    :where(.rte,.hdt-tag-list) li:last-child {
      margin-bottom: 0;
    }

    .rte a:not(.hdt-btn), .hdt-form__alert--error a, .hdt-link-text, .hdt-heading a, .hdt-caption a, .hdt-author a, .hdt-countdown-mess a {
      color: var(--color-link);
      background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
      background-position-x: var(--value-origin-start);
      transition: background-size 0.4s ease;
      @supports (height: 1lh) {
        background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.16lh) / 100% 1px no-repeat;
      }
    }
    .rte.rte---un-style-link a:not(.hdt-btn) {
      background-size: 0 1px;
    }

    .rte blockquote {
      padding-block: 2.4rem;
      padding-inline: 2.5rem 0;
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-color:  color-mix(in srgb, var(--color-foreground), transparent 92%);
      position: relative;
    }
    .rte blockquote:before {
      content: '';
      position: absolute;
      top: 2.4rem;
      inset-inline-start: 0;
      height: calc(100% - 4.8rem);
      border-inline-start: 2px solid var(--color-foreground);
    }

    .rte blockquote > * {
      margin: -0.5rem 0 -0.5rem 0;
    }

    .hdt-scrollable-wrapper {
      max-width: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      padding: 0.1rem;
    }
    table:not(.not-style-table) {
      margin-bottom: 3.5rem;
      vertical-align: middle;
      text-align: start;
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%;
      border-style: hidden;
      box-shadow: 0 0 0 0.1rem var(--color-line-border);
      border-radius: var(--corner-radius-sm);
      color: var(--color-foreground2);
      overflow: hidden;
    }
    table:not(.not-style-table) :where(caption, th) {
      text-align: start;
    }
    table:not(.not-style-table) :where(td, th) {
      padding: .7rem 1.5rem;
      border: 0.1rem solid var(--color-line-border);
    }
    table:not(.not-style-table) thead :where(td, th) {
      background-color: color-mix(in srgb, var(--color-foreground2), transparent 90%);
      font-weight: var(--font-medium-or-bold);
    }
    table:not(.not-style-table) th {
      font-weight: var(--font-medium-or-bold);
    }
    @media (min-width: 767.98px) {
      :where(.hdt-text-center,.hdt-text-right,.hdt-text-end) .rte :is(ol,ul) {
        margin-inline-start: 0;
        list-style-position: inside;
      }
    }
    @media (min-width: 768px) {
      :where(.md\:hdt-text-center,.md\:hdt-text-right,.md\:hdt-text-end) .rte :is(ol,ul) {
        margin-inline-start: 0;
        list-style-position: inside;
      }
    }
    @media (min-width: 1150px) {
      :where(.lg\:hdt-text-center,.lg\:hdt-text-right,.lg\:hdt-text-end) .rte :is(ol,ul) {
        margin-inline-start: 0;
        list-style-position: inside;
      }
    }

  /*================ 5.2. Buttons ================*/
  .hdt-btn, .hdt-link, .shopify-challenge__button {
    --fill-link-icon-color: var(--color-button-text);
    --transform-button: none;
    --height-btn-icon: calc(var(--text-base) * 0.8);
    --font-size-button: var(--text-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-button, 1rem 3.4rem);
    min-height: var(--height-button, 4.8rem);
    min-width: min(100%,var(--width-button, 0));
    font-size: var(--font-size-button);
    border-radius: var(--corner-radius-button);
    background-color: var(--color-button);
    color: var(--color-button-text);
    border: var(--thickness-btn) solid var(--color-button-border);
    text-transform: var(--transform-button);
    line-height: 1.2;
    cursor: pointer;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
  }
  .shopify-challenge__button {
    display: block;
    min-width: 30rem;
  }
  .hdt-btn--set {
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    display: inline-grid;
    grid-template-columns: var(--height-button, 4.8rem) minmax(0, 1fr);
  }
  .hdt-btn--set .hdt-btn--set__text {
    height: 100%;
    padding-inline: 3.95rem;
    background-color: var(--color-button);
    display: inline-grid;
    align-items: center;
  }
  .hdt-btn--set > *:not(.hdt-btn--set__text) {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-inline: 1.4rem;
    background-color: color-mix(in srgb, var(--color-button), transparent 20%);
  }
  .hdt-btn:disabled, .hdt-btn[aria-disabled=true] {
    cursor: not-allowed;
    opacity: .5;
  }
  .hdt-link {
    text-decoration: none;
  }
  .hdt-link:hover {
    text-decoration: underline;
  }
  .hdt-btn--pos-icon-after > span {
    flex-direction: row-reverse;
  }
  .hdt-btn--with-icon {
    gap: var(--gap-btn-icon, .6rem);
  }
  .hdt-btn--with-icon > span {
    gap: var(--gap-btn-icon, .6rem);
    display: flex;
    align-items: center;
  }
  .hdt-btn--with-icon .hdt-btn-icon-wrapper svg,
  .hdt-btn--with-icon > span svg {
    fill: var(--fill-link-icon-color);
    width: auto;
    height: var(--height-btn-icon);
  }
  .hdt-btn-full-width {
    width: 100%;
  }

  .hdt-btn.hdt-uppercase {
    text-transform: uppercase;
    letter-spacing: calc(var(--font-size-button) * 0.1);
  }
  .hdt-btn--size-xs {
    --padding-button: 1rem 2.6rem;
    --height-button: 3.6rem;
    --font-size-button: var(--text-xs);
    --height-btn-icon: calc(var(--font-size-button) * 0.8);
    --gap-btn-ico: 4px;
  }

  .hdt-btn--size-s {
    --padding-button: 1rem 2.85rem;
    --height-button: 4.4rem;
    --font-size-button: var(--text-sm);
    --height-btn-icon: calc(var(--font-size-button) * 0.8);
    --gap-btn-ico: 4px;
  }

  .hdt-btn--size-s:not(.hdt-btn-link, .hdt-btn-line-graphic) {
    min-width: min(100%,var(--width-button, 11.6rem));
  }

  .hdt-btn--size-l {
    --padding-button: 1rem 3.8rem;
    --height-button: 5.4rem;
    --font-size-button: calc(var(--text-base) + .4rem);
    --height-btn-icon: calc(var(--font-size-button) * 0.8);
  }

  .hdt-btn--size-xl {
    --padding-button: 1rem 4.2rem;
    --height-button: 6rem;
    --font-size-button: calc(var(--text-base) + .6rem);
    --height-btn-icon: calc(var(--font-size-button) * 0.8);
  }
  .hdt-btn-outline {
    --thickness-btn: .1rem;
    --color-button-text: var(--color-secondary-button-text);
    --color-button-border: var(--color-secondary-button-text);
    background-color: transparent;
  }
  .hdt-btn-link {
    --color-button-text: var(--color-link);
    background-color: transparent;
    min-height: unset !important;
    min-width: 0 !important;
    padding: 0 0 .5rem !important;
    border-radius: 0;
    position: relative;
    overflow: hidden;
  }
  .hdt-btn-link:after {
    background: var(--color-button-text);
    content: '';
    width: 100%;
    height: .1rem;
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    transform-origin: var(--value-origin-end) center;
    transition: transform 0.4s ease;
  }
  .hdt-button-group.has-btn-3d {
    position: relative;
    z-index: 1;
    padding-bottom: 2rem;
  }
  .hdt-btn-3d, .hdt-btn-3d2 {
    border: none;
    position: relative;
    overflow: visible !important;
    /* box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow 0s ease, opacity .25s ease;
    will-change: transform; */
  }
  .hdt-btn-3d:after {
    content: '';
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: rgb(var(--hdt-dark) / .5);
    filter: blur(7px);
    border-radius: 7px;
    z-index: -1;
    transform: translate3d(0, 15px, 0);
    transition: transform 0.45s;
  }
  .hdt-btn-3d:active::after {
    transform: translate3d(0, 0, 0);
  }
  .hdt-btn-3d2:after {
    content: '';
    position: absolute;
    inset: 0;
    box-shadow: rgb(var(--hdt-dark) / var(--hdt-op, .45)) 8px 12px 20px 0px;
  }
  .hdt-btn-3d2:active::after {
    --hdt-op: 0;
  }
  /* .hdt-btn-3d:active {
    transform: translateY(1px);
    box-shadow: none
  } */

  /* .hdt-btn-text-flip {
    display: inline-grid !important;
  }
  .hdt-btn-text-flip:before {
    content: attr(aria-label);
    display: inline-block;
    grid-area: 1/-1;
    transition: opacity 0.3s;
  } */

  .hdt-btn-text-flip--with-icon {
      grid-template-columns: auto 1fr;
      align-items: center;
  }

  .hdt-btn-text-flip--with-icon > svg {
      grid-area: 1 / 1 !important;
  }

  .hdt-btn-text-flip--with-icon > span {
      grid-area: 1 / 2 !important;
  }

  .hdt-btn-text-flip--with-icon:after {
      grid-area: 1 / 2 !important;
  }

  .hdt-btn-line-graphic {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    --color-button-text: var(--color-link);
    background-color: transparent;
    min-height: unset !important;
    min-width: 0 !important;
    padding: 0 0 .6rem !important;
    border-radius: 0;
  }
  .hdt-btn-line-graphic .hdt-icon-graphic {
    position: absolute;
    bottom: .05rem;
    inset-inline-start: 0;
    pointer-events: none;
    fill: none;
    stroke: var(--color-link);
    stroke-width: var(--svg-w, 2.5px);
    max-height: 3rem;
  }

  .hdt-btn-shadow {
    --cnvs-btn-shadow-size: 4px;
    --cnvs-btn-shadow-color: #000;
    box-shadow: var(--cnvs-btn-shadow-size) var(--cnvs-btn-shadow-size) 0 0 var(--cnvs-btn-shadow-color);
  }

  .hdt-btn--hover-flip,
  .hdt-btn--flip-after {
    position: relative;
    overflow: hidden;
    display: inline-grid;
  }
  .hdt-btn--hover-flip span,
  .hdt-btn--flip-after span {
    grid-area: 1 / -1;
  }
  .hdt-btn--hover-flip span[aria-hidden="true"],
  .hdt-btn--hover-flip .hdt-flip-after {
    display: none;
    opacity: 0;
  }
  /* @media screen and (pointer: fine) {
  } */
  @media (min-width: 768px) {
    .md\:hdt-show-title:before {
      content: attr(aria-label);
      display: inline-block;
    }
    .md\:hdt-hide-icon .hdt-icon {
      display: none;
    }
  }

  /*================  5.3. Slider ================*/
  .hdt-slider {
    --slide-spacing: 0px;
    --slide-size-set: 100%;
    --slide-size: var(--slide-size-set);
    position: relative;
  }
  .hdt-slider.hdt-slider--has-controls {
    width: 100%;
  }
  .hdt-slider.hdt-slider--has-controls .hdt-slideshow__controls {
    position: absolute;
    z-index: 1;
    width: 100%;
    padding-inline: var(--control-padding, 1.5rem);
    bottom: var(--control-spacing, 1.5rem);
  }
  .hdt-slides-2 {
    --slide-size-set: 50%;
  }
  .hdt-slides-3 {
    --slide-size-set: 33.3333%;
  }
  .hdt-slides-4 {
    --slide-size-set: 25%;
  }
  .hdt-slides-5 {
    --slide-size-set: 20%;
  }
  .hdt-slides-6 {
    --slide-size-set: 16.6666667%;
  }
  .hdt-slider__viewport {
    position: relative;
    overflow: hidden;
  }
  .hdt-slider__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* -webkit-backface-visibility: hidden;
    backface-visibility: hidden; */
    margin-inline-start: calc(var(--slide-spacing) * -1);
    transition-property: transform;
  }
  .hdt-slider[autoheight] .hdt-slider__container {
    align-items: flex-start;
    transition: height 0.2s;
  }
  .hdt-slider__slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0px;
    padding-inline-start: var(--slide-spacing);
    position: relative;
  }
  .hdt-slide-spacing-10 {
    --slide-spacing: 10px;
  }
  .hdt-slide-spacing-15 {
    --slide-spacing: 15px;
  }
  .hdt-slide-spacing-20 {
    --slide-spacing: 20px;
  }
  .hdt-slide-spacing-30 {
    --slide-spacing: 30px;
  }
  .hdt-slide-spacing-x {
    --slide-spacing: var(--spacing-x);
  }
  .hdt-slider-nav button {
    display: grid;
    place-content: center;
    width: var(--btn-w, 3rem);
    height: var(--btn-h, 3rem);
    border-radius: var(--corner-radius-2xs);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    position: absolute;
    top: calc(var(--gap-arrow, 50%));
    transform: translateY(-50%);
  }
  .hdt-slider-nav--solid button {
    background-color: var(--color-button);
    color: var(--color-button-text);
  }
  .hdt-slider-nav--outline button  {
    color: var(--color-link);
    border: 1px solid var(--color-link);
  }
  .hdt-slider-nav[inited] button {
    opacity: 1;
    visibility: visible;
  }
  .hdt-slider-nav button[disabled] {
    opacity: .5;
    cursor: default;
  }
  .hdt-slider-nav button[name="previous"] {
    inset-inline-start: var(--inset, 0px);
  }
  .hdt-slider-nav button[name="next"] {
    inset-inline-end: var(--inset, 0px);
  }
  .hdt-slider__overflow {
    overflow: hidden;
  }
  .hdt-slider__overflow  .hdt-slider__viewport {
    overflow: visible;
  }
  @media (max-width: 767.98px) {
    .mb\:hdt-slider__overflow {
      overflow: hidden;
    }
    .mb\:hdt-slider__overflow  .hdt-slider__viewport {
      overflow: visible;
    }
    .mb\:hdt-slider__overflow .hdt-slides-1:not(.hdt-slider__active-false) {
      --slide-size-set: 90%;
    }
    .mb\:hdt-slider__overflow .hdt-slides-2:not(.hdt-slider__active-false) {
      --slide-size-set: 48%;
    }
    .hdt-slider__active-false .hdt-slider__container {
      flex-wrap: wrap;
      row-gap: var(--spacing-y);
    }
    .hdt-slider__active-false.hdt-slider__items-center .hdt-slider__container {
      justify-content: center;
    }
    /* This is the fix - round the size to a whole pixel */
    @supports (width: round(0px, 0px)) {
      .hdt-slider:not(.hdt-slider__active-false) .hdt-slider__slide {
        --slide-size: round(var(--slide-size-set), 1px);
      }
    }
  }
  @media (max-width: 1024px) and (min-width: 768px) {
    .mb\:hdt-slider__overflow {
      overflow: hidden;
    }
    .mb\:hdt-slider__overflow .hdt-slider__viewport {
      overflow: visible;
    }
    .mb\:hdt-slider__overflow .md\:hdt-slides-1:not(.md\:hdt-slider__active-false) {
      --slide-size-set: 90%;
    }
    .mb\:hdt-slider__overflow .md\:hdt-slides-2:not(.md\:hdt-slider__active-false) {
      --slide-size-set: 45%;
    }
    .mb\:hdt-slider__overflow .md\:hdt-slides-3:not(.md\:hdt-slider__active-false) {
      --slide-size-set: 30%;
    }
  }
  @media (min-width: 768px) {
    .md\:hdt-slider__marquee {
      overflow: hidden;
    }
    .md\:hdt-slider__marquee .hdt-slider__viewport {
      overflow: visible;
    }
  }
  @media (min-width: 768px) and (max-width: 1149.98px) {
    .md\:hdt-slider__active-false .hdt-slider__container {
      flex-wrap: wrap;
      row-gap: var(--spacing-y);
    }
    .md\:hdt-slider__active-false.md\:hdt-slider__items-center .hdt-slider__container {
      justify-content: center;
    }
    /* This is the fix - round the size to a whole pixel */
    @supports (width: round(0px, 0px)) {
      .hdt-slider:not(.md\:hdt-slider__active-false) .hdt-slider__slide {
        --slide-size: round(var(--slide-size-set), 1px);
      }
    }
  }
  @media (min-width: 1150px) {
    .lg\:hdt-slider__active-false .hdt-slider__container {
      flex-wrap: wrap;
      row-gap: var(--spacing-y);
    }
    .lg\:hdt-slider__active-false.lg\:hdt-slider__items-center .hdt-slider__container {
      justify-content: center;
    }
    /* This is the fix - round the size to a whole pixel */
    @supports (width: round(0px, 0px)) {
      .hdt-slider:not(.lg\:hdt-slider__active-false) .hdt-slider__slide {
        --slide-size: round(var(--slide-size-set), 1px);
      }
    }
  }
  .hdt-slideshow__controls .hdt-slider-controls {
    display: inline-flex;
  }
  .hdt-slideshow__controls--bars .hdt-slider-controls {
    gap: 1.8rem;
  }
  .hdt-slideshow__controls--bars .hdt-slider-controls > button {
    display: block;
    width: 4rem;
    height: .2rem;
    background: color-mix(in srgb, var(--color-foreground), transparent 80%);
    transition: background-color .3s ease;
    position: relative;
  }
  .hdt-slideshow__controls--bars .hdt-slider-controls > button:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 0;
    height: 100%;
    background: var(--color-foreground);
  }
  .hdt-slideshow__controls--bars .hdt-slider-controls > button[aria-current="true"]:before {
    animation: slideBarAni var(--animation-duration, var(--hdt-remaining, 0)) linear var(--hdt-play-state, paused);
  }
  .hdt-slideshow:not([autoplay]) .hdt-slideshow__controls--bars .hdt-slider-controls > button[aria-current="true"]:before {
    width: 100%;
  }
  .hdt-slider-control--counter {
    display: inline-flex;
    border-radius: var(--corner-radius-xs);
    overflow: hidden;
  }
  .hdt-slider-control--counter .hdt-slider-counter {
    background: color-mix(in srgb, var(--color-foreground), transparent 10%);
    color: var(--color-foreground-brightness);
    backdrop-filter: blur(8px);
    display: grid;
    grid-template: 1fr / 1fr;
    min-width: 5rem;
    padding: 1rem;
  }
  .hdt-slider-control--counter .hdt-slider-counter .hdt-slider-counter--current {
    grid-area: 1 / 1 / 2 / 2;
    place-self: start start;
  }
  .hdt-slider-control--counter .hdt-slider-counter--sep {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
    width: 2.5rem;
    height: .1rem;
    background: var(--color-foreground-brightness);
    rotate: 135deg;
  }
  [dir="rtl"] .hdt-slider-control--counter .hdt-slider-counter--sep {
    rotate: -135deg;
  }
  .hdt-slider-control--counter .hdt-slider-counter .hdt-slider-counter--total {
    grid-area: 1 / 1 / 2 / 2;
    place-self: end end;
  }
  .hdt-slider-control--counter .hdt-slider-nav--back-next {
    display: inline-flex;
  }
  .hdt-slider-control--counter .hdt-slider-nav--back-next > button {
    color: color-mix(in srgb, var(--color-foreground), transparent 10%);
    background: color-mix(in srgb, var(--color-foreground), transparent 88%);
    backdrop-filter: blur(.1rem);
    height: 100%;
    padding: 1.7rem 2rem;
    transition: color .3s ease, background-color .3s ease;
    position: relative;
  }
  .hdt-slider-control--counter .hdt-slider-nav--back-next > button + button:before {
    content: '';
    display: block;
    width: .1rem;
    height: calc(100% - 1.6rem);
    background: color-mix(in srgb, var(--color-foreground), transparent 90%);
    position: absolute;
    top: .8rem;
    inset-inline-start: -0.05rem;
    transition: background-color .3s ease;
  }
  .hdt-slideshow__controls--dots .hdt-slider-controls {
    gap: 1.2rem;
  }
  .hdt-slideshow__controls--dots .hdt-slider-controls > button {
    position: relative;
  }
  .hdt-slideshow__controls--dots .hdt-slider-controls > button:before {
    content: '';
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: .8rem;
    height: .8rem;
    background: color-mix(in srgb, var(--color-foreground), transparent 60%);
    border-radius: 50%;
    transition: background-color .3s ease;
  }
  .hdt-slideshow__controls--dots .hdt-slider-controls > button[aria-current="true"]:before {
    background: var(--color-foreground);
  }
  .hdt-slider-controls [aria-current="true"] .hdt-progress__path {
    stroke-dasharray: 1;
    stroke: var(--progress-active);
    animation: slideDotsProgressAni var(--hdt-remaining, 0) linear var(--hdt-play-state, paused) both;
  }
  .hdt-slideshow__controls--dots .hdt-slider-controls .hdt-icon-progress {
    width: 2.2rem;
    height: 2.2rem;
  }
  .hdt-icon-progress {
    --progress-color: var(--color-foreground);
    --progress-active: var(--color-foreground);
    --cricle-width: 5px;
  }
  .hdt-progress__circle,
  .hdt-progress__path {
    fill: none;
    stroke: var(--progress-color);
    stroke-width: var(--cricle-width);
    transition: stroke .3s ease;
  }
  .hdt-progress__circle {
    opacity: 0;
  }
  .hdt-progress__path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    stroke-width: var(--cricle-width);
  }
  .hdt-slideshow:not([autoplay]) .hdt-slider-controls [aria-current="true"] .hdt-progress__path {
    stroke-dasharray: 0;
    stroke: var(--progress-active);
  }
  
  @keyframes slideBarAni {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes slideDotsProgressAni {
    0% {
        stroke-dashoffset: 1;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
  @media (min-width: 768px) {
    .hdt-slider .hdt-slideshow__controls {
      --control-padding: 3rem;
      --control-spacing: 3rem;
      max-width: var(--container-max-width-padding-lg);
    }
    .md\:hdt-slides-2 {
      --slide-size-set: 50%;
    }
    .md\:hdt-slides-3 {
      --slide-size-set: 33.3333%;
    }
    .md\:hdt-slides-4 {
      --slide-size-set: 25%;
    }
    .md\:hdt-slides-5 {
      --slide-size-set: 20%;
    }
    .md\:hdt-slides-6 {
      --slide-size-set: 16.6666667%;
    }
    .md\:hdt-slide-spacing-10 {
      --slide-spacing: 10px;
    }
    .md\:hdt-slide-spacing-15 {
      --slide-spacing: 15px;
    }
    .md\:hdt-slide-spacing-20 {
      --slide-spacing: 20px;
    }
    .md\:hdt-slide-spacing-30 {
      --slide-spacing: 30px;
    }
  }
  @media (min-width: 1150px) {
    .hdt-slider .hdt-slideshow__controls {
      --control-padding: 5rem;
      --control-spacing: 5rem;
    }
    .hdt-slider-control--counter .hdt-slider-nav--back-next > button {
      padding: 2rem;
    }
    .lg\:hdt-slides-2 {
      --slide-size-set: 50%;
    }
    .lg\:hdt-slides-3 {
      --slide-size-set: 33.3333%;
    }
    .lg\:hdt-slides-4 {
      --slide-size-set: 25%;
    }
    .lg\:hdt-slides-5 {
      --slide-size-set: 20%;
    }
    .lg\:hdt-slides-6 {
      --slide-size-set: 16.6666667%;
    }
    .lg\:hdt-slide-spacing-10 {
      --slide-spacing: 10px;
    }
    .lg\:hdt-slide-spacing-15 {
      --slide-spacing: 15px;
    }
    .lg\:hdt-slide-spacing-20 {
      --slide-spacing: 20px;
    }
    .lg\:hdt-slide-spacing-30 {
      --slide-spacing: 30px;
    }
  }
  @media (min-width: 1400px) {
    .hdt-slider .hdt-slideshow__controls {
      --control-padding: 10.5rem;
      max-width: 100%;
    }
  }

  /*================ 5.4. Media overlay Content ================*/
  .hdt-media-overlap-content {
    @layer themeh.styles.mobile.default {
    --media-overlap-content-gap-r: min(8vw, 50px);
    --media-overlap-content-gap-c: min(5vw, 50px);
    }
    @layer themeh.styles.tablet.default {
      --media-overlap-content-gap-r: min(5vw, 50px);
      --media-overlap-content-gap-c: min(5vw, 50px);
    }
    @layer themeh.styles.base.default {
      --media-overlap-content-gap-r: min(5vw, 50px);
      --media-overlap-content-gap-c: min(5vw, 50px);
    }
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template: [full-r-start] var(--media-overlap-content-gap-r) [content-r] minmax(0,1fr) var(--media-overlap-content-gap-r) [full-r-end] / [full-c-start] var(--media-overlap-content-gap-c) [content-c] minmax(0,1fr) var(--media-overlap-content-gap-c) [full-c-end];
    place-items: center;
    min-height: var(--media-overlap-content-h, auto);
  }
  .hdt-media-overlap-content > :is(picture, .hdt-media-wrapper) {
    display: contents;
  }
  .hdt-section__hero-media .hdt-media-wrapper >:is(img, video, iframe, svg, hdt-video) {
    aspect-ratio: var(--aspect-ratio, auto);
  }
  .hdt-media-overlap-content > :is(img, video, iframe, svg, hdt-video),
  .hdt-media-overlap-content > :is(picture, .hdt-media-wrapper) >:is(img, video, iframe, svg, hdt-video) {
    grid-area: full-r-start / full-c-start / full-r-end / full-c-end;
    height: var(--media-overlap-content-h, auto);
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
  }
  .hdt-media-overlap-content > a {
    grid-area: full-r-start / full-c-start / full-r-end / full-c-end;
    z-index: 1;
    display: block;
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
  }
  .hdt-media-overlap-content > :not(img, video, iframe, svg, picture, .hdt-media-wrapper, a, hdt-video) {
    grid-area: content-r / content-c;
    position: relative;
    z-index: 2;
    max-width: var(--overlap-content-mw, 100%);
    width: 100%;
  }
  @media (min-width: 1150px) {
    .hdt-media-overlap-content--container {
      grid-template: [full-r-start] var(--media-overlap-content-gap-r) [content-r] minmax(0, 1fr) var(--media-overlap-content-gap-r) [full-r-end] / [full-c-start] var(--media-overlap-content-gap-c) [content-c] minmax(0, 1fr) [container] minmax(0, var(--container-max-width)) [content-c] minmax(0, 1fr) var(--media-overlap-content-gap-c) [full-c-end];
    }
    .hdt-media-overlap-content--container > :not(img, video, iframe, svg, picture, .hdt-media-wrapper, a, hdt-video) {
      grid-area: content-r / container;
    }
  }
  hdt-video > :is(video, iframe,img) {
    position: absolute;
    inset: 0;
  }
  hdt-video > :is(video,iframe,img) {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
  }
  hdt-video > :is(video,img) {
    object-fit: cover;
    object-position: center;
  }
  hdt-video > video[controls],
  .hdt-section__video hdt-video > :is(video, iframe) {
    pointer-events: auto;
  }
  hdt-video::part(control-play),
  .hdt-btn-video {
    display: grid;
    justify-content: center;
    align-items: center;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    top: 50%;
    inset-inline: 50% auto;
    transform: translate(-50%, -50%);
    border: 0;
    appearance: none;
    width: 5rem;
    height: 5rem;
    border-radius: var(--corner-radius-button);
    background-color: var(--color-button);
    color: var(--color-button-text);
    --width-icon: 1.1rem;
  }
  hdt-video::part(control-play-icon),
  hdt-video::part(control-pause-icon),
  .hdt-btn-video svg {
    color: currentColor;
  }
  hdt-video::part(control-play-icon),
  hdt-video::part(control-pause-icon),
  .hdt-btn-video svg {
    grid-area: 1 / -1;
    place-self: center;
    width: var(--width-icon);
    height: auto;
    pointer-events: none;
  }
  hdt-video::part(control-pause-icon),
  hdt-video::part(control-play-icon),
  .hdt-btn-video svg {
    transform: scale(0);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  hdt-video:not([playing])::part(control-play-icon),
  hdt-video[playing]::part(control-pause-icon),
  hdt-video:not([playing]) .hdt-btn-play-icon,
  hdt-video[playing] .hdt-btn-pause-icon {
    transform: scale(1);
  }
  hdt-video[sp-toogle-play]::part(control-play),
  .hdt-btn-video {
    top: 2.1rem;
    inset-inline: auto 1.9rem;
    width: 3.5rem;
    height: 3.5rem;
    transform: none;
    pointer-events: auto;
    border: 1px solid var(--color-foreground);
    color: var(--color-foreground);
    background-color: transparent;
    border-radius: var(--corner-radius-full);
    --width-icon: .7rem;
  }
  hdt-video[sp-toogle-play]::part(control-play-icon),
  .hdt-btn-video .hdt-btn-play-icon {
    --width-icon: .9rem;
  }
  /* hdt-video:not([ready]) > :is(video, iframe),
  hdt-video[ready] > img,
  hdt-video[ready]:not([sp-toogle-play])::part(control-play) {
    opacity: 0;
    visibility: hidden;
  } */
  .hdt-media-overlap-content:before {
    content: "";
    position: absolute;
    top: 0;
    background: color-mix(in srgb, var(--color-overlay), transparent calc(100% - var(--color-overlay-opacity, 0)));
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .hdt-media-content:not(.hdt-hide-bg-content) > .hdt-media-content-wrapp {
    max-width: var(--media-overlap-content-w, var(--container-max-width, 80rem));
    background-color: var(--color-background);
    background: var(--gradient-background);
    padding: var(--pading-media, 2.8rem 3rem 3.4rem);
    border-radius: var(--corner-radius-sm);
    display: inline-block;
  }
  .hdt-newsletter-block .h-captcha {
    display: none;
  }
  .hdt-newsletter-form .hdt-input:is(:-webkit-autofill, :autofill) + .hdt-field__label {
    color: fieldtext !important;
  }
  .hdt-newsletter-form__field-wrapper {
    display: inline-block;
    min-width: min(100%, 52.6rem);
    font-size: var(--text-base);
  }
  .hdt-newsletter-form :is(.hdt-input, .hdt-field__label) {
    @layer themeh.styles.mobile.default {
    --padding-inline-input: 1.5rem;
    }
    @layer themeh.styles.tablet.default {
    --padding-inline-input: 2rem;
    }
    @layer themeh.styles.base.default {
    --padding-inline-input: 3rem;
    }
  }
  .hdt-newsletter-form .hdt-field {
    display: grid;
    grid: "input btn" / 1fr auto;
    border-width: 1px;
    border-color: color-mix(in srgb, var(--color-line-border), transparent 55%);
    gap: .45rem;
    padding: .5rem;
    border-radius: var(--corner-radius-button);
  }
  .hdt-newsletter-form .hdt-input {
    grid-area: input;
    height: 100%;
    padding: 2rem var(--padding-inline-input) .6rem var(--padding-inline-input);
    border-radius: var(--corner-radius-button);
    border: 0;
  }
  .hdt-form--move-text .hdt-field {
    display: grid;
    grid: "input btn" / 1fr auto;
    row-gap: 0.45rem;
    padding-block: .5rem;
    place-content: start;
  }
  .hdt-form--move-text .hdt-field--no-move {
    display: block;
  }
  .hdt-field--no-move > label {
    margin-bottom: 1.1rem;
    display: block;
  }
  .hdt-field--no-move .hdt-property-option + .hdt-property-option {
    margin-top: .5rem;
  }
  .hdt-form--move-text .hdt-field--date {
    width: 22rem;
    max-width: 100%;
  }
  .hdt-form--move-text .hdt-field--br-mb {
    column-gap: .8rem;
  }
  .hdt-form--move-text .hdt-field.hdt-field--with-icon > :where(svg, .hdt-field-icon) {
    grid-area: input;
    place-self: center start;
    color: var(--color-foreground);
  }
  .hdt-form--move-text .hdt-field.hdt-field--checkbox {
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    padding-block: .2rem;
  }
  .hdt-form--move-text .hdt-field--with-icon {
    --icon-width: 4.6rem;
  }
  .hdt-form--move-text .hdt-field--with-icon__no-sep {
    --icon-width: 4.5rem;
  }
  .hdt-form--move-text .hdt-field.hdt-field--with-icon > .hdt-field-icon--end {
    place-self: center end;
    align-items: center;
  }
  .hdt-form--move-text .hdt-field.hdt-field--with-icon > svg  {
    width: 1.6rem;
    margin-inline: 1.65rem;
  }
  .hdt-form--move-text .hdt-field-icon  {
    display: grid;
    width: var(--icon-width);
    height: calc(100% - 2px);
    place-content: center;
    grid-template-columns: 4.5rem 0.1rem;
    grid-template-rows: 0.8rem 1fr 0.8rem;
    margin-inline: 1px;
  }

  .hdt-form--move-text .hdt-field--with-icon__no-sep .hdt-field-icon {
    grid-template-columns: 1fr;
  }
  .hdt-form--move-text .hdt-field-icon--end {
    grid-template-columns: 0.1rem 4.5rem;
    grid-area: input;
    place-self: center end;
    align-items: center;
  }
  .hdt-form--move-text .hdt-field-icon svg {
    grid-area: 2 / 1 / 2 / 1;
    place-self: center;
  }
  .hdt-form--move-text .hdt-field-icon--end > svg, .hdt-form--move-text .hdt-field-icon--end > span {
    grid-area:  2 / 2 / 2 / -1;
  }
  .hdt-form--move-text .hdt-field--with-icon__no-sep .hdt-field-icon--end > :where(svg, span) {
    grid-area: 2 / 1;
  }
  .hdt-form--move-text .hdt-field-icon:after {
    content: '';
    grid-area: 2 / -1 / 2 / -1;
    width: 0;
    height: 100%;
    border-inline-end: 1px solid color-mix(in srgb, var(--color-foreground), transparent 88%);
  }
  .hdt-form--move-text .hdt-field-icon--end:after {
    grid-area:  2 / 1 / 2 / 1;
  }
  .hdt-form--move-text .hdt-field--with-icon__no-sep .hdt-field-icon:after {
    display: none;
  }
  .hdt-show-pw {
    cursor: pointer;
    transition: background-color .25s linear;
  }
  .hdt-show-pw > * {
      transition: transform .3s ease;
  }

  .hdt-show-pw > * + * {
      transform: scale(0);
  }
  .hdt-show-pw[display-password] > * {
      transform: scale(0);
  }
  .hdt-show-pw[display-password] > * + * {
      transform: scale(1);
  }
  .hdt-form--move-text .hdt-show-pw:after {
    opacity: 0;
  }
  .hdt-form--move-text .hdt-field.hdt-field--with-subtext .hdt-field__subtext {
    grid-area: input;
    place-self: center end;
    display: inline-grid;
    align-items: center;
    width: var(--subtext-width, 11rem);
    height: 100%;
    margin-inline-end: var(--padding-inline-input);
    text-align: end;
  }
  .hdt-form--move-text .hdt-field.hdt-field--with-error {
    grid-template-areas:
    "input btn"
    "msg msg";
  }
  .hdt-form--move-text .hdt-field__input {
    grid-area: input;
    height: 100%;
    padding: 2rem var(--padding-inline-input) .6rem var(--padding-inline-input);
  }
  .hdt-form--move-text .hdt-field--date .hdt-field__input {
    padding: 2.5rem var(--padding-inline-input) .6rem var(--padding-inline-input);
  }
  .hdt-form--move-text .hdt-btn {
    grid-area: btn;
  }
  .hdt-form--move-text .hdt-select {
    padding-inline-start: var(--padding-inline-input);
    grid-area: input;
    --height-input: calc(var(--spacing-4-2) + .3rem);
  }
  .hdt-form--move-text .hdt-form-field__msg {
    grid-area: msg;
  }
  .hdt-form-field__msg {
    display: inline-flex;
    gap: .65rem;
    align-items: baseline;
    text-align: start;
  }
  .hdt-form-field__msg svg {
    flex: none;
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    top: 0.2rem;
  }
  .hdt-form-field__msg span {
    place-self: center start;
  }
  :where(.hdt-newsletter-form, .hdt-form--move-text) .hdt-field__label:not([for-checkbox]) {
    grid-area: input;
    height: 100%;
    margin: 0 !important;
    text-align: start;
    padding: 1rem var(--padding-inline-input);
    color: var(--color-input-text);
    display: grid;
    align-items: center;
    pointer-events: none;
  }
  .hdt-form--move-text :not(.hdt-field__input)::placeholder {
    color: currentColor;
  }
  .hdt-form--move-text .hdt-field--with-icon :where(.hdt-field__input, .hdt-field__label) {
    padding-inline-start: calc(var(--icon-width) + var(--padding-inline-input));
  }
  .hdt-form--move-text .hdt-field--with-icon__end :where(.hdt-field__input, .hdt-field__label) {
    padding-inline-end: calc(var(--icon-width) + var(--padding-inline-input));
  }
  .hdt-form--move-text .hdt-field--with-subtext :where(.hdt-field__input, .hdt-field__label) {
    padding-inline-end: calc(var(--subtext-width, 11rem) + var(--padding-inline-input) + var(--padding-inline-input));
  }
  .hdt-form--move-text .hdt-field--with-icon__no-sep :where(.hdt-field__input, .hdt-field__label) {
    padding-inline-start: var(--icon-width);
  }
  .hdt-form--move-text .hdt-field--with-icon__no-sep.hdt-field--with-icon__end :where(.hdt-field__input, .hdt-field__label) {
    padding-inline-end: var(--icon-width);
  }
  .hdt-form--move-text .hdt-textarea + .hdt-field__label {
    align-items: start;
  }
  :where(.hdt-newsletter-form, .hdt-form--move-text) .hdt-field__label span {
    transform-origin: var(--value-origin-start);
    transition: transform .2s ease-in-out;
  }
  .hdt-newsletter-form .hdt-btn {
    grid-area: btn;
    margin: 0 !important;
    border-radius: var(--corner-radius-button);
  }
  .hdt-field__input::placeholder {
    opacity: 0;
  }
  .hdt-field__input:focus ~ .hdt-field__label span,
  .hdt-field__input:not(:placeholder-shown) ~ .hdt-field__label span,
  .hdt-field__input:-webkit-autofill ~ .hdt-field__label span {
    transform: scale(.71) translateY(-1rem);
  }
  .hdt-textarea:focus ~ .hdt-field__label span,
  .hdt-textarea:not(:placeholder-shown) ~ .hdt-field__label span,
  .hdt-textarea:-webkit-autofill ~ .hdt-field__label span {
    transform: scale(.71) translateY(-.6rem);
  }
  .hdt-field--date .hdt-field__input:focus ~ .hdt-field__label span, 
  .hdt-field--date .hdt-field__input:not(:placeholder-shown) ~ .hdt-field__label span, 
  .hdt-field--date .hdt-field__input:-webkit-autofill ~ .hdt-field__label span {
    transform: scale(.71) translateY(-1.5rem);
  }
  .hdt-section__contact {
    --max-w-container: 103rem;
  }
  .hdt-section__contact .hdt-row-grid{
    --spacing-y: 0;
  }
  .hdt-section__contact .hdt-field {
    margin-top: 2rem;
    padding: 0;
  }
  .hdt-contact__button {
    margin-top: 3.5rem;
  }
  .hdt-contact__button .hdt-btn {
    min-width: 16.4rem;
  }
  @media screen and (max-width: 767px) {
    .hdt-height--fixed {
      --media-overlap-content-h: var(--aspect-ratioapt, auto);
    }
    .hdt-height--full {
      --media-overlap-content-h: 100vh;
    }
    .hdt-section:first-child .hdt-height--full {
      --media-overlap-content-h: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
    }
    .hdt-height--adapt_image_first.is-video {
      --aspect-ratioapt: 1.77777777778;
    }
    :is(.hdt-height--adapt_image, .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(img, video, iframe, svg, hdt-video),
    :is(.hdt-height--adapt_image, .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(picture, .hdt-media-wrapper) >:is(img, video, iframe, svg, hdt-video) {
      aspect-ratio: var(--aspect-ratioapt, auto);
    }
    .hdt-form--move-text .hdt-field--br-mb {
      grid-template-columns: 1fr auto 1fr;
      grid-template-areas: "input input input"
        ". btn .";
    }
    .hdt-form--move-text .hdt-field--br-mb.hdt-field--with-error {
      grid-template-areas:
      "input input input"
      "msg msg msg"
      ". btn .";
    }
    .hdt-form--move-text .hdt-field--br-mb .hdt-btn {
      margin-top: .5rem;
    }
    @supports (height: 100svh) {
      .hdt-height--full {
        --media-overlap-content-h: 100svh;
      }
      .hdt-section:first-child .hdt-height--full {
        --media-overlap-content-h: var(--fill-height-first, calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
      }
    }
    @supports not (aspect-ratio: 1) {
      :is(.hdt-height--adapt_image, .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, picture, hdt-video):before {
        content: "";
        padding-block-end: calc(100% / var(--aspect-ratioapt));
        display: block;
        width: 0;
        height: 0;
        grid-area: full-r-start / full-c-start / full-r-end / full-c-end;
      }
      :is(.hdt-height--adapt_image, .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, picture, hdt-video) > * {
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
      }
    }
    .hdt-newsletter-form .hdt-btn {
      padding-inline: 2rem;
      min-width: 6rem;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:hdt-height--fixed {
      --media-overlap-content-h: var(--aspect-ratioapt-md, auto);
    }
    .md\:hdt-height--full {
      --media-overlap-content-h: 100vh;
    }
    .hdt-section:first-child .md\:hdt-height--full {
      --media-overlap-content-h: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
    }
    .md\:hdt-height--adapt_image_first.is-video {
      --aspect-ratioapt-md: 1.77777777778;
    }
    :is(.md\:hdt-height--adapt_image, .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(img, video, iframe, svg, hdt-video),
    :is(.md\:hdt-height--adapt_image, .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(picture, .hdt-media-wrapper) >:is(img, video, iframe, svg, hdt-video) {
      aspect-ratio: var(--aspect-ratioapt-md, auto);
    }
    hdt-video::part(control-play) {
      width: 4rem;
      height: 4rem;
    }
    .hdt-media-content {
      --pading-media: 3.2rem 3rem 3.5rem;
    }
    @supports (height: 100svh) {
      .md\:hdt-height--full {
        --media-overlap-content-h: 100svh;
      }
      .hdt-section:first-child .md\:hdt-height--full {
        --media-overlap-content-h: var(--fill-height-first, calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
      }
    }
    @supports not (aspect-ratio: 1) {
      :is(.md\:hdt-height--adapt_image, .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, picture, hdt-video):before {
        content: "";
        padding-block-end: calc(100% / var(--aspect-ratioapt-md));
        display: block;
        grid-area: full-r-start / full-c-start / full-r-end / full-c-end;
      }
      :is(.md\:hdt-height--adapt_image, .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, picture, hdt-video) > * {
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
      }
    }
    .hdt-contact__button {
      margin-top: 4.5rem;
    }
  }
  @media screen and (min-width: 1025px) {
    .hdt-media-content {
      --pading-media: 5.2rem 4.4rem 5.5rem;
    }
  }

  /*================ 5.5. Theme blocks ================*/
  .hdt-fixed-grid {
    container: hdt-fixed-grid / inline-size;
  }
  .hdt-row-block + .hdt-row-block {
    margin-block-start: 4rem;
  }
  .hdt-fixed-grid>.hdt-row-grid {
    --hdt-grid-col-gap: var(--hdt-grid-col-gap-mb);
    --hdt-grid-row-gap: var(--hdt-grid-row-gap-mb);
    grid-template-columns: repeat(auto-fit, minmax(var(--hdt-grid-col-min), 1fr));
    grid-template-rows: auto;
    column-gap: var(--hdt-grid-col-gap, var(--spacing-x));
    row-gap: var(--hdt-grid-row-gap, var(--spacing-y));
    grid-template-columns: repeat(var(--hdt-grid-col-count, 2),  minmax(0, 1fr));
    --hdt-col-span: 1;
    --hdt-row-span: 1;
  }
  /* .hdt-fixed-grid>.hdt-row-grid {
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 0;
    -webkit-overflow-scrolling: touch;
    grid-auto-columns: 100%;
    grid-auto-flow: column;
  }
  .hdt-fixed-grid>.hdt-row-grid>.hdt-cell {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  } */
  .hdt-fixed-grid.has-10-cols>.hdt-row-grid {
    --hdt-grid-col-count: 10
  }
  .hdt-fixed-grid.has-12-cols>.hdt-row-grid {
    --hdt-grid-col-count: 12;
  }
  .hdt-cell {
    grid-column-start: var(--hdt-col-start);
    grid-column-end: span var(--hdt-col-span);
    grid-row-start: var(--hdt-row-start);
    grid-row-end: span var(--hdt-row-span);
  }
  .hdt-col-span-1 {
    --hdt-col-span: 1;
  }
  .hdt-col-span-2 {
    --hdt-col-span: 2;
  }
  .hdt-col-span-3 {
    --hdt-col-span: 3;
  }
  .hdt-col-span-4 {
    --hdt-col-span: 4;
  }
  .hdt-col-span-5 {
    --hdt-col-span: 5;
  }
  .hdt-col-span-6 {
    --hdt-col-span: 6;
  }
  .hdt-col-span-7 {
    --hdt-col-span: 7;
  }
  .hdt-col-span-8 {
    --hdt-col-span: 8;
  }
  .hdt-col-span-9 {
    --hdt-col-span: 9;
  }
  .hdt-col-span-10 {
    --hdt-col-span: 10;
  }
  .hdt-col-span-11 {
    --hdt-col-span: 11;
  }
  .hdt-col-span-12 {
    --hdt-col-span: 12;
  }
  @media screen and (min-width: 768px) {
    .hdt-fixed-grid>.hdt-row-grid {
      --hdt-grid-col-gap: var(--hdt-grid-col-gap-md);
      --hdt-grid-row-gap: var(--hdt-grid-row-gap-md);
    }
    .md\:hdt-col-span-1 {
      --hdt-col-span: 1;
    }
    .md\:hdt-col-span-2 {
      --hdt-col-span: 2;
    }
    .md\:hdt-col-span-3 {
      --hdt-col-span: 3;
    }
    .md\:hdt-col-span-4 {
      --hdt-col-span: 4;
    }
    .md\:hdt-col-span-5 {
      --hdt-col-span: 5;
    }
    .md\:hdt-col-span-6 {
      --hdt-col-span: 6;
    }
    .md\:hdt-col-span-7 {
      --hdt-col-span: 7;
    }
    .md\:hdt-col-span-8 {
      --hdt-col-span: 8;
    }
    .md\:hdt-col-span-9 {
      --hdt-col-span: 9;
    }
    .md\:hdt-col-span-10 {
      --hdt-col-span: 10;
    }
    .md\:hdt-col-span-11 {
      --hdt-col-span: 11;
    }
    .md\:hdt-col-span-12 {
      --hdt-col-span: 12;
    }
  }
  @media screen and (min-width: 1150px) {
    .hdt-fixed-grid>.hdt-row-grid {
      --hdt-grid-col-gap: var(--hdt-grid-col-gap-lg);
      --hdt-grid-row-gap: var(--hdt-grid-row-gap-lg);
    }
    .lg\:hdt-col-span-1 {
      --hdt-col-span: 1;
    }
    .lg\:hdt-col-span-2 {
      --hdt-col-span: 2;
    }
    .lg\:hdt-col-span-3 {
      --hdt-col-span: 3;
    }
    .lg\:hdt-col-span-4 {
      --hdt-col-span: 4;
    }
    .lg\:hdt-col-span-5 {
      --hdt-col-span: 5;
    }
    .lg\:hdt-col-span-6 {
      --hdt-col-span: 6;
    }
    .lg\:hdt-col-span-7 {
      --hdt-col-span: 7;
    }
    .lg\:hdt-col-span-8 {
      --hdt-col-span: 8;
    }
    .lg\:hdt-col-span-9 {
      --hdt-col-span: 9;
    }
    .lg\:hdt-col-span-10 {
      --hdt-col-span: 10;
    }
    .lg\:hdt-col-span-11 {
      --hdt-col-span: 11;
    }
    .lg\:hdt-col-span-12 {
      --hdt-col-span: 12;
    }
  }

  .hdt-closest-block {
    display: grid;
    justify-items: center;
  }
  .hdt-closest-block:where(.hdt-text-start, .hdt-text-left) {
    justify-items: start;
  }
  .hdt-closest-block:where(.hdt-text-end, .hdt-text-right) {
    justify-items: end;
  }
  .hdt-theme-blocks__spacing-small {
    --hdt-block-el: 1.2rem;
    --hdt-block-btn: 1.8rem;
  }
  .hdt-theme-block + .hdt-theme-block {
    margin-block-start: var(--hdt-block-el, 1.5rem);
  }
  .hdt-theme-block + .hdt-group-button-block {
    margin-block-start: var(--hdt-block-btn, 2.5rem);
  }
  @media screen and (min-width: 768px) {
    .hdt-theme-block {
      --hdt-block-el: 2rem;
      --hdt-block-btn: 3rem;
    }
    .hdt-theme-blocks__spacing-small .hdt-theme-block {
      --hdt-block-el: 1.5rem;
      --hdt-block-btn: 2.1rem;
    }
  }
  @media screen and (min-width: 1150px) {
    .hdt-group-button-block {
      --hdt-block-btn: 4rem;
    }
    .hdt-theme-blocks__spacing-small .hdt-group-button-block {
      --hdt-block-btn: 2.5rem;
    }
  }

  /* 5.5.1. Row block */
  .hdt-row-block {
    width: 100%;
    max-width: var(--max-w-row, inherit);
    margin: 0 auto;
  }
  /* .hdt-row-block + .hdt-row-block {
    margin-block-start: 3rem;
  }
  @media screen and (min-width: 768px) {
    .hdt-row-block + .hdt-row-block {
      margin-block-start: 3rem;
    }
  }
  @media screen and (min-width: 1150px) {
    .hdt-row-block + .hdt-row-block {
      margin-block-start: 5rem;
    }
  } */

  /* 5.5.2. Column block */
  .hdt-column-block {
    --pd-t-col: var(--pd-t-col-mb);
    --pd-b-col: var(--pd-b-col-mb);
    --pd-l-col: var(--pd-l-col-mb);
    --pd-r-col: var(--pd-r-col-mb);
    display: grid;
  }
  .hdt-column-block:not(.hdt-column-block-overlay) {
    padding-block: var(--pd-t-col, 0px) var(--pd-b-col, 0px);
    padding-inline: var(--pd-l-col, 0px) var(--pd-r-col, 0px);
  }
  .hdt-column-block-overlay {
    grid-template: [full-r-start] var(--pd-t-col) [content-r] minmax(0, 1fr) var(--pd-b-col) [full-r-end] / [full-c-start] var(--pd-l-col) [content-c] minmax(0, 1fr) var(--pd-r-col) [full-c-end];
  }
  @media screen and (min-width: 768px) {
    .hdt-column-block {
      --pd-t-col: var(--pd-t-col-md);
      --pd-b-col: var(--pd-b-col-md);
      --pd-l-col: var(--pd-l-col-md);
      --pd-r-col: var(--pd-r-col-md);
    }
  }
  @media screen and (min-width: 1150px) {
    .hdt-column-block {
      --pd-t-col: var(--pd-t-col-lg);
      --pd-b-col: var(--pd-b-col-lg);
      --pd-l-col: var(--pd-l-col-lg);
      --pd-r-col: var(--pd-r-col-lg);
    }
  }
  .hdt-column-block-wrapp {
    width: 100%;
    max-width: var(--max-col, inherit) !important;
  }

  /* 5.5.3. Spacer block */
  .hdt-spacer-block {
    height: var(--space);
  }
  @media (min-width: 768px) {
    .hdt-spacer-block {
      height: var(--space-md);
    }
  }
  @media (min-width: 1150px) {
    .hdt-spacer-block {
      height: var(--space-lg);
    }
  }

  /* 5.5.4. Icon block */
  :where(.hdt-icon__type-square, .hdt-icon__type-cricle) {
    background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
    padding: min(2.2rem, calc(var(--icon-h)/3.3));
  }
  :where(.hdt-icon__type-cricle, .hdt-icon__type-border) {
    padding: min(2.5rem, calc(var(--icon-h)/3.3));
  }
  .hdt-icon__type-border {
    border: 2px solid var(--color-line-border);
  }
  :where(.hdt-icon__type-cricle, .hdt-icon__type-border),
  :is(.hdt-icon__type-cricle, .hdt-icon__type-border) img {
    border-radius: 50% !important;
  }
  .hdt-icon-block,
  .hdt-icon-wrapper {
    display: flex;
    fill: currentColor;
  }
  .hdt-icon-block > :where(svg, img) {
    width: auto;
    height: var(--height);
  }
  .hdt-icon-wrapper > :where(svg, img) {
    width: auto;
    height: var(--icon-h);
    min-width: var(--icon-mw, 0);
    max-width: none;
  }
  @media (min-width: 768px) {
    .hdt-icon-wrapper {
      --icon-h: var(--icon-h-md) !important;
    }
    .hdt-icon-block > :where(svg, img) {
      height: var(--height-md);
    }
    .hdt-icon-wrapper > :where(svg, img) {
      height: var(--icon-h-md);
      min-width: var(--icon-mw-md, 0);
    }
  }
  @media (min-width: 1150px) {
    .hdt-icon-block > :where(svg, img) {
      height: var(--height-lg, var(--height-md));
    }
    .hdt-icon-wrapper > :where(svg, img) {
      height: var(--icon-h-lg, var(--icon-h-md));
    }
  }

  /* 5.5.5. Group button block */
  .hdt-group-button-block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 2rem 1.5rem;
    justify-content: inherit;
    align-items: end;
  }

  /* 5.5.6. Image block */
  .hdt-image-block :where(img, svg) {
    width: 100%;
    height: auto;
    aspect-ratio: var(--aspect-ratio);
  }
  .hdt-image-block[custom-w] :where(img, svg) {
    max-width: var(--img-w);
  }
  @media (min-width: 768px) {
    .hdt-image-block[custom-w] :where(img, svg) {
      --img-w: var(--img-w-md);
    }
  }
  @media (min-width: 1150px) {
    .hdt-image-block[custom-w] :where(img, svg) {
      --img-w: var(--img-w-lg);
    }
  }


/* Flex block - last  */
  .hdt-flex-block {
    display: flex;
  }
  :where(.hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block,
  :where(.hdt-text-center) > .hdt-flex-block {
    justify-content: center;
  }
  :where(.hdt-text-start, .hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block,
  :where(.hdt-text-start, .hdt-text-left) > .hdt-flex-block {
    justify-content: start;
  }
  :where(.hdt-text-end, .hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block,
  :where(.hdt-text-end, .hdt-text-right) > .hdt-flex-block {
    justify-content: end;
  }
  :where(.hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
  :where(.hdt-text-center) > .hdt-flex-block.hdt-flex-col {
    align-items: center;
  }
  :where(.hdt-text-start, .hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
  :where(.hdt-text-start, .hdt-text-left) > .hdt-flex-block.hdt-flex-col {
    align-items: start;
  }
  :where(.hdt-text-end, .hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
  :where(.hdt-text-end, .hdt-text-right) > .hdt-flex-block.hdt-flex-col {
    align-items: end;
  }
  @media (min-width: 768px) {
    :where(.md\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.md\:hdt-text-center) > .hdt-flex-block {
      justify-content: center;
    }
    :where(.md\:hdt-text-start, .md\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.md\:hdt-text-start, .md\:hdt-text-left) > .hdt-flex-block {
      justify-content: start;
    }
    :where(.md\:hdt-text-end, .md\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.md\:hdt-text-end, .md\:hdt-text-right) > .hdt-flex-block {
      justify-content: end;
    }
    :where(.md\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.md\:hdt-text-center) > .hdt-flex-block.hdt-flex-col {
      align-items: center;
    }
    :where(.md\:hdt-text-start, .md\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.md\:hdt-text-start, .md\:hdt-text-left) > .hdt-flex-block.hdt-flex-col {
      align-items: start;
    }
    :where(.md\:hdt-text-end, .md\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.md\:hdt-text-end, .md\:hdt-text-right) > .hdt-flex-block.hdt-flex-col {
      align-items: end;
    }
  }
  @media (min-width: 1150px) {
    :where(.lg\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.lg\:hdt-text-center) > .hdt-flex-block {
      justify-content: center;
    }
    :where(.lg\:hdt-text-start, .lg\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.lg\:hdt-text-start, .lg\:hdt-text-left) > .hdt-flex-block {
      justify-content: start;
    }
    :where(.lg\:hdt-text-end, .lg\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block,
    :where(.lg\:hdt-text-end, .lg\:hdt-text-right) > .hdt-flex-block {
      justify-content: end;
    }
    :where(.lg\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.lg\:hdt-text-center) > .hdt-flex-block.hdt-flex-col {
      align-items: center;
    }
    :where(.lg\:hdt-text-start, .lg\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.lg\:hdt-text-start, .lg\:hdt-text-left) > .hdt-flex-block.hdt-flex-col {
      align-items: start;
    }
    :where(.lg\:hdt-text-end, .lg\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col,
    :where(.lg\:hdt-text-end, .lg\:hdt-text-right) > .hdt-flex-block.hdt-flex-col {
      align-items: end;
    }
  }

  /*================ 5.6. Slideshow ================*/
  .hdt-uppercase {
    text-transform: uppercase;
  }
  .hdt-heading.hdt-uppercase {
    letter-spacing: min(var(--lt-spacing), 0.44rem);
  }
  .hdt-text-xs.hdt-uppercase {
    letter-spacing: calc(var(--text-xs) * 0.1);
  }
  .hdt-text-sm.hdt-uppercase {
    letter-spacing: calc(var(--text-sm) * 0.1);
  }
  .hdt-text-base.hdt-uppercase {
    letter-spacing: calc(var(--text-base) * 0.1);
  }
  .hdt-text-lg.hdt-uppercase {
    letter-spacing: calc(var(--text-lg) * 0.1);
  }
  .hdt-text-xl.hdt-uppercase {
    letter-spacing: calc(var(--text-xl) * 0.1);
  }
  .hdt-slideshow-split-content .hdt-media-content-split {
    --hdt-padding: 4rem 2rem;
    --hdt-padding-lg: 6rem clamp(5rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2, 8rem);
  }
  .hdt-slideshow-split .hdt-slider__slide {
    opacity: 0 !important;
  }
  .hdt-slideshow-split .hdt-slider__slide.is-selected,
  .hdt-slideshow-split-media .hdt-slider__slide {
    opacity: 1 !important;
  }
  .hdt-slideshow-split-media .hdt-slider__slide:not(.is-selected) :where(img,svg) {
    opacity: 0;
  }
  .hdt-slider-dots__simple {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    gap: .6rem;
  }
  .hdt-slider-dots__simple .hdt-slider__dot {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    transition: background-color .3s ease;
  }
  .hdt-slider-dots__simple .hdt-slider__dot::before {
    content: '';
    width: .6rem;
    height: .6rem;
    background-color: color-mix(in srgb, var(--color-foreground), transparent 50%);
    border-radius: var(--corner-radius-full);
    place-self: center;
  }
  .hdt-slider-dots__simple [aria-current="true"]::before {
    background-color: var(--color-foreground);
  }
  .hdt-slider-nav--bar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1.8rem;
    width: 100%;
  }
  .hdt-product-media__thumb .hdt-slider--bar {
    max-width: min(100%, 15.6rem);
  }
  .hdt-slider-nav--bar-2 .hdt-slider--bar {
    max-width:9.8rem;
  }
  .hdt-slider-nav--bar-1 .hdt-slider--bar {
    max-width: 4rem;
  }
  .hdt-slider-nav--bar > button {
    display: grid;
    place-content: center;
    width: var(--btn-w, 3.2rem);
    height: var(--btn-h, 3.2rem);
    border-radius: calc(var(--thumb-rounded) * 90);
    color: var(--color-foreground);
    border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 80%);
    flex: none;
  }
  .hdt-slider-thumb-bar .hdt-slider__dot {
    display: grid;
    width: 4rem;
    max-width: 100%;
    height: 2.2rem;
    position: relative;
    flex: 0 0 var(--slide-size);
  }
  .hdt-slider-thumb-bar .hdt-slider__dot:before {
    content: '';
    display: block;
    place-self: center;
    width: 100%;
    height: .2rem;
    transition: background-color .3s ease;
    background-color: color-mix(in srgb, var(--color-foreground), transparent 80%);
  }
  .hdt-slider-thumb-bar .is-thumb-selected .hdt-slider__dot:before {
    background-color: var(--color-foreground);
  }
  .hdt-slider-thumb-bar .hdt-slider__dot:after {
    content: '';
    position: absolute;
    inset: -1rem;
  }
  .hdt-product-media__view-in-space {
    margin-top: 1.5rem;
    --font-size-button: var(--text-xs);
    background-color: color-mix(in srgb, var(--color-foreground), transparent 92%);
    color: var(--color-foreground);
  }
  .hdt-product-media__view-in-space svg.hdt-icon {
    height: 2.5rem;
    width: 2.5rem;
    fill: transparent;
  }
  .hdt-product-media__view-in-space .icon-3d-badge-full-color-outline {
    stroke: none;
  }
  .hdt-product-media__view-in-space .icon-3d-badge-full-color-element {
    fill: var(--color-foreground);
    opacity: 1;
  }
  /* .hdt-product-media__view-in-space[data-shopify-xr-hidden] {
    visibility: hidden;
  } */
  .hdt-product-media__zoom {
    position: absolute;
    inset-inline-start: 1.2rem;
    top: 1.2rem;
    pointer-events: none;
    width: 3rem;
    height: 3rem;
    background-color: var(--color-background);
    border-radius: 50%;
    border: .1rem solid color-mix(in srgb, var(--color-foreground), transparent 90%);
    color: var(--color-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hdt-product-media__zoom svg {
    width: 1.2rem;
    height: 1.4rem;
  }
  .hdt-slideshow .hdt-media-wrapper :where(img, svg) {
    clip-path: circle(5% at 70% 50%);
  }
  @media (max-width: 767px) {
    :is(.hdt-slideshow__mobile-content-below, .hdt-section__mobile-content-below) .hdt-media-overlap-content {
      display: block;
    }
    .hdt-slideshow__mobile-content-below .hdt-media-content,
    .hdt-section__mobile-content-below .hdt-media-content {
      border-radius: 0;
      background: var(--gradient-background);
      padding: var(--pading-media, 2.8rem 3rem 3.2rem) !important;
    }
    .hdt-section__mobile-content-below .hdt-media-content {
      box-shadow: 0 -1px color-mix(in srgb, var(--color-foreground), transparent 92%) inset;
    }
    .hdt-slideshow__mobile-content-below .hdt-media-content {
      --pading-media: 2.8rem 3rem 6.4rem;
    }
    .hdt-slideshow__mobile-content-below.hdt-slideshow__controls-numbers-arrows .hdt-media-content {
      padding-bottom: 8.4rem !important;
    }
    :is(.hdt-slideshow__mobile-content-below, .hdt-section__mobile-content-below) .hdt-media-content:not(.hdt-hide-bg-content)>.hdt-media-content-wrapp {
      max-width: 100%;
      padding: 0;
    }
    .hdt-slideshow__mobile-content-below.hdt-slider--has-controls .hdt-slideshow__controls {
      bottom: 0;
      padding: 1.5rem 1.5rem 1.2rem;
      background: transparent;
    }
  }
  @media (min-width: 768px) {
    .hdt-slideshow-split .hdt-slider__container.hdt-h-full {
      height: 100% !important;
    }
    .hdt-slideshow .hdt-media-content {
      --pading-media: 3.5rem 3.5rem 3.8rem;
    }
  }
  @media (min-width: 1023.98px) {
    .hdt-product-media__view-in-space[data-shopify-xr-hidden],
    .hdt-product-media__zoom {
      display: none;
    }
  }
  @media (min-width: 1150px) {
    .hdt-slideshow .hdt-media-content {
      --pading-media: 5.6rem 6.1rem 5.9rem;
    }
  }
/* .hdt-crs {
  z-index: 10000;
  opacity: 0;
  width: 0px;
  height: 0px;
  position: fixed;
  border-radius: 50%;
  transition: opacity 0.4s;
  inset: 0% auto auto 0%;
  pointer-events: none;
}
.hdt-crs__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  top: -100px;
  left: -100px;
  position: absolute;
}
.hdt-crs-drag {
  --color-drag: #fff;
  opacity: 0;
  background: rgba(28, 28, 28, 1);
  color: var(--color-drag);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.7rem;
  height: 7.7rem;
  position: absolute;
  transform: scale(0);
  border-radius: 100px;
  transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
:has(.hdt-slider .is-dragging) .hdt-crs-drag {
  width: 9.7rem;
  height: 9.7rem;
}
.hdt-crs-drag__text {
  padding-bottom: .4rem;
  border-bottom: .68px solid var(--color-drag);
  transform: scale(0.5);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hdt-crs.crs-drag-active  {
  opacity: 1;
}
.hdt-crs.crs-drag-active :is(.hdt-crs-drag, .hdt-crs-drag__text) {
  opacity: 1;
  transform: scale(1);
} */

.hdt-crs-drag {
  width: 7.7rem;
  height: 7.7rem;
  background: var(--color-background-drag);
  color: var(--color-drag);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transition: height .3s cubic-bezier(.165,.84,.44,1), width .3s cubic-bezier(.165,.84,.44,1), opacity .3s cubic-bezier(.165,.84,.44,1);
  z-index: 9999;
  opacity: 0;
  padding-inline: 1rem;
}
:has(.hdt-slider .is-dragging) .hdt-crs-drag {
  width: 9.4rem;
  height: 9.4rem;
}
.hdt-crs-drag.crs-drag-active {
  opacity: 1;
  /* transform: translate(-50%, -50%) scale(1); */
}
.hdt-crs-drag__text {
  padding-bottom: .4rem;
  border-bottom: .68px solid var(--color-drag);
  transition: transform .3s cubic-bezier(.165,.84,.44,1);
  transform: scale(.5);
}
.hdt-crs-drag.crs-drag-active .hdt-crs-drag__text {
  transform: scale(1);
  opacity: 1;
}
[show-cursor-drag].crs-drag-active,
[show-cursor-drag].crs-drag-active :is(a, button) {
  cursor: default !important;
}
.hdt-split-container {
  display: inline;
}
.hdt-split-container > * {
  display: inline-block;
  position: relative;
}
.hdt-split-item {
  white-space: break-spaces;
}
[can-reveal] .hdt-split-container > * {
  opacity: 0;
}
.hdt-slider__drag-zoom {
  .hdt-slider__eff {
    /* transform: scale(1, 1) rotate(0deg);
    transform-style: preserve-3d;
    transition: transform .7s cubic-bezier(.165,.84,.44,1); */
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    backface-visibility: hidden;
    /* transform-style: preserve-3d; */
  }
  &[hdt-dragging] {
    .hdt-slider__slide {
      perspective: 1000px;
    }
    .hdt-slider__eff {
      transform: rotateY(calc(10deg * var(--value-logical-flip)));
    }
    &[dir-drag="left"] {
      .hdt-slider__eff {
        transform: rotateY(calc(-10deg * var(--value-logical-flip)));
      }
    }
  }
}
/* @media (hover: hover) and (pointer: fine) { } */

  /*================ 5.7. Image with text ================*/
  .hdt-image-with-text__text {
    --hdt-padding: 4rem 3rem;
    --hdt-padding-md: 4rem 5rem;

  }
  @media (min-width: 1150px) {
    .hdt-image-with-text__media {
      width: var(--image-width) !important;
    }
    .hdt-image-with-text__text {
      width: calc(100% - var(--image-width)) !important;
      --hdt-padding-md: 6rem 8rem;
    }
  }
  @media (min-width: 1400px) {
    .hdt-image-with-text:not(.hdt-thin-spacing) .hdt-image-with-text__text {
      --hdt-padding-md: 8rem clamp(5rem, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2, 17rem);
    }
  }

   /*================ 5.8. Image behavior ================*/
    @media (prefers-reduced-motion: no-preference) {
      .hdt-animate--ambient {
        overflow: hidden;
      }
      hdt-effect-img[eff="parallax"] img[is="img-effect"], img[is="img-effect"][eff="parallax"] {
        transform: scale(var(--parallax-scale, 1.3)) translateY(calc(15 / var(--parallax-scale, 1.3) * -1%));
      }
      hdt-effect-img[eff="ambient"] img[is="img-effect"], img[is="img-effect"][eff="ambient"] {
        transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
      }
      .hdt-animate--parallax {
        position: relative;
        overflow: hidden;
      }
      /* Parallax css */
      /* .hdt-animate-css--parallax {
        transform: unset;
        clip-path: inset(0);
      }
      .hdt-animate-css--parallax > :is(picture,.hdt-media-wrapper) :is(img,video,iframe,svg),
      .hdt-animate-css--parallax > :is(img,video,iframe,svg) {
        min-height: 100vh;
        position: fixed !important;
        top: 0;
        left: 0;
      }
      @supports (min-height: 100lvh) {
        .hdt-animate-css--parallax >:is(picture,.hdt-media-wrapper) :is(img,video,iframe,svg),
        .hdt-animate-css--parallax > :is(img,video,iframe,svg) {
          min-height: 100lvh;
        }
      } */
    }

    /*================ 5.9. Product Page ================*/
    .hdt-loading-bar {
      pointer-events: none;
      background-color: var(--color-success-text);
      box-shadow: 0 0 6px var(--color-success-text), 0 0 0px var(--color-success-text);
      width: 100%;
      height: 3px;
      position: fixed;
      top: 0;
      inset-inline-start: 0;
      z-index: 999;
      transform: scaleX(0);
      transform-origin: var(--value-origin-start);
      @media screen and (min-width: 768px) {
        height: 3.5px;
      }
    }

    .hdt-circular-text {
      --size: 1.2rem;
      color: var(--primary-color);
      pointer-events: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .hdt-circular-text__circle {
      position: absolute;
      width: 100%;
      height: 100%;
       span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform-origin: 0 0;
        font-size: var(--size);
      }
      .hdt-large-dot {
        font-size: large;
        font-weight: bold;
      }
    }

    .hdt-main-product {
      display: grid;
      gap: 2.5rem;
      grid: "pr-media" "pr-info" / minmax(0, 1fr);
    }
    .hdt-product-media {
      grid-area: pr-media;
    }
    .hdt-product__info-wrapp {
      grid-area: pr-info;
    }
    .hdt-product-media:not([layout-mb="thumbnails"]) hdt-slider-thumb {
      display: none;
    }
    .hdt-product-media__thumb {
      margin-top: 1.6rem;
      --thumb-rounded: calc(var(--corner-radius-product-media) / 2);
    }
    .hdt-product-media__thumb .hdt-slider {
      --slide-spacing: .8rem;
      --thumb-hover-spacing: .5rem;
      --effect-timming: .25s;
    }
    .hdt-thumbnail__media .hdt-ratio {
      cursor: pointer;
      border: 1px solid transparent;
      transition: border var(--effect-timming) linear var(--effect-timming);
      border-radius: var(--thumb-rounded);
    }
    .hdt-thumbnail__media .hdt-ratio :where(img, svg) {
      clip-path: inset(0);
      transition: padding var(--effect-timming) linear, clip-path var(--effect-timming) linear;
    }
    .hdt-thumbnail__media.is-thumb-selected .hdt-ratio {
      border: 1px solid var(--color-foreground);
    }
    .hdt-thumbnail__media.is-thumb-selected .hdt-ratio > :where(img, svg) {
      clip-path: inset(var(--thumb-hover-spacing) round calc(var(--thumb-rounded)));
      padding: var(--thumb-hover-spacing);
    }
    .hdt-product-media__thumb .hdt-thumbnail__badge {
      --thumb-badge-size: 2.6rem;
      --thumb-badge-icon: 1.2rem;
      --thumb-video-icon: 1.2rem;
      color: var(--color-button-text);
      background-color: color-mix(in srgb, var(--color-button-text), transparent 80%);
      backdrop-filter: blur(4px);
      z-index: 2;
      position: absolute;
      width: var(--thumb-badge-size);
      height: var(--thumb-badge-size);
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      box-shadow: 0 0 5px #00000017;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--corner-radius-full);
      opacity: 1;
      transition: transform .6s,opacity .6s;
      cursor: pointer;
    }
    :is([data-media-type="video"], [data-media-type="external_video"]) .hdt-thumbnail__badge svg {
      width: var(--thumb-video-icon);
      height: var(--thumb-video-icon);
    }

    .hdt-product-media:is([layout="thumbnail_bottom"],[layout="thumbnail_left"],[layout="bar_bottom"]) .hdt-product-media__thumb .hdt-slider-dots {
      margin-top: 1.5rem;
      row-gap: .5rem;
      flex-wrap: wrap;
    }

    .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb .hdt-slider {
      --slide-spacing: 1.2rem;
      --thumb-hover-spacing: .587rem;
    }

    .hdt-product-media__thumb .hdt-slider-counter {
      margin-inline: .5rem;
      gap: .2rem;
    }

    .hdt-product-media__thumb .hdt-slider-counter :where(.hdt-slider-counter--current, .hdt-slider-counter--total) {
      min-width: 2.4rem;
    }

    .hdt-product-media__thumb .hdt-slider-counter .hdt-slider-counter--sep {
      font-size: 0;
      width: 1rem;
      height: .1rem;
      background: color-mix(in srgb, var(--color-foreground), transparent 90%);
    }

    .hdt-product-media[layout="bar_bottom"] .hdt-product-media__thumb .hdt-slider-nav--bar {
      display: none;
    }
    .hdt-product-media[image-zoom="lightbox"] [data-media-type="image"] .hdt-product__media {
      cursor: var(--cursor-zoom-in-icon) 22 22, zoom-in;
    }

    .hdt-group-product-tabs {
      --inset: -3.5rem;
    }

    .hdt-group-product-tabs .hdt-slider-nav {
      display: none;
    }
    .hdt-group-product-tabs .hdt-slider-progress {
      margin-top: 4rem;
    }
    .hdt-modal-title--ask {
      font-size: 2.4rem;
      text-align: center;
      margin-bottom: 2rem;
    }
    .hdt-product-info__item .hdt-ask-button ~ .hdt-share-button, .hdt-product-info__item > * > .hdt-share-button {
      margin-inline-start: 2rem;
    }
    .hdt-stamp {
      position: absolute;
      z-index: 2;
      top: -3.5rem;
      inset-inline-end: 1.5rem;
      width: 7rem;
      height: 7rem;
      &.hdt-circular-text {
        top: -4.05rem;
        inset-inline-end: 0.5rem;
        width: 8.1rem;
        height: 8.1rem;
      }
    }
    @media (prefers-reduced-motion: no-preference) {
      @keyframes hdt-rotate {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
      }
      .hdt-stamp--rotate {
        animation: hdt-rotate 4s linear infinite;
      }
    }
    @media (max-width: 349px) {
      .hdt-group-product__results-list .hdt-slider {
        --slide-size-set: 100%;
      }
    }
    @media screen and (max-width: 767px) {
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="thumbnail_bottom"], [layout="counter"]):not([layout-mb="counter"]) .hdt-product-media__thumb hdt-slider-nav,
      .hdt-product-media:is([layout-mb="thumbnails"], [layout-mb="counter"]) .hdt-slider-dots__simple {
        display: none;
      }
    }
    @media screen and (min-width: 768px) {
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb {
        display: grid;
        grid: "nav thumb" / auto minmax(0, 1fr);
        border: 1px solid var(--color-line-border);
        max-width: 58rem;
        width: 100%;
        margin-inline: auto;
        padding: 1.2rem 1.3rem;
        gap: 1.3rem;
        border-radius: var(--thumb-rounded);
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb--3 {
        max-width: 48rem;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb--2 {
        max-width: 38rem;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb--1 {
        max-width: 28rem;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-slider__container {
        align-items: center;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb .hdt-slider-dots,
      :is(.hdt-featured-product, .hdt-quick-view-modal) .hdt-product-media__thumb :is(.hdt-slider-dots, .hdt-slider-nav, .hdt-slider-nav--product-thumb),
      .hdt-product-media[layout="bar_bottom"] .hdt-product-media__thumb .hdt-slider:not(.hdt-slider--bar) {
        display: none;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb .hdt-slider {
        display: block;
        grid-area: thumb;
        --slide-spacing: .6rem;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb .hdt-slider-nav--product-thumb {
        grid-area: nav;
        align-self: center;
        display: block;
        padding-inline: .5rem;
      }
      .hdt-product-media[layout="bar_bottom"] .hdt-product-media__thumb :is(.hdt-slider--bar, .hdt-slider-nav--bar) {
        display: inline-flex;
      }
      .hdt-stamp {
        top: -5.7rem;
        inset-inline-end: 3rem;
        width: 11.4rem;
        height: 11.4rem;
        &.hdt-circular-text {
          inset-inline-end: 3rem;
        }
      }
    }
    @media screen and (min-width: 1024px) {
      .hdt-main-product {
        display: grid;
        gap: var(--product-gap, 4rem);
        grid: var(--product-layout, "pr-media pr-info" / minmax(0, 0.5fr) minmax(0, 0.5fr));
      }
      .hdt-product-media, .hdt-product__info-container {
        position: sticky;
        top: 3rem;
        align-self: start;
        z-index: 2;
      }
      .hdt-product-media[layout="bar_bottom"] .hdt-product-media__thumb {
        display: block;
        background: var(--color-background);
        max-width: calc(100% - 6rem);
        width: max-content;
        margin: 2.7rem auto 0 auto;
        border-start-start-radius: var(--corner-radius-xs);
        border-start-end-radius: var(--corner-radius-xs);
      }
      .hdt-product-media[layout="bar_bottom"] .hdt-product-media__thumb--2 {
        min-width: 21rem;
      }
      .hdt-product-media, .hdt-product__info-container {
        position: sticky;
        top: 3rem;
        align-self: start;
        z-index: 2;
      }
      .hdt-product-media[layout="stacked_thumbnail"] hdt-slider-thumb {
        position: sticky;
        top: .8rem;
        z-index: 2;
      }
      .hdt-product-media:where([layout="stacked"], [layout="columns"]) .hdt-product-media__thumb,
      .hdt-product-media[layout="dots"] .hdt-product-media__thumb :is(.hdt-slider , hdt-slider-nav),
      .hdt-product-media[layout="counter"] .hdt-product-media__thumb :is(.hdt-slider, .hdt-slider-dots__simple) {
        display: none;
      }
      .hdt-product-media:where([layout="thumbnail_left"], [layout="thumbnail_right"]) .hdt-product-media__thumb :is(.hdt-slider-dots, hdt-slider-nav) {
        display: none;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) {
        display: grid;
        gap: var(--slide-spacing, 0.8rem);
        grid: "pr-media-thumb pr-media-main" / 7rem minmax(0, 1fr);
      }
      .hdt-product-media:is([layout="thumbnail_right"]) {
        grid: "pr-media-main pr-media-thumb" / minmax(0, 1fr) 7rem;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) .hdt-product-media__main {
        grid-area: pr-media-main;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) .hdt-product-media__thumb {
        grid-area: pr-media-thumb;
        margin-top: 0rem;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) .hdt-product-media__thumb .hdt-slider__container {
        margin-inline-start: 0;
        margin-block-start: calc(var(--slide-spacing) * -1);
        flex-wrap: wrap;
        align-items: normal;
        --slide-size-set: 100%;
        max-height: 10rem;
        transition: height .2s, max-height .2s;
      }
      .hdt-product-media[layout="stacked_thumbnail"] .hdt-product-media__thumb .hdt-slider__container {
        max-height: none !important;
      }
      .hdt-product-media[layout="stacked_thumbnail"] .hdt-product-media__thumb .hdt-slider-nav--product-thumb {
        display: none;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) .hdt-product-media__thumb .hdt-slider__slide {
        flex: 0 0 var(--slide-size);
        min-height: 0px;
        padding-block-start: var(--slide-spacing);
        padding-inline-start: 0;
      }
      .hdt-product-media:is([layout="thumbnail_left"], [layout="thumbnail_right"], [layout="stacked_thumbnail"]) hdt-slider-thumb {
        display: block;
      }
      .hdt-product-media:where([layout="stacked"], [layout="stacked_thumbnail"]) .hdt-product-media__main .hdt-slider__container {
        flex-wrap: wrap;
        gap: var(--media-gap);
        .hdt-product__media {
          border-radius: clamp(0rem, var(--corner-radius-product-media), var(--media-gap, 0rem));
        }
      }
      .hdt-product-media:is([layout="columns"]) {
        &.hdt-product-media--columns_big_1st .hdt-slider__slide:first-child {
          grid-column: span 2;
        }
        .hdt-slider__container {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: var(--media-gap, 0rem);
          --slide-size-set: 50%;
          border-radius: 0;
          position: relative;
          overflow: hidden;
          transform: translateZ(0);
        }
        .hdt-product__media {
          border-radius: clamp(0rem, var(--corner-radius-product-media), var(--media-gap, 0rem));
        }
      }
      .hdt-product-media__thumb {
        margin-top: 2.4rem;
      }
      .hdt-product-media[layout="thumbnail_bottom"] .hdt-product-media__thumb {
        .hdt-slider {
          --slide-spacing: 1.2rem;
        }
        .hdt-slider-nav--product-thumb {
          padding-inline: 1.5rem;
        }
        .hdt-slider-counter {
          margin-inline: 1rem;
          gap: .6rem;
        }
      }
    }
    @media screen and (min-width: 1150px) {
      .hdt-product-media:is([layout="thumbnail_left"], [layout="stacked_thumbnail"]) {
        grid: "pr-media-thumb pr-media-main" / 11.2rem minmax(0, 1fr);
      }
      .hdt-product-media:is([layout="thumbnail_right"]) {
        grid: "pr-media-main pr-media-thumb" / minmax(0, 1fr) 11.2rem;
      }
    }
    @media (min-width: 1400px) {
      .hdt-group-product-tabs .hdt-slider-progress {
        margin-top: 5rem;
      }
    }
    @media (min-width: 1520px) {
      .hdt-group-product-tabs .hdt-slider-nav {
        display: block;
      }
    }
    @media (min-width: 1600px) {
      .hdt-group-product-tabs {
        --inset: -5.5rem;
      }
    }
    .hdt-section-main .hdt-breadcrumb {
      margin-bottom: min(2.5rem, var(--section-pt));
    }
    .hdt-delimiter:after {
      content: '/';
      margin-inline: .8rem;
    }
    .hdt-breadcrumb .hdt-delimiter {
      color: color-mix(in srgb, var(--color-foreground2), transparent 30%);
    }
    .hdt-product-info__item {
      position: relative;
      --product-info-space: 3rem;
      --product-info-text-space: 2rem;
      --product-info-box-space: 2.5rem;
      --product-info-box-box-space: 3rem;
      margin-block: var(--product-info-space, 2rem);
    }
    .hdt-product-info__item--text {
      --product-info-space: var(--product-info-text-space);
    }
    .hdt-product-info__item--box {
      --product-info-space: var(--product-info-box-space);
    }
    .hdt-product-info__item:empty {
      display: none;
      --product-info-space: var(--product-info-text-space);
    }
    .hdt-product-info__item:first-child {
      margin-top: 0 !important;
    }
    .hdt-product-info__item:last-child {
      margin-bottom: 0 !important;
    }
    .hdt-product-info__item--box-text {
      margin-top: var(--product-info-box-space);
      margin-bottom: var(--product-info-text-space);
    }
    .hdt-product-info__item--text-box {
      margin-top: var(--product-info-text-space);
    }
    .hdt-product-info__item:empty:first-child + .hdt-product-info__item {
      margin-top: 0;
    }
    .hdt-product-info__item--text-box:not(:last-child) {
      margin-bottom: var(--product-info-box-space);
    }
    .hdt-product-info__item--box + :where([class*="--box"]),
    .hdt-product-info__item--text-box + :where([class*="--box"]) {
      margin-top: var(--product-info-box-box-space);
    }
    .hdt-product-info__item:empty + :where(.hdt-product-info__item--box, .hdt-product-info__item--box-text) {
      margin-top: var(--product-info-space);
    }
    .hdt-product-info__item.hdt-product__badges + :where(.hdt-product-info__item--box, .hdt-product-info__item--box-text) {
      margin-top: .5rem !important;
    }
    .hdt-product-info__item + .hdt-product-info__item.hdt-product__badges {
      margin-top: .5rem;
    }
    .hdt-product-info__item.hdt-product__badges + :where(.hdt-product-info__item--text, .hdt-product-info__item--text-box) {
      margin-top: 0;
    }
    .hdt-product-info__item .hdt-line-item-property .hdt-field {
      padding-block: 0;
    }
    .hdt-product-info__item--text a {
      color: var(--color-foreground);
    }
    .hdt-product-info__item .hdt-s-text2 {
      color: var(--color-foreground2);
    }
    .hdt-product-info__item--text .hdt-btn-line-graphic .hdt-icon-graphic {
      --color-link: var(--color-foreground);
    }
    .hdt-product-info__item--text .hdt-price-wrapp {
      --color-pr-price: var(--color-foreground);
    }
    .hdt-product-info__accordion {
      border-top: .1rem solid var(--color-line-border);
    }
    .hdt-product-info__accordion details {
      overflow: hidden;
    }
    .hdt-product-info__accordion:not([class*="--standalone"]) + .hdt-product-info__item:not([class*="info__accordion"]) {
      margin-top: -1.5rem;
    }
    .hdt-product-info__accordion:not([class*="--standalone"]) + :empty,
    .hdt-product-info__accordion:not([class*="--standalone"]) + :empty + :empty {
      display: block;
      margin-top: -1.5rem;
      z-index: -1;
      visibility: hidden;
    }
    .hdt-product-info__item:not(.hdt-product-info__accordion:not([class*="--standalone"])) + .hdt-product-info__accordion:not([class*="--standalone"]) + .hdt-product-info__item:not([class*="info__accordion"]),
    .hdt-product-info__item:not(.hdt-product-info__accordion:not([class*="--standalone"])) + .hdt-product-info__accordion:not([class*="--standalone"]) + :empty,
    .hdt-product-info__item:not(.hdt-product-info__accordion:not([class*="--standalone"])) + .hdt-product-info__accordion:not([class*="--standalone"]) + :empty + :empty {
      margin-top: -2rem;
    }
    .hdt-product-info__item:not(.hdt-product-info__accordion) + .hdt-product-info__accordion:not(.hdt-product-info__accordion--standalone) {
      border-top: none;
      margin-top: -1.3rem;
    }
    .hdt-product-info__item--text + .hdt-product-info__accordion:not(.hdt-product-info__accordion--standalone),
    .hdt-product-info__item--box-text + .hdt-product-info__accordion:not(.hdt-product-info__accordion--standalone) {
      margin-top: calc(1rem - var(--product-info-box-space)) !important;
    }
    .hdt-product-info__item:where(.hdt-product-info__item--text, .hdt-product-info__item--box-text) + .hdt-product-info__accordion {
      margin-top: var(--product-info-box-space);
    }
    .hdt-product-info__item.hdt-product-info__accordion--standalone {
      border-bottom: .1rem solid var(--color-line-border);
    }
    .hdt-product-info__accordion + .hdt-product-info__accordion {
      margin-top: calc(var(--product-info-space, 2rem)* -1);
    }
    .hdt-product-info__accordion--standalone + .hdt-product-info__accordion {
      margin-top: calc(var(--product-info-space, 2rem)* -1 - 1px);
    }
    .hdt-product-info__accordion summary svg {
      transition: transform 0.3s ease;
      flex: none;
    }
    .hdt-product-info__accordion summary[aria-expanded=true] svg.hdt-icon-caret-right {
      transform: rotate(-180deg);
    }
    .hdt-product-info__accordion summary {
      display: flex;
      position: relative;
      line-height: 1;
      padding: 1.8rem 0;
      column-gap: 1.5rem;
      justify-content: space-between;
    }
    .hdt-product-info__accordion .rte {
      margin-top: -.4rem;
      margin-bottom: 1.4rem;
      word-break: break-word;
      overflow-x: auto;
    }
    .hdt-product__tax a {
      color: inherit !important;
    }
    .hdt-product-form__quantity:not([hidden]) + .hdt-product__buy-buttons {
      margin-top: -1rem;
    }
    .hdt-product-form__quantity[hidden]:first-child + .hdt-product-info__item {
      margin-top: 0;
    }
    .hdt-form__message-wrapper {
      --form-msg-pb: 1.5rem;
      --form-msg-pi: 1.5rem;
    }
    .hdt-form__message-wrapper:not([hidden]) {
      text-align: start;
      color: var(--hdt-msg-color, var(--color-success-text));
      background-color: color-mix(in srgb, var(--hdt-msg-color, var(--color-success-text)), transparent 90%);
      border-inline-start: 0.3rem solid var(--hdt-msg-color, var(--color-success-text));
      padding-block: var(--form-msg-pb);
      padding-inline: var(--form-msg-pi);
      margin-bottom: var(--form-msg-pb);
      border-radius: var(--corner-radius-xs);
    }
    form .hdt-form__message-wrapper {
      margin-top: 1.6rem;
    }
    .hdt-form__message-wrapper .hdt-form__message svg {
      flex-shrink: 0;
      width: 1.5rem;
      height: 1.5rem;
    }
    .hdt-form__message-wrapper .hdt-form__message {
      display: inline-flex;
      align-items: baseline;
      gap: .8rem;
      color: var(--hdt-msg-color);
      margin-bottom: 1rem;
    }
    .hdt-form__message-wrapper ul {
      list-style: disc;
      padding-inline-start: 2rem;
    }
    .hdt-form__message-wrapper > svg {
      width: 1.2rem;
      height: 1.2rem;
      flex: none;
      margin-top: .3rem;
    }
    .hdt-form__message {
      display: flex;
      justify-content: flex-start;
      gap: .8rem;
      margin-bottom: .5rem;
    }
    .hdt-form__message--error {
      --hdt-msg-color: var(--color-error-text);
      align-items: baseline;
    }
    .hdt-form__message svg {
      width: 1.2rem;
      height: 1.2rem;
      flex: none;
      margin-top: .3rem;
    }
    .hdt-form__message .hdt-success-message {
      color: var(--color-success-text);
    }
    .hdt-form__message .hdt-error-message {
      color: var(--color-error-text);
    }
    .hdt-product-form__buttons {
      display: flex;
      flex-direction: column;
      row-gap: calc(var(--product-info-space) - 1rem);
    }
    .hdt-product-form__buttons :where(button, input[type="button"]) {
      text-transform: inherit;
      font-size: inherit;
    }
    .hdt-product-form__buttons.hdt-text-sm.hdt-uppercase button {
      letter-spacing: calc(var(--text-sm) * 0.1);
    }
    .hdt-quantity__label {
      margin-bottom: 1.4rem;
    }
    .hdt-product-quantity {
      display: inline-flex;
      justify-content: space-between;
      padding: 1.15rem 1.4rem;
      min-width: 15rem;
      width: max-content;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 93%);
    }
    .hdt-product-quantity button {
      display: inline-grid;
      justify-content: center;
      align-items: center;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      background-color: var(--color-background);
    }
    .hdt-quantity-wrapp input[type="number"] {
      width: 100%;
      flex: 1;
    }
    .hdt-product-quantity button.disabled {
      opacity: .6;
      cursor: default;
    }

    .hdt-quantity-wrapp input[type=number] {
      margin: 0;
      appearance: textfield; /* Firefox */
      text-align: center;
      background: none;
    }

    /* Chrome, Safari, Edge, Opera */
    .hdt-quantity-wrapp input[type='number']::-webkit-inner-spin-button,
    .hdt-quantity-wrapp input[type='number']::-webkit-outer-spin-button {
      appearance: none;
    }
    .hdt-quantity-wrapp input[type="number"]:focus {
      box-shadow: none !important;
      outline: 0 !important;
    }
    .hdt-quantity__button > * {
      pointer-events: none;
    }
    .hdt-quantity__rules:empty {
      display: none;
    }
    button.shopify-payment-button__button {
      --shopify-accelerated-checkout-button-block-size: var(--height-button, 4.8rem);
    }
    button.shopify-payment-button__button--unbranded,
    button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
      border-radius: var(--corner-radius-button);
      background-color: var(--color-button);
      color: var(--color-button-text);
      width: 100%;
    }
    .shopify-payment-button .shopify-payment-button__button[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: .5;
    }
    .hdt-recipient-fields {
      background-color: color-mix(in srgb, var(--color-foreground), transparent 92%);
      padding: 1.5rem 1.8rem;
      display: none;
      margin-top: calc(var(--product-info-space, 2rem) * .5);
    }
    .hdt-recipient-email-label {
      display: none;
    }
    .hdt-recipient-fields :where(.hdt-field__input, textarea) {
      background-color: var(--color-background);
    }
    .js .hdt-recipient-email-label.required {
      display: inline;
    }
    .hdt-recipient-form {
      display: block;
      margin-block: 0 var(--product-info-box-space);
    }
    .hdt-product-form__quantity + .hdt-product__buy-buttons .hdt-recipient-form {
      margin-block: calc(var(--product-info-box-space) + .9rem) calc(var(--product-info-box-space));
    }
    .hdt-recipient-form>input[type=checkbox]:checked~.hdt-recipient-fields {
      display: block;
      animation: fadeIn 0.4s ease-out forwards;
      margin-bottom: var(--product-info-box-box-space);
    }
    .hdt-recipient-checkbox[type=checkbox] {
      margin-top: -.3rem;
      margin-inline-end: .5rem;
      width: 1.6rem;
      height: 1.6rem;
      border-radius: var(--corner-radius-full);
    }
    .hdt-product-info__item:not(:empty) ~ .hdt-product__inventory {
      border-top: 1px solid var(--color-line-border);
      padding-top: 1.5rem;
    }
    .hdt-variant-inventory {
      display: flex;
      width: 100%;
      flex-direction: column;
      gap: 1.5rem;
    }
    .hdt-stock-status {
      display: flex;
    }
    .hdt-progress-bar {
      width: 100%;
      height: .3rem;
      --progress-bar: var(--color-error-text);
      background-color: color-mix(in srgb, var(--color-foreground), transparent 88%);
    }
    .hdt-progress-bar--empty {
      background-color: transparent !important;
      border-top: 1px solid var(--color-line-border);
    }
    .is-unreached .hdt-progress-bar {
      --progress-bar: var(--color-warning-text);
    }
    .is-success .hdt-progress-bar {
      --progress-bar: var(--color-success-text);
    }
    .hdt-progress-bar:before {
      content: "";
      height: inherit;
      display: block;
      background: var(--progress-bar);
      transform-origin: var(--value-origin-start);
      transform: scaleX(max(var(--progress-rate, 0), 0));
      transition: transform .5s ease;
    }
    .hdt-variant-inventory > span {
      gap: 1.8rem
    }
    .hdt-stock-success {
      --color-stock: var(--color-success-text);
    }
    .hdt-stock-warning {
      --color-stock: var(--color-warning-text);
    }
    .hdt-stock-error {
      --color-stock: var(--color-error-text);
    }
    .hdt-stock-status {
      min-height: 2.6rem;
    }
    .hdt-stock-status svg {
      color: var(--color-stock);
      flex: none;
    }
    .hdt-stock-status svg circle:first-child {
      fill: color-mix(in srgb, var(--color-stock), transparent 70%);
    }
    .hdt-stock-success + .hdt-progress-bar {
      --progress-bar: var(--color-success-text);
    }
    .hdt-stock-warning + .hdt-progress-bar {
      --progress-bar: var(--color-warning-text);
      background-color:  color-mix(in srgb, var(--progress-bar), transparent 88%); 
    }
    .hdt-stock-error + .hdt-progress-bar {
      --progress-bar: var(--color-error-text);
      background-color:  color-mix(in srgb, var(--progress-bar), transparent 88%); 
    }
    .hdt-product-info__item:first-child :where(.hdt-recipient-form){
      margin-top: 0;
    }
    .hdt-line-item-property--checkbox, .hdt-property-option {
      display: flex;
      gap: 1rem;
      align-items: flex-start;
    }
    .hdt-line-item-property--checkbox input[type="checkbox"], .hdt-property-option input[type="radio"] {
      margin-top: .3rem;
    }
    .hdt-line-item-property .hdt-property-option:not(:first-child) {
      margin-top: .9em;
    }
    .hdt-line-item-property--options > label {
      margin-bottom: 1.4rem;
      display: inline-block;
    }
    .hdt-max-height {
      max-height: var(--max-height, none);
      position: relative;
      overflow: hidden;
    }
    .hdt-max-height[active-mh] {
      max-height: none;
      transition: height .5s ease;
      height: var(--max-height);
    }
    .hdt-max-height .hdt-read-more {
      position: absolute;
      z-index: 10;
      bottom: .5rem;
      opacity: 0;
    }
    .hdt-max-height[active-mh] .hdt-read-more-mask {
      position: absolute;
      z-index: 9;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      min-height: 6rem;
      pointer-events: none;
    }
    .hdt-max-height[active-mh]:not([open]) .hdt-read-more-mask {
      height: 100%;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
    }
    .hdt-max-height[active-mh] .hdt-read-more {
      opacity: 1;
    }
    .hdt-max-height[active-mh][open] {
      height: var(--scroll-height);
    }
    .hdt-max-height[active-mh][open] .hdt-read-more span:first-child {
      display: none;
    }
    .hdt-max-height[active-mh][open] .hdt-read-more span:last-child {
      display: inline-flex;
    }
    .hdt-product__popup .hdt-btn-line-graphic {
      color: var(--color-foreground);
    }
    .hdt-product__popup .hdt-btn-line-graphic svg {
      stroke: var(--color-foreground);
    }
    .hdt-product__iwt-vertical + .hdt-product__iwt-vertical {
      margin-top: -.8rem;
    }
    .hdt-pi-icon-with-text {
      display: flex;
      justify-content: flex-start;
      gap: 1rem;
      .hdt-pi-icon {
        flex: none;
        margin-top: .1rem;
        :where(svg, img) {
          width: 2rem;
          height: auto;
        }
      }
      .hdt-pi-text {
        flex: 1;
      }
    }
    .hdt-product__icon-with-text + .hdt-product__icon-with-text {
      margin-top: 1.2rem;
    }
    .hdt-product__iwt-horizontal {
      display: flex;
      width: 100%;
      max-width: 69rem;
      row-gap: 2.5rem;
      column-gap: 4rem;
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    .hdt-product__icon-with-text--horizontal {
      flex-grow: 1;
      flex-basis: min(15rem, 20%);
      text-align: center;
      .hdt-pi-icon-with-text {
        flex-direction: column;
        align-items: center;
        .hdt-pi-icon :where(svg, img) {
          width: auto;
          height: 4rem;
          max-width: 6rem;
        }
      }
    }
    .hdt-product__view-details > a > span {
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;
      gap: .8rem;
    }
    @media (min-width: 768px) {
      .hdt-section-main .hdt-breadcrumb {
        margin-bottom: min(3.5rem, max(calc(var(--section-pt-lg) * .85), var(--section-pt)));
      }
      .hdt-recipient-fields {
        padding: 1.5rem 1.8rem;
      }
    }
    @media (min-width: 1150px) {
      .hdt-section-main .hdt-breadcrumb {
        margin-bottom: min(4.5rem, var(--section-pt-lg));
      }
    }
    /*================ 5.10. Bundle products ================*/
    .hdt-hotspot__popover--bundle {
      padding: 1.5rem;
    }
    .hdt-bundle-products {
      display: flex;
      flex-direction: column;
    }
    .hdt-bundle-products__form {
      display: grid;
    }
    .hdt-bundle-product {
      display: grid;
      grid-template-columns: 10.6rem minmax(0, 1fr);
      border-top: 1px solid color-mix(in srgb, var(--color-line-border), transparent 90%);
      column-gap: 1.5rem;
      padding-block: 3rem;
    }
    .hdt-bundle-products .hdt-hotspot-content {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1.5rem;
    }
    .hdt-bundle-products .hdt-hotspot-content .hdt-hotspot-content-img {
      width: min(10.6rem, 30%);
      flex: none;
    }
    .hdt-bundle-products .hdt-hotspot-content .hdt-hotspot-content-area {
      text-align: start;
    }
    .hdt-bundle-products .hdt-hotspot-content .hdt-price-wrapp {
      margin-top: 1rem;
    }
    .hdt-bundle-product__vendor {
      margin-bottom: .5rem;
    }
    .hdt-bundle-product__info > .hdt-bundle-product__title {
      color: var(--color-pr-text);
      margin-bottom: .5rem;
    }
    .hdt-bundle-product__image {
      align-self: start;
      transition: box-shadow 0.25s linear 0.25s;
    }
    .hdt-bundle-product__image :where(img, svg) {
      clip-path: inset(0);
      transition: padding 0.25s linear, clip-path 0.25s linear;
    }
    .hdt-bundle-product:not([is-checked], [is-placeholder]) {
      opacity: .75;
    }
    .hdt-bundle-products .hdt-product-form__submit {
      margin-top: 1.5rem;
    }
    .hdt-bundle-product--first, .hdt-bundle-product:first-child {
      padding-block-start: 0;
      border: 0;
    }
    .hdt-bundle-product .hdt-select-wrapp {
      margin-top: .9rem;
    }
    .hdt-bundle-product .hdt-select {
      width: auto;
      max-width: 100%;
      padding-block: .44rem;
      height: var(--font-body-line-height);
      line-height: var(--font-body-line-height);
      color: var(--color-foreground);
    }
    .hdt-bundle-product .hdt-select option {
      background: var(--color-background);
    }
    .hdt-bundle-product .hdt-sold-out-text {
      display: inline-flex;
      margin-top: .9rem;
      color: var(--color-foreground);
      padding: .54rem 1.6rem;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 88%);
    }
    .hdt-open-quickview-wrapp {
      display: block;
      margin-top: 1rem;
    }
    .hdt-bundle-product .hdt-select-wrapp ~ .hdt-open-quickview-wrapp {
      margin-top: 1.5rem;
    }
    .hdt-open-quickview-btn {
      display: inline-flex;
      align-items: center;
      gap: 1.1rem;
      --hdt-qv-btn-h: calc(var(--height-button, 3.6rem) * .922);
      height: var(--hdt-qv-btn-h, 3.3rem);
      color: var(--color-foreground);
    }
    .hdt-open-quickview-btn .hdt-btn-line-graphic {
      color: var(--color-foreground) !important;
    }
    .hdt-open-quickview-btn .hdt-btn-line-graphic .hdt-icon-graphic {
      stroke: var(--color-foreground);
    }
    .hdt-open-quickview-btn .hdt-hotspot-icon {
      flex: none;
      border-radius: var(--corner-radius-full);
      height: var(--hdt-qv-btn-h, 3.3rem);
      width: var(--hdt-qv-btn-h, 3.3rem);
      background-color: var(--color-foreground);
      color: var(--color-background);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hdt-hotspot-content .hdt-open-quickview-btn .hdt-hotspot-icon svg {
      mix-blend-mode: normal;
    }
    .hdt-bundle-product--selected .hdt-bundle-product__image, .hdt-bundle-product:hover .hdt-bundle-product__image {
      box-shadow: 0 0 0 1px var(--color-line-border);
    }
    @media (max-width: 479px) {
      .hdt-bundle-product {
        grid-template-columns: 7rem minmax(0, 1fr);
      }
    }
    @media (max-width: 767px) {
      .hdt-bundle-product {
        padding-block: 2rem;
      }
      .hdt-bundle-products__image {
        margin-inline: 1.5rem;
      }
      .hdt-bundle-products__content {
        background: var(--color-background);
        background: var(--gradient-background);
        border-radius: var(--corner-radius-sm);
        padding: 6rem 2rem 3rem;
        margin-top: -3rem;
      }
      .hdt-bundle-products__content .hdt-section__header {
        margin-bottom: 1.5rem;
      }
      .hdt-bundle-products .hdt-product-form__submit {
        width: min(36rem, 100%);
      }
      .hdt-bundle-products .hdt-product-form__submit .hdt-btn--set__text {
        padding-inline: 2rem;
      }
    }
    @media (min-width: 768px) {
      .hdt-hotspot__popover--bundle {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
        border-radius: var(--corner-radius-xs);
        min-width: 22rem;
      }
      .hdt-bundle-products {
        display: grid;
        gap: 0 3rem;
        grid: 5rem minmax(0, 1fr) 5rem / repeat(12, minmax(0, 1fr));
        --image-area: 2 / 1 / 3 / 7;
        --content-area: 2 / 7 / 3 / 13;
        --content-bg-area: 1 / 5 / -1 / 13;
        --products-content-p: 0 3rem;
      }
      .hdt-bundle-products.hdt-img-right {
        --image-area: 2 / 7 / 3 / 13;
        --content-area: 2 / 1 / 3 / 7;
        --content-bg-area: 1 / 1 / -1 / 9;
        --products-content-p: 3rem 0;
      }
      .hdt-bundle-products:before {
        grid-area: var(--content-bg-area);
        content: '';
        display: block;
        background: var(--color-background);
        background: var(--gradient-background);
        border-radius: var(--corner-radius-sm);
        grid-row: 1 / -1;
      }
      .hdt-bundle-products__image {
        grid-area: var(--image-area);
      }
      .hdt-bundle-products__image.hdt-pimg-sticky {
        position: sticky;
        top: 3rem;
      }
      .hdt-bundle-products__content {
        grid-area: var(--content-area);
        padding-inline: var(--products-content-p);
      }
      .hdt-bundle-products .hdt-hotspot-content {
        display: block;
      }
      .hdt-hotspot-content-img {
        display: none;
      }
      .hdt-bundle-products .hdt-hotspot-content .hdt-hotspot-content-area {
        text-align: center;
      }
      .hdt-bundle-products .hdt-hotspot-content .hdt-price-wrapp {
        margin-top: .5rem;
      }
      .hdt-bundle-products .hdt-hotspot-content .hdt-open-quickview-wrapp {
        display: none;
      }
    }
    @media (min-width: 768px) and (max-width: 1024px) {
      .hdt-bundle-products .hdt-product-form__submit {
        width: 100%;
      }
    }
    @media (min-width: 1025px) {
      .hdt-bundle-products {
        grid-template-rows: 8rem minmax(0, 1fr) 8rem;
        --products-content-p: 0 4.5rem;
      }
      .hdt-bundle-products.hdt-img-right {
        --products-content-p: 4.5rem 0;
      }
    }
    @media (min-width: 1400px) {
      .hdt-bundle-products.hdt-img-left {
        --products-content-p: 4.5rem;
      }
      .hdt-bundle-products.hdt-img-right {
        --products-content-p: 9rem 0;
      }
    }

    /*================ 5.11. Text columns with icons ================*/
    .hdt-text-with-icons--border .hdt-slider__slide {
      padding-inline: 0;
    }
    .hdt-text-with-icon {
      display: flex;
      align-items: center;
      text-align: center;
      gap: var(--gap-icon, 1.5rem) var(--gap-icon, 2rem);
      flex-direction: column;
    }
    .hdt-text-with-icons--border .hdt-slider__container {
      --row-gap: 0;
      margin-inline-start: 0;
    }
    .hdt-text-with-icons--border .hdt-text-with-icon {
      padding: .5rem var(--slide-spacing);
      box-shadow: inset 0 -1px var(--color-line-border);
      height: 100%;
    }
    .hdt-text-with-icons--border .hdt-text-with-icon .hdt-icon-wrapper {
      flex: none;
    }
    .hdt-text-with-icons--border .hdt-text-with-icon .hdt-icon-wrapper:not(.hdt-icon__type-none) > :where(svg, img) {
      min-width: var(--icon-h);
    }
    .hdt-text-with-icons--border .hdt-slider.lg\:hdt-slides-1 .hdt-text-with-icon {
      box-shadow: none;
    }
    .hdt-icon__spacing-medium {
      --gap-icon: 2rem
    }
    .hdt-icon__spacing-large {
      --gap-icon: 2.5rem
    }
    .hdt-text-with-icon__content {
      gap: var(--gap-text, 1.2rem);
      flex: 1;
    }
    .hdt-text-with-icon__content .hdt-button-group {
      margin-top: 1rem;
    }
    .hdt-text-with-icons .hdt-slider__container {
      row-gap: var(--row-gap, 3rem);
    }
    .hdt-text-with-icons--border .hdt-slider {
      border: 1px solid var(--color-line-border);
      border-radius: var(--corner-radius-sm);
    }
    .hdt-text-with-icons .hdt-slider-dots__simple {
      margin-top: 1rem;
    }
    @media (min-width: 768px) {
      .hdt-text-with-icons--border .hdt-slider__container {
        align-items: stretch !important;
        padding-block: 0;
        clip-path: inset(0 var(--slide-spacing) 22px var(--slide-spacing));
      }
      .hdt-text-with-icons--border .hdt-text-with-icon {
        padding: 2.5rem var(--slide-spacing);
        box-shadow: inset 0 -1px var(--color-line-border);
      }
      .hdt-text-with-icons--border .hdt-text-with-icon .hdt-icon-wrapper:not(.hdt-icon__type-none) > :where(svg, img) {
        min-width: var(--icon-h-md);
      }
      .hdt-text-with-icons--border .hdt-slider.lg\:hdt-slides-2 .hdt-slider__container {
        padding: 1.5rem 0;
      }
      .hdt-text-with-icons--border .hdt-slider.lg\:hdt-slides-2 .hdt-text-with-icon {
        box-shadow: inset 1px 0 var(--color-line-border);
        padding-inline: var(--slide-spacing);
      }
      .hdt-icon__pos-left {
        align-items: start;
      }
      :is(.hdt-icon__pos-left, .hdt-icon__pos-left_middle) {
        flex-direction: row;
      }
      .hdt-text-with-icon__content {
        --gap-text: 1.9rem;
      }
      :where(.hdt-icon__pos-left, .hdt-icon__pos-left_middle) .hdt-text-with-icon__content {
        --gap-text: 1.2rem;
        text-align: start;
      }
      :where(.hdt-icon__pos-left, .hdt-icon__pos-left_middle) .hdt-text-with-icon__content .hdt-button-group {
        margin-top: .4rem;
      }
      .hdt-icon__spacing-medium {
        --gap-icon: 3rem
      }
      .hdt-icon__spacing-large {
        --gap-icon: 5rem
      }
      .hdt-text-with-icons .hdt-slider__container {
        row-gap: var(--row-gap, 4rem);
      }
    }

    @media (min-width: 1150px) {
      .hdt-text-with-icons--border .hdt-slider__container {
        clip-path: inset(2px);
        padding-inline: calc(var(--slide-spacing) * .5);
      }
      .hdt-text-with-icons--border .hdt-slider .hdt-text-with-icon {
        box-shadow: none;
        padding: 1rem calc(var(--slide-spacing) * .5);
      }
      .hdt-text-with-icons--border .hdt-slider.lg\:hdt-slides-3 .hdt-slider__container {
        padding: 1.5rem 0;
      }
      .hdt-text-with-icons--border .hdt-slider.lg\:hdt-slides-3 .hdt-text-with-icon {
        padding-inline: var(--slide-spacing);
        box-shadow: inset 1px 0 var(--color-line-border);
      }
      .hdt-text-with-icons--border .hdt-slider .hdt-text-with-icon:not(.hdt-icon__pos-top) {
        padding-block: 1.5rem;
      }
    }

    @media (min-width: 1400px) {
      .hdt-text-with-icons--border .hdt-slider__container {
        padding: 1.5rem 0;
      }
      .hdt-text-with-icons--border .hdt-slider .hdt-text-with-icon {
        box-shadow: inset 1px 0 var(--color-line-border);
      }
    }

    @media (max-width: 767px) {
      .hdt-text-with-icons--border .hdt-swipe-on-mobile .hdt-text-with-icon {
        box-shadow: none;
      }
      .hdt-text-with-icons--border .hdt-slider:not(.hdt-swipe-on-mobile) .hdt-slider__slide .hdt-text-with-icon {
        padding: 2.5rem var(--slide-spacing);
      }
      .hdt-text-with-icons--border .hdt-slider:not(.hdt-swipe-on-mobile) .hdt-slider__slide:first-child .hdt-text-with-icon {
        padding: .5rem var(--slide-spacing) 2.5rem var(--slide-spacing);
      }
      .hdt-text-with-icons--border .hdt-slider:not(.hdt-swipe-on-mobile) .hdt-slider__slide:last-child .hdt-text-with-icon {
        box-shadow: none;
        padding: 2.5rem var(--slide-spacing) .5rem var(--slide-spacing);
      }
    }

    /*================ 5.12. Marquee ================*/
    .hdt-marquee {
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      direction: ltr;
      unicode-bidi: isolate;
      @media (prefers-reduced-motion: reduce) {
        overflow-x: scroll;
      }
    }
    .hdt-marquee-inner {
      display: inline-flex;
      will-change: transform;
      transform: translateZ(0);
      backface-visibility: hidden;
    }
    .hdt-marquee-item {
      transform: translate3d(0,0,0);
      flex: 0 0 auto;
    }
    .hdt-marquee-item > * {
      margin: 0 calc(var(--gap-item, 2rem) / 2);
    }
    .hdt-marquee-item > .hdt-shape__diamond {
      margin: calc(var(--gap-item, 2rem) / 2);
    }
    .hdt-shape__slash,
    .hdt-shape__line,
    .hdt-shape__line-horizontal
     {
      width: max(calc(var(--fs, 1rem) * .9), 2.6rem);
      height: max(calc(var(--fs, 1rem) * .9), 2.6rem);
      display: inline-flex;
      overflow: hidden;
      position: relative;
    }
    .hdt-shape__slash {
      background-image: linear-gradient(to bottom right, transparent 0%, transparent calc(50% - 0.5px), color-mix(in srgb, var(--color-foreground), transparent 70%) calc(50% - 0.5px), color-mix(in srgb, var(--color-foreground), transparent 70%) 50%, color-mix(in srgb, var(--color-foreground), transparent 70%) calc(50% + 0.5px), transparent calc(50% + 0.5px), transparent 100%);
    }
    .hdt-shape__line:before,
    .hdt-shape__line-horizontal:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: .1rem;
      height: 100%;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 70%);
    }
    .hdt-shape__line-horizontal:before{
      width: 100%;
      height: 0.1rem;
    }
    /* .hdt-shape__slash:before {
      transform: rotate(calc(45deg * var(--value-logical-flip)));
    } */

    .hdt-shape__circle,
    .hdt-shape__square,
    .hdt-shape__diamond {
      width: max(calc(var(--fs) / 2.5), .5rem);
      height: max(calc(var(--fs) / 2.5), .5rem);
      background-color: color-mix(in srgb, var(--color-foreground), transparent 70%);
    }
    .hdt-shape__circle {
      border-radius: var(--corner-radius-full);
    }
    .hdt-shape__diamond {
      transform: rotateZ(45deg);
    }
    .hdt-marquee-item__mess {
      font-size: var(--fs);
    }
    .hdt-marquee-item__mess.hdt-uppercase {
      letter-spacing: calc(var(--fs) * 0.2);
    }
    .hdt-marquee .hdt-icon-wrapper img {
      min-width: var(--icon-mw);
      border-radius: var(--corner-radius-2xs);
    }
    .hdt-marquee .hdt-img-wrapper img {
      border-radius: var(--corner-radius);
    }
    @media (min-width: 768px) {
      .hdt-marquee-item {
        --gap-item: var(--gap-item-lg)
      }
      .hdt-marquee-item__mess, .hdt-shape-block {
        --fs: var(--fs-lg)
      }
      .hdt-marquee .hdt-icon-wrapper img {
        min-width: var(--icon-mw-md);
      }
    }


    /*================ 5.13. Gallery ================*/
    .hdt-section__gallery .hdt-gi-instagram-icon {
      position: absolute;
      z-index: 1;
      inset-block-start: 1.4rem;
      inset-inline-end: 1.4rem;
      width: auto;
      height: auto;
      flex: none;
      display: flex;
      justify-content: flex-end;
      align-self: center;
      color: rgb(var(--hdt-light, 255 255 255));
    }

    /*================ 5.14. Before/after image ================*/
    .hdt-bf-image-last {
      will-change: clip-path;
      clip-path: inset(0 0 0 var(--percent-val, 0%));
    }
    .dir--rtl .hdt-bf-image-last{
      clip-path: inset(0 calc(var(--percent-val, 0%)) 0 0);
    }
    .hdt-bf-image-handle {
      --bf-w-handle: 3.5rem;
      width: var(--bf-w-handle);
      height: 100%;
      pointer-events: none;
      transform: translateX(calc(-50% * var(--value-logical-flip)));
      inset-block: 0;
      inset-inline: var(--percent-val, 0%) 0;
      display: grid;
      grid: 1fr var(--bf-w-handle) 1fr / none;
      place-items: center;
    }
    .hdt-bf-range {
      position: relative;
      grid-area: 1/-1;
      z-index: 2;
      margin: 0;
      cursor: pointer;
      writing-mode: horizontal-tb; 
      -ms-touch-action: auto;
      touch-action: auto;
      cursor: ew-resize;
    }
    .hdt-bf-range[orient="vertical"] {
      writing-mode: vertical-lr; 
      direction: rtl;
      transform: rotate(180deg);
      cursor: ns-resize;
    }
    .hdt-bf-range::-webkit-slider-thumb,
    .hdt-bf-range::-moz-range-thumb {
      -webkit-appearance: none;
      height: 300vh;
    }
    .hdt-bf-range::-ms-tooltip {
      display: none;
    }
    .hdt-bf-image-handle > span:not(.sr-only) {
      width: var(--bf-w-handle);
      height: var(--bf-w-handle);
      color: var(--icon-bf);
      text-align: center;
      background-color: var(--bg-bf);
      border-radius: var(--corner-radius-full);
      box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 30%);
      transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .hdt-bf-image-handle svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
    }
    .hdt-bf-image-handle > span:not(.sr-only) {
      background-color: color-mix(in srgb, var(--bg-bf), transparent 80%);
    }
    .hdt-bf-image-handle:before,
    .hdt-bf-image-handle:after {
      content: '';
      width: .12rem;
      background-color: var(--bg-bf);
      display: inline-block;
      height: 100%;
    }
    .hdt-before-after[vertical] .hdt-bf-image-last {
      clip-path: inset( calc(var(--percent-val, 0%)) 0 0 0);
    }
    .hdt-before-after[vertical] .hdt-bf-image-handle {
      height: var(--bf-w-handle);
      width: 100%;
      transform: translateY(-50%);
      inset-inline: 0;
      inset-block: calc(var(--percent-val, 0%)) 0;
      grid: none / 1fr var(--bf-w-handle) 1fr;
    }
    .hdt-before-after[vertical] .hdt-bf-image-handle:before,
    .hdt-before-after[vertical] .hdt-bf-image-handle:after {
      height: .16rem;
      width: 100%;
    }
    .hdt-ratio > .hdt-bf-image_caption {
      --bf-pos: 1.5rem;
      position: absolute;
      inset-block: auto var(--bf-pos);
      inset-inline-start: var(--bf-pos);
      background-color: color-mix(in srgb, var(--color-background), transparent 50%);
      color: var(--color-foreground);
      padding: 1rem 1.6rem;
      max-width: calc(100% - (var(--bf-pos) * 2));
      border-radius: var(--corner-radius-2xs);
    }
    .hdt-bf-image-last > .hdt-bf-image_caption {
      inset-inline: auto var(--bf-pos);
    }
    @media (min-width: 768px) {
      .hdt-ratio > .hdt-bf-image_caption {
        --bf-pos: 2rem;
      }
    }
    .hdt-before-after[vertical] .hdt-bf-image-first .hdt-bf-image_caption {
      inset: var(--bf-pos) auto auto var(--bf-pos);
    }

    /*================ 5.15. Blog posts ================*/
    .md\:hdt-section__header-inline {
      gap: 2.5rem;
    }
    .md\:hdt-section__header-inline .hdt-btn {
      min-width: min(var(--width-button, 11.6rem), calc(100vw - 3rem));
    }
    .hdt-article-card__meta {
      gap: .7rem;
      flex-wrap: wrap;
      align-items: center;
    }
    .hdt-article-card__meta > * {
      gap: .7rem;
      align-items: center;
    }
    .hdt-article-card__meta .hdt-shape__slash {
      --fs: var(--text-xs);
    }
    .hdt-article-card-wrapper {
      gap: 2rem;
      display: grid;
    }
    .hdt-article-card__content {
      gap: 2rem;
      display: grid;
      justify-items: start;
    }
    .hdt-article-card__category {
      position: absolute;
      inset: auto 1.4rem 1.4rem;
      z-index: 2;
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      justify-content: end;
    }
    .hdt-article-card__category a {
      display: block;
      background-color: color-mix(in srgb, var(--color-background), transparent 50%);
      color: var(--color-foreground);
      padding: 0.65rem 1.5rem;
      border-radius: var(--corner-radius);
      min-width: 7.5rem;
      text-align: center;
      font-size: var(--text-sm);
      letter-spacing: calc(var(--text-sm) * 0.1);
      text-transform: uppercase;
    }
    @media (min-width: 768px) {
      .md\:hdt-section__header-inline > a {
        grid-column-start: 2;
      }
    }
    hdt-slider-progress {
      width: 100%;
      display: grid;
      background-color: color-mix(in srgb, var(--color-foreground), transparent 80%);
      height: 0.2rem;
      max-width: 20rem;
      margin: 3.4rem auto 0;
    }
    .hdt-slider-progress_bar {
      width: 100%;
      display: inline-block;
      background-color: var(--color-foreground);
      transform: scaleX(var(--scale-x, 0));
      will-change: transform;
      transform-origin: var(--value-origin-start);
      transition: all .25s linear;
      grid-area: 1 / -1;
    }
    @media (min-width: 768px) {
      hdt-slider-progress {
        margin-top: 4.5rem;
      }
    }
    @media (min-width: 1150px) {
      hdt-slider-progress {
        margin-top: 6rem;
      }
    }

    /*================  5.16. Countdown timer ================*/
    hdt-countdown-item {
      position: relative;
      display: grid;
      gap: 1rem;
    }
    hdt-countdown-number {
      display: inline-block;
      line-height: 1;
      vertical-align: middle;
    }
    hdt-countdown-number::part(numlist) {
      display: grid;
      pointer-events: none;
    }
    hdt-countdown-number::part(num) {
      grid-area: 1/-1;
    }
    span[part="tmp_num"] {
      grid-area: 1 / -1;
      line-height: 1;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }
    hdt-countdown {
      display: inline-flex;
      align-items: center;
      text-align: center;
      gap: var(--gap-cd);
      font-size: var(--fs-cd);
      color: var(--color-foreground);
    }
    .hdt-section__countdown-timer {
      --fs-cd: 3.4rem;
      --gap-wrapp: 3.5rem;
      --line-w: 13.5rem;
      --line-h: 0.1rem;
      --gap-cd: .8rem;
      --divider-w: 1rem;
      --divider-h: 0.1rem;
    }
    .hdt-countdown-timer-wrapp {
      gap: var(--gap-wrapp);
    }
    .hdt-countdown-timer-wrapp.hdt-s-gradient {
      padding-inline: 3rem;
      border-radius: var(--corner-radius);
      position: relative;
      overflow: hidden;
    }
    .hdt-countdown-timer-line {
      width: var(--line-w);
      height: var(--line-h);
      background-color: var(--color-line-border);
      flex: 0 0 auto;
    }
    .hdt-countdown-timer-divider {
      width: var(--divider-w);
      height: var(--divider-h);
      background-color: var(--color-line-border);
      opacity: 0;
    }
    .hdt-countdown-timer-numbers {
      display: inline-flex;
      align-items: center;
      place-self: center;
      grid-area: 1 / -1;
    }
    .hdt-countdown-timer-numbers:after {
      content: '';
      display: inline-block;
      width: var(--divider-w);
      height: var(--divider-h);
      background-color: var(--color-line-border);
      position: absolute;
      inset-inline-start: 100%;
      margin-inline-start: var(--gap-cd);
    }
    [is="seconds"] > .hdt-countdown-timer-numbers:after {
      display: none;
    }
    .hdt-countdown-timer-wrap {
      flex: 0 0 auto;
      width: auto;
    }
    .hdt-countdown-timer-wrapp > * {
      z-index: 4;
    }
    .hdt-section__countdown-timer picture > img {
      display: block;
      max-width: 100%;
      position: absolute;
      margin: 0;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      z-index: 1;
    }
    .hdt-section__countdown-timer picture:before {
      content: "";
      position: absolute;
      top: 0;
      background: color-mix(in srgb, var(--color-overlay), transparent calc(100% - var(--color-overlay-opacity, 0)));
      z-index: 2;
      width: 100%;
      height: 100%;
      pointer-events: none;
      inset: 0;
    }
    @media (min-width: 1024px) {
      hdt-countdown-item {
        gap: 2rem;
      }
      .hdt-countdown-timer-wrapp {
        flex-direction: row;
      }
      .hdt-timer-position__right .hdt-countdown-timer-wrapp {
        flex-direction: row-reverse;
      }
      .hdt-countdown-timer-line {
        width: var(--line-h);
        height: var(--line-w);
      }
      .hdt-countdown-timer-wrapp .hdt-countdown__text {
        font-size: var(--text-sm);
      }
      .hdt-timer-position__right {
        text-align: start;
      }
      .hdt-timer-position__left {
        text-align: end;
      }
      .hdt-countdown-timer-wrapp.hdt-s-gradient {
        padding-inline: 5rem;
      }
    }
    @media (min-width: 1150px) {
      .hdt-countdown-timer-wrapp.hdt-s-gradient {
        padding-inline: 8rem;
      }
    }
    @media (min-width: 1300px) {
      .hdt-section__countdown-timer {
        --gap-wrapp: 6.5rem;
        --fs-cd: 5.4rem;
        --gap-cd: 1.5rem;
        --divider-w: 3rem;
        --divider-h: 0.1rem;
      }
      .hdt-timer-btn-position__outside,
      .hdt-timer-btn-position__inside {
        text-align: start;
      }
      .hdt-timer-position__left.hdt-timer-btn-position__inside {
        text-align: end;
      }
      .hdt-timer-btn-position__outside .hdt-countdown-timer-content {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
      }
      .hdt-timer-btn-position__outside .hdt-countdown-timer-content {
        flex: 1 0 0%;
        width: 100%;
        max-width: 100%;
      }
      .hdt-group + .hdt-button-group {
        margin-block-start: 0 !important;
      }
    }

    /*================  5.17. Media collage ================*/
    .hdt-collage-wrapp {
      grid-auto-flow: dense;
      grid-auto-rows: var(--collage-row-height, var(--row-height));
      grid-template-columns: repeat(var(--collage-cols, 2), minmax(0, 1fr));
      gap: var(--spacing);
    }
    .hdt-collage-wrapp + .hdt-collage-wrapp {
      margin-top: var(--spacing);
    }
    .hdt-collage-item {
      container: collage-item / inline-size;
      grid-area: span var(--collage-row-ident, var(--collage-row-ident-xs)) / span var(--collage-col-ident, var(--collage-col-ident-xs));
      .hdt-media-content :where(a, button) {
        pointer-events: auto;
      }
    }
    .hdt-collage-wrapp  .hdt-media-overlap-content {
      @layer themeh.styles.mobile.default {
        --media-overlap-content-gap-r: min(4vw, 2rem);
        --media-overlap-content-gap-c: min(4vw, 2rem);
      }
      @layer themeh.styles.tablet.default {
        --media-overlap-content-gap-r: min(4vw, 2rem);
        --media-overlap-content-gap-c: min(4vw, 2rem);
      }
      @layer themeh.styles.base.default {
        --media-overlap-content-gap-r: min(4vw, 3.8rem);
        --media-overlap-content-gap-c: min(4vw, 3.8rem);
      }
    }
    .hdt-collage-wrapp .hdt-btn:not(.hdt-btn-link, .hdt-btn-line-graphic) {
      border-radius: var(--corner-radius-button);
    }
    @media screen and (min-width: 768px) {
      .hdt-collage-wrapp {
        --collage-cols: var(--collage-cols-md);
        --collage-row-height: var(--row-height-md);
        --spacing: var(--spacing-md);
      }
      .hdt-collage-item {
        --collage-row-ident: var(--collage-row-ident-md);
        --collage-col-ident: var(--collage-col-ident-md);
      }
    }
    @media screen and (min-width: 1150px) {

      .hdt-collage-wrapp {
        --collage-row-height: var(--row-height-lg);
        --spacing: var(--spacing-lg)
      }
      .hdt-collage-item {
        --collage-row-ident: var(--collage-row-ident-lg);
        --collage-col-ident: var(--collage-col-ident-lg);
      }
    }
    @container collage-item (width >= 30rem) {
      .hdt-collage-wrapp .hdt-btn:not(.hdt-btn-link, .hdt-btn-line-graphic) {
        min-width: var(--width-button, 17.8rem);
      }
    }

    /*================  5.18. Alert ================*/
    .hdt-form__alert {
      text-align: start;
      color: var(--hdt-alert-color, var(--color-success-text));
      background-color: color-mix(in srgb, var(--hdt-alert-color, var(--color-success-text)), transparent 90%);
      border-inline-start: 0.3rem solid var(--hdt-alert-color, var(--color-success-text));
      border-radius: var(--corner-radius-2xs);
      padding-block: 2rem;
      padding-inline: 2rem;
      margin-bottom: 2rem;
    }
    .hdt-form__alert > span, .hdt-form-alert__title {
      display: inline-flex;
      align-items: baseline;
      gap: .8rem
    }
    .hdt-form__alert svg {
      flex: none;
      width: 1.3rem;
      height: 1.3rem;
      position: relative;
      top: .2rem;
    }
    .hdt-form-alert__title svg {
      width: 1.5rem;
      height: 1.5rem;
    }
    .hdt-form__alert a {
      color: var(--hdt-alert-color);
    }
    .hdt-form__alert > ul {
      display: grid;
      gap: .5rem;
      list-style: disc;
      padding-inline-start: 2rem;
    }
    .hdt-form__alert--error {
      --hdt-alert-color: var(--color-error-text);
    }
    .hdt-form__alert--warning {
      --hdt-alert-color: var(--color-warning-text);
    }
    .hdt-icon-warning {
      fill: var(--color-warning-text);
    }
    .hdt-form-alert__title {
      margin-bottom: 1.5rem;
      color: var(--hdt-alert-color);
    }
    p[data-spam-detection-disclaimer] {
      color: var(--color-foreground2);
    }

    /*================  5.19. Collection list ================*/

    .hdt-collection-card {
      container: collection-card / inline-size;
    }
    .hdt-section__collection-list .hdt-media-overlap-content {
      @layer themeh.styles.mobile.default {
      --media-overlap-content-gap-r: min(5vw, 2rem);
      --media-overlap-content-gap-c: min(5vw, 2rem);
      }
      @layer themeh.styles.tablet.default {
        --media-overlap-content-gap-r: min(5vw, 2rem);
        --media-overlap-content-gap-c: min(5vw, 2rem);
      }
      @layer themeh.styles.base.default {
        --media-overlap-content-gap-r: min(5vw, 2.7rem);
        --media-overlap-content-gap-c: min(5vw, 2rem);
      }
    }
    .hdt-collection-card--hover-show-btn .hdt-media-overlap-content {
      @layer themeh.styles.mobile.default {
      --media-overlap-content-gap-r: min(5vw, 2rem);
      --media-overlap-content-gap-c: min(5vw, 2rem);
      }
      @layer themeh.styles.tablet.default {
        --media-overlap-content-gap-r: min(5vw, 2rem);
        --media-overlap-content-gap-c: min(5vw, 2rem);
      }
      @layer themeh.styles.base.default {
        --media-overlap-content-gap-r: min(5vw, 2.5rem);
        --media-overlap-content-gap-c: min(5vw, 3rem);
      }
    }
    @container collection-card (width >= 48rem) {
      .hdt-collection-card--hover-show-btn .hdt-media-overlap-content {
        @layer themeh.styles.base.default {
          --media-overlap-content-gap-r: min(5vw, 3.9rem);
          --media-overlap-content-gap-c: min(5vw, 3.3rem);
        }
      }
    }
    :is(.hdt-collection-card--overlay, .hdt-collection-card--overlay-blur) .hdt-collection-card__title {
      padding: 1rem 2rem;
      background-color: var(--color-button);
      color: var(--color-button-text);
      min-width: 10rem;
      min-height: 3.7rem;
      display: inline-grid;
      align-items: center;
      font-size: var(--text-sm);
      letter-spacing: calc(var(--text-sm) * 0.1);
      text-transform: uppercase;
      border-radius: var(--corner-radius-button);
    }
    .hdt-collection-card--overlay-blur .hdt-collection-card__title {
      background-color: color-mix(in srgb, var(--color-button), transparent 50%);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }
    .hdt-collection-card__content .hdt-btn {
      margin-top: 1.2rem;
    }
    .hdt-collection-card--overlay-underline .hdt-media-overlap-content:before {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-overlay), transparent 100%) 71.74%, color-mix(in srgb, var(--color-overlay), transparent 90%) 85.87%, color-mix(in srgb, var(--color-overlay), transparent 70%) 100%);
    }
    .hdt-collection-card--hover-show-btn .hdt-media-overlap-content:before {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-overlay), transparent 100%) 60.95%, color-mix(in srgb, var(--color-overlay), transparent 70%) 82.62%, color-mix(in srgb, var(--color-overlay), transparent 40%) 100%);
    }
    .hdt-collection-card--overlay-underline .hdt-collection-card__title {
      --svg-w: 2px;
      font-size: var(--text-sm);
      text-transform: uppercase;
      letter-spacing: calc(var(--text-sm) * 0.1);
      padding: .9rem 0 !important;
      color: var(--color-link);
    }
    .hdt-collection-card--hover-show-btn .hdt-collection-card__title {
      color: var(--color-link);
    }
    .hdt-column-card {
      container: column-card / inline-size;
    }
    .hdt-column-card .hdt-media-overlap-content {
      @layer themeh.styles.mobile.default {
        --media-overlap-content-gap-r: min(10vw, 2.8rem);
        --media-overlap-content-gap-c: min(10vw, 3rem);
      }
      @layer themeh.styles.tablet.default {
        --media-overlap-content-gap-r: min(5vw, 2.8rem);
        --media-overlap-content-gap-c: min(5vw, 3rem);
      }
      @layer themeh.styles.base.default {
        --media-overlap-content-gap-r: min(5vw, 2.8rem);
        --media-overlap-content-gap-c: min(5vw, 3rem);
      }
    }
    @container column-card (width >= 50rem) {
      .hdt-container .hdt-column-card .hdt-media-overlap-content {
        @layer themeh.styles.base.default {
          --media-overlap-content-gap-r: min(5vw, 4.5rem);
          --media-overlap-content-gap-c: min(5vw, 5rem);
        }
      }
      .hdt-container-full .hdt-column-card .hdt-media-overlap-content {
        @layer themeh.styles.base.default {
          --media-overlap-content-gap-r: min(5vw, 4.5rem);
          --media-overlap-content-gap-c: min(5vw, 5rem);
        }
      }
    }
    @container column-card (width >= 70rem) {
      .hdt-container-full .hdt-column-card .hdt-media-overlap-content {
        @layer themeh.styles.base.default {
          --media-overlap-content-gap-r: min(5vw, 5.5rem);
          --media-overlap-content-gap-c: min(5vw, 9rem);
        }
      }
    }
    @media screen and (min-width: 768px) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
      .hdt-collection-card--hover-show-btn .hdt-collection-card__title,
      .hdt-column-card.is-btn-bottom .hdt-hover-mask .hdt-media-content > div:first-child {
        position: absolute;
        bottom: 100%;
        inset-inline: 0;
      }
      .hdt-collection-card__content .hdt-btn,
      .hdt-column-card.is-btn-bottom .hdt-hover-mask .hdt-button-group {
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease;
        transform: translateY(15px) translateZ(0);
      }
      .hdt-collection-card--hover-show-btn .hdt-collection-card__content,
      .hdt-column-card.is-btn-bottom .hdt-media-content {
        transform: translateY(100%) translateZ(0);
        transition: transform .3s ease;
      }
      .hdt-collection-card__content .hdt-btn {
        margin-top: 1.2rem;
      }
      .hdt-collection-card--hover-show-btn .hdt-collection-card__content {
        place-self: end start;
        text-align: start;
      }
      .hdt-column-card:where(.is-btn-top,.is-btn-center) .hdt-hover-mask .hdt-button-group {
        position: absolute;
        top: 100%;
        inset-inline: 0;
        opacity: 0;
        transition: opacity .25s ease, transform .25s ease;
        transform: translateY(15px);
      }
    }
    @media (max-width: 767px) {
      .hdt-text-with-images .hdt-column-media {
        margin-bottom: 2rem;
      }
      .hdt-multi-column .hdt-slider-progress {
       display: none;
      }
    }
    @media screen and (min-width: 768px) {
      :is(.hdt-collection-card--overlay, .hdt-collection-card--overlay-blur) .hdt-collection-card__title {
        min-width: 15rem;
      }
      .hdt-multi-column {
        --spacing-y: 5rem;
      }
      .hdt-text-with-images .hdt-slider__container {
        row-gap: var(--row-gap, 3rem);
      }
    }
    @media screen and (min-width: 1024.02px) and (max-width: 1149.98px) {
      .hdt-container-full .hdt-multi-column.md\:hdt-slides-1:not(.md\:hdt-slider__active-false) {
        --slide-size-set: 62.4816754%;
      }
      .hdt-container-full .hdt-multi-column.md\:hdt-slides-2:not(.md\:hdt-slider__active-false) {
        --slide-size-set: 38.4816754%;
      }
      .hdt-container-full .hdt-multi-column.md\:hdt-slides-3:not(.md\:hdt-slider__active-false) {
        --slide-size-set: 30%;
      }
      .hdt-container-full .hdt-multi-column.md\:hdt-slides-4:not(.md\:hdt-slider__active-false) {
        --slide-size-set: 23.4816754%;
      }
    }
    @media screen and (min-width: 1150px) {
      .hdt-container-full .hdt-multi-column.lg\:hdt-slides-1:not(.lg\:hdt-slider__active-false) {
        --slide-size-set: 62.4816754%;
      }
      .hdt-container-full .hdt-multi-column.lg\:hdt-slides-2:not(.lg\:hdt-slider__active-false) {
        --slide-size-set: 38.4816754%;
      }
      .hdt-container-full .hdt-multi-column.lg\:hdt-slides-3:not(.lg\:hdt-slider__active-false) {
        --slide-size-set: 30%;
      }
      .hdt-container-full .hdt-multi-column.lg\:hdt-slides-4:not(.lg\:hdt-slider__active-false) {
        --slide-size-set: 23.4816754%;
      }
    }
    .hdt-column-media--third-width {
      width: 33.33%;
    }
    .hdt-column-media--half-width {
      width: 50%;
    }
    .hdt-column-media--cus-width {
      max-width: var(--hdt-mw, 100%);
    }
    .hdt-text-with-images .hdt-column-media {
      display: inline-flex;
    }
    .hdt-img__spacing-small {
      margin-bottom: 3rem;
    }
    .hdt-img__spacing-medium {
      margin-bottom: 4rem;
    }
    .hdt-img__spacing-large {
      margin-bottom: 5rem;
    }

    /*================  5.20. Image Hotspots ================*/
    .hdt-hotspot {
      --x-pos: var(--x-pos-mb);
      --y-pos: var(--y-pos-mb);
      inset-inline-start: min(var(--x-pos), calc(100% - var(--btn-hotspot-w, 3.2rem)));
      inset-block-start: min(var(--y-pos), calc(100% - var(--btn-hotspot-h, 3.2rem)));
    }
    .hdt-hotspot__btn {
      width: var(--btn-hotspot-w, 3.2rem);
      height: var(--btn-hotspot-w, 3.2rem);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hdt-hotspot__btn--outline {
      background-color: transparent;
      color: var(--color-secondary-button-text);
      border: 1px solid var(--color-secondary-button-text);
    }
    .hdt-hotspot__btn--solid {
      background-color: var(--color-button);
      color: var(--color-button-text);
    }
    .hdt-hotspot__btn svg {
      transition: transform .25s ease, color .05s ease;
    }
    .hdt-hotspot__btn--outline[aria-expanded="true"],
    .hdt-hotspot__btn--outline[aria-current="true"] {
      background-color: var(--color-button);
      color: var(--color-button-text);
      border-color: transparent;
      z-index: 2;
    }
    .hdt-hotspot__btn[aria-expanded="true"] svg {
      transform: rotate(45deg);
    }
    :where(.hdt-popover--shop-the-look,.hdt-shop-the-look) .hdt-hotspot__btn {
      transition: background-color .25s, color .25s, scale 0.3s linear;
    }
    :where(.hdt-popover--shop-the-look,.hdt-shop-the-look) .hdt-hotspot__btn[aria-current="true"] {
      scale: 1.33333333;
    }
    .hdt-hotspot__popover .rte  {
      color: var(--color-foreground2)
    }
    .hdt-hotspot-product {
      column-gap: 1.7rem;
    }
    .hdt-hotspot-media {
      width: 9rem;
      flex: none;
    }
    .hdt-hotspot-media {
      clip-path: inset(0px round var(--corner-radius-xs));
      align-self: center;
    }
    .hdt-pr_hostpot .hdt-hotspot-content {
      gap: .4rem;
    }
    .hdt-hotspot-content button {
      display: inline-flex;
      align-items: center;
      gap: 1.1rem;
    }
    .hdt-hotspot-content .hdt-hotspot-icon {
      width: 3.2rem;
      height: 3.2rem;
      color: var(--color-background);
      border-radius: var(--corner-radius-full);
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
    }
    .hdt-hotspot-content .hdt-hotspot-icon svg {
      mix-blend-mode: exclusion;
    }
    .hdt-pr_hostpot .hdt-hotspot-content .hdt-hotspot-icon {
      background-color: var(--color-foreground);
      svg {
        mix-blend-mode: normal;
      }
    }
    .hdt-hotspot-content .hdt-hotspot-icon:before {
      content: '';
      position: absolute;
      inset: 0;
      scale: 0;
      background-color: var(--color-pr-text);
      border-radius: var(--corner-radius-full);
      z-index: -1;
      transition: scale 0.25s ease;
    }
    .hdt-popover[opened] .hdt-hotspot-content .hdt-hotspot-icon:before {
      scale: 1;
    }
    .hdt-hotspot-content button span:last-child {
      color: var(--color-pr-text);
      --color-link: var(--color-pr-text);
    }
    .hdt-text_hostpot .hdt-popover__header {
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
    }
    @media screen and (max-width: 767.98px) {
      .hdt-hotspot-media .hdt-full-width-image {
        position: static;
      }
      .hdt-hotspot__popover {
        padding: 2rem;
      }
    }
    @media screen and (min-width: 768px) {
      .hdt-hotspot__popover {
        width: max-content;
        max-width: 60vw;
      }
      .hdt-text_hostpot {
        max-width: min(31rem, 60vw);
      }
      .hdt-text_hostpot .hdt-h5 {
        --h5-size-lg: var(--h6-size-lg);
      }
      .hdt-hotspot {
        --x-pos: var(--x-pos-md);
        --y-pos: var(--y-pos-md);
        --btn-hotspot-w: 4rem;
        --btn-hotspot-h: 4rem;
      }
      .hdt-hotspot__popover {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        .hdt-popover__arrow {
          background-color: var(--color-background);
        }
        .hdt-popover__body {
          clip-path: inset(0px round var(--corner-radius-xs)) !important;
          background-color: var(--color-background);
          box-shadow: 1px -4px 1.8rem color-mix(in srgb, var(--color-overlay), transparent 80%);
        }
      }
      .hdt-hotspot__popover .hdt-popover__body {
        padding: 2rem;
      }
      .hdt-pr_hostpot-style_standard .hdt-popover__body {
        padding: 0
      }
      .hdt-pr_hostpot-style_card {
        --pd-content: 1.5rem
      }
      .hdt-pr_hostpot-style_standard .hdt-hotspot-media {
        clip-path: none;
        align-self: auto;
      }
      .hdt-pr_hostpot-style_standard .hdt-hotspot-content {
        padding-block: 1.2rem;
        padding-inline: 0 1.7rem;
        min-height: 9.4rem;
      }
    }

    /*================  5.21. Shop The Look ================*/
    .hdt-shop-the-look__image-wrapper button {
      position: absolute;
      display: none;
    }
    .hdt-shop-the-look__image-wrapper .hdt-btn {
      min-width: 26rem;
      display: inline-flex;
      align-self: end;
      justify-self: center;
      margin-bottom: var(--spacing-1-2);
    }
    .hdt-shop-the-look__products {
      .hdt-slider {
        width: min(33rem, 33vw);
        place-self: center;
        padding: 1rem 1rem 1.5rem;
        background-color: var(--color-background2);
        border-radius: var(--corner-radius-sm);
        --slide-spacing: 1.5rem;
        position: relative;
      }
      .hdt-slider__viewport {
        padding: 0.2rem;
      }
      .hdt-card-product__media {
        border-radius: var(--corner-radius-xs);
      }
      .hdt-slider-dots {
        --color-foreground: var(--color-pr-text);
      }
      .hdt-slider-dots__simple {
        margin-top: 1.8rem;
      }
      .hdt-slider-nav button {
        display: none;
      }
    }
    .hdt-shop-the-look .hdt-hotspot {
      --btn-hotspot-w: 3rem;
      --btn-hotspot-h: 3rem;
    }

    .hdt-popover--shop-the-look {
      --gradient-background: var(--color-background2);
      padding: 1.5rem;
    }
    .hdt-popover--shop-the-look .hdt-shop-the-look__image-wrapper img {
      width: auto;
      display: inline-block;
    }
    .hdt-popover--shop-the-look::part(content) {
      max-height: calc(100vh - 170px);
    }
    .hdt-popover--shop-the-look .hdt-shop-the-look__image-wrapper {
      height: calc(100vh - 410px);
      width: max-content;
      max-width: 100%;
      margin: 0 auto;
      --btn-hotspot-w: 2.2rem;
      --btn-hotspot-w: 2.2rem;
    }
    .hdt-popover--shop-the-look .hdt-hotspot__btn svg {
      width: 6px;
    }
    @supports (height: 100svh) {
      .hdt-popover--shop-the-look::part(content) {
        max-height: calc(100svh - 60px);
      }
      .hdt-popover--shop-the-look .hdt-shop-the-look__image-wrapper {
        height: calc(100svh - 320px);
      }
    }
    .hdt-popover--shop-the-look::part(body) {
      padding: 0;
      margin: 1rem 0;
    }
    .hdt-popover--shop-the-look .hdt-slider {
      margin-top: 1.5rem;
      padding-inline: 1.5rem;
      background-color: var(--color-background2);
      border-radius: var(--corner-radius-sm);
      border: 1.5px dashed color-mix(in srgb, var(--color-pr-text), transparent 75%);
    }
    .hdt-popover--shop-the-look .hdt-slider__viewport {
      padding-block: 1.5rem;
    }
    .hdt-popover--shop-the-look button {
      display: flex;
    }
    .hdt-shop-the-look .hdt-slider-nav {
      --inset: -4.5rem;
    }
    @media screen and (min-width: 768px) {
      .hdt-shop-the-look {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .hdt-shop-the-look__image-wrapper {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
      }
      .hdt-shop-the-look__products {
        display: grid;
        place-content: center;
        border-start-end-radius: var(--corner-radius-sm);
        border-end-end-radius: var(--corner-radius-sm);
        padding: var(--padding, 4rem 2.8rem);
        --inset: -4.4rem
      }
      .hdt-shop-the-look__products .hdt-slider-nav button {
        --color-button: var(--color-background2);
        --color-button-text: var(--color-pr-text);
        display: grid;
        border: 1px solid var(--color-pr-text);
        top: calc(var(--gap-arrow, 50%) + 1.5rem);
      }

      .hdt-shop-the-look__image-wrapper button {
        display: inline-flex;
      }
      .hdt-shop-the-look__image-wrapper .hdt-btn,
      .hdt-shop-the-look .hdt-slider-nav {
        display: none;
      }
    }
    @media screen and (min-width: 1150px) {
      .hdt-shop-the-look__products {
        --padding: 6rem;
      }
      .hdt-shop-the-look .hdt-slider-nav {
        --inset: -6rem;
      }
      .hdt-shop-the-look .hdt-slider-nav {
        display: contents;
      }
    }
    
    /*================ 5.22. Collapsible row ================*/
    .hdt-accordion + .hdt-accordion details {
      border-top: 1px solid var(--color-line-border);
    }

    summary.hdt-accordion-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      cursor: pointer;
      padding: 2.8rem 0 2.6rem 0;
      width: 100%;
      text-align: start;
      border: none;
      outline: none;
      color: var(--color-foreground);
    }

    .hdt-section__header + .hdt-accordion summary.hdt-accordion-heading {
      padding-top: 0;
    }

    .hdt-accordion-heading svg, hdt-accordion summary svg {
      transition: transform 0.3s linear;
      fill: var(--color-foreground);
      flex: none;
    }

    .hdt-accordion-heading svg line {
      stroke: var(--color-foreground);
    }

    .hdt-accordion .hdt-accordion-heading[aria-expanded=true] svg, hdt-accordion summary[aria-expanded=true] svg {
      transform: rotate(-90deg);
    }

    .hdt-accordion [aria-expanded=true] ~ .hdt-accordion-content {
      padding: 0 0 2.5rem 0;
      margin-top: -0.6rem;
    }

    .hdt-accordion-heading[aria-expanded=true] svg {
      transform: rotate(-90deg);
    }

    .hdt-accordion-heading[aria-expanded=true] svg.hdt-icon-caret-right {
      transform: rotate(-180deg);
    }

    .hdt-accordion-heading[aria-expanded=true] svg.hdt-icon-plus {
      transform: rotate(-45deg);
    }

    .hdt-accordion {
      display: block;
      width: 100%;
    }

    .hdt-accordion-content .hdt-text-block {
      text-align: start;
    }

    .hdt-richtext-item + .hdt-accordion details {
      border-top: none;
    }

    .hdt-richtext-item + .hdt-accordion, .hdt-accordion + .hdt-richtext-item {
      margin-top: 4.5rem;
    }

    /*================  5.23. FAQs ================*/
    .hdt-container--faqs {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: var(--hdt-faqs-gap, calc(var(--hdt-faqs-gap-base, 12rem)/4));
      flex-direction: column;
    }
    .hdt-container--faqs-img {
      width: 100%;
      flex: none;
    }
    .hdt-container--faqs-img :where(svg, img) {
      width: 100%;
    }
    .hdt-container--faqs-content {
      width: 100%;
    }
    .hdt-container--faqs-content .hdt-heading-block + .hdt-accordion summary.hdt-accordion-heading {
      padding-top: 2.2rem;
    }
    .hdt-accordion + .hdt-heading {
      margin-top: 3.2rem;
    }
    .hdt-heading:has(+ .hdt-accordion) {
      margin-bottom: 1rem;
    }
    @media (min-width: 768px) {
      .hdt-container--faqs {
        --hdt-faqs-gap: 5rem;
        flex-direction: row;
      }
      .hdt-container--faqs.hdt-image-right {
        flex-direction: row-reverse;
      }
      .hdt-container--faqs-img {
        width: min(50%, var(--hdt-image-width, 36rem));
        position: sticky;
        z-index: 1;
        top: 3rem;
      }
      .hdt-container--faqs-img .hdt-faqs-placeholder-svg {
        height: 48.1rem;
      }
    }

    @media (min-width: 1150px) {
      .hdt-container--faqs {
        --hdt-faqs-gap: var(--hdt-faqs-gap-base, 12rem);
      }
      .hdt-accordion + .hdt-heading {
        margin-top: 4.8rem;
      }
      .hdt-heading:has(+ .hdt-accordion) {
        margin-bottom: 1.5rem;
      }
    }

    /*================ 5.24. Multiple media with text ================*/
    .hdt-tab-nav {
      margin-block-end: 3rem;
      display: flex;
      flex-wrap: wrap;
      column-gap: 3rem;
      row-gap: 1rem;
      justify-content: center;
    }
    .hdt-tab-content-wrapper {
      display: grid;
      padding-inline: 0;
    }
    .hdt-section__media_with_text .hdt-tabs {
      padding-block: max(calc(var(--hdt-content-spacing) - 9rem), 2rem);
    }
    .hdt-tab-image-holder {
      position: relative;
      overflow: hidden;
    }
    .hdt-tab-image-holder picture:first-child :where(img, svg) {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: relative;
    }
    .hdt-tab-content {
      inset-block-start: 0;
      color: var(--color-foreground);
      width: 100%;
      max-width: 100%;
      text-align: center;
      z-index: 1;
      grid-area: 1 / -1;
    }
    .hdt-tab-content[hidden] {
      display: block !important;
      z-index: -1;
      visibility: hidden;
    }
    .hdt-tab-content:first-child:last-child [reveal] {
      opacity: 1;
    }
    .hdt-section__media_with_text .hdt-media-wrapper[hidden] {
      position: absolute;
      display: block !important;
      z-index: -1;
      inset-block-start: 0;
      inset-inline-start: 0;
      width: 100%;
      height: 100%;
    }
    .hdt-tab-title {
      cursor: pointer;
      display: inline-grid;
      grid-template-rows: minmax(1.5rem, 1fr) 1px;
      gap: .4rem;
      position: relative;
      color: var(--color-foreground);
    }
    .hdt-tab-title span {
      grid-area: 1/1;
    }
    .hdt-tab-title:before, .hdt-tab-title:after {
      grid-area: 2/1;
      height: 2px;
      width: 100%;
    }
    .hdt-tabs .hdt-tab-title:before, .hdt-tabs .hdt-tab-title:after {
      height: 1px;
    }
    .hdt-tab-title.hdt-tab-title__empty span  {
      width: 5rem;
      display: block;
      height: 200%;
      position: absolute;
      z-index: 1;
      top: 0;
    }
    .hdt-tab-title:last-child {
      margin-inline-end: 0;
    }
    .hdt-tab-title:after {
      z-index: 1;
      content: '';
      background-color: var(--color-foreground);
      transform: scaleX(0);
      transform-origin: var(--value-origin-start);
    }
    .hdt-tab-title.hdt-tab-title__empty:before, .hdt-tab-title.hdt-tab-title__empty:after {
      width: 5rem;
    }
    .hdt-tab-title.hdt-tab-title__empty:before {
      content: '';
      background-color: color-mix(in srgb, var(--color-foreground), transparent 85%);
    }
    .hdt-tab-title[aria-current='true']:after {
      transform: scaleX(1);
    }
    [data-auto_switch="true"] .hdt-tab-title[aria-current='true']:after {
      animation: hdtExpandWidth var(--hdt-remaining) linear;
      animation-play-state: var(--hdt-play-state, paused);
    }
    .hdt-tab-content .hdt-description + .hdt-button-group {
      margin-top: 2.5rem;
    }
    @media (min-width: 768px) {
      .hdt-section__media_with_text .hdt-tabs {
        padding-block: max(calc(var(--hdt-content-spacing) - 7rem), 3rem);
      }
      .hdt-section__media_with_text .md\:hdt-ps-max.hdt-tabs {
        padding-inline-end: 3rem;
      }
      .hdt-section__media_with_text .md\:hdt-pe-max.hdt-tabs {
        padding-inline-start: 3rem;
      }
    }
    @media (min-width: 1024px) {
      .mwt-lg\:hdt-flex-row-reverse {
        flex-direction: row-reverse;
      }
      .mwt-lg\:hdt-flex-cols-2 {
        --cols: 2;
      }
      .hdt-tab-nav {
        justify-content: flex-start;
      }
      .hdt-section__media_with_text .md\:hdt-pe-max .hdt-tab-nav {
        justify-content: flex-end;
      }
      .hdt-section__media_with_text .md\:hdt-pe-max .hdt-tabs {
        padding-inline: 3rem 0;
        text-align: end;
      }
      .md\:hdt-pe-max .hdt-tab-content-wrapper {
        justify-content: flex-end;
      }
      .hdt-tab-content {
        max-width: var(--hdt-content-width, 550px);
        text-align: start;
      }
      [class*='hdt-pe-max'] .hdt-tab-content {
        text-align: end;
        inset-inline-end: 0;
      }
      .hdt-tab-image-holder .hdt-media-wrapper {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
      }
      .hdt-media-holder-wrapper {
        height: 100%;
      }
      .hdt-media-holder-wrapper .hdt-placeholder {
        width: 100%;
        height: 100%;
      }
      .hdt-tab-image-holder picture:first-child {
        position: absolute;
      }
      .hdt-tab-content .hdt-description + .hdt-button-group {
        margin-top: 4rem;
      }
    }
    @media (min-width: 1150px) {
      .hdt-tab-nav {
        margin-block-end: 6rem;
        column-gap: 6rem;
      }
      .hdt-section__media_with_text .hdt-tabs {
        padding-block: var(--hdt-content-spacing, 13rem);
      }
    }
    @media (max-width: 1023px) {
      .hdt-tab-image-holder picture:first-child {
        position: relative !important;
        z-index: 0 !important;
      }
    }
    @media (max-width: 767px) {
      .hdt-section__media_with_text .hdt-tabs {
        padding-inline: 1.5rem;
      }
    }
    @keyframes hdtExpandWidth {
      from {
        transform: scaleX(0);
      }
      to {
        transform: scaleX(1);
      }
    }
  
    /*================ 5.24. Testimonials ================*/
    .hdt-testimonial-content {
      padding-inline: 1.5rem;
    }
    .hdt-section__testimonials .hdt-section__header {
      margin-bottom: 1.5rem;
    }
    .hdt-testimonial-content {
      width: 100%;
      margin-inline: auto;
    }
    .hdt-testimonials-text {
      font-size: 3.4rem;
      line-height: 4.4rem;
    }
    .hdt-author {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      margin-top: 3rem;
    }
    .hdt-testimonial-avatar {
      width: 100%;
      height: auto;
      max-width: min(10rem, var(--hdt-img-mw));
    }
    .hdt-indicators {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      margin-top: 1rem;
    }
    .hdt-indicators .hdt-indicator :where(img, svg) {
      pointer-events: none;
      width: var(--hdt-img-mw);
      max-width: 100%;
      margin-inline: auto;
      display: none;
    }
    .hdt-section__testimonials[nav-type="avatars"] .hdt-indicators {
      padding-inline: 3rem;
    }
    @media (min-width: 768px) {
      .hdt-section__testimonials .hdt-section__header {
        margin-bottom: 1.7rem;
      }
    }
    @media (min-width: 1024px) {
      .hdt-testimonial-avatar {
        max-width: var(--hdt-img-mw);
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-testimonial-avatar {
        display: none;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-author:not(.hdt-author--has-name) {
        display: none;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicator {
        width: auto;
        height: auto;
      }
      .hdt-indicators {
        display: flex;
        margin-top: 2.5rem;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicators {
        column-gap: min(var(--hdt-spacing-avatars), 4rem);
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicator :where(img, svg) {
        display: block;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicator::before {
        display: none;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicator {
        opacity: 0.4;
        filter: grayscale(100);
        transition: all 0.25s ease;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicator[aria-current="true"] {
        opacity: 1;
        filter: grayscale(0);
      }
    }
    @media (min-width: 1150px) {
      .hdt-testimonial-content {
        padding-inline: 3rem;
        max-width: var(--hdt-content-width, 1190px);
      }
      .hdt-indicators {
        margin-top: 3.5rem;
      }
      .hdt-section__testimonials[nav-type="avatars"] .hdt-indicators {
        column-gap: var(--hdt-spacing-avatars);
      }
    }

    /*================ 5.26. Testimonials with image ================*/
    .hdt-slider--twi {
      --slide-spacing: var(--spacing-x);
    }
    .hdt-twi--slide {
      width: 100%;
    }
    .hdt-twi--images {
      flex: none;
      display: grid;
      margin-bottom: 3rem;
    }
    .hdt-twi-product-image {
      width: 100%;
      max-width: 6.4rem;
      max-height: 6.4rem;
      overflow: hidden;
      place-self: center;
      flex: none;
    }
    .hdt-caption--twi {
      display: inline-flex;
      align-items: center;
      gap: 1.5rem;
    }
    .hdt-section__header--twi {
      width: 100%;
      margin-bottom: 0;
    }
    .hdt-section__header--twi .hdt-caption--twi {
      margin-bottom: 1rem;
    }
    .hdt-section__header--twi.hdt-has-heading {
      margin-bottom: 1rem;
    }
    .hdt-rating {
      display: inline-flex;
      margin-bottom: 3rem;
      gap: 0.45rem;
    }
    .hdt-rating svg {
      margin: 0 !important;
    }
    .hdt-rating svg path {
      filter: grayscale(1); 
      opacity: 0.6;
      color: var(--color-pr-rating);
    }
    .hdt-rating svg.hdt-icon-star--full path {
      filter: grayscale(0);
      opacity: 1;
    }
    .hdt-rating svg.hdt-icon-star--half path:first-child {
      filter: grayscale(0);
      opacity: 1;
    }
    .hdt-twi-author {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1.2rem;
      margin-top: 3rem;
    }
    .hdt-twi-avatar {
      width: 4rem;
      height: auto;
    }
    .hdt-indicator-twi {
      width: 100%;
      height: 100%;
      position: relative;
      grid-area: 1 / -1;
      opacity: 0;
      visibility: hidden;
      display: flex;
      align-items: center;
    }
    .hdt-indicator-twi .hdt-twi--image {
      width: 100%;
    }
    .hdt-has-product .hdt-twi--image {
      display: grid;
      grid-template-columns: 1.5em minmax(0, 1fr) 1.5rem;
      grid-template-rows: minmax(0, 1fr) 4.4rem;
    }
    .hdt-twi--image picture, .hdt-twi--image .hdt-placeholder {
      grid-area: 1 / 1 / 2 / -1;
    }
    .hdt-product-twi-wrap {
      grid-area: 1 / 2 / -1 / 2;
      place-self: end center;
      position: relative;
      z-index: 1;
    }
    .hdt-indicator-twi :where(img, svg) {
      width: 100%;
      visibility: visible;
      height: 100%;
      object-fit: cover;
    }
    .hdt-indicator-twi[aria-current="true"] {
      opacity: 1;
      visibility: visible;
      z-index: 1;
    }
    .hdt-indicator-twi .hdt-radius-sm {
      display: block;
      overflow: hidden;
      height: 100%;
    }
    .hdt-twi-item-content {
      width: 100%;
      margin-inline: auto;
    }
    .hdt-indicator-twi .hdt-product-twi {
      display: inline-flex;
      gap: 1.5rem;
      padding-block: 1.2rem;
      padding-inline: 1.5rem;
      background: var(--color-background2);
      min-width: 26rem;
    }
    .hdt-product-twi-title {
      color: var(--color-pr-text);
    }
    @media (min-width: 768px) {
      .hdt-indicator-twi .hdt-twi--image {
        grid-template-columns: 3rem minmax(0, 1fr) 3rem;
      }
    }
    @media (min-width: 1024px) {
      .hdt-container--twi {
        display: grid;
        gap: 5rem;
        grid: "content image" /  minmax(0, 1fr) min(57rem, 40%);
      }
      .hdt-section__twi--img-pos-left .hdt-container--twi {
        grid: "image content" / min(57rem, 40%) minmax(0, 1fr);
      }
      .hdt-twi--images {
        grid-area: image;
        margin-bottom: 0;
      }
      .hdt-twi--slide {
        grid-area: content;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .hdt-product-twi-wrap {
        place-self: end start;
      }
      .hdt-product-twi-wrap.hdt-product-center {
        place-self: end center;
      }
    }
    @media (min-width: 1150px) {
      .hdt-indicator-twi .hdt-twi--image {
        grid-template-columns: 5.4rem minmax(0, 1fr) 5.4rem;
      }
      .hdt-container--twi {
        gap: var(--hdt-spacing);
      }
    }
    .hdt-section__testimonials-with-image .hdt-indicators{
      margin-top: 1rem;
    }

    /*================ 5.27. Testimonials with product ================*/
    .hdt-color-bg2 {
      background: var(--color-background2);
    }
    .hdt-twp--slide {
        position: relative;
    }
    .hdt-twp--slide .hdt-slider-dots__simple--twp {
      margin-top: 2.1rem;
    }
    .hdt-twp--slide .hdt-slider-progress--twp {
      margin-top: 3rem;
    }
    .hdt-twp-item-inner {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 0;
      height: 100%;
    }
    .hdt-twp-item-image {
      flex: none;
      width: 100%;
      .hdt-ratio{
        overflow: hidden;
        border-radius: inherit;
      }
      .hdt-product-twp{
        border-end-start-radius: inherit;
        border-end-end-radius: inherit;
      }
      &:has(.hdt-product-twp) .hdt-ratio{
        border-end-start-radius: 0;
        border-end-end-radius: 0;
      }
    }
    .hdt-twp-item-image > svg {
      display: block;
    }
    .hdt-twp-item-image > img {
      width: 100%;
      object-fit: cover;
    }
    .hdt-twp-item-content {
      align-self: flex-start;
      margin-top: 3em;
      color: var(--color-foreground);
    }
    .hdt-product-twp {
      --add-card-width: 6.2rem;
      width: 100%;
      display: grid;
      grid-template-columns: var(--add-card-width) calc(100% - var(--add-card-width));
      box-shadow: 1px 1px 15px color-mix(in srgb, var(--color-foreground), transparent 95%);
    }
    .hdt-product-twp-add {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      border-inline-end: 1px solid color-mix(in srgb, var(--color-pr-text), transparent 88%);
      width: 100%;
      height: 100%;
      color: var(--color-pr-text);
    }
    .hdt-product-twp-add svg {
      transition: transform 0.3s ease;
    }
    .hdt-product-twp-add[aria-expanded=true] svg {
      transform: rotate(45deg);
    }
    .hdt-product-twp-info {
      text-align: start;
      padding: 1.2rem 2rem 0.8rem;
      display: grid;
      gap: 0.1rem;
    }
    .hdt-product-twp-info .hdt-product-twp-title {
      color: var(--color-pr-text);
    }
    .hdt-product-twp-info .hdt-money {
      font-size: 1.2rem;
    }
    .hdt-twp-author {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 1.2rem;
      margin-top: 3rem;
      margin-bottom: 1.5rem;
    }
    .hdt-twp-avatar {
      width: 4rem;
      height: auto;
      flex: none;
    }
    @media (min-width: 768px) {
      .hdt-product-twp {
        --add-card-width: 6.8rem;
      }
      .hdt-twp-item-inner {
        flex-direction: row;
        gap: 4rem;
      }
      .hdt-section__twp--img-pos-right .hdt-twp-item-inner {
        flex-direction: row-reverse;
      }
      .hdt-twp-item-image {
        width: min(28rem, 33%);
      }
      .hdt-section__twp--img-pos-right .hdt-twp-item .hdt-rating {
        justify-content: end;
      }
      .hdt-twp-item-content {
        margin-top: 3rem;
      }
      .hdt-section__twp--img-pos-right .hdt-twp-item-content {
        text-align: end;
      }
      .hdt-section__twp--img-pos-right .hdt-twp-author {
        flex-direction: row-reverse;
        justify-content: end;
      }
      .hdt-twp--slide .hdt-slider-dots__simple--twp {
        margin-top: 5.1rem;
      }
      .hdt-twp--slide .hdt-slider-progress--twp {
        margin-top: 6rem;
      }
    }
    @media (min-width: 1150px) {
      .hdt-slider--twp.lg\:hdt-slides-2 {
        --slide-size-set: 80%;
      }
      .hdt-twp-item-image {
        width: 29rem;
      }
    }
    @media (min-width: 1400px) {
      .hdt-slider--twp.lg\:hdt-slides-2 {
        --slide-size-set: 50%;
      }
      .hdt-container-lg .hdt-twp-item-content {
        margin-top: 6.5rem;
        max-width: 70rem;
      }
      .hdt-twp-item-image {
        width: 33.8rem;
      }
    }
    @media (min-width: 992px) and (max-width: 1500px) {
      .hdt-container--twp {
        overflow: hidden;
      }
      .hdt-slider--twp .hdt-slider__viewport {
        overflow: visible;
      }
      .hdt-slider--twp .lg\:hdt-slides-2 {
        --slide-size-set: 80%;
      }
    }

    /*================ 5.28. Logo list ================*/
    .hdt-lgl-item-image {
      display: grid;
      place-items: center;
      padding: 1rem 1.5rem;
      text-decoration: none;
      height: 100%;
    }
    .hdt-lgl-item-image :where(img, svg) {
      backface-visibility: hidden;
      width: auto;
      max-width: 100%;
      max-height: var(--logo-max-height-mb);
    }
    .hdt-lgl-item-image .hdt-placeholder-svg-wrap svg {
      height: var(--logo-max-height-mb);
    }
    .hdt-slider__border .hdt-lgl-item-image {
      padding: 3.5rem 2rem;
    }

    @media (min-width: 768px) {
      .hdt-lgl-item-image :where(img, svg) {
        max-height: var(--logo-max-height);
      }
      .hdt-lgl-item-image .hdt-placeholder-svg-wrap svg {
        height: var(--logo-max-height);
      }
      .hdt-slider__border .hdt-lgl-item-image {
        padding: 5rem 2rem;
      }
    }

    /*================ 5.29. Pagination ================*/
    .hdt-pagination-wrapper {
      margin-top: var(--hdt-pagi-mt, 4.5rem);
      text-align: center;
    }
    .hdt-pagination__list {
      display: inline-flex;
      gap: 1rem;
    }
    .hdt-pagination__list .hdt-pagination__item {
      min-width: 3rem;
      height: 3rem;
      padding-inline: 0.9rem;
      display: grid;
      place-content: center;
      color: var(--color-foreground2);
      border-radius: calc(var(--corner-radius-button) * .8);
      transition: background-color 0.25s ease;
    }
    .hdt-pagination__list .hdt-pagination__item[aria-current="page"] {
      background-color: var(--color-button);
      color: var(--color-button-text);
    }

    @media (min-width: 768px) {
      .hdt-pagination__list {
        gap: 2rem;
      }
    }
    
    /*================ 5.29. Share buttons ================*/
    .hdt-popover--share{
      overflow-x: hidden;
      padding: 2rem;
      .hdt-share-button__header {
        margin-bottom: 1.5rem;
        padding-bottom: 0;
        border: 0;
      }
    }
    .hdt-share-button__links {
        display: flex;
        justify-content: center;
        gap: 1.1rem;
        flex-wrap: wrap;
        margin-bottom: 2rem;
        overflow: hidden;
        --w: 4.5rem;
    }
    .hdt-share-button__links a {
        width: var(--w);
        height: var(--w);
        min-width: var(--w);
        display: flex;
        background-color: var(--color-social, #999);
        color: rgb(var(--hdt-light, 255 255 255));
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .hdt-share-button__links svg {
        width: auto;
        height: 2.25rem;
        fill: currentColor;
    }
    .hdt-share-button__wrapp {
        display: flex;
        width: 100%;
        padding: .4rem;
        border-radius: var(--corner-radius-input, 0.3rem);
    }
    .hdt-share-button__input {
        width: 100%;
        padding: 0.6rem 1rem;
    }
    .hdt-share-button__copy {
        padding: 0 1.5rem;
        background-color: var(--color-button);
        color: var(--color-button-text);
        border: 1px solid var(--color-button-border);
        font-weight: var(--font-medium);
        border-radius: calc(var(--corner-radius-input, 0.3rem)* .65);
        min-width: 7rem;
        text-transform: uppercase;
    }
    :where(.hdt-share-button, .hdt-ask-button) > span {
      display: inline-flex !important;
      align-items: center;
      gap: 0.8rem;
    }
    @media (min-width: 768px) {
      .hdt-share-button__links {
        justify-content: flex-start;
          --w: 2.8rem;
          margin-bottom: 1.5rem;
      }
      .hdt-share-button__links svg {
          height: 1.4rem;
      }
      .hdt-popover--share {
          max-width: max-content;
          box-shadow: 0 1rem 2.2rem #00000026;
          border-radius: .3rem;
          bottom: auto !important;
      }
      .hdt-share-button__input {
        min-width: 21rem;
      }
    }

    /*================ 5.31. Form ================*/
    .hdt-form-row {
      margin-bottom: 1rem;
    }
    .hdt-form-row + .hdt-btn {
      margin-top: .5rem;
    }
    .hdt-form-group {
      display: grid;
      gap: 1rem;
    }

    /*================ 5.32. Filter nav tabs ================*/
    .hdt-filters-wrapper {
      text-align: center;
      margin-bottom: 3rem;
      padding-bottom: 2.5rem;
    }
    .hdt-filters-nav__tags {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center;
      row-gap: 1rem;
      column-gap: 2rem;
      color: var(--color-foreground);
    }
    .hdt-filters-nav__tags .hdt-filter__tag {
      grid-template-rows: minmax(0, 1fr) 1px;
      gap: 0;
    }
    .hdt-filters-nav__tags .hdt-filter__tag:before {
      grid-area: 2 / 1 / 2 / -1;
      content: "";
      width: 0;
      border-bottom: 1px solid var(--color-foreground);
    }
    .hdt-filters-nav__tags .hdt-filter__tag[aria-current="tag"]:before {
      width: 100%;
    }
    @media (min-width: 768px) {
      .hdt-filters-wrapper {
        margin-bottom: 4.5rem;
        padding-bottom: 0;
      }
      .hdt-filters-nav__tags {
        row-gap: 1.5rem;
        column-gap: 4rem;
      }
      .hdt-filters-nav__tags .hdt-filter__tag {
        gap: 1.5rem;
        margin-bottom: -1px;
      }
    }
    /*================ 5.33. Cascading image with text ================*/
    .hdt-ciwt-inner {
      display: flex;
      flex-direction: column;
      gap: 3rem;
    }
    .hdt-ciwt-part--image, .hdt-ciwt-part--content {
      width: 100%;
    }
    .hdt-ciwt-part--content {
      display: grid;
      place-content: center;
    }
    .hdt-media-wrapper--primary :where(img, svg) {
      width: 100%;
      height: auto;
    }
    .hdt-media-wrapper--primary {
      rotate: var(--img-rotate, 0);
    }
    .hdt-media-wrapper--secondary {
      rotate: var(--secondary-img-rotate, 0);
    }
    .hdt-ciwt-part--2_cols.hdt-has-2nd-img {
      display: grid;
      gap: 3rem;
    }
    .hdt-ciwt-part--cascading.hdt-has-2nd-img {
      display: grid;
      grid-template-columns: 17.4% 27.25% minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr);
      width: 100%;
      --img-area-1: 1 / 2 / 2 / -1;
      --img-area-2: 1 / 1 / 2 / 3
    }
    .hdt-ciwt-part--cascading.hdt-has-2nd-img.hdt-2nd-img-pos--right {
      grid-template-columns: minmax(0, 1fr) 27.25% 17.4%;
    }
    .hdt-ciwt-part--cascading.hdt-has-2nd-img .hdt-media-wrapper--primary {
      grid-area: var(--img-area-1);
      width: 100%;
    }
    .hdt-ciwt-part--cascading.hdt-has-2nd-img.hdt-2nd-img-pos--right .hdt-media-wrapper--primary {
      grid-area: var(--img-area-2);
    }
    .hdt-ciwt-part--cascading .hdt-media-wrapper--secondary {
      grid-area: var(--img-area-2);
    }
    .hdt-ciwt-part--cascading.hdt-has-2nd-img.hdt-2nd-img-pos--right .hdt-media-wrapper--secondary {
      grid-area: var(--img-area-1);
    }
    .hdt-has-2nd-img .hdt-media-wrapper {
      place-self: var(--vertical-align, center) start;
    }
    .hdt-has-2nd-img.hdt-2nd-img-pos--right .hdt-media-wrapper {
      place-self: var(--vertical-align, center) end;
    }
    @media (min-width: 768px) {
      .hdt-ciwt-inner {
        display: grid;
        grid-template-areas: "image content";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
      }
      .hdt-ciwt-inner.hdt-image_pos--right {
        grid-template-areas: "content image";
      }
      .hdt-ciwt-part--2_cols.hdt-has-2nd-img {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
      }
      .hdt-ciwt-part--2_cols.hdt-has-2nd-img.hdt-2nd-img-pos--left .hdt-media-wrapper--secondary {
        grid-area: 1 / 1;
      }
      .hdt-ciwt-part--image {
        grid-area: image;
      }
      .hdt-ciwt-part--content {
        grid-area: content;
      }
      .hdt-image_pos--right .hdt-ciwt-part--content {
        padding-inline-start: initial;
      }
    }
    @media (min-width: 1150px) {
      .hdt-ciwt-part--content {
        padding-inline-start: 2rem;
      }
      .hdt-image_pos--right .hdt-ciwt-part--content {
        padding-inline-end: 2rem;
      }
    }
    @media (min-width: 1400px) {
      .hdt-ciwt-part--content {
        padding-inline-start: 9rem;
      }
      .hdt-image_pos--right .hdt-ciwt-part--content {
        padding-inline-end: 9rem;
      }
    }

    /*================ 5.34. Multiple text with image ================*/
    .hdt-mtwi__img, .hdt-mtwi-tab--content {
      position: relative;
      display: grid;
    }
    .hdt-mtwi__img .hdt-mtwi__img--inner, .hdt-mtwi__content .hdt-mtwi__content--inner {
      grid-area: 1 / -1;
    }
    .hdt-mtwi__img .hdt-mtwi__img--inner {
      place-self: center;
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 2;
      inset-block-start: 0;
        inset-inline-start: 0;
    }
    .hdt-mtwi__img .hdt-mtwi__img--inner:first-child {
      position: relative;
    }
    .hdt-mtwi__img .hdt-mtwi__img--inner :where(img, svg) {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .hdt-mtwi__img .hdt-mtwi__img--inner[hidden] {
      z-index: 1;
      display: block !important;
    }
    .hdt-mtwi-tab-nav {
      display: inline-flex;
      flex-wrap: wrap;
      column-gap: 1.8rem;
      justify-content: center;
      margin-top: 1.2rem;
    }
    .hdt-mtwi-inner {
      display: flex;
      flex-direction: column;
    }
    .hdt-mtwi__img {
      margin-inline: 1.5rem;
    }
    .hdt-mtwi__content {
      margin-top: -3rem;
    }
    @media (max-width: 767px) {
      .hdt-mtwi__content {
        background: var(--color-background);
        background: var(--gradient-background);
        border-radius: var(--corner-radius-sm);
        padding: 6rem 3rem 3rem 3rem;
        text-align: center;
      }
    }
    @media (min-width: 768px) {
      .hdt-mtwi-inner {
        display: grid;
        gap: 0 var(--spacing-x);
        grid: 5rem minmax(0, 1fr) 5rem / repeat(12, minmax(0, 1fr));
        --image-area: 2 / 1 / 3 / 7;
        --content-area: 2 / 7 / 3 / 13;
        --content-bg-area: 1 / 5 / -1 / 13;
      }
      .hdt-mtwi-inner.hdt-img-right {
        --image-area: 2 / 7 / 3 / 13;
        --content-area: 2 / 1 / 3 / 7;
        --content-bg-area: 1 / 1 / -1 / 9;
      }
      .hdt-mtwi__img {
        grid-area: var(--image-area);
        margin-inline: 0;
        place-self: center;
      }
      .hdt-mtwi__content {
        grid-area: var(--content-area);
        display: grid;
        grid: minmax(0, 1fr) auto / repeat(6, minmax(0, 1fr));
        gap: 0 var(--spacing-x);
        margin-top: 0;
      }
      .hdt-mtwi-inner:before {
        grid-area: var(--content-bg-area);
        content: '';
        display: block;
        background: var(--color-background);
        background: var(--gradient-background);
        border-radius: var(--corner-radius-sm);
        grid-row: 1 / -1;
      }
      .hdt-mtwi-tab--content {
        height: 100%;
        grid-area: 1 / 1 / 2 / 6;
        margin-inline: 0 var(--negative-spacing);
      }
      .hdt-mtwi-inner.hdt-img-right .hdt-mtwi-tab--content {
        grid-area: 1 / 2 / 2 / 7;
        margin-inline: var(--negative-spacing) 0;
      }
      .hdt-mtwi__content .hdt-mtwi__content--inner {
        padding-top: 2.8rem;
        display: block !important;
      }
      .hdt-mtwi__content .hdt-mtwi__content--inner[hidden] {
        visibility: hidden;
        opacity: 0;
      }
      .hdt-mtwi-tab-nav {
        grid-area: 2 / 1 / 3 / -1;
        place-self: end start;
      }
      .hdt-mtwi-inner.hdt-img-right .hdt-mtwi-tab-nav {
        grid-area: 2 / 2 / 3 / -1;
        margin-inline: var(--negative-spacing) 0;
      }
    }
    @media (min-width: 1025px) {
      .hdt-mtwi-inner {
        grid-template-rows: 10.7rem minmax(0, 1fr) 10.7rem;
      }
      .hdt-mtwi-tab--content {
        grid-area: 1 / 2 / 2 / 6;
        margin-inline: var(--negative-spacing);
      }
      .hdt-mtwi-inner.hdt-img-right .hdt-mtwi-tab--content {
        margin-inline: 0;
      }
      .hdt-mtwi__content .hdt-mtwi__content--inner {
        padding-top: 5.8rem;
      }
      .hdt-mtwi-tab-nav {
        grid-area: 2 / 2 / 3 / -1;
        margin-inline: var(--negative-spacing);
      }
      .hdt-mtwi-inner.hdt-img-right .hdt-mtwi-tab-nav {
        margin-inline: 0;
      }
    }

    /*================ 5.35. Cart drawer ================*/

    .hdt-dialog-drawer--cart {
      max-width: 100vw;
      --mini-cart-spacing: 1.5rem;
      --mini-cart-item-spacing: 1.5rem;
      &:modal {
        display: grid;
        grid-auto-rows: auto minmax(0, 1fr) auto;
      }
      &.hdt-dialog-drawer--cart-message:modal {
        grid-auto-rows: auto auto minmax(0, 1fr) auto;
      }
      .hdt-marquee {
        flex: 0 0 auto;
        padding-block: .75rem;
        .hdt-shape-block {
          --fs: var(--text-sm);
          margin-inline: .1rem;
        }
      }
      .hdt-dialog-drawer__header {
        padding: var(--mini-cart-item-spacing) var(--mini-cart-spacing);
        min-height: 5rem;
        border-bottom: .1rem solid var(--color-line-border);
        padding-block: var(--mini-cart-item-spacing);
      }
      .hdt-dialog-drawer__inner {
        display: flex;
        flex-direction: column;
      }
      .hdt-cart-drawer-items {
        height: 100%;
        flex: 1 1 auto;
      }
      @media screen and (width >= 480px) {
        --mini-cart-spacing: 2.4rem;
        --mini-cart-item-spacing: 2rem;
        max-width: 44.4rem;
        &.hdt-cart-drawer-empty  {
          --et-spacting-top: 5rem;
          --mini-cart-item-spacing: 1.5rem;
        }
      }
    }
    .hdt-free-shipping-bar {
      padding: var(--mini-cart-item-spacing) var(--mini-cart-spacing);
    }
    .hdt-free-shipping-bar .hdt-progress-msg + .hdt-progress-bar {
      margin-top: var(--mini-cart-item-spacing);
    }
    .hdt-progress-msg span {
      font-weight: var(--font-medium-or-bold);
    }
    .hdt-cart-drawer-items {
      display: block;
      margin-top: calc(var(--mini-cart-item-spacing) + 1rem);
    }
    .hdt-free-shipping-bar ~ .hdt-cart-drawer-items {
      margin-top: 1rem;
    }
    .hdt-cart-drawer-items > * {
      padding-inline: var(--mini-cart-spacing);
    }
    .hdt-cart-item {
      display: flex;
      gap: 1.5rem;
    }
    .hdt-cart-item:not(:first-child) {
      padding-top: var(--mini-cart-item-spacing);
      margin-top: var(--mini-cart-item-spacing);
      border-top: 1px solid var(--color-line-border);
    }
    .hdt-cart-item__media {
      flex: none;
      width: 12rem;
    }
    .hdt-cart-item__media > a {
      display: block;
      overflow: hidden;
    }
    .hdt-cart-item-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1rem;
    }
    .hdt-cart-remove-button {
      flex: none;
      width: .8rem;
      height: .8rem;
      cursor: pointer;
      margin-top: .4rem;
    }
    .hdt-cart-remove-button svg {
      width: 100%;
    }
    .hdt-cart-remove-button .hdt-btn-line-graphic svg {
      width: 300%;
    }
    .hdt-cart-item__details {
      flex-grow: 1;
      overflow: hidden;
    }
    .hdt-cart-item__details > *:not(:first-child) {
      margin-top: .5rem;
    }
    .hdt-cart-item__details > .hdt-cart-item-qty-price {
      margin-top: .8rem;
    }
    .hdt-cart-item__details .hdt-cart-item-header {
      color: var(--color-pr-text, var(--color-foreground));
    }
    .hdt-cart-item__details :where(.hdt-cart-item__price, .hdt-cart-item__discounted-prices) {
      color: var(--color-pr-price);
    }
    .hdt-cart-item__details .hdt-cart-item__old-price {
      color: var(--color-pr-sale-price);
    }
    .hdt-product-options dl:not(:first-child) {
      margin-top: .5rem;
    }
    .hdt-product-options dl {
      display: flex;
      flex-wrap: wrap;
      column-gap: .5rem;
    }
    .hdt-product-options dl dt {
      flex: none;
    }
    .hdt-product-properties {
      margin-top: .5rem;
    }
    .hdt-product-properties:empty {
      display: none;
    }
    .hdt-unit-price {
      display: block;
    }
    .hdt-cart-item-qty-price {
      display: grid;
      grid-template-areas: "qty price" "qty unit" "error error";
      grid-template-columns: auto minmax(0, 1fr);
      align-items: end;
      gap: .2rem 1.5rem;
      .hdt-cart-item__quantity-wrapper {
        grid-area: qty;
      }
      :where(.hdt-cart-item__price, .hdt-cart-item__discounted-prices) {
        grid-area: price;
        text-align: end;
      }
      .hdt-unit-price {
        grid-area: unit;
        text-align: end;
        opacity: .75;
      }
    }
    .hdt-cart-item__error {
      margin-top: 1rem;
      grid-area: error;
      display: flex;
      align-items: flex-start;
      column-gap: .5rem;
      width: min-content;
      min-width: 100%;
      .hdt-cart-item__error-text {
        order: 1;
      }
      .hdt-svg-wrapper {
        flex-shrink: 0;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: .25rem;
      }
    }
    .hdt-discounts__discount {
      column-gap: .5rem;
      display: flex;
      align-items: flex-start;
      svg {
        flex-shrink: 0;
        margin-top: .6rem;
      }
    }
    .hdt-cart-quantity {
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
      min-width: 9.2rem;
      width: max-content;
      border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 93%);
      overflow: hidden;
    }
    .hdt-cart-quantity button {
      display: inline-grid;
      justify-content: center;
      align-items: center;
      width: 3rem;
      height: 3rem;
    }
    .hdt-cart-quantity button svg {
      width: .9rem;
    }

    .hdt-cart-quantity .hdt-quantity__input {
      text-align: center;
    }
    .hdt-cart-complementary {
      margin-top: calc(var(--mini-cart-item-spacing) + .5rem);
      padding-block: calc(var(--mini-cart-item-spacing) + .6rem) .1rem;
      border-top: 1px solid var(--color-line-border);
    }
    .hdt-cart-complementary .hdt-product__complementary-product-title {
      display: inline-flex;
      max-width: 100%;
    }
    .hdt-cart-drawer__footer {
      margin-top: 1rem;
      padding-bottom: var(--mini-cart-spacing);
    }

    .hdt-cart-drawer__footer > * {
      padding-inline: var(--mini-cart-spacing);
    }

    .hdt-cart-drawer__footer > * {
      margin-top: 1.5rem;
    }

    .hdt-cart-drawer__footer > *:first-child {
      margin-top: 0;
    }

    .hdt-cart-discounts {
      padding-bottom: 1.5rem;
    }
    .hdt-cart-discounts__discount {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 1rem;
      margin-top: .5rem;
    }
    .hdt-cart-discounts__discount svg {
      flex: none;
    }
    .hdt-cart-discounts__discount:first-child {
      margin-top: 0;
    }

    .hdt-cart-discounts__discount > span {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      column-gap: 1rem;
      flex-grow: 1;
    }
    
    .hdt-cart-group {
      border-top: 1px solid var(--color-line-border);
    }

    .hdt-cart-group > * {
      margin-top: 1rem;
    }

    .hdt-cart-group > *:first-child {
      margin-top: 1rem;
    }

    .hdt-cart-group > .hdt-cart-lv-discount-app {
      margin-top: 1.5rem;
      margin-bottom: 1rem;
    }

    .hdt-cart-lv-discount-app {
      background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
      padding-inline: 1.5rem;
    }

    .hdt-cart-lv-discount-app summary {
      display: flex;
      position: relative;
      line-height: 1;
      padding: 1.8rem 0;
      column-gap: 1.5rem;
      justify-content: space-between;
    }

    .hdt-cart-lv-discount-app summary[aria-expanded=true] svg.hdt-icon-caret-right {
      transform: rotate(-180deg);
    }

    .hdt-cart-totals {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }

    .hdt-cart-tax-note {
      font-size: min(var(--text-sm), 86%);
      display: block;
    }

    .hdt-cart-actions {
      display: flex;
      justify-content: space-between;
      gap: .8rem;
      flex-wrap: wrap;
    }

    .hdt-cart-actions .hdt-btn {
      --padding-button: 1rem;
      flex-grow: 1;
      color: var(--color-foreground);
      background-color: color-mix(in srgb, var(--color-foreground), transparent 93%);
      min-width: max-content;
    }

    .hdt-cart-actions .hdt-btn > span {
      display: flex;
      column-gap: .8rem;
      justify-content: center;
      align-items: center;
    }

    .hdt-cart-actions .hdt-btn > span > span {
      display: none;
    }

    .hdt-cart-actions .hdt-btn:not(.has-noted) svg.hdt-note path:last-child {
      display: none;
    }

    .hdt-cart-drawer__footer .hdt-cart__ctas {
      margin-top: 1.5rem;
    }

    .hdt-cart__ctas .hdt-btn + .hdt-btn {
      margin-top: 1.5rem;
    }

    .hdt-cart-drawer-items .hdt-pc--slide-container-single .hdt-product__complementary-product-image:after {
      display: none;
    }
    .hdt-cart-drawer-empty {
      padding-inline: var(--mini-cart-spacing);
      --mini-cart-item-spacing: 1.5rem;
      --et-spacting-top: 3rem;
      margin-block: var(--et-spacting-top) 3rem;
    }

    .hdt-cart-drawer-empty .hdt-cart__empty-text:first-child {
      margin-bottom: var(--et-spacting-top);
    }

    .hdt-cart-drawer-empty p + p {
      margin-top: .5rem;
    }

    .hdt-cart__empty-collections {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: var(--mini-cart-item-spacing);
      margin-top: max(calc(var(--et-spacting-top) / 2), 2.5rem);
    }

    .hdt-cart-drawer-empty--1 .hdt-cart__empty-collections {
      grid-template-columns: minmax(0, 1fr);
    }

    .hdt-cart-drawer-empty .hdt-btn--ce-all-products {
      margin-top: max(calc(var(--et-spacting-top) / 2), 2.5rem);
    }
    
    .hdt-cart__empty-collection {
      overflow: hidden;
    }

    .hdt-cart__empty-collection .hdt-btn--ce-collection {
      display: inline-grid;
      justify-content: center;
      height: auto;
      align-self: flex-end;
      position: relative;
      max-width: calc(100% - 4rem);
      margin-inline: auto;
      margin-bottom: 1.5rem;
      background-color: color-mix(in srgb, var(--color-background), transparent 70%);
      backdrop-filter: blur(8px);
      padding: .9rem 1rem;
    }

    .hdt-cart-action {
      --cart-openable-pb: 2rem;
      --cart-openable-pi: 1.5rem;
    }

    .hdt-cart-action-gift-text > * + * {
      margin-top: .5rem;
    }

    .hdt-cart-action-gift-form-wrap {
      margin-top: 2.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center;
    }

    .hdt-product-form--gift_wrap {
      min-width: 50%;
      flex-grow: 1;
      display: block;
    }

    .hdt-product-form--gift_wrap .hdt-btn[type="submit"] {
      width: 100%;
    }

    .hdt-cart-action-gift-form-wrap .hdt-product-form--gift_wrap-close {
      width: 50%;
      flex-grow: 1;
      display: block;
    }

    .hdt-cart__note .hdt-textarea {
      margin-top: 1rem;
      background-color: var(--color-background);
    }

    .hdt-cart__note .hdt-cart__note--close {
      display: flex;
      justify-content: center;
      margin-top: calc(var(--cart-openable-pb, 3rem) - 1rem);
    }

    .hdt-shipping-calculator {
      margin-top: min(calc(var(--cart-openable-pb, 3rem) - 1rem), 1.5rem);
      display: block;
    }

    .hdt-shipping-calculator > * {
      margin-top: min(calc(var(--cart-openable-pb, 3rem) - 1rem), 1.5rem);
    }

    .hdt-shipping-calculator > *:empty {
      display: none;
    }

    .hdt-mess__rates {
      animation: fadeIn .3s ease;
    }

    .hdt-mess__rates.is--rates-success {
      color:var(--color-success-text);
    }

    .hdt-mess__rates.is--rates-error {
      color: var(--color-error-text);
    }

    .hdt-mess__rates p {
      color: var(--color-foreground);
      margin-bottom: .5rem;
    }

    .hdt-mess__rates ul {
      list-style: inside;
      font-size: var(--text-sm);
    }

    .hdt-shipping-calculator .hdt-field--fieldset {
      animation: fadeIn .3s ease;
    }

    .hdt-shipping-calculator .hdt-field--fieldset + .hdt-field--fieldset {
      margin-top: min(calc(var(--cart-openable-pb, 3rem) - 1rem), 1.5rem);
    }

    .hdt-shipping-calculator .hdt-field--btns {
      margin-top: var(--cart-openable-pb, 3rem);
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center;
    }

    .hdt-shipping-calculator .hdt-field--btns .hdt-get__rates {
      min-width: 50%;
      flex-grow: 1;
    }

    .hdt-field--btns .hdt-ship-calc--close {
      width: 50%;
      flex-grow: 1;
      display: block;
    }

    .hdt-field--fieldset {
      border-radius: var(--corner-radius-input);
      border: 1px solid var(--color-line-border);
    }

    .hdt-field--fieldset legend {
      line-height: 1;
      margin-inline-start: 1.2rem;
      padding-inline: 1rem;
    }

    .hdt-field--fieldset :where(.hdt-input, .hdt-textarea, .hdt-select) {
      border: none;
      height: calc(var(--height-input) - .6rem);
    }

    @media (min-width: 480px) {
      .hdt-cart-drawer__footer > * {
        margin-top: 2rem;
      }
      .hdt-cart-group > *:first-child {
        margin-top: 2.5rem;
      }
      .hdt-cart-group > .hdt-cart-lv-discount-app {
        margin-top: 3rem;
        margin-bottom: 2.5rem;
      }
      .hdt-cart-drawer__footer {
        margin-top: 2rem;
      }
      .hdt-cart-drawer__footer .hdt-cart__ctas {
        margin-top: 2.5rem;
      }
      .hdt-cart-actions .hdt-btn > span > span {
        display: inline;
      }
      .hdt-cart-action {
        --cart-openable-pb: 3rem;
        --cart-openable-pi: 2.4rem;
      }
      .hdt-cart__note .hdt-textarea {
        margin-top: 1.5rem;
      }
    }
    @media screen and (max-width: 767px) {
      .hdt-cart__ctas.hdt-cart-ctas-both{
        display: flex;
        gap: 1.5rem;
      }
      .hdt-cart__ctas.hdt-cart-ctas-both .hdt-btn+.hdt-btn{
        margin-top: 0;
      }
    }
    /*================ 5.36. Search drawer ================*/
    .hdt-predictive-search-groups-container:not(.hdt-psg-container--suggestions) {
      max-width: min(100%, 108rem);
      margin-inline: auto;
    }

    .hdt-psr-inner {
      display: grid;
      gap: 1rem;
    }
    
    .hdt-psrl--collections .hdt-collection-list__link {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
    }
    .hdt-psrl--collections .hdt-collection-list__link > * {
      grid-area: 1 / 1;
    }
    .hdt-psrl--collections .hdt-collection-list__link .hdt-collection-list__title {
      z-index: 2;
      place-self: end center;
      margin-bottom: 3rem;
      max-width: calc(100% - 3rem);
      --height-button: 4.2rem;
    }
    .hdt-psrl--collections .hdt-collection-list__image {
      display: none;
      overflow: hidden;
    }
    .hdt-psrl--collections .hdt-collection-list__no-image {
      background-color: color-mix(in srgb, var(--color-foreground), transparent 88%);
      transition: background-color .3s ease;
    }
    
    .hdt-predictive-search__list-item .hdt-article-card__comments {
      display: inline-flex;
    }
    .hdt-psrl--articles .hdt-predictive-search__item-content > * + *
    .hdt-predictive-search__item {
      align-items: flex-start;
    }

    .hdt-predictive-search__list-item .hdt-predictive-search__item-content {
      gap: 1.4rem;
    }

    .hdt-psrl--articles .hdt-predictive-search__list-item + .hdt-predictive-search__list-item {
      padding-top: 1.4rem;
      box-shadow: 0 -1px 0 var(--color-line-border);
    }

    .hdt-psrl--articles .hdt-predictive-search__item-content {
      display: block;
    }

    .hdt-psrl--articles .hdt-predictive-search__item-content > * + * {
      margin-top: 1rem;
    }

    .hdt-predictive-search__item-heading {
      display: inline;
    }

    .hdt-card-product__media-wrapp {
      flex: none;
      align-self: start;
      overflow: hidden;
    }

    .hdt-psr-inner .hdt-card-product__media-wrapp {
        display: none;
    }
   .hdt-psrl--collections .hdt-predictive-search__list-item .hdt-predictive-search__item-content .hdt-btn--flip-after {
      display: none;
    }

    .hdt-psr-inner .hdt-predictive-search__list-item + .hdt-predictive-search__list-item {
      padding-top: 1.4rem;
      box-shadow: 0 -1px 0 var(--color-line-border);
    }
    
    .hdt-predictive-search__item-content .hdt-ps-vendor {
      display: none;
    }
    .hdt-predictive-search__item-content .hdt-price-wrapp {
      margin-top: 0;
    }

    @media (min-width: 1150px) {
      #predictive-search-results .hdt-psr-inner .hdt-predictive-search__image {
        display: none;
      }
      #predictive-search-results .hdt-psr-inner .hdt-card-product__media-wrapp {
        display: block;
      }
      #predictive-search-results .hdt-psr-inner {
        display: grid;
        column-gap: var(--spacing-x);
        row-gap: var(--spacing-y);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        --ratio-percent: 100%;
      }
      #predictive-search-results .hdt-psr-inner .hdt-predictive-search__list-item {
        padding-top: 0;
        box-shadow: none;
      }
      #predictive-search-results .hdt-psr-inner .hdt-predictive-search__list-item .hdt-predictive-search__item-heading {
        font-size: var(--text-base);
      }
      #predictive-search-results .hdt-psr-inner .hdt-predictive-search__list-item > a {
        display: flex;
        flex-direction: column;
      }
      #predictive-search-results .hdt-psr-inner .hdt-predictive-search__item-content {
        gap: 1rem;
      }
      #predictive-search-results .hdt-psr-inner .hdt-ps-vendor {
        display: block;
        margin-top: 1rem;
      }
      #predictive-search-results .hdt-psrl--collections .hdt-predictive-search__list-item {
        position: relative;
      }
      #predictive-search-results .hdt-psrl--collections .hdt-collection-list__image {
        display: block;
      }
      #predictive-search-results  .hdt-psrl--collections .hdt-predictive-search__list-item .hdt-predictive-search__item-content,
      .hdt-search__empty-collection .hdt-btn--ce-collection {
        position: absolute;
        z-index: 1;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        min-width: 15rem;
        max-width: calc(100% - 3rem);
        width: max-content;
        align-items: center;
      }
      #predictive-search-results  .hdt-psrl--collections .hdt-predictive-search__list-item .hdt-predictive-search__item-heading,
      .hdt-search__empty-collection .hdt-btn--ce-collection {
        text-align: center;
        backdrop-filter: blur(5px);
        padding: 1rem 2rem;
        color: var(--color-button-text);
        min-height: 3.7rem;
        display: inline-grid;
        font-size: var(--text-sm);
        letter-spacing: calc(var(--text-sm) * 0.1);
        text-transform: uppercase;
        border-radius: var(--corner-radius-2xs);
        background-color: color-mix(in srgb, var(--color-button), transparent 50%);
        -webkit-backdrop-filter: blur(5px);
      }
      #predictive-search-results  .hdt-psrl--collections .hdt-predictive-search__list-item .hdt-predictive-search__item-heading:not(.hdt-btn--flip-after) {
        display: none;
      }
      #predictive-search-results  .hdt-psrl--collections .hdt-predictive-search__list-item .hdt-predictive-search__item-heading.hdt-btn--flip-after {
        display: inline-grid;
      }
      .hdt-search__empty-collection .hdt-btn--ce-collection {
        top: auto;
        height: auto;
      }
    }
    /* Collection search */
    .hdt-main-search__empty-collection{
      padding-inline: 1.5rem;
      margin-block-start: 4.2rem;
      > .hdt-heading{
        margin-block-end: 4rem;
      }
    }
    .hdt-search-list-collections {
      display: grid;
      gap: 1rem;
      .hdt-predictive-search__item {
        max-width: 33rem;
        flex: 1;
        text-align: start;
        text-decoration: none;
        gap: 1.5rem;
        & + .hdt-predictive-search__item {
          padding-top: 1.4rem;
          box-shadow: 0 -1px 0 var(--color-line-border);
        }
      }
      .hdt-collection-list__image,
      .hdt-btn--flip-after {
        display: none;
      }
    }
    @media (min-width: 1150px) {
      .hdt-main-search__empty-collection {
        padding-inline: 0;
        > .hdt-heading{
          text-align: center;
        }
      }
      .hdt-search-list-collections {
        display: flex;
        gap: var(--spacing-x);
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        .hdt-collection-list__image {
          display: block;
        }
        .hdt-predictive-search__item {
          display: flex;
          flex-direction: column;
          position: relative;
          & + .hdt-predictive-search__item {
            padding-top: 0;
            box-shadow: none;
          }
        }
        .hdt-predictive-search__item-content {
          position: absolute;
          z-index: 1;
          bottom: 2rem;
          inset-inline-start: 50%;
          transform: translate(-50%);
          min-width: 15rem;
          max-width: calc(100% - 3rem);
          width: max-content;
          align-items: center;
        }
        :where(.hdt-predictive-search__image, .hdt-predictive-search__item-heading) {
          display: none;
        }
        .hdt-btn--flip-after{
          display: inline-grid;
          text-align: center;
          backdrop-filter: blur(5px);
          padding: 1rem 2rem;
          color: var(--color-button-text);
          min-height: 3.7rem;
          display: inline-grid;
          font-size: var(--text-sm);
          letter-spacing: calc(var(--text-sm) * .1);
          text-transform: uppercase;
          border-radius: var(--corner-radius-2xs);
          background-color: color-mix(in srgb, var(--color-button), transparent 50%);
          -webkit-backdrop-filter: blur(5px);
        }
      }
    }
    .hdt-predictive-search[results] .hdt-main-search__empty-collection{display: none;}
    /*================ 5.37. Overlapping cards ================*/
    .hdt-overlapping-card-wrapper{
      width: 100%;
      min-height: 90vh;
      display: flex;
    }
    .hdt-overlapping-content.hdt-media-overlap-content{
      @layer themeh.styles.tablet.default {
        --media-overlap-content-gap-c: min(5vw, 80px);
      }
      @layer themeh.styles.base.default {
        --media-overlap-content-gap-c: min(5vw, 145px);
      }
    }
    .hdt-overlapping-cards-content{
      display: none;
    }
    .hdt-overlapping-card-image .hdt-overlapping-content{
      padding: 3.5rem 3rem;
    }
    .hdt-overlapping-content .hdt-button-group{
      margin-block-start: 2rem;
    }
    @media screen and (max-width: 1024px) {
      .hdt-overlapping-card-wrapper .hdt-ratio{
        --ratio-percent: var(--ratio-percent-block)
      }
    }
    @media screen and (min-width: 768px) {
      .hdt-overlapping-card-image .hdt-overlapping-content{
        padding: 5rem 8rem;
      }
    }
    @media screen and (min-width: 1024px) {
      .hdt-overlapping-card-wrapper .hdt-overlapping-cards-image{
        width: 50%;
      }
      .hdt-overlapping-card-wrapper .hdt-overlapping-cards-content{
        width: 50%;
        flex-direction: column;
      }
      .hdt-overlapping-card-wrapper{
        flex-direction: row;
      }
      .hdt-overlapping-card-wrapper.hdt-image-second{
        flex-direction: row-reverse;
      }
      .hdt-overlapping-card-image{
        position: sticky;
        top: 0;
      }
      .hdt-overlapping-content .hdt-button-group{
        margin-block-start: 3rem;
      }
      .hdt-overlapping-cards-content{
        display: inline-flex;
      }
      .hdt-overlapping-cards-content .hdt-inner-content{
        max-height: calc(var(--media-overlap-content-h) - 2 * var(--media-overlap-content-gap-r));
        overflow-y: auto;
        --overlap-content-mw: 60rem;
      }
      .lg\:hdt-height--full{
        --media-overlap-content-h: 100vh;
      }
      .hdt-section:first-child .lg\:hdt-height--full {
        --media-overlap-content-h: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
      }
      .hdt-overlapping-innercard-image.lg\:hdt-height--full .hdt-ratio:before{
        height: 100vh;
      }
      .hdt-section:first-child .hdt-overlapping-innercard-image.lg\:hdt-height--full .hdt-ratio:before{
        height: var(--fill-height-first, calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
      }
      @supports (height: 100svh) {
        .lg\:hdt-height--full {
          --media-overlap-content-h: 100svh;
        }
        .hdt-section:first-child .lg\:hdt-height--full {
          --media-overlap-content-h: var(--fill-height-first, calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
        }
        .hdt-overlapping-innercard-image.lg\:hdt-height--full .hdt-ratio:before{
          height: 100svh;
        }
        .hdt-section:first-child .hdt-overlapping-innercard-image.lg\:hdt-height--full .hdt-ratio:before{
          height: var(--fill-height-first, calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px)))
        }
      }
    }
    @media screen and (min-width: 1150px) {
      .hdt-overlapping-content .hdt-heading{
        margin-block-start: 2rem;
      }
      .hdt-overlapping-content .hdt-description{
        margin-block-start: 2rem;
      }
      .hdt-overlapping-content .hdt-button-group{
        margin-block-start: 4rem;
      }
    }
    /*================ 5.38. Media with reading text ================*/
    .hdt-section__media-reading-text {
      overflow: clip;
    }
    .hdt-media-reading-text {
      position: relative;
      clip-path: inset(0);
    }
    .hdt-media-reading-text:before {
      content: "";
      position: absolute;
      top: 0;
      background: color-mix(in srgb, var(--color-overlay), transparent calc(100% - var(--color-overlay-opacity, 0)));
      z-index: 1;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }
    .hdt-media-reading-text__background {
      height: 100vh;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: -1;
    }
    .hdt-text-appear-inner {
      position: relative;
      padding-block: 50vh;
      z-index: 2;
      --grid-margin: .625rem;
      --grid-gutter: .625rem;
      --grid-columns: 12;
      text-align: center;
    }
    .hdt-text-appear-inner .hdt-btn {
      margin-top: 2.5rem;
    }
    @supports (height: 100lvh) {
      .hdt-media-reading-text__background {
        height: 100lvh;
      }
      .hdt-text-appear-inner {
        padding-block: 50lvh;
      }
    }    
    .hdt-media-reading-text__content {
      grid-column: span 6;
    }
    .hdt-title-wrapper,
    .hdt-media-reading-text__content {
      grid-column: span 6;
    }
    .hdt-title-wrapper {
      margin-bottom: 2rem;
    }
    .hdt-showcase-text {
      line-height: 1.6;
      font-size: var(--h4-size);
    }

    @media screen and (min-width: 1024px) {
      .hdt-text-appear-inner {
        grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
        grid-gap: var(--grid-gutter);
        text-align: start;
        &.hdt-text-appear-inner--content-first {
          .hdt-title-wrapper {
            order: 2;
            text-align: end;
          }
          .hdt-media-reading-text__content {
            order: 1;
          }
        }
      }
      .hdt-text-appear-inner .hdt-btn {
        margin-top: 4.5rem;
      }
      .hdt-title-wrapper .hdt-heading {
        position: sticky;
        top: 50%;
      }
      .hdt-title-wrapper {
        margin-bottom: 0;
      }
      .hdt-showcase-text {
        line-height: 1.4;
        font-size: var(--h1-size-lg);
      }
    }
    /*================ 5.39. Rich text ================*/
    .hdt-rich-text {
      display: block;
      &[reveal-on-scroll] [can-reveal] {
        opacity: 0;
      }
      .hdt-icon-wrapper {
        margin-block: .5rem;
      }
      .hdt-subheading {
        margin-bottom: 3rem;
      }
      .hdt-btn {
        margin-top: 3rem;
      }
    }
    .hdt-rich-text__content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      gap: 0.1rem 2.6rem;
    }
/* ==========================================================================
  6. MAIN PRODUCT
  ========================================================================== */
  hdt-product-media, hdt-slider-media {
    display: block;
  }
  hdt-model .shopify-model-viewer-ui {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  hdt-model model-viewer[reveal] {
    opacity: 1 !important;
  }
  .product__xr-button[data-shopify-xr-hidden] {
    display: none !important;
    visibility: hidden;
  }
  :where(hdt-buy-buttons,
  hdt-product-media,
  hdt-slider-thumb,
  hdt-variant-live,
  hdt-share-button,
  hdt-variant-inventory) {
    display: block
  }
  .hdt-variant-picker {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    --swatch-size: 3.2rem;
    --swatch-radius: 50%
  }
  .hdt-variant-picker [type="image"] {
    --swatch-size: 3.8rem;
    --swatch-radius: 0;
  }
  .hdt-variant-picker .hdt-popover {
    max-width: 100%;
    width: 100%;
    box-shadow: 0 .4rem 1.6rem color-mix(in srgb, var(--color-overlay), transparent 85%);
    .hdt-popover__header {
      margin-bottom: 0;
      padding-inline: 1.5rem;
    }
  }
  .hdt-richlist--variant {
    display: block;
    overflow: hidden;
  }
  .hdt-richlist--variant :is(button, a) {
    display: block;
    height: 4rem;
    line-height: 4rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    transition: color .3s ease, background-color .25s ease;
    position: relative;
    width: 100%;
    text-align: start;
    color: var(--color-foreground2);
  }
  .hdt-richlist--variant :is(button[aria-selected=true], a[selected]) {
    color: var(--color-foreground);
    background-color: color-mix(in srgb, var(--color-foreground), transparent 92%);
  }
  span[update-value] {
    display: inline-block;
  }
  .hdt-product-form__label {
    margin-bottom: 1.4rem;
  }
  .hdt-product-form__label--size_chart {
    display: flex;
    justify-content: space-between;
    width: 100%;
    column-gap: 3rem;
  }
  .hdt-product-form__label--size_chart .hdt-open-size-chart-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background-position-y: 100%;
  }
  .hdt-product-form_value {
    position: relative;
  }
  input[type=radio].is-unavailable,
  input[type=radio].is-unavailable + label,
  [hide-sold-out-variants] input[type=radio].is-disabled,
  [hide-sold-out-variants] input[type=radio].is-disabled + label,
  hdt-richlist button.is-unavailable,
  [hide-sold-out-variants] hdt-richlist button.is-disabled {
    display: none !important;
  }
  .hdt-product-form__values {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .hdt-product-form__input[type^="block"] .hdt-product-form__values {
    column-gap: 1rem;
    --block-border-radius: var(--corner-radius-xs);
  }
  .hdt-product-form__input[type*="blocks_list"] .hdt-product-form__values {
    display: inline-flex;
    gap: 1px;
    --block-border-radius: 0;
  }
  .hdt-product-form_value:where(.is-type-block,.is-type-block_with_color) {
    border-radius: var(--corner-radius-xs);
  }
  .hdt-product-form_value.is-type-block, .hdt-product-form_value.is-type-block_with_color {
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: var(--block-border-radius);
    box-shadow:  0 0 0 1px var(--variant-border-color);
    min-width: 4.4rem;
    text-align: center;
  }
  input.is-disabled + .hdt-product-form_value.is-type-block:has(.hdt-sold-out-slash):after{display: none}
  input.is-disabled + .hdt-product-form_value.is-type-block:after, input.is-disabled + .hdt-product-form_value.is-type-block_with_color:after{
    content: "";
    position: absolute;
    inset: 0.4rem;
    clip-path: polygon(0 calc(100% - 1px),100% -1px,100% 0,0 100%);
    background: color-mix(in srgb, var(--color-foreground), transparent 70%);
    pointer-events: none;
  }
  input.is-disabled + .hdt-product-form_value.is-type-color--img img{
    opacity: 0.5;
  }
  input[type=radio]:checked+.hdt-product-form_value.is-type-block,
  input[type=radio]:checked+.hdt-product-form_value.is-type-block_with_color,
  fieldset[combined-listings] a[selected] {
    --variant-border-color: var(--color-foreground);
    z-index: 2;
  }
  input[type=radio]:checked+.hdt-product-form_value.is-type-color,
  .hdt-product-form_value.is-type-color.is-selected,
  fieldset[combined-listings] a.is-type-color[selected] {
    border-color: var(--color-foreground);
  }
  input[type=radio].is-disabled:checked+.hdt-product-form_value.is-type-color {
    border-color: var(--color-foreground);
  }
  .hdt-product-form__input input[type=radio]:disabled+label:not(.is-type-color),
  .hdt-product-form__input:is([type="dropdown"],[type="dropdown_with_color"]) hdt-richlist :is(button.is-disabled, a[product-sold-out]) {
    opacity: .5;
    border-color: color-mix(in srgb, var(--color-foreground), transparent 92%);
    color: color-mix(in srgb, var(--color-foreground), transparent 40%);
    text-decoration: line-through;
  }
  .hdt-product-form__input input[type=radio].is-disabled+label:not(.is-type-color) {
    text-decoration: none;
  }
  .hdt-product-form__input input[type=radio].is-disabled+label:not(.is-type-color)::before {
    display: none;
    content: '';
    position: absolute;
    inset: .3rem;
    z-index: 1;
    background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), color-mix(in srgb, var(--color-foreground), transparent 75%) calc(50% - 0.5px), color-mix(in srgb, var(--color-foreground), transparent 75%) calc(50% + 0.5px), transparent calc(50% + 0.5px));
  }
  .hdt-product-form__input .hdt-sold-out-slash {
    position: absolute;
    z-index: 1;
    width: calc(100% - .8rem);
    height: calc(100% - .8rem);
    display: block;
    top: .4rem;
    inset-inline-start: .4rem;
    overflow: hidden;
    border-radius: 1rem;
    display: none;
  }
  .hdt-product-form__input .hdt-sold-out-slash::before {
    content: '';
    background: color-mix(in srgb, var(--color-foreground), transparent 70%);
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 calc(100% - 1px), 100% -1px, 100% 0, 0 100%);
    margin-top: 1px;
  }
  .hdt-product-form__input input[type=radio].is-disabled+label:not(.is-type-color) .hdt-sold-out-slash {
    display: block;
  }
  .hdt-product-form__input .hdt-sold-out-slash {
    position: absolute;
    z-index: 1;
    width: calc(100% - .8rem);
    height: calc(100% - .8rem);
    display: block;
    top: .4rem;
    inset-inline-start: .4rem;
    overflow: hidden;
    border-radius: 1rem;
    display: none;
  }
  .hdt-product-form__input .hdt-sold-out-slash::before {
    content: '';
    background: color-mix(in srgb, var(--color-foreground), transparent 70%);
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 calc(100% - 1px), 100% -1px, 100% 0, 0 100%);
    margin-top: 1px;
  }
  .hdt-product-form__input input[type=radio].is-disabled+label:not(.is-type-color) .hdt-sold-out-slash {
    display: block;
  }
  .hdt-product-form_value.is-type-color {
    border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 80%);
    width: var(--swatch-size);
    height: var(--swatch-size);
    border-radius: var(--swatch-radius);
    padding: 0;
    display: inline-block;
    position: relative;
  }
  .hdt-product-form_value.is-type-color:before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--hdt-bg-image, none) center / cover no-repeat;
    background-color: var(--hdt-bg-color, rgba(229 229 229/ 1.0));
    transition: clip-path 0.25s linear;
    clip-path: inset(.36rem round 50%);
  }
  .hdt-variant-picker [type="image"] .hdt-product-form_value.is-type-color:before{
    clip-path: none;
  }
  .hdt-variant-picker [type="image"] .hdt-product-form_value.is-type-color[style*="--hdt-bg-color"]:before{
    clip-path: inset(.2rem round 0%);
  }
  input[type=radio]:checked+.hdt-product-form_value.is-type-color:before {
    clip-path: inset(.774rem round 50%);
  }
  .hdt-product-form_value.is-type-color--rec {
    width: calc(var(--swatch-size) * 1.25);
    height: min(1.8rem, var(--swatch-size));
    border-radius: calc(var(--corner-radius-xs) * .5);
  }
  .hdt-product-form_value.is-type-color--rec:before  {
    clip-path: inset(.5rem);
  }
  input[type=radio]:checked+.hdt-product-form_value.is-type-color--rec:before {
    clip-path: inset(.5rem);
  }
  .hdt-product-form_value.is-type-color img {
    height: 100%;
    object-fit: cover;
  }
  .hdt-product-form_value.is-type-color--img:before {
    display: none;
  }
  .hdt-product-form_value:where(.is-type-block_with_color,.is-type-dropdown_with_color) {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
  }
  .hdt-product-form_value.is-type-dropdown_with_color {
    display: flex;
  }
  .hdt-product-form_value:where(.is-type-block_with_color,.is-type-dropdown_with_color) .hdt-block-swatch__color {
    background: var(--hdt-bg-image, none) center / cover;
    background-color: var(--hdt-bg-color, rgba(229 229 229/ 1.0));;
    border-radius: 50%;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  .hdt-product-form__input input[type=radio].is-disabled + .is-type-color {
    position: relative;
    --color-sold-out: #222;
    --sold-out-height: 1px;
    border: 1px dashed color-mix(in srgb, var(--color-foreground), transparent 80%);
  }
  .hdt-product-form__input input[type=radio].is-disabled + .is-type-color:before {
    opacity: .5;
  }
  .hdt-product-form__input input[type=radio].is-disabled + .is-type-color:after {
      content: '';
      width: 90%;
      height: var(--sold-out-height);
      background: var(--color-sold-out);
      display: block;
      position: absolute;
      z-index: 22;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(135deg);
  }
  .hdt-product__title > * {
    color: inherit;
  }
  /*================ 6.1. Badge ================*/
  .hdt-product__badges {
    display: inline-flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .hdt-badge {
    display: inline-flex;
    gap: 1rem;
    align-items: center;
    padding: .45rem 1rem;
    border-radius: var(--corner-radius-2xs);
  }
  .hdt-badge__on-sale {
    gap: 0;
  }
  .hdt-badge.hdt-uppercase {
    padding: .6rem 1rem;
  }
  .hdt-badge__on-sale {
    color: var(--color-on-sale-badge-text);
    background: var(--color-on-sale-badge-background);
  }
  .hdt-badge__pre_order {
    color: var(--color-pre-order-badge-text);
    background: var(--color-pre-order-badge-background);
  }
  .hdt-badge__sold_out {
    color: var(--color-sold-out-badge-text);
    background: var(--color-sold-out-badge-background);
  }
  .hdt-badge__new {
    color: var(--color-new-badge-text);
    background: var(--color-new-badge-background);
  }
  .hdt-badge__bestseller, .hdt-badge__custom {
    color: var(--color-custom-badge-text);
    background: var(--color-custom-badge-background);
  }
  .hdt-badge svg {
    flex: none;
  }
  /*================ 6.2. Vendor ================*/
  .hdt-product__vendor {
    color: color-mix(in srgb, var(--color-pr-text), transparent 45%);
  }
  .hdt-main-product__vendor {
    display: inline-grid;
  }
  /*================ 6.3. Pickup availability ================*/
  .hdt-pickup-availability {
    padding: 1.5rem;
  }
  .hdt-pickup-availability__preview {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 1rem;
  }
  .hdt-pickup-availability__preview--success {
    color: var(--color-success-text);
  }
  .hdt-pickup-availability__preview--error {
    color: var(--color-error-text);
  }
  .hdt-pickup-availability__preview > svg {
    flex: none;
    align-self: baseline;
  }
  .hdt-pickup-availability__preview > svg[class*="hdt-icon-checked"] {
    color: var(--color-success-text);
    margin-top: .3rem;
  }
  .hdt-pickup-availability__preview > svg.hdt-icon-cancel {
    color: var(--color-error-text);
  }
  .hdt-pickup-availability__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .hdt-pickup-availability__info button {
    line-height: 1rem;
    flex: none;
    align-self: flex-start;
  }

  .hdt-drawer-pickup-availability {
    max-width: 90%;
    &[open]{
      display: grid;
      grid-template: auto minmax(0,1fr) / minmax(0,1fr);
    }
    .hdt-dialog-drawer__header {
      border-bottom: 1px solid var(--color-line-border);
      padding: 1.5rem;
      margin-bottom: 0;
    }
    .hdt-dialog-drawer__inner{
      display: flex;
      flex-direction: column;
      .hdt-pickup-availability-product{width: 100%;}
      .hdt-pickup-availability-list-swapper{
        padding-block-end: 1.5rem;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
      }
    }
    @media screen and (width >= 480px) {
      max-width: 45rem;
    }
  }

  .hdt-pickup--drawer-title {
    flex-grow: 1;
  }
  .hdt-pickup--drawer-title span {
    flex-grow: 1;
  }

  .hdt-pickup--drawer-title wrapp-close-btn {
    flex: none;
  }

  .hdt-pickup-availability-product {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
  }

  .hdt-pickup-availability-product .hdt-pickup-availability__variant {
    margin-top: .4rem;
  }

  .hdt-pickup-availability__media {
    overflow: hidden;
    flex: none;
    width: 9rem;
    place-self: flex-start;
  }
  .hdt-pickup-availability-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 1.5rem;
    gap: 1.5rem;
  }

  .hdt-pickup-availability-list__item {
    background-color: color-mix(in srgb, var(--color-foreground), transparent 96%);
    padding: 1.5rem
  }

  .hdt-pickup-availability-list__item > *:not(:first-child) {
    margin-top: 1.4rem;
  }

  .hdt-pickup-availability-list__item .hdt-pickup-availability-map-link {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
  }

  .hdt-pickup-availability-address {
    font-style: normal;
  }

  .hdt-pickup-availability-address > p {
    margin-top: 1.4rem;
  }

  .hdt-pickup-availability-address > p:first-child {
    margin-top: 0;
  }

  .hdt-modal__product {
    max-width: min(90rem,90vw);
    border-radius: var(--corner-radius-sm);
    padding: .5rem 1.5rem;
    width: 100%;
    min-height: 20rem;
  }

  .hdt-modal__ask {
    max-width: min(45rem, 90vw);
  }

  .hdt-modal__product .hdt-dialog-modal__header {
    border-bottom: 1px solid var(--color-line-border);
    margin-bottom: 0;
    padding: 0;
  }

  .hdt-modal__ask .hdt-dialog-modal__header {
    border-bottom: none;
    justify-content: flex-end;
  }

  .hdt-modal__ask [ref="closeButton"] {
    width: 3.6rem;
    border-radius: var(--rounded-full);
    display: grid;
    place-items: center;
    position: absolute;
    top: 1.1rem;
    inset-inline-end: 1.5rem;
    background-color: rgb(var(--color-background));
    z-index: 4;
  }

  .hdt-modal__product .hdt-dialog-modal__inner {
    padding: 1.5rem 0;
  }

  .hdt-modal__ask form > .hdt-field + .hdt-field {
    margin-top: 1.5rem;
  }

  .hdt-modal__ask form .hdt-form-info-msg {
    display: block;
    text-align: end;
    margin-top: .5rem;
  }
  .hdt-modal__ask form .hdt-contact__button {
    margin-top: 1.2rem;
  }

  .hdt-modal-title--size_chart {
    padding: 1.5rem 0;
    display: block;
    flex-grow: 1;
  }

  @media (min-width: 480px) {
    .hdt-pickup-availability__media {
      width: 12rem;
    }
  }

  @media (min-width: 768px) {
    .hdt-drawer-pickup-availability .hdt-dialog-drawer__header {
      padding: 2.2rem 2.4rem;
    }
    .hdt-pickup-availability-product {
      padding: 2.2rem 2.4rem 1.8rem 2.4rem;
    }
    .hdt-pickup-availability-list {
      padding: 0 2.4rem;
      gap: 1.8rem;
    }
    .hdt-pickup-availability-list__item {
      padding: 1.8rem 2.2rem;
    }
    .hdt-modal__product {
      padding: 1.3rem 3.5rem;
    }
    .hdt-modal__product .hdt-dialog-modal__inner {
      padding: 2.2rem 0;
    } 
    .hdt-modal-title--size_chart {
      padding: 2.2rem 0;
    }
    .hdt-drawer-pickup-availability .hdt-dialog-drawer__inner  .hdt-pickup-availability-list-swapper{
      padding-block-end: 2.4rem;
    }
  }
  
  @media (min-width: 1150px) {
    .hdt-pickup-availability {
      padding: 1.7rem 1.5rem;
    }
    .hdt-pickup-availability__info {
      flex-direction: row;
      justify-content: space-between;
    }
    .hdt-pickup-availability__info button {
      align-self: center;
    }
  }
  /*================ 6.4. Complementary products ================*/
  .hdt-product__complementary-title {
    text-align: center;
    padding-inline: 1.6rem;
    max-width: calc(100% - 3.2rem);
  }
  .hdt-pc--slide-container {
    padding: 2rem 0;
  }
  .hdt-product__complementary-products {
    display: grid;
    padding-inline: 1.5rem;
    --btn-w: 2rem;
    --btn-h: 2rem;
  }
  .hdt-product__complementary-product-info > * {
    margin-top: .5rem;
  }
  .hdt-pc--slide-container-single {
    --product-image-width: 12.1rem;
  }
  .hdt-pc--slide-container-single .hdt-product__complementary-product-info > *:first-child {
    margin-top: 0;
  }
  .hdt-pc--slide-container-single .hdt-product__complementary-product-info > .hdt-open-quickview-wrapp {
    margin-top: 1.4rem;
  }
  .hdt-product__complementary-product-title {
    color: var(--color-pr-text, var(--color-foreground));
  }
  .hdt-pc--slide-container-list .hdt-product__complementary-product-title {
    display: inline-flex;
    max-width: 100%;
  }
  .hdt-pc--slide-container-list .hdt-product__complementary-product-title a {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
  }
  .hdt-product__complementary-product-image {
    overflow: hidden;
  }
  .hdt-pc--slide-container-single  {
    position: relative;
  }
  .hdt-product__complementary-product-image .hdt-open-quickview-wrapp {
    display: none;
  }

  .hdt-pc--slide-container-single .hdt-product__complementary-products {
    display: grid;
    grid: minmax(0, 1fr) 2.5rem / minmax(0, 1fr) var(--product-image-width);
  }
  .hdt-pc--slide-container-single .hdt-slider__viewport {
    grid-area: 1 / 1 / 3 / 3;
  }
  .hdt-pc--slide-container-single .hdt-slider--cp-long-nav {
    grid: minmax(0, 1fr) auto / minmax(0, 1fr) var(--product-image-width);
  }
  .hdt-pc--slide-container-single .hdt-slider--cp-long-nav .hdt-slider__viewport {
    grid-area: 1 / 1 / 2 / 3;
  }

  .hdt-pc--slide-container-single .hdt-product__complementary-products .hdt-slider-dots {
    position: relative;
    z-index: 1;
    grid-area: 2 / 1 / 3 / 2;
    justify-content: flex-start;
    align-self: end;
  }

  .hdt-pc--slide-container-single .hdt-slider--cp-long-nav .hdt-slider-dots {
    grid-area: 2 / 1 / 3 / 3;
    justify-content: center;
  }

  .hdt-pc--slide-container-single .hdt-product__complementary-product {
    display: grid;
    grid: minmax(0, 1fr) 2.5rem / minmax(0, 1fr) var(--product-image-width);
    column-gap: 1.5rem;
  }

  .hdt-pc--slide-container-single .hdt-product__complementary-product-image {
    grid-area: 1 / 2 / 3 / 3;
    place-self: start;
  }

  .hdt-pc--slide-container-single .hdt-product__complementary-product-info {
    grid-area: 1 / 1 / 2 / 2;
  }

  .hdt-pc--slide-container-single .hdt-slider--cp-long-nav .hdt-product__complementary-product-info {
    grid-area: 1 / 1 / 3 / 2;
  }

  .hdt-slider-dots__simple.hdt-slider-dots__simple--dash {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 1.5rem 1.4rem;
    margin-top: 2rem;
  }
  :where(.hdt-cart-drawer, .hdt-product__complementary) .hdt-slider-dots__simple.hdt-slider-dots__simple--dash {
    flex-wrap: nowrap;
  }
  .hdt-slider-dots__simple.hdt-slider-dots__simple--dash .hdt-slider__dot {
    cursor: pointer;
    display: block;
    gap: .4rem;
    position: relative;
    background-color: color-mix(in srgb, var(--color-foreground), transparent 85%);
    width: 3.2rem;
    height: .2rem;
  }
  .hdt-slider-dots__simple.hdt-slider-dots__simple--dash .hdt-slider__dot:before {
    width: 100%;
    display: block;
    height: 2.2rem;
    position: absolute;
    z-index: 1;
    top: -1.1rem;
    background: none;
    border-radius: 0;
  }
  .hdt-slider-dots__simple.hdt-slider-dots__simple--dash .hdt-slider__dot:after {
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    background-color: var(--color-foreground);
    transform: scaleX(0);
    transform-origin: var(--value-origin-start);
  }

  .hdt-slider-dots__simple--dash .hdt-slider__dot[aria-current='true']:after {
    transform: scaleX(1);
  }

  [data-auto_switch="true"] .hdt-slider-dots__simple--dash .hdt-slider__dot[aria-current='true']:after {
    animation: hdtExpandWidth var(--tab-animation-duration) linear;
    animation-play-state: var(--hdt-play-state, paused); 
  }

  .hdt-product__complementary-product .hdt-open-quickview-btn {
    --hdt-qv-btn-h: 3.2rem;
  }

  @media (min-width: 768px) {
    .hdt-product__complementary-title {
      text-align: start;
      margin-inline-start: 3rem;
      max-width: calc(100% - 6.2rem);
    }
    .hdt-product__complementary-product-image .hdt-open-quickview-wrapp {
      display: flex;
      position: absolute;
      z-index: 2;
      --color-btn-text-self: var(--color-button-text);
      color: var(---color-btn-text-self);
      opacity: 0;
      justify-content: center;
      align-items: center;
    }
    .hdt-product__complementary-product-image .hdt-open-quickview-wrapp .hdt-open-quickview-btn {
      color: var(---color-btn-text-self);
      flex-direction: column;
      --hdt-qv-btn-h: auto;
    }
    .hdt-product__complementary-product-image .hdt-open-quickview-wrapp .hdt-hotspot-icon {
      background-color: transparent;
    }
    .hdt-product__complementary-product-image .hdt-open-quickview-wrapp .hdt-btn-line-graphic {
      color: var(--color-btn-text-self) !important;
    }
    .hdt-product__complementary-product-image .hdt-open-quickview-wrapp .hdt-btn-line-graphic svg {
      stroke: var(--color-btn-text-self);
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-product-info .hdt-open-quickview-wrapp {
      display: none;
    }
  }

  @media (min-width: 1400px) {
    .hdt-pc--slide-container {
      padding: 2.7rem 1.5rem 2.7rem 1.5rem;
    }
    .hdt-product__complementary-products.hdt-slider--has-back-next {
      padding-inline: 3rem;
    }
    .hdt-pc--slide-container-single .hdt-product__complementary-products {
      padding-inline: 1.5rem;
    }
    .hdt-slider-dots__simple.hdt-slider-dots__simple--dash {
      margin-top: 2.5rem;
    }
  }

  @media (max-width: 1023.98px) {
    .hdt-pc--slide-container-single, .hdt-pc--slide-container-list {
      --product-image-width: 12.1rem;
    }
    .hdt-pc--slide-container-single .hdt-product__complementary-product-image {
      grid-area: 1 / 2 / 2 / 3;
    }
    .hdt-pc--slide-container-single .hdt-product__complementary-products .hdt-slider-dots {
      grid-area: 2 / 1 / 3 / 3;
      justify-content: center;
    }
    .hdt-pc--slide-container-list .hdt-slider__slide {
      --slide-size-set: 100%;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-products {
      display: grid;
      grid: minmax(0, 1fr) 2.5rem / minmax(0, 1fr) var(--product-image-width);
    }
    .hdt-pc--slide-container-list .hdt-slider__viewport {
      grid-area: 1 / 1 / 3 / 3;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-products .hdt-slider-dots {
      grid-area: 2 / 1 / 3 / 3;
      justify-content: start;
      align-self: end;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-product {
      display: grid;
      grid: minmax(0, 1fr) 2.5rem / minmax(0, 1fr) var(--product-image-width);
      column-gap: 1.5rem;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-product-image {
      grid-area: 1 / 2 / 2 / 3;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-product-info {
      grid-area: 1 / 1 / 2 / 2;
      text-align: start;
    }
    .hdt-pc--slide-container-list .hdt-product__complementary-product-title a {
      white-space: normal;
    }
  }

  @media (max-width: 479px) {
    .hdt-pc--slide-container-single, .hdt-pc--slide-container-list {
      --product-image-width: 8rem;
    }
    .hdt-cart-drawer .hdt-cart-item__media {
      width: 8rem;
    }
  }

/* ==========================================================================
  7. SEARCH
  ========================================================================== */
  /* Loading spinner */
  .hdt-loading__spinner {
    position: absolute;
    z-index: 1;
    width: 1.6rem;
    display: inline-block;
  }
  .hdt-loading-area__spinner {
    width: 1.6rem;
    display: none;
    grid-area: 1 / -1;
    place-self: center;
    position: relative;
    z-index: 1;
  }

  #hdt-newsletter-popup {
    max-width: min(41.4rem, 90vw);
    padding: 1.1rem;
    overflow: auto;
    &.hdt-newsletter-popup--horizontal {
      max-width: min(69.9rem, 90vw);
    }
    .hdt-dialog-btn__close {
      align-self: end;
      width: 3.6rem;
      height: 3.6rem;
      display: grid;
      position: relative;
      border-radius: var(--corner-radius-full);
      place-items: center;
      .hdt-icon-progress {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        --progress-color:  color-mix(in srgb, var(--color-foreground), transparent 85%);
        --cricle-width: 2px;
        transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }
      svg[ref="hdt-close-icon"] {
        width: 1.8rem;
        height: 1.8rem;
      }
      .hdt-progress__circle {
        opacity: 1;
      }
      .hdt-progress__path {
        stroke: var(--progress-active);
        transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }
      @media (hover: hover) and (pointer: fine) {
        &:hover .hdt-progress__path {
          stroke-dashoffset: 0;
        }
      }
    }
    &.hdt-newsletter-popup--image {
      .hdt-dialog-btn__close {
        position: absolute;
        top: 1.1rem;
        inset-inline-end: 1.1rem;
        background-color: var(--color-background);
      }
      .hdt-newsletter-popup__image {
        margin: -1.1rem -1.1rem 0;
      }
    }
    .hdt-form__alert {
      margin-top: 2rem;
      margin-bottom: 0;
    }
  }
  .hdt-newsletter-popup__content {
    text-align: center;
    padding: 3rem 2rem;
    @media (min-width: 768px) {
      padding: 3.2rem 4.4rem 4rem;
    }
    .hdt-h5, .rte {
      margin-bottom: 1.6rem;
    }
    .hdt-newsletter-form {
      :is(.hdt-input, .hdt-field__label) {
        --padding-inline-input: 1.9rem;
      }
      .hdt-field {
        padding: 0;
        margin-bottom: 2rem;
      }
      .hdt-input {
        padding: 1.6rem var(--padding-inline-input) .6rem;
      }
      .hdt-btn {
        --font-size-button: var(--text-sm);
      }
    }
  }
  @media (min-width: 768px) {
    .hdt-newsletter-popup--horizontal .hdt-newsletter-popup__group {
      display: grid;
      grid: "image content" / 27.5rem minmax(0, 1fr);
      .hdt-newsletter-popup__image {
        position: relative;
        overflow: hidden;
        margin: 0 !important;
        img {
          height: 100%;
          object-fit: cover;
          min-height: 100%;
          max-height: 100%;
          min-width: 100%;
          max-width: 100%;
          position: absolute;
          inset: 0;
        }
      }
      .hdt-newsletter-popup__content {
        padding-top: 6.8rem;
      }
    }
  }