.dekozen-slideshow-scope *, .dekozen-slideshow-scope ::after, .dekozen-slideshow-scope ::before{ box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--color-line-border); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.dekozen-slideshow-scope html{ line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; }.dekozen-slideshow-scope hr{ height: 0; color: inherit; border-top-width: 1px; }.dekozen-slideshow-scope a{ color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; -webkit-tap-highlight-color: transparent; }.dekozen-slideshow-scope b, .dekozen-slideshow-scope strong{ font-weight: bolder; }.dekozen-slideshow-scope :where(code, .dekozen-slideshow-scope kbd, .dekozen-slideshow-scope pre, .dekozen-slideshow-scope samp){ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }.dekozen-slideshow-scope small{ font-size: 80%; }.dekozen-slideshow-scope :where(sub, .dekozen-slideshow-scope sup){ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }.dekozen-slideshow-scope sub{ bottom: -0.25em; }.dekozen-slideshow-scope sup{ top: -0.5em; }.dekozen-slideshow-scope :where(table){ text-indent: 0; border-color: inherit; border-collapse: collapse; }.dekozen-slideshow-scope :where(button, .dekozen-slideshow-scope input, .dekozen-slideshow-scope optgroup, .dekozen-slideshow-scope textarea){ font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; background-color: inherit; margin: 0; padding: 0; }.dekozen-slideshow-scope :where(button, .dekozen-slideshow-scope select){ text-transform: none; }.dekozen-slideshow-scope :where([type="button"], .dekozen-slideshow-scope [type="reset"], .dekozen-slideshow-scope [type="submit"], .dekozen-slideshow-scope button){ -webkit-appearance: button; appearance: button; background-color: transparent; background-image: none; }.dekozen-slideshow-scope :-moz-focusring{ outline: auto; }.dekozen-slideshow-scope :-moz-ui-invalid{ box-shadow: none; }.dekozen-slideshow-scope progress{ vertical-align: baseline; }.dekozen-slideshow-scope :where(::-webkit-inner-spin-button, .dekozen-slideshow-scope ::-webkit-outer-spin-button){ height: auto; }.dekozen-slideshow-scope [type="search"]{ -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; }.dekozen-slideshow-scope ::-webkit-search-decoration{ -webkit-appearance: none; }.dekozen-slideshow-scope ::-webkit-file-upload-button{ -webkit-appearance: button; font: inherit; }.dekozen-slideshow-scope summary{ list-style-type: none; &::-webkit-details-marker { display: none; } }.dekozen-slideshow-scope :where(blockquote, .dekozen-slideshow-scope dd, .dekozen-slideshow-scope dl, .dekozen-slideshow-scope figure, .dekozen-slideshow-scope h1, .dekozen-slideshow-scope h2, .dekozen-slideshow-scope h3, .dekozen-slideshow-scope h4, .dekozen-slideshow-scope h5, .dekozen-slideshow-scope h6, .dekozen-slideshow-scope hr, .dekozen-slideshow-scope p, .dekozen-slideshow-scope pre, .dekozen-slideshow-scope fieldset){ margin: 0; }.dekozen-slideshow-scope :where(legend, .dekozen-slideshow-scope fieldset){ padding: 0; }.dekozen-slideshow-scope :where(menu, .dekozen-slideshow-scope ol, .dekozen-slideshow-scope ul){ list-style: none; margin: 0; padding: 0; }.dekozen-slideshow-scope textarea{ resize: vertical; }.dekozen-slideshow-scope input::placeholder, .dekozen-slideshow-scope textarea::placeholder{ opacity: 1; color: color-mix(in srgb, var(--color-input-text, var(--color-foreground)), transparent 35%); }.dekozen-slideshow-scope :where([role="button"], .dekozen-slideshow-scope button){ cursor: pointer; }.dekozen-slideshow-scope :disabled, .dekozen-slideshow-scope :disabled + label{ cursor: default; }.dekozen-slideshow-scope :where(button, .dekozen-slideshow-scope label, .dekozen-slideshow-scope summary, .dekozen-slideshow-scope [role=button], .dekozen-slideshow-scope [type=checkbox], .dekozen-slideshow-scope [type=radio]){ -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor: pointer; }.dekozen-slideshow-scope :where(audio, .dekozen-slideshow-scope canvas, .dekozen-slideshow-scope embed, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope img, .dekozen-slideshow-scope object, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope video){ display: block; max-width: 100%; }.dekozen-slideshow-scope img, .dekozen-slideshow-scope video{ height: auto; }.dekozen-slideshow-scope p{ overflow-wrap: break-word; text-wrap: pretty; }.dekozen-slideshow-scope :where(h1, .dekozen-slideshow-scope h2, .dekozen-slideshow-scope h3, .dekozen-slideshow-scope h4, .dekozen-slideshow-scope h5, .dekozen-slideshow-scope h6){ overflow-wrap: break-word; text-wrap: balance; font-size: inherit; font-weight: inherit; }.dekozen-slideshow-scope picture source{ display: contents !important; }.dekozen-slideshow-scope [hidden]:not([open], .dekozen-slideshow-scope [closing]){ display: none !important; }.dekozen-slideshow-scope img:-moz-loading{ visibility: hidden; }.dekozen-slideshow-scope svg foreignObject{ display: none; }.dekozen-slideshow-scope #MainContent .shopify-challenge__container{ margin: 100px auto; }@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;}@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;.dekozen-slideshow-scope html{ font-size: 62.5%; height: 100%; --hdt-fill-height: 100vh; @supports (height: 100svh) { --hdt-fill-height: 100svh; } }@media (min-width: 1025px) and (pointer: fine) {.dekozen-slideshow-scope .hdt-scrollbar{ --y: 5px; --color-scrollbar: 0 0 0; --color-scrollbar-track: rgb(var(--color-scrollbar) / 0); --color-scrollbar-thumb: rgb(var(--color-text-rgb) / .2); }.dekozen-slideshow-scope .hdt-scroll-area{ --y: 8px; --color-scrollbar-track: var(--color-background); --color-scrollbar-thumb: rgb(var(--color-text-rgb) / .4); }.dekozen-slideshow-scope .hdt-scrollbar-light{ --color-scrollbar: 255 255 255; }.dekozen-slideshow-scope .hdt-scrollbar::-webkit-scrollbar{ height: 5px; /* height of horizontal scrollbar */ width: var(--y); /* width of vertical scrollbar */ }.dekozen-slideshow-scope .hdt-scrollbar::-webkit-scrollbar-track{ background-color: var(--color-scrollbar-track); }.dekozen-slideshow-scope .hdt-scrollbar::-webkit-scrollbar-thumb{ background-color: var(--color-scrollbar-thumb); border-radius: 8px; }@-moz-document url-prefix(){ .hdt-scrollbar { --color-scrollbar-thumb: rgb(var(--color-text-rgb) / .4); } .hdt-scroll-area { --color-scrollbar-track: var(--color-background); } .hdt-scrollbar { scrollbar-width: thin; scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track); } }}.dekozen-slideshow-scope body{ display: flex; flex-direction: column; min-height: 100vh; 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); @supports (height: 100svh) { min-height: 100svh; } }.dekozen-slideshow-scope #MainContent{ flex: 1; scroll-padding-top: calc(var(--header-height, 0px) + 10px); }.dekozen-slideshow-scope body:has(header hdt-sticky-header[sticky-type="always"]){ --height-header-fixed: var(--header-height, 0px) }.dekozen-slideshow-scope body:has(header hdt-sticky-header[sticky-type="always"].hdt-header--boxed){ --offset-header-fixed: 24px; }.dekozen-slideshow-scope :where(.no-js, .dekozen-slideshow-scope .no-js-inline){ display: none !important; }@media (scripting: none) {.dekozen-slideshow-scope .no-js-hidden{ display: none !important; }.dekozen-slideshow-scope .no-js{ display: block !important; }.dekozen-slideshow-scope .no-js-inline{ display: inline-block !important; }}.dekozen-slideshow-scope :where(hdt-card-product, .dekozen-slideshow-scope hdt-slider, .dekozen-slideshow-scope hdt-slider-media, .dekozen-slideshow-scope hdt-slideshow, .dekozen-slideshow-scope hdt-gallery-modal, .dekozen-slideshow-scope hdt-marquee, .dekozen-slideshow-scope hdt-before-after, .dekozen-slideshow-scope hdt-slider-reveal, .dekozen-slideshow-scope hdt-max-height, .dekozen-slideshow-scope hdt-resize, .dekozen-slideshow-scope hdt-block-required, .dekozen-slideshow-scope hdt-reval-items, .dekozen-slideshow-scope hdt-video, .dekozen-slideshow-scope hdt-video-hover, .dekozen-slideshow-scope hdt-model, .dekozen-slideshow-scope hdt-scroll-hint, .dekozen-slideshow-scope hdt-shirk-scroll, .dekozen-slideshow-scope hdt-testimonial-image, .dekozen-slideshow-scope hdt-hero-scrollstack, .dekozen-slideshow-scope hdt-media-lookbook, .dekozen-slideshow-scope hdt-gallery-hero, .dekozen-slideshow-scope hdt-main-collection, .dekozen-slideshow-scope hdt-morph-footer, .dekozen-slideshow-scope hdt-mediatext-scroll, .dekozen-slideshow-scope hdt-collection-dynamic, .dekozen-slideshow-scope hdt-safe-sticky){ display: block; }.dekozen-slideshow-scope :where(hdt-richlist, .dekozen-slideshow-scope hdt-richlist img, .dekozen-slideshow-scope hdt-counter){ display: inline-block; }.dekozen-slideshow-scope .dir--rtl body, .dekozen-slideshow-scope .dir--rtl :is(h1, .dekozen-slideshow-scope h2, .dekozen-slideshow-scope h3, .dekozen-slideshow-scope h4, .dekozen-slideshow-scope h5, .dekozen-slideshow-scope h6, .dekozen-slideshow-scope .hdt-h0, .dekozen-slideshow-scope .hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6, .dekozen-slideshow-scope .hdt-heading, .dekozen-slideshow-scope .hdt-subheading){ letter-spacing: 0 !important; }.dekozen-slideshow-scope :where(h1, .dekozen-slideshow-scope h2, .dekozen-slideshow-scope h3, .dekozen-slideshow-scope h4, .dekozen-slideshow-scope h5, .dekozen-slideshow-scope h6, .dekozen-slideshow-scope .hdt-h0, .dekozen-slideshow-scope .hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6, .dekozen-slideshow-scope .hdt-heading, .dekozen-slideshow-scope .hdt-subheading, .dekozen-slideshow-scope .hdt-header__font-heading){ 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); }.dekozen-slideshow-scope :where(.hdt-h0){ --heading-size: var(--h0-size); }.dekozen-slideshow-scope :where(h1:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h1){ --heading-size: var(--h1-size); }.dekozen-slideshow-scope :where(h2:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h2){ --heading-size: var(--h2-size); }.dekozen-slideshow-scope :where(h3:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h3){ --heading-size: var(--h3-size); }.dekozen-slideshow-scope :where(h4:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h4){ --heading-size: var(--h4-size); }.dekozen-slideshow-scope :where(h5:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h5){ --heading-size: var(--h5-size); }.dekozen-slideshow-scope :where(h6:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h6){ --heading-size: var(--h6-size); }.dekozen-slideshow-scope .hdt-heading.hdt-uppercase{ letter-spacing: min(var(--lt-spacing), 4.4px); }@media only screen and (min-width: 768px) {.dekozen-slideshow-scope :where(.hdt-h0){ --heading-size: clamp(var(--h0-size), max(calc(var(--h0-size) + 1.5vw), calc(14.25px + 2vw)), var(--h0-size-xl)); }.dekozen-slideshow-scope :where(h1:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h1){ --heading-size: clamp(var(--h1-size), max(calc(var(--h1-size) + .9vw), calc(13.75px + 1.5vw)), var(--h1-size-xl)); }.dekozen-slideshow-scope :where(h2:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h2){ --heading-size: clamp(var(--h2-size), max(calc(var(--h2-size) + .6vw), calc(13.25px + .9vw)), var(--h2-size-xl)); }.dekozen-slideshow-scope :where(h3:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h3){ --heading-size: clamp(var(--h3-size), max(calc(var(--h3-size) + .3vw), calc(13px + .6vw)), var(--h3-size-xl)); }.dekozen-slideshow-scope :where(h4:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h4){ --heading-size: clamp(var(--h4-size), max(calc(var(--h4-size) + .2vw), calc(12.75px + .3vw)), var(--h4-size-xl)); }.dekozen-slideshow-scope :where(h5:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h5){ --heading-size: clamp(var(--h5-size), max(calc(var(--h5-size) + .14vw), 12.5px), var(--h5-size-xl)); }.dekozen-slideshow-scope :where(h6:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h6){ --heading-size: clamp(var(--h6-size), max(calc(var(--h6-size) + .1vw), 10px), var(--h6-size-xl)); }}@media only screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-h0{ --heading-size: var(--h0-size-xl); }.dekozen-slideshow-scope :where(h1:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h1){ --heading-size: var(--h1-size-xl); }.dekozen-slideshow-scope :where(h2:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h2){ --heading-size: var(--h2-size-xl); }.dekozen-slideshow-scope :where(h3:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h3){ --heading-size: var(--h3-size-xl); }.dekozen-slideshow-scope :where(h4:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h4){ --heading-size: var(--h4-size-xl); }.dekozen-slideshow-scope :where(h5:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h5){ --heading-size: var(--h5-size-xl); }.dekozen-slideshow-scope :where(h6:not(.hdt-h1, .dekozen-slideshow-scope .hdt-h2, .dekozen-slideshow-scope .hdt-h3, .dekozen-slideshow-scope .hdt-h4, .dekozen-slideshow-scope .hdt-h5, .dekozen-slideshow-scope .hdt-h6), .dekozen-slideshow-scope .hdt-h6){ --heading-size: var(--h6-size-xl); }}.dekozen-slideshow-scope .hdt-text-xs{ font-size: var(--text-xs); &.hdt-uppercase { letter-spacing: calc(var(--text-xs) * 0.1); } }.dekozen-slideshow-scope .hdt-text-sm{ font-size: var(--text-sm); &.hdt-uppercase { letter-spacing: calc(var(--text-sm) * 0.1); } }.dekozen-slideshow-scope .hdt-text-base{ font-size: var(--text-base); &.hdt-uppercase { letter-spacing: calc(var(--text-base) * 0.1); } }.dekozen-slideshow-scope .hdt-text-lg{ font-size: var(--text-lg); &.hdt-uppercase { letter-spacing: calc(var(--text-lg) * 0.1); } }.dekozen-slideshow-scope .hdt-text-xl{ font-size: var(--text-xl); &.hdt-uppercase { letter-spacing: calc(var(--text-xl) * 0.1); } }.dekozen-slideshow-scope .hdt-text-2xl{ font-size: var(--text-2xl) }.dekozen-slideshow-scope .hdt-text-4xl{ font-size: var(--text-4xl) }.dekozen-slideshow-scope .hdt-text-6xl{ font-size: var(--text-6xl) }.dekozen-slideshow-scope .hdt-text-8xl{ font-size: var(--text-8xl) }.dekozen-slideshow-scope .hdt-text-10xl{ font-size: var(--text-10xl) }.dekozen-slideshow-scope .hdt-text-12xl{ font-size: var(--text-12xl) }.dekozen-slideshow-scope .hdt-uppercase{ text-transform: uppercase; }.dekozen-slideshow-scope .hdt-heading.hdt-uppercase{ letter-spacing: min(var(--lt-spacing), 4.4px); }.dekozen-slideshow-scope .hdt-font-normal{ font-weight: var(--font-normal) }.dekozen-slideshow-scope .hdt-font-medium{ font-weight: var(--font-medium) }.dekozen-slideshow-scope .hdt-font-semibold{ font-weight: var(--font-semibold) }.dekozen-slideshow-scope .hdt-font-bold{ font-weight: var(--font-bold) }.dekozen-slideshow-scope .hdt-rounded-2xs{ border-radius: var(--rounded-2xs); }.dekozen-slideshow-scope .hdt-rounded-xs{ border-radius: var(--rounded-xs); }.dekozen-slideshow-scope .hdt-rounded-sm{ border-radius: var(--rounded-sm); }.dekozen-slideshow-scope .hdt-rounded{ border-radius: var(--rounded); }.dekozen-slideshow-scope .hdt-rounded-lg{ border-radius: var(--rounded-lg); }.dekozen-slideshow-scope .hdt-rounded-full{ border-radius: var(--rounded-full); }.dekozen-slideshow-scope .hdt-rounded-f{ position: relative; overflow: hidden; transform: translateZ(0); }.dekozen-slideshow-scope .hdt-rounded-custom{ border-radius: var(--corner-radius, 0px); }.dekozen-slideshow-scope .hdt-product-card-rounded{ border-radius: var(--rounded-product-card); }.dekozen-slideshow-scope .hdt-product-media-rounded{ border-radius: var(--rounded-product-media); @media (max-width: 767.98px) { border-radius: min(var(--rounded-product-media), 20px); } }.dekozen-slideshow-scope .hdt-collection-card-rounded{ border-radius: var(--rounded-collection-card); .hdt-collection-card__media { overflow: hidden; border-radius: var(--rounded-collection-card); } }.dekozen-slideshow-scope .hdt-blog-card-rounded{ border-radius: var(--rounded-blog-card); }.dekozen-slideshow-scope .shopify-challenge__button{ background-color: var(--color-button, var(--color-foreground)); color: var(--color-button-text, var(--color-background)); padding: var(--spacing-1) var(--spacing-2); letter-spacing: var(--font-body-spacing); line-height: var(--button-line-height); border-radius: var(--rounded-button); }.dekozen-slideshow-scope [multiple], .dekozen-slideshow-scope [size]:where(select:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 7.5px; -webkit-print-color-adjust: unset; print-color-adjust: unset; }.dekozen-slideshow-scope .hdt-full-width-link, .dekozen-slideshow-scope .hdt-full-width-image{ position: absolute; inset: 0; z-index: 2; }.dekozen-slideshow-scope .hdt-media-cover, .dekozen-slideshow-scope .hdt-full-width-image{ width: 100%; height: 100%; object-fit: cover; object-position: center; }.dekozen-slideshow-scope .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) {.dekozen-slideshow-scope .hdt-rounded-custom{ border-radius: var(--corner-radius-mb, var(--corner-radius, 0px)); }.dekozen-slideshow-scope .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; }}.dekozen-slideshow-scope .focus-none{ box-shadow: none !important; outline: 0 !important; }.dekozen-slideshow-scope .sr-only--inline{ margin: 0; height: 1em; }.dekozen-slideshow-scope :focus:not(:focus-visible){ outline: none; }.dekozen-slideshow-scope *:focus-visible{ outline: var(--color-focus) auto var(--focus-outline-width); outline-offset: var(--focus-outline-offset); }.dekozen-slideshow-scope .skip-to-content-link:focus-visible{ z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; }@supports not selector(:focus-visible) {.dekozen-slideshow-scope *:focus{ outline: var(--color-focus) auto var(--focus-outline-width); outline-offset: var(--focus-outline-offset); }.dekozen-slideshow-scope .skip-to-content-link:focus{ z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; }}.dekozen-slideshow-scope .focus-inset-1{ --focus-outline-offset: 1.9px; }.dekozen-slideshow-scope .focus-inset:focus-visible, .dekozen-slideshow-scope .focus-inset-1:focus-visible{ outline-offset: calc(var(--focus-outline-offset) * -1); }.dekozen-slideshow-scope .sr-only[type=checkbox]:focus-visible + label, .dekozen-slideshow-scope .sr-only[type=radio]:focus-visible + label{ box-shadow: 0 0 0 1.5px var(--color-focus),0 0 0 4px transparent; }.dekozen-slideshow-scope .sr-focus-fix-oh:focus-visible:after{ content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 0 2px var(--color-focus) !important; z-index: 40; pointer-events: none; }.dekozen-slideshow-scope hdt-tilt-card{ display: block; position: relative; overflow: hidden; will-change: transform; transform-style: preserve-3d; transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateZ(0); }.dekozen-slideshow-scope .hdt-print-only{ display: none; }@media print {.dekozen-slideshow-scope .hdt-no-print{ display: none !important; }.dekozen-slideshow-scope .hdt-text-center--print{ text-align: center; }.dekozen-slideshow-scope .hdt-print-only{ display: block; }}.dekozen-slideshow-scope .hdt-container, .dekozen-slideshow-scope .hdt-container-xl, .dekozen-slideshow-scope .hdt-container-full, .dekozen-slideshow-scope .hdt-container-custom{ width: 100%; max-width: 100%; margin: 0 auto; padding: 0 15px; }.dekozen-slideshow-scope .hdt-container-custom{ max-width: min(100%, var(--max-w-container, 110%)); }.dekozen-slideshow-scope .hdt-container-full{ padding: 0; }.dekozen-slideshow-scope .hdt-page-content{ max-width: var(--hdt-content-width); width: 100%; margin-inline: auto; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-container, .dekozen-slideshow-scope .hdt-container-xl{ max-width: min(100%, var(--container-max-width-padding-md, 110%)); padding-inline: 30px; }.dekozen-slideshow-scope .hdt-container-custom{ padding-inline: 30px; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-container{ max-width: var(--container-max-width-padding-xl); padding-inline: 50px; }.dekozen-slideshow-scope .hdt-container-xl{ max-width: 100%; padding-inline: var(--pd-container, 30px); }.dekozen-slideshow-scope .hdt-container-custom{ padding-inline: 48px; }}@media (min-width: 1440px) {.dekozen-slideshow-scope .hdt-container-xl{ --pd-container: 48px; }.dekozen-slideshow-scope .hdt-shirk-scroll, .dekozen-slideshow-scope .hdt-shrink-on-sroll, .dekozen-slideshow-scope .hdt-scroll-clip{ --pd-container: 48px; }}.dekozen-slideshow-scope .hdt-hidden{ display: none; }.dekozen-slideshow-scope .hdt-block{ display: block; }.dekozen-slideshow-scope .hdt-inline-block{ display: inline-block; }.dekozen-slideshow-scope .hdt-inline{ display: inline; }.dekozen-slideshow-scope .hdt-flex{ display: flex; }.dekozen-slideshow-scope .hdt-inline-flex{ display: inline-flex; }.dekozen-slideshow-scope .hdt-grid{ display: grid; }.dekozen-slideshow-scope .hdt-inline-grid{ display: inline-grid; }.dekozen-slideshow-scope .hdt-contents{ display: contents; }.dekozen-slideshow-scope .hdt-order-first{ order: -9999; }.dekozen-slideshow-scope .hdt-order-last{ order: 9999; }.dekozen-slideshow-scope .hdt-grayscale{ filter: grayscale(1); }@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-hidden{ display: none; }.dekozen-slideshow-scope .md\:hdt-block{ display: block; }.dekozen-slideshow-scope .md\:hdt-inline-block{ display: inline-block; }.dekozen-slideshow-scope .md\:hdt-inline{ display: inline; }.dekozen-slideshow-scope .md\:hdt-flex{ display: flex; }.dekozen-slideshow-scope .md\:hdt-inline-flex{ display: inline-flex; }.dekozen-slideshow-scope .md\:hdt-grid{ display: grid; }.dekozen-slideshow-scope .md\:hdt-inline-grid{ display: inline-grid; }.dekozen-slideshow-scope .md\:hdt-order-first{ order: -9999; }.dekozen-slideshow-scope .md\:hdt-order-last{ order: 9999; }}@media (min-width: 1024px) {.dekozen-slideshow-scope .lg\:hdt-hidden{ display: none; }.dekozen-slideshow-scope .lg\:hdt-block{ display: block; }.dekozen-slideshow-scope .lg\:hdt-inline-block{ display: inline-block; }.dekozen-slideshow-scope .lg\:hdt-inline{ display: inline; }.dekozen-slideshow-scope .lg\:hdt-flex{ display: flex; }.dekozen-slideshow-scope .lg\:hdt-inline-flex{ display: inline-flex; }.dekozen-slideshow-scope .lg\:hdt-grid{ display: grid; }.dekozen-slideshow-scope .lg\:hdt-inline-grid{ display: inline-grid; }.dekozen-slideshow-scope .lg\:hdt-order-first{ order: -9999; }.dekozen-slideshow-scope .lg\:hdt-order-last{ order: 9999; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-hidden{ display: none; }.dekozen-slideshow-scope .xl\:hdt-block{ display: block; }.dekozen-slideshow-scope .xl\:hdt-inline-block{ display: inline-block; }.dekozen-slideshow-scope .xl\:hdt-inline{ display: inline; }.dekozen-slideshow-scope .xl\:hdt-flex{ display: flex; }.dekozen-slideshow-scope .xl\:hdt-inline-flex{ display: inline-flex; }.dekozen-slideshow-scope .xl\:hdt-grid{ display: grid; }.dekozen-slideshow-scope .xl\:hdt-inline-grid{ display: inline-grid; }.dekozen-slideshow-scope .xl\:hdt-order-first{ order: -9999; }.dekozen-slideshow-scope .xl\:hdt-order-last{ order: 9999; }}@media screen and (max-width: 767px) {.dekozen-slideshow-scope .hdt-hidden\@mobile{ display: none !important; }}@media screen and (min-width: 768px) and (max-width: 1149.98px) {.dekozen-slideshow-scope .hdt-hidden\@tablet{ display: none !important; }}.dekozen-slideshow-scope .hdt-p-0{ padding: 0; }.dekozen-slideshow-scope .hdt-p-10{ padding: 10px; }.dekozen-slideshow-scope .hdt-p-15{ padding: 15px; }.dekozen-slideshow-scope .hdt-p-20{ padding: 20px; }.dekozen-slideshow-scope .hdt-pt-20{ padding-top: 20px; }.dekozen-slideshow-scope .hdt-pb-20{ padding-bottom: 20px; }.dekozen-slideshow-scope .hdt-px-0{ padding-inline-start: 0; padding-inline-end: 0; }.dekozen-slideshow-scope .hdt-ps-15{ padding-inline-start: 15px; }.dekozen-slideshow-scope .hdt-pe-15{ padding-inline-end: 15px; }.dekozen-slideshow-scope .hdt-px-15{ padding-inline-start: 15px; padding-inline-end: 15px; }.dekozen-slideshow-scope .hdt-p-custom{ padding: var(--hdt-padding); }.dekozen-slideshow-scope .hdt-section-spacing{ padding-top: var(--section-pt); padding-bottom: var(--section-pb); }.dekozen-slideshow-scope .hdt-content-spacer{ * { margin-block-start: 15px; + .hdt-heading { margin-block-start: 8px; } + .hdt-button-group { margin-block-start: 20px; } &:first-child { margin-block-start: 0; } } .hdt-heading + * { margin-block-start: 6px; } }@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-px-0{ padding-inline-start: 0; padding-inline-end: 0; }.dekozen-slideshow-scope .md\:hdt-ps-30{ padding-inline-start: 30px; }.dekozen-slideshow-scope .md\:hdt-pe-30{ padding-inline-end: 30px; }.dekozen-slideshow-scope .md\:hdt-px-30{ padding-inline-start: 30px; padding-inline-end: 30px; }.dekozen-slideshow-scope .md\:hdt-p-custom{ padding: var(--hdt-padding-md); }.dekozen-slideshow-scope .md\:hdt-ps-max{ padding-inline-start: max(30px, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2); }.dekozen-slideshow-scope .md\:hdt-pe-max{ padding-inline-end: max(30px, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2); }.dekozen-slideshow-scope .hdt-section-spacing{ padding-top: max(calc(var(--section-pt-xl) * .85), var(--section-pt)); padding-bottom: max(calc(var(--section-pb-xl) * .85), var(--section-pb)); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-px-0{ padding-inline-start: 0; padding-inline-end: 0; }.dekozen-slideshow-scope .xl\:hdt-px-30{ padding-inline-start: 30px; padding-inline-end: 30px; }.dekozen-slideshow-scope .xl\:hdt-px-40{ padding-inline-start: 40px; padding-inline-end: 40px; }.dekozen-slideshow-scope .xl\:hdt-px-50{ padding-inline-start: 50px; padding-inline-end: 50px; }.dekozen-slideshow-scope .xl\:hdt-ps-50{ padding-inline-start: 50px; }.dekozen-slideshow-scope .xl\:hdt-pe-50{ padding-inline-end: 50px; }.dekozen-slideshow-scope .xl\:hdt-p-custom{ padding: var(--hdt-padding-xl); }.dekozen-slideshow-scope .xl\:hdt-ps-max{ padding-inline-start: max(50px, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2); }.dekozen-slideshow-scope .xl\:hdt-pe-max{ padding-inline-end: max(50px, (100vw - var(--container-max-width) - var(--scrollbar-w)) / 2); }.dekozen-slideshow-scope .hdt-section-spacing{ padding-top: var(--section-pt-xl); padding-bottom: var(--section-pb-xl); }}.dekozen-slideshow-scope .hdt-shrink-0{ flex-shrink: 0; }.dekozen-slideshow-scope .hdt-text-start, .dekozen-slideshow-scope .hdt-text-left{ text-align: start; }.dekozen-slideshow-scope .hdt-text-center{ text-align: center; }.dekozen-slideshow-scope .hdt-text-end, .dekozen-slideshow-scope .hdt-text-right{ text-align: end; }.dekozen-slideshow-scope .hdt-justify-start{ justify-content: start; }.dekozen-slideshow-scope .hdt-justify-center{ justify-content: safe center; }@supports (justify-content: safe center) and (text-wrap: balance) {.dekozen-slideshow-scope .hdt-safe-center{ justify-content: safe center; }}.dekozen-slideshow-scope .hdt-justify-end{ justify-content: end; }.dekozen-slideshow-scope .hdt-justify-between{ justify-content: space-between; }.dekozen-slideshow-scope .hdt-justify-items-start{ justify-items: start; }.dekozen-slideshow-scope .hdt-justify-items-center{ justify-items: safe center; }.dekozen-slideshow-scope .hdt-justify-items-end{ justify-items: end; }.dekozen-slideshow-scope .hdt-justify-self-start{ justify-self: start; }.dekozen-slideshow-scope .hdt-justify-self-center{ justify-self: center; }.dekozen-slideshow-scope .hdt-justify-self-end{ justify-self: end; }.dekozen-slideshow-scope .hdt-align-start{ align-items: start; }.dekozen-slideshow-scope .hdt-align-center{ align-items: center; }.dekozen-slideshow-scope .hdt-align-end{ align-items: end; }.dekozen-slideshow-scope .hdt-align-self-start{ align-self: start; }.dekozen-slideshow-scope .hdt-align-self-center{ align-self: center; }.dekozen-slideshow-scope .hdt-align-self-end{ align-self: end; }.dekozen-slideshow-scope .hdt-place-self-start{ place-self: start; }.dekozen-slideshow-scope .hdt-place-self-start-center{ place-self: start center; }.dekozen-slideshow-scope .hdt-place-self-start-end{ place-self: start end; }.dekozen-slideshow-scope .hdt-place-self-center{ place-self: center; }.dekozen-slideshow-scope .hdt-place-self-center-start{ place-self: center start; }.dekozen-slideshow-scope .hdt-place-self-center-end{ place-self: center end; }.dekozen-slideshow-scope .hdt-place-self-end{ place-self: end; }.dekozen-slideshow-scope .hdt-place-self-end-start{ place-self: end start; }.dekozen-slideshow-scope .hdt-place-self-end-center{ place-self: end center; }.dekozen-slideshow-scope .hdt-flex-wrap{ flex-wrap: wrap; }@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-text-start, .dekozen-slideshow-scope .md\:hdt-text-left{ text-align: start; }.dekozen-slideshow-scope .md\:hdt-text-center{ text-align: center; }.dekozen-slideshow-scope .md\:hdt-text-end, .dekozen-slideshow-scope .md\:hdt-text-right{ text-align: end; }.dekozen-slideshow-scope .md\:hdt-justify-start{ justify-content: start; }.dekozen-slideshow-scope .md\:hdt-justify-center{ justify-content: safe center; }.dekozen-slideshow-scope .md\:hdt-justify-end{ justify-content: end; }.dekozen-slideshow-scope .md\:hdt-justify-between{ justify-content: space-between; }.dekozen-slideshow-scope .md\:hdt-justify-items-start{ justify-items: start; }.dekozen-slideshow-scope .md\:hdt-justify-items-center{ justify-items: safe center; }.dekozen-slideshow-scope .md\:hdt-justify-items-end{ justify-items: end; }.dekozen-slideshow-scope .md\:hdt-justify-self-start{ justify-self: start; }.dekozen-slideshow-scope .md\:hdt-justify-self-center{ justify-self: center; }.dekozen-slideshow-scope .md\:hdt-justify-self-end{ justify-self: end; }.dekozen-slideshow-scope .md\:hdt-align-start{ align-items: start; }.dekozen-slideshow-scope .md\:hdt-align-center{ align-items: center; }.dekozen-slideshow-scope .md\:hdt-align-end{ align-items: end; }.dekozen-slideshow-scope .md\:hdt-align-self-start{ align-self: start; }.dekozen-slideshow-scope .md\:hdt-align-self-center{ align-self: center; }.dekozen-slideshow-scope .md\:hdt-align-self-end{ align-self: end; }.dekozen-slideshow-scope .md\:hdt-place-self-start{ place-self: start; }.dekozen-slideshow-scope .md\:hdt-place-self-start-center{ place-self: start center; }.dekozen-slideshow-scope .md\:hdt-place-self-start-end{ place-self: start end; }.dekozen-slideshow-scope .md\:hdt-place-self-center{ place-self: center; }.dekozen-slideshow-scope .md\:hdt-place-self-center-start{ place-self: center start; }.dekozen-slideshow-scope .md\:hdt-place-self-center-end{ place-self: center end; }.dekozen-slideshow-scope .md\:hdt-place-self-end{ place-self: end; }.dekozen-slideshow-scope .md\:hdt-place-self-end-start{ place-self: end start; }.dekozen-slideshow-scope .md\:hdt-place-self-end-center{ place-self: end center; }.dekozen-slideshow-scope .md\:hdt-flex-wrap{ flex-wrap: wrap; }}@media (min-width: 1024px) {.dekozen-slideshow-scope .lg\:hdt-text-start, .dekozen-slideshow-scope .lg\:hdt-text-left{ text-align: start; }.dekozen-slideshow-scope .lg\:hdt-text-center{ text-align: center; }.dekozen-slideshow-scope .lg\:hdt-text-end, .dekozen-slideshow-scope .lg\:hdt-text-right{ text-align: end; }.dekozen-slideshow-scope .lg\:hdt-justify-start{ justify-content: start; }.dekozen-slideshow-scope .lg\:hdt-justify-center{ justify-content: safe center; }.dekozen-slideshow-scope .lg\:hdt-justify-end{ justify-content: end; }.dekozen-slideshow-scope .lg\:hdt-justify-between{ justify-content: space-between; }.dekozen-slideshow-scope .lg\:hdt-justify-items-start{ justify-items: start; }.dekozen-slideshow-scope .lg\:hdt-justify-items-center{ justify-items: safe center; }.dekozen-slideshow-scope .lg\:hdt-justify-items-end{ justify-items: end; }.dekozen-slideshow-scope .lg\:hdt-justify-self-start{ justify-self: start; }.dekozen-slideshow-scope .lg\:hdt-justify-self-center{ justify-self: center; }.dekozen-slideshow-scope .lg\:hdt-justify-self-end{ justify-self: end; }.dekozen-slideshow-scope .lg\:hdt-align-start{ align-items: start; }.dekozen-slideshow-scope .lg\:hdt-align-center{ align-items: center; }.dekozen-slideshow-scope .lg\:hdt-align-end{ align-items: end; }.dekozen-slideshow-scope .lg\:hdt-align-self-start{ align-self: start; }.dekozen-slideshow-scope .lg\:hdt-align-self-center{ align-self: center; }.dekozen-slideshow-scope .lg\:hdt-align-self-end{ align-self: end; }.dekozen-slideshow-scope .lg\:hdt-place-self-start{ place-self: start; }.dekozen-slideshow-scope .lg\:hdt-place-self-start-center{ place-self: start center; }.dekozen-slideshow-scope .lg\:hdt-place-self-start-end{ place-self: start end; }.dekozen-slideshow-scope .lg\:hdt-place-self-center{ place-self: center; }.dekozen-slideshow-scope .lg\:hdt-place-self-center-start{ place-self: center start; }.dekozen-slideshow-scope .lg\:hdt-place-self-center-end{ place-self: center end; }.dekozen-slideshow-scope .lg\:hdt-place-self-end{ place-self: end; }.dekozen-slideshow-scope .lg\:hdt-place-self-end-start{ place-self: end start; }.dekozen-slideshow-scope .lg\:hdt-place-self-end-center{ place-self: end center; }.dekozen-slideshow-scope .lg\:hdt-flex-wrap{ flex-wrap: wrap; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-text-start, .dekozen-slideshow-scope .xl\:hdt-text-left{ text-align: start; }.dekozen-slideshow-scope .xl\:hdt-text-center{ text-align: center; }.dekozen-slideshow-scope .xl\:hdt-text-end, .dekozen-slideshow-scope .xl\:hdt-text-right{ text-align: end; }.dekozen-slideshow-scope .xl\:hdt-justify-start{ justify-content: start; }.dekozen-slideshow-scope .xl\:hdt-justify-center{ justify-content: safe center; }.dekozen-slideshow-scope .xl\:hdt-justify-end{ justify-content: end; }.dekozen-slideshow-scope .xl\:hdt-justify-between{ justify-content: space-between; }.dekozen-slideshow-scope .xl\:hdt-justify-items-start{ justify-items: start; }.dekozen-slideshow-scope .xl\:hdt-justify-items-center{ justify-items: safe center; }.dekozen-slideshow-scope .xl\:hdt-justify-items-end{ justify-items: end; }.dekozen-slideshow-scope .xl\:hdt-justify-self-start{ justify-self: start; }.dekozen-slideshow-scope .xl\:hdt-justify-self-center{ justify-self: center; }.dekozen-slideshow-scope .xl\:hdt-justify-self-end{ justify-self: end; }.dekozen-slideshow-scope .xl\:hdt-align-start{ align-items: start; }.dekozen-slideshow-scope .xl\:hdt-align-center{ align-items: center; }.dekozen-slideshow-scope .xl\:hdt-align-end{ align-items: end; }.dekozen-slideshow-scope .xl\:hdt-align-self-start{ align-self: start; }.dekozen-slideshow-scope .xl\:hdt-align-self-center{ align-self: center; }.dekozen-slideshow-scope .xl\:hdt-align-self-end{ align-self: end; }.dekozen-slideshow-scope .xl\:hdt-place-self-start{ place-self: start; }.dekozen-slideshow-scope .xl\:hdt-place-self-start-center{ place-self: start center; }.dekozen-slideshow-scope .xl\:hdt-place-self-start-end{ place-self: start end; }.dekozen-slideshow-scope .xl\:hdt-place-self-center{ place-self: center; }.dekozen-slideshow-scope .xl\:hdt-place-self-center-start{ place-self: center start; }.dekozen-slideshow-scope .xl\:hdt-place-self-center-end{ place-self: center end; }.dekozen-slideshow-scope .xl\:hdt-place-self-end{ place-self: end; }.dekozen-slideshow-scope .xl\:hdt-place-self-end-start{ place-self: end start; }.dekozen-slideshow-scope .xl\:hdt-place-self-end-center{ place-self: end center; }.dekozen-slideshow-scope .xl\:hdt-flex-wrap{ flex-wrap: wrap; }}.dekozen-slideshow-scope .hdt-oh{ overflow: hidden; }.dekozen-slideshow-scope .hdt-ov{ overflow: visible; }.dekozen-slideshow-scope .hdt-pe-none, .dekozen-slideshow-scope wrapp-discount-remove button *{ pointer-events: none; }.dekozen-slideshow-scope .hdt-pe-auto{ pointer-events: auto; }.dekozen-slideshow-scope .hdt-fixed{ position: fixed; }.dekozen-slideshow-scope .hdt-relative{ position: relative; }.dekozen-slideshow-scope .hdt-absolute{ position: absolute; }.dekozen-slideshow-scope .hdt-top-0{ top: 0; }.dekozen-slideshow-scope .hdt-bottom-0{ bottom: 0; }.dekozen-slideshow-scope .hdt-left-0{ inset-inline-start: 0; }.dekozen-slideshow-scope .hdt-right-0{ inset-inline-end: 0; }.dekozen-slideshow-scope .hdt-flex-col{ flex-direction: column; }.dekozen-slideshow-scope .hdt-grid-1x1{ grid-area: 1 / -1; }.dekozen-slideshow-scope .hdt-w-full{ width: 100%; }.dekozen-slideshow-scope .hdt-h-full{ height: 100%; }.dekozen-slideshow-scope .hdt-h-auto{ height: auto; }.dekozen-slideshow-scope .hdt-mh-full{ min-height: 100%; }.dekozen-slideshow-scope .hdt-truncate{ white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope a.hdt-line-clamp{ transition: text-decoration-color .25s; text-decoration: underline solid transparent; text-underline-offset: 3px; text-decoration-thickness: 1px; }.dekozen-slideshow-scope [dir="rtl"] .hdt-icon--rtl{ scale: -1; }.dekozen-slideshow-scope [dir="rtl"] .hdt-icon--45rtl{ transform: rotate(-90deg); }.dekozen-slideshow-scope .hdt-border{ border: 1px solid var(--color-line-border); }.dekozen-slideshow-scope .hdt-inset-0{ inset: 0; }.dekozen-slideshow-scope .hdt-opacity-0{ opacity: 0; }.dekozen-slideshow-scope .hdt-quantity-wrapp input[type="number"]{ margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; background: none; &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; background: none; } &:focus { box-shadow: none !important; outline: 0 !important; } }.dekozen-slideshow-scope .hdt-quantity-wrapp button > *{ pointer-events: none; }.dekozen-slideshow-scope .hdt-point-area, .dekozen-slideshow-scope .hdt-point-area--after{ position: relative; }.dekozen-slideshow-scope .hdt-point-area{ &:before { content: ''; position: absolute; inset: -10px; } }.dekozen-slideshow-scope .hdt-point-area--after{ &:after { content: ''; position: absolute; inset: -10px; } }.dekozen-slideshow-scope .hdt-group-block__link{ position: absolute; inset: 0; ~ .hdt-group-block__content { pointer-events: none; :is(button, a) { pointer-events: auto; } } }.dekozen-slideshow-scope .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)); }.dekozen-slideshow-scope .hdt-row-grid--dense{ grid: auto-flow dense / repeat(var(--cols, 4), minmax(0, 1fr)); reading-flow: grid-rows; }.dekozen-slideshow-scope .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); }.dekozen-slideshow-scope .hdt-grid-cols-0, .dekozen-slideshow-scope .hdt-grid-cols-1{ --cols: 1; }.dekozen-slideshow-scope .hdt-grid-cols-2{ --cols: 2; }.dekozen-slideshow-scope .hdt-grid-cols-3{ --cols: 3; }.dekozen-slideshow-scope .hdt-grid-cols-4{ --cols: 4; }.dekozen-slideshow-scope .hdt-grid-cols-5{ --cols: 5; }.dekozen-slideshow-scope .hdt-grid-cols-6{ --cols: 6; }@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-grid-cols-0, .dekozen-slideshow-scope .md\:hdt-grid-cols-1{ --cols: 1; }.dekozen-slideshow-scope .md\:hdt-grid-cols-2{ --cols: 2; }.dekozen-slideshow-scope .md\:hdt-grid-cols-3{ --cols: 3; }.dekozen-slideshow-scope .md\:hdt-grid-cols-4{ --cols: 4; }.dekozen-slideshow-scope .md\:hdt-grid-cols-5{ --cols: 5; }.dekozen-slideshow-scope .md\:hdt-grid-cols-6{ --cols: 6; }.dekozen-slideshow-scope .md\:hdt-grid-cols-12{ --cols: 12; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-grid-cols-0, .dekozen-slideshow-scope .xl\:hdt-grid-cols-1{ --cols: 1; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-2{ --cols: 2; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-3{ --cols: 3; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-4{ --cols: 4; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-5{ --cols: 5; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-6{ --cols: 6; }.dekozen-slideshow-scope .xl\:hdt-grid-cols-12{ --cols: 12; }}.dekozen-slideshow-scope .hdt-row-flex{ display: flex; flex-direction: row; flex-wrap: wrap; column-gap: var(--spacing-x); row-gap: var(--spacing-y); }.dekozen-slideshow-scope .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))); }.dekozen-slideshow-scope .hdt-spacing-0{ --spacing-x: 0px; --spacing-y: 0px; }.dekozen-slideshow-scope .hdt-flex-cols-1{ --cols: 1; }.dekozen-slideshow-scope .hdt-flex-cols-2{ --cols: 2; }.dekozen-slideshow-scope .hdt-flex-cols-3{ --cols: 3; }.dekozen-slideshow-scope .hdt-flex-cols-4{ --cols: 4; }.dekozen-slideshow-scope .hdt-flex-cols-5{ --cols: 5; }.dekozen-slideshow-scope .hdt-flex-cols-6{ --cols: 6; }.dekozen-slideshow-scope .hdt-flex-row{ flex-direction: row; }.dekozen-slideshow-scope .hdt-flex-col{ flex-direction: column;; }.dekozen-slideshow-scope .hdt-flex-row-reverse{ flex-direction: row-reverse; }.dekozen-slideshow-scope .hdt-flex-col-reverse{ flex-direction: column-reverse;; }@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-flex-cols-1{ --cols: 1; }.dekozen-slideshow-scope .md\:hdt-flex-cols-2{ --cols: 2; }.dekozen-slideshow-scope .md\:hdt-flex-cols-3{ --cols: 3; }.dekozen-slideshow-scope .md\:hdt-flex-cols-4{ --cols: 4; }.dekozen-slideshow-scope .md\:hdt-flex-cols-5{ --cols: 5; }.dekozen-slideshow-scope .md\:hdt-flex-cols-6{ --cols: 6; }.dekozen-slideshow-scope .md\:hdt-flex-row-reverse{ flex-direction: row-reverse; }.dekozen-slideshow-scope .md\:hdt-flex-col-reverse{ flex-direction: column-reverse;; }.dekozen-slideshow-scope .md\:hdt-flex-row{ flex-direction: row; }.dekozen-slideshow-scope .md\:hdt-flex-col{ flex-direction: column;; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-flex-cols-1{ --cols: 1; }.dekozen-slideshow-scope .xl\:hdt-flex-cols-2{ --cols: 2; }.dekozen-slideshow-scope .xl\:hdt-flex-cols-3{ --cols: 3; }.dekozen-slideshow-scope .xl\:hdt-flex-cols-4{ --cols: 4; }.dekozen-slideshow-scope .xl\:hdt-flex-cols-5{ --cols: 5; }.dekozen-slideshow-scope .xl\:hdt-flex-cols-6{ --cols: 6; }.dekozen-slideshow-scope .xl\:hdt-flex-row-reverse{ flex-direction: row-reverse; }}.dekozen-slideshow-scope hdt-bento{ display: block; &[active] { position: relative; width: 100%; .hdt-bento-item { position: absolute; width: var(--mm-w); transform: translate3d(var(--mm-x), var(--mm-y), 0); } } &:not([active]) { display: grid; grid-template-columns: repeat(var(--cols,1), minmax(0, 1fr)); gap: var(--gapY, 20px) var(--gapX, 20px); } }@media (scripting: enabled) {.dekozen-slideshow-scope hdt-reveal-items[reveal-on-scroll=true] :where(.hdt-card-product, .dekozen-slideshow-scope .hdt-reveal-item), .dekozen-slideshow-scope [reveal], .dekozen-slideshow-scope .hdt-content-eff-reveal [can-reveal], .dekozen-slideshow-scope .hdt-content-eff-reveal [can-reveal][aria-disabled="true"], .dekozen-slideshow-scope [reveal-on-scroll=true] [can-reveal]{ opacity: 0.01; }}.dekozen-slideshow-scope .hdt-section .hdt-shirk-scroll[on-shirk-scroll]{ --clip-path-off: 15px; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-section .hdt-shirk-scroll[on-shirk-scroll]{ --clip-path-off: 30px; --scale-max: 1.3; .hdt-media-wrapper:not([unless]) > :is(img, svg),.hdt-media-wrapper:not([unless]) hdt-video > :is(img, video){ transform: scale(var(--scale-max)); will-change: transform; transform-style: preserve-3d; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-section .hdt-shirk-scroll[on-shirk-scroll]{ --clip-path-off: var(--pd-container, 30px); }}.dekozen-slideshow-scope .hdt-s-gradient{ background: var(--color-background); background: var(--gradient-background); color: var(--color-foreground); }.dekozen-slideshow-scope .hdt-s-text{ color: var(--color-foreground); }.dekozen-slideshow-scope .hdt-s-text2{ color: var(--color-foreground2); }.dekozen-slideshow-scope .hdt-s-pr-text{ color: var(--color-pr-text); }.dekozen-slideshow-scope .hdt-ratio > *:not(.zoom, .dekozen-slideshow-scope .not-apply-ratio), .dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .hdt-ratio--contain .hdt-ratio > img, .dekozen-slideshow-scope .hdt-object-contain{ object-fit: contain; }.dekozen-slideshow-scope .hdt-object-center{ object-position: center; }.dekozen-slideshow-scope .hdt-object-cover{ object-fit: cover; }.dekozen-slideshow-scope .hdt-object-fill{ object-fit: fill; }.dekozen-slideshow-scope .hdt-ratio{ display: flex; width: 100%; position: relative; align-items: stretch; &::before { content: ''; width: 0; height: 0; display: block !important; padding-bottom: var(--ratio-percent); } }.dekozen-slideshow-scope .hdt-ratio--smart::before{ content: ''; display: block !important; padding-bottom: var(--ratio-percent); grid-area: 1/-1; }.dekozen-slideshow-scope .hdt-ratio--9-16{ --ratio-percent: 177.7777778% }.dekozen-slideshow-scope .hdt-ratio--16-9{ --ratio-percent: 56.25% }.dekozen-slideshow-scope .hdt-ratio--3-2{ --ratio-percent: 150%; }.dekozen-slideshow-scope .hdt-ratio--asos{ --ratio-percent: 127.7777778%; }.dekozen-slideshow-scope .hdt-ratio--portrait{ --ratio-percent: 125%; }.dekozen-slideshow-scope .hdt-ratio--square{ --ratio-percent: 100%; }.dekozen-slideshow-scope .hdt-ratio--4-3{ --ratio-percent: 75%; }.dekozen-slideshow-scope .hdt-ratio--landscape{ --ratio-percent: 66.67%; }.dekozen-slideshow-scope .hdt-ratio--circle{ --ratio-percent: 100%; border-radius: 50%; position: relative; overflow: hidden; }.dekozen-slideshow-scope .hdt-ratio--3-2-wide{ --ratio-percent: 87.361677%; }.dekozen-slideshow-scope .hdt-ratio--asos-wide{ --ratio-percent:74.419206%; }.dekozen-slideshow-scope .hdt-ratio--portrait-wide{ --ratio-percent: 72.801397%; }.dekozen-slideshow-scope .hdt-ratio--square-wide{ --ratio-percent: 58.241118%; }.dekozen-slideshow-scope .hdt-ratio--4-3-wide{ --ratio-percent: 43.680838%; }.dekozen-slideshow-scope .hdt-ratio--landscape-wide{ --ratio-percent: 38.829353%; }.dekozen-slideshow-scope :where(.hdt-ratio--adapt_image, .dekozen-slideshow-scope .hdt-ratio--adapt_image_first) .hdt-ratio, .dekozen-slideshow-scope .hdt-ratio--adapt_image.hdt-ratio{ --ratio-percent: calc(100% / (var(--aspect-ratioapt))) }.dekozen-slideshow-scope .hdt-ratio--full .hdt-ratio{ --ratio-percent: var(--hdt-fill-height); }.dekozen-slideshow-scope .hdt-section:first-child .hdt-ratio--full .hdt-ratio{ --ratio-percent: var(--fill-height-first, calc(var(--hdt-fill-height) - (var(--header-height, 0px) * (1 - var(--hdt-header-transparent))) - var(--header-group-height, 0px))) }.dekozen-slideshow-scope .hdt-ratio--fixed .hdt-ratio{ --ratio-percent: var(--aspect-ratioapt); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope :where(.md\:hdt-ratio--adapt_image, .dekozen-slideshow-scope .md\:hdt-ratio--adapt_image_first) .hdt-ratio{ --aspect-ratioapt: var(--aspect-ratioapt-md) !important; --ratio-percent: calc(100% / (var(--aspect-ratioapt))) }.dekozen-slideshow-scope .md\:hdt-ratio--full .hdt-ratio{ --ratio-percent: var(--hdt-fill-height); }.dekozen-slideshow-scope .hdt-section:first-child .md\:hdt-ratio--full .hdt-ratio{ --ratio-percent: var(--fill-height-first, calc(var(--hdt-fill-height) - (var(--header-height, 0px) * (1 - var(--hdt-header-transparent))) - var(--header-group-height, 0px))) }.dekozen-slideshow-scope .md\:hdt-ratio--fixed .hdt-ratio{ --ratio-percent: var(--aspect-ratioapt-md); }}@media screen and (max-width: 767px) {.dekozen-slideshow-scope .hdt-object-pos-mb{ object-position: var(--object-pos-mb, 50% 50%) !important }}.dekozen-slideshow-scope html{ &[scroll-lock], &:has(.hdt-menu-mobile[open]) { overflow: hidden; margin-right: var(--scrollbar-w); } }.dekozen-slideshow-scope .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; } }.dekozen-slideshow-scope .hdt-dialog[open]{ &::backdrop { background-color: rgb(var(--color-overlay-rgb) / var(--backdrop-opacity, 0.3)); opacity: 1; } &:not(.dialog-closing)::backdrop { cursor: var(--cursor-close-icon) 25 25, auto; } &.dialog-closing::backdrop { opacity: 0; } }.dekozen-slideshow-scope .hdt-drawer__header{ flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px var(--padding-y, 20px) 12px; font-size: var(--text-6xl); font-weight: var(--font-medium); border-bottom: 1px solid var(--color-line-border); }.dekozen-slideshow-scope .hdt-drawer__footer{ flex: 0 0 auto; border-top: 1px solid var(--color-line-border); padding: 20px 27px 27px; text-align: center; }.dekozen-slideshow-scope .hdt-drawer__inner{ position: relative; flex: 1 1 100%; overscroll-behavior-y: contain; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; padding: var(--padding-y, 28px); }.dekozen-slideshow-scope .hdt-drawer{ inset: 0 auto auto auto; max-width: 90%; margin: 0 0 0 auto; overflow: hidden; background: var(--color-background); &[pos="left"] { inset-inline: 0 auto; } &[pos="right"] { inset-inline: auto 0; } .hdt-dialog-cart-action { height: auto; top: auto; inset-block-end: 0; } &:modal { max-height: 100vh; overflow-y: hidden; } @media screen and (width >= 480px) { max-width: 420px; --padding-y: 25px; } .hdt-drawer_wrapper { height: 100%; display: flex; flex-direction: column; } }.dekozen-slideshow-scope .hdt-drawer--indent{ max-width: min(100%, 448px); padding: 15px; background-color: transparent; .hdt-drawer_wrapper { background: var(--color-background); border-radius: var(--rounded-sm); } }.dekozen-slideshow-scope .hdt-drawer--blur{ background: rgb(var(--color-background-rgb) / 0.3); -webkit-backdrop-filter: blur(55px); backdrop-filter: blur(55px); &.hdt-drawer--indent { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; .hdt-drawer_wrapper { background: rgb(var(--color-background-rgb) / 0.3); -webkit-backdrop-filter: blur(55px); backdrop-filter: blur(55px); border: 1px solid var(--color-line-border); } } &[open]:not(.dialog-closing)::backdrop { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-drawer--indent{ padding: 30px 20px; }}.dekozen-slideshow-scope .hdt-modal{ margin: auto; max-width: min(900px, 90vw); max-height: 80vh; height: fit-content; overflow: hidden; border-radius: 3px; padding: 0; border-radius: var(--rounded); @media screen and (width >= 768px) { padding: 38px 0 40px; } &[open] { justify-content: center; } .hdt-modal__header { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; @media screen and (width >= 768px) { padding: 27px 26px 21px; border-bottom: 1px solid var(--color-line-border); } } .hdt-modal__inner { overscroll-behavior-y: contain; overflow-y: auto; padding: 20px; @media screen and (width >= 768px) { padding: 31px 24px 35px; } } &:modal { display: flex; flex-direction: column; } &.hdt-modal--blur{ --color-line-border: rgb(var(--color-text-rgb) / 8%); --input-background: rgb(var(--color-text-rgb) / 4%); background-color: rgb(var(--color-background-rgb) / 30%); -webkit-backdrop-filter: blur(70px); backdrop-filter: blur(70px); border: 1px solid rgb(var(--color-text-rgb) / 30%); &[open]:not(.dialog-closing)::backdrop{ -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } } }.dekozen-slideshow-scope .hdt-popover{ --padding-x: 10px; --padding-y: 10px; position: absolute; inset: auto; margin: 0; overflow: visible !important; z-index: 999; background: var(--color-background); border-radius: var(--rounded-sm); width: max-content; max-width: min(100vw, 300px); box-shadow: 0 0 18px rgb(var(--color-overlay-rgb) / var(--backdrop-opacity, 0.2)); pointer-events: auto; padding: 0; .hdt-popover__inner{ padding: var(--padding-x) var(--padding-y); } &[open-as-modal] { --padding-x: 15px; --padding-y: 24px; position: fixed; inset: 0 !important; inset-block-start: auto !important; 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__header{ align-items: center; padding: 0 var(--padding-y); margin-bottom: 0; button[ref="closeButton"]{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: flex-end; pointer-events: auto; } } } .hdt-popover__arrow { position: absolute; width: 10px; height: 10px; transform: rotate(45deg); background: inherit; } .hdt-popover__header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 20px; padding: 10px var(--padding-x); button[ref="closeButton"]{ svg { transition: transform 0.3s linear; } } @media screen and (width >= 768px) { &.md\:hdt-hidden { display: none; } } } &[open] { &::backdrop { background-color: rgb(var(--color-overlay-rgb) / var(--backdrop-opacity, 0.5)); opacity: 1; } &:not(.dialog-closing)::backdrop { cursor: var(--cursor-close-icon) 25 25, auto; } &.dialog-closing::backdrop { opacity: 0; } &[open-as-modal]::backdrop { opacity: var(--opacity, 0) !important; } &.dialog-closing[open-as-modal]::backdrop { pointer-events: none; } } }.dekozen-slideshow-scope .hdt-popover-u[open-as-modal]{ --w-u: 102px; --h-u: 31px; --padding: 15px; padding: var(--padding); background-color: transparent; top: auto !important; transform: none !important; [ref="closeButton"] { position: absolute; width: 40px; height: 40px; left: 50%; transform: translateX(-50%); top: -2px; background-color: var(--color-background); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .hdt-popover__body { margin-top: -1px; background-color: var(--color-background); padding: 0 20px 40px; border-bottom-left-radius: var(--rounded-sm); border-bottom-right-radius: var(--rounded-sm); } .hdt-popover-u__top{ position: relative; display: grid; grid-template-columns: [start] minmax(0, 1fr) 90px [end] minmax(0, 1fr); &::before, &::after { content: ''; display: block; height: var(--h-u); width: 100%; background-color: var(--color-background); } &::before { grid-area: start; border-start-start-radius: var(--rounded-sm); } &::after { grid-area: end; border-start-end-radius: var(--rounded-sm); } } .hdt-icon-u { color: var(--color-background); width: var(--w-u); height: var(--h-u); position: absolute; left: 50%; transform: translateX(-50%); } &.hdt-popover-u--no-padding { padding: var(--padding) 0 0; .hdt-popover-u__top { --rounded-sm: var(--rounded-lg); --padding: 0px; } .hdt-popover__body { --rounded-sm: 0; } } .hdt-popover__header{ align-items: flex-start; padding-inline: 0; } .hdt-popover__inner{ padding-inline: 0; } }.dekozen-slideshow-scope .hdt-popover-u:not([open-as-modal]){ [ref="closeButton"], .hdt-icon-u { display: none; } }.dekozen-slideshow-scope .hdt-close-dialog-btn{ width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; padding: 5px; display: inline-flex; justify-content: center; align-items: center; position: relative; svg{ margin-block-start: 0; } &.hdt-btn-close-no-progress{ border: 1px solid var(--color-foreground); svg { transition: transform 0.3s linear; } } .hdt-icon-circle-progress{ position: absolute; inset: 0; width: 100%; height:100%; transition: transform 0.3s ease; .hdt-circle-progress{ opacity: 0; transition: stroke-dashoffset var(--hdt-remaining, 0.4s) cubic-bezier(0.7, 0, 0.3, 1); } } }.dekozen-slideshow-scope .hdt-s-drawer-wrapper{ margin-top: 21px; .hdt-recent-view-products { margin-top: 21px; } }.dekozen-slideshow-scope .hdt-s-drawer-results{ #predictive-search-results-queries-list { display: block; column-count: 2; } .hdt-slider--predictive-search { margin-bottom: 24px; --slide-spacing: 20px; } .hdt-predictive-search__heading { padding-bottom: 9px; } .hdt-predictive-search__result-group { margin-bottom: 16.5px; } .hdt-predictive-search__results-list { .hdt-predictive-search__list-item + .hdt-predictive-search__list-item { margin-top: 9px; &.hdt-sd-pr-item { margin-top: 15px; } } } .hdt-predictive-search__result-tabs { display: block; position: relative; } }.dekozen-slideshow-scope .hdt-drawer__inner{ .hdt-input--search { background: color-mix(in srgb, var(--color-foreground), transparent 80%);; } }.dekozen-slideshow-scope .hdt-s-drawer-show-when-empty{ opacity: 1; transition: opacity 0.3s linear 0.3s; }.dekozen-slideshow-scope .hdt-predictive-search{ &:has(.hdt-reset-search__btn:not(.hidden)) { .hdt-s-drawer-show-when-empty { opacity: 0; pointer-events: none; user-select: none; transition: opacity 0.2s linear; } } &:has(.hdt-reset-search__btn.hidden) { .hdt-s-drawer-results-part { pointer-events: none; user-select: none; } } }.dekozen-slideshow-scope .hdt-s-drawer-product-list{ display: flex; flex-direction: column; }.dekozen-slideshow-scope .hdt-sd-pr-item{ display: flex; gap: 8px; .hdt-sd-pr-img { width: 80px; border-radius: var(--rounded-sm); overflow: hidden; flex: none; img, svg { width: 100%; height: auto; border-radius: var(--rounded-sm); } } + .hdt-sd-pr-item { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--color-line-border); } }.dekozen-slideshow-scope .hdt-collection-list--dynamic{ position: relative; overflow: hidden; .hdt-collection-list__image { width: 50px; border-radius: var(--rounded-full); overflow: hidden; .hdt-placeholder-svg{ fill: currentColor; } } &.hdt-slider--s-drawer-collection-list { .hdt-collection-list__image { width: 39px; } } .hdt-container.hdt-slider__overflow{overflow: visible;} }.dekozen-slideshow-scope .hdt-search-drawer-title-wrap{ display: flex; justify-content: space-between; gap: 10px; align-items: center; }.dekozen-slideshow-scope .hdt-search-drawer-title{ --heading-size: var(--text-xl); }.dekozen-slideshow-scope .hdt-s-drawer-sub-content{ display: block; & + .hdt-s-drawer-sub-content { margin-top: 19px; } }.dekozen-slideshow-scope .hdt-search-drawer-title, .dekozen-slideshow-scope .hdt-search-drawer-title-wrap{ + .hdt-s-drawer-sub-content-inner { margin-top: 19px; } }.dekozen-slideshow-scope .hdt-collection-list--dynamic{ &.hdt-start-slide-selected.hdt-last-slide-selected { mask-image: linear-gradient(calc(90deg * var(--dir, 1)), rgb(var(--color-background-rgb) / 50%) 8.96%, var(--color-background) 20%); } &.hdt-start-slide-selected:not(.hdt-last-slide-selected) { mask-image: linear-gradient(to right, transparent 0%, var(--color-background) 20%, var(--color-background) 80%, transparent 100%) } &:not(.hdt-last-slide-selected) { mask-image: linear-gradient(calc(-90deg * var(--dir, 1)), rgb(var(--color-background-rgb) / 50%) 8.96%, var(--color-background) 20%); } .hdt-slider { --slide-size-set: auto; --slide-spacing: 8px; } .hdt-collection-dynamic-item{ display: inline-flex; flex: 0 0 auto; } .hdt-collection-list__title{ white-space: nowrap; display: inline-flex; sup{ padding-inline-start: 4px; top: 0px; font-size: 68%; line-height: 10px; } } .hdt-collection-list__link{ display: inline-flex; gap: 13px; align-items: center; --padding-button: 6px 23px 6px 6px; --thickness-block: 1px; --color-btn-primary: transparent; --color-btn-secondary-hover: var(--color-foreground); --color-btn-primary-hover: color-mix(in srgb, var(--color-foreground), transparent 92%); margin-block: 2px; } .hdt-collection-current { color: var(--color-background); background: var(--color-foreground); } }.dekozen-slideshow-scope .hdt-drawer{ .hdt-slider--s-drawer-collection-list { --slide-size-set: auto; --slide-spacing: 8px; } }.dekozen-slideshow-scope .hdt-cart__empty-collections{ .hdt-cart__empty-collection { --slide-size-set: auto; --slide-spacing: 8px; display: inline-flex; flex: 0 0 auto; } }.dekozen-slideshow-scope .hdt-cart__empty-collection{ .hdt-collection-list__title{ white-space: nowrap; display: inline-flex; sup{ padding-inline-start: 4px; top: 0px; font-size: 68%; line-height: 10px; } } .hdt-collection-list__link{ display: inline-flex; gap: 13px; align-items: center; --padding-button: 6px 13px 6px 6px; --thickness-block: 1px; --color-btn-primary: transparent; --color-btn-secondary-hover: var(--color-foreground); --color-btn-primary-hover: color-mix(in srgb, var(--color-foreground), transparent 92%); margin-block: 2px; } }.dekozen-slideshow-scope .dir--rtl{ .hdt-collection-list--dynamic, .hdt-cart__empty-collection { .hdt-collection-list__link{ --padding-button: 6px 6px 6px 13px; } } }@media screen and (width >= 768px) {.dekozen-slideshow-scope .hdt-sd-pr-item{ gap: 20px; .hdt-sd-pr-img { width: 114px; } }}.dekozen-slideshow-scope .hdt-slider{ --slide-spacing: 0px; --slide-size-set: 100%; --slide-size-step: 1%; --slide-size: var(--slide-size-set); position: relative; &.hdt-slider--has-controls { width: 100%; .hdt-slideshow__controls { position: absolute; z-index: 1; width: 100%; padding-inline: var(--control-padding, 15px); bottom: var(--control-spacing, 15px); pointer-events: none; } } &[autoheight] .hdt-slider__container { align-items: flex-start; transition: height 0.2s; } &.hdt-slider-thumb[autoheight] .hdt-slider__container { align-items: flex-end; } &.hdt-slider-media[autoheight] .hdt-slider__container { transition: height 0.1s; } }.dekozen-slideshow-scope .hdt-slides-2{ --slide-size-set: 50%; }.dekozen-slideshow-scope .hdt-slides-3{ --slide-size-set: 33.3333%; }.dekozen-slideshow-scope .hdt-slides-4{ --slide-size-set: 25%; }.dekozen-slideshow-scope .hdt-slides-5{ --slide-size-set: 20%; }.dekozen-slideshow-scope .hdt-slides-6{ --slide-size-set: 16.6666667%; }.dekozen-slideshow-scope .hdt-slider__viewport{ position: relative; overflow: hidden; }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .hdt-slide-spacing-10{ --slide-spacing: 10px; }.dekozen-slideshow-scope .hdt-slide-spacing-15{ --slide-spacing: 15px; }.dekozen-slideshow-scope .hdt-slide-spacing-20{ --slide-spacing: 20px; }.dekozen-slideshow-scope .hdt-slide-spacing-30{ --slide-spacing: 30px; }.dekozen-slideshow-scope .hdt-slide-spacing-x{ --slide-spacing: var(--spacing-x); }.dekozen-slideshow-scope .hdt-slider-nav{ button { display: grid; place-content: center; width: var(--btn-w, 35px); height: var(--btn-h, 35px); --rounded-button:50%; --padding-button: 0; border-radius: var(--rounded-button); opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; position: absolute; top: var(--gap-arrow, 50%); transform: translate(var(--btn-tx, 0), -50%); &.hdt-btn--inner{ width: auto; height: auto; [circle-bg-wrap]{ width: var(--btn-w, 35px); height: var(--btn-h, 35px); clip-path: inset(0px round var(--rounded-button)); border-radius: inherit; display: inline-flex; justify-content: center; align-items: center; } } @media (min-width: 768px) { --btn-w: 45px; --btn-h: 45px; } } &.hdt-slider-nav--soh { display: none; button { opacity: 0!important; &[name=previous] { inset-inline-start: var(--inset, 0px); } &[name=next] { inset-inline-end: var(--inset, 0px); } } @media (min-width: 768px) { display: block; --inset: calc(var(--btn-w, 35px)/2); &.hdt-slider-nav--full-overlay { --inset: 17px; } } } }@media (min-width: 768px) {.dekozen-slideshow-scope .mb\:hdt-slider__overflow{ .hdt-slider-nav--soh { &.hdt-slider-nav--full-overlay { button { &[name=next] { inset-inline-end: calc(var(--inset, 0px) + var(--btn-w, 35px)); } } } } }}@media (min-width: 1024px) {.dekozen-slideshow-scope .hdt-slider-nav.hdt-slider-nav--soh{ &.lg\:hdt-hidden { display: none; } }}.dekozen-slideshow-scope .hdt-slider-nav--solid button{ background-color: var(--color-btn-primary); color: var(--color-btn-secondary); &.hdt-btn--inner{ background: transparent; } .hdt-inner-btn{ background-color: var(--color-btn-primary); color: var(--color-btn-secondary); } }.dekozen-slideshow-scope .hdt-slider-nav--outline button .hdt-inner-btn{ color: var(--color-btn-primary); border: 1px solid var(--color-btn-primary); }.dekozen-slideshow-scope .hdt-slider-nav[inited] button{ opacity: 1; visibility: visible; }.dekozen-slideshow-scope .hdt-slider-nav button[disabled]{ opacity: .5; cursor: default; pointer-events: none; }.dekozen-slideshow-scope .hdt-slider-nav button[name="previous"]{ inset-inline-start: var(--inset, 0px); }.dekozen-slideshow-scope .hdt-slider-nav button[name="next"]{ inset-inline-end: var(--inset, 0px); }.dekozen-slideshow-scope .hdt-slider-nav [circle-bg-wrap]{ overflow: hidden; }.dekozen-slideshow-scope .hdt-slider__overflow{ overflow: hidden; .hdt-slider__viewport { overflow: visible; } }.dekozen-slideshow-scope .hdt-slider__border:before{ content: ''; position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid rgb(var(--color-line-border)); z-index: 1; pointer-events: none; display: block !important; background-color: transparent; }.dekozen-slideshow-scope .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 rgb(var(--color-line-border)), -1px -1px rgb(var(--color-line-border)); pointer-events: none; }.dekozen-slideshow-scope .hdt-slider[autoheight] .hdt-slider__border .hdt-slider__slide:before{ height: 1000px; }.dekozen-slideshow-scope .hdt-slider-dots{ display: flex; justify-content: center; margin-block-start: var(--dots-spacing, 15px); gap: 6px; margin-block-end: 3px; @media (min-width: 768px){ &.md\:hdt-hidden{display: none;} margin-block-start: var(--dots-spacing, 20px); } @media (min-width: 1150px){ &.lg\:hdt-hidden{display: none;} margin-block-start: var(--dots-spacing, 40px); } .hdt-slider__dot{ display: grid; width: var(--size-dot, 6px); height: var(--size-dot, 6px); background-color: color-mix(in srgb, var(--color-foreground), transparent 80%); border-radius: var(--rounded-full); overflow: hidden; position: relative; transition: all 0.3s ease; &[aria-current=true]{ background-color: var(--color-foreground); } } }.dekozen-slideshow-scope .hdt-slider-dots__progressbar .hdt-slider__dot{ --size-dot: 4px; }.dekozen-slideshow-scope .hdt-slide_autoplay .hdt-slider-dots__progressbar .hdt-slider__dot[aria-current=true]{ background-color: rgb(var(--color-text-rgb) / 8%); }.dekozen-slideshow-scope .hdt-slider-dots__progressbar .hdt-slider__dot[aria-current=true]{ width: 28px; }.dekozen-slideshow-scope .hdt-slide_autoplay .hdt-slider-dots__progressbar .hdt-slider__dot[aria-current=true]:after{ content: ""; grid-area: 1/-1; transform: scaleX(0); transform-origin: var(--value-origin-start); background-color: var(--color-foreground); border-radius: var(--rounded-full); animation: slideDotsProgress var(--hdt-remaining, 0) linear var(--hdt-play-state, paused) both; display: block; width: 100%; height: 100%; }@keyframes slideDotsProgress{ 0%{ transform: scaleX(0); } 100%{ transform: scaleX(1); } }.dekozen-slideshow-scope .hdt-slide-control-mixed{ --color-control-rgb: var(--nav-color-rgb, var(--color-text-rgb)); --color-control: rgb(var(--color-control-rgb)); --color-control-background: rgb(var(--nav-background-rgb, var(--color-background-rgb))); --color-control-border: rgb(var(--color-control-rgb) / .08); --color-btn-primary-hover: var(--color-control); border-radius: var(--rounded-button); background: var(--color-control-background); color: var(--color-control); border: 1px solid var(--color-control-border); padding: var(--spacing-0-6); width: fit-content; display: flex; align-items: center; gap: 8px; --size: 24px; button[name="next"], button[name="previous"]{ overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--size); height: var(--size); border: 1px solid var(--color-control-border); border-radius: var(--rounded-full); } .hdt-slider-progress_bar { background-color: var(--color-control); } svg{z-index: 2;} hdt-circle-bg{z-index: 1;} }.dekozen-slideshow-scope .hdt-slide-controls-vertical.hdt-slide-control-mixed{ flex-direction: column; button[name="next"] > *, button[name="previous"] > *{ transform: rotate(90deg); } }.dekozen-slideshow-scope .dir--rtl .hdt-slide-controls-vertical.hdt-slide-control-mixed{flex-direction: column-reverse;}.dekozen-slideshow-scope hdt-slider-progress{ width: 100%; display: grid; background-color: var(--color-control-border, var(--color-background2)); height: 2px; max-width: 200px; margin: 60px auto 0; }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .hdt-slide-control-mixed{ hdt-slider-progress { width: 44px; height: 4px; margin: 0; border-radius: 10px; overflow: hidden; } .hdt-slider-progress_bar { border-radius: 10px; } &.hdt-slide-controls-vertical hdt-slider-progress { width: 4px; height: 44px; .hdt-slider-progress_bar { transform: scaleX(1) scaleY(var(--scale-x, 0)); transform-origin: top; } } }@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-slider__active-false .hdt-slider__container{ flex-wrap: wrap; row-gap: var(--spacing-y); }.dekozen-slideshow-scope .hdt-slider__active-false.hdt-slider__items-center .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-slider:not(.hdt-slider__active-false) .hdt-slider__slide{ --slide-size: var(--slide-size-set); }@supports (width: round(0px, 0px)) {.dekozen-slideshow-scope .mb\:hdt-slider--round:not(.hdt-slider__active-false) .hdt-slider__slide{ --slide-size: round(var(--slide-size-set), var(--slide-size-step)); }}.dekozen-slideshow-scope .mb\:hdt-slider__overflow{ overflow: hidden; .hdt-slider__viewport { overflow: visible; &.mb\:hdt-slider__viewport--hidden { overflow: hidden; } } }.dekozen-slideshow-scope .mb\:hdt-slider__overflow .hdt-slides-1:not(.hdt-slider__active-false){ --slide-size-set: var(--slide-size-set-mb, 90%); }.dekozen-slideshow-scope .mb\:hdt-slider__overflow .hdt-slides-2:not(.hdt-slider__active-false){ --slide-size-set: var(--slide-size-set-mb, 48%); }.dekozen-slideshow-scope .hdt-slider-nav{ display: none; @media (max-width: 767.98px) { &.hdt-block{display: block;} } }}@media (max-width: 1024px) and (min-width: 768px) {.dekozen-slideshow-scope .mb\:hdt-slider__overflow{ overflow: hidden; .hdt-slider__viewport { overflow: visible; &.mb\:hdt-slider__viewport--hidden { overflow: hidden; } } }.dekozen-slideshow-scope .mb\:hdt-slider__overflow .md\:hdt-slides-2:not(.md\:hdt-slider__active-false){ --slide-size-set: 45%; }.dekozen-slideshow-scope .mb\:hdt-slider__overflow .md\:hdt-slides-3:not(.md\:hdt-slider__active-false){ --slide-size-set: 30%; }.dekozen-slideshow-scope .hdt-slider-nav{ display: none; }}@media (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-slider__marquee{ overflow: hidden; &.mb\:hdt-slider__overflow { padding-inline-end: 0; } }.dekozen-slideshow-scope .md\:hdt-slider__marquee .hdt-slider__viewport{ overflow: visible; }.dekozen-slideshow-scope .md\:hdt-slider__active-false .hdt-slider__container{ flex-wrap: wrap; row-gap: var(--spacing-y); }.dekozen-slideshow-scope .md\:hdt-slider__active-false.md\:hdt-slider__items-center .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .md\:hdt-slides-1{ --slide-size-set: 100%; }.dekozen-slideshow-scope .md\:hdt-slides-2{ --slide-size-set: 50%; }.dekozen-slideshow-scope .md\:hdt-slides-3{ --slide-size-set: 33.3333%; }.dekozen-slideshow-scope .md\:hdt-slides-4{ --slide-size-set: 25%; }.dekozen-slideshow-scope .md\:hdt-slides-5{ --slide-size-set: 20%; }.dekozen-slideshow-scope .md\:hdt-slides-6{ --slide-size-set: 16.6666667%; }.dekozen-slideshow-scope .md\:hdt-slide-spacing-24{ --slide-spacing: 24px; }}@media (min-width: 768px) and (max-width: 1149.98px) {.dekozen-slideshow-scope .md\:hdt-slider__active-false .hdt-slider__container{ flex-wrap: wrap; row-gap: var(--spacing-y); }.dekozen-slideshow-scope .md\:hdt-slider__active-false.md\:hdt-slider__items-center .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-slider:not(.md\:hdt-slider__active-false) .hdt-slider__slide{ --slide-size: var(--slide-size-set); }@supports (width: round(0px, 0px)) {.dekozen-slideshow-scope .hdt-slider--round:not(.md\:hdt-slider__active-false) .hdt-slider__slide{ --slide-size: round(var(--slide-size-set), var(--slide-size-step)); }}}@media (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-slider__active-false .hdt-slider__container{ flex-wrap: wrap; row-gap: var(--spacing-y); }.dekozen-slideshow-scope .xl\:hdt-slider__active-false.xl\:hdt-slider__items-center .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-slider:not(.xl\:hdt-slider__active-false) .hdt-slider__slide{ --slide-size: var(--slide-size-set) }@supports (width: round(0px, 0px)) {.dekozen-slideshow-scope .hdt-slider--round:not(.xl\:hdt-slider__active-false) .hdt-slider__slide{ --slide-size: round(var(--slide-size-set), var(--slide-size-step)); }}.dekozen-slideshow-scope .xl\:hdt-slides-2{ --slide-size-set: 50%; }.dekozen-slideshow-scope .xl\:hdt-slides-3{ --slide-size-set: 33.3333%; }.dekozen-slideshow-scope .xl\:hdt-slides-4{ --slide-size-set: 25%; }.dekozen-slideshow-scope .xl\:hdt-slides-5{ --slide-size-set: 20%; }.dekozen-slideshow-scope .xl\:hdt-slides-6{ --slide-size-set: 16.6666667%; }.dekozen-slideshow-scope .xl\:hdt-slides-7{ --slide-size-set: 14.285714%; }.dekozen-slideshow-scope .xl\:hdt-slides-8{ --slide-size-set: 12.5%; }}.dekozen-slideshow-scope .hdt-section__header{ margin-bottom: 25px; }.dekozen-slideshow-scope .hdt-caption + .hdt-heading{ margin-top: var(--spacing-header-cap, 18px); }.dekozen-slideshow-scope .hdt-caption + .hdt-description{ margin-top: var(--spacing-header-text, 20px) }.dekozen-slideshow-scope .hdt-heading + .hdt-description{ margin-top: var(--spacing-header-desc, 16px); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-section__header{ margin-bottom: 38px; }}.dekozen-slideshow-scope .hdt-max-height{ max-height: var(--max-height, none); position: relative; overflow: hidden; &[active-mh] { max-height: none; transition: height .5s ease; height: var(--max-height); } .hdt-read-more { position: absolute; z-index: 2; bottom: 5px; opacity: 0; } &[active-mh] .hdt-read-more-mask { position: absolute; z-index: 1; top: auto; bottom: 0; left: 0; width: 100%; min-height: 60px; pointer-events: none; margin: 0; height: 60%; } }.dekozen-slideshow-scope .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)); */ background-image: linear-gradient(rgba(255, 255, 255, 0.39), rgb(255, 255, 255) 71%); }.dekozen-slideshow-scope .hdt-max-height[active-mh] .hdt-read-more{ opacity: 1; }.dekozen-slideshow-scope .hdt-max-height[active-mh][open]{ height: var(--scroll-height); .hdt-read-more { span:first-child { display: none; } span:last-child { display: inline-flex; } } }.dekozen-slideshow-scope .rte{ :where(h1):not(.hdt-heading) { --h1-size: var(--rte-h1-size); --h1-size-xl: var(--rte-h1-size-xl); } :where(h2):not(.hdt-heading) { --h2-size: var(--rte-h2-size); --h2-size-xl: var(--rte-h2-size-xl); } :where(h3):not(.hdt-heading) { --h3-size: var(--rte-h3-size); --h3-size-xl: var(--rte-h3-size-xl); } :where(h4):not(.hdt-heading) { --h4-size: var(--rte-h4-size); --h4-size-xl: var(--rte-h4-size-xl); } :where(h5):not(.hdt-heading) { --h5-size: var(--rte-h5-size); --h5-size-xl: var(--rte-h5-size-xl); } :where(h6):not(.hdt-heading) { --h6-size: var(--rte-h6-size); --h6-size-xl: var(--rte-h6-size-xl); } :where(:not(meta, span) + *) { margin-block-start: var(--hdt-mt, 14px) } > *:first-child { margin-block-start: 0 !important; } :last-child { margin-block-end: 0!important; } img { height: auto; max-width: 100%; border-radius: var(--rounded-sm); } :is(iframe[src*="youtube.com"], iframe[src*="youtu.be"], iframe[src*="player.vimeo"]) { aspect-ratio: 16 / 9; width: 100%; height: auto; } :where(ul, ol) { list-style: disc inside; padding-inline-start: 20px; } ul ul { list-style-type: circle; padding-inline-start: 25px; ul { list-style-type: square } } ol { list-style-type: decimal; } li { list-style: inherit; &:last-child { margin-bottom: 0; } + li { margin-block-start: 5px; } } a:not(.hdt-btn, .hdt-btn-link), .hdt-form__alert--error a{ color: var(--color-foreground); display: inline; align-self: flex-start; background: linear-gradient(to right,currentColor,currentColor) 0 100%/100% 1px no-repeat; background-position-x: left; transition: background-size .5s cubic-bezier(.3, 1, .3, 1),color .3s .5s cubic-bezier(.3, 1, .3, 1); } blockquote { padding-block: 53px 35px; padding-inline: 20px; border-top: 2px solid; border-bottom: 2px solid; border-color: var(--color-line-border); position: relative; text-align: center; margin-block-start: 70px; margin-block-end: 20px; display: inline-block; width: 100%; p{ max-width: 915px; margin-inline: auto; font-size: var(--h5-size); font-weight: var(--font-medium); @media (min-width: 768px) { font-size: var(--h5-size-xl); } } &:before { content: ''; position: absolute; inset-inline-start: 50%; inset-block-start: 0; transform: translate(-50%, -50%); padding: 12px 20px; mask-image: var(--icon-quote-rte); -webkit-mask-image: var(--icon-quote-rte); mask-repeat: no-repeat; mask-position: center; background-color: var(--color-foreground); width: 87px; height: 54px; z-index: 2; } &:after{ content: ''; position: absolute; inset-inline-start: 50%; inset-block-start: 0; transform: translate(-50%, -50%); padding: 12px 20px; width: 87px; height: 54px; z-index: 1; background-color: var(--color-background); border-radius: 50%; } > * { margin: -5px 0 -5px 0; } @media (min-width: 768px) { padding-inline: 50px; } } table.hdt-no-border{ box-shadow: none; :where(td, th){ border: none; &:first-child{ padding-inline-start: 0; } &:last-child{ padding-inline-end: 0; } } } }.dekozen-slideshow-scope .rte--thin :where(:not(meta, .dekozen-slideshow-scope span) + *){ --hdt-mt: 9px; }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .rte :where(:not(meta, .dekozen-slideshow-scope span) + *){ margin-block-start: var(--hdt-mt, 15px) }}.dekozen-slideshow-scope .hdt-scrollable-wrapper{ max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1px; }.dekozen-slideshow-scope :where(.hdt-table, .dekozen-slideshow-scope .rte table){ margin-bottom: 35px; vertical-align: middle; text-align: start; border-spacing: 0; border-collapse: collapse; width: 100%; border-style: hidden; box-shadow: 0 0 0 1px var(--color-line-border); border-radius: var(--rounded-sm); color: var(--color-foreground); overflow: hidden; :where(caption, th) { text-align: start; } :where(td, th) { padding: 7px 15px; border: 1px solid var(--color-line-border); } thead :where(td, th) { background-color: rgb(var(--color-text-rgb) / 0.065); font-weight: var(--font-medium); } th { font-weight: var(--font-medium); } }.dekozen-slideshow-scope .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] calc(var(--media-overlap-content-gap-r) + var(--section-height-offset, 0px)) [content-r] minmax(0,1fr) max(var(--media-overlap-content-gap-r), var(--min-overlap-bottom, 0px)) [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); }.dekozen-slideshow-scope .hdt-media-overlap-content > :is(picture, .dekozen-slideshow-scope .hdt-media-wrapper){ display: contents; }.dekozen-slideshow-scope .hdt-section__hero-media .hdt-media-wrapper >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratio, auto); }.dekozen-slideshow-scope .hdt-media-overlap-content > :is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video), .dekozen-slideshow-scope .hdt-media-overlap-content > :is(picture, .dekozen-slideshow-scope .hdt-media-wrapper) >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope 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; }.dekozen-slideshow-scope .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%; }.dekozen-slideshow-scope .hdt-media-overlap-content > :not(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope .hdt-media-wrapper, .dekozen-slideshow-scope a, .dekozen-slideshow-scope 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) {.dekozen-slideshow-scope .hdt-media-overlap-content--container{ grid-template: [full-r-start] calc(var(--media-overlap-content-gap-r) + var(--section-height-offset, 0px)) [content-r] minmax(0, 1fr) max(var(--media-overlap-content-gap-r), var(--min-overlap-bottom, 0px)) [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]; }.dekozen-slideshow-scope .hdt-media-overlap-content--container > :not(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope .hdt-media-wrapper, .dekozen-slideshow-scope a, .dekozen-slideshow-scope hdt-video){ grid-area: content-r / container; }}.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover) > :is(video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope img){ position: absolute; inset: 0; }.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover) > :is(video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope img){ width: 100%; height: 100%; border-radius: inherit; object-fit: cover; object-position: center; }.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover) > :is(video, .dekozen-slideshow-scope img){ object-fit: cover; object-position: center; }.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover) > video[controls], .dekozen-slideshow-scope .hdt-section__video :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover) > :is(video, .dekozen-slideshow-scope iframe){ pointer-events: auto; }.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover)::part(control-play){ display: flex; justify-content: center; align-items: center; z-index: 2; pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0; appearance: none; width: 50px; height: 50px; border-radius: var(--rounded-lg); background-color: var(--color-btn-primary); opacity: 0; }.dekozen-slideshow-scope :where(hdt-video, .dekozen-slideshow-scope hdt-video-hover)::part(control-play-icon){ color: var(--color-btn-secondary); }.dekozen-slideshow-scope .hdt-media-overlap-content:before{ content: ""; position: absolute; top: 0; background: rgb(var(--color-overlay-rgb) / var(--color-overlay-opacity, 0)); z-index: 1; width: 100%; height: 100%; pointer-events: none; }@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-height--fixed{ --media-overlap-content-h: var(--aspect-ratioapt, auto); }.dekozen-slideshow-scope .hdt-height--full{ --media-overlap-content-h: var(--hdt-fill-height); }.dekozen-slideshow-scope .hdt-section:first-child .hdt-height--full{ --media-overlap-content-h: var(--fill-height-first, calc(var(--hdt-fill-height) - (var(--header-height, 0px) * (1 - var(--hdt-header-transparent))) - var(--header-group-height, 0px))) }.dekozen-slideshow-scope .hdt-height--adapt_image_first.is-video{ --aspect-ratioapt: 1.77777777778; }.dekozen-slideshow-scope :is(.hdt-height--adapt_image, .dekozen-slideshow-scope .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video), .dekozen-slideshow-scope :is(.hdt-height--adapt_image, .dekozen-slideshow-scope .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(picture, .dekozen-slideshow-scope .hdt-media-wrapper) >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratioapt, auto); }@supports not (aspect-ratio: 1) {.dekozen-slideshow-scope :is(.hdt-height--adapt_image, .dekozen-slideshow-scope .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope 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; }.dekozen-slideshow-scope :is(.hdt-height--adapt_image, .dekozen-slideshow-scope .hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope hdt-video) > *{ height: 100%; top: 0; left: 0; position: absolute; }}}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .md\:hdt-height--fixed{ --media-overlap-content-h: var(--aspect-ratioapt-md, auto); }.dekozen-slideshow-scope .md\:hdt-height--full{ --media-overlap-content-h: var(--hdt-fill-height); }.dekozen-slideshow-scope .hdt-section:first-child .md\:hdt-height--full{ --media-overlap-content-h: var(--fill-height-first, calc(var(--hdt-fill-height) - (var(--header-height, 0px) * (1 - var(--hdt-header-transparent))) - var(--header-group-height, 0px))) }.dekozen-slideshow-scope .md\:hdt-height--adapt_image_first.is-video{ --aspect-ratioapt-md: 1.77777777778; }.dekozen-slideshow-scope :is(.md\:hdt-height--adapt_image, .dekozen-slideshow-scope .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video), .dekozen-slideshow-scope :is(.md\:hdt-height--adapt_image, .dekozen-slideshow-scope .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(picture, .dekozen-slideshow-scope .hdt-media-wrapper) >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratioapt-md, auto); }@supports not (aspect-ratio: 1) {.dekozen-slideshow-scope :is(.md\:hdt-height--adapt_image, .dekozen-slideshow-scope .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope 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; }.dekozen-slideshow-scope :is(.md\:hdt-height--adapt_image, .dekozen-slideshow-scope .md\:hdt-height--adapt_image_first) .hdt-media-overlap-content > :is(.hdt-media-wrapper, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope hdt-video) > *{ height: 100%; top: 0; left: 0; position: absolute; }}}.dekozen-slideshow-scope .hdt-btn, .dekozen-slideshow-scope .hdt-btn-link{ --font-size-button: var(--button-size); font-family: var(--font-button-family); font-size: var(--font-size-button); font-weight: var(--font-button-weight); line-height: var(--button-line-height); text-transform: var(--button-case); letter-spacing: var(--font-button-spacing); position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; &.hdt-btn--with-icon{ --height-btn-icon: calc(var(--font-size-button) * 1.286); .hdt-inner-btn{ gap: var(--gap-btn-icon, 8px); } svg:not(.hdt-icon-graphic--slide){ width: auto; height: round(var(--height-btn-icon, 20px), 1px); flex-shrink: 0; } } &.hdt-btn--with-icon.hdt-btn--icon-left .hdt-inner-btn{ flex-direction: row-reverse; } &.hdt-uppercase { text-transform: uppercase; font-size: calc(var(--font-size-button) - 2px); letter-spacing: var(--font-button-spacing-upper); } &.hdt-none { text-transform: none; letter-spacing: var(--font-button-spacing-none); } }.dekozen-slideshow-scope hdt-circle-bg{ position: absolute; z-index: var(--layer-lowest); width: 20px; height: 20px; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%) scale(0); }.dekozen-slideshow-scope .hdt-btn{ display: inline-flex; align-items: center; border-radius: var(--rounded-button); --color-icon-btn: var(--color-btn-primary); --color-button-border: var(--color-btn-primary); color: var(--color-btn-secondary); padding: var(--padding-button, 10px 20px); min-height: var(--height-btn, 44px); box-shadow: inset 0 0 0 var(--thickness-btn) var(--color-button-border); background-color: var(--color-btn-primary); &[circle-bg-wrap]{ clip-path: inset(0px round var(--rounded-button)); &:focus-visible{ clip-path: unset; overflow: hidden; } } &.hdt-btn--with-icon{ gap: var(--gap-btn-icon, 8px); &.hdt-btn--inner{gap: 0;} } &.hdt-btn--inner{ padding: 0; min-height: auto; box-shadow: none; background-color: transparent; .hdt-inner-btn{ display: inline-flex; align-items: center; justify-content: center; padding: var(--padding-button, 10px 20px); min-height: var(--height-btn, 44px); border-radius: var(--rounded-button); clip-path: inset(0px round var(--rounded-button)); min-width: 100%; box-shadow: inset 0 0 0 var(--thickness-btn) var(--color-button-border); color: inherit; background-color: var(--color-btn-primary); transition: color 0.3s; } } &.hdt-btn-outline{ --color-icon-btn: var(--color-background); --thickness-btn: 1px; color: var(--color-btn-primary); background: transparent; .hdt-inner-btn{ background-color: transparent; } } &.hdt-btn-reverse { --color-btn-primary: var(--color-btn-primary-reverse); --color-btn-secondary: var(--color-btn-secondary-reverse); } hdt-circle-bg{ background-color: var(--color-btn-primary-hover); } }.dekozen-slideshow-scope .hdt-btn-link{ --color-icon-btn: var(--color-btn-secondary); .hdt-inner-btn{display: contents} &.hdt-btn--with-icon{ gap: var(--gap-btn-icon, 8px); } }.dekozen-slideshow-scope .hdt-btn--size-s{ --height-btn: 36px; --padding-button: 6px 24px; --font-size-button: calc(var(--button-size) - 2px); --gap-btn-icon: 6px; --transtextY: 50% }.dekozen-slideshow-scope .hdt-btn--size-l{ --height-btn: 52px; --padding-button: 14px 28px; --font-size-button: calc(var(--button-size) + 2px); --gap-btn-icon: 10px; --transtextY: 80% }.dekozen-slideshow-scope .hdt-btn-link{ position: relative; color: var(--color-foreground); overflow: hidden; padding: 5px 0; .hdt-icon-graphic { position: absolute; bottom: 0; inset-inline-start: 0; pointer-events: none; fill: none; stroke: var(--color-foreground); stroke-width: var(--svg-w, 2.5px); max-height: 30px; max-width: none; transition: transform .7s; transition-timing-function: cubic-bezier(0,.25,.5,1); } &.hdt-btn-link--hover .hdt-icon-graphic { opacity: 0; transition: transform .7s cubic-bezier(0, .25, .5, 1), opacity .25s ease; } }.dekozen-slideshow-scope .hdt-btn-link.hdt-btn--with-icon{ padding-block-end: 5px; }.dekozen-slideshow-scope .hdt-btn:disabled, .dekozen-slideshow-scope .hdt-btn[aria-disabled=true], .dekozen-slideshow-scope .hdt-btn-link:disabled, .dekozen-slideshow-scope .hdt-btn-link[aria-disabled=true]{ cursor: not-allowed; opacity: .5; }.dekozen-slideshow-scope .hdt-link:not(.hdt-line-clamp){ color: var(--color-foreground); position: relative; background: linear-gradient(to right,currentColor,currentColor) 0 100%/0 1px no-repeat; background-position-x: right; transition: background-size .5s cubic-bezier(.3, 1, .3, 1); display: inline; }.dekozen-slideshow-scope .hdt-link-underline, .dekozen-slideshow-scope .rte a:not(.hdt-line-clamp), .dekozen-slideshow-scope .hdt-heading a, .dekozen-slideshow-scope .hdt-marquee-item a{ color: var(--color-foreground); display: inline; align-self: flex-start; background: linear-gradient(to right,currentColor,currentColor) 0 100%/100% 1px no-repeat; background-position-x: left; transition: background-size .5s cubic-bezier(.3, 1, .3, 1),color .3s .5s cubic-bezier(.3, 1, .3, 1); @supports (height: 1lh) { background-position-y: min(100%, 1lh); } }.dekozen-slideshow-scope .hdt-btn-effhover{ overflow: hidden; position: relative; transition: transform 0.3s,color .3s, background-color .45s cubic-bezier(1,.007,1,.007); --color-btn-primary: transparent; --color-btn-secondary: var(--color-foreground); --color-btn-secondary-hover: var(--color-foreground); --color-btn-primary-hover: color-mix(in srgb, var(--color-foreground), transparent 92%); --color-icon-btn: var(--color-btn-primary); --rounded-block: var(--rounded-full); padding: var(--padding-button, 6px 13px); border: var(--thickness-block) solid var(--color-line-border); border-radius: var(--rounded-block); color: var(--color-btn-secondary); background: var(--color-btn-primary); }.dekozen-slideshow-scope .hdt-btn-effect--none hdt-circle-bg, .dekozen-slideshow-scope .hdt-btn-effect--fade hdt-circle-bg{ display: none; }.dekozen-slideshow-scope .hdt-btn-effect--none [circle-bg-wrap], .dekozen-slideshow-scope .hdt-btn-effect--fade [circle-bg-wrap]{ transform: unset!important; }.dekozen-slideshow-scope .hdt-btn-effect--fade [circle-bg-wrap]{ transition: background ease 0.3s, color ease 0.3s; }.dekozen-slideshow-scope .hdt-media-wrapper{ position: relative; }.dekozen-slideshow-scope .hdt-btn-control_media{ height: var(--hbtn, 30px); width: var(--wbtn, 30px); position: relative; display: grid; color: var(--color-foreground); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: var(--color-background); border-radius: var(--rounded-full); overflow: hidden; transition: all 0.3s; pointer-events: auto; cursor: pointer; align-self: center; &.hdt-btn-media-no-progress{ border: 1px solid var(--color-line-border); } > span { grid-area: 1/1/2/2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; &.hdt-ic-pause-wrap svg, &.hdt-ic-play-wrap svg{ max-width: 7px; } &.hdt-ic-video_progress .hdt-icon-circle-progress{ --cricle-width: 4px; width: 100%; height: 100%; } } &:focus-visible{ outline-offset: -1px; } }.dekozen-slideshow-scope .hdt-btn-video .hdt-ic-pause-wrap, .dekozen-slideshow-scope .hdt-btn-video .hdt-ic-play-wrap{ opacity: 0; visibility: hidden; }.dekozen-slideshow-scope hdt-video:not([playing]) .hdt-btn-video .hdt-ic-play-wrap, .dekozen-slideshow-scope hdt-video[playing] .hdt-btn-video .hdt-ic-pause-wrap{ opacity: 1; visibility: visible; }.dekozen-slideshow-scope hdt-video[playing] .hdt-ic-video_progress{ --hdt-play-state: running; }.dekozen-slideshow-scope hdt-video[data-loop="true"] .hdt-ic-video_progress{ --hdt-play-infinite: infinite; }.dekozen-slideshow-scope hdt-video[autoplay] .hdt-ic-video_progress .hdt-circle-progress{ animation: circleProgress var(--hdt-media-duration, 5s) linear 0s var(--hdt-play-infinite, 1) both; animation-play-state: var(--hdt-play-state, paused); }.dekozen-slideshow-scope hdt-video[not-controls-api] hdt-btn-video{display: none;}.dekozen-slideshow-scope .hdt-btn-ctrl_media-abs{ position: absolute; z-index: 5; inset-inline-end: var(--pos-r, 16px); inset-block-end: var(--pos-b, 19px); &.hdt-pos-top { inset-block-end: auto; inset-inline-end: max(10px, calc(var(--rounded)/2)); inset-block-start: max(10px, calc(var(--rounded)/2)); } .hdt-btn-control_media{ background: color-mix(in srgb, var(--color-foreground), transparent 80%); } }.dekozen-slideshow-scope .hdt-btn.hdt-btn--quickview{ --height-btn: 21px; --font-size-button: var(--text-xs); --padding-button: 3px 8px; --gap-btn-icon: 6px; --height-btn-icon: 7px; font-weight: var(--font-medium); }.dekozen-slideshow-scope .hdt-btn-full-width{ width: 100%; }.dekozen-slideshow-scope :where([type='checkbox'], .dekozen-slideshow-scope [type='radio']){ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; position: relative; -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: var(--size-checkbox, 20px); width: var(--size-checkbox, 20px); color: var(--color-foreground); background-color: transparent; border-color: color-mix(in srgb, var(--color-foreground), transparent 85%); border-width: 1px; & + label{ margin-inline-start: 5px; margin-inline-end: 15px; } }.dekozen-slideshow-scope [type='checkbox']{ border-radius: min(calc(var(--rounded-input) * .5), 3px); transition: border-color 0.3s ease; &:after{ content: ""; border-radius: min(calc(var(--rounded-input) * .5),2px); background: currentColor; position: absolute; inset: 3px; transform: scale(0); transition: transform 0.3s ease; } &:checked:after{ transform: scale(1); } &:indeterminate { box-shadow: inset 0 0.5em 0 0 var(--color-background), inset 0 -0.5em 0 0 var(--color-background), inset -3px 0em 0 0 var(--color-background), inset 3px 0em 0 0 var(--color-background); background-color: currentColor; } &:indeterminate:hover, &:indeterminate:focus { background-color: currentColor; } &:checked { border-color: currentColor; } &:checked:focus { border-color: currentColor; } @media (forced-colors: active) { &:checked, &:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } }.dekozen-slideshow-scope [type='radio']{ border-radius: 100%; &:after{ content: ""; border-radius: min(calc(var(--rounded-input) * .5),2px); background: currentColor; position: absolute; inset: 4px; opacity: 0; transform: scale(0.4); transition: opacity 0.3s ease, transform 0.3s ease; border-radius: inherit; } &:checked:after{ opacity: 1; transform: scale(1); } @media (forced-colors: active) { &:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } }.dekozen-slideshow-scope :where(.hdt-input, .dekozen-slideshow-scope .hdt-textarea, .dekozen-slideshow-scope .hdt-select){ width: 100%; -webkit-appearance: none; appearance: none; border-radius: var(--rounded-input); background: var(--input-background, transparent); color: var(--color-input-text, var(--color-foreground)); 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; }.dekozen-slideshow-scope .hdt-textarea{ min-height: 4lh; height: auto; &.hdt-textarea-round-limit{ border-radius: min(var(--rounded-input), var(--rounded-limit, 10px)); } }.dekozen-slideshow-scope :is(.hdt-input:focus, .dekozen-slideshow-scope .hdt-textarea:focus, .dekozen-slideshow-scope .hdt-select:focus-visible){ border-color: var(--color-focus); outline: none; }.dekozen-slideshow-scope .is-uncheck :is(input, .dekozen-slideshow-scope textarea){ border-color: var(--color-error-text) !important; }.dekozen-slideshow-scope :where(.hdt-input, .dekozen-slideshow-scope .hdt-textarea, .dekozen-slideshow-scope .hdt-select){ margin-block-start: 12px; }.dekozen-slideshow-scope select{ option { background-color: var(--color-background); } }.dekozen-slideshow-scope .hdt-form--effect-text .hdt-field{ display: grid; grid-template: "input btn"/ 1fr auto; margin-block-start: 12px; label{ grid-area: input; padding: var(--spacing-1-4) var(--padding-inline-input); pointer-events: none; } .hdt-field__input{ grid-area: input; margin-block-start: 0; } }.dekozen-slideshow-scope input[type="text"], .dekozen-slideshow-scope input[type="number"], .dekozen-slideshow-scope input[type="tel"], .dekozen-slideshow-scope input[type="email"], .dekozen-slideshow-scope input[type="password"], .dekozen-slideshow-scope input[type="search"], .dekozen-slideshow-scope .hdt-select, .dekozen-slideshow-scope textarea{ width: 100%; -webkit-appearance: none; appearance: none; border-radius: var(--rounded-input); background-color: var(--input-background, transparent); color: var(--color-input-text, var(--color-foreground)); 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; }.dekozen-slideshow-scope input:-webkit-autofill, .dekozen-slideshow-scope textarea:-webkit-autofill, .dekozen-slideshow-scope select:-webkit-autofill{ -webkit-text-fill-color: var(--color-foreground)!important; caret-color: var(--color-foreground)!important; color: var(--color-foreground)!important; transition: background-color 50000s ease-in-out 0s; }.dekozen-slideshow-scope .hdt-select{ display: flex; align-items: center; justify-content: space-between; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; position: relative; select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; background: none; color: inherit; padding: var(--padding-block-input) var(--padding-inline-input); position: absolute; top: 0; inset-inline-start: 0; z-index: 1; &:focus{ outline: none; } } &::after{ content: ""; width: 11px; height: 100%; background-color: var(--color-foreground); mask: var(--carret-select) no-repeat center/11px; -webkit-mask: var(--carret-select) no-repeat center/11px; pointer-events: none; transition: transform 0.3s ease; position: absolute; z-index: 2; top: 0; inset-inline-end: var(--padding-inline-input); } &:focus-within{ outline: none; border-color: var(--color-focus); } &[aria-expanded="true"]:after{ transform: rotate(180deg); } }.dekozen-slideshow-scope .hdt-field-gr-has-btn .hdt-btn{ max-width: var(--max-w-btn, auto); white-space: nowrap; > span{ text-overflow: ellipsis; overflow: hidden; } svg{flex-shrink: 0;} }@media (max-width: 767px) {.dekozen-slideshow-scope .hdt-table--responsive thead, .dekozen-slideshow-scope .hdt-table--responsive th, .dekozen-slideshow-scope .hdt-table--responsive tfoot th:first-of-type{ display: none; }.dekozen-slideshow-scope .hdt-table--responsive{ border: none !important; box-shadow: none !important; border-radius: 0 !important; tbody { display: grid; gap: 15px; border: none; > tr { display: grid; border: 1px solid rgb(var(--color-line-border)); border-radius: var(--rounded-sm); overflow: hidden; } tr > :where(th, td) { display: flex; gap: 10px; border-top: none !important; border-right: none !important; border-bottom: 1px solid rgb(var(--color-line-border)) !important; border-left: none !important; &:last-child { border-bottom: none !important; } } } tr > td:before { color: rgba(var(--color-foreground)); content: attr(data-label); flex-grow: 1; text-align: start; font-weight: var(--font-bold); } tfoot { display: grid; border: none; margin-top: 30px; > tr { display: grid; :where(th, td) { display: flex; gap: 10px; border: none; padding: 5px 0; } } } }}.dekozen-slideshow-scope .hdt-form--move-text .hdt-field{ display: grid; grid: "input btn" / 1fr auto; place-content: start; row-gap: 4.5px; align-items: center; margin-block-start: 12px; &.hdt-contact__custom-field--options{ display: flex; flex-direction: column; background: transparent; border-radius: 0; border: none; align-items: flex-start; } &.hdt-field-has-textarea-limit{ border-radius: min(var(--rounded-input), var(--rounded-limit, 10px)) } &.hdt-field--checkbox{ border: none; text-align: left; } .hdt-field__input, > .hdt-select{ grid-area: input; height: var(--height-input); margin: 0; } textarea{ margin: 0; } &:focus-within{ outline: none; border-color: var(--color-focus); } &.hdt-field--with-error { grid-template-areas: "input btn" "msg msg"; .hdt-form-field__msg{ grid-area: msg; } } }.dekozen-slideshow-scope .hdt-form--move-text .hdt-field-icon{ display: grid; width: var(--icon-width); height: calc(100% - 2px); place-content: center; grid-template-columns: 45px 1px; grid-template-rows: 8px 1fr 8px; margin-inline: 1px; background: var(--input-background, transparent); border-radius: 0 var(--rounded-input) var(--rounded-input) 0; svg { grid-area: 2 / 1 / 2 / 1; place-self: center; } }.dekozen-slideshow-scope .hdt-form--move-text .hdt-field-icon--end{ grid-template-columns: 1px 45px; grid-area: input; place-self: center end; align-items: center; >svg, >span { grid-area: 2 / 2 / 2 / -1; } }.dekozen-slideshow-scope .hdt-show-pw{ > * { transition: transform .3s ease; cursor: pointer; + * { transform: scale(0); } } &[display-password] { > *{ transform: scale(0); + *{ transform: scale(1); } } } }.dekozen-slideshow-scope .hdt-pagination-wrapper{ margin-top: var(--hdt-pagi-mt, 45px); text-align: center; }.dekozen-slideshow-scope .hdt-pagination__list{ display: flex; justify-content: center; gap: 12px; .hdt-pagination__item{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; --padding-button: 0; --thickness-block: 1px; overflow: hidden; position: relative; &.hdt-pagination__item--current{ color: var(--color-background);; background-color: var(--color-foreground); border-radius: var(--rounded-full); } } span.hdt-pagination__item{pointer-events: none;} }.dekozen-slideshow-scope .hdt-social-links{ display: inline-flex; justify-content: center; align-items: center; gap: 15px var(--link-gap, 30px); flex-wrap: wrap; flex-direction: row; > a { position: relative; flex: none; display: inline-flex; height: var(--icon-size); color: var(--color-foreground); transition: all 0.3s; svg { height: 100%; width: auto; } } svg { position: relative; z-index: 2; } }.dekozen-slideshow-scope .hdt-social-links--icon-small{ --icon-size: 14px; --link-gap: 18px; }.dekozen-slideshow-scope .hdt-social-links--icon-medium{ --icon-size: 18px; }.dekozen-slideshow-scope .hdt-social-links--icon-large{ --icon-size: 25px; }.dekozen-slideshow-scope .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: 3px solid var(--hdt-alert-color, var(--color-success-text)); border-radius: var(--rounded-2xs); padding-block: 20px; padding-inline: 20px; margin-bottom: 20px; }.dekozen-slideshow-scope .hdt-form__alert > span, .dekozen-slideshow-scope .hdt-form-alert__title{ display: inline-flex; align-items: baseline; gap: 8px }.dekozen-slideshow-scope .hdt-form__alert svg{ flex: none; width: 13px; height: 13px; position: relative; top: 2px; }.dekozen-slideshow-scope .hdt-form-alert__title svg{ width: 15px; height: 15px; }.dekozen-slideshow-scope .hdt-form__alert a{ color: var(--hdt-alert-color); }.dekozen-slideshow-scope .hdt-form__alert > ul{ display: grid; gap: 5px; list-style: disc; padding-inline-start: 20px; }.dekozen-slideshow-scope .hdt-form__alert--error{ --hdt-alert-color: var(--color-error-text); }.dekozen-slideshow-scope .hdt-form__alert--warning{ --hdt-alert-color: var(--color-warning-text); }.dekozen-slideshow-scope .hdt-form-alert__title{ margin-bottom: 10px; color: var(--hdt-alert-color); }.dekozen-slideshow-scope p[data-spam-detection-disclaimer]{ color: var(--color-foreground2); }.dekozen-slideshow-scope .hdt-form-field__msg{ display: inline-flex; gap: 6px; align-items: baseline; text-align: start; svg { flex: none; width: 11px; height: 11px; position: relative; top: 2px; } }.dekozen-slideshow-scope .hdt-form-field__msg span{ place-self: center start; }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .hdt-fixed-grid.has-10-cols>.hdt-row-grid{ --hdt-grid-col-count: 10 }.dekozen-slideshow-scope .hdt-fixed-grid.has-12-cols>.hdt-row-grid{ --hdt-grid-col-count: 12; }.dekozen-slideshow-scope .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); }.dekozen-slideshow-scope .hdt-col-span-1{ --hdt-col-span: 1; }.dekozen-slideshow-scope .hdt-col-span-2{ --hdt-col-span: 2; }.dekozen-slideshow-scope .hdt-col-span-3{ --hdt-col-span: 3; }.dekozen-slideshow-scope .hdt-col-span-4{ --hdt-col-span: 4; }.dekozen-slideshow-scope .hdt-col-span-5{ --hdt-col-span: 5; }.dekozen-slideshow-scope .hdt-col-span-6{ --hdt-col-span: 6; }.dekozen-slideshow-scope .hdt-col-span-7{ --hdt-col-span: 7; }.dekozen-slideshow-scope .hdt-col-span-8{ --hdt-col-span: 8; }.dekozen-slideshow-scope .hdt-col-span-9{ --hdt-col-span: 9; }.dekozen-slideshow-scope .hdt-col-span-10{ --hdt-col-span: 10; }.dekozen-slideshow-scope .hdt-col-span-11{ --hdt-col-span: 11; }.dekozen-slideshow-scope .hdt-col-span-12{ --hdt-col-span: 12; }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .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); }.dekozen-slideshow-scope .md\:hdt-col-span-1{ --hdt-col-span: 1; }.dekozen-slideshow-scope .md\:hdt-col-span-2{ --hdt-col-span: 2; }.dekozen-slideshow-scope .md\:hdt-col-span-3{ --hdt-col-span: 3; }.dekozen-slideshow-scope .md\:hdt-col-span-4{ --hdt-col-span: 4; }.dekozen-slideshow-scope .md\:hdt-col-span-5{ --hdt-col-span: 5; }.dekozen-slideshow-scope .md\:hdt-col-span-6{ --hdt-col-span: 6; }.dekozen-slideshow-scope .md\:hdt-col-span-7{ --hdt-col-span: 7; }.dekozen-slideshow-scope .md\:hdt-col-span-8{ --hdt-col-span: 8; }.dekozen-slideshow-scope .md\:hdt-col-span-9{ --hdt-col-span: 9; }.dekozen-slideshow-scope .md\:hdt-col-span-10{ --hdt-col-span: 10; }.dekozen-slideshow-scope .md\:hdt-col-span-11{ --hdt-col-span: 11; }.dekozen-slideshow-scope .md\:hdt-col-span-12{ --hdt-col-span: 12; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .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); }.dekozen-slideshow-scope .xl\:hdt-col-span-1{ --hdt-col-span: 1; }.dekozen-slideshow-scope .xl\:hdt-col-span-2{ --hdt-col-span: 2; }.dekozen-slideshow-scope .xl\:hdt-col-span-3{ --hdt-col-span: 3; }.dekozen-slideshow-scope .xl\:hdt-col-span-4{ --hdt-col-span: 4; }.dekozen-slideshow-scope .xl\:hdt-col-span-5{ --hdt-col-span: 5; }.dekozen-slideshow-scope .xl\:hdt-col-span-6{ --hdt-col-span: 6; }.dekozen-slideshow-scope .xl\:hdt-col-span-7{ --hdt-col-span: 7; }.dekozen-slideshow-scope .xl\:hdt-col-span-8{ --hdt-col-span: 8; }.dekozen-slideshow-scope .xl\:hdt-col-span-9{ --hdt-col-span: 9; }.dekozen-slideshow-scope .xl\:hdt-col-span-10{ --hdt-col-span: 10; }.dekozen-slideshow-scope .xl\:hdt-col-span-11{ --hdt-col-span: 11; }.dekozen-slideshow-scope .xl\:hdt-col-span-12{ --hdt-col-span: 12; }}.dekozen-slideshow-scope .hdt-closest-block{ display: grid; justify-items: center; &:where(.hdt-text-start, .hdt-text-left) { justify-items: start; } &:where(.hdt-text-end, .hdt-text-right) { justify-items: end; } }.dekozen-slideshow-scope .hdt-label-emoij{ color: var(--color-foreground); border: 1px solid var(--color-line-border); border-radius: var(--rounded-button); padding: 7px var(--spacing-1-6); width: fit-content; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: inline-flex; }.dekozen-slideshow-scope .hdt-theme-blocks__spacing-small{ --hdt-block-el: 10px; --hdt-block-btn: 15px; }.dekozen-slideshow-scope .hdt-theme-block, .dekozen-slideshow-scope .hdt-btn, .dekozen-slideshow-scope .hdt-btn-link{ --hdt-block-el: 8px; --hdt-block-btn: 17px; --hdt-block-medium: 14px; --hdt-block-hafl: 12px; --hdt-block-space: 25px; }.dekozen-slideshow-scope .hdt-theme-block + .hdt-theme-block, .dekozen-slideshow-scope .hdt-theme-block + .shopify-app-block{ margin-block-start: var(--hdt-block-space); }.dekozen-slideshow-scope .hdt-label-emoij + .hdt-heading-block{ margin-block-start: var(--hdt-block-medium); }.dekozen-slideshow-scope .hdt-theme-block + .hdt-text-block, .dekozen-slideshow-scope .hdt-theme-block + .hdt-btn-link{ margin-block-start: var(--hdt-block-btn); }.dekozen-slideshow-scope .hdt-text-block + .hdt-theme-block{ margin-block-start: var(--hdt-block-btn); }.dekozen-slideshow-scope .hdt-text-block + .hdt-text-block{ margin-block-start: var(--hdt-block-hafl); }.dekozen-slideshow-scope .hdt-heading-block + .hdt-theme-block, .dekozen-slideshow-scope .hdt-theme-block + .hdt-heading-block{ margin-block-start: var(--hdt-block-medium); }.dekozen-slideshow-scope .hdt-subtext-block + .hdt-heading-block, .dekozen-slideshow-scope .hdt-text-block + .hdt-heading-block, .dekozen-slideshow-scope .hdt-heading-block + .hdt-text-block{ margin-block-start: var(--hdt-block-el); }.dekozen-slideshow-scope .hdt-theme-block + .hdt-btn{ margin-block-start: var(--hdt-block-space); }.dekozen-slideshow-scope .hdt-text-block + .hdt-btn{ margin-block-start: var(--hdt-block-btn); }.dekozen-slideshow-scope .hdt-heading-block + .hdt-btn, .dekozen-slideshow-scope .hdt-heading-block + .hdt-btn-link{ margin-block-start: var(--hdt-block-medium); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-theme-block{ --hdt-block-el: 11px; --hdt-block-btn: 22px; --hdt-block-medium: 18px; --hdt-block-hafl: 15px; --hdt-block-space: 30px; }.dekozen-slideshow-scope .hdt-theme-blocks__spacing-small .hdt-theme-block{ --hdt-block-el: 10px; --hdt-block-btn: 15px; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-theme-blocks__spacing-small .hdt-group-button-block{ --hdt-block-btn: 25px; }}.dekozen-slideshow-scope .hdt-row-block{ width: 100%; max-width: var(--max-w-row, inherit); margin: 0 auto; }.dekozen-slideshow-scope .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; &: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); } }.dekozen-slideshow-scope .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) {.dekozen-slideshow-scope .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) {.dekozen-slideshow-scope .hdt-column-block{ --pd-t-col: var(--pd-t-col-xl); --pd-b-col: var(--pd-b-col-xl); --pd-l-col: var(--pd-l-col-xl); --pd-r-col: var(--pd-r-col-xl); }}.dekozen-slideshow-scope .hdt-column-block-wrapp{ width: 100%; max-width: var(--max-col, inherit) !important; }.dekozen-slideshow-scope .hdt-spacer-block{ height: var(--space); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-spacer-block{ height: var(--space-md); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-spacer-block{ height: var(--space-xl); }}.dekozen-slideshow-scope :where(.hdt-heading-custom){ --heading-size: var(--heading-custom-size-xs); }@media only screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-heading-custom{ --heading-size: clamp(var(--heading-custom-size-xs), max(calc(var(--heading-custom-size-xs) + 1.5vw), calc(14.25px + 2vw)), var(--heading-custom-size)); }}@media only screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-heading-custom{ --heading-size: var(--heading-custom-size); }}.dekozen-slideshow-scope :where(.hdt-icon__type-square, .dekozen-slideshow-scope .hdt-icon__type-cricle){ background-color: color-mix(in srgb, var(--color-foreground), transparent 95%); padding: min(22px, calc(var(--icon-h)/3.3)); }.dekozen-slideshow-scope :where(.hdt-icon__type-cricle, .dekozen-slideshow-scope .hdt-icon__type-border){ padding: min(25px, calc(var(--icon-h)/3.3)); }.dekozen-slideshow-scope .hdt-icon__type-border{ border: 2px solid var(--color-line-border); }.dekozen-slideshow-scope :where(.hdt-icon__type-cricle, .dekozen-slideshow-scope .hdt-icon__type-border), .dekozen-slideshow-scope :is(.hdt-icon__type-cricle, .dekozen-slideshow-scope .hdt-icon__type-border) img{ border-radius: 50% !important; }.dekozen-slideshow-scope .hdt-icon-block, .dekozen-slideshow-scope .hdt-icon-wrapper{ display: flex; fill: currentColor; }.dekozen-slideshow-scope .hdt-icon-block > :where(svg, .dekozen-slideshow-scope img){ --color-icon-btn: var(--color-background); width: auto; height: var(--height); }.dekozen-slideshow-scope .hdt-icon-wrapper > :where(svg, .dekozen-slideshow-scope img){ width: auto; height: var(--icon-h); min-width: var(--icon-mw, auto); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-icon-wrapper{ --icon-h: var(--icon-h-md) !important; }.dekozen-slideshow-scope .hdt-icon-block > :where(svg, .dekozen-slideshow-scope img){ height: var(--height-md); }.dekozen-slideshow-scope .hdt-icon-wrapper > :where(svg, .dekozen-slideshow-scope img){ height: var(--icon-h-md); min-width: var(--icon-mw-md, auto); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-icon-block > :where(svg, .dekozen-slideshow-scope img){ height: var(--height-xl, var(--height-md)); }.dekozen-slideshow-scope .hdt-icon-wrapper > :where(svg, .dekozen-slideshow-scope img){ height: var(--icon-h-xl, var(--icon-h-md)); }}.dekozen-slideshow-scope .hdt-group-button-block{ display: flex; flex-wrap: wrap; width: 100%; gap: calc(var(--gap-btns) * 0.8); justify-content: inherit; align-items: end; @media (min-width: 768px) { gap: var(--gap-btns); } &.hdt-has-btn-link { align-items: center; } }.dekozen-slideshow-scope .hdt-image-block :where(img, .dekozen-slideshow-scope svg){ width: 100%; height: auto; aspect-ratio: var(--aspect-ratio); }.dekozen-slideshow-scope .hdt-image-block[custom-w] :where(img, .dekozen-slideshow-scope svg){ max-width: var(--img-w); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-image-block[custom-w] :where(img, .dekozen-slideshow-scope svg){ --img-w: var(--img-w-md); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-image-block[custom-w] :where(img, .dekozen-slideshow-scope svg){ --img-w: var(--img-w-lg); }}.dekozen-slideshow-scope .hdt-flex-block{ display: flex; }.dekozen-slideshow-scope :where(.hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.hdt-text-center) > .hdt-flex-block{ justify-content: center; }.dekozen-slideshow-scope :where(.hdt-text-start, .dekozen-slideshow-scope .hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.hdt-text-start, .dekozen-slideshow-scope .hdt-text-left) > .hdt-flex-block{ justify-content: start; }.dekozen-slideshow-scope :where(.hdt-text-end, .dekozen-slideshow-scope .hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.hdt-text-end, .dekozen-slideshow-scope .hdt-text-right) > .hdt-flex-block{ justify-content: end; }.dekozen-slideshow-scope :where(.hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.hdt-text-center) > .hdt-flex-block.hdt-flex-col{ align-items: center; }.dekozen-slideshow-scope :where(.hdt-text-start, .dekozen-slideshow-scope .hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.hdt-text-start, .dekozen-slideshow-scope .hdt-text-left) > .hdt-flex-block.hdt-flex-col{ align-items: start; }.dekozen-slideshow-scope :where(.hdt-text-end, .dekozen-slideshow-scope .hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.hdt-text-end, .dekozen-slideshow-scope .hdt-text-right) > .hdt-flex-block.hdt-flex-col{ align-items: end; }@media (min-width: 768px) {.dekozen-slideshow-scope :where(.md\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.md\:hdt-text-center) > .hdt-flex-block{ justify-content: center; }.dekozen-slideshow-scope :where(.md\:hdt-text-start, .dekozen-slideshow-scope .md\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.md\:hdt-text-start, .dekozen-slideshow-scope .md\:hdt-text-left) > .hdt-flex-block{ justify-content: start; }.dekozen-slideshow-scope :where(.md\:hdt-text-end, .dekozen-slideshow-scope .md\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.md\:hdt-text-end, .dekozen-slideshow-scope .md\:hdt-text-right) > .hdt-flex-block{ justify-content: end; }.dekozen-slideshow-scope :where(.md\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.md\:hdt-text-center) > .hdt-flex-block.hdt-flex-col{ align-items: center; }.dekozen-slideshow-scope :where(.md\:hdt-text-start, .dekozen-slideshow-scope .md\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.md\:hdt-text-start, .dekozen-slideshow-scope .md\:hdt-text-left) > .hdt-flex-block.hdt-flex-col{ align-items: start; }.dekozen-slideshow-scope :where(.md\:hdt-text-end, .dekozen-slideshow-scope .md\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.md\:hdt-text-end, .dekozen-slideshow-scope .md\:hdt-text-right) > .hdt-flex-block.hdt-flex-col{ align-items: end; }}@media (min-width: 1150px) {.dekozen-slideshow-scope :where(.xl\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.xl\:hdt-text-center) > .hdt-flex-block{ justify-content: center; }.dekozen-slideshow-scope :where(.xl\:hdt-text-start, .dekozen-slideshow-scope .xl\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.xl\:hdt-text-start, .dekozen-slideshow-scope .xl\:hdt-text-left) > .hdt-flex-block{ justify-content: start; }.dekozen-slideshow-scope :where(.xl\:hdt-text-end, .dekozen-slideshow-scope .xl\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block, .dekozen-slideshow-scope :where(.xl\:hdt-text-end, .dekozen-slideshow-scope .xl\:hdt-text-right) > .hdt-flex-block{ justify-content: end; }.dekozen-slideshow-scope :where(.xl\:hdt-text-center) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.xl\:hdt-text-center) > .hdt-flex-block.hdt-flex-col{ align-items: center; }.dekozen-slideshow-scope :where(.xl\:hdt-text-start, .dekozen-slideshow-scope .xl\:hdt-text-left) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.xl\:hdt-text-start, .dekozen-slideshow-scope .xl\:hdt-text-left) > .hdt-flex-block.hdt-flex-col{ align-items: start; }.dekozen-slideshow-scope :where(.xl\:hdt-text-end, .dekozen-slideshow-scope .xl\:hdt-text-right) .hdt-media-content-wrapp > .hdt-flex-block.hdt-flex-col, .dekozen-slideshow-scope :where(.xl\:hdt-text-end, .dekozen-slideshow-scope .xl\:hdt-text-right) > .hdt-flex-block.hdt-flex-col{ align-items: end; }}.dekozen-slideshow-scope .hdt-section-header, .dekozen-slideshow-scope .hdt-section-title{ margin-block-end: var(--header-bottom-margin, 28px); }.dekozen-slideshow-scope .hdt-section-header .hdt-section-title{ margin-block-end: 0; }.dekozen-slideshow-scope .hdt-section-title.hdt-section-title--b-fade .hdt-heading-block{ mask-image: linear-gradient(to bottom, var(--color-foreground) 50%, transparent 100%); }.dekozen-slideshow-scope .hdt-section-title .hdt-btn{ width: fit-content; height: fit-content; }.dekozen-slideshow-scope .hdt-title-horizontal{ column-gap: var(--spacing-1); align-items: center; display: grid; grid-template-columns: 1fr auto; @media (max-width: 767px) { grid-template-columns: 1fr; } @media (min-width: 768px) { .hdt-section-title{min-width: 300px;} } @media (min-width: 1150px) { .hdt-section-title{min-width: 400px;} } }.dekozen-slideshow-scope .hdt-container-xl{ .hdt-title-horizontal.hdt-section-header-gallery { padding-inline-end: 0; } }.dekozen-slideshow-scope .hdt-section-title .hdt-inner-section-title{ max-width: var(--title-custom-width, 100%); flex-direction: column; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-left) .hdt-inner-section-title{ margin-inline-start: 0; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-center) .hdt-inner-section-title{ margin-inline: auto; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-right) .hdt-inner-section-title{ margin-inline-start: auto; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-center) .hdt-group-button-block{ justify-content: center; align-items: center; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-right) .hdt-group-button-block{ justify-content: flex-end; align-items: flex-end; }.dekozen-slideshow-scope .hdt-section-title:where(.hdt-text-left) .hdt-group-button-block{ justify-content: flex-start; align-items: flex-start; }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-section-header, .dekozen-slideshow-scope .hdt-section-title{ margin-block-end: var(--header-bottom-margin-xl, 35px); }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-left) .hdt-group-button-block{ justify-content: flex-start; align-items: flex-start; }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-center) .hdt-group-button-block{ justify-content: center; align-items: center; }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-right) .hdt-group-button-block{ justify-content: flex-end; align-items: flex-end; }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-left) .hdt-inner-section-title{ margin-inline-start: 0; }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-center) .hdt-inner-section-title{ margin-inline: auto; }.dekozen-slideshow-scope .hdt-section-title:where(.md\:hdt-text-right) .hdt-inner-section-title{ margin-inline-start: auto; margin-inline-end: 0; }.dekozen-slideshow-scope .hdt-container-xl{ .hdt-title-horizontal.hdt-section-header-gallery { padding-inline-end: var(--pd-container, 30px); } }}.dekozen-slideshow-scope hdt-countdown{ --gap-cd: 6px; display: flex; align-items: center; text-align: center; gap: var(--gap-cd); color: var(--color-foreground); flex-wrap: wrap; }.dekozen-slideshow-scope hdt-countdown-item{ position: relative; display: grid; gap: 10px; &[is="days"]:not([show-el="3"]) [hide-countdown-num]{ display: none; } &[is="hours"]{ &:not([show-el="3"], [show-el="4"], [show-el="5"]) [hide-countdown-num], &[show-el="4"] hdt-countdown-number:nth-child(1), &[show-el="3"] :is(hdt-countdown-number:nth-child(1), hdt-countdown-number:nth-child(2)) { display: none; } } }.dekozen-slideshow-scope .hdt-countdown-timer-numbers{ display: inline-flex; align-items: center; place-self: center; grid-area: 1 / -1; }.dekozen-slideshow-scope .dir--rtl .hdt-countdown-timer-numbers{flex-direction: row-reverse;}.dekozen-slideshow-scope hdt-countdown-number{ display: inline-block; line-height: 1; vertical-align: middle; &::part(numlist) { display: grid; pointer-events: none; } &::part(num) { grid-area: 1/-1; } }.dekozen-slideshow-scope span[part="tmp_num"]{ grid-area: 1 / -1; line-height: 1; opacity: 0; visibility: hidden; pointer-events: none; }.dekozen-slideshow-scope .hdt-coundtdown-box{ hdt-countdown-item { min-width: var(--w-countdown, 70px); min-height: var(--h-countdown, 76px); border-radius: var(--rounded-sm); padding: var(--spacing-0-6); color: var(--color-foreground); background: rgb(var(--color-text-rgb)/ 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border: 1px solid rgb(var(--color-text-rgb)/ 0.4); gap: 0; } &.hdt-no-background hdt-countdown-item{ background: none; -webkit-backdrop-filter: none; backdrop-filter: none; } }.dekozen-slideshow-scope .hdt-coundtdown-inline{ background: rgb(var(--color-text-rgb)/ 0.4); border: 1px solid rgb(var(--color-text-rgb)/ 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); padding: 6px 30px; border-radius: var(--rounded-sm); justify-content: center; min-width: min(100%, 310px); max-width: 100%; &.hdt-no-background{ background: none; -webkit-backdrop-filter: none; backdrop-filter: none; } hdt-countdown-item{gap: 0} .hdt-countdown-timer-numbers, span[part=tmp_num]{ grid-area: 1/1/2/2; } .hdt-countdown__text{ grid-area: 1/2/2/3; } }.dekozen-slideshow-scope .hdt-text-center .hdt-countdown{ justify-content: center; }.dekozen-slideshow-scope .hdt-text-start .hdt-countdown{ justify-content: flex-start; }.dekozen-slideshow-scope .hdt-text-end .hdt-countdown{ justify-content: flex-end; }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-coundtdown-box hdt-countdown-item{ padding: var(--spacing-1); }.dekozen-slideshow-scope .md\:hdt-text-center .hdt-countdown{ justify-content: center; }.dekozen-slideshow-scope .md\:hdt-text-start .hdt-countdown{ justify-content: flex-start; }.dekozen-slideshow-scope .md\:hdt-text-end .hdt-countdown{ justify-content: flex-end; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .xl\:hdt-text-center .hdt-countdown{ justify-content: center; }.dekozen-slideshow-scope .xl\:hdt-text-start .hdt-countdown{ justify-content: flex-start; }.dekozen-slideshow-scope .xl\:hdt-text-end .hdt-countdown{ justify-content: flex-end; }}.dekozen-slideshow-scope .hdt-coundown-box-wrap{ container: coundownt_wrap / inline-size; display: block; width: 100%; &[data-shopify-visual-preview] { min-width: 300px; .hdt-coundtdown-box { flex-wrap: nowrap; .hdt-countdown-item { min-width: auto ; flex-grow: 1; } } } .hdt-countdown { display: inline-flex; } }.dekozen-slideshow-scope .hdt-countdown.hdt-cd--complete.hdt-countdown--end-hide_cd_show_mess{ display: none; }.dekozen-slideshow-scope .hdt-coundtdown-box{ --gap-cd: 10px; hdt-countdown-item{ --w-countdown: 100px; --h-countdown: 106px; } }@container coundownt_wrap (width < 580px){.dekozen-slideshow-scope .hdt-coundtdown-box{ --gap-cd: 4px; hdt-countdown-item{ --w-countdown: 70px; --h-countdown: 75px; padding: 8px; } }}@container coundownt_wrap (width < 300px){.dekozen-slideshow-scope .hdt-coundtdown-inline{ padding-inline: 6px; --gap-cd:5px; .hdt-h4{ font-size: min(30px, var(--h4-size)); } }}.dekozen-slideshow-scope .hdt-section-header--main{ --account-offset-top: calc(var(--header-group-height) + (var(--header-height) * var(--transparent-header-offset-boolean, 1)) - 10px); &[data-sticky-state='active'] { --account-offset-top: calc(var(--header-height) - 1px); } }.dekozen-slideshow-scope shopify-store{ display: none }.dekozen-slideshow-scope shopify-account{ --shopify-account-color-background: var(--color-background); --shopify-account-color-text: var(--color-foreground); /* --shopify-account-color-border: var(--color-line-border); --shopify-account-color-background-subdued: var(--color-background2); --shopify-account-color-text-subdued: var(--color-foreground2); */ --shopify-account-color-accent: var(--color-btn-primary); --shopify-account-color-accent-text: var(--color-btn-secondary); --shopify-account-color-accent-hover: var(--color-btn-primary-hover); --shopify-account-signed-in-avatar-color-background: var(--color-foreground); --shopify-account-signed-in-avatar-color-text: var(--color-background); --shopify-account-font-heading: var(--font-heading-family); --shopify-account-font-heading-weight: var(--font-heading-weight); --shopify-account-font-body: var(--font-body-family); --shopify-account-font-body-weight: var(--font-body-weight); --shopify-account-radius-button: var(--rounded-button); --shopify-account-radius-input: var(--rounded-input); --shopify-account-radius-dialog: var(--rounded-sm); --shopify-account-avatar-size: 24px; --shopify-account-signed-in-avatar-size: var(--shopify-account-avatar-size); --shopify-account-dialog-position-top: var(--account-offset-top); }.dekozen-slideshow-scope .hdt-navbar-mobile__item[customer]{ shopify-account { margin-top: -5px; } .hdt-navbar-mobile__label { margin-top: -4px; } }.dekozen-slideshow-scope shopify-account::part(signed-out-avatar), .dekozen-slideshow-scope shopify-account::part(signed-in-avatar){ min-width: 0; min-height: 0; }.dekozen-slideshow-scope shopify-account::part(avatar){ width: var(--shopify-account-avatar-size); height: var(--shopify-account-avatar-size); }.dekozen-slideshow-scope .hdt-account-button__fallback{ width: var(--shopify-account-avatar-size); height: var(--shopify-account-avatar-size); border-radius: var(--rounded-full); background-color: var(--shopify-account-color-accent, #0a142f); }@media (min-width: 751px) {.dekozen-slideshow-scope .hdt-header__utilities shopify-account::part(dialog){ inset-block-start: var(--shopify-account-dialog-position-top); inset-inline-end: 48px; }}.dekozen-slideshow-scope .header__logo-img{ width: var(--logo-width-mobile); max-width: 100%; height: auto; opacity: calc(1 - var(--hdt-logo-transparent)); transition: opacity .2s; }.dekozen-slideshow-scope .header__logo-img--transparent{ opacity: var(--hdt-logo-transparent); }.dekozen-slideshow-scope .hdt-sticky-header{ --header-layout: "nav logo utility" / minmax(0, 1fr) auto minmax(0, 1fr); --rounded-menu: 0px; .hdt-header-wrapper { background-color: var(--color-background); color: var(--color-foreground); display: grid; align-items: center; grid: var(--header-layout); column-gap: var(--gap-x, 15px); min-height: 60px; padding: 10px var(--padding-x, 15px); border-radius: var(--rounded-menu); } .hdt-header__nav { grid-area: nav; } .hdt-header__logo { grid-area: logo; } .hdt-header__utilities { grid-area: utility; justify-self: end; display: flex; align-items: center; gap: 15px; } &.hdt-sticky-header--boxed { --rounded-menu: 5px; --padding-x: 18px; max-width: calc(100% - var(--boxed-w, 20px)); margin: 0 auto; padding-block: var(--boxed-padding, 10px); .hdt-header-wrapper { box-shadow: inset 0 0 0 1px var(--color-line-border); min-height: var(--boxed-mh, 54px); } } &.hdt-header__round { --rounded-menu: calc(var(--header-inner-height, 400px) / 2); } .hdt-header-bg { max-width: 100%; } }.dekozen-slideshow-scope .shopify-section-group-header-group{ position: relative; z-index: calc(var(--layer-header-menu) - 1); }.dekozen-slideshow-scope .hdt-section-header--main{ &.shopify-section-group-header-group { z-index: var(--layer-header-menu); } ~ .shopify-section-group-header-group { z-index: calc(var(--layer-header-menu) + 1);; } &.animate { transition: top 0.15s ease-out; } }.dekozen-slideshow-scope .scrolled-past-header{ --hdt-header-transparent: 0; top: 0; .hdt-header-wrapper { box-shadow: 0 1px 3px var(--color-line-border); } }.dekozen-slideshow-scope .shopify-section-header-sticky{ position: sticky; top: 0; }.dekozen-slideshow-scope .shopify-section-header-hidden{ top: calc(-1 * var(--header-height)); &.menu-open { top: 0; } }.dekozen-slideshow-scope .hdt-sticky-header[sticky-inted] .hdt-header-wrapper{ transition: background-color .2s ease, color .3s ease, border .2s ease, box-shadow .2s ease; }.dekozen-slideshow-scope .hdt-dialog-drawer--menu{ .hdt-drawer__header { min-height: 65px; padding-block: 5px; padding-inline: 20px 14px; } .hdt-drawer__inner { padding: 0; } .hdt-nav-link { padding: 5px 22px; display: flex; align-items: center; flex: 1 1 0%; } .hdt-nav-opener svg { pointer-events: none; transition: transform .25s ease; } .header__logo-drawer { width: var(--logo-width); max-width: 100%; height: auto; } .hdt-drawer__footer { padding: 0; border: 0; .hdt-drawer__footer-top, .hdt-drawer__footer-botom { gap: 10px; padding: 16px 20px; } .hdt-drawer__footer-botom { border-top: 1px solid var(--color-line-border); &.hdt-drawer__footer-social { padding: 0; .hdt-social-links--menu { display: flex; flex-wrap: nowrap; justify-content: flex-start; padding: 16px 20px; overscroll-behavior-x: contain; overflow-x: auto; -webkit-overflow-scrolling: touch; } } } .hdt-social-links { row-gap: 10px; } .hdt-account-button--drawer { column-gap: 8px; min-width: 112px; } .hdt-localization-selector-wrap { column-gap: 5px; .hdt-localization-selector { min-height: 33px; padding-inline: 10px; } } } }.dekozen-slideshow-scope .hdt-menu-drawer-item{ display: flex; justify-content: space-between; min-height: 60px; color: var(--color-foreground); border-bottom: 1px solid var(--color-line-border); &.hdt-menu-drawer-item-back{ align-items: center; } .hdt-nav-opener { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 70px; border-inline-start: 1px solid var(--color-line-border) } + ul .hdt-nav-link { padding-inline-start: 30px; } + ul .hdt-menu-drawer-item + ul .hdt-nav-link { padding-inline-start: 40px; } &[aria-expanded="true"] svg { transform: rotate(90deg); } }.dekozen-slideshow-scope .hdt-menu-drawer-drilldown{ .hdt-menu-drawer-list { position: relative; overflow: hidden; } .hdt-nav-link { padding: 5px 22px !important; } .hdt-menu-drawer-item { + :is(ul, .hdt-menu-drawer-content) { position: absolute; top: 0; inset-inline-start: calc(100% + 1px); width: 100%; display: block; transition: transform .3s ease; z-index: 2; box-shadow: -1px 0px 0px 0px var(--brdcolor-gray-300); } &.hdt-menu-drawer-item-back .hdt-nav-opener { border: 0; } } }.dekozen-slideshow-scope .hdt-menu-drawer-style2 .hdt-menu-drawer-item{ border: 0; .hdt-nav-opener { border: 0; justify-content: end; padding-inline-end: 22px; width: auto; span { width: 40px; height: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid var(--color-line-border); } } }.dekozen-slideshow-scope .hdt-menu-drawer-list .hdt-menu-drawer-item.hdt-nav-link{ justify-content: flex-start; }.dekozen-slideshow-scope .hdt-menu-drawer-list .hdt-menu-drawer-thumb{ width: 40px; margin-inline-end: 11px; }.dekozen-slideshow-scope .hdt-menu-drawer-accordion .hdt-menu-drawer-list li:not(:last-child) .hdt-menu-drawer-featured-content{ border-bottom: 1px solid var(--color-line-border); padding-block-end: 20px; }.dekozen-slideshow-scope .hdt-menu-drawer-featured-content{ padding-block: 20px 18px; padding-inline: 22px; .hdt-products__menu-drawer { padding: 14px 16px; background: var(--color-background2); border-radius: var(--rounded-sm); border: 1px solid var(--color-line-border); .hdt-open-quickview-btn, .hdt-product-card-btn--atc { --padding-button: 6px 10px; min-width: 100px; max-width: 100%; } } .hdt-collections-menu-drawer{ --slide-size-set: auto; --slide-spacing: 10px; .hdt-collection-item .hdt-collection__link{ display: inline-flex; gap: 13px; align-items: center; --padding-button: 6px 23px 6px 6px; --thickness-block: 1px; --color-btn-primary: rgb(var(--color-btn-secondary-rgb) / 4%); --color-btn-secondary-hover: var(--color-btn-secondary); margin-block: 2px; .hdt-cl-image{width: 43px;} .hdt-cl-title{ display: inline-flex; white-space: nowrap; } } } }@media (max-width: 1023.98px) {.dekozen-slideshow-scope .hdt-sticky-header{ &[logo-mobile="left"] { --header-layout: "logo utility nav" / minmax(0, 1fr) auto auto; .hdt-header__logo { justify-self: start; } .hdt-header__drawer-btn { scale: -1; } } }}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-sticky-header{ &.hdt-sticky-header--boxed { --gap-x: 20px; --padding-x: 25px; --boxed-mh: 60px; } .hdt-header__utilities { gap: 20px; } }}@media (min-width: 1024px) {.dekozen-slideshow-scope .header__logo-img{ width: var(--logo-width); }.dekozen-slideshow-scope .hdt-sticky-header{ --gap-x: 15px; --padding-x: 30px; --boxed-w: 30px; --boxed-padding: 15px; --header-layout: "nav logo utility" / minmax(0, 1fr) auto minmax(0, 1fr); &[logo="left"] { --header-layout: "logo nav utility" / auto minmax(0, 1fr) auto; } &[logo="left"][menu="center"] { --header-layout: "logo nav utility" / minmax(max-content, 1fr) auto minmax(max-content, 1fr); .hdt-header__logo { justify-self: start; } } &[logo="center"] .hdt-header__inline-list { margin-inline-start: -15px; } &.hdt-sticky-header--boxed { --gap-x: 24px; } &.hdt-sticky-height--standard .hdt-header-wrapper { min-height: 80px; } .hdt-header__utilities { gap: 24px; hdt-header-menu { display: contents; } } .hdt-header__inline-menu--center { justify-self: center; } }.dekozen-slideshow-scope .hdt-header__inline-list{ row-gap: 2px; .hdt-header__menu-item { position: relative; padding: 9px 10px; border-radius: max(var(--rounded-menu), 5px); font-weight: var(--header-inline-fw); font-size: var(--header-inline-size); letter-spacing: var(--header-inline-spacing); text-transform: var(--header-inline-case); &.hdt-menu__has-children { display: flex; align-items: center; column-gap: 6px; .hdt-icon-caret { margin-top: 3px; transition: transform .25s ease; } } } .hdt-header-details[open] .hdt-icon-caret { transform: rotate(180deg); } }.dekozen-slideshow-scope .hdt-header__font-heading .hdt-header__menu-item{ font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); }.dekozen-slideshow-scope .hdt-header__case-uppercase .hdt-header__menu-item.hdt-menu__has-children .hdt-icon-caret{ margin-top: 0; }.dekozen-slideshow-scope .hdt-header-bg{ display: block; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-header__inline-list .hdt-header__menu-item{ padding: 9px 15px; }}@media (min-width: 1440px) {.dekozen-slideshow-scope .hdt-sticky-header{ --padding-x: 48px; --gap-x: 44px; --boxed-w: 44px; }}.dekozen-slideshow-scope .hdt-cart-bubble{ :where(hdt-cart-count, hdt-cart-dot) { --cart-bubble-size: 10px; --cart-bubble-top: 0px; --cart-bubble-right: -3px; aspect-ratio: 1; border-radius: 50%; display: flex; line-height: 1; align-items: center; justify-content: center; z-index: var(--layer-flat); width: var(--cart-bubble-size, 20px); top: var(--cart-bubble-top); inset-inline-end: var(--cart-bubble-right); color: rgb(var(--color-background-rgb)); background: var(--color-foreground); border: 1px solid rgb(var(--color-background-rgb) / .8); transform: scale(0); transition: transform .2s ease-in-out; &.is-visible { transform: scale(1); } } hdt-cart-count { --cart-bubble-size: 16px; --cart-bubble-top: -6px; --cart-bubble-right: -8px; font-size: 9px; font-weight: var(--font-medium); } @media (max-width: 767.98px) { &[cart-badge-mobile="none"] :is(hdt-cart-count, hdt-cart-dot), &[cart-badge-mobile="dot"] hdt-cart-count, &[cart-badge-mobile="count"] hdt-cart-dot { display: none; } } @media (min-width: 768px) { .hdt-header-wrapper { gap: 28px; } &[cart-badge="none"] :is(hdt-cart-count, hdt-cart-dot), &[cart-badge="dot"] hdt-cart-count, &[cart-badge="count"] hdt-cart-dot { display: none; } hdt-cart-count { --cart-bubble-size: 2.2em; --cart-bubble-top: -10px; --cart-bubble-right: -12px; } } @media (min-width: 1024px) { hdt-cart-count { --cart-bubble-size: 24px; --cart-bubble-top: -10px; --cart-bubble-right: -15px; font-size: var(--text-xs); } } }@media screen and (min-width: 1024px) {.dekozen-slideshow-scope .hdt-header-bg{ display: block; left: 25vw; top: 100%; z-index: var(--layer-lowest); width: 50vw; height: 50px; opacity: 0; background-color: var(--color-background); clip-path: inset(10px 0 0 0 round var(--rounded-dropdown)); }.dekozen-slideshow-scope .hdt-header-bg--2{ clip-path: inset(0 10px round var(--rounded-dropdown)); }.dekozen-slideshow-scope .hdt-sticky-header{ --rounded-dropdown: 5px; }.dekozen-slideshow-scope .hdt-header__round{ --rounded-dropdown: 20px; .hdt-header-bg { box-shadow: 0 0 0 1px var(--color-line-border); } }.dekozen-slideshow-scope .hdt-dropdown__list{ position: absolute; top: 100%; z-index: var(--layer-header-menu); min-width: 230px; .hdt-dropdown__list-wrap { padding-block: 15px; margin-top: 10px; border-radius: var(--rounded-dropdown); background-color: var(--color-background); color: var(--color-foreground); max-height: calc(100vh - var(--header-group-height, 0px) - var(--header-height, 0x) - 20px); overflow-y: auto; .hdt-dropdown__list-wrap { margin: 0 10px; } } .hdt-dropdown__link { display: block; padding: 5px 20px; font-size: var(--text-base); font-weight: var(--font-medium); } .hdt-menu__has-children { display: flex; column-gap: 16px; justify-content: space-between; align-items: center; } .hdt-dropdown__list { position: fixed; min-width: 250px; } }.dekozen-slideshow-scope .hdt-localization-selector-wrap{ .hdt-dropdown__link { display: flex; align-items: center; color: var(--color-foreground); column-gap: 8px; font-size: var(--text-sm); padding: 8px 20px; width: 100%; } .hdt-language-selector-label { border-top: 1px solid color-mix(in srgb, var(--color-foreground), transparent 88%); padding: 15px 20px; } .hdt-country-selector-form__wrapper { overflow-y: auto; max-height: 260px; padding-bottom: 10px; } .hdt-language-selector-form__wrapper { overflow-y: auto; max-height: 108px; } }.dekozen-slideshow-scope .hdt-mega-menu__content{ position: absolute; top: 100%; width: 100%; left: 0 !important; z-index: var(--layer-header-menu); max-height: calc(100vh - var(--header-group-height, 0px) - var(--header-height, 0x) - 20px); overflow-y: auto; }.dekozen-slideshow-scope .hdt-mega-menu__wrap{ background-color: var(--color-background); color: var(--color-foreground); padding: 30px; column-gap: 30px; margin-top: 10px; border-radius: var(--rounded-dropdown); max-width: min(100%, calc(100vw - 30px)); margin-inline: auto; display: flex; justify-content: safe center; justify-content: space-between; justify-content: start; align-items: start; > ul { display: grid; grid-template-columns: repeat(min(var(--max-menu-columns, 2), var(--links-size)), minmax(120px, 180px)); gap: var(--menu-gap, 20px 30px); ul { margin-top: 7px; li { margin-top: 4px; } } } a.hdt-h6 { font-size: var(--text-base); } }.dekozen-slideshow-scope .hdt-page-backdrop{ position: fixed; inset: 0; z-index: var(--layer-window-overlay); opacity: 0; pointer-events: none; /* background-color: rgb(var(--color-overlay-rgb, 0 0 0) / 0.3); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); */ -webkit-backdrop-filter: brightness(.75); backdrop-filter: brightness(.75); }.dekozen-slideshow-scope .hdt-mega-menu__rich--collections{ display: grid; row-gap: 12px; .hdt-mega-menu__rich--collections-item { min-height: 85px; padding: 10px 20px 10px 10px; display: flex; align-items: center; column-gap: 16px; --color-btn-primary: rgb(var(--color-text-rgb) / 4%); --color-btn-primary-hover: var(--color-foreground); --color-btn-secondary-hover: var(--color-background); .hdt-cl-item--img{ width: 63px; height: 63px; border-radius: var(--rounded-full); overflow: hidden; } .hdt-cl-item--title{ flex-grow: 1; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); } .hdt-cl-item--icon{ width: 33px; opacity: 0; transition: opacity 0.3s ease; svg{width: 100%; height: auto;} } } .hdt-cl-link-wrap{margin-block-start: 6px;} }.dekozen-slideshow-scope .hdt-mega-menu__content-has-rich{ .hdt-mega-menu__wrap { --max-menu-columns: 1; } .hdt-mega-menu__rich { flex-shrink: 0; &.hdt-mega-menu__rich--collections { max-width: 318px !important; } .hdt-mega-menu__rich--card-item { max-width: var(--max-w-item); &.hdt-slider__slide { --slide-size: 50%; } .hdt-inner-megamenu-card-item{ display: grid; grid-template-rows: 67.5px 67.5px minmax(0,1fr); .hdt-media-wrapper{ width: 135px; height: 135px; grid-area: 1/1/3/2; border-radius: var(--rounded-full); overflow: hidden; place-self: center; border: 3px solid transparent; transition: border-color 0.3s ease; z-index: var(--layer-raised); } .hdt-megamenu-card-info{ text-align: center; border-radius: var(--rounded); border: 1px solid var(--color-line-border); background: rgb(var(--color-text-rgb) / 4%); grid-area: 2/1/4/2; padding: 87.5px 20px 20px; > *{ transition: color 0.3s ease, background-size 0.3s ease; } .hdt-link-card{ display: inline-flex; margin-block-start: 3px; text-decoration: underline; text-underline-offset: 6px; } hdt-circle-bg{background-color: var(--color-foreground);} } } } } &.hdt-mega-menu__content--shop .hdt-mega-menu__rich{ max-width: min(36vw, 550px); width: 100%; &[count="1"] { max-width: min(36vw, 300px); .hdt-slider__slide { --slide-size: 100%; } } &[count="2"] .hdt-slider__slide { --slide-size: max(160px, 50%); } } &.MegaMenuList-0 { .hdt-mega-menu__rich--card, .hdt-mega-menu__rich--products { max-width: 100%; width: 100%; flex: 1 0 0; .hdt-slider .hdt-slider__slide { --slide-size: 50%; } } } .hdt-mega-menu__rich--products{ background: rgb(var(--color-text-rgb)/ 4%); border: 1px solid var(--color-line-border); padding: 20px 19px 20px 16px; border-radius: var(--rounded); .hdt-slider { --slide-spacing: 18px; .hdt-slider__slide { --slide-size: max(160px, 40%); --sw-w-num: 1.2; --sw-r-num: 1.2; --sw-h: 12px; } } .hdt-pr-list-header{ display: flex; justify-content: space-between; margin-block-end: 16px; align-items: flex-end; .hdt-pr-heading{padding-inline-start: 4px;} .hdt-slider-nav{ display: flex; flex-direction: row; gap: 4px; button{ --btn-w: 23px; --btn-h: 23px; --color-btn-primary: var(--color-btn-primary-reverse); --color-btn-secondary: var(--color-btn-secondary-reverse); --color-btn-primary-hover: rgb(var(--color-btn-primary-rgb)); --color-btn-secondary-hover: rgb(var(--color-btn-secondary-rgb));; border: 1px solid var(--color-line-border); position: relative; transform: none; svg{ width: auto; height: 7px; } } } } .hdt-pr-btn-wrap{ display: flex; justify-content: center; margin-block-start: 23px; .hdt-btn{overflow: hidden;} } .hdt-card-product{ .hdt-card-product__media{margin-block-end: 6px} .hdt-card-product__content .hdt-price-wrapp{ margin-top: 3px; line-height: 1; } .hdt-card-product__content wrapp-hdt-swatches{margin-block-start: 5px} } } &.hdt-mega-menu__content--card{ /* .hdt-megamenu__links{flex-grow: 1;} */ .hdt-mega-menu__rich--card { --slide-spacing: 24px; --max-w-item: calc(258px + var(--slide-spacing)); --max-item: 2; --min-width: calc(var(--max-w-item) * var(--max-item) - var(--slide-spacing)) ; --max-width: calc(var(--max-w-item) * var(--number-item) - var(--slide-spacing)); max-width: min(var(--min-width), var(--max-width)); flex-grow: 1; text-align: center; .hdt-slider{ --slide-spacing: 24px; .hdt-mega-menu__rich--card-item{ min-width: 258px; } } &[size="1"] { /* max-width: min(25vw, 318px); */ .hdt-mega-menu__rich--card-item { --slide-size: 100%; } } > .hdt-btn { margin-top: 30px; } } &.MegaMenuList-0 .hdt-mega-menu__rich--card { max-width: 100%; --max-w-item: min(50%, 700px); &[size="1"] .hdt-slider__container{ justify-content: center; } } &.MegaMenuList-1 .hdt-mega-menu__rich--card { --max-item: 3; } hdt-slider-progress{margin-block-start: 30px;} .hdt-wrap-viewall{ display: flex; width: 100%; justify-content: center; margin-block-start: 24px; align-items: center; border-radius: var(--rounded-lg); margin-block-start: 24px; &:has(hdt-slider-nav:not([hidden])){ border: 1px solid var(--color-line-border); padding: 8px; border-radius: var(--rounded-button); justify-content: space-between; } .hdt-slider-nav{ display: contents; button{ --btn-w: 35px; --btn-h: 35px; --inset: 10px; position: static; transform: none; &[name="previous"]{order: -1;} } } .hdt-btn{overflow: hidden;} } } }.dekozen-slideshow-scope .hdt-lastmenu-hightlight ul.hdt-megamenu__links ul > li:last-child{ margin-block-start: 12px; > a{ font-weight: var(--font-medium); display: inline; background: linear-gradient(to right,currentColor,currentColor) 0 100%/100% 1px no-repeat; background-position-x: left; transition: background-size .5s cubic-bezier(.3,1,.3,1),color .3s .5s cubic-bezier(.3,1,.3,1); &:hover{ background-size: 0 1px; background-position-x: right; } } }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-mega-menu__wrap{ --max-menu-columns: 3; padding: 40px 48px 50px; --menu-gap: 24px 24px; }.dekozen-slideshow-scope .hdt-mega-menu__content-has-rich{ .hdt-mega-menu__wrap { --max-menu-columns: 4; } &.MegaMenuList-0 { .hdt-mega-menu__rich--card, .hdt-mega-menu__rich--products { .hdt-slider .hdt-slider__slide { --slide-size: 33.3333%; } } .hdt-mega-menu__rich--card { &[size="2"] .hdt-slider__container, &[size="1"] .hdt-slider__container{ justify-content: center; } } } &.hdt-mega-menu__content--card{ .hdt-mega-menu__wrap{ padding-block: 25px 35px; .hdt-mega-menu__rich--card .hdt-slider__viewport{padding-block: 15px;} } .hdt-slider + .hdt-wrap-viewall{ padding-block-end: 15px; margin-block-start: 10px; } } }}@media screen and (min-width: 1400px) {.dekozen-slideshow-scope .hdt-mega-menu__content-has-rich.hdt-mega-menu__content--card{ .hdt-mega-menu__rich--card{ --max-item: 3; --max-w-item: calc(318px + var(--slide-spacing)); max-width: min(var(--min-width), var(--max-width)); } &.MegaMenuList-1 .hdt-mega-menu__rich--card { --max-item: 3; } &.MegaMenuList-5 .hdt-mega-menu__rich--card, &.MegaMenuList-6 .hdt-mega-menu__rich--card { --max-item: 2; } }}@media screen and (min-width: 1600px) {.dekozen-slideshow-scope .hdt-mega-menu__content-has-rich{ &.MegaMenuList-0 { .hdt-mega-menu__rich--card, .hdt-mega-menu__rich--products { .hdt-slider .hdt-slider__slide { --slide-size: 25%; } } .hdt-mega-menu__rich--card { &[size="3"] .hdt-slider__container, &[size="2"] .hdt-slider__container, &[size="1"] .hdt-slider__container{ justify-content: center; } } } }}@media screen and (min-width: 1920px) {.dekozen-slideshow-scope .hdt-mega-menu__content-has-rich.hdt-mega-menu__content--card{ .hdt-mega-menu__rich--card{ --max-item: 4; } &.MegaMenuList-1 .hdt-mega-menu__rich--card, &.MegaMenuList-5 .hdt-mega-menu__rich--card { --max-item: 4; } &.MegaMenuList-6 .hdt-mega-menu__rich--card { --max-item: 3; } }}.dekozen-slideshow-scope .hdt-section-separator{ box-shadow: 0 1px var(--color-line-border) inset; }.dekozen-slideshow-scope .hdt-section-separator-bottom{ box-shadow: 0 -1px var(--color-line-border) inset; }.dekozen-slideshow-scope .hdt-slider-announcement{ max-width: var(--announcement-mw, 100%); margin: 0 auto; padding-inline: 50px; position: relative; .hdt-slider__container { align-items: center; } }.dekozen-slideshow-scope .hdt-section-toolbar{ z-index: 33; &:has(+ .scrolled-past-header) { z-index: 1; } }.dekozen-slideshow-scope .hdt-toolbar-parts{ display: flex; width: 100%; justify-content: center; align-items: center; min-height: 40px; padding-block: 7px; }.dekozen-slideshow-scope .hdt-toolbar-part{ display: none; align-items: center; gap: 6px; &.hdt-toolbar-part--menu { gap: 14px; } .hdt-btn--toolbar { --height-btn: 20px; --padding-button: 2px 12px; --font-size-button: var(--text-sm); &.hdt-btn--with-icon svg { width: auto; height: 5px; } } .hdt-localization-selector-wrap { display: none; .hdt-localization-selector { height: 26px; padding: 0 8px 0 3px; vertical-align: middle; } } }.dekozen-slideshow-scope .hdt-toolbar-parts--1 .hdt-toolbar-part{ justify-content: center; text-align: center; }.dekozen-slideshow-scope .hdt-toolbar__menu{ font-weight: var(--font-medium); .hdt-shape-block { --fs: 10px; } }.dekozen-slideshow-scope .hdt-toolbar__menu :where(.hdt-shape__circle, .dekozen-slideshow-scope .hdt-shape__square, .dekozen-slideshow-scope .hdt-shape__diamond){ margin-inline: 6px; }.dekozen-slideshow-scope .hdt-toolbar__menu.hdt-toolbar__menu--shape-none{ gap: 14px; }.dekozen-slideshow-scope .hdt-toolbar-part--text{ flex-wrap: wrap; }.dekozen-slideshow-scope .hdt-country-filter{ width: 100%; .hdt-field { display: grid; grid: "input btn" / 1fr auto; place-content: start; background: var(--input-background, transparent); border-radius: var(--rounded-input); border: 1px solid var(--color-line-border); align-items: center; margin-block: 0; .hdt-input--search { grid-area: input; height: 100%; border: none; padding-inline: var(--padding-inline-input) 0; } } .hdt-country-filter__reset-button { width: 40px; display: flex; justify-content: center; align-items: center; &.hidden { opacity: 0; } } }.dekozen-slideshow-scope .hdt-disclosure--group{ --gap: 20px; padding-block: var(--gap); .hdt-popover__header { border-bottom: 0; margin-bottom: 0; padding: 10px var(--padding-x); } .hdt-disclosure__item { padding-inline: var(--gap); } button.hdt-disclosure__item[aria-selected=true] svg { margin-inline-start: auto; } .hdt-country-selector-label { padding-block: 10px; } .hdt-language-selector-label { border-top: 1px solid color-mix(in srgb, var(--color-foreground), transparent 88%); padding: 15px var(--gap) 10px; } .hdt-country-selector__list { margin-bottom: 10px; } &[data-language="true"][data-country="true"] { &:not([open-as-modal]) { --gap: 20px; } .hdt-popover__header { padding: 0 var(--gap); border-bottom: 0; margin-bottom: 12px; } .hdt-popover__inner--country { max-height: 38vh; @media (min-width: 1024px) and (max-width: 1149.98px) { max-height: 32vh; } } .hdt-popover__inner--language { max-height: min(120px, 28vh); } } &[data-language="false"] { [data-language-a] { display: none; } } &[data-country="false"] { [data-country-a], .hdt-language-selector-label { display: none; } } &[open-as-modal] { [data-language-a], [data-country-a] { display: block; } &[data-language-mobile="true"][data-country-mobile="true"] { .hdt-country-selector-label { display: block; } .hdt-popover__inner { max-height: calc(80vh - min(120px, 28vh)); @supports (height: 1dvh) { max-height: calc(80dvh - min(120px, 28dvh)); } &.hdt-popover__inner--language { max-height: min(120px, 28vh); @supports (height: 1dvh) { max-height: min(120px, 28dvh); } } } } &[data-country-mobile="true"] { .hdt-popover__body { container: popover__body_localization / inline-size; } @container popover__body_localization (min-width: 420px) { .hdt-country-selector__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 10px; } } } &[data-language-mobile="false"] { [data-language-a] { display: none; } .hdt-popover__header { display: flex; flex-direction: column; align-items: start; row-gap: 15px; border-bottom: 1px solid color-mix(in srgb, var(--color-foreground), transparent 88%); padding-block: 0 var(--gap); margin-bottom: 5px; .hdt-country-selector-label { display: block; } } } &[data-country-mobile="false"] { [data-country-a] { display: none; } .hdt-language-selector-label { border-top: none; } } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-toolbar-parts .hdt-localization-selector-wrap{ display: block; }.dekozen-slideshow-scope .hdt-disclosure{ .hdt-country-selector-label { display: none; } }}@media (min-width: 1024px) {.dekozen-slideshow-scope .hdt-toolbar-parts{ gap: 15px; .hdt-toolbar-part { display: inline-flex; } }.dekozen-slideshow-scope .hdt-toolbar-block1{ grid-area: block1; }.dekozen-slideshow-scope .hdt-toolbar-block2{ grid-area: block2; }.dekozen-slideshow-scope .hdt-toolbar-block3{ grid-area: block3; }.dekozen-slideshow-scope .hdt-toolbar-parts--2{ display: grid; grid: "block1 block2" / minmax(0, 1fr)minmax(0, 1fr); .hdt-toolbar-block2 { justify-self: end; text-align: end; justify-content: end; .hdt-toolbar__menu { justify-content: end; } } }.dekozen-slideshow-scope .hdt-toolbar-parts--3{ display: grid; grid: "block1 block2 block3" / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); .hdt-toolbar-block2 { justify-self: center; text-align: center; justify-content: center; .hdt-toolbar__menu { justify-content: center; } } .hdt-toolbar-block3 { justify-self: end; text-align: end; justify-content: end; .hdt-toolbar__menu { justify-content: end; } } }.dekozen-slideshow-scope .hdt-slider-announcement{ padding-inline: 105.5px; }}@media (max-width: 1023.98px) {.dekozen-slideshow-scope .hdt-toolbar-part[data-visible-mobile="true"]{ display: inline-flex; }.dekozen-slideshow-scope .hdt-slider-announcement .hdt-slider-nav{ display: inline; }}.dekozen-slideshow-scope .hdt-footer{position: relative;}.dekozen-slideshow-scope .hdt-footer__content-top{ display: flex; flex-wrap: wrap; }.dekozen-slideshow-scope .hdt-footer__content-middle{ gap: 18px 17px; padding-block: 30px 20px; margin-top: 35px; box-shadow: 0 1px rgb(var(--color-text-rgb)/ .1) inset; }.dekozen-slideshow-scope .hdt-footer .hdt-section-separator{ box-shadow: 0 1px var(--color-line-border) inset; }.dekozen-slideshow-scope .hdt-footer__content-bottom{ margin-top: 10px; padding-top: 22px; gap: 15px 30px; }.dekozen-slideshow-scope .hdt-policies .hdt-copyright__content{text-align: center;}.dekozen-slideshow-scope .hdt-policies li:not(:first-child):before{ content: "\b7"; padding: 0 8px; line-height: 1; }.dekozen-slideshow-scope .hdt-footer-block__news-img{ margin-block-end: 20px; }.dekozen-slideshow-scope .hdt-footer-block--newsletter{ .rte :where(:not(meta, span) + *){ margin-block-start: 10px; } .hdt-heading + .rte { margin-top: 20px; } .hdt-newsletter-form{ margin-block-start: 24px; } }.dekozen-slideshow-scope .hdt-field--newsletter{ display: flex; border-radius: var(--rounded-input); padding: 8px; border: 1px solid var(--color-line-border); background: var(--input-background, transparent); --max-w-btn: 220px; .hdt-btn { --rounded-button: var(--rounded-input); .hdt-btn-text { border-radius: inherit; } } .hdt-field__input { border: none; margin: 0; padding: 0 8px; background: transparent; --height-input: 36px; &::placeholder { color: inherit; opacity: 1; } &:-moz-placeholder { color: inherit; opacity: 1; } } .hdt-newsletter-form__button{ flex: 0 0 auto; --padding-button: 6px 16px; } }.dekozen-slideshow-scope .hdt-list-payment{ gap: 8px; }.dekozen-slideshow-scope .hdt-footer__content-top :where(.hdt-social-links--footer, .dekozen-slideshow-scope .hdt-footer__follow-on-shop, .dekozen-slideshow-scope .hdt-localization-selector-group){ margin-top: 24px; }.dekozen-slideshow-scope .hdt-footer-block--link_list ul{ display: flex; flex-direction: column; gap: 6px; }.dekozen-slideshow-scope .hdt-footer-block summary{ display: flex; align-items: center; justify-content: space-between; }.dekozen-slideshow-scope .hdt-footer-block .hdt-footer__icon-carret{ width: 24px; height: 24px; border-radius: var(--rounded-full); display: flex; align-items: center; justify-content: center; transition: all .25s ease; }.dekozen-slideshow-scope .hdt-footer-block__heading:not([hidden]) + .hdt-footer-block__details-content{ margin-block-start: 10px; }.dekozen-slideshow-scope .hdt-footer-block--brand{ .hdt-footer-block__heading:not([hidden]) + .hdt-footer-block__details-content{ margin-block-start: 15px; } .hdt-footer-block__brand-img + .hdt-footer-block-inner-content{ margin-block-start: 12px; } }.dekozen-slideshow-scope .hdt-footer-block__heading[aria-expanded=true] .hdt-footer__icon-carret{ transform: rotate(180deg); background: color-mix(in srgb,var(--color-foreground),transparent 95%); }.dekozen-slideshow-scope .hdt-footer__logo{ margin-inline: auto; margin-block-start: var(--section-pb); }.dekozen-slideshow-scope .hdt-footer-block--newsletter .hdt-field--newsletter{ --color-line-border: var(--color-foreground); max-width: 388px; }@media (max-width: 767px) {.dekozen-slideshow-scope .hdt-footer-block:not(.hdt-footer-block--no-heading):not([open-default-mobile]):not([resized]):not([break]) .hdt-footer-block__details-content, .dekozen-slideshow-scope .hdt-footer-block[break] .hdt-footer__icon-carret{ display: none; }.dekozen-slideshow-scope .hdt-footer-block--newsletter:not([break]){ summary { display: flex !important } .hdt-footer-block__news-img { margin-top: 20px; } .hdt-footer-block__details-content .hdt-heading { display: none; } }}.dekozen-slideshow-scope .hdt-footer__content-top{ display: flex; justify-content: space-between; gap: 20px 20px; margin-bottom: 30px; .hdt-footer-block { width: 100%; } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-footer__content-top{ gap: 50px 24px; .hdt-footer-block--link_list { max-width: 18vw; } .hdt-footer-block--brand, .hdt-footer-block--newsletter { max-width: 42vw; } :where(.hdt-footer-block--newsletter, .hdt-footer-block--brand):first-child { max-width: 46vw; } &:where(.hdt-footer--blocks-4, .hdt-footer--blocks-5) :where(.hdt-footer-block--newsletter, .hdt-footer-block--brand):first-child { max-width: 66vw; } .hdt-footer-block-inner-content { max-width: 450px; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-footer__content-top{ flex-wrap: nowrap; .hdt-footer-block--link_list { max-width: min(var(--mw-menu, 300px), 27vw); } .hdt-footer-block--brand { flex-shrink: 0; max-width: min(360px, 25vw); } .hdt-footer-block--newsletter { max-width: 100%; min-width: min(360px, 25vw); &:last-child { max-width: min(360px, 25vw); flex-shrink: 0; min-width: auto; } } .hdt-footer-block--app { max-width: 25vw; min-width: 20vw; } }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-footer-block__heading:not([hidden]) + .hdt-footer-block__details-content{ margin-block-start: 20px; }.dekozen-slideshow-scope .hdt-footer-block--brand{ .hdt-footer-block__heading:not([hidden]) + .hdt-footer-block__details-content{ margin-block-start: 25px; } .hdt-footer-block__brand-img + .hdt-footer-block-inner-content{ margin-block-start: 18px; } }.dekozen-slideshow-scope .hdt-footer-block summary{ pointer-events: none; cursor: auto; }.dekozen-slideshow-scope .hdt-footer-block__news-img{ margin-block-end: 25px; }.dekozen-slideshow-scope .hdt-footer-block--newsletter .rte :where(:not(meta, .dekozen-slideshow-scope span) + *){ margin-block-start: 15px; font-size: var(--text-lg); }.dekozen-slideshow-scope .hdt-footer-block .hdt-footer__icon-carret{ display: none; }.dekozen-slideshow-scope .hdt-footer__logo{ margin-block-start: var(--section-pb-xl); }.dekozen-slideshow-scope .hdt-field--newsletter .hdt-newsletter-form__button{ --padding-button: 6px 24px }}.dekozen-slideshow-scope .hdt-disclosure{ --padding-x: 20px; --padding-y: 20px; padding-block: var(--padding-x); &[open-as-modal] { .hdt-popover__header{ margin-block-end: 13px; padding-block-end: 13px; border-bottom: 1px solid var(--color-line-border); flex-direction: column; #GlobalCountryLabel{ width: 100%; } } .hdt-popover__body{ padding-bottom: 27px; padding-inline: 29px; } .hdt-field-search { --height-input: 44px; .hdt-input--search { padding-inline-start: 15px; } } &.hdt-disclosure--country-filter .hdt-popover__inner { max-height: calc(80vh - min(120px, 28vh)); min-height: 50vh; @supports (height: 1dvh) { max-height: calc(80dvh - min(120px, 28dvh)); min-height: 50dvh; } } .hdt-disclosure__item { padding: 8.5px 10px; &[aria-selected="true"]{ background-color: var(--color-background2); } } .hdt-language-selector-label { padding-inline: 0; } } .hdt-popover__inner{ padding-inline: 0; padding-block: 0; } .hdt-country-no-results{ padding: 8px var(--padding-y) 0; } &.hdt-disclosure--country-filter { .hdt-popover__header { margin-bottom: 0; } } &[data-country-mobile="true"] { &[open-as-modal] { .hdt-popover__header { border-bottom: none; margin-block-end: 0; padding-inline: 0; padding-bottom: 15px; } } } }.dekozen-slideshow-scope .hdt-localization-selector-group{ gap: 10px; }.dekozen-slideshow-scope .hdt-localization-selector-wrap .hdt-localization-selector{ border-radius: var(--rounded-2xs); border: 1px solid var(--color-line-border); padding-block: 3px; padding-inline: 3px 8px; white-space: nowrap; font-weight: var(--font-semibold); span:first-child { padding-inline-start: 5px; } }.dekozen-slideshow-scope header .hdt-localization-selector-wrap .hdt-localization-selector{ background: rgb(var(--color-text-rgb) / 8%); border: none; }.dekozen-slideshow-scope .hdt-localization-selector, .dekozen-slideshow-scope .hdt-disclosure__item{ color: var(--color-foreground); column-gap: 8px; font-size: var(--text-sm); }.dekozen-slideshow-scope .hdt-disclosure__flag{ flex: none; height: auto; width: 20px; border-radius: calc(var(--rounded-2xs) * 0.8); overflow: hidden; }.dekozen-slideshow-scope .hdt-disclosure__item{ padding: 8px var(--padding-y); text-align: start; svg { margin-inline-start: auto; } }.dekozen-slideshow-scope .hdt-disclosure .hdt-field-search{ --height-input: 36px; --padding-inline-input: 10px; display: flex; justify-content: space-between; border: 1px solid var(--color-line-border); border-radius: var(--rounded-input); /* padding-inline-end: var(--padding-inline-input); */ height: var(--height-input); margin-block-start: 0; .hdt-input--search{ border: none; height: 100%; padding: var(--padding-block-input) var(--padding-inline-input); } .hdt-field__label{display: none;} .hdt-country-filter__reset-button { width: 40px; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .5s cubic-bezier(.19,1,.22,1); &.hidden{opacity: 0;} } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-disclosure .hdt-popover__inner{ max-height: 420px; overflow-y: auto; }.dekozen-slideshow-scope .hdt-disclosure .hdt-popover__arrow{z-index: var(--layer-lowest);}}.dekozen-slideshow-scope .hdt-section-navbar-mobile{ position: fixed; z-index: 32; inset-inline: 0; bottom: 0; @media (min-width: 1024px) { display: none; } }.dekozen-slideshow-scope .hdt-navbar-mobile{ display: flex; align-items: center; justify-content: space-between; padding: 5px; line-height: 1; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); &:not(.hdt-navbar-mobile--label) .hdt-navbar-mobile__label { display: none; } }.dekozen-slideshow-scope .hdt-navbar-mobile__item{ flex: 1 0 20%; width: 100%; display: grid; place-content: center; place-items: center; row-gap: 7px; min-height: 48px; font-size: var(--text-sm); svg { width: auto; height: 15px; } }.dekozen-slideshow-scope .hdt-navbar-mobile__item--menu svg{ height: 11px; }.dekozen-slideshow-scope .hdt-navbar-mobile__count{ top: -6px; inset-inline-start: 17px; transform: scale(0); transition: transform .2s ease-in-out; &.is-visible { transform: scale(1); } }.dekozen-slideshow-scope .hdt-slideshow[type="overlay"] .hdt-media-wrapper :where(hdt-video, .dekozen-slideshow-scope img, .dekozen-slideshow-scope svg){ transform: scale(1.5); filter: blur(50px); }.dekozen-slideshow-scope .hdt-slideshow{ --min-overlap-bottom: 70px; .hdt-media-overlap-content--container > :not(img, video, iframe, svg, picture, .hdt-media-wrapper, a, hdt-video) { grid-area: 2 / 2 / 3 / 3; } }.dekozen-slideshow-scope .hdt-slideshow__controls .hdt-slider-controls{ display: inline-flex; }.dekozen-slideshow-scope .hdt-slideshow__controls--bars .hdt-slider-controls{ gap: 18px; > button { display: block; width: 40px; height: 2px; background: color-mix(in srgb, var(--color-foreground), transparent 80%); transition: background-color .3s ease; position: relative; &:before { content: ''; display: block; position: absolute; top: 0; inset-inline-start: 0; width: 0; height: 100%; background: var(--color-foreground); } &[aria-current="true"]:before { animation: slideBarAni var(--animation-duration, var(--hdt-remaining, 0)) linear var(--hdt-play-state, paused); } } }.dekozen-slideshow-scope .hdt-slideshow:not([autoplay]) .hdt-slideshow__controls--bars .hdt-slider-controls > button[aria-current="true"]:before{ width: 100%; }.dekozen-slideshow-scope .hdt-slider-control--counter{ display: inline-flex; border-radius: var(--rounded-xs); overflow: hidden; .hdt-slider-counter { color: color-mix(in srgb, var(--color-foreground), transparent 10%); background: color-mix(in srgb, var(--color-foreground), transparent 88%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: grid; grid-template: 1fr / 1fr; min-width: 50px; padding: 10px; .hdt-slider-counter--current { grid-area: 1 / 1 / 2 / 2; place-self: start start; } .hdt-slider-counter--total { grid-area: 1 / 1 / 2 / 2; place-self: end end; } } .hdt-slider-counter--sep { grid-area: 1 / 1 / 2 / 2; place-self: center; width: 25px; height: 1px; background: color-mix(in srgb, var(--color-foreground), transparent 10%); rotate: 135deg; } .hdt-slider-nav--back-next { display: inline-flex; > button { color: color-mix(in srgb, var(--color-foreground), transparent 10%); background: color-mix(in srgb, var(--color-foreground), transparent 88%); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); height: 100%; padding: 17px 20px; transition: color .3s ease, background-color .3s ease; position: relative; + button:before { content: ''; display: block; width: 1px; height: calc(100% - 16px); background: color-mix(in srgb, var(--color-foreground), transparent 88%); position: absolute; top: 8px; inset-inline-start: -0.5px; transition: background-color .3s ease; } } } }.dekozen-slideshow-scope [dir="rtl"] .hdt-slider-control--counter .hdt-slider-counter--sep{ rotate: -135deg; }.dekozen-slideshow-scope .hdt-slideshow__controls--dots .hdt-slider-controls{ gap: 12px; > button { position: relative; &:before { content: ''; position: absolute; top: 50%; inset-inline-start: 50%; transform: translateX(-50%) translateY(-50%); width: 8px; height: 8px; background: color-mix(in srgb, var(--color-foreground), transparent 60%); border-radius: 50%; transition: background-color .3s ease; } &[aria-current="true"]:before { background: var(--color-foreground); } } }.dekozen-slideshow-scope .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; }.dekozen-slideshow-scope .hdt-slideshow__controls--dots .hdt-slider-controls .hdt-icon-progress{ width: 22px; height: 22px; }.dekozen-slideshow-scope .hdt-slider-control--pause-play, .dekozen-slideshow-scope .hdt-slider-control--counter, .dekozen-slideshow-scope .hdt-slideshow .hdt-slider-controls{ opacity: 0; pointer-events: none; transition: opacity .25s ease 0.15s; &[color-scheme] { pointer-events: auto; opacity: 1; } }.dekozen-slideshow-scope .hdt-slider-control--pause-play{ display: inline-flex; align-items: center; column-gap: 8px; --stroke-width: 1px; pointer-events: auto; .hdt-slider-nav--back-next { background: color-mix(in srgb, var(--color-btn-primary), transparent 80%); border-radius: min(var(--rounded-button), 15px); display: inline-flex; gap: 3px; padding: 3.5px; max-height: 30px; border: 1px solid color-mix(in srgb, var(--color-btn-primary), transparent 80%); button { position: relative; background: var(--color-btn-primary); color: var(--color-btn-secondary); border-radius: min(var(--rounded-button), 10.5px); width: 40px; height: 21px; display: inline-flex; justify-content: center; align-items: center; &:focus-visible{ outline-offset: -1px; } svg { margin-top: .5px; } } } }.dekozen-slideshow-scope .hdt-pause-play-btn{ position: relative; width: 30px; height: 30px; display: inline-grid; grid-template-rows: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); color: var(--color-btn-primary); background: color-mix(in srgb, var(--color-btn-primary), transparent 80%); border-radius: 50%; place-self: center; &:focus-visible{ outline-offset: -1px; } }.dekozen-slideshow-scope .hdt-pause-play-btn svg{ grid-area: 1 / 1 / 2 / 2; place-self: center; }.dekozen-slideshow-scope .hdt-pause-play-btn .hdt-icon-progress{ width: 100%; height: 100%; }.dekozen-slideshow-scope .hdt-slider-play[running] .hdt-progress__path{ animation: slideDotsProgressAni var(--hdt-remaining, 0) linear var(--hdt-play-state, paused) forwards; }.dekozen-slideshow-scope .hdt-slider-play .hdt-icon-play{ opacity: 1; animation: zoomInSpring 0.48s cubic-bezier(.3,1.5,.4,1) both; }.dekozen-slideshow-scope .hdt-slider-play[playing] .hdt-icon-play{ opacity: 0; animation: zoomOutSpring 0.38s cubic-bezier(.33,1.25,.56,1) both; }.dekozen-slideshow-scope .hdt-slider-play .hdt-icon-pause{ opacity: 0; animation: zoomOutSpring 0.38s cubic-bezier(.33,1.25,.56,1) both; }.dekozen-slideshow-scope .hdt-slider-play[playing] .hdt-icon-pause{ opacity: 1; animation: zoomInSpring 0.48s cubic-bezier(.3,1.5,.4,1) both; }.dekozen-slideshow-scope .hdt-icon-progress{ --progress-color: var(--color-btn-primary); --progress-active: var(--color-btn-primary); --cricle-width: 4px; }.dekozen-slideshow-scope .hdt-progress__circle, .dekozen-slideshow-scope .hdt-progress__path{ fill: none; stroke: var(--progress-color); stroke-width: var(--cricle-width); transition: stroke .3s ease; }.dekozen-slideshow-scope .hdt-progress__circle{ stroke: color-mix(in srgb, var(--progress-color), transparent 80%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }.dekozen-slideshow-scope .hdt-progress__path{ stroke-dasharray: 1; stroke-dashoffset: 1; stroke-width: var(--cricle-width); }.dekozen-slideshow-scope .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; } }@keyframes zoomInSpring { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.12); } 80% { opacity: 1; transform: scale(0.96); } 100% { opacity: 1; transform: scale(1); } }@keyframes zoomOutSpring { 0% { opacity: 1; transform: scale(1); } 30% { opacity: 1; transform: scale(1.18); } 100% { opacity: 0; transform: scale(0.6); } }@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-slideshow__mobile-content-below{ .hdt-media-overlap-content { display: block; } .hdt-media-content { padding: 22px 25px 64px; border-radius: 0; background: var(--gradient-background); } }}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-slider .hdt-slideshow__controls{ --control-padding: 30px; --control-spacing: 30px; max-width: var(--container-max-width-padding-lg); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-slideshow .hdt-media-overlap-content--container > :not(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope picture, .dekozen-slideshow-scope .hdt-media-wrapper, .dekozen-slideshow-scope a, .dekozen-slideshow-scope hdt-video){ grid-area: 2 / 2 / 3 / 5; }.dekozen-slideshow-scope .hdt-slider .hdt-slideshow__controls{ --control-padding: 50px; --control-spacing: 50px; }.dekozen-slideshow-scope .hdt-slider-control--counter .hdt-slider-nav--back-next > button{ padding: 20px; }}@media (min-width: 1400px) {.dekozen-slideshow-scope .hdt-slider .hdt-slideshow__controls{ --control-padding: 105px; max-width: 100%; }.dekozen-slideshow-scope .hdt-slideshow .hdt-slideshow__controls{ --control-padding: 50px; }}.dekozen-slideshow-scope .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-item .hdt-media-content{ padding: 20px; grid-area: full-r-start/full-c-start/full-r-end/full-c-end; min-height: 50%; display: flex; flex-direction: column; position: relative; max-height: 100%; &:is(.hdt-place-self-center-start, .hdt-place-self-center-end, .hdt-place-self-center){ justify-content: center; } &:is(.hdt-place-self-end-start, .hdt-place-self-end-center, .hdt-place-self-end){ justify-content: flex-end; } &:is(.hdt-place-self-start, .hdt-place-self-start-center, .hdt-place-self-start-end){ justify-content: flex-start; } > *{ position: relative; z-index: 3; } .hdt-btn, .hdt-btn-link{ white-space: nowrap; max-width: 100%; .hdt-inner-btn >span{ overflow: hidden; text-overflow: ellipsis; } } } a.hdt-collage-item{ cursor: var(--cursor-open-link) 33 33, auto; } }.dekozen-slideshow-scope .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-btn-link, .hdt-btn{ width: fit-content; margin-block-start: var(--mg-block_start, 12px); } .hdt-full-width-link{ border-radius: inherit; &:focus-visible{ outline: none; box-shadow: inset 0 0 0 2px var(--color-focus); } } .hdt-media-content.hdt-has-btn-m{ --translateY: calc(44px + var(--mg-block_start, 12px)); } .hdt-media-content.hdt-has-btn-s{ --translateY: calc(36px + var(--mg-block_start, 12px)); } .hdt-media-content.hdt-has-btn-l{ --translateY: calc(52px + var(--mg-block_start, 12px)); } .hdt-media-content.hdt-has-btn-link{ --translateY: calc(30px + var(--mg-block_start, 12px)); } .hdt-media-content .hdt-inner-content{ max-height: calc(100% - var(--translateY, 0)); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; } }@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-collage-item .hdt-media-content.hdt-text-center .hdt-btn, .dekozen-slideshow-scope .hdt-collage-item .hdt-media-content.hdt-text-center .hdt-btn-link{ align-self: center; }.dekozen-slideshow-scope .hdt-collage-item .hdt-media-content.hdt-text-end .hdt-btn, .dekozen-slideshow-scope .hdt-collage-item .hdt-media-content.hdt-text-end .hdt-btn-link{ align-self: flex-end; }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-collage-wrapp{ --collage-cols: var(--collage-cols-md); --collage-row-height: var(--row-height-md); --spacing: var(--spacing-md); .hdt-media-content:is(.md\:hdt-place-self-center-start, .md\:hdt-place-self-center-end, .md\:hdt-place-self-center){ justify-content: center; } .hdt-media-content:is(.md\:hdt-place-self-end-start, .md\:hdt-place-self-end-center, .md\:hdt-place-self-end){ justify-content: flex-end; } .hdt-media-content:is(.md\:hdt-place-self-start, .md\:hdt-place-self-start-center, .md\:hdt-place-self-start-end){ justify-content: flex-start; } }.dekozen-slideshow-scope .hdt-collage-item{ --collage-row-ident: var(--collage-row-ident-md); --collage-col-ident: var(--collage-col-ident-md); .hdt-media-content.md\:hdt-text-center .hdt-btn, .hdt-media-content.md\:hdt-text-center .hdt-btn-link{ align-self: center; } .hdt-media-content.md\:hdt-text-end .hdt-btn, .hdt-media-content.md\:hdt-text-end .hdt-btn-link{ align-self: flex-end; } }@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference){.dekozen-slideshow-scope .hdt-collage-item:not(.hdt-hover-effnone) :is(.hdt-btn, .dekozen-slideshow-scope .hdt-btn-link){ opacity: 0; transform: translateY(100%); visibility: hidden; transition: visibility 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }.dekozen-slideshow-scope .hdt-collage-item:not(.hdt-hover-effnone) .hdt-media-content:is(.md\:hdt-place-self-end-start, .dekozen-slideshow-scope .md\:hdt-place-self-end-center, .dekozen-slideshow-scope .md\:hdt-place-self-end) .hdt-inner-content, .dekozen-slideshow-scope .hdt-collage-item:not(.hdt-hover-effnone) .hdt-media-content:is(.md\:hdt-place-self-center-start, .dekozen-slideshow-scope .md\:hdt-place-self-center-end, .dekozen-slideshow-scope .md\:hdt-place-self-center) .hdt-inner-content{ transform: translateY(var(--translateY, 0)); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }}}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-collage-wrapp{ --collage-row-height: var(--row-height-xl); --spacing: var(--spacing-xl); .hdt-collage-item .hdt-media-content{ padding: 27px; } }.dekozen-slideshow-scope .hdt-collage-item{ --collage-row-ident: var(--collage-row-ident-xl); --collage-col-ident: var(--collage-col-ident-xl); }}@container collage-item (width >= 600px) {.dekozen-slideshow-scope .hdt-collage-wrapp .hdt-btn:not(.hdt-btn-link){ min-width: 138px; }}@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-text--with-icon .hdt-slider__active-false .hdt-slider__container{ --spacing-y: var(--spacing-2) }}.dekozen-slideshow-scope .hdt-layout--card .hdt-iconbox-wrap{ padding: var(--spacing-2) var(--spacing-1); border-radius: var(--rounded); outline: 1px solid var(--color-line-border); outline-offset: -1.5px; background: var(--color-background); background: var(--gradient-background); color: var(--color-foreground); .hdt-slider__container{ margin-inline-start: 0; } .hdt-slider__slide{ padding-inline-start: 0; } .hdt-icon-item-inner{ padding: 0 calc(var(--slide-spacing) * .5); } }.dekozen-slideshow-scope .hdt-icon-item{ .hdt-icon-wrap{ display: inline-flex; align-items: center; justify-content: center; margin-block-end: var(--spacing-1); &:not(.hdt-icon__type-none){ padding: var(--spacing-1-4); } } .hdt-heading{ padding-block-end: var(--spacing-0-6); } :where(.hdt-btn, .hdt-btn-link){ margin-block-start: var(--spacing-1); margin-block-end: 3px; } }.dekozen-slideshow-scope :where(.hdt-icon__type-square, .dekozen-slideshow-scope .hdt-icon__type-cricle){ background-color: var(--color-background2); }.dekozen-slideshow-scope :where(.hdt-icon__type-border, .dekozen-slideshow-scope .hdt-icon__type-cricle){ border-radius: var(--rounded-full); }.dekozen-slideshow-scope .hdt-iconbox-wrap .hdt-icon-wrap > :where(svg, .dekozen-slideshow-scope img){ width: auto; height: var(--icon-h); min-width: var(--icon-mw, var(--icon-h)); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-text-with-icons--border{ padding: var(--spacing-3) var(--spacing-2-6); }.dekozen-slideshow-scope .hdt-iconbox-wrap .hdt-icon-wrap > :where(svg, .dekozen-slideshow-scope img){ height: var(--icon-h-md); min-width: var(--icon-mw-md, var(--icon-h-md)); }.dekozen-slideshow-scope :where(.hdt-icon--pos-left, .dekozen-slideshow-scope .hdt-icon--pos-left_start){ display: flex; flex-direction: row; gap: 10px; }.dekozen-slideshow-scope .hdt-icon-item{ .hdt-icon--pos-left_start{ align-items: flex-start; } .hdt-icon--pos-left{ align-items: center; } .hdt-icon--pos-left .hdt-icon-wrap, .hdt-icon--pos-left_start .hdt-icon-wrap{ margin-block-end: 0; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-iconbox-wrap .hdt-icon-wrap > :where(svg, .dekozen-slideshow-scope img){ height: var(--icon-h-xl, var(--icon-h-md)); }}.dekozen-slideshow-scope .hdt-section-header-gallery > .hdt-group-button-block{ display: inline-flex; gap: 10px; flex-wrap: wrap; place-self: center; margin-top: var(--spacing-2-4); justify-self: start; }.dekozen-slideshow-scope .hdt-section-header-gallery.hdt-text-center > .hdt-group-button-block{ justify-self: center; justify-content: center; }.dekozen-slideshow-scope .hdt-section-header-gallery.hdt-text-right > .hdt-group-button-block{ justify-self: end; justify-content: flex-end; }.dekozen-slideshow-scope .hdt-section-header-gallery > .hdt-group-button-block .hdt-btn{ margin-top: 0; }.dekozen-slideshow-scope .hdt-section__gallery .hdt-btn-control_media{ margin-inline-start: auto; margin-bottom: 13px; }.dekozen-slideshow-scope .hdt-pause-play-slider--gallery{ display: none; @media (min-width: 1025px) { display: block; } }@media (max-width: 1024.98px) {.dekozen-slideshow-scope .hdt-section__gallery--auto-scroll-mb hdt-gallery-modal{ position: relative; .hdt-pause-play-slider--gallery { display: block; position: absolute; top: 15px; z-index: 2; inset-inline-end: 0; } }}.dekozen-slideshow-scope .hdt-section__gallery .hdt-slider__viewport{ padding-block-end: 3px; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-title-horizontal.hdt-section-header-gallery > .hdt-group-button-block{ grid-column: 2; grid-row: 1/-1; margin-top: 0; }}@media (min-width: 1024px) {.dekozen-slideshow-scope .hdt-container-xl{ &.md\:hdt-slider__marquee.mb\:hdt-slider__overflow { .hdt-title-horizontal { padding-inline-end: var(--pd-container, 30px); } .hdt-pause-play-slider--gallery { padding-inline-end: var(--pd-container, 30px); } } }}.dekozen-slideshow-scope .hdt-marquee{ white-space: nowrap; overflow: hidden; direction: ltr; unicode-bidi: isolate; &::part(wrapper) { min-width: max-content; display: inline-flex; align-items: center; position: relative; will-change: transform; } }.dekozen-slideshow-scope .hdt-section__scrolling-content .hdt-marquee{ line-height: 1; padding-block: 1px; .hdt-body{line-height: var(--font-body-line-height)} }.dekozen-slideshow-scope .no-js .hdt-marquee{ overflow-x: scroll; }.dekozen-slideshow-scope .hdt-marquee-item{ width: max-content; > * { margin: 0 calc(var(--gap-item, 20px) / 2); } > :where(.hdt-shape-block, .hdt-icon-wrapper) { flex: none; } > .hdt-shape__diamond { margin: calc(var(--gap-item, 20px) / 2); } }.dekozen-slideshow-scope .hdt-shape__slash, .dekozen-slideshow-scope .hdt-shape__line, .dekozen-slideshow-scope .hdt-shape__line-horizontal{ width: max(calc(var(--fs, 10px) * .9), 15px); height: max(calc(var(--fs, 10px) * .9), 15px); display: inline-flex; overflow: hidden; position: relative; }.dekozen-slideshow-scope .hdt-shape__line:before, .dekozen-slideshow-scope .hdt-shape__slash:before, .dekozen-slideshow-scope .hdt-shape__line-horizontal:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 100%; background-color: color-mix(in srgb, var(--color-foreground) 25%, transparent 80%); }.dekozen-slideshow-scope .hdt-shape__slash:before{ transform-origin: 50%; transform: skewX(calc(-45deg * var(--value-logical-flip))); }.dekozen-slideshow-scope .hdt-shape__line-horizontal:before{ width: 100%; height: 1px; }.dekozen-slideshow-scope .hdt-shape__circle, .dekozen-slideshow-scope .hdt-shape__square, .dekozen-slideshow-scope .hdt-shape__diamond{ width: max(calc(var(--fs) / 2.5), 5px); height: max(calc(var(--fs) / 2.5), 5px); background-color: color-mix(in srgb, var(--color-foreground) 25%, transparent 80%); }.dekozen-slideshow-scope .hdt-shape__circle{ border-radius: var(--rounded-full); }.dekozen-slideshow-scope .hdt-shape__diamond{ transform: rotateZ(45deg); }.dekozen-slideshow-scope .hdt-marquee-item__mess{ font-size: var(--fs); &.hdt-uppercase { letter-spacing: calc(var(--fs) * 0.2); } }.dekozen-slideshow-scope .hdt-marquee .hdt-icon-wrapper img{ min-width: var(--icon-mw); border-radius: var(--rounded-2xs); &.hdt-rounded-full { border-radius: var(--rounded-full); } }.dekozen-slideshow-scope .hdt-marquee-item .hdt-outline-text{ color: transparent; -webkit-text-stroke: 1px var(--color-foreground); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-marquee-item{ --gap-item: var(--gap-item-lg) }.dekozen-slideshow-scope .hdt-marquee-item__mess, .dekozen-slideshow-scope .hdt-shape-block{ --fs: var(--fs-lg) }.dekozen-slideshow-scope .hdt-marquee .hdt-icon-wrapper img{ min-width: var(--icon-mw-md); }}.dekozen-slideshow-scope .hdt-section__media-w-text{position: relative;}.dekozen-slideshow-scope .hdt-custom-background{ position: absolute; inset: 0; pointer-events: none; background: var(--gradient-bg); .hdt-background-overlay{ position: absolute; inset: 0; pointer-events: none; &.hdt-overlaytype--solid{ background: var(--color-bg-overlay); } &.hdt-overlaytype--gradient{ background: linear-gradient(var(--overlay-direction),var(--color-bg-overlay),var(--overlay-color--end)) } } .hdt-media-wrapper{ width: 100%; height: 100%; } }.dekozen-slideshow-scope .hdt-s-background :where(img, .dekozen-slideshow-scope svg){ width: 100%; height: 100%; object-fit: cover; object-position: center; }.dekozen-slideshow-scope .hdt-section__media-w-text .hdt-media-text-slide{ position: relative; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-inner-media-text{ background: var(--color-background); border-radius: var(--rounded); overflow: hidden; --hdt-block-btn: 24px; flex-direction: column; display: flex; width: 100%; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media{ position: relative; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media, .dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ flex: 0 0 auto; width: 100%; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ padding: 28px 20px; display: flex; align-items: center; justify-content: center; [circle-bg-wrap]{overflow: hidden;} .hdt-inner-content{ width: 100%; } }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-text-block{ color: var(--color-foreground); --hdt-block-el: 16px; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media > :is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video, .dekozen-slideshow-scope .hdt-media-wrapper), .dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media > :is(picture, .dekozen-slideshow-scope .hdt-media-wrapper, .dekozen-slideshow-scope hdt-video) >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ width: 100%; height: 100%; object-fit: cover; object-position: center; }.dekozen-slideshow-scope .hdt-banner-media hdt-video > :is(iframe){ width: 100%!important; margin-left: 0!important; height: 100%!important; max-width: 100%!important; }.dekozen-slideshow-scope .hdt-content.hdt-text-center .hdt-label-emoij{ align-self: center; }.dekozen-slideshow-scope .hdt-content.hdt-text-right .hdt-label-emoij{ align-self: flex-end; }.dekozen-slideshow-scope .hdt-content.hdt-text-left .hdt-label-emoij{ align-self: flex-start; }.dekozen-slideshow-scope .hdt-section__media-w-text > .hdt-container-xl{ padding-inline: 0 }.dekozen-slideshow-scope .hdt-section__media-w-text .hdt-media-text-slide hdt-slider{ padding: 0 15px }@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-slider{ padding-inline: 15px; .hdt-slider__viewport:not(.mb\:hdt-slider__viewport--hidden){overflow: visible;} &.hdt-slider__active-true{ --slide-size-set: var(--slide-size-set-mb, 90%) } }.dekozen-slideshow-scope .hdt-section__media-w-text{overflow: hidden;}.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media{ height: var(--height-item); }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-inner-media-text{ border-radius: var(--rounded); .hdt-content{ border-inline: 1px solid var(--color-line-border); border-block-end: 1px solid var(--color-line-border); border-end-start-radius: var(--rounded); border-end-end-radius: var(--rounded); } }.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-ground-media-text{ --slide-spacing: var(--spacing-x); --gap-hero: 0; }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-inner-full{ position: sticky; height: 100vh; top: 0; display: block; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-banner-media, .dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ flex: 0 0 50%; width: 50%; height: 100%; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-inner-media-text{ flex-direction: row; }.dekozen-slideshow-scope .hdt-pos-media-second .hdt-item-media-w-text .hdt-inner-media-text{ flex-direction: row-reverse; }.dekozen-slideshow-scope .hdt-media-text-scrollstack{ height: var(--height-stack); position: relative; max-width: 100%; &.hdt-no-scroll{ height: auto; .hdt-inner-full{position: relative;height: auto;} .hdt-stack-sticky{position: static;} .hdt-ground-media-text{justify-content: center;} } }.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-stack-sticky{ position: sticky; top: calc((100vh - var(--height-item))/2); overflow: hidden; transform-style: preserve-3d; }.dekozen-slideshow-scope .hdt-section__media-w-text > .hdt-container-xl{ padding-inline: 0 }.dekozen-slideshow-scope .hdt-media-text-scrollstack.hdt-item-fullwidth .hdt-stack-sticky{ border-radius: var(--rounded); }.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-slider__viewport{ overflow: visible; padding-inline: var(--pd-container, 30px); }.dekozen-slideshow-scope .hdt-media-text-scrollstack .hdt-ground-media-text{ --slide-spacing: 0; --gap-hero: var(--spacing-x); display: flex; will-change: transform; transform-style: preserve-3d; column-gap: var(--gap-hero); }.dekozen-slideshow-scope .hdt-ground-media-text .hdt-item-media-w-text{ display: flex; width: min(var(--width-item), 1025px); flex: 0 0 auto; will-change: transform; min-height: 100%; }.dekozen-slideshow-scope .hdt-item-fullwidth .hdt-media-text-scrollstack .hdt-ground-media-text{ --gap-hero: max(var(--pd-container, 30px), var(--spacing-x)); }.dekozen-slideshow-scope .hdt-item-fullwidth .hdt-ground-media-text .hdt-item-media-w-text{ width: 100%; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ padding: 28px; overflow-y: auto; &.md\:hdt-text-center{ justify-content: center; } &.md\:hdt-text-left{ justify-content: start; } &.md\:hdt-text-right{ justify-content: end; } }.dekozen-slideshow-scope .hdt-content.md\:hdt-text-center .hdt-label-emoij{ align-self: center; }.dekozen-slideshow-scope .hdt-content.md\:hdt-text-right .hdt-label-emoij{ align-self: flex-end; }.dekozen-slideshow-scope .hdt-content.md\:hdt-text-left .hdt-label-emoij{ align-self: flex-start; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-label-emoij + .hdt-theme-block{ --hdt-label-spacing: 22px }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ border-inline-end: 1px solid var(--color-line-border); border-block: 1px solid var(--color-line-border); border-start-end-radius: var(--rounded); border-end-end-radius: var(--rounded); }.dekozen-slideshow-scope .hdt-pos-media-second .hdt-item-media-w-text .hdt-content{ border-inline-end: none; border-inline-start: 1px solid var(--color-line-border); border-start-start-radius: var(--rounded); border-end-start-radius: var(--rounded); border-start-end-radius: 0; border-end-end-radius: 0; }.dekozen-slideshow-scope .hdt-ground-media-text .hdt-item-media-w-text .hdt-inner-media-text{ height: var(--height-item); min-height: auto; }.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content .hdt-inner-content{ max-width: var(--max-width-content, 100%); }}@media screen and (min-width: 1150px){.dekozen-slideshow-scope .hdt-item-media-w-text .hdt-content{ padding: 44px; }}.dekozen-slideshow-scope .hdt-testimonial-item{ .hdt-star-wrap { margin-bottom: var(--spacing-1-4); } .hdt-name-client{ gap: 6px; .hdt-icon-wrap{ color: var(--icon-color-author, var(--color-foreground)); } } .hdt-star-wrap { margin-bottom: var(--spacing-1-4); } .hdt-heading { margin-bottom: var(--spacing-1); } .hdt-auth-quote { margin-bottom: var(--spacing-1-4); } }.dekozen-slideshow-scope .hdt-section-testimonial-product{ .hdt-testimonial-item { border-radius: var(--rounded); border: 1px solid var(--color-line-border); padding: var(--spacing-2); } .hdt-testiminial-product { padding-top: var(--spacing-2); border-top: 1px solid var(--color-line-border); margin-top: var(--spacing-1-6); .hdt-product-title{ color: var(--color-pr-text) } } .hdt-slider__viewport{ padding: 1px; } }.dekozen-slideshow-scope .hdt-testiminial-product{ .hdt-pr-image { flex: 0 0 45px; } .hdt-pr-wrap{ gap: 15px; } .hdt-open-quickview-btn{ margin-top: var(--spacing-1); } }.dekozen-slideshow-scope .hdt-star-wrap{ .hdt-star { display: inline-flex; position: relative; background-color: color-mix(in srgb, var(--color-foreground), transparent 85%); height: 12px; width: 80px; -webkit-mask-image: var(--icon-star-rate); mask-image: var(--icon-star-rate); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-size: 16px 12px; mask-size: 16px 12px; &:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--rating-color, #FC9B2C); -webkit-mask-image: var(--icon-star-rate); mask-image: var(--icon-star-rate); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-size: 16px 12px; mask-size: 16px 12px; } } &[data-rate="5"] .hdt-star:after{ width: 100%; } &[data-rate="4.5"] .hdt-star:after{ width: 90%; } &[data-rate="4"] .hdt-star:after{ width: 80%; } &[data-rate="3.5"] .hdt-star:after{ width: 70%; } &[data-rate="3"] .hdt-star:after{ width: 60%; } &[data-rate="2.5"] .hdt-star:after{ width: 50%; } &[data-rate="2"] .hdt-star:after{ width: 40%; } &[data-rate="1.5"] .hdt-star:after{ width: 30%; } &[data-rate="1"] .hdt-star:after{ width: 20%; } &[data-rate="0.5"] .hdt-star:after{ width: 10%; } &[data-rate="0"] .hdt-star:after{ width: 0%; } }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-section-testimonial-product .hdt-section-title.hdt-text-center + .md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; flex-wrap: wrap; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-section-testimonial-product .hdt-section-title.hdt-text-center + .xl\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; flex-wrap: wrap; }}.dekozen-slideshow-scope .hdt-section-testimonials-with-image .hdt-inner-content-testimonial{ .hdt-container-full{ padding-inline: min(8vw, 140px); } }.dekozen-slideshow-scope .hdt-section-testimonials-with-image .hdt-inner-s-background .hdt-s-background{ position: absolute; inset: 0; }.dekozen-slideshow-scope .hdt-testimonials-w-image-wrapper{ flex-direction: column; row-gap: var(--spacing-2-4); padding-inline: 15px; .hdt-testimonial-item{ padding-block-start: 30px; @media (min-width: 768px) { padding-block-start: 0; } } .hdt-testimonial-info{ .hdt-ic-testimonial{ display: flex; margin-bottom: var(--spacing-2-8); color: color-mix(in srgb, var(--color-foreground), transparent 80%); } .hdt-auth-quote { font-size: var(--text-xl); } .hdt-name-client { margin-bottom: var(--spacing-1); } } .hdt-slide-control-mixed { margin-block-start: 30px; } .hdt-list-images-testimonial { width: 80%; max-width: 340px; } .hdt-slider{ max-width: 100%; } }.dekozen-slideshow-scope .hdt-inner-list-images-testimonial{ display: grid; .hdt-testimonial-image{ grid-area: 1/-1; border-radius: var(--rounded-sm); .hdt-media-testimonial-wrapper{ position: relative; transform: rotate(var(--rotate)); } } }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-testimonials-w-image-wrapper{ flex-direction: row; padding-inline: 0; .hdt-testimonial-item{ padding-inline-start: var(--gap-col, 35px); } .hdt-slider__viewport{ padding-block: 30px; } .hdt-list-images-testimonial { flex: 0 0 min(310px, 37%); max-width: min(310px, 37%); } .hdt-slider{ flex: 1; overflow: hidden; } .hdt-testimonial-info .hdt-ic-testimonial{ margin-bottom: var(--spacing-3-8); } }.dekozen-slideshow-scope hdt-testimonial-image[reveal-on-scroll] .hdt-container{ padding-inline: 50px; max-width: min(calc(100vw - var(--clip-path-off, 0px) - 20px), var(--container-max-width-padding-md, 110%)); }.dekozen-slideshow-scope .hdt-section-testimonials-with-image .hdt-slide-control-mixed{ margin-inline-start: var(--gap-col, 35px); }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-testimonials-w-image-wrapper{ .hdt-testimonial-item{ padding-inline-start: var(--gap-col-md, 35px); } .hdt-list-images-testimonial{ flex: 0 0 min(338px, 37%); max-width: min(338px, 37%); } .hdt-testimonial-info .hdt-auth-quote { font-size: var(--text-6xl); } }.dekozen-slideshow-scope hdt-testimonial-image[reveal-on-scroll] .hdt-container{ max-width: min(var(--container-max-width-padding-xl), calc(100vw - var(--clip-path-off, 0px) - 20px)); padding-inline: calc(var(--pd-container, 30px) + 20px); }.dekozen-slideshow-scope .hdt-section-testimonials-with-image .hdt-slide-control-mixed{ margin-inline-start: var(--gap-col-md, 35px); }}@media (min-width: 1650px){.dekozen-slideshow-scope hdt-testimonial-image[reveal-on-scroll] .hdt-container{ padding-inline: 50px; }}.dekozen-slideshow-scope .hdt-scroll-clip{ --clip-x: 15px; }.dekozen-slideshow-scope .hdt-section-scroll-media-with-text{ height: 250vh; .hdt-custom-background { position: relative; grid-area: 1 / -1; z-index: 0; height: 100%; width: 100%; max-height: 100vh; pointer-events: none; .hdt-media-wrapper { display: block; } } }.dekozen-slideshow-scope .hdt-scroll-media-with-text{ display: grid; height: 100vh; position: sticky; top: 0; max-width: 100%; overflow: hidden; }.dekozen-slideshow-scope .hdt-scroll-media-with-text__bg-img{ grid-area: 1 / -1; z-index: 0; height: 100%; width: 100%; max-height: 100vh; pointer-events: none; img { height: 100%; width: 100%; object-fit: cover; } }.dekozen-slideshow-scope .hdt-scroll-media-with-text__text{ grid-area: 1 / -1; white-space: nowrap; overflow: hidden; position: relative; width: 100%; place-self: center; &:has(.hdt-scrolling-mwt-marquee-inner:empty) { display: none; } }.dekozen-slideshow-scope .hdt-scroll-media-with-text__media{ grid-area: 1 / -1; z-index: 1; height: 100%; width: 100%; max-height: var(--hdt-fill-height); display: flex; justify-content: center; align-items: center; .hdt-media-wrapper { width: 100%; height: 100%; --media-radius: 35px; clip-path: inset(calc(50% - var(--media-radius)) calc(50% - var(--media-radius)) round var(--media-radius)); >:where(svg, img, hdt-video) { height: 100%; width: 100%; object-fit: cover; transform: scale(0.5); } &:after { content: ''; background-color: rgb(var(--color-overlay-rgb) / calc(100% - var(--overlay-opacity))); position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; z-index: 0; pointer-events: none; } } }.dekozen-slideshow-scope .hdt-scroll-media-with-text__content{ grid-area: 1 / -1; place-self: center; opacity: 0; position: relative; z-index: 2; }@supports (height: 100svh) {.dekozen-slideshow-scope .hdt-section-scroll-media-with-text{ height: 250svh; }.dekozen-slideshow-scope .hdt-scroll-media-with-text{ height: 100svh; }.dekozen-slideshow-scope .hdt-scroll-media-with-text__media{ max-height: 100svh; }}.dekozen-slideshow-scope .hdt-scrolling-mwt-inner{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; position: sticky; top: 0; > * { grid-area: 1 / 1 / 2 / 2; } hdt-video > :is(video, iframe,img) { inset: auto; } }.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee{ width: calc(100% + 80px); margin-inline: auto; overflow: hidden; .hdt-marquee { line-height: 1; padding-block: 15px; } &.hdt-scrolling-mwt-marquee--1 .hdt-marquee{ padding-block: 15px; } }.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee--border{ padding: 1px; --color-scolling-border: var(--color-foreground); .hdt-scrolling-mwt-marquee-inner { border-radius: var(--rounded); border: 1px solid var(--color-scolling-border); overflow: hidden; } &.hdt-scrolling-mwt-marquee--1 .hdt-scrolling-mwt-marquee-inner { align-items: center; } }.dekozen-slideshow-scope .hdt-block__scrolling-content{ position: relative; }.dekozen-slideshow-scope .hdt-two-end-fade{ mask-image: linear-gradient(to right, transparent 0%, var(--color-background) 20%, var(--color-background) 80%, transparent 100%); }.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee--border .hdt-block__scrolling-content + .hdt-block__scrolling-content{ border-top: 1px solid var(--color-scolling-border); }.dekozen-slideshow-scope .hdt-scrolling-mwt-content{ z-index: 2; place-self: center; text-align: center; max-width: 100%; width: min(calc(100% - 30px), var(--content-max-width)); opacity: 0; > .hdt-heading + .rte { margin-top: 8px; } > .hdt-heading + .hdt-btn { margin-top: 13px; } > .rte + .hdt-btn { margin-top: 24px; } }.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee--border{ width: 100%; max-width: calc(100% - 30px); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee--border{ max-width: calc(100% - 60px); }.dekozen-slideshow-scope .hdt-scroll-clip{ --clip-x: 30px; }.dekozen-slideshow-scope .hdt-scroll-media-with-text__media .hdt-media-wrapper{ --media-radius: 65px; }.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee{ .hdt-marquee { padding-block: 30px; } &.hdt-scrolling-mwt-marquee--1 .hdt-marquee{ padding-block: 40px; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-scroll-clip{ --clip-x: var(--pd-container, 30px); }}@media (min-width: 1440px) {.dekozen-slideshow-scope .hdt-scrolling-mwt-marquee--border{ max-width: calc(100% - 96px); }}.dekozen-slideshow-scope .hdt-slider--images-wto{ --border-radius: var(--rounded-lg); --slide-spacing: var(--spacing-x); .hdt-iwto { min-height: var(--item-height, 400px); overflow: hidden; position: relative; transition: flex-grow .6s ease, margin .8s ease; display: grid; grid-template: 1fr / 1fr; border-radius: var(--border-radius); } .hdt-iwto-image{ position: absolute; z-index: 1; width: 100%; height: 100%; grid-area: 1 / 1 / 2 / 2; border-radius: var(--border-radius); overflow: hidden; :where(img, svg) { object-fit: cover; width: 100%; height: 100%; } &:after{ content: ""; position: absolute; inset: 0; pointer-events: none; } &.hdt-overlaytype--solid:after{ background: var(--color-bg-overlay); } &.hdt-overlaytype--gradient:after{ background: linear-gradient(var(--overlay-direction),var(--color-bg-overlay),var(--overlay-color--end)) } } .hdt-iwto-content { position: relative; overflow: hidden; z-index: 3; width: 100%; padding: max(30px, var(--border-radius, 0px)); align-self: var(--content-align, start); grid-area: 1 / 1 / 2 / 2; .hdt-smwt-btn-wrap .hdt-btn{max-width: 100%;} } }.dekozen-slideshow-scope .hdt-iwto-content .hdt-heading + *{ margin-top: 5px; }.dekozen-slideshow-scope .hdt-mask-wrap--max-content{ width: max-content; }.dekozen-slideshow-scope .hdt-iwto-content .rte + :where(.hdt-btn, .dekozen-slideshow-scope .hdt-mask-wrap, .dekozen-slideshow-scope .hdt-mask-wrap--max-content){ margin-top: 15px; overflow: hidden; }.dekozen-slideshow-scope .hdt-iwto-content .rte + .hdt-smwt-btn-wrap{ margin-top: 15px; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-slider--images-wto.md\:hdt-slider__active-false{ --slide-spacing: 0; .hdt-iwto { flex: 1; &:not(:last-child) { margin-inline-end: calc(var(--overlay-space, 10%) * -1); } } .hdt-iwto-image{ width: var(--img-w); } .hdt-iwto-content { width: calc(var(--img-w) - var(--border-radius) * 2 - var(--overlay-space, 10%)); } }.dekozen-slideshow-scope .hdt-slider--images-wto.md\:hdt-slider__active-true .hdt-iwto-content{ width: 100%; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-slider--images-wto.xl\:hdt-slider__active-false{ --slide-spacing: 0; }.dekozen-slideshow-scope .hdt-slider--images-wto{ .hdt-iwto { position: relative; flex: 1; transition: flex-grow .6s ease, margin 1s ease; &:not(:last-child) { margin-inline-end: calc(var(--overlay-space, 10%) * -1); } } .hdt-iwto-image { width: var(--img-w); } }.dekozen-slideshow-scope .hdt-slider--images-wto.xl\:hdt-slider__active-false .hdt-iwto-content{ width: calc(var(--img-w, 0px) - var(--border-radius, 0px) * 2 - var(--overlay-space, 10%)); }}@media (max-width: 1149.98px) {.dekozen-slideshow-scope .hdt-section__images-wto--2 .hdt-slider.hdt-slider--images-wto{ --slide-size-set: 50% !important; }}@media (max-width: 599.98px) {.dekozen-slideshow-scope .hdt-section__images-wto .hdt-slider.hdt-slider--images-wto{ --slide-size-set: 90% !important; }.dekozen-slideshow-scope .hdt-section__images-wto--1 .hdt-slider.hdt-slider--images-wto{ --slide-size-set: 100% !important; }}.dekozen-slideshow-scope .hdt-section__hero-media .hdt-media-overlap-content{ @layer themeh.styles.base.default { --media-overlap-content-gap-r: min(5vw, 70px); --media-overlap-content-gap-c: min(5vw, 90px); } }.dekozen-slideshow-scope .hdt-section__hero-media{ &.hdt-media-content{ --hdt-block-el: 24px } .hdt-content-horizontal { width: 100%; max-width: none; .hdt-media-content-wrapp{ max-width: var(--overlap-content-mw, auto); } } [data-wrapp-video] { --min-overlap-bottom: 70px; } hdt-video { position: relative; } }.dekozen-slideshow-scope .hdt-content-horizontal .hdt-btn-ground{ align-self: flex-end; margin-block-start: 20px; }@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-section__hero-media .hdt-mobile-content-below{ display: block; .hdt-media-content { border-radius: 0; background: var(--color-background); background: var(--gradient-background); padding: 40px min(5vw, 30px); max-width: 100%; } .hdt-content-horizontal .hdt-media-content-wrapp{ max-width: 100%; } }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-section__hero-media .hdt-content-horizontal{ display: grid; grid-template: auto / fit-content(var(--overlap-content-mw)) auto; align-self: flex-end; gap: var(--spacing-x); .hdt-media-content-wrapp{min-width: 300px;} .hdt-btn-ground{ display: flex; justify-content: flex-end; } }.dekozen-slideshow-scope .hdt-content-horizontal .hdt-btn, .dekozen-slideshow-scope .hdt-content-horizontal .hdt-btn-link{ margin-block-start: 0; max-width: calc(100% - var(--clip-path-off, 0)); }}.dekozen-slideshow-scope .hdt-section_media-cards .hdt-media-overlap-content{ @layer themeh.styles.tablet.default { --media-overlap-content-gap-r: min(5vw, 20px); --media-overlap-content-gap-c: min(5vw, 20px); } @layer themeh.styles.base.default { --media-overlap-content-gap-r: min(5vw, 25px); --media-overlap-content-gap-c: min(5vw, 25px); } }.dekozen-slideshow-scope .hdt-section_media-cards .hdt-slider{ --slide-spacing: var(--spacing-x); }.dekozen-slideshow-scope .hdt-section_media-cards .hdt-media-wrapper >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratio, auto); }.dekozen-slideshow-scope .hdt-media-card-item .hdt-theme-block, .dekozen-slideshow-scope .hdt-media-card-item .hdt-btn{ --hdt-block-el: 7px; --hdt-block-btn: 12px; --hdt-block-hafl: 6px; --hdt-block-space: 20px; }.dekozen-slideshow-scope .hdt-media-card-item .hdt-hover-effblur .hdt-media-content:before{ -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-section_media-cards .md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-section_media-cards .hdt-media-wrapper >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratio-md, auto); }.dekozen-slideshow-scope hdt-tilt-card.hdt-media-card-item{ margin: 30px 0; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-section_media-cards .xl\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }}.dekozen-slideshow-scope .hdt-hover-effblur .hdt-media-content{ padding: 20px; grid-area: full-r-start/full-c-start/full-r-end/full-c-end; min-height: 50%; display: flex; flex-direction: column; position: relative; &:before { content: ""; position: absolute; inset: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 2; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 100%; opacity: 1; } > .hdt-content { position: relative; z-index: 3; } &:is(.hdt-place-self-end-start, .hdt-place-self-end-center, .hdt-place-self-end) { justify-content: flex-end; } &:is(.hdt-place-self-center-start, .hdt-place-self-center-end, .hdt-place-self-center){ justify-content: center; } &:is(.hdt-place-self-start, .hdt-place-self-start-center, .hdt-place-self-start-end){ justify-content: flex-start; } }.dekozen-slideshow-scope .hdt-hover-effblur:focus-visible{outline: none;}@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-hover-effblur .hdt-media-content{ &.hdt-text-center .hdt-btn, &.hdt-text-center .hdt-btn-link{ align-self: center; } &.hdt-text-end .hdt-btn, &.hdt-text-end .hdt-btn-link{ align-self: flex-end; } &:is(.hdt-place-self-center-start, .hdt-place-self-center-end, .hdt-place-self-center):before{ mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 50%, color-mix(in srgb, var(--color-foreground), transparent 100%) 100%); } &:is(.hdt-place-self-end-start, .hdt-place-self-end-center, .hdt-place-self-end):before{ mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); } &:is(.hdt-place-self-start, .hdt-place-self-start-center, .hdt-place-self-start-end):before{ mask-image: linear-gradient(360deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); -webkit-mask-image: linear-gradient(360deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); } }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-hover-effblur .hdt-media-content{ &:is(.md\:hdt-place-self-center-start, .md\:hdt-place-self-center-end, .md\:hdt-place-self-center){ justify-content: center; min-height: 100%; } &:is(.md\:hdt-place-self-end-start, .md\:hdt-place-self-end-center, .md\:hdt-place-self-end){ justify-content: flex-end; } &:is(.md\:hdt-place-self-start, .md\:hdt-place-self-start-center, .md\:hdt-place-self-start-end){ justify-content: flex-start; } &:is(.md\:hdt-place-self-center-start, .md\:hdt-place-self-center-end, .md\:hdt-place-self-center):before{ mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 50%, color-mix(in srgb, var(--color-foreground), transparent 100%) 100%); } &:is(.md\:hdt-place-self-end-start, .md\:hdt-place-self-end-center, .md\:hdt-place-self-end):before{ mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); } &:is(.md\:hdt-place-self-start, .md\:hdt-place-self-start-center, .md\:hdt-place-self-start-end):before{ mask-image: linear-gradient(360deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); -webkit-mask-image: linear-gradient(360deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); } }}.dekozen-slideshow-scope .hdt-hotspot{ --x-pos: var(--x-pos-mb); --y-pos: var(--y-pos-mb); --btn-hotspot-w: 18px; inset-inline-start: min(var(--x-pos), calc(100% - var(--btn-hotspot-w, 18px))); inset-block-start: min(var(--y-pos), calc(100% - var(--btn-hotspot-w, 18px))); }.dekozen-slideshow-scope .hdt-always-show-hc{ position: relative; z-index: 3; --animation-speed: 1s; }.dekozen-slideshow-scope .hdt-image-hotspots-container:not(.hdt-header-inside):not(.hdt-container-full) .hdt-section-title{ padding-inline: 0; }.dekozen-slideshow-scope .hdt-image-hotspots-container .hdt-media-wrapper :where(img, .dekozen-slideshow-scope svg){ pointer-events: none; }.dekozen-slideshow-scope .hdt-section__image-hotspots--standard{ .hdt-hotspots-area:after { content: ''; position: absolute; z-index: 1; top: 0; inset-inline-start: 0; width: 100%; height: 100%; display: block; background: rgb(var(--color-overlay-rgb) / var(--overlay-opacity, 0)); pointer-events: none; border-radius: var(--rounded-lg); } }.dekozen-slideshow-scope .hdt-container-full{ .hdt-hotspots-area:after { border-radius: 0; } }.dekozen-slideshow-scope .hdt-hotspot__btn{ position: relative; z-index: 1; background: var(--color-hotspots-secondary, #fff); color: var(--color-hotspots-primary, #000); border-radius: 50%; width: var(--btn-hotspot-w, 18px); height: var(--btn-hotspot-w, 18px); transition: width .5s ease, height .5s ease, background-color .5s ease; .hdt-hotspots__sonar { position: absolute; top: -11px; right: -11px; bottom: -11px; left: -11px; background-color: var(--color-hotspots-secondary, #fff); transition: background-color .5s ease; border-radius: 50%; z-index: 1; animation: hdt-Sonar 2s ease infinite; } .hdt-hotspots__dot { position: relative; z-index: 2; width: 100%; height: 100%; display: block; background-color: var(--color-hotspots-primary, #000); transition: background-color .5s ease; padding: 4px; border-radius: 50%; animation: hdt-Pulse 2s ease-in-out infinite; svg { content: ""; display: block; color: var(--color-hotspots-secondary, #fff); transition: color .5s ease; height: 100%; width: 100%; border-radius: inherit; } } &[aria-expanded=true] { --btn-hotspot-w: 24px; pointer-events: none; z-index: 3; .hdt-hotspots__dot { background-color: var(--color-hotspots-secondary, #fff); svg { color: var(--color-hotspots-primary, #000); } } } &.hdt-hotspot__btn--plus{ --btn-hotspot-w: 30px; --btn-hotspot-w: 30px; .hdt-hotspots__dot{ padding: 11px; } svg.hdt-icon-hotspot-plus{ width: auto; height: 8px; } } }.dekozen-slideshow-scope .hdt-hotspot__popover{ --pd-content: 15px; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); .hdt-popover__inner { padding: 0; } @media (max-width: 767.98px) { &.hdt-popover-u { backdrop-filter: unset; -webkit-backdrop-filter: unset; } } }.dekozen-slideshow-scope .hdt-always-show-hc{ display: contents; @media (min-width: 768px) { display: inline; } }.dekozen-slideshow-scope .hdt-hotspot__popover.hdt-hidden::part(content){ border: 1px solid var(--color-line-border); border-radius: var(--rounded); transition: border-color 0.3s ease; }.dekozen-slideshow-scope .hdt-hotspot-popover-inner{ gap: 14px; align-items: center; padding: 24px 0 0 0; .hdt-hotspot-media { border-radius: var(--rounded-xs); } @media (min-width: 768px) { padding: 20px; &.hdt-hotspot-has-media { padding: 6px; } } }.dekozen-slideshow-scope .hdt-hotspot-product.hdt-hotspot-popover-inner{ .hdt-hotspot-media{ width: 71px; } .hdt-price-wrapp{line-height: 1; margin-block-start: 5px;} .hdt-btn--quickview{margin-block-start: 8px;} }.dekozen-slideshow-scope .hdt-hotspot-media{ flex: none; width: 55px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot-media{ width: 73px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot-media :where(img, .dekozen-slideshow-scope svg){ width: 100%; height: auto; }.dekozen-slideshow-scope .hdt-hotspot-content > * + *{ margin-top: 6px; }.dekozen-slideshow-scope .hdt-hotspot-content > svg + *{ margin-top: 12px; }.dekozen-slideshow-scope .hdt-hotspot-content .rte{ overflow: clip; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container{ --pd-container: 15px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container-full{ --pd-container: 15px; }.dekozen-slideshow-scope .hdt-hotspots-area{ border-radius: var(--rounded-lg); .hdt-hotspot__popover { &[open-as-modal] .hdt-popover__inner .hdt-btn-close-x { position: absolute; padding: 10px; inset-inline-end: 5px; inset-block-start: 5px; } .hdt-popover__arrow { display: none; } } @media (min-width:768px) { .hdt-hotspot__popover .hdt-popover__inner .hdt-btn-close-x { display: none; } } }.dekozen-slideshow-scope .hdt-section__image-hotspots{ position: relative; .hdt-image-hotspots-container { position: relative; z-index: 2; } .hdt-custom-background { overflow: hidden; } .hdt-container-full { .hdt-hotspots-area { border-radius: 0; } } .hdt-popover-contents { display: contents; } .hdt-popover-as-contents { display: none; } .hdt-media-wrapper { transform: scaleX(var(--value-logical-flip)); } @media (min-width: 768px) { .hdt-hotspot__popover { background: var(--color-background); -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; } .hdt-popover-as-contents { display: contents; + .hdt-popover-contents { display: none; } } &.hdt-section__image-hotspots--glassy { .hdt-hotspot__popover { background: color-mix(in srgb,var(--color-foreground),transparent 70%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } } } }.dekozen-slideshow-scope .hdt-container > .hdt-hotspots-area .hdt-media-wrapper :where(img, .dekozen-slideshow-scope svg){ border-radius: var(--rounded-lg); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot{ display: inline-flex; width: calc(100% - var(--x-pos) - var(--pd-container)); min-height: 24px; align-items: center; pointer-events: none; > * { pointer-events: auto; } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot--active{ --btn-hotspot-w: 24px; z-index: 10 !important; .hdt-hotspot__btn { pointer-events: none; z-index: 3; } }.dekozen-slideshow-scope .hdt-always-show-hc{ .hdt-popover-as-contents { .hdt-hotspot__popover { display: block; flex: none; z-index: 2; border: 1px solid var(--color-line-border); border-radius: var(--rounded-sm); overflow: hidden; box-shadow: 0 0 0 transparent; transition: border-color 0.4s ease; } .hdt-hotspot__btn { flex: none; z-index: 1; } } .hdt-hotspot--active { .hdt-popover-as-contents { .hdt-hotspot__popover { border-color: var(--color-hotspots-primary); transition: border-color calc(var(--line-ani-dur, 0s) + 0.3s) ease var(--line-ani-dur, 0s); } .hdt-hotspot__btn:not(.hdt-hotspot__btn--plus) { .hdt-hotspots__dot { background-color: var(--color-hotspots-secondary, #fff); svg { color: var(--color-hotspots-primary, #000); } } } } } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(odd){ inset-inline: auto 0; margin-inline: auto var(--pd-container, 30px); justify-content: flex-start; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(even){ width: calc(var(--x-pos) - var(--pd-container) + var(--btn-hotspot-w)); inset-inline: 0 auto; margin-inline: var(--pd-container, 30px) auto; justify-content: flex-end; transition: width .3s linear; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(odd) .hdt-hotspot__btn{ order: 1; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(even) .hdt-hotspot__btn{ order: 2; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(odd) .hdt-hotspot__popover{ inset-inline: auto 0; order: 3; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(even) .hdt-hotspot__popover{ inset-inline: 0 auto; order: 1; }.dekozen-slideshow-scope .hdt-always-show-hc--layered{ .hdt-hotspot:nth-child(odd) .hdt-hotspot__popover { inset-inline: auto calc(-1 * var(--hsa-distance, 0px)); } .hdt-hotspot:nth-child(even) .hdt-hotspot__popover { inset-inline: calc(-1 * var(--hsa-distance, 0px)) auto; } }.dekozen-slideshow-scope .hdt-always-show-hc{ --line-ani-dur: 1s; .hdt-hotspot { .hdt-hs-line { inset-inline: auto 0; inset-block: 12px 0; width: 0; height: 0; display: block; z-index: 1; background-color: var(--color-foreground); --hs-popover-w-half: calc(0.5 * var(--hs-popover-w)); --btn-hotspot-w-half: calc(0.5 * var(--btn-hotspot-w)); display: grid; &:before { content: ''; display: block; width: 100%; height: 100%; background: var(--color-hotspots-primary); grid-area: 1 / 1 / 2 / 2; will-change: transform; } &.hdt-hs-line--1 { width: max(0px, calc(var(--hs-dx-abs, 0) - 0.5 * var(--hs-popover-w) - 0.5 * var(--btn-hotspot-w) + 3px)); height: 1px; --transform-origin: left center; &:before { transform: scaleX(0); transition: transform calc(var(--line-ani-dur) * 0.5) ease-out calc(var(--line-ani-dur) * 0.5); transform-origin: var(--transform-origin); } } &.hdt-hs-line--2 { width: 1px; height: max(0px, calc(var(--hs-dy-abs, 0) - var(--hs-popover-h) * 0.5)); --transform-origin: top center; &:before { transform: scaleY(0); transition: transform calc(var(--line-ani-dur) * 0.5) ease-out; transform-origin: var(--transform-origin); } } } &:nth-child(even) { .hdt-hs-line { inset-inline: auto calc(var(--btn-hotspot-w)); &.hdt-hs-line--1 { --transform-origin: right center; } } } &:nth-child(odd) { .hdt-hs-line { inset-inline: var(--btn-hotspot-w) auto; &.hdt-hs-line--1 { --transform-origin: left center; } } } &.hdt-hs-pos-left { .hdt-hs-line { inset-inline: auto calc(var(--btn-hotspot-w)); &.hdt-hs-line--1 { --transform-origin: right center; } } } &.hdt-hs-pos-right { .hdt-hs-line { inset-inline: var(--btn-hotspot-w) auto; &.hdt-hs-line--1 { --transform-origin: left center; } } } &.hdt-hs-force-pos-left { .hdt-hs-line { inset-inline: auto calc(var(--btn-hotspot-w)); &.hdt-hs-line--1 { --transform-origin: right center; } } } &.hdt-hs-force-pos-right { .hdt-hs-line { inset-inline: var(--btn-hotspot-w) auto; &.hdt-hs-line--1 { --transform-origin: left center; } } } &.hdt-hs-pos-top { .hdt-hs-line { &.hdt-hs-line--2 { --transform-origin: bottom center; } } } &.hdt-hs-pos-bottom { .hdt-hs-line { &.hdt-hs-line--2 { --transform-origin: top center; } } } &.hdt-hotspot--active { .hdt-hs-line { &.hdt-hs-line--1 { &:before { transform: scaleX(1); transition: transform calc(var(--line-ani-dur) * 0.5) ease-in; } } &.hdt-hs-line--2 { &:before { transform: scaleY(1); transition: transform calc(var(--line-ani-dur) * 0.5) ease-in calc(var(--line-ani-dur) * 0.5); } } } } } @media (max-width: 1023.98px) { .hdt-hotspot { .hdt-hs-line { background: none; &.hdt-hs-line--1 { width: calc(var(--hs-dx-abs, 0) - var(--btn-hotspot-w) * 0.5); } &.hdt-hs-line--2 { height: calc(var(--hs-dy-abs, 0) - var(--hs-popover-h) * 0.5); } } &.hdt-hs-pos-left, &.hdt-negative-dir-line-1 { .hdt-hs-line--2 { inset-inline: auto calc(var(--hs-dx-abs, 0) + var(--btn-hotspot-w) * 0.5); } } &.hdt-hs-pos-right, &.hdt-positive-dir-line-1 { .hdt-hs-line--2 { inset-inline: calc(var(--hs-dx-abs, 0) + var(--btn-hotspot-w) * 0.5) auto; } } &.hdt-hs-pos-bottom { .hdt-hs-line { inset-block: calc(var(--btn-hotspot-w) * 0.5) auto; transition: inset-block .3s linear; } } &.hdt-hs-pos-top { .hdt-hs-line { inset-block: auto calc(var(--btn-hotspot-w) * 0.5); } } &.hdt-hs-force-pos-left { .hdt-hs-line--2 { inset-inline: auto calc(var(--hs-dx-abs, 0) + var(--btn-hotspot-w) * 0.5); } } &.hdt-hs-force-pos-right { .hdt-hs-line--1 { inset-inline: var(--btn-hotspot-w) auto; } .hdt-hs-line--2 { inset-inline: calc(var(--hs-dx-abs, 0) + var(--btn-hotspot-w) * 0.5) auto; } } } } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-right{ width: calc(100% - var(--x-pos) - var(--pd-container, 30px)); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-left{ width: min(calc(var(--x-pos) - var(--pd-container) + var(--btn-hotspot-w)), calc(100% - var(--pd-container))); }.dekozen-slideshow-scope .hdt-image-hotspots-container.hdt-header-outside{ .hdt-section-title { --color-text-rgb: var(--color-text-rgb-outside); --color-btn-primary-rgb: var(--color-btn-primary-rgb-outside); --color-btn-secondary-rgb: var(--color-btn-secondary-rgb-outside); --color-btn-primary-hover: var(--color-btn-primary-hover-outside); --color-btn-secondary-hover: var(--color-btn-secondary-hover-outside); } }@keyframes pulse-ring { 0% { transform: scale(0); opacity: 0; } 70% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }.dekozen-slideshow-scope .hdt-image-hotspots-container{ display: grid; grid-template-rows: auto var(--spacing-to-header, 0) 1fr var(--spacing-to-header, 0) auto; grid-template-columns: 1fr; .hdt-media-wrapper { grid-area: 3 / 1 / 4 / 2; } .hdt-hotspots-area { grid-area: 3 / 1 / 4 / 2; place-self: center; overflow: visible; border-radius: unset; width: 100%; height: 100%; max-width: var(--image-max-width, 100%); z-index: 3; pointer-events: none; .hdt-popover-contents{pointer-events: auto;} .hdt-media-wrapper { margin-inline: auto; img, svg { border-radius: unset; } } &:after { display: none; } } .hdt-section-title { place-self: unset; z-index: 1; grid-area: 1 / 1 / 2 / 2; } }.dekozen-slideshow-scope .hdt-section__image-hotspots--standard{ .hdt-media-wrapper { &:after { content: ''; background-color: rgb(var(--color-overlay-rgb) / calc(100% - var(--overlay-opacity))); position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; z-index: 0; pointer-events: none; } } }.dekozen-slideshow-scope .hdt-section__image-hotspots--layered{ .hdt-image-hotspots-container.hdt-header-inside { display: grid; grid-template-rows: auto var(--spacing-to-header, 0) 1fr var(--spacing-to-header, 0) auto; grid-template-columns: 1fr; .hdt-media-wrapper { grid-area: 3 / 1 / 4 / 2; place-self: center; max-width: min(var(--image-max-width), 90vw); } .hdt-hotspots-area { grid-area: 3 / 1 / 4 / 2; place-self: center; overflow: visible; border-radius: unset; width: 100%; height: 100%; max-width: min(var(--image-max-width), 90vw); z-index: 2; .hdt-media-wrapper { margin-inline: auto; img, svg { border-radius: unset; } } .hdt-hotspot { pointer-events: auto; } &:after { display: none; } } .hdt-section-title { place-self: unset; z-index: 1; text-align: center; grid-area: 1 / 1 / 2 / 2; } .hdt-section-title--end { grid-area: 5 / 1 / 6 / 2; } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container{ --pd-container: 30px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container-full{ --pd-container: 30px; }.dekozen-slideshow-scope .hdt-image-hotspots-container.hdt-header-inside{ --hs-header-spacing: 30px; }.dekozen-slideshow-scope .hdt-hotspot{ --x-pos: var(--x-pos-md); --y-pos: var(--y-pos-md); }.dekozen-slideshow-scope .hdt-hotspot__popover{ padding: 0; position: absolute; right: auto; min-width: 320px; max-width: 400px; width: max-content; overflow-y: visible; }.dekozen-slideshow-scope .hdt-hotspot__popover::part(outside-close-button), .dekozen-slideshow-scope .hdt-hotspot__popover::part(overlay){ display: none; }}@media (min-width: 1024px) {.dekozen-slideshow-scope .hdt-image-hotspots-container{ .hdt-section-title { width: 100%; &:has(.hdt-title-content:empty) { display: none; } } &.hdt-header-inside { display: grid; --hs-header-spacing: 20px; grid-template-rows: var(--hs-header-spacing) 1fr var(--hs-header-spacing); grid-template-columns: 1fr; .hdt-section-title { grid-area: 2 / 1 / 3 / 2; z-index: 2; place-self: var(--place-self); margin: 0 auto; &.hdt-text-center { .hdt-section-title-inner { margin: 0 auto; } } .hdt-section-title-inner { max-width: calc(var(--max-width) + var(--pd-container, 30px) * 2); } } .hdt-media-wrapper { grid-area: 1 / 1 / 4 / 2; width: 100%; } .hdt-hotspots-area { grid-area: 1 / 1 / 4 / 2; } .hdt-media-wrapper { display: block; height: 100%; :where(img, svg) { height: 100%; object-fit: cover; } } } }.dekozen-slideshow-scope .hdt-section__image-hotspots--layered{ .hdt-section-title { .hdt-section-title-inner { margin: 0 auto; } } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot__popover{ min-width: 280px; max-width: 320px; &.hdt-is-over-top { inset-block: 0 auto; } &.hdt-is-over-bottom { inset-block: auto 0; } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-right{ inset-inline: auto 0; margin-inline: 0 var(--pd-container, 30px); justify-content: flex-start; .hdt-hotspot__btn { order: 1; } .hdt-hotspot__popover { order: 3; inset-inline: auto 0; } &:after { inset-inline: auto 0; } }.dekozen-slideshow-scope .hdt-always-show-hc--layered{ .hdt-hotspot.hdt-hs-force-pos-right .hdt-hotspot__popover { inset-inline: auto calc(-1 * var(--hsa-distance, 0px)); } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-left{ inset-inline: 0 auto; margin-inline: var(--pd-container, 30px) 0; justify-content: flex-end; .hdt-hotspot__btn { order: 3; } .hdt-hotspot__popover { order: 1; inset-inline: 0 auto; } &:after { inset-inline: 0 auto; } }.dekozen-slideshow-scope .hdt-always-show-hc--layered{ .hdt-hotspot.hdt-hs-force-pos-left .hdt-hotspot__popover { inset-inline: calc(-1 * var(--hsa-distance, 0px)) auto; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot__popover{ box-shadow: 0 0 0 transparent; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container{ --pd-container: 48px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot__popover{ min-width: 320px; max-width: 400px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot-richtext .hdt-hotspot-media{ width: 134px; }.dekozen-slideshow-scope .hdt-image-hotspots-container.hdt-header-inside{ --hs-header-spacing: 60px; }}@media (min-width: 1540px) {.dekozen-slideshow-scope .hdt-always-show-hc .hdt-container-full{ --pd-container: 48px; }}@media (min-width: 768px) and (max-width: 1023.98px) {.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot__popover{ min-width: 280px; max-width: 320px; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-top{ height: calc(min(var(--y-pos), 100% - var(--pd-container)) + var(--pd-container, 30px)); align-items: flex-end; inset-block-start: 0; padding-top: var(--pd-container, 30px); }.dekozen-slideshow-scope .hdt-always-show-hc.hdt-hotspot.hdt-hs-pos-bottom{ height: calc(100% - var(--y-pos)); align-items: flex-start; padding-bottom: var(--pd-container, 30px); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-top .hdt-hotspot__popover{ align-self: flex-start; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-bottom .hdt-hotspot__popover{ align-self: flex-end; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-top:before{ width: 0; margin-bottom: calc(var(--btn-hotspot-w) * 0.5); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-top:after{ height: 0; width: 1px; inset-block: auto calc(var(--btn-hotspot-w) * 0.5); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-bottom:before{ width: 0; margin-top: calc(var(--btn-hotspot-w) * 0.5); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-pos-bottom:after{ height: 0; width: 1px; inset-block: calc(var(--btn-hotspot-w) * 0.5) auto; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(odd):after{ inset-inline: calc(100% - 140px) auto; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:nth-child(even):after{ inset-inline: auto calc(100% - 140px); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-left{ width: calc(min(var(--x-pos), 100% - var(--btn-hotspot-w)) - var(--pd-container) + var(--btn-hotspot-w)); inset-inline: 0 auto; justify-content: flex-end; margin-inline: var(--pd-container, 30px) auto; .hdt-hotspot__btn { order: 3; } .hdt-hotspot__popover { inset-inline: 0 auto; order: 1; } &:after { inset-inline: auto calc(100% - 140px); } }.dekozen-slideshow-scope .hdt-always-show-hc--layered{ .hdt-hotspot.hdt-hs-force-pos-left .hdt-hotspot__popover { inset-inline: calc(-1 * var(--hsa-distance, 0px)) auto; } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hs-force-pos-right{ width: calc(100% - var(--x-pos) - var(--pd-container, 30px)); inset-inline: auto 0; justify-content: flex-start; margin-inline: 0 var(--pd-container, 30px); .hdt-hotspot__btn { order: 1; } .hdt-hotspot__popover { inset-inline: auto 0; order: 3; } &:after { inset-inline: calc(100% - 140px) auto; } }.dekozen-slideshow-scope .hdt-always-show-hc--layered{ .hdt-hotspot.hdt-hs-force-pos-right .hdt-hotspot__popover { inset-inline: auto calc(-1 * var(--hsa-distance, 0px)); } }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot{ z-index: 2; pointer-events: none; > * { pointer-events: auto; } }.dekozen-slideshow-scope .hdt-hotspot__btn[aria-expanded="true"]::after, .dekozen-slideshow-scope .hdt-hotspot--active .hdt-hotspot__btn::after{ animation: pulse-ring 1.5s ease-out infinite; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:before{ pointer-events: auto; background-color: var(--color-hotspots-primary); transition: width calc(var(--animation-speed) * 0.5) linear calc(var(--animation-speed) * 0.5); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot:after{ background-color: var(--color-hotspots-primary); transition: height calc(var(--animation-speed) * 0.5) linear; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hotspot--active:before{ transition: width calc(var(--animation-speed) * 0.5) linear; width: calc(100% - 140px - var(--btn-hotspot-w)); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hotspot--active:after{ transition: height calc(var(--animation-speed) * 0.5) linear calc(var(--animation-speed) * 0.5); height: calc(100% - 105px - var(--btn-hotspot-w) * 0.5); }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot .hdt-popover-as-contents .hdt-hotspot__popover{ opacity: 0; clip-path: inset(50% 50% 50% 50%); transition: opacity calc(var(--animation-speed) * 0.5) ease-out, clip-path calc(var(--animation-speed) * 0.5) ease-out; position: absolute; }.dekozen-slideshow-scope .hdt-always-show-hc .hdt-hotspot.hdt-hotspot--active .hdt-popover-as-contents .hdt-hotspot__popover{ opacity: 1; clip-path: inset(0% 0% 0% 0%); transition-delay: calc(var(--animation-speed) * 0.5), calc(var(--animation-speed) * 0.5); }}@media (max-width: 1023.98px) {.dekozen-slideshow-scope .hdt-image-hotspots-container{ .hdt-section-title { --color-text-rgb: var(--color-text-rgb-outside); --color-btn-primary-rgb: var(--color-btn-primary-rgb-outside); --color-btn-secondary-rgb: var(--color-btn-secondary-rgb-outside); --color-btn-primary-hover: var(--color-btn-primary-hover-outside); --color-btn-secondary-hover: var(--color-btn-secondary-hover-outside); .hdt-heading-block { mask-image: none; } } &:not(.hdt-container-full) { .hdt-section-title { padding-inline: 0; } } }}.dekozen-slideshow-scope .hdt-hotspots-with-drawer{ position: relative; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--standard{ .hdt-hotspots-with-drawer__image { &:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; display: block; background-color: rgb(var(--color-overlay-rgb) / var(--overlay-opacity)); } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__header{ padding: 0 15px 28px; .hdt-btn { margin-top: 25px; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__hotspos-wrap{ overflow: clip; pointer-events: none; z-index: 2; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__image{ position: relative; pointer-events: none; border-radius: var(--rounded-lg); overflow: hidden; :where(img, svg) { display: block; width: 100%; height: auto; } }.dekozen-slideshow-scope .hdt-drawer--hotspots{ .hdt-drawer__inner { padding: 0; } &.hdt-drawer--blur { .hdt-drawer_wrapper { border: none; } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__sidepanel{ --panel-spacing: 0px; inset-block: var(--panel-spacing); margin: 0; padding: 0; height: 100%; width: 100%; grid-auto-rows: minmax(0, 1fr) auto; background: none; display: grid; .hdt-slider-hs-drawer-wrap { position: relative; z-index: 2; display: grid; grid-auto-rows: minmax(0,1fr) auto; overflow: hidden; } @media (min-width: 768px) { --panel-spacing: 25px; .hdt-slider-hs-drawer-wrap { border-radius: var(--rounded-sm); } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__close{ position: absolute; inset-block-start: 14px; inset-inline-end: 14px; place-items: center; z-index: 3; width: 40px; height: 40px; border-radius: var(--rounded-full); background: var(--color-btn-primary); color: var(--color-btn-secondary); transition: all .25s ease; svg { display: inline; } }.dekozen-slideshow-scope .hdt-hs-drawer-media-clone{ position: absolute; width: 100%; height: 100%; z-index: 1; inset-inline: 0 auto; inset-block: 0 auto; img, svg { pointer-events: none; width: 100%; height: 100%; object-fit: cover; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__items{ z-index: 2; min-width: 0; .hdt-product-info__iwt { background-color: color-mix(in srgb,var(--color-foreground),transparent 92%); } .hdt-marquee { .hdt-marquee-item { --gap-item-lg: 40px; } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__nav-buttons{ display: grid; grid-template-columns: 1fr 1fr; padding: 24px; gap: 0; position: relative; z-index: 2; min-width: 0; .hdt-btn-heading-wrapper { position: relative; span { position: absolute; z-index: 1; bottom: calc(100% - 10px); opacity: 0; transform: translateY(3.5px); transition: opacity .22s ease, transform .22s ease; will-change: opacity, transform; } } .hdt-btn-heading-wrapper--prev { grid-area: 1 / 1 / 2 / 2; text-align: start; span { inset-inline: 52px auto; } } .hdt-btn-heading-wrapper--next { grid-area: 1 / 2 / 2 / 3; text-align: end; span { inset-inline: auto 52px; } } button { width: 40px; height: 40px; border-radius: var(--rounded-full); place-items: center; border: 1px solid; svg { display: inline; } } @media (min-width: 768px) { padding: 40px 24px 24px 24px; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__content{ padding: 25px 24px 10px; .hdt-hs-drawer-heading + .rte { margin-top: 18px; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__sidepanel :where(.hdt-slider__viewport, .dekozen-slideshow-scope .hdt-slider__container){ height: 100%; }.dekozen-slideshow-scope .hdt-scroll-content{ position: absolute; inset: 0; max-height: 100%; overscroll-behavior: none; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__hotspot{ --x: min(calc(100% - 18px), var(--x-pos-mb)); --y: min(calc(100% - 18px), var(--y-pos-mb)); position: absolute; z-index: 1; inset-inline-start: var(--x); inset-block-start: var(--y); transform: translate(calc(var(--x) * -1), calc(var(--y) * -1)); background: var(--hotspot-main-color, #000); color: var(--hotspot-second-color, #fff); border-radius: var(--rounded-full); width: 18px; height: 18px; transition: width .5s ease, height .5s ease; pointer-events: auto; &[aria-expanded="true"] { pointer-events: none; width: 24px; height: 24px; z-index: 3; .hdt-hotspots-with-drawer__dot { background-color: var(--hotspot-second-color, #fff); svg { color: var(--hotspot-main-color, #000);; } } } }.dekozen-slideshow-scope .hdt-floating--hs-drawer{ opacity: 0; pointer-events: none; position: absolute; display: inline-flex; align-items: center; gap: 14px; background: var(--color-background); color: var(--color-foreground); padding: 4px 8px; transform: translateY(4px); border-radius: var(--rounded-sm); padding: 15px; max-width: 360px; transition: all .18s ease-out .18s; &[open] { opacity: 1; pointer-events: auto; transform: translateY(0); } .hdt-hotspot-media { flex: none; width: 70px; border-radius: var(--rounded-xs); } &.hdt-floating--hs-product{ padding: 6px 25px 7px 6px; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--glassy{ .hdt-floating--hs-drawer { background: color-mix(in srgb,var(--color-foreground),transparent 70%); -webkit-backdrop-filter: blur(400px); backdrop-filter: blur(400px); } }.dekozen-slideshow-scope .hdt-floating__arrow--hs-drawer{ position: absolute; width: 10px; height: 10px; transform: rotate(45deg); background: color-mix(in srgb,var(--color-foreground),transparent 70%); -webkit-backdrop-filter: blur(400px); backdrop-filter: blur(400px); display: none; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__sonar{ position: absolute; inset: -11px; background-color: rgba(255, 255, 255, 0.6); border-radius: var(--rounded-full); z-index: 1; animation: hdt-Sonar 2s ease infinite; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__dot{ position: relative; z-index: 2; width: 100%; height: 100%; display: block; background-color: var(--hotspot-second-color, #fff); padding: 4px; border-radius: var(--rounded-full); animation: hdt-Pulse 2s ease-in-out infinite; svg { content: ''; display: block; color: var(--hotspot-main-color, #000); height: 100%; width: 100%; border-radius: inherit; } }.dekozen-slideshow-scope .hdt-hotspot-with-drawer-detail{ display: flex; flex-direction: column; .hdt-hotspots-with-drawer__media { overflow: hidden; flex: none; img, svg { object-fit: cover; width: 100%; height: 100%; } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer{ .hdt-hotspots-with-drawer__wrap { position: relative; z-index: 2; grid-template-areas: "header" "image"; grid-template-columns: 1fr; border-radius: var(--rounded-lg); overflow: hidden; hdt-drawer { pointer-events: auto; } } &.hdt-hotspots-with-drawer--layered { .hdt-container--hwd { display: grid; grid-template-columns: minmax(0, 1fr); .hdt-bg-wrap, .hdt-hotspots-with-drawer__wrap { grid-area: 1 / 1 / 2 / 2; border-radius: var(--rounded-lg); overflow: hidden; } } .hdt-hotspots-with-drawer__image { border-radius: unset; overflow: visible; } .hdt-hotspots-with-drawer__wrap { row-gap: var(--spacing-to-header, 0); } .hdt-hotspots-with-drawer__header { margin-bottom: 0; } &.hdt-hotspots-with-drawer--header-bottom { .hdt-hotspots-with-drawer__wrap { grid-template-areas: "image" "header"; } } } .hdt-hotspots-with-drawer__header { grid-area: header; } .hdt-hotspots-with-drawer__hotspos-wrap, .hdt-hotspots-with-drawer__image { grid-area: image; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--inside{ .hdt-hotspots-with-drawer__header { text-align: center; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--outside{ .hdt-hotspots-with-drawer__header { margin-bottom: 35px; padding-bottom: 0; } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-hotspots-with-drawer__hotspot{ --x: min(calc(100% - 18px), var(--x-pos)); --y: min(calc(100% - 18px), var(--y-pos)); }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__content{ padding: 59px 24px 10px; }}@media (min-width: 1024px) {.dekozen-slideshow-scope .hdt-hotspots-with-drawer__header{ padding-bottom: 45px; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer{ .hdt-hotspots-with-drawer__image { display: block; } &.hdt-hotspots-with-drawer--layered { .hdt-hotspots-with-drawer__image { max-width: min(var(--image-max-width),90vw); place-self: center; } .hdt-hotspots-with-drawer__hotspos-wrap { max-width: min(var(--image-max-width),90vw); place-self: center; width: 100%; height: 100%; } } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--inside{ .hdt-hotspots-with-drawer__wrap { grid-template-areas: "image"; grid-template-columns: 1fr; } .hdt-hotspots-with-drawer__hotspos-wrap, .hdt-hotspots-with-drawer__image { grid-area: image; } .hdt-hotspots-with-drawer__image { z-index: 1; } .hdt-hotspots-with-drawer__header { grid-area: image; align-self: end; justify-self: center; max-width: var(--max-width, 540px); padding: 60px 20px; margin: 0; opacity: 1; transform: translateY(0); transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s ease; z-index: 2; pointer-events: none; a { pointer-events: auto; } } .hdt-hotspots-with-drawer__hotspos-wrap { z-index: 3; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--inside-top .hdt-hotspots-with-drawer__header{ align-self: start; }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__item--product{ .hdt-hotspots-with-drawer__content { padding-top: 44px; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer__item--richtext{ .hdt-hotspots-with-drawer__content { padding-top: 60px; } }}@media screen and (min-width: 1025px) and (pointer: fine) {.dekozen-slideshow-scope .hdt-hotspots-with-drawer__close:hover{ background: color-mix(in srgb, var(--color-btn-primary), var(--color-btn-secondary) 8%); transform: rotate(90deg); }}@media (max-width: 1023.98px) {.dekozen-slideshow-scope .hdt-hotspots-with-drawer{ .hdt-section-title.hdt-section-title--b-fade .hdt-heading-block { mask-image: none; } }.dekozen-slideshow-scope .hdt-hotspots-with-drawer--inside{ .hdt-hotspots-with-drawer__header { margin-bottom: 35px; padding-bottom: 0; } }}@keyframes hdt-Sonar { 0% { opacity: 0; transform: scale(0.2) } 50% { opacity: .8 } 100% { opacity: 0; transform: scale(1) } }@keyframes hdt-Pulse { 0%,100% { transform: scale(1) } 50% { transform: scale(1.2) } }.dekozen-slideshow-scope .hdt-tooltip-des{ position: fixed; background: rgba(0,0,0,0.75); color: #fff; padding: 4px 8px; border-radius: 6px; font-size: 12px; pointer-events: none; transform: translate(-50%, -120%); white-space: nowrap; display: none; transition: opacity 0.2s ease; z-index: var(--layer-heightened); }.dekozen-slideshow-scope .hdt-section__gallery-with-products{ display: grid; .hdt-container--bg-wrap { grid-area: 1 / 1 / 2 / 2; .hdt-bg-wrap { width: 100%; height: 100%; } } .hdt-container--story { grid-area: 1 / 1 / 2 / 2; } @media (min-width: 768px) { .hdt-slider--round { border-radius: var(--rounded); overflow: hidden; } } @media (max-width: 1149.98px) { .hdt-container--bg-wrap { padding-inline: 0; .hdt-bg-wrap { border-radius: unset; } } } @media (max-width: 767.98px) { .mb\:hdt-slider--round { border-radius: var(--rounded); overflow: hidden; } } }.dekozen-slideshow-scope .hdt-bg-image{ position: absolute; height: 100%; width: 100%; inset: 0; z-index: 1; pointer-events: none; }.dekozen-slideshow-scope .hdt-bg-image :where(img, .dekozen-slideshow-scope svg){ width: 100%; height: 100%; object-fit: cover; }.dekozen-slideshow-scope .hdt-container--story{ position: relative; z-index: 2; }.dekozen-slideshow-scope .hdt-modal--products-story{ .hdt-dialog--story { padding: 0; --width-threshold: 580px; height: var(--height, 80vh); max-width: var(--max-width, min(45vh, var(--width-threshold))); &.hdt-dialog--ratio-16-9 { --max-width: min(45vh, 580px, calc(100vw - 30px)); --height: calc(var(--max-width) * 1.77778); } &.hdt-dialog--ratio-3-2{ --max-width: min(53.33333vh, var(--width-threshold), calc(100vw - 30px)); --height: calc(var(--max-width) * 1.5); } &.hdt-dialog--ratio-asos { --max-width: min(62.609vh, var(--width-threshold), calc(100vw - 30px)); --height: calc(var(--max-width) * 1.277777778); } &.hdt-dialog--ratio-portrait { --max-width: min(64vh, var(--width-threshold), calc(100vw - 30px)); --height: calc(var(--max-width) * 1.25); } &.hdt-dialog--ratio-square { --max-width: min(80vh, var(--width-threshold), calc(100vw - 30px)); --height: min(80vh, var(--width-threshold)); } &.hdt-dialog--ratio-4-3 { --max-width: min(106.6667vh, var(--width-threshold), calc(100vw - 30px)); --height: calc(var(--max-width) * .75); } &.hdt-dialog--ratio-landscape { --max-width: min(120vh, var(--width-threshold), calc(100vw - 30px)); --height: calc(var(--max-width) * .6667); } &:modal { background: none; } .hdt-modal__header { padding: 0; } .hdt-modal__inner { padding: 0; } &[open]:not(.dialog-closing)::backdrop{ -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } } }.dekozen-slideshow-scope .hdt-dialog--story-inner{ width: 100%; max-height: unset; display: grid; padding: 0; grid-template-rows: auto auto minmax(0, 1fr); grid-template-columns: 1fr; border-radius: var(--rounded-product-card); overflow: hidden; transition: all 0.8s cubic-bezier(0.4,0,0.2,1); }.dekozen-slideshow-scope .hdt-modal--products-story{ --part-author: 1 / 1 / 2 / 2; --part-close: 1 / 1 / 2 / 2; --part-nav: 2 / 1 / 3 / 2; --part-header: 1 / 1 / 2 / 2; --part-body: 1 / 1 / 4 / 2; &::part(wrapper) { align-items: center; } .hdt-modal__header { grid-area: var(--part-header); z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px; position: relative; padding: max(15px, var(--rounded-product-card)) max(19px, var(--rounded-product-card)); margin: 0; border-bottom: none; } .hdt-close-modal-btn { position: absolute; top: 50%; inset-inline-end: max(19px, var(--rounded-product-card)); transform: translateY(-50%); border: none; } .hdt-story-author { grid-area: var(--part-author); z-index: 2; padding: 15px 42px 15px 18px; &:empty { margin-top: 15px; } } .hdt-story-nav { grid-area: var(--part-nav); z-index: 12; width: calc(100% - 36px); margin-inline: auto; } .hdt-modal__inner { grid-area: var(--part-body); padding: 0; position: relative; overflow: hidden; .hdt-slider__viewport{overflow: visible;} } }.dekozen-slideshow-scope .hdt-indicators--products-story{ width: 100%; }.dekozen-slideshow-scope .hdt-modal--products-story .hdt-slider--ps-items{ --slide-spacing: 70px; }.dekozen-slideshow-scope .hdt-slider--ps-items{ display: block; width: 100%; overflow: hidden; --item-width: auto; --max-w: min(100%, 250px); position: absolute; z-index: 3; inset-block: auto 0; inset-inline: 0; padding-inline: max(19px, var(--rounded-product-card)); padding-top: 10px; margin-bottom: 19px; &[size="1"]{ --item-width: 100%; --max-w: 100% } hdt-slider-progress{ margin-block-start: 24px; } .hdt-ss-item { flex: 0 0 var(--item-width); width: var(--item-width); max-width: var(--max-w); user-select: none; } .hdt-ps-item .hdt-ps-img { width: 44px; border-radius: var(--rounded-full); border: 1px solid rgba(var(--color-foreground)); } .hdt-ps-item .hdt-ps-item-part-top { display: inline-flex; gap: 10px; align-items: center; } .hdt-ps-item .hdt-ps-item-part-bottom .hdt-ps-item-title { font-size: 85%; font-weight: var(--font-medium); } .hdt-ps-item .hdt-ps-item-part-bottom .hdt-price { font-size: 85%; font-weight: var(--font-black); } }.dekozen-slideshow-scope hdt-products-story-modal{ --auto-rotate-dur: 80; }.dekozen-slideshow-scope .hdt-product-story-item{ cursor: pointer; overflow: hidden; .hdt-story-author { visibility: hidden; position: absolute; pointer-events: none; top: 0; } }.dekozen-slideshow-scope .hdt-story-author{ min-height: 33px; }.dekozen-slideshow-scope .hdt-story-author-profile{ display: inline-flex; gap: 6px; align-items: center; }.dekozen-slideshow-scope .hdt-story-author-avatar{ display: grid; grid-template: 1fr / 1fr; width: 27px; height: 27px; border-radius: 50%; overflow: hidden; flex: none; > * { grid-area: 1 / 1 / 2 / 2; } .hdt-icon-story-avatar-ring { width: 100%; height: 100%; } > span { display: block; width: 21px; height: 21px; place-self: center; } .hdt-sa-avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } }.dekozen-slideshow-scope .hdt-story-nav{ display: flex; gap: 10px; align-items: center; button { flex: 1 1 0; background: none; border: none; padding: 0; height: 1px; cursor: pointer; position: relative; outline: none; min-width: 0; background-color: color-mix(in srgb, var(--color-foreground), transparent 70%); &::before { content: ""; display: block; width: 0%; height: 1px; position: absolute; top: 0; left: 0; background-color: var(--color-foreground); pointer-events: none; transition: width clamp(0.2s, calc(var(--auto-rotate-dur) * 0.1), 0.5s) linear; } &[aria-current="true"]::before { width: 100%; transition: width var(--auto-rotate-dur) linear; } } }.dekozen-slideshow-scope .hdt-psi-inner{ position: relative; }.dekozen-slideshow-scope .hdt-psi-inner-bottom{ position: absolute; z-index: 1; inset-block: auto max(15px, var(--rounded-product-card)); inset-inline: max(15px, var(--rounded-product-card)) auto; width: 100%; max-width: calc(100% - calc(max(15px, var(--rounded-product-card)) * 2)); display: flex; flex-direction: column; }.dekozen-slideshow-scope .hdt-psi-inner .hdt-products-story{ display: flex; justify-content: flex-start; z-index: 1; width: 100%; }.dekozen-slideshow-scope .hdt-psi-inner .hdt-btn--item-story{ width: 100%; max-width: 100%; pointer-events: none; transition: .3s ease-in; transition-property: opacity,margin; }.dekozen-slideshow-scope .hdt-slider--products-story .hdt-product-story-item--has-btn .hdt-btn--item-story{ margin-top: 10px; }.dekozen-slideshow-scope .hdt-story-slider .hdt-psi-inner .hdt-btn--item-story{ display: none; }.dekozen-slideshow-scope .hdt-psi-inner{ .hdt-products-story { .hdt-ps-img { width: 32px; border-radius: 50%; } .hdt-ps-item-title, .hdt-price-wrapp, .hdt-open-qv { display: none; } .hdt-ps-item { flex: none; width: 36px; height: 36px; padding: 2px; background-color: var(--color-foreground); margin-inline-start: -16px; border-radius: 50%; overflow: hidden; z-index: var(--z-index, 1); transition: margin 0.3s ease-in-out var(--anim-delay, 0s) !important; &:first-child { margin-inline-start: 0 !important; } &:nth-child(n+7) { display: none; } } } }.dekozen-slideshow-scope .hdt-modal--products-story .hdt-psi-inner:after{ content: ''; display: block; background: rgb(var(--color-background-rgb) / 10%); width: 100%; height: 100%; position: absolute; inset-block: 0; inset-inline: 0; z-index: 1; pointer-events: none; }.dekozen-slideshow-scope .hdt-modal--products-story .hdt-psi-inner--has-products:after{ background: linear-gradient(180deg, rgb(var(--color-background-rgb) / 10%) 17.48%, rgb(var(--color-background-rgb) / 0%) 35%, rgb(var(--color-background-rgb) / 20%) 70%, rgb(var(--color-background-rgb) / 80%) 90.23%); }.dekozen-slideshow-scope .hdt-slider--story .hdt-product-story-item{ --slide-size: 100% !important; }.dekozen-slideshow-scope .hdt-psi-wrap{ display: flex; flex-direction: column; overflow: hidden; }.dekozen-slideshow-scope .hdt-story-slider .hdt-psi-wrap{ border-radius: 0; }.dekozen-slideshow-scope hdt-hover-video-image :where(img, .dekozen-slideshow-scope svg){ z-index: 2; }.dekozen-slideshow-scope hdt-hover-video-image video{ opacity: 0; z-index: 1; }.dekozen-slideshow-scope hdt-hover-video-image.hdt-hvi-is-playing :where(img, .dekozen-slideshow-scope svg){ opacity: 0; pointer-events: none; }.dekozen-slideshow-scope hdt-hover-video-image.hdt-hvi-is-playing video{ opacity: 1; pointer-events: auto; z-index: 2; }@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-container--bg-wrap.hdt-container-xl + .hdt-container--story{ padding-inline: 80px; }}@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-slider--products-story.hdt-slides-1:not(.hdt-slider__active-false) .hdt-slider__slide{ --slide-size: max(320px, 45%); }}@keyframes hdtFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes hdtFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }@keyframes fadeOutRight { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(20px); } }.dekozen-slideshow-scope .hdt-section-scroll-hero-media-grid{ height: clamp(300vh, calc(var(--total-media, 0) * 130vh), 800vh); }.dekozen-slideshow-scope .hdt-scroll-hero-media{ display: grid; height: 100vh; position: sticky; top: 0; overflow: hidden; }.dekozen-slideshow-scope .hdt-scroll-hero-media__media{ .hdt-hero-media-wrapper { pointer-events: none; height: 100%; .hdt-video { height: 100%; } } }.dekozen-slideshow-scope .hdt-shrink-on-sroll--smg{ grid-area: 1 / -1; height: 100%; width: 100%; max-height: 100vh; .hdt-shrink-on-sroll-inner { display: grid; height: 100%; width: 100%; } }.dekozen-slideshow-scope .hdt-scroll-hero-media--color{ background: var(--color-backdround, none); }.dekozen-slideshow-scope .hdt-scroll-hero-media__first, .dekozen-slideshow-scope .hdt-scroll-hero-media__second{ grid-area: 1 / -1; height: 100%; width: 100%; max-height: 100vh; svg, img, video { height: 100%; width: 100%; object-fit: cover; } .hdt-scroll-hero-media__content { opacity: 0; } .hdt-hero-media-wrapper { &:after { content: ''; background-color: rgb(var(--color-overlay-rgb) / calc(100% - var(--overlay-opacity))); position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; z-index: 0; pointer-events: none; } } }.dekozen-slideshow-scope .hdt-scroll-hero-media__second{ clip-path: inset(100% round 0px); will-change: clip-path; }.dekozen-slideshow-scope .hdt-scroll-hero-media__items{ grid-area: 1 / -1; pointer-events: none; }.dekozen-slideshow-scope .hdt-scroll-hero-media__item{ --top-start: calc(1% * var(--ty-start)); --left-start: calc(1% * var(--tx-start)); --ty-start1: calc(var(--ty-start) * 1vh); --tx-start1: calc(var(--tx-start) * 1vw); --ty-end1: calc(var(--ty-end) * 1vh); --tx-end1: calc(var(--tx-end) * 1vw); position: absolute; top: var(--top-start); inset-inline-start: var(--left-start); transform: translate(calc(-1 * var(--left-start)), calc(-1 * var(--top-start))); width: var(--w-media, 80px); opacity: 0; transition: all 2.5s ease; pointer-events: none; overflow: hidden; iframe, img, svg { height: 100%; } .hdt-hero-gallery-video { video { position: relative; height: auto; } } &.hdt-current-block { opacity: 1 !important; } @media (min-width: 768px) { width: var(--w-media-tb, 150px); } @media (min-width: 1150px) { width: var(--w-media-lg, 240px); } }.dekozen-slideshow-scope .hdt-scroll-hero-media__media{ max-height: 100vh; }.dekozen-slideshow-scope .hdt-scroll-hero-media__content{ .hdt-media-content { padding-inline: 15px; } .hdt-media-content-wrapp { max-width: var(--overlap-content-mw, unset); } @media (min-width: 768px) { .hdt-media-content { padding-inline: 30px; } } }@supports (height: 100svh) {.dekozen-slideshow-scope .hdt-section-scroll-hero-media-grid{ height: clamp(300svh, calc(var(--total-media, 0) * 110svh), 750svh); }.dekozen-slideshow-scope .hdt-scroll-hero-media{ height: 100svh; }.dekozen-slideshow-scope .hdt-shrink-on-sroll--smg{ max-height: 100svh; }.dekozen-slideshow-scope :where(.hdt-scroll-hero-media__first, .dekozen-slideshow-scope .hdt-scroll-hero-media__second), .dekozen-slideshow-scope .hdt-scroll-hero-media__media{ max-height: 100svh; }.dekozen-slideshow-scope .hdt-scroll-hero-media__item{ --ty-start1: calc(var(--ty-start) * 1svh); }}.dekozen-slideshow-scope .hdt-ratio--portrait .hdt-post-card{ --ratio-percent: 110%; }.dekozen-slideshow-scope .hdt-section__main-blog .hdt-filters-wrapper .hdt-tab-nav-wrapper{margin-block-start: 0;}.dekozen-slideshow-scope .hdt-section__main-blog .hdt-page-title + .hdt-filters-wrapper{ margin-block-start: 20px; }.dekozen-slideshow-scope .hdt-section__main-blog .hdt-page-title + .hdt-blog-articles{ margin-block-start: 30px; }.dekozen-slideshow-scope .hdt-section__main-blog .hdt-filters-wrapper + .hdt-blog-articles{ margin-block-start: 45px; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-blog-posts{ --slide-spacing: var(--spacing-x) }.dekozen-slideshow-scope .hdt-article--meta{ gap: 10px; > *{ display: inline-flex; gap: 9px; align-items: center; color: inherit; svg{ max-width: 14px; } } &.hdt-article-card__meta > *{ gap: 5px; svg{ max-width: 10px; } } > a{ text-decoration: underline solid transparent; text-underline-offset: 3px; transition: text-decoration-color .25s; } .hdt-shape__line{ width: 0px; height: 20px; border-left: 1px solid; opacity: 0.5; &:before{ display: none; } &:first-child{display: none;} } @media (min-width: 768px) { gap: 10px; white-space: nowrap; } @media (min-width: 1150px) { &:not(.hdt-article-card__meta){ gap: 16px; } } @media (min-width: 1400px) { &.hdt-article-card__meta{ svg{max-width: 14px;} } > *{ gap: 9px; } } }.dekozen-slideshow-scope :is(.hdt-blog-articles, .dekozen-slideshow-scope .hdt-blog-posts):not(.hdt-post-card-content-below) .hdt-post-card .hdt-post-title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; padding-block-end: 1px; }.dekozen-slideshow-scope .hdt-post-card{ .hdt-post-cats{ margin-block-end: 14px; display: flex; gap: 10px; .item-post-cat{ display: inline-flex; font-size: var(--text-sm); text-decoration: none; position: relative; font-weight: var(--font-semibold); --height-btn: 24px; --padding-button: 2px 10px; &::after{ z-index: var(--layer-lowest); } } } .hdt-inner-post-card{ display: grid; .hdt-post-card-media{ grid-area: 1/1/2/2; &::after{ content: ""; position: absolute; inset: 0; --color-gradient-1: rgb(var(--color-overlay-rgb) / 0%); --color-gradient-2: rgb(var(--color-overlay-rgb) / 20%); --color-gradient-3: rgb(var(--color-overlay-rgb) / 40%); background: linear-gradient( 180deg, var(--color-gradient-1) 47.1%, var(--color-gradient-2) 72.75%, var(--color-gradient-3) 100% ); } :is(svg, img){ width: 100%; } a{ z-index: 5; } > .hdt-post-cats{ position: absolute; inset-inline: var(--spacing-2); inset-block-end: var(--spacing-2); margin-block-end: 0; } } .hdt-post-card-info { grid-area: 1/1/2/2; z-index: 2; position: relative; place-self: end start; justify-content: flex-end; display: flex; flex-direction: column; width: 100%; min-height: 50%; padding: var(--spacing-2) var(--spacing-2); border-radius: var(--rounded-blog-card); overflow: hidden; z-index: 6; pointer-events: none; .hdt-post-card-inner-info{ display: grid; a{pointer-events: auto;} .hdt-post-title{ a:focus-visible{ outline-offset: -1px; } } .hdt-article-card__meta{ margin-block-start: 9px; flex-wrap: wrap; } .hdt-article-card__excerpt{ margin-block-start: 9px; + .hdt-post-readmore { margin-block-start: 10px; } } .hdt-post-readmore{ width: fit-content; margin-block-start: 6px; } } > *{ position: relative; z-index: 3; } .hdt-post-readmore{ align-self: flex-start; } .hdt-post-readmore{ align-self: flex-start; } } } .hdt-post-card-info:before, .hdt-blur-effect-hover{ content: ""; position: absolute; inset: 0; z-index: 2; opacity: 1; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); transition: all 0.3s ease; mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); -webkit-mask-image: linear-gradient(180deg, color-mix(in srgb, var(--color-foreground), transparent 100%) 0%, var(--color-foreground) 49.04%, var(--color-foreground) 100%); } }.dekozen-slideshow-scope .hdt-post-card-content-below .hdt-post-card{ .hdt-inner-post-card{ border-radius: 0; .hdt-post-card-media{ border-radius: var(--rounded-blog-card); overflow: hidden; .hdt-blur-effect-hover{ height: 50%; inset-block-start: auto; } } .hdt-post-card-info{ grid-area: 2/1/3/2; padding-inline: 0; padding-block-end: 0; border-radius: 0; .hdt-post-card-inner-info{ display: flex; flex-direction: column; .hdt-article-card__meta{place-self: flex-start;} .hdt-article-card__meta + .hdt-post-readmore{margin-block-start: 6px;} } &:before{ display: none; } } } }.dekozen-slideshow-scope .hdt-blog-posts .hdt-slider-nav{display: none;}.dekozen-slideshow-scope .hdt-blog-articles.hdt-post-card-content-below .hdt-row-grid, .dekozen-slideshow-scope .hdt-post-card-content-below.hdt-slider__active-false .hdt-slider__container{ row-gap: 30px; }@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-btn-mobile{ margin-block-start: 30px; text-align: center; }.dekozen-slideshow-scope .hdt-blog-posts .hdt-slider-nav button{ --inset: -15px; &.hdt-block{display: block;} .hdt-btn--inner [circle-bg-wrap]{ box-shadow: 0 0 0 10px color-mix(in srgb, var(--color-btn-secondary), transparent 70%); } }.dekozen-slideshow-scope .hdt-blog-posts:not(.hdt-post-card-content-below) .hdt-post-card .hdt-article-card__meta, .dekozen-slideshow-scope .hdt-blog-articles:not(.hdt-post-card-content-below) .hdt-post-card .hdt-article-card__meta{display: none;}.dekozen-slideshow-scope .hdt-blog-posts:not(.hdt-post-card-content-below) .hdt-post-card .hdt-post-readmore, .dekozen-slideshow-scope .hdt-blog-articles:not(.hdt-post-card-content-below) .hdt-post-card .hdt-post-readmore{margin-block-start: 6px;}}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-section_latest-post .md\:hdt-slider__active-true.md\:hdt-slides-2 .hdt-slider__slide{ --slide-size: calc((100% - min(4vw, 45px))/2); }.dekozen-slideshow-scope .hdt-blog-posts .hdt-slider-nav{ display: block; button{ opacity: 0!important; } }.dekozen-slideshow-scope .hdt-blog-articles.hdt-post-card-content-below .hdt-row-grid, .dekozen-slideshow-scope .hdt-post-card-content-below.md\:hdt-slider__active-false .hdt-slider__container{ row-gap: 35px; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-post-card__optimize .lg\:hdt-grid-cols-2{ --cols: 2; }.dekozen-slideshow-scope .hdt-post-card__optimize .lg\:hdt-grid-cols-3{ --cols: 3; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.lg\:hdt-slider__active-false.lg\:hdt-slides-3 .hdt-slider__slide{ --slide-size: 33.33%; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-blog-posts .hdt-slider-nav button{ --inset: 17px }.dekozen-slideshow-scope .hdt-section_latest-post .xl\:hdt-slider__active-true.xl\:hdt-slides-2 .hdt-slider__slide{ --slide-size: calc((100% - min(12vw, 300px))/2); }.dekozen-slideshow-scope .hdt-section_latest-post .xl\:hdt-slider__active-true.xl\:hdt-slides-3 .hdt-slider__slide{ --slide-size: calc((100% - min(6vw, 150px))/3); }.dekozen-slideshow-scope .hdt-section_latest-post .xl\:hdt-slider__active-true.xl\:hdt-slides-4 .hdt-slider__slide{ --slide-size: calc((100% - min(4vw, 100px))/4); }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.lg\:hdt-slider__active-true.lg\:hdt-slides-3 .hdt-slider__slide{ --slide-size: calc((100% - min(5vw, 68px))/3); }.dekozen-slideshow-scope .hdt-post-card-content-below.xl\:hdt-slider__active-false .hdt-slider__container{ row-gap: 35px; }}@media (min-width: 1400px) {.dekozen-slideshow-scope .hdt-post-card__optimize .xl\:hdt-grid-cols-2{ --cols: 2; }.dekozen-slideshow-scope .hdt-post-card__optimize .xl\:hdt-grid-cols-3{ --cols: 3; }.dekozen-slideshow-scope .hdt-post-card__optimize .xl\:hdt-grid-cols-4{ --cols: 4; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-false.xl\:hdt-slides-2 .hdt-slider__slide{ --slide-size: 50%; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-false.xl\:hdt-slides-3 .hdt-slider__slide{ --slide-size: 33.33%; }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-false.xl\:hdt-slides-4 .hdt-slider__slide{ --slide-size: 25%; }.dekozen-slideshow-scope .hdt-section_latest-post .xl\:hdt-slider__active-true.xl\:hdt-slides-3 .hdt-slider__slide{ --slide-size: calc((100% - min(6vw, 150px))/3); }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-true.xl\:hdt-slides-2 .hdt-slider__slide{ --slide-size: calc((100% - min(14vw, 350px))/2); }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-true.xl\:hdt-slides-3 .hdt-slider__slide{ --slide-size: calc((100% - min(12vw, 275px))/3); }.dekozen-slideshow-scope .hdt-section_latest-post .hdt-post-card__optimize.xl\:hdt-slider__active-true.xl\:hdt-slides-4 .hdt-slider__slide{ --slide-size: calc((100% - min(5vw, 120px))/4); }}.dekozen-slideshow-scope .hdt-tab-lookbook-media{ --small-column: 94px; display: grid; grid-template: auto / var(--small-column) minmax(0, 1fr); row-gap: 35px; overflow: hidden; > * { min-width: 0; } .hdt-list-imagetab{ padding-inline-end: var(--spacing-1-4); z-index: 5; display: flex; flex-direction: column; row-gap: 19px; align-self: center; button{ display: grid; width: 100%; &:not(:last-child){ margin-block-end: 12px; } &[aria-current="true"] .hdt-image-tab{ clip-path: inset(7px round 50%); } &[aria-current="false"] .hdt-progress-circle{ opacity: 0; } &:focus-visible{ outline-offset: -1px; } } .hdt-image-tab{ clip-path: inset(13px round 50%); grid-area: 1/1; transition: all 0.3s; } .hdt-progress-circle{ grid-area: 1/1; } .hdt-icon-circle{ width: 100%; height: auto; } } .hdt-tab-image-holder{ align-self: center; display: grid; .hdt-lookbook-media{ grid-area: 1/1; align-self: stretch; border-radius: var(--rounded-lg); &[hidden]{ display: flex!important; visibility: hidden; opacity: 0; } .hdt-lb-image,.hdt-media-wrapper{ height: 100%; } .hdt-pin-item { --w-pin: 27px; --h-pin: 27px; --inset: 5px; --offset: 5.5px; width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; inset-inline-start: min(var(--x-pos-mb), calc(100% - var(--h-pin) + var(--inset))); inset-block-start: min(var(--y-pos-mb), calc(100% - var(--w-pin) + var(--inset))); &:has(button[aria-current="true"]){ --inset: 0px; --offset: 8px; } > button { width: calc(var(--w-pin) - 2 * var(--inset)); height: calc(var(--h-pin) - 2 * var(--inset)); border-radius: var(--rounded-full); display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.3s ease; .hdt-hotspots-dot{ width: 100%; height: 100%; border-radius: var(--rounded-full); background: var(--pin-btn-secondary-color); display: block; z-index: 2; padding: var(--offset); animation: hdt-Pulse 2s ease-in-out infinite; &::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--pin-btn-primary-color); border-radius: var(--rounded-full); } } .hdt-hotspots-pulse-ring{ position: absolute; inset: -11px; background-color: color-mix(in srgb, var(--pin-btn-secondary-color), transparent 60%); border-radius: var(--rounded-full); z-index: 1; animation: hdt-Sonar 2s ease infinite; } } } } } .hdt-tab-content-wrapper{ display: grid; .hdt-tab-content{ grid-area: 1/1; min-width: 0; &[hidden]{ display: flex!important; opacity: 0; visibility: hidden; pointer-events: none; } } } }.dekozen-slideshow-scope .hdt-tab-lookbook-media.hdt-tab-lookbook__notablist{ --small-column: 0px; }.dekozen-slideshow-scope .hdt-section__media-lookbook .hdt-slide-lookbook-product{ display: grid; grid-template-columns: 1fr auto; min-width: 100%; }.dekozen-slideshow-scope .hdt-slide-lookbook-product .hdt-slide-control-mixed{ margin-inline-start: 20px; margin-inline-end: 0px; position: relative; place-self: center; height: fit-content; }.dekozen-slideshow-scope .hdt-icon-circle-progress{ --progress-color: color-mix(in srgb, var(--color-foreground), transparent 85%); --progress-active: var(--color-foreground); --cricle-width: 2px; .hdt-circle, .hdt-circle-progress{ fill: none; stroke: var(--progress-color); stroke-width: var(--cricle-width); transition: stroke .3s ease; } .hdt-circle-progress{ stroke-dasharray: 1.02; stroke-dashoffset: 1; stroke-width: var(--cricle-width); stroke: var(--progress-active); transform: rotate(-90deg); transform-origin: 50% 50%; } }.dekozen-slideshow-scope .hdt-list-imagetab:not([autoplay]) .hdt-circle-progress{ transition: stroke-dashoffset var(--hdt-remaining, 0.4s) cubic-bezier(0.7, 0, 0.3, 1); }.dekozen-slideshow-scope .hdt-list-imagetab:not([autoplay]) button[aria-current="true"] .hdt-circle-progress{ stroke-dashoffset: 0; }.dekozen-slideshow-scope .hdt-list-imagetab[autoplay] button[aria-current="true"] .hdt-circle-progress{ animation: circleProgress var(--hdt-remaining, .5s) linear var(--hdt-play-state, paused) both; }@keyframes circleProgress{ 0% { stroke-dashoffset: 1; } 100% { stroke-dashoffset: 0; } }.dekozen-slideshow-scope .hdt-hotspot__popover_product[open-as-modal] .hdt-popover__inner{ padding: 28px 0 0; .hdt-btn-close-x{ position: absolute; padding: 10px; inset-inline-end: 5px; inset-block-start: 5px; } }.dekozen-slideshow-scope .hdt-hotspot__popover_product .hdt-product-lookbook{ display: flex; gap: 20px; flex-direction: row; .hdt-open-quickview-btn{ --height-btn-icon: 11px; margin-block-start: 12px; } .hdt-open-quickview-wrapp + .hdt-card-text{margin-block-start: 12px;} .hdt-card-text + .hdt-card-text{margin-block-start: 3px;} }.dekozen-slideshow-scope .hdt-hotspot__popover_product .hdt-product-lookbook .hdt-product-image{ max-width: 100px; border-radius: var(--rounded-product-card); overflow: hidden; }@media (max-width: 575.98px){.dekozen-slideshow-scope .hdt-tab-lookbook-media{ --small-column: 74px; }}@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-tab-lookbook-media{ --rounded-lg: var(--rounded) }}@media (min-width: 768px){.dekozen-slideshow-scope .hdt-tab-lookbook-media{ --small-column: 94px; --small-column-2: 25px; --w-column-end: minmax(270px, 38%); grid-template: 1fr/var(--small-column) 1fr var(--small-column-2) var(--w-column-end); .hdt-list-imagetab { grid-area: 1/1/1/1; align-self: center; padding-inline-end: var(--spacing-2-4); } .hdt-tab-image-holder{ grid-area: 1/2/1/2; .hdt-lookbook-media .hdt-pin-item{ inset-inline-start: min(var(--x-pos), calc(100% - var(--h-pin) + var(--inset))); inset-block-start: min(var(--y-pos), calc(100% - var(--w-pin) + var(--inset))); } } .hdt-tabs-lookbook-product{ grid-area: 1/4/1/4; } }.dekozen-slideshow-scope .hdt-slide-lookbook-product .hdt-slide-control-mixed{margin-inline-end: 0}.dekozen-slideshow-scope .hdt-hotspot__popover_product{display: none;}}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-tab-lookbook-media{ --small-column: 144px; --small-column-2: minmax(44px, 12%); --w-column-end: 455px; }.dekozen-slideshow-scope .hdt-slide-lookbook-product .hdt-slide-control-mixed{ margin-inline-end: 35px; }}.dekozen-slideshow-scope .hdt-tab-image-holder .hdt-lookbook-media .hdt-lb-image{ clip-path: inset(0 0 0 0 round var(--rounded-lg)); }.dekozen-slideshow-scope hdt-media-lookbook[reveal-on-scroll] .hdt-tab-image-holder .hdt-lookbook-media .hdt-lb-image{ clip-path: inset(0 100% 0 0 round var(--rounded-lg)); }.dekozen-slideshow-scope hdt-media-lookbook[reveal-on-scroll] .hdt-tab-content-wrapper > .hdt-tab-content{ opacity: 0; }.dekozen-slideshow-scope hdt-media-lookbook[reveal-on-scroll] .hdt-list-imagetab button{ opacity: 0; transform: translateX(-30px); }.dekozen-slideshow-scope hdt-media-lookbook[reveal-on-scroll] .hdt-lookbook-media .hdt-pin-item{ opacity: 0; transform: scale(0.3); }.dekozen-slideshow-scope .hdt-heading-btn-wrapper{ display: flex; justify-content: space-between; align-items: center; gap: .5em 30px; flex-direction: column; .hdt-btn__collection-view-all { margin-bottom: 5px; } }.dekozen-slideshow-scope .hdt-tab-nav-wrapper{ padding: 8px; border: 1px solid var(--color-line-border); border-radius: var(--rounded-button); margin-top: 22px; justify-content: space-between; display: inline-flex; align-items: center; position: relative; max-width: 100%; .hdt-tab-collection { border-radius: var(--rounded-button); } .hdt-slider-nav { display: none } &.hdt-tabstyle__inline { border: 1px solid rgb(var(--color-text-rgb) / 0.08); background: rgb(var(--color-text-rgb) / 0.04); } &.hdt-tabstyle__button .hdt-tab-collection > button, .hdt-filters-nav__tags:not(.hdt-filters-nav__tags--account) .hdt-filter__tag{ border: 1px solid rgb(var(--color-text-rgb) / 0.08); background: rgb(var(--color-text-rgb) / 0.04); } }.dekozen-slideshow-scope .hdt-tab-collection, .dekozen-slideshow-scope .hdt-filters-nav__tags:not(.hdt-filters-nav__tags--account){ display: inline-flex; position: relative; max-width: 100%; scrollbar-width: none; overscroll-behavior-x: contain; overflow: auto hidden; gap: 8px; button, .hdt-filter__tag{ display: inline-flex; border-radius: var(--rounded-button); padding-block: 7px; padding-inline: 20px; font-weight: var(--font-semibold); min-height: 44px; font-size: var(--text-lg); position: relative; z-index: 2; white-space: nowrap; align-items: center; column-gap: 6px; will-change: color, background; transition: color .16s ease-out, background .1s ease-in-out; margin-block: 1px; &:focus-visible{ outline-offset: 0px; --focus-outline-width: 1px; } } }.dekozen-slideshow-scope .hdt-tab-collection::-webkit-scrollbar, .dekozen-slideshow-scope .hdt-filters-nav__tags:not(.hdt-filters-nav__tags--account)::-webkit-scrollbar{ display: none; }.dekozen-slideshow-scope .hdt-tab-collection{ button{ &[aria-selected="true"]{ color: var(--color-btn-secondary); background: transparent; } img { width: 30px; height: auto; aspect-ratio: 1; object-fit: cover; object-position: center; border-radius: var(--rounded-full); } &.btn-tab-has-img { padding-inline-start: 7px; } } &:after{ content: ""; pointer-events: none; background: var(--color-btn-primary); height: 100%; width: var(--ink-bar-w, 10px); border-radius: var(--rounded-button); will-change: transform,width; position: absolute; top: 0; left: 0; transform: translate(var(--ink-bar-x, 0px)); } }.dekozen-slideshow-scope .hdt-filters-nav__tags:not(.hdt-filters-nav__tags--account) .hdt-filter__tag{ overflow: hidden; &:hover{ color: var(--color-btn-secondary); } hdt-circle-bg{ background: var(--color-btn-primary); } }.dekozen-slideshow-scope .hdt-filters-nav__tags:not(.hdt-filters-nav__tags--account) .hdt-filter__tag[aria-current="tag"]{ color: var(--color-btn-secondary); background: var(--color-btn-primary); }.dekozen-slideshow-scope .hdt__featured-collections-wrapper .hdt-slider__viewport{ padding-block: 2px; }.dekozen-slideshow-scope .hdt-products_wrapper .hdt-slider-nav button{ opacity: 0 !important; }@media screen and (min-width: 1024px) {.dekozen-slideshow-scope .hdt-wrapper-has-nav{ width: 100%; display: flex; column-gap: 10px; .hdt-slider-nav--solid button { --color-btn-primary: color-mix(in srgb, var(--color-foreground), transparent 96%); --color-btn-secondary: var(--color-foreground); --color-btn-primary-hover: color-mix(in srgb, var(--color-foreground), transparent 92%); --color-btn-secondary-hover: var(--color-foreground); .hdt-inner-btn { border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 92%); } } }.dekozen-slideshow-scope .hdt__featured-collections-wrapper{ .hdt-section-header { display: flex; flex-direction: column; align-items: center; .hdt-heading-btn-wrapper { width: 100%; } &.lg\:hdt-text-start { .hdt-heading-btn-wrapper { flex-direction: row; align-items: end; .hdt-heading { text-align: start; } } } &.lg\:hdt-text-end { .hdt-heading-btn-wrapper { flex-direction: row-reverse; align-items: end; .hdt-heading { text-align: end; } } } .hdt-slider-nav[hidden] button { opacity: 0; transition: opacity .25s ease .35s; @starting-style { opacity: 1; } } } .hdt-wrapper-has-nav { .hdt-slider-nav { display: flex !important; column-gap: 8px; flex-shrink: 0; button { position: static; transform: none; } } &.lg\:hdt-text-center .hdt-slider-nav { display: contents !important; button { flex-shrink: 0; &[name="previous"] { order: -1; } } } &.lg\:hdt-text-end .hdt-slider-nav { order: -1; } } .hdt-slider-dots { display: none; } }}@media (min-width: 768px) and (max-width: 1149.98px){.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .md\:hdt-slides-2:not(.md\:hdt-slider__active-false){ --slide-size-set: 45%; }.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .md\:hdt-slides-3:not(.md\:hdt-slider__active-false){ --slide-size-set: 30%; }.dekozen-slideshow-scope .hdt-section__featured-collections .hdt-section-header.md\:hdt-text-center + .hdt-collections__body .hdt-slider.md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; flex-wrap: wrap; }}@media screen and (min-width: 1150px){.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .xl\:hdt-slides-2:not(.xl\:hdt-slider__active-false){ --slide-size-set: 45%; }.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .xl\:hdt-slides-3:not(.xl\:hdt-slider__active-false){ --slide-size-set: 30%; }.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .xl\:hdt-slides-4:not(.xl\:hdt-slider__active-false){ --slide-size-set: 22.43%; }.dekozen-slideshow-scope .hdt-slider__overflow .hdt-collections__product .xl\:hdt-slides-5:not(.xl\:hdt-slider__active-false){ --slide-size-set: 18.5%; }.dekozen-slideshow-scope .hdt-section__featured-collections .hdt-section-header.md\:hdt-text-center + .hdt-collections__body .hdt-slider.xl\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; flex-wrap: wrap; }}.dekozen-slideshow-scope .hdt-hero-collections{ max-width: 100%; height: clamp(200vh, calc(50vh * var(--total-items)), 1000vh); padding-inline: 0; --angle: 7deg; --pb-content: 15px; --padding-inline: 15px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }.dekozen-slideshow-scope .hdt-hero-bg-animate{ grid-area: 1 / 1 / 2 / 2; width: 100%; height: 100vh; position: sticky; z-index: 1; top: 0; clip-path: inset(0 0 0 0 round 0); display: grid; opacity: 1; &.hdt-hide-fade-ani { opacity: 0; } }.dekozen-slideshow-scope .hdt-hero-collections-viewport{ grid-area: 1/ 1 / 2 / 2; display: flex; position: sticky; z-index: 2; top: 0; width: 100%; /* max-width: calc(100% - var(--pd-container, 30px) * 2); */ height: 100vh; margin-inline: auto; align-items: center; overflow: clip; }.dekozen-slideshow-scope .hdt-hero-collections-content{ --gap: var(--pb-content); --head-width: 0; --clip-x: 0px; display: flex; flex-direction: column; width: 100%; gap: var(--gap, 25px); padding-block: var(--pb-content); position: sticky; inset-block: 30px; margin-block: 30px; .hdt-custom-background { opacity: 0; height: 100vh; top: calc(0.5*(var(--content-height, 0)) - 50vh); } &.hdt-gradient-show-after { &:before { content: ''; display: block; position: absolute; z-index: 0; inset-block-start: 0; inset-inline-start: 0; pointer-events: none; width: 100%; height: 100%; background: var(--color-background); background: var(--gradient-bg); opacity: 0; } } &.hdt-show-bg-fade-ani { &.hdt-gradient-show-after { &:before { opacity: 1; } } .hdt-custom-background { opacity: 1; } } }.dekozen-slideshow-scope .hdt-hero-collections-content .hdt-section__header-wrap{ width: 100%; flex: none; padding-inline: var(--padding-inline); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; z-index: 1; }.dekozen-slideshow-scope .hdt-hero-collections-content .hdt-section__header{ transform-origin: left top; > * + .hdt-btn { margin-top: 30px; } }.dekozen-slideshow-scope .hdt-hero-collections.hdt-has-least-items .hdt-hero-collections-content .hdt-section__header{ opacity: 1 !important; transform: scale(1) !important; }.dekozen-slideshow-scope .hdt-collections-tilted-scroll{ flex: none; flex-grow: 1; width: calc(100vw - var(--head-width) - 25px); --card-width: min(calc(100vw - 30px - var(--pd-container, 30px) - var(--padding-inline) * 3), 550px); --pis: 24px; padding-inline: 15px; position: relative; z-index: 1; &.hdt-has-cards:after { content: ''; position: absolute; z-index: 2; inset-block: -30px auto; inset-inline: auto 0; width: min(340px, 20%); height: calc(100% + 60px); pointer-events: none; background-image: linear-gradient(calc(90deg * var(--value-logical-flip)), transparent 0, var(--color-background) 100%); opacity: clamp(0, calc(1 - var(--opacity-progress, 1)), 1); } }.dekozen-slideshow-scope .hdt-gradient-show-after .hdt-collections-tilted-scroll.hdt-has-cards:after{ display: none; }.dekozen-slideshow-scope .hdt-section__hero-collections--with-bg{ .hdt-collections-tilted-scroll.hdt-has-cards:after { display: none; } }.dekozen-slideshow-scope .hdt-collections-tilted-scroll-inner{ display: flex; position: relative; width: max-content; }.dekozen-slideshow-scope .hdt-collection-card--ch{ width: var(--card-width); flex: none; & + .hdt-collection-card--ch { margin-inline-start: var(--pis); } }.dekozen-slideshow-scope .hdt-hero-collections .hdt-section__header-wrap, .dekozen-slideshow-scope .hdt-hero-collections .hdt-collection-card__media{ max-height: calc(85vh - var(--pb-content,0)); }.dekozen-slideshow-scope .hdt-collections-tilted-scroll .hdt-cl-tilted-card{ isolation: isolate; --angle-percent: 1; perspective: 1000px; perspective-origin: calc(50% + 50% * var(--value-logical-flip)) 50%; .hdt-cl-tilted-card-inner { --tilt: calc(var(--value-logical-flip) * var(--angle) * var(--angle-percent)); transform-origin: calc(50% - 50% * var(--value-logical-flip)) center; transform: scaleX(calc(1 / cos(var(--tilt)))) rotateY(var(--tilt)); transform-style: preserve-3d; backface-visibility: hidden; will-change: transform; } &.hdt-cl-tilted-card--right { .hdt-cl-tilted-card-inner { transform-origin: right center; } } @-moz-document url-prefix() { perspective: none; perspective-origin: unset; } }.dekozen-slideshow-scope .hdt-hero-collections .hdt-collection-card__content{ position: absolute; z-index: 2; inset-inline-start: 0; bottom: 0; width: 100%; padding-inline: 25px; padding-bottom: var(--card-content-pb, 25px); }.dekozen-slideshow-scope .hdt-hero-collections{ @media (max-width: 1024px) { height: max-content; .hdt-hero-bg-animate { height: auto; clip-path: unset !important; } .hdt-hero-collections-viewport { height: auto; } .hdt-hero-collections-content { clip-path: unset !important; position: relative; inset-block: unset; .hdt-section__header-wrap { padding-inline: 15px; } } .hdt-collections-tilted-scroll { scrollbar-width: none; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; width: 100%; padding-inline: 0; } .hdt-collections-tilted-scroll-inner { --pis: 15px; --angle: 0; padding-inline: 15px; @media (min-width: 768px) { --pis: 30px; padding-inline: 30px; } .hdt-collection-card--ch { scroll-snap-align: center; scroll-snap-stop: always; } } } @media (min-width: 768px) and (max-width: 1024px) { .hdt-collections-tilted-scroll-inner { --pis: 30px; padding-inline: 30px; } .hdt-hero-collections-content { .hdt-section__header-wrap { padding-inline: 30px; } } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-collections-tilted-scroll{ --card-width: 45vw; padding-inline: 30px; }.dekozen-slideshow-scope .hdt-hero-collections{ --padding-inline: 30px; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-hero-collections-content{ flex-direction: row; --gap: 25px; --head-width: min(40vw, 500px); }.dekozen-slideshow-scope .hdt-hero-collections{ --padding-inline: 50px; --pb-content: 72px; }.dekozen-slideshow-scope .hdt-hero-collections-content .hdt-section__header-wrap{ width: var(--head-width); padding-inline: var(--padding-inline) 0; }.dekozen-slideshow-scope .hdt-collections-tilted-scroll{ padding-inline: 0; }}@media (min-width: 1400px) {.dekozen-slideshow-scope .hdt-collections-tilted-scroll{ --card-width: min(32vw, 750px); }}@media (max-width: 1149.98px) {.dekozen-slideshow-scope .hdt-hero-collections .hdt-section__header{ opacity: 1 !important; transform: scale(1) !important; }}.dekozen-slideshow-scope .hdt-custom-html iframe{ width: 100%; }.dekozen-slideshow-scope .hdt-custom-html-wrap--rounded{ overflow: hidden; }.dekozen-slideshow-scope .hdt-contact-form-wrap{ &:not(.hdt-contact-form--two-cols) { max-width: 1000px; margin-inline: auto; } .hdt-field { .hdt-property-option-wrap { margin-block-start: 12px; .hdt-property-option { + .hdt-property-option { margin-top: 5px; } } } &.hdt-contact__custom-field { > select, > input, > textarea { margin-block-start: 0; } } } .hdt-form-row, .hdt-field { + .hdt-contact__custom-field { margin-top: 12px; } } }.dekozen-slideshow-scope .hdt-form{ padding: 30px 20px; border-radius: var(--rounded-sm); background: color-mix(in srgb, var(--color-foreground), transparent 96%); border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 92%);; .hdt-btn[type="submit"] { margin-top: 18px; & + p { margin-top: 30px; } } }.dekozen-slideshow-scope .hdt-contact-form--two-cols{ display: flex; flex-direction: column; gap: 30px; }.dekozen-slideshow-scope .hdt-theme-block--icon-with-text + .hdt-theme-block--icon-with-text{ margin-top: 18px; }.dekozen-slideshow-scope .hdt-iwt--wrap{ display: inline-flex; align-items: center; gap: 18px; }.dekozen-slideshow-scope .hdt-text-right .hdt-iwt--wrap{ flex-direction: row-reverse; }.dekozen-slideshow-scope .hdt-iwt--text{ text-align: start; }.dekozen-slideshow-scope .hdt-text-right .hdt-iwt--text{ text-align: end; }.dekozen-slideshow-scope .hdt-iwi--icon{ width: var(--icon-h); height: var(--icon-h); min-width: var(--icon-mw, auto); display: inline-flex; justify-content: center; align-items: center; padding: 10px; background: color-mix(in srgb, var(--color-foreground), transparent 96%); border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 92%); border-radius: 50%; }.dekozen-slideshow-scope .hdt-iwi--icon > :where(svg, .dekozen-slideshow-scope img){ width: auto; height: 100%; max-width: 100%; }@media (min-width: 480px) {.dekozen-slideshow-scope .hdt-form{ padding: 44px 30px; border-radius: var(--rounded-lg); }}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-contact-form--two-cols{ flex-direction: row; justify-content: space-between; .hdt-section-header--contact { width: 40%; } .hdt-form-wrap--contact { width: 60%; } }.dekozen-slideshow-scope .hdt-iwi--icon{ padding: 15px; width: var(--icon-h-md); height: var(--icon-h-md); }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-contact-form--two-cols{ .hdt-section-header--contact { width: max(540px, 50%); } .hdt-form-wrap--contact { width: max(540px, 50%); } }.dekozen-slideshow-scope .hdt-iwi--icon{ width: var(--icon-h-lg, var(--icon-h-md)); height: var(--icon-h-lg, var(--icon-h-md)); }}.dekozen-slideshow-scope .hdt-products-w-countdown-wrapper{ display: flex; row-gap: var(--spacing-y); column-gap: var(--spacing-x); > .hdt-countdown-offer-card{display: none;} .hdt-countdown-offer-card .hdt-media-overlap-content{ border-radius: var(--rounded-product-card); overflow: hidden; .hdt-media-content{ display: flex; align-items: center; flex-direction: column; min-height: 100%; padding-block-end: 32px; text-align: center; .hdt-label-emoij{ margin-block-end: auto; width: 100%; justify-content: center; background: var(--color-btn-primary); color: var(--color-btn-secondary); padding: 5px 16px; min-height: 37px; border-radius: 0 0 20px 20px; } } } .hdt-slider__products{width: 100%} }.dekozen-slideshow-scope .hdt-products-w-countdown-wrapper .hdt-slider__products .hdt-countdown-offer-card{display: inline-flex;}.dekozen-slideshow-scope .hdt-countdown-offer-card .hdt-media-overlap-content{ @layer themeh.styles.mobile.default { --media-overlap-content-gap-r: min(8vw, 0px); --media-overlap-content-gap-c: min(8vw, 28px); } @layer themeh.styles.tablet.default { --media-overlap-content-gap-r: min(5vw, 0px); --media-overlap-content-gap-c: min(2vw, 28px); } @layer themeh.styles.base.default { --media-overlap-content-gap-r: min(5vw, 0px); --media-overlap-content-gap-c: min(2vw, 30px); } }.dekozen-slideshow-scope .hdt-slider__products.hdt-slider__active-true.hdt-slider .hdt-slider__slide{ --slide-size: var(--slide-size-set-mb, 80%) }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-slider__products.hdt-slider__active-true.hdt-slider .hdt-slider__slide{ --slide-size: 45% }}@media screen and (min-width: 992px) {.dekozen-slideshow-scope .hdt-products-w-countdown-wrapper .hdt-slider__products .hdt-countdown-offer-card{display: none;}.dekozen-slideshow-scope .hdt-products-w-countdown-wrapper{ flex-direction: row; position: relative; > .hdt-countdown-offer-card{display: inline-flex;} .hdt-countdown-offer-card{ position: relative; z-index: 2; flex: 0 0 var(--fixed-col); } .hdt-media-overlap-content{ min-height: 100%; } .hdt-slider__products{ flex: 1; max-width: calc(100% - var(--fixed-col) - var(--spacing-x)) } }}@media (min-width: 992px) and (max-width: 1399.98px) {.dekozen-slideshow-scope .hdt-section__products-with-countdown.md\:hdt-products-slider__false .hdt-products-w-countdown-wrapper{ --fixed-col: calc(100% / 3); }.dekozen-slideshow-scope .hdt-section__products-with-countdown.md\:hdt-products-slider__true .hdt-products-w-countdown-wrapper{ --fixed: min(8vw, 100px); --fixed-col: calc((100% - var(--fixed) - var(--spacing-x))/ 3); }.dekozen-slideshow-scope .hdt-slider__products.md\:hdt-slider__active-true.hdt-slider .hdt-slider__slide{ --slide-size: calc((100% - var(--fixed)) / 2) }.dekozen-slideshow-scope .hdt-section__products-with-countdown.md\:hdt-products-slider__false .hdt-products-w-countdown-wrapper{ justify-content: center; }.dekozen-slideshow-scope .hdt-slider__products.md\:hdt-slides-2[data-sizes="1"]{ max-width: var(--fixed-col); .hdt-slider__slide{ --slide-size: 100% } }.dekozen-slideshow-scope .hdt-section__products-with-countdown.md\:hdt-products-slider__true .hdt-container-xl{ padding-inline-end: 0; .hdt-slider__products{ overflow: hidden; } }.dekozen-slideshow-scope .hdt-section__products-with-countdown.md\:hdt-products-slider__true .hdt-container{ padding-inline-end: 0; .hdt-slider__products{ overflow: hidden; } }}@media (min-width: 1400px){.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__false .hdt-products-w-countdown-wrapper{ --fixed-col: calc(100% / var(--col-xl)); }.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__true .hdt-products-w-countdown-wrapper{ --fixed: min(8vw, 125px); --fixed-col: calc((100% - var(--fixed) + var(--spacing-x))/ var(--col-xl) - var(--spacing-x)); }.dekozen-slideshow-scope .hdt-slider__products.xl\:hdt-slider__active-true.hdt-slider .hdt-slider__slide{ --slide-size: calc( (100% - var(--fixed)) / (var(--col-xl) - 1 ) ) }.dekozen-slideshow-scope .hdt-slider__products.xl\:hdt-slides-3[data-sizes="2"]{ max-width: calc(2*var(--fixed-col)); .hdt-slider__slide{ --slide-size: 50% } }.dekozen-slideshow-scope .hdt-slider__products.xl\:hdt-slides-2[data-sizes="1"], .dekozen-slideshow-scope .hdt-slider__products.xl\:hdt-slides-3[data-sizes="1"]{ max-width: var(--fixed-col); .hdt-slider__slide{ --slide-size: 100% } }.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__false .hdt-products-w-countdown-wrapper{ justify-content: center; }.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__true .hdt-container{ padding-inline-end: 0; max-width: 100%; .hdt-slider__products{ overflow: hidden; } }.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__true .hdt-container-xl{ padding-inline-end: 0; .hdt-slider__products{ overflow: hidden; } }.dekozen-slideshow-scope .hdt-section__products-with-countdown.xl\:hdt-products-slider__true .hdt-container .hdt-products-w-countdown-wrapper{ width: calc(100vw - (100vw - min(var(--container-max-width-padding-xl), 100%))/2 - 50px); margin-left: auto; }}.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-media-overlap-content{ @layer themeh.styles.mobile.default { --media-overlap-content-gap-r: min(8vw, 50px); --media-overlap-content-gap-c: min(5vw, 30px); } @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); } }.dekozen-slideshow-scope .hdt-section__keyfeatures{ margin-bottom: var(--section-mb); margin-top: var(--section-mt); @media (min-width: 768px) { margin-bottom: calc(var(--section-mb-xl) * 0.85); margin-top: calc(var(--section-mt-xl) * 0.85); } @media (min-width: 1150px) { margin-bottom: var(--section-mb-xl); margin-top: var(--section-mt-xl); } &.hdt-keyfeatures--layered .hdt-keyfeature-media{ max-width: var(--image-max-width, 90vw); margin-inline: auto; } &.hdt-keyfeatures--layered .hdt-keyfeature-media{ max-width: var(--image-max-width, 90vw); margin-inline: auto; } &.hdt-keyfeatures--standard .hdt-keyfeature-media{ position: relative; &::before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgb(var(--color-overlay-rgb) / var(--color-overlay-opacity, 0)); z-index: 1; } } &.hdt-keyfeatures--layered .hdt-keyfeature-media{ max-width: var(--image-max-width, 90vw); margin-inline: auto; } &.hdt-keyfeatures--standard .hdt-keyfeature-media{ position: relative; &::before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgb(var(--color-overlay-rgb) / var(--color-overlay-opacity, 0)); z-index: 1; } } }.dekozen-slideshow-scope .hdt-keyfeature-media{ margin-block-start: var(--space-content); display: block; .hdt-media-wrapper{ display: block; width: 100%; overflow: hidden; } }.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-media-content{ padding-inline: 30px; .hdt-btn, .hdt-btn-link{ margin-block-start: 45px; margin-inline: auto; } .hdt-section-title{position: relative;z-index: 1;} }.dekozen-slideshow-scope .hdt-list-featurebox{ --slide-spacing: var(--item-space, 40px); --dots-spacing: 30px; margin-inline: auto; .hdt-slider__container{ align-items: stretch; } .hdt-feature-box{ &.hdt-feadture__card.hdt-feadture-box-bg-solid .hdt-inner-feature-box{ background: rgb(var(--color-text-rgb) / 0.04); } &.hdt-feadture__card.hdt-feadture-box-bg-gradient .hdt-inner-feature-box{ --bg-gradient-1: rgb(var(--color-text-rgb) / 0.16); --bg-gradient-2: rgb(var(--color-text-rgb) / 0); background: radial-gradient(106.32% 228.79% at 0.9% 2.98%, var(--bg-gradient-1) 0%, var(--bg-gradient-2) 100%); } .hdt-inner-feature-box{ display: flex; flex-direction: column; justify-content: center; border-radius: var(--rounded-sm); backdrop-filter: blur(21); --webkit-backdrop-filter: blur(21); padding: 30px 20px 24px; min-height: 100%; width: 100%; border: 1px solid rgb(var(--color-text-rgb) / 0.1); &.hdt-feature__counter{ padding-block-start: 24px; } } .hdt-feature__icon .hdt-icon-wrap{ display: inline-flex; color: var(--color-foreground); > svg{ --icon-h-mb: calc(var(--icon-h) * 0.85); height: var(--icon-h-mb); width: var(--icon-h-mb); } } .hdt-feature-head{ margin-block-end: 8px; font-weight: var(--font-semibold); font-family: var(--font-body-family); line-height: 1em; .hdt-unit-label{margin-inline-start: 5px;} } .hdt-feature__icon .hdt-feature-head{ margin-block-end: 20px; animation: plushIcon ease 1s infinite; } } .hdt-feature-box-heading { font-weight: var(--font-semibold); font-size: var(--mb-font-title); &.hdt-font-body{ font-family: var(--font-body-family); font-weight: normal; } } .hdt-featurebox-desc{margin-block-start: 8px;} }@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-mobile-content-below{ display: block; }.dekozen-slideshow-scope .hdt-list-featurebox.hdt-slider__active-false.hdt-slides-2 .hdt-feature-box:nth-child(2n+1){ border-inline-start: none; }.dekozen-slideshow-scope .hdt-list-featurebox.hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-mobile-content-below .hdt-media-content{ background: var(--color-background); background: var(--gradient-background); padding: 28px min(5vw, 30px); max-width: 100%; }.dekozen-slideshow-scope .hdt-list-featurebox{ --slide-spacing: var(--item-space-mb, 40px); }.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-list-featurebox .hdt-feature-box{ --slide-size: 50%; }}@media (max-width: 575.98px) {.dekozen-slideshow-scope .hdt-section-feature-stats .hdt-list-featurebox .hdt-feature-box{ --slide-size: 100%; }}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-feature__icon .hdt-icon-wrap > svg{ height: var(--icon-h); width: var(--icon-h); }.dekozen-slideshow-scope .hdt-list-featurebox.md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-feature-box{ max-width: calc(var(--max-w-box, 290px) + var(--slide-spacing)); .hdt-feature-box-heading { font-size: var(--font-title); } }.dekozen-slideshow-scope .hdt-list-featurebox[data-blocks_size="3"]{--max-w-box: 364px}.dekozen-slideshow-scope .hdt-list-featurebox[data-blocks_size="2"], .dekozen-slideshow-scope .hdt-list-featurebox[data-blocks_size="1"]{--max-w-box: 400px}}@media(min-width: 768px) and (max-width: 1149.98px){.dekozen-slideshow-scope .hdt-list-featurebox.md\:hdt-slider__active-false.md\:hdt-slides-3 .hdt-feature-box:nth-child(3n+1){ border-inline-start: none; }.dekozen-slideshow-scope .hdt-list-featurebox.md\:hdt-slider__active-false.md\:hdt-slides-2 .hdt-feature-box:nth-child(2n+1){ border-inline-start: none; }}.dekozen-slideshow-scope .hdt-bf-image-last{ will-change: clip-path; clip-path: inset(0 0 0 var(--percent-val, 0%)); }.dekozen-slideshow-scope .hdt-bf-range{ position: relative; grid-area: 1/-1; z-index: 2; margin: 0; writing-mode: horizontal-tb; -ms-touch-action: auto; touch-action: auto; cursor: ew-resize; &[orient=vertical] { writing-mode: vertical-lr; direction: rtl; transform: rotate(180deg); cursor: ns-resize; } }.dekozen-slideshow-scope .hdt-bf-image-handle{ --bf-w-handle: 30px; --bf-h-handle: 45px; 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; &:before, &:after { content: ''; width: 2px; background-color: var(--bg-bf); display: inline-block; height: 100%; z-index: 1; } > span:not(.sr-only) { width: var(--bf-w-handle); height: var(--bf-h-handle); color: var(--icon-bf); text-align: center; background-color: var(--bg-bf); border-radius: var(--rounded-full); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; } }.dekozen-slideshow-scope .dir--rtl .hdt-bf-image-last{ clip-path: inset(0 calc(var(--percent-val, 0%)) 0 0); }.dekozen-slideshow-scope .hdt-before-after[vertical]{ .hdt-bf-image-last { clip-path: inset(calc(var(--percent-val, 0%)) 0 0 0); } .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-h-handle) 1fr; > span > svg{ transform: rotate(90deg); } &:before, &:after { height: 2px; width: 100%; } > span:not(.sr-only){ height: var(--bf-w-handle); width: var(--bf-h-handle); } } .hdt-bf-image-first .hdt-bf-image_caption { inset: var(--bf-pos) auto auto var(--bf-pos); } }.dekozen-slideshow-scope .hdt-ratio > .hdt-bf-image_caption{ --bf-pos: 15px; position: absolute; inset-block: auto var(--bf-pos); inset-inline-start: var(--bf-pos); background-color: transparent; color: var(--color-foreground); padding: 0; max-width: calc(50% - (var(--bf-pos) * 2)); z-index: 2; opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); @media screen and (max-width: 767.98px) { &{ font-size: var(--text-sm); } } }.dekozen-slideshow-scope .hdt-before-after[dragging] .hdt-ratio > .hdt-bf-image_caption{ opacity: 0; transition-delay: 0s; }.dekozen-slideshow-scope .hdt-bf-image-last > .hdt-bf-image_caption{ inset-inline: auto var(--bf-pos); }.dekozen-slideshow-scope hdt-before-after:focus-within .hdt-bf-image-handle > span{ outline: var(--color-focus) auto 1px; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-ratio>.hdt-bf-image_caption{ --bf-pos: 20px; }.dekozen-slideshow-scope .hdt-bf-image-handle{ --bf-w-handle: 35px; --bf-h-handle: 50px; }}.dekozen-slideshow-scope .hdt-compare-wrapper{ border-radius: var(--rounded-lg); overflow: hidden; max-width: 100%; box-shadow: 0 -1px 0 0 var(--color-line-border),0 1px 0px 0 var(--color-line-border),-1px 0px 0 0px var(--color-line-border), 1px 0px 0 0px var(--color-line-border); &.hdt-compare__card{ --w-color-variant: 22px; --gap-col: 16px; } .hdt-compare-inner{ overflow-x: auto; width: 100%; scroll-behavior: auto; -webkit-overflow-scrolling: touch; &::part(hdt-row){ position: relative; } &::part(hdt-pr-info-slot){ display: flex; } &[dragging] { cursor: grabbing; :where(a, img) { pointer-events: none; } } .hdt-row-last .hdt-btn{overflow: hidden;} } .hdt-price-wrapp{ font-size: var(--text-base); font-weight: var(--font-semibold) } .hdt-pr-image{ border-radius: var(--rounded-sm); overflow: hidden; } .hdt-pr-variant-swatches{ display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 6px; .hdt-size-swatch{ width: 32px; height: 32px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--color-line-border); background: var(--color-background); border-radius: var(--rounded-xs); &:not(:last-child){ margin-inline-end: 6px; } } &:has(.hdt-color-swatch){ gap: 8px; } .hdt-color-swatch{ display: inline-flex; align-items: center; &:before{ content: ""; width: var(--w-color-variant, 12px); height: var(--w-color-variant, 12px); box-shadow: inset 0 0 0 1px var(--color-line-border); border-radius: var(--rounded-full); background-image: var(--hdt-bg-image); background-color: var(--bg-color); background-repeat: no-repeat; background-size: cover; } &:has(+ .hdt-text-swatch)::after{ content: ","; } } .hdt-text-swatch:not(:last-child):after{ content: ","; } } .hdt-compare-row{ display: flex; } .hdt-icon-metafield{ color: var(--icon-color, #36A151); margin-inline-end: 8px; padding-block-start: 3px; flex-shrink: 0; svg{ width: auto; height: var(--icon-height, 16px); fill: var(--icon-color); } } }.dekozen-slideshow-scope .hdt-rating-star{ --star-size: 16px; --star-height: 12px; display: inline-flex; position: relative; width: calc(5 * var(--star-size)); height: var(--star-height); background: color-mix(in srgb, var(--color-foreground), transparent 85%); mask-image: var(--icon-star-rate); -webkit-mask-image: var(--icon-star-rate); mask-size: var(--star-size) var(--star-height); mask-repeat: repeat-x; &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%); height: 100%; background: var(--color-rating,#FC9B2C); } }.dekozen-slideshow-scope .hdt-rating-text{ margin-inline-start: 8px; }.dekozen-slideshow-scope .hdt-compare__table .hdt-compare-col{ background: color-mix(in srgb, var(--color-foreground), var(--color-background) 98%); padding: var(--spacing-1-6) var(--spacing-2); flex: 0 0 80%; position: relative; box-shadow: inset -1px -1px 0 var(--color-line-border); &.hdt-col-first{ display: none; } &.hdt-row-last { box-shadow: inset -1px 0 0 var(--color-line-border); } &.hdt-col-rowfirst{ background-color: color-mix(in srgb, var(--color-foreground), var(--color-background) 96%); } &.hdt-col-first.hdt-col-rowfirst{ background: color-mix(in srgb, var(--color-foreground), var(--color-background) 96%); } }.dekozen-slideshow-scope .hdt-compare__card{ --pading-col: 25px; .hdt-compare-col{ flex: 0 0 80%; padding: 10px var(--pading-col) 28px; position: relative; &.hdt-compare-col-info{ padding-block-end: 22px; } &:after{ content: ""; height: 1px; display: flex; background: var(--color-line-border); position: absolute; inset: 0 var(--pading-col) auto; } &.hdt-col-rowfirst::before, &.hdt-col-rowfirst::after{ display: none; } &.hdt-col-rowfirst{ padding-top: var(--spacing-2-8); padding-block-end: var(--spacing-2); } &.hdt-row-even{ background: color-mix(in srgb, var(--color-foreground), transparent 96%); } &.hdt-compare-col-btn{ padding-top: 0; padding-bottom: 32px; } &.hdt-compare-col-btn::before, &.hdt-compare-col-btn:after{ display: none; } } .hdt-cprow-base .hdt-compare-col:before, .hdt-row-btn-detail .hdt-compare-col:before{ display: none; } .hdt-compare-row.hdt-row-btn-detail .hdt-compare-col:after{ display: none; } .hdt-row-btn-detail .hdt-compare-col{ padding-top: 5px } .hdt-compare-row:last-child .hdt-compare-col{ padding-bottom: var(--spacing-3-2); } .hdt-pr-image{ margin-block-end: var(--spacing-1-4); } .hdt-price-wrapp{ margin-block-start: var(--spacing-0-2); font-size: var(--text-lg); } .hdt-pr-color-swatches label{ width: 22px; height: 22px; } .hdt-rating .hdt-rating-text:before{ display: inline-flex; content:"("; } .hdt-rating .hdt-rating-text:after{ display: inline-flex; content:")"; } }.dekozen-slideshow-scope .hdt-compare__table .hdt-compare-col:before, .dekozen-slideshow-scope .hdt-compare__card .hdt-compare-col:before{ content: attr(data-title); display: flex; margin-bottom: var(--spacing-0-8); font-weight: var(--font-semibold); }@media (min-width: 576px){.dekozen-slideshow-scope .hdt-compare__card .hdt-compare-col, .dekozen-slideshow-scope .hdt-compare__table .hdt-compare-col{ flex: 0 0 65%; }}@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-compare__card{ --pading-col: 37px; .hdt-compare-col{ flex: 0 0 calc(100% / 2); } }.dekozen-slideshow-scope .hdt-compare__table{ --width-col-1: 180px; .hdt-compare-col{ flex: 0 0 calc((100% - var(--width-col-1))/2); background: color-mix(in srgb, var(--color-foreground), var(--color-background) 98%); padding: var(--spacing-1) var(--spacing-2); flex: 0 0 calc((100% - var(--width-col-1))/2); min-height: 52px; display: inline-flex; align-items: center; &.hdt-col-first{ position: sticky; inset-inline-start: 0; flex: 0 0 var(--width-col-1); z-index: 3; display: inline-flex; background: color-mix(in srgb, var(--color-foreground), var(--color-background) 98%); &:before{ content: attr(data-title); font-weight: var(--font-semibold); } } &:not(.hdt-col-first):before{ display: none; } &.hdt-compare-col-image{ padding-block: var(--spacing-1-8); } &.hdt-compare-col-btn{ padding-block: var(--spacing-1-4); } &:before{ margin-bottom: 0; } } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-compare__card{ --pading-col: 57px; .hdt-compare-col{ flex: 0 0 calc(100% / 3); } }.dekozen-slideshow-scope .hdt-compare__table .hdt-compare-col{ flex: 0 0 calc((100% - var(--width-col-1))/3); }}.dekozen-slideshow-scope .hdt-scroll-stack-wrapper{ position: relative; height: var(--height-stack); max-width: 100%; .hdt-stack-sticky{ position: sticky; top: max(calc(var(--hdt-fill-height) - var(--height-item))/2, var(--height-header-fixed, 0px)); overflow: hidden; transform-style: preserve-3d; height: var(--height-item); } }.dekozen-slideshow-scope .hdt-group-stack-scroll{ --gap-hero: 30px; display: flex; will-change: transform; transform-style: preserve-3d; column-gap: var(--gap-hero); height: 100%; .hdt-hero-media{ display: flex; width: 100%; flex: 0 0 auto; min-height: 100%; will-change: transform; .hdt-media-overlap-content{ width: 100%; .hdt-media-content{ max-height: 100%; overflow-y: auto; } } .hdt-media-wrapper{ transform-style: preserve-3d; img{ max-width: 125%; min-width: 125%; will-change: transform; } } .hdt-media-content-wrapp{ transform: translateZ(0); padding-block-end: 10px } } .hdt-media-overlap-content { @layer themeh.styles.mobile.default { --media-overlap-content-gap-r: 0px; --media-overlap-content-gap-c: 0px; } @layer themeh.styles.tablet.default { --media-overlap-content-gap-r: 0px; --media-overlap-content-gap-c: 0px; } @layer themeh.styles.base.default { --media-overlap-content-gap-r: 0px; --media-overlap-content-gap-c: 0px; } .hdt-media-content{ padding-block: min(8vw, 20px); padding-inline: min(8vw, 28px); } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-group-stack-scroll .hdt-media-overlap-content .hdt-media-content{ padding-block: min(5vw, 50px); padding-inline: min(6vw, 50px); }.dekozen-slideshow-scope .hdt-group-stack-scroll .hdt-hero-media .hdt-media-content.hdt-custom-w-percent{ max-width: var(--overlap-content-mw-md, 100%) }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-group-stack-scroll .hdt-media-overlap-content .hdt-media-content{ padding-block: min(5vw, 100); padding-inline: min(5vw, 100px) }.dekozen-slideshow-scope .hdt-group-stack-scroll .hdt-hero-media .hdt-media-content.hdt-custom-w-percent{ max-width: var(--overlap-content-mw-xl, 100%) }}.dekozen-slideshow-scope hdt-accordion.hdt-accordion{ box-sizing: content-box; display: block; }.dekozen-slideshow-scope .hdt-faqs-wrapper .hdt-section-title{ --header-bottom-margin-md: 0; --header-bottom-margin: 35px; }.dekozen-slideshow-scope .hdt-faqs-content hdt-accordion{ display: block; border-block-end: 1px solid var(--color-line-border); .hdt-accordion-heading{ gap: 16px; align-items: flex-start; transition: all 0.3s; display: flex; align-items: center; padding-block: 22px; min-height: 93px; } .hdt-accordion-content { margin-block-start: -12.5px; padding-block-end: 25px; padding-inline-end: 12.5px; } &:first-child .hdt-accordion-heading{ padding-block-start: 0; min-height: auto; } &:last-child{ border-block-end: none; } }.dekozen-slideshow-scope .hdt-accordion-heading .hdt-icon-wrap{ width: 33px; height: 33px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--rounded-full); background: color-mix(in srgb, var(--color-foreground), transparent 92%); color: var(--color-foreground); transition: transform 0.3s; will-change: transform; }.dekozen-slideshow-scope .hdt-accordion-heading[aria-expanded="true"] .hdt-icon-wrap{ transform: rotate(45deg); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-faqs-wrapper{ display: flex; gap: min(calc(var(--gap-content)*0.6), 40px); > div{ flex: 0 1 50%; } .hdt-section-title .hdt-inner-section-title{ position: sticky; top: 200px; } &.hdt-title__right{ flex-direction: row-reverse; } }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-faqs-wrapper{ gap: var(--gap-content); }}.dekozen-slideshow-scope .hdt-shop-the-look-wrapper{ > .hdt-shop-the-look-image{ display: none; } .hdt-media-overlap-content{width: 100%;} .hdt-shop-the-look-products .hdt-shop-the-look-image{display: inline-flex;} .hdt-section-title{ margin-block-end: 0; } .hdt-shop-the-look-products{ .hdt-slider__viewport{padding: 2px;} } .hdt-media-content{ padding-inline: 20px; transition: padding 0.3s; padding-block-end: 25px; .hdt-icon-block{ justify-content: center; } } }.dekozen-slideshow-scope .hdt-shop-the-look-products.hdt-slider__active-true{ --slide-size-set: 65%; @media screen and (max-width: 575.98px){ --slide-size-set: 75%; } }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-shop-the-look-wrapper{ .hdt-shop-the-look-products.hdt-slider__active-true{ --slide-size-set: 44% } .hdt-theme-block{ --hdt-block-el: 5px; --hdt-block-medium: 10px; --hdt-block-space: 20px; } .hdt-btn{ --hdt-block-btn: 15px } }}@media screen and (min-width: 1024px) {.dekozen-slideshow-scope .hdt-shop-the-look-wrapper > .hdt-shop-the-look-image{ display: inline-flex; padding-inline: 2px; }.dekozen-slideshow-scope .hdt-shop-the-look-image .hdt-media-overlap-content{ top: calc(var(--height-header-fixed, 0px) + 30px - var(--offset-header-fixed,0px)); max-height:calc(var(--hdt-fill-height) - var(--height-header-fixed, 0px) - 30px + var(--offset-header-fixed,0px) - 30px - var(--bar-mobile-height, 0px)); position: sticky; }.dekozen-slideshow-scope .hdt-shop-the-look-wrapper{ display: flex; flex-direction: row; column-gap: 74px; > .hdt-shop-the-look-image{ flex: 0 0 55%; } .hdt-shop-the-look-products{ flex: 1; align-self: flex-start; padding-block-start: 62px; &.lg\:hdt-slider__active-false{ --slide-size-set: 100%; .hdt-slider__container{ flex-wrap: wrap; row-gap: 40px } } .hdt-shop-the-look-image{display: none;} } .hdt-media-content{ padding-inline: 50px; transition: padding 0.3s; padding-block-end: 65px; } hdt-tilt-card .hdt-media-content{ padding-block-end: 15px; } }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-shop-the-look-wrapper{ column-gap: 144px; }}.dekozen-slideshow-scope .hdt-shrink-on-sroll{ display: block; width: 100%; --clip-x: 15px; }.dekozen-slideshow-scope .hdt-shrink-on-sroll-inner{ position: sticky; inset: 0; &.hdt-sos-high-index { z-index: 31; } }.dekozen-slideshow-scope .hdt-shrink-on-sroll[mobile="true"] .hdt-shrink-on-sroll-inner{ overflow: hidden; }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-shrink-on-sroll{ --clip-x: 30px; }.dekozen-slideshow-scope .hdt-shrink-on-sroll-inner{ overflow: hidden; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-shrink-on-sroll{ --clip-x: var(--pd-container, 30px); }}.dekozen-slideshow-scope .hdt-slider-recommended, .dekozen-slideshow-scope .hdt-slider-recently{ --inset: 14px }@media screen and (max-width: 575.98px) {.dekozen-slideshow-scope .hdt-slider-recommended.hdt-slider.hdt-slider__active-true, .dekozen-slideshow-scope .hdt-slider-recently.hdt-slider.hdt-slider__active-true{ --slide-size-set: 80% }}@media screen and (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-slider-recommended.sm\:hdt-slider__active-true, .dekozen-slideshow-scope .hdt-slider-recently.sm\:hdt-slider__active-true{ --slide-size-set: 44% }}@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-section-title.md\:hdt-text-center + .hdt-slider-recommended.md\:hdt-slider__active-false .hdt-slider__container, .dekozen-slideshow-scope .hdt-section-title.md\:hdt-text-center + .hdt-slider-recently.md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-section-recommened-product .hdt-slider-nav{ display: block; }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-section-title.xl\:hdt-text-center + .hdt-slider-recommended.xl\:hdt-slider__active-false .hdt-slider__container, .dekozen-slideshow-scope .hdt-section-title.xl\:hdt-text-center + .hdt-slider-recently.xl\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }}.dekozen-slideshow-scope .hdt-dialog-cart-action button[ref="closeButton"]{ width: 35px; height: 35px; display: flex; justify-content: flex-end; align-items: center; svg{ transition: transform 0.3s; } }.dekozen-slideshow-scope .hdt-drawer.hdt-dialog-drawer--cart{ --padding-y: 20px; .hdt-drawer__inner{ padding: 0; display: flex; flex-direction: column; overflow: hidden; .hdt-marquee{ padding: 11px var(--padding-y); border-bottom: 1px solid var(--color-line-border); } .hdt-free-shipping-bar{ padding: 24px var(--padding-y) 0; display: block; .hdt-progress-msg{ margin-block-start: 7px; display: block; } } .hdt-inner-card-drawer{ padding: 20px var(--padding-y) 24px; overscroll-behavior-y: contain; overflow-y: auto; flex: 1; .hdt-cart-drawer-items + .hdt-cart__add-gift{ margin-block-start: 24px; .hdt-cart-gift-tick{margin-block-start: 0;} } .hdt-cart-complementary{ margin-block-start: 14px; .hdt-open-quickview-btn, .hdt-product-card-btn--atc { --padding-button: 6px 10px; min-width: 100px; max-width: 100%; } } .hdt-cart__add-gift[hidden] + .hdt-cart-complementary{ margin-block-start: 24px; } } .hdt-cart-drawer__footer{ border-top: 1px solid var(--color-line-border); align-self: flex-end; width: 100%; .hdt-cart-actions{ padding: 14px var(--padding-y); border-bottom: 1px solid var(--color-line-border); display: flex; align-items: center; gap: 6px; overflow: hidden; hdt-cart-action{display: none;} hdt-cart-action:has([open]){display: contents;} .hdt-btn-cart-action{ --color-btn-primary: var(--color-background2); --color-btn-secondary: var(--color-foreground); --color-btn-secondary-hover: var(--color-foreground); --color-btn-primary-hover: color-mix(in srgb, var(--color-foreground), transparent 70%); --color-button-border: color-mix(in srgb, var(--color-foreground), transparent 80%); --padding-button: 12px 15px; --thickness-btn: 1px; --height-btn: 40px; --gap-btn-icon: 6px; --font-size-button: var(--text-base); font-weight: var(--font-medium); align-items: center; flex-grow: 1; flex-basis: 0; min-width: 0; height: var(--height-btn); span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } svg{ width: auto; height: 16px; max-width: 16px; flex-shrink: 0; } &.hdt-btn-cart-note{ .hdt-lb-note, .hdt-lb-shownote{ display: flex; gap: var(--gap-btn-icon); } .hdt-lb-shownote{ display: none; } &.has-noted{ .hdt-lb-note{ display: none; } .hdt-lb-shownote{ display: flex; } } } } } .hdt-cart-group{ padding: 22px var(--padding-y); .hdt-cart-totals{ display: flex; justify-content: space-between; } } .hdt-cart__ctas { padding: 0 var(--padding-y) 28px; display: flex; flex-wrap: wrap; .hdt-btn{ overflow: hidden; flex-grow: 1; } &.hdt-cart-ctas-both{ gap: 9px; } } } .hdt-icwt-cart{ display: inline-flex; gap: 6px; align-items: center; a { display: inline; margin: 0; } } } .hdt-pc-cart--wrapper{ padding: 16px; background: var(--color-background2); .hdt-product__complementary-title{ margin-block-end: 14px; } .hdt-price-wrapp{ font-size: var(--text-base); } } &.is-empty{ .hdt-marquee, .hdt-cart-drawer__footer, .hdt-inner-card-drawer, .hdt-free-shipping-bar{ display: none; } .hdt-drawer__inner{ grid-template-rows: auto; } } .hdt-dialog-cart-action{ .hdt-drawer_wrapper{ background: var(--color-background); border-radius: inherit; padding: 20px var(--padding-y); } .hdt-drawer__header { padding: 0; border: none; margin-block-end: 10px; } .hdt-select, .hdt-textarea{ margin-block-start: 0; } } }.dekozen-slideshow-scope .hdt-shipping-calculator{ .hdt-field--fieldset{ border-radius: var(--rounded-input); padding: 0px 9px; margin-block-end: 14px; legend{ padding-inline: 3px; font-size: 11px; margin-inline: 12px; } &.hdt-field-has-legend{ padding-block-end: 8px } legend + .hdt-select, legend + .hdt-input{ padding: 0 15px; --height-input: 30px; } .hdt-select, .hdt-input{ border: none; margin-block-start: 0; padding-inline: 15px; --height-input: 44px; border-radius: inherit; &::placeholder{ color: inherit; opacity: 0.5; } &:-webkit-autofill{ background: var(--color-background); -webkit-box-shadow: 0 0 0px 1000px var(--color-background) inset !important; box-shadow: 0 0 0px 1000px var(--color-background) inset !important; } } .hdt-select { select { top: -8px; padding: 0 15px; height: 46px; } } &:focus-within { outline: none; border-color: var(--color-focus); } } .hdt-response__rates{ margin-block-start: 15px; &:empty{margin-block-start: 0; display: none;} } }.dekozen-slideshow-scope .hdt-mess__rates{ animation: fadeIn .3s ease; &.is--rates-success { color:var(--color-success-text); } &.is--rates-error { color: var(--color-error-text); } p { color: var(--color-foreground); margin-bottom: 5px; } ul { list-style: inside; font-size: var(--text-sm); } }.dekozen-slideshow-scope .hdt-cart-item{ display: flex; gap: 16px; &:not(:last-child){ border-bottom: 1px solid var(--color-line-border); margin-block-end: 14px; padding-block-end: 14px; } .hdt-cart-item__media{ width: 98px; display: inline-flex; align-items: start; } .hdt-cart-item__details{ flex: 1; .hdt-cart-quantity{ padding: 5px; background: var(--color-background2); border-color: var(--color-line-border); align-items: center; min-width: 99px; button{ width: 22px; height: 22px; color: var(--color-btn-primary); background: var(--color-btn-secondary); &[name="minus"].disabled { opacity: .5; pointer-events: none; } } } .hdt-pr-title{ color: var(--color-pr-text, var(--color-foreground)); } .hdt-cart-item-ft{ margin-block-start: 6px; } :where(.hdt-cart-item__price, .hdt-cart-item__discounted-prices) { color: var(--color-pr-text); } .hdt-cart-item__old-price { color: var(--color-pr-sale-price); } } }.dekozen-slideshow-scope .hdt-cart-item.is-gift-wrap, .dekozen-slideshow-scope .hdt-main-cart-item.is-gift-wrap{ .hdt-cart-item-ft-wrap{ display: flex; justify-content: space-between; align-items: center; } .hdt-cart-item__quantity-wrapper{display: none;} }.dekozen-slideshow-scope .hdt-cart-item, .dekozen-slideshow-scope .hdt-main-cart-item__details{ .hdt-product-options{ margin-block-end: 3px; .hdt-product-option{ display: flex; gap: 5px; } &:has(.hdt-line-vertical){ align-items: center; display: flex; flex-wrap: wrap; gap: 6px; .hdt-product-option{display: inline-flex;} } .hdt-line-vertical{ display: inline-flex; width: 1px; height: 14px; background: color-mix(in srgb, var(--color-foreground), transparent 70%); } .hdt-product-properties{display: block; width: 100%;} } }.dekozen-slideshow-scope .hdt-main-cart-item, .dekozen-slideshow-scope .hdt-cart-item{ .hdt-discounts { display: inline-flex; flex-wrap: wrap; gap: 5px; } }.dekozen-slideshow-scope .hdt-cart-item__error{ display: flex; align-items: center; flex-direction: row-reverse; margin-top: 10px; column-gap: 5px; width: min-content; min-width: 100%; .hdt-svg-wrapper { flex-shrink: 0; width: 15px; height: 15px; margin-top: 2.5px; } }.dekozen-slideshow-scope .hdt-cart-discounts{ display: inline-flex; flex-wrap: wrap; gap: 8px; margin-block-end: 14px; }.dekozen-slideshow-scope .hdt-discounts__discount, .dekozen-slideshow-scope .hdt-cart-discounts__discount{ display: inline-flex; justify-content: center; align-items: center; gap: 5px; font-size: var(--text-sm); text-transform: uppercase; padding: 2px 7px; background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 92%); border-radius: var(--rounded); margin-block: 3.5px; svg { flex: none; width: auto; height: 14px; } }.dekozen-slideshow-scope .hdt-cart-discounts__discount{ padding: 6px 13px; }.dekozen-slideshow-scope .hdt-cart-discount__codes{ display: inline-flex; flex-wrap: wrap; gap: 8px; margin-block-start: 14px; .hdt-cart-discount__pill { display: inline-flex; } .wrapp-discount-remove { display: contents; } .hdt-cart-discount__pill-remove { display: inline-flex; justify-content: center; align-items: center; gap: 8px; font-size: var(--text-sm); text-transform: uppercase; padding-block: 6px; padding-inline: 13px; background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 92%); border-radius: var(--rounded); svg { flex: none; width: auto; height: 16.2px; &.hdt-icon-close { width: auto; height: 8px; transition: transform .3s linear; } } } }.dekozen-slideshow-scope .hdt-cart-discount__error{ display: flex; justify-content: flex-start; gap: 8px; svg { flex: none; margin-block-start: 2px; } .hdt-cart-discount__error-text { font-size: var(--text-sm); } }.dekozen-slideshow-scope .hdt-cart-discount__form{ + .hdt-cart-discount__error { margin-block-start: 14px; } }.dekozen-slideshow-scope .hdt-cart-remove-button{ --icon-stroke-width: 1.5px; cursor: pointer; .remove-icon-bottom, .remove-icon-top { transition: transform 0.125s ease-in-out; } &:focus-within .remove-icon-top { transform: translate(calc(-1 * var(--icon-stroke-width)),var(--icon-stroke-width)) rotate(-15deg); } &:focus-within .remove-icon-bottom { transform: translateY(var(--icon-stroke-width)); } >a:focus-visible{ outline: none; } }.dekozen-slideshow-scope .hdt-drawer.hdt-dialog-drawer--cart .hdt-cart-drawer-empty{ display: none; .hdt-header-cart-empty{ padding: 0 var(--padding-y); max-width: 288px; margin-block-end: 20px; margin-inline: auto; .hdt-cart__empty-text{ margin-block-end: 18px; line-height: 1.3; } .hdt-icon-cart-empty{ display: flex; justify-content: center; margin-block-end: 10px; svg{ width: 40px; height: auto; } } } .hdt-list-collection-cart{ width: 100%; overflow: hidden; padding: 0 var(--padding-y); .hdt-cart__empty-text{ margin-block-end: 12px; } .hdt-slider__viewport{ overflow: visible; margin-inline-start: -8px; } &:has(.hdt-cart__empty-collections .hdt-slider__container:empty){display: none;} } }.dekozen-slideshow-scope .hdt-drawer.hdt-dialog-drawer--cart.is-empty .hdt-cart-drawer-empty{ display: flex; justify-content: center; flex-direction: column; flex: 1; }.dekozen-slideshow-scope .hdt-cart__empty-collections{ position: relative; .hdt-collection-list__image{ width: 38px; border-radius: var(--rounded-full); overflow: hidden; } .hdt-slider__container > .hdt-cart__empty-collection:first-child{ margin-inline-start: auto; } .hdt-slider__container > .hdt-cart__empty-collection:last-child{ margin-inline-end: auto; } }.dekozen-slideshow-scope .hdt-cart__empty-collection .hdt-collection-list__link{ padding: 4.5px; padding-inline-end: 24px; }.dekozen-slideshow-scope .hdt-field--discount{ border-radius: var(--rounded-input); border: 1px solid var(--color-line-border); padding: 5px; display: flex; flex-direction: row; gap: 5px; --max-w-btn: 150px; .hdt-field__input{ border: none; flex: 1; --height-input: 36px; padding-block: 0; } .hdt-btn{ --rounded-button: var(--rounded-input) } }.dekozen-slideshow-scope .hdt-cart__add-gift .hdt-cart-gift-tick{ display: flex; gap: 7px; align-items: flex-start; padding: 15px; border-radius: var(--rounded-sm); border: 1px solid var(--color-line-border); margin-block-start: 14px; .hdt-checkbox-wrapp { margin-top: 2px; flex: 0 0 18px; input[type=checkbox] { width: 16px; height: 16px; border-radius: 50%; margin: 1px; border: 1px solid; background: transparent; box-shadow: none; &:after{ border-radius: inherit; inset: 4px; } } .hdt-facke-check{ clip-path: inset(5px round 50%); background: transparent; align-self: center; width: 100%; height: 100%; } #hdt-cart-gift-checkbox:checked + .hdt-facke-check{ background: var(--color-foreground); } } }.dekozen-slideshow-scope .hdt-cart-lv-discount-app{ border-bottom: 1px solid var(--color-line-border); padding-block-end: 10px; margin-block-end: 10px; summary{ display: flex; align-items: center; justify-content: space-between; padding-block-end: 5px; } .hdt-cart-discounts .hdt-cart-discounts__discount{ display: flex; gap: 5px; align-items: center; justify-content: space-between; svg{margin-inline-end: 5px;} } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-drawer.hdt-dialog-drawer--cart{ --padding-y: 25px; .hdt-dialog-cart-action{ &.hdt-drawer--indent { border-radius: 0 0 var(--rounded-sm) var(--rounded-sm); } &:focus-visible{ outline: none; } } }}.dekozen-slideshow-scope .hdt-age-modal{ width: calc(100% - 30px); max-width: 431px; padding: 30px 20px; font-weight: var(--font-medium); background-color: rgb(var(--color-background-rgb) / 30%); border: 1px solid rgb(var(--color-text-rgb) / 30%); -webkit-backdrop-filter: blur(70px); backdrop-filter: blur(70px); overflow: hidden auto; .hdt-age-modal__heading { font-weight: var(--font-medium); } .hdt-age-modal__fields { display: flex; justify-content: space-between; gap: 10px; .hdt-select { font-weight: var(--font-medium); } } #hdt-age-modal_form { > * { margin-inline: auto; + * { margin-top: 16px; &.hdt-age-modal__message { margin-top: 24px; } } } .hdt-age-modal__text, .hdt-age-modal__actions, .hdt-age-modal__message { max-width: 320px; } .hdt-age-modal__fieldset { --height-input: 46px; margin-top: 19px; .hdt-select { background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); } } .hdt-age-modal__actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; max-width: unset; .hdt-btn, .hdt-btn-link { align-self: center; } .hdt-btn { --height-btn: 46px; --font-size-button: var(--text-lg) } .hdt-btn-link { --font-size-button: var(--text-base); } } .hdt-age-modal__fieldset { + .hdt-age-modal__actions { margin-top: 15px; } } } @media (min-width: 540px) { padding: 39px 22px; } &::backdrop { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } }.dekozen-slideshow-scope .hdt-modal-u{ --w-u: 102px; --h-u: 30px; --padding: 22px; padding: var(--padding); background-color: transparent; transform: none!important; [ref=closeButton] { position: absolute; width: 40px; height: 40px; left: 50%; transform: translate(-50%); top: 5px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgb(var(--color-background-rgb) / 70%); border: 1px solid rgb(var(--color-text-rgb) / 30%); -webkit-backdrop-filter: blur(70px); backdrop-filter: blur(70px); } .hdt-modal-u__top { position: relative; display: grid; grid-template-columns: [start] minmax(0,1fr) 90px [end] minmax(0,1fr); border-top-left-radius: var(--rounded-sm); border-top-right-radius: var(--rounded-sm); padding-top: 22px; height: calc(var(--h-u) + 19px); overflow: hidden; flex: none; &:before, &:after { content: ""; display: block; height: var(--h-u); width: 100%; background-color: rgb(var(--color-background-rgb) / 60%); border-top: 1px solid rgb(var(--color-text-rgb) / 30%); } &:before { grid-area: start; border-start-start-radius: var(--rounded-sm); border-inline-start: 1px solid rgb(var(--color-text-rgb) / 30%); } &:after { grid-area: end; border-start-end-radius: var(--rounded-sm); border-inline-end: 1px solid rgb(var(--color-text-rgb) / 30%); } } .hdt-icon-u { color: rgb(var(--color-background-rgb) / 60%); width: var(--w-u); height: var(--h-u); position: absolute; left: 50%; transform: translate(-50%); } .hdt-icon-u--2 { .hdt-notch__stroke { fill: none; stroke: var(--notch-stroke, color-mix(in srgb,var(--color-foreground),transparent 70%)); stroke-width: 1.8px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; } } .hdt-modal__body { background-color: rgb(var(--color-background-rgb) / 60%); border-inline: 1px solid rgb(var(--color-text-rgb) / 30%); border-bottom: 1px solid rgb(var(--color-text-rgb) / 30%); border-bottom-left-radius: var(--rounded-sm); border-bottom-right-radius: var(--rounded-sm); } }.dekozen-slideshow-scope .hdt-newsletter-popup{ --max-width: 450px; --padding: 22px 0; width: calc(100% - 30px); max-width: var(--max-width); font-weight: var(--font-medium); .hdt-modal-u__top { grid-template-columns: [start] calc(50% - 45px) [mid] 90px [end] minmax(0,1fr); .hdt-icon-u, [ref=closeButton] { position: relative; inset-inline-start: auto; transform: none; grid-area: mid; place-self: start center; } .hdt-icon-u--2 { top: -1px; .hdt-notch__stroke { stroke-width: 1px; } } [ref=closeButton] { pointer-events: auto; top: -21px; } } .hdt-modal__body { margin-top: 0; z-index: 1; padding: 15px; overflow-x: hidden; overflow-y: auto; } .hdt-newsletter-popup__group { display: flex; flex-direction: column; gap: 0; justify-content: space-between; align-items: center; .hdt-newsletter-popup__image { width: 100%; img { width: 100%; height: auto; border-radius: calc(var(--rounded-sm) * .7); } } .hdt-newsletter-popup__content { padding: 20px 0; .hdt-newsletter-form__field-wrapper { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; .hdt-privacy-terms-notice { margin-top: 5px; } } .hdt-newsletter-popup__description { margin-top: 16px; } .hdt-field--newsletter { padding: 4px 20px; background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); -webkit-backdrop-filter: blur(70px); backdrop-filter: blur(70px); .hdt-field__input { background: none; } } .hdt-newsletter-form__button { --height-btn: 46px; --font-size-button: var(--text-lg); overflow: hidden; } .hdt-form__alert { margin-block: 15px 0; } } } .hdt-form__alert { background-color: color-mix(in srgb,var(--hdt-alert-color, var(--color-success-text)), #fff 90%); } &::backdrop { background-color: var(--color-background); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } @media (min-width: 768px) { .hdt-newsletter-popup__group { .hdt-newsletter-popup__content { max-height: min(calc(80vh - 110px),600px); } } &.hdt-newsletter-popup--ver { .hdt-newsletter-popup__group { .hdt-newsletter-popup__content { padding: 20px 0; } } } &.hdt-newsletter-popup--hor { --max-width: 705px; .hdt-modal-u__top { grid-template-columns: [start] calc(75% - 45px) [mid] 90px [end] minmax(0,1fr); } .hdt-modal__body { padding: 0 15px 15px 15px; overflow: visible; } .hdt-newsletter-popup__group { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 15px; .hdt-newsletter-popup__image { width: 100%; height: calc(100% + 11px); position: relative; overflow: hidden; text-align: center; margin-top: -11px; img { object-fit: cover; height: 100%; min-height: 100%; max-height: 100%; min-width: 100%; max-width: 100%; position: absolute; inset: 0; } } .hdt-newsletter-popup__content { padding: 20px 15px; overflow: hidden auto; } } } } }.dekozen-slideshow-scope .hdt-section__email-signup .hdt-media-wrapper >:is(img, .dekozen-slideshow-scope video, .dekozen-slideshow-scope iframe, .dekozen-slideshow-scope svg, .dekozen-slideshow-scope hdt-video){ aspect-ratio: var(--aspect-ratio, auto); }.dekozen-slideshow-scope .hdt-emailsignup-style--overlay .hdt-email-signup-wrap{ .hdt-media-newsletter{ overflow: hidden; } }.dekozen-slideshow-scope .hdt-emailsignup-style--split .hdt-email-signup-wrap{ border-radius: var(--rounded); overflow: hidden; .hdt-newsletter-block:not(.hdt-newsletter-background){ border-radius: 0 0 var(--rounded) var(--rounded); border: 1px solid var(--color-line-border); border-block-start: none; } }.dekozen-slideshow-scope .hdt-newsletter-block .hdt-inner-newsletter{ max-width: 600px; .hdt-theme-block{--hdt-block-el: 5px;} .hdt-newsletter-form{ margin-block-start: 20px; } .hdt-field--newsletter{ padding: 6px; --max-w-btn: 220px; .hdt-field__input{ --height-input: 44px } } }.dekozen-slideshow-scope .hdt-email-signup-wrap{ display: flex; flex-direction: column; .hdt-newsletter-block{ padding: 40px 15px; display: flex; justify-content: center; &.hdt-newsletter-background{ background: var(--color-background); background: var(--gradient-background); color: var(--color-foreground); } .hdt-field__input { &::placeholder { opacity: 0.5; } &:-moz-placeholder { opacity: 0.5; } } } }.dekozen-slideshow-scope .hdt-emailsignup-style--standard .hdt-email-signup-wrap .hdt-newsletter-block{ padding: 0; }.dekozen-slideshow-scope .hdt-newsletter-style__card .hdt-field--newsletter{ --input-background: var(--color-btn-secondary); --color-input-text: var(--color-btn-primary); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-emailsignup-style--overlay .hdt-email-signup-wrap{ display: grid; .hdt-media-newsletter{ grid-area: 1/-1; overflow: hidden; } .hdt-newsletter-block{ grid-area: 1/-1; z-index: 2; padding-block: 30px; padding-inline: var(--pd-container, 30px); display: grid; } .hdt-media-newsletter + .hdt-newsletter-block.hdt-newsletter-background{ background: transparent; } .hdt-media-newsletter + .hdt-newsletter-block.hdt-newsletter-background .hdt-inner-newsletter{ background: var(--color-background); background: var(--gradient-background); color: var(--color-foreground); } .hdt-newsletter-background .hdt-inner-newsletter{ padding-inline: 42px; padding-block: 30px; min-height: 312px; align-content: center; border-radius: var(--rounded); } .hdt-newsletter-style__standard{ --input-background: transparent } }.dekozen-slideshow-scope .hdt-emailsignup-style--split .hdt-email-signup-wrap{ overflow: hidden; .hdt-newsletter-block{ padding: 40px 42px; display: flex; align-items: center; justify-content: center; } &.hdt-media-pos__first .hdt-newsletter-block:not(.hdt-newsletter-background){ border-radius: 0 var(--rounded) var(--rounded) 0; border: 1px solid var(--color-line-border); border-inline-start: none; } &.hdt-media-pos__second .hdt-newsletter-block:not(.hdt-newsletter-background){ border-radius: var(--rounded) 0 0 var(--rounded); border: 1px solid var(--color-line-border); border-inline-end: none; } &.hdt-media-pos__second .hdt-media-newsletter{ order: 2; } }.dekozen-slideshow-scope .hdt-emailsignup-style--split .hdt-email-signup-wrap{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }}.dekozen-slideshow-scope .hdt-comparison-table-wrap .hdt-compare-brand{ display: flex; flex-direction: column; gap: 15px; img{ max-width: 160px; } }.dekozen-slideshow-scope .hdt-comparison-table-wrap .hdt-col-hightlight{ background: var(--background-hightlight); color: var(--color-hightlight); --color-line-border: color-mix(in srgb, var(--color-hightlight), transparent 100%); .hdt-heading{ color: inherit; } }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-comparison-table-wrap{ --width-col-1: 194px; .hdt-compare-col:not(.hdt-col-first){ text-align: center; justify-content: center; } .hdt-row-thead .hdt-compare-col{ padding: 42px 25px; } .hdt-compare-col:not(.hdt-col-hightlight), .hdt-compare-col.hdt-col-first:not(.hdt-col-hightlight){ background: color-mix(in srgb, var(--color-foreground), var(--color-background) 97%); } .hdt-col-first{padding-inline: 32px 15px;} }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-comparison-table-wrap.hdt-compare__2col{ --width-col-1: 260px; .hdt-compare-col:not(.hdt-col-first){ flex: 0 0 calc((100% - var(--width-col-1))/2); } }}.dekozen-slideshow-scope .hdt-pr-infotabs{ &::part(hdt-tabs-header){ max-width: calc(100% - 60px); background: rgb(var(--color-text-rgb)/4%); padding: 14px; display: flex; width: fit-content; place-self: center; border-radius: var(--rounded) var(--rounded) 0 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; } &::part(hdt-tabs-content) { border: 1px solid var(--color-line-border); padding: 40px 30px; border-radius: var(--rounded-lg); display: grid; align-items: flex-start; } .hdt-btn-tab{ padding: 10px 20px; border-radius: var(--rounded-full); white-space: nowrap; &[aria-current=true]{ background: var(--color-background); } } .hdt-tabproduct-box{ display: flex; gap: 20px; align-items: flex-start; flex-direction: column; .hdt-list-textbox{ display: flex; row-gap: 16px; flex-direction: column; .hdt-text-w-icon{ display: grid; grid-template-columns: var(--w-icon, 60px) auto; align-items: center; gap: 11px; .hdt-box-icon-wrap{ width: var(--w-icon, 60px); height: var(--w-icon, 60px); display: inline-flex; flex-shrink: 0; border-radius: var(--rounded-sm); background: rgb(var(--color-text-rgb)/4%); align-items: center; justify-content: center; .hdt-icon-box{ -webkit-mask-image: var(--icon-url); mask-image: var(--icon-url); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 30px 100%; mask-size: 30px 100%; display: inline-flex; background: currentColor; width: 30px; height: 30px; } img{ height: 30px; width: auto; } } } } .hdt-box-img{ border-radius: var(--rounded); .hdt-media-wrapper >:is(img, video, iframe, svg, hdt-video) { aspect-ratio: var(--aspect-ratio, auto); } } &:not(.hdt-productbox-no-image) .hdt-box-img{width: 100%;} } .hdt-list-product-features{ hdt-accordion{ display: block; border-bottom: 1px solid var(--color-line-border); .hdt-accordion-heading{ padding-block: 20px; display: flex; align-items: center; column-gap: 12px; } .hdt-accordion-content{ padding-block-end: 35px; .hdt-list-pr-fd{ list-style: none; padding: 0; li+li{margin-block-start: 10px;} .hdt-li-table{ display: grid; grid-template-columns: 1fr auto; column-gap: 10px; } } } } .hdt-col-right hdt-accordion:last-child{border-bottom: none;} } .hdt-tab-panel-content { grid-area: 1/-1; visibility: visible; &[hidden] { display: flex !important; visibility: hidden; } } .hdt-tabproduct_content .hdt-inner-content-tab{ text-align: center; max-width: var(--content-max-w, 100%); margin-inline: auto; .hdt-image-block{display: inline-flex;} } .hdt-tabproduct_download .hdt-list-filedownload{ display: flex; gap: 16px 20px; flex-wrap: wrap; .hdt-file-download{ display: flex; align-items: center; column-gap: 10px; .hdt-icon-download{ width: var(--w-icon, 60px); height: var(--w-icon, 60px); display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: var(--rounded-sm); background: rgb(var(--color-text-rgb)/4%); } } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-pr-infotabs{ &::part(hdt-tabs-header){ max-width: calc(100% - min(73px, 4vw)*2); padding: 18px 24px 14px; } &::part(hdt-tabs-content) { padding: 40px min(73px, 4vw); } .hdt-list-product-features{ display: grid; column-gap: min(96px, 4vw); grid-template-columns: repeat(2, minmax(0, 1fr)); hdt-accordion{ &:last-child{ border-bottom: none; } } } .hdt-tabproduct-box{ flex-direction: row; .hdt-list-textbox{flex-grow: 1;} .hdt-box-img{ flex: 0 0 50%; } &.hdt-productbox-no-image .hdt-list-textbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; } .hdt-list-textbox .hdt-text-w-icon{ gap: 15px; } } .hdt-tabproduct_download .hdt-file-download{ column-gap: 15px; } }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-pr-infotabs{ --w-icon: 75px; .hdt-btn-tab{ padding: 10px 40px; } .hdt-tabproduct-box{ gap: 20px 40px; .hdt-box-img{ flex: 0 0 58%; } .hdt-list-textbox .hdt-text-w-icon{ gap: 20px; } } .hdt-tabproduct_download .hdt-file-download{ column-gap: 20px; width: calc(50% - 10px); } }}.dekozen-slideshow-scope .hdt-collection-list .hdt-collection-card-rounded{ display: grid; grid-template: 1fr auto / 1fr; .hdt-collection-card__media{ grid-area: 1/1/2/2; } .hdt-collection-card__content{ grid-area: 2/1/3/2; position: relative; pointer-events: none; } }.dekozen-slideshow-scope .hdt-collection-card-inner{ .hdt-collection-card__content { .hdt-btn { pointer-events: auto; max-width: 100%; } } .hdt-badge { position: absolute; z-index: 1; max-width: 120px; top: -23px; left: 50%; transform: translateX(-50%); width: max-content; color: var(--badge-color); background-color: var(--badge-bg-color); border-radius: var(--rounded)!important; align-items: center; justify-content: center; line-height: 17px; height: 17px; } }.dekozen-slideshow-scope .hdt-collection-list:not(.hdt-collection-card--rounded-full) .hdt-collection-card-inner{ position: relative; }.dekozen-slideshow-scope .hdt-collection-list{ .hdt-collection-card__content { width: 100%; } + .hdt-btn-wrap { margin-top: 30px; } }.dekozen-slideshow-scope .hdt-collection-card--hover-show-btn, .dekozen-slideshow-scope .hdt-collection-card--overlay-text{ --card-content-pb: 34px; }.dekozen-slideshow-scope .hdt-collection-list:not(.hdt-collection-card--rounded-full) .hdt-collection-card__content{ position: absolute; z-index: 2; inset-inline-start: 0; bottom: 0; width: 100%; padding-inline: 25px; padding-bottom: var(--card-content-pb, 25px); }.dekozen-slideshow-scope .hdt-collection-card--hover-show-btn{ .hdt-collection-card__title { transition: all .5s ease; } .hdt-collection-card-btn-wrap { margin-top: 15px; } }.dekozen-slideshow-scope .hdt-collection-card--rounded-full{ .hdt-slider { --inset: 3px; --slide-spacing: 25px; .hdt-slider__slide { --slide-size: max(12.5%, 145px); max-width: 190px; } .hdt-slider-nav { button { --btn-w: 34px; --btn-h: 34px; } } } .hdt-collection-card-rounded { border-radius: 0; .hdt-collection-card__media { width: 100%; margin-inline: auto; border-radius: var(--rounded-full); overflow: hidden; margin-block-start: 2px; } } .hdt-collection-card__content { margin-top: 6px; } @media (min-width: 768px) { .hdt-slider { --slide-spacing: 35px; .hdt-slider__slide { --slide-size: max(12.5%, 155px); } } } @media (min-width: 1140px) { .hdt-slider { --slide-spacing: 55px; .hdt-slider__slide { --slide-size: max(12.5%, 175px); } } } }.dekozen-slideshow-scope .hdt-collection-list:not(.hdt-collection-card--rounded-full ) .hdt-collection-card-inner:after, .dekozen-slideshow-scope .hdt-collections-tilted-scroll .hdt-collection-card-inner:after{ content: ''; position: absolute; z-index: 1; inset-inline-start: 0; bottom: 0; width: 100%; height: 100%; }.dekozen-slideshow-scope :where(.hdt-collection-card--overlay-text, .dekozen-slideshow-scope .hdt-collection-card--hover-show-btn) .hdt-collection-card-inner:after{ height: 50% !important; background: linear-gradient(180deg, rgb(var(--color-overlay-rgb) / 0%) 42.46%, rgb(var(--color-overlay-rgb) / 24%) 70.4%, rgb(var(--color-overlay-rgb) / 48%) 100%); }.dekozen-slideshow-scope .hdt-ratio--adapt_image .hdt-collection-card-inner{ --aspect-ratioapt: var(--aspect-ratioapt-origin); }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-collection-list{ --inset: -22.5px; .hdt-slider-dots--round-collections { display: none; } + .hdt-btn-wrap { margin-top: 50px; } }.dekozen-slideshow-scope .hdt-container-xl > .hdt-collection-list{ --inset: 15px; }.dekozen-slideshow-scope .hdt-section__header.hdt-text-center + .hdt-collection-list .md\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-section__header.hdt-text-center + .hdt-collection-list--hightlight .md\:hdt-slider__active-false .hdt-slider__container{ margin-inline: auto; }.dekozen-slideshow-scope .hdt-collection-list--hightlight .md\:hdt-slider__active-false .hdt-slider__container{ max-width: var(--tablet-max-w, 100%); }.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-slider{ --slide-per-view-calc: min(2, var(--slide-per-view)); --adj-w: calc(0.00125 * (var(--slide-per-view-calc) * var(--slide-per-view-calc)) - 0.02 * var(--slide-per-view-calc) + 0.765); --slide-size-temp: calc((100% - (var(--slide-per-view-calc) - 1) * var(--slide-spacing)) / (1.717 + (var(--slide-per-view-calc) - 1))); .hdt-slider__slide{ --slide-size: calc((100% - (var(--slide-per-view-calc) - 1) * var(--slide-spacing)) / (1.717 + (var(--slide-per-view-calc) - 1))); } }.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-slider__slide{ flex-grow: 1; &:first-child { --slide-size: calc(var(--slide-size-temp) * 1.717 - var(--slide-spacing) * var(--adj-w)); flex-grow: 1.717; } }.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-ratio--adapt_image:first-child .hdt-collection-card-inner{ --aspect-ratioapt: calc(var(--aspect-ratioapt-origin) * 1.717); }.dekozen-slideshow-scope .hdt-section__collection-list--hide-md{ display: none; }}@media (min-width: 1150px) {.dekozen-slideshow-scope .hdt-section__header.hdt-text-center + .hdt-collection-list .xl\:hdt-slider__active-false .hdt-slider__container{ justify-content: center; }.dekozen-slideshow-scope .hdt-section__header.hdt-text-center + .hdt-collection-list--hightlight .xl\:hdt-slider__active-false .hdt-slider__container{ margin-inline: auto; transform: translateX(calc(-0.5 * var(--slide-spacing, 0))); }.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-slider{ --slide-per-view-calc: min(5, var(--slide-per-view)); }}@media (min-width: 1400px) {.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-slider{ --slide-per-view-calc: var(--slide-per-view); }.dekozen-slideshow-scope .hdt-collection-list--hightlight .xl\:hdt-slider__active-false .hdt-slider__container{ max-width: var(--desktop-max-w, 100%); }}@media (max-width: 767.98px) {.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-ratio--portrait-wide{ --ratio-percent: 125%; }.dekozen-slideshow-scope .hdt-collection-list--hightlight .hdt-ratio--square-wide{ --ratio-percent: 100%; }}.dekozen-slideshow-scope .hdt-section__collection-list .hdt-collection-list hdt-slider-reveal{ margin-inline: -2px; --inset: 5px; .hdt-slider__viewport{ padding: 2px; } }.dekozen-slideshow-scope .hdt-stamp{ position: absolute; z-index: 2; top: -35px; inset-inline-end: 15px; width: 80px; height: 80px; border-radius: 50%; &.hdt-circular-text { top: -43px; width: 90px; height: 90px; padding: 16.5px; .hdt-circular-text__icon{ width: 100%; height: 100%; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; svg{ width: 14px; height: auto; fill: currentColor; > *{ fill: currentColor!important; } } &:after{ content: ""; position: absolute; border-radius: inherit; inset: 10px; border: 1px solid var(--primary-color); } } } }@media (prefers-reduced-motion: no-preference) {@keyframes hdt-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }.dekozen-slideshow-scope .hdt-stamp--rotate{ animation: hdt-rotate 4s linear infinite; }}.dekozen-slideshow-scope .hdt-circular-text{ --size: 10px; --circle-raidus: -32px; font-weight: var(--font-semibold); background-color: var(--bg-color); color: var(--primary-color); pointer-events: none; display: flex; justify-content: center; align-items: center; }.dekozen-slideshow-scope .hdt-circular-text__circle{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 1px; line-height: 1; span { position: absolute; transform-origin: center; display: inline-block; font-size: var(--size); transform: rotate(calc(var(--value-logical-flip) * var(--char-angle))) translateY(var(--circle-raidus)); } /* .hdt-large-dot { font-size: large; font-weight: bold; line-height: 1; } */ }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-stamp.hdt-circular-text{ inset-inline-end: 30px; }.dekozen-slideshow-scope .hdt-stamp{ top: -43px; inset-inline-end: 30px; width: 97px; height: 97px; &.hdt-circular-text { --size: 12px; --circle-raidus: -35px; width: 97px; height: 97px; } }}.dekozen-slideshow-scope hdt-model .shopify-model-viewer-ui{ display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }.dekozen-slideshow-scope hdt-model model-viewer[reveal]{ opacity: 1 !important; }.dekozen-slideshow-scope .hdt-product-info__item{ display: block; position: relative; --product-info-space: 20px; }.dekozen-slideshow-scope .hdt-product__external ~ :where([data-type="quantity-selector"], .dekozen-slideshow-scope [data-type="buy-buttons"]){ display: none !important; }.dekozen-slideshow-scope .hdt-product-info__item--text + .hdt-product-info__item--text{ --product-info-space: 13px; }.dekozen-slideshow-scope .hdt-product-info__item--box + .hdt-product-info__item--text, .dekozen-slideshow-scope .hdt-product-info__item--text + .hdt-product-info__item--box{ --product-info-space: 18px; }.dekozen-slideshow-scope .hdt-product-info__item--text-bottom + .hdt-product-info__item--text-top{ --product-info-space: 13px; }.dekozen-slideshow-scope .hdt-product-info__item--text-bottom + .hdt-product-info__item--box-top, .dekozen-slideshow-scope .hdt-product-info__item--box-bottom + .hdt-product-info__item--text-top{ --product-info-space: 18px; }.dekozen-slideshow-scope .hdt-product-info__item + .hdt-product-info__item{ margin-top: var(--product-info-space); }.dekozen-slideshow-scope .hdt-product-info__item:empty{ display: none; }.dekozen-slideshow-scope .hdt-product-info__item:first-child{ margin-top: 0; }.dekozen-slideshow-scope .hdt-product-info__item:empty:first-child + .hdt-product-info__item, .dekozen-slideshow-scope .hdt-product-info__item:empty:first-child + .hdt-product-info__item:empty + .hdt-product-info__item{ margin-top: 0; }@keyframes CardScrolling { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(calc((-100% - var(--hdt-highlight-gap)) * var(--value-logical-flip)), 0, 0) } }.dekozen-slideshow-scope .hdt-card-product{ .hdt-card-product__media { border-radius: var(--rounded-product-card); margin-block-end: 16px; overflow: hidden; position: relative; } .hdt-card-highlight-wrap { background-color: rgb(var(--color-text-rgb) / .03); position: relative; overflow: hidden; max-width: 100%; /* unicode-bidi: isolate */ } &.hdt-card-product--highlight:not(.hdt-card-product__border) .hdt-card-product__media { margin-block-end: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } &:not(.hdt-card-product__border) .hdt-card-highlight-wrap { border-radius: var(--rounded-product-card); margin-bottom: 16px; border-top-left-radius: 0; border-top-right-radius: 0; } .hdt-card-highlight__item { padding: 8px 14px; background-color: var(--color-background); border-radius: calc(var(--rounded-product-card) * 4); column-gap: 8px; flex-shrink: 0; border: 1px solid rgb(var(--color-text-rgb) / .06); .hdt-card-highlight__icon{ .hdt-icon-higlight{ -webkit-mask-size: 13px 100%; mask-size: 13px 100%; width: 16px; height: 13px; } img{max-height: 13px;} } } .hdt-card-highlight__icon :where(svg, img) { height: 13px; width: auto; } .hdt-card-highlight__text { font-size: var(--text-sm); line-height: 1; } .hdt-card-highlight { --hdt-highlight-gap: 8px; --hdt-highlight-direction: normal; --hdt-highlight-speed: 15s; display: flex; gap: var(--hdt-highlight-gap); max-width: min(100%, 100vw); position: relative; white-space: nowrap; padding: 15px 12px; overflow-y: hidden; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; scroll-behavior: smooth; &::-webkit-scrollbar { display: none; } } .hdt-card-highlight-wrap { .hdt-card-highlight--sale { gap: 6px; border: 0; color: #fff; * { pointer-events: none; } span { font-size: var(--text-xs); text-transform: uppercase; line-height: 1; color: #fff; } .hdt-sale-off { background: rgba(221, 90, 90, 1); padding: 2px 10px; min-height: 18px; display: flex; align-items: center; border-radius: inherit; } } &:not(.hdt-card-highlight--only-sale) .hdt-card-highlight--sale { background: linear-gradient(90deg, #6A4DA8 0%, #BD78A4 100%); padding: 2px 7px; min-height: 31px; } &.hdt-card-highlight--only-sale { background: linear-gradient(90deg, #6A4DA8 0%, #BD78A4 100%); min-height: 31px; padding: 10px 12px; .hdt-card-highlight__content { gap: calc(var(--hdt-highlight-gap) + 2px); } .hdt-card-highlight--sale { background: transparent; padding: 0 } } } .hdt-card-highlight__content { display: flex; align-items: center; justify-content: space-around; gap: var(--hdt-highlight-gap); + .hdt-card-highlight__content { display: none; } } .hdt-card-highlight__item { gap: var(--hdt-highlight-gap); position: relative; display: flex; align-items: center; &.hdt-card-highlight__item--clone { display: none; } } .hdt-card-text { margin-block-start: var(--spacing-0-4); } }@media screen and (min-width: 1024px) and (pointer: fine) {.dekozen-slideshow-scope .hdt-card-product{ .hdt-card-highlight-wrap { padding: 15px 12px; } .hdt-card-highlight { padding: 0; overflow: visible } .hdt-card-highlight__content { flex-shrink: 0; min-width: 100%; animation: var(--hdt-highlight-speed) linear infinite var(--hdt-highlight-direction) paused CardScrolling; + .hdt-card-highlight__content { display: flex; } } .hdt-card-highlight__item.hdt-card-highlight__item--clone { display: flex; } }.dekozen-slideshow-scope .hdt-card-product:hover .hdt-card-highlight__content{ animation-play-state: running }}.dekozen-slideshow-scope .hdt-product-grid-wrapper .hdt-card-product .hdt-card-product__wrapper{ align-self: flex-start; }.dekozen-slideshow-scope .hdt-card-product .hdt-card-product__content{ color: var(--color-pr-text); display: grid; justify-items: start; height: fit-content; [can-reveal] { opacity: 1; } &.hdt-text-center{ justify-items: center; } .hdt-card-product__title.hdt-line-clamp, .hdt-card-product__title a.hdt-line-clamp { --line-clamp-count: var(--pr-clamp-count); } .hdt-card-product__title a{ color: inherit; } wrapp-hdt-swatches{ margin-block-start: var(--spacing-0-8) } }.dekozen-slideshow-scope .hdt-card-product .hdt-card-product__wrapper{ display: grid; grid-template-rows: auto 1fr; }.dekozen-slideshow-scope .hdt-card-product.hdt-has-pr-highlight .hdt-card-product__wrapper{ grid-template-rows: auto auto 1fr; }.dekozen-slideshow-scope .hdt-card-product.hdt-card-product__border .hdt-card-product__wrapper{ border: 1px solid var(--color-line-border); border-radius: var(--rounded-product-card); position: relative; overflow: hidden; height: 100%; .hdt-card-product__media { border-radius: 0; margin-block-end: 0; } }.dekozen-slideshow-scope .hdt-card-product__border .hdt-card-product__content{ background: var(--color-pr-background); padding: 12px 10px 16px; }.dekozen-slideshow-scope .hdt-card-product .hdt-card-product__vendor{ color: rgb(var(--color-pr-text-rgb) / 0.85); text-transform: uppercase; font-size: var(--text-xs); letter-spacing: calc(var(--text-xs) * 0.1); font-weight: var(--font-medium); margin-block-end: var(--spacing-0-4); }.dekozen-slideshow-scope .hdt-card-product__media{ .hdt-badge__wrapp { position: absolute; inset-block-start: max(18px, var(--rounded-product-card)); inset-inline-end: 0px; display: grid; justify-items: flex-end; row-gap: 9px; z-index: 5; &.hdt-badge--rectangle{ inset-inline-end: 10px; .hdt-badge{ border-radius: 0; } } } @container container_card (max-width: 200px) { .hdt-badge__wrapp { inset-block-start: max(10px,var(--rounded-product-card)); row-gap: 5px; .hdt-badge { padding: 2px 5px; } } } }.dekozen-slideshow-scope .hdt-card-product__wrapper{ container: container_card / inline-size; }.dekozen-slideshow-scope .hdt-badge{ display: inline-flex; align-items: center; padding: 2.5px 10px; border-radius: var(--rounded) 0 0 var(--rounded); }.dekozen-slideshow-scope .dir--rtl .hdt-badge{ border-radius: 0 var(--rounded) var(--rounded) 0; }.dekozen-slideshow-scope .hdt-badge__on-sale{ gap: 0; color: var(--color-on-sale-badge-text); background: var(--color-on-sale-badge-background); &.hdt-badge__on-sale--minus:before { display: inline-block; width: 4px; height: 1.25px; content: ''; background-color: var(--color-on-sale-badge-text); } span[percent] { margin-inline-start: 2px; } }.dekozen-slideshow-scope .hdt-badge__pre_order{ color: var(--color-pre-order-badge-text); background: var(--color-pre-order-badge-background); }.dekozen-slideshow-scope .hdt-badge__sold_out{ color: var(--color-sold-out-badge-text); background: var(--color-sold-out-badge-background); }.dekozen-slideshow-scope .hdt-badge__new{ color: var(--color-new-badge-text); background: var(--color-new-badge-background); }.dekozen-slideshow-scope .hdt-badge__bestseller, .dekozen-slideshow-scope .hdt-badge__custom{ color: var(--color-custom-badge-text); background: var(--color-custom-badge-background); }.dekozen-slideshow-scope .hdt-price-wrapp{ margin-top: 3px; --color-pr-price: var(--color-pr-text); }.dekozen-slideshow-scope .hdt-product-info__item--text .hdt-price-wrapp{ --color-pr-price: var(--color-foreground); }.dekozen-slideshow-scope .hdt-price, .dekozen-slideshow-scope .hdt-unit-price{ color: var(--color-pr-price); }.dekozen-slideshow-scope .hdt-compare-at-price{ text-decoration: line-through; color: color-mix(in srgb, var(--color-pr-price), transparent 40%); &:not([hidden]) + .hdt-price { margin-inline-start: 5px; .hdt-money { color: var(--color-pr-sale-price); } } }.dekozen-slideshow-scope .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; will-change: transform; }.dekozen-slideshow-scope .hdt-card-product__media{ .hdt-group-btn-quickadd{ display: flex; inset-block-end: 15px; inset-inline: 23px; flex-direction: row; justify-content: center; position: absolute; z-index: 5; transition: all 0.5s; gap: 8px; .hdt-product-card-btn{ gap: 6px; flex: 1 1 auto; min-width: 0; max-width: fit-content; transition: all 0.3s; box-shadow: 0 0 5px 1px color-mix(in srgb, var(--color-btn-secondary), transparent 90%); --padding-button: 6px 14px; span:first-child{ flex-shrink: 0; } .sr-only-mobile{ width: auto; height: auto; margin: 0; position: relative!important; text-overflow: ellipsis; overflow: hidden; } svg{ max-width: 14px; } .hdt-inner-btn{ max-width: 100%; } } } .hdt-card-product__media--hover { opacity: 0; transform: scale(1.2); transform-origin: 50% 50%; background-color: var(--color-background); content-visibility: hidden; will-change: transform; } @container container_card (width < 200px){ .hdt-group-btn-quickadd{ gap: 8px; inset-block-end: 15px; inset-inline: auto 10px; flex-direction: column; min-width: auto; .hdt-product-card-btn{ width: 36px; height: 36px; max-width: 36px; gap: 0; --padding-button: 10px; box-shadow: 0 0 3px color-mix(in srgb, var(--color-btn-secondary), transparent 85%); .sr-only-mobile{ width: 1px; height: 1px; position: absolute!important; margin: -1px; clip: rect(0 0 0 0); } .hdt-inner-btn{gap: 0;} } } } }.dekozen-slideshow-scope .hdt-product-card-btn .hdt-loading-area__spinner, .dekozen-slideshow-scope .hdt-product-form__submit .hdt-loading-area__spinner{ position: absolute; inset: 0; display: grid; align-items: center; .hdt-icon-spinner{ place-self: center; } }.dekozen-slideshow-scope .hdt-loading-area__spinner{ position: relative; z-index: 1; svg{ width: 16px; } }@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) and (min-width: 768px) {.dekozen-slideshow-scope .hdt-card-product__media .hdt-group-btn-quickadd{ opacity: 0; inset-block-end: -45px; transition: opacity 0.3s ease, inset-block-end 0.3s ease; .hdt-product-card-btn.hdt-btn--inner{ transition: transform 0.3s ease; transform: translateY(20px); } }.dekozen-slideshow-scope .hdt-card-product__media:focus-within .hdt-group-btn-quickadd, .dekozen-slideshow-scope .hdt-card-product__media:hover .hdt-group-btn-quickadd{ opacity: 1; inset-block-end: 15px; .hdt-product-card-btn.hdt-btn--inner{ transform: translateY(0); &.hdt-product-card-btn--atc{ transition-delay: 0.2s; } } }}.dekozen-slideshow-scope .hdt-color-list{ display: flex; align-items: center; --gap-x: 5px; gap: 2px var(--gap-x); flex-wrap: wrap; }.dekozen-slideshow-scope .hdt-swatch__color{ --color-shadow: transparent; --sw-w: calc(var(--sw-w-num) * 10px); --sw-r: calc(var(--sw-r-num) * 10px); --sw-offset: var(--sw-pd, 4px); width: calc(var(--sw-w, 24px) + var(--sw-offset) * 2); height: calc(var(--sw-h, 24px) + var(--sw-offset) * 2);; padding: var(--sw-offset); border-radius: calc(var(--sw-r-num) / var(--sw-w-num) * 100%); position: relative; display: block; transition: box-shadow 0.5s ease; margin: 0; box-shadow: inset 0 0 0 1.5px var(--color-shadow); .hdt-color-bg { width: 100%; height: 100%; background-image: var(--swatch-background); background-color: var(--swatch-color, rgba(222 222 222 / 1.0)); background-position: var(--swatch-focal-point, center); background-size: cover; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--color-line-border);; position: relative; border-radius: var(--sw-r); } .hdt-bg-color-white { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-foreground), transparent 85%); } }.dekozen-slideshow-scope [type=radio]:checked+.hdt-swatch__color{ --color-shadow: var(--color-foreground); }.dekozen-slideshow-scope .hdt-color-list__item input[type="radio"] + label{ display: inline-flex; gap: 0; margin: 0; }.dekozen-slideshow-scope .hdt-swatch__color[is-disabled] .hdt-color-bg:after{ content: ""; position: absolute; inset: 1px; background-color: var(--color-foreground); clip-path: polygon(0 calc(100% - 1px),100% -1px,100% 0,0 100%); display: block; }.dekozen-slideshow-scope [type=radio]:checked+.hdt-swatch__color .hdt-color-bg:not(.hdt-bg-color-white){ border-color: transparent; }.dekozen-slideshow-scope .hdt-color-list__item.is--color-limit, .dekozen-slideshow-scope .is--color-limit~:not(.is--color-link){ width: 0; opacity: 0; visibility: hidden; pointer-events: none; }.dekozen-slideshow-scope wrapp-hdt-swatches[auto-limit]{ display: block; overflow: hidden; width: 100%; .hdt-color-list { flex-wrap: nowrap; column-gap: 0; margin-inline-start: calc(var(--gap-x) * -1); .hdt-color-list__item { padding-inline-start: var(--gap-x); } } .is--color-link { scale: 0; visibility: hidden; } .hdt-color-list__item.is--color-limit, .is--color-limit ~ :not(.is--color-link) { display: none; } &[no-limit="false"] .is--color-link { scale: 1; visibility: visible; } }.dekozen-slideshow-scope .hdt-color-list__item.is--color-link .hdt-link-underline{ padding-inline: 2px; }.dekozen-slideshow-scope .hdt-card-product__content.hdt-text-center wrapp-hdt-swatches{ .hdt-color-list{ justify-content: center; } }.dekozen-slideshow-scope .hdt-product__price.hdt-product-info__item .hdt-price-wrapp{ font-size: var(--text-xl); font-weight: var(--font-medium); }@media screen and (min-width: 768px) {.dekozen-slideshow-scope .hdt-card-product__border .hdt-card-product__content{ padding: 12px 15px 16px; }.dekozen-slideshow-scope .hdt-product__price.hdt-product-info__item .hdt-price-wrapp{ font-size: var(--text-2xl); }}@media screen and (min-width: 1150px) {.dekozen-slideshow-scope .hdt-card-product__border .hdt-card-product__content{ background: var(--color-pr-background); padding: 12px 20px 16px; }}.dekozen-slideshow-scope .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: 2px; 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: 3px; } }.dekozen-slideshow-scope .hdt-main-product:not(:has(.hdt-product-medias)){ grid: "pr-info" / min(100%, 1000px); justify-content: center; }.dekozen-slideshow-scope .hdt-main-product{ display: grid; gap: 25px; grid: "pr-media" "pr-info" / minmax(0, 1fr); .hdt-product-medias { grid-area: pr-media; } .hdt-product__info-wrapp { grid-area: pr-info; border-radius: var(--rounded); border: 1px solid var(--color-line-border); padding-inline: var(--pd-inline, 0); padding-block: var(--pd-block, 0); &.hdt-no-border{ border: none; } @media (max-width: 1149.98px){ padding-inline: min(calc(var(--pd-inline, 0px) * 0.8), 30px); padding-block: min(calc(var(--pd-block, 0px) * 0.8), 30px); } @media (max-width: 767.98px) { padding-inline: min(calc(var(--pd-inline, 0px) * 0.8), 20px); padding-block: min(calc(var(--pd-block, 0px) * 0.8), 20px); } } .hdt-product-medias-wrap { display: contents; } .hdt-slider--product-testimonials { align-items: stretch; container: container_product_testimonials / inline-size; --slide-spacing: 16px; --dots-spacing: 20px; .hdt-slider__slide { align-self: stretch; } .hdt-testimonial-item { background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); border-radius: var(--rounded-product-media); position: relative; padding: 30px 20px 20px 20px; height: 100%; .hdt-quote-icon-wrap { color: color-mix(in srgb, var(--color-foreground), transparent 90%); position: absolute; z-index: 1; pointer-events: none; inset-block-start: 11px; inset-inline: auto 22px; } .hdt-star-wrap { margin-bottom: var(--spacing-2); } .hdt-auth-quote { font-weight: var(--font-medium); font-size: var(--text-lg); margin-bottom: var(--spacing-2); } .hdt-test-info { position: relative; z-index: 2; } .hdt-testimonial-author { justify-content: space-between; column-gap: 15px; font-weight: var(--font-medium); font-size: var(--text-sm); } .hdt-testimonial-author-info { display: inline-flex; justify-content: flex-start; align-items: center; column-gap: 10px; .hdt-testimonial-author-avatar { width: 35px; flex: none; border-radius: 17.5px; overflow: hidden; img { width: 100%; height: auto; } } } } .hdt-text-right { .hdt-testimonial-item { .hdt-quote-icon-wrap { inset-inline: 22px auto; } .hdt-testimonial-author { flex-direction: row-reverse; } .hdt-testimonial-author-info { flex-direction: row-reverse; } } } .hdt-text-center { .hdt-testimonial-author:not(.hdt-has-verified) { justify-content: center; } } .hdt-slider__viewport { @container container_product_testimonials (min-width: 740px) { .hdt-slider__container { .hdt-slider__slide { --slide-size: min(50%, 660px); } } } &:before, &:after { content: ""; position: absolute; z-index: 2; inset-block: 0 auto; width: min(210px, 20%); height: 100%; pointer-events: none; display: none; } &:before { background-image: linear-gradient(calc(-90deg * var(--value-logical-flip)),transparent 0,var(--color-background) 100%); inset-inline: 0 auto; } &:after { background-image: linear-gradient(calc(90deg * var(--value-logical-flip)),transparent 0,var(--color-background) 100%); inset-inline: auto 0; } &:has(.is-in-view + .is-in-view) { &:before, &:after { display: block; } } } @media (min-width: 992px) { margin-block-start: 20px; } } .hdt-verified-text { color: var(--color-success-text); display: inline-flex; justify-content: flex-start; align-items: center; column-gap: 4px; } @media screen and (min-width: 1024px) { gap: min(var(--product-gap), 35px); grid: "pr-media pr-info" / minmax(0, 0.5fr) minmax(0, 0.5fr); .hdt-product-medias, .hdt-product__info-wrapp { position: sticky; top: 30px; align-self: start; z-index: 2; &[is-hdt-safe-bottom] { top: auto; bottom: 30px; align-self: end; } } &:has(.hdt-slider--product-testimonials) { .hdt-product-medias-wrap { display: block; grid-area: pr-media; position: sticky; top: 30px; align-self: start; z-index: 2; .hdt-product-medias { position: static; } } } } @media screen and (min-width: 1150px) { gap: var(--product-gap, 40px); grid: "pr-media pr-info" / minmax(0, 0.55fr) minmax(0, 0.45fr); } @media screen and (min-width: 1400px) { grid: var(--product-layout, "pr-media pr-info" / minmax(0, 0.5fr) minmax(0, 0.5fr)); } }.dekozen-slideshow-scope .shopify-model-viewer-ui{ width: 100%; height: 100%; model-viewer { opacity: 1 } }.dekozen-slideshow-scope .hdt-product-info-group_vendor-rate{ display: flex; align-items: center; gap: 10px; .hdt-rating-text, .hdt-rating-count{ margin-inline-start: 6px; } }.dekozen-slideshow-scope .hdt-product__info-wrapp{ --product-info-space: 20px; --product-info-text-space: 10px; --product-info-box-space: 15px; --product-info-box-box-space: 30px; .hdt-product-info__item{ position: relative; margin-block-start: var(--product-info-space, 15px); &.hdt-product-info__item--text { --product-info-space: var(--product-info-text-space); } &.hdt-product-info__item--text-box{ --product-info-space: var(--product-info-box-space); } &.hdt-product-info__item--box + .hdt-product-info__item--text, &.hdt-product-info__item--text + .hdt-product-info__item--box { --product-info-space: var(--product-info-box-space); } &.hdt-product__price + .hdt-product-info__item--box{--product-info-space: 12px;} &:first-child{margin-block-start: 0;} &.hdt-product__line-item-property .hdt-property-option-wrap .hdt-property-option:not(:last-child){margin-block-end: 5px;} &.hdt-product__line-item-property .hdt-line-item-property--options > label{ display: block; margin-block-end: 10px; + .hdt-select{ margin-block-start: 0; } } } .shopify-app-block { margin-block-start: var(--product-info-space, 15px); &:first-child{margin-block-start: 0;} } .hdt-product__external { display: grid; row-gap: 15px; ~ [data-type="buy-buttons"] { display: none !important; } [circle-bg-wrap]{overflow: hidden;} } .hdt-product__buy-buttons{ [circle-bg-wrap]{overflow: hidden;} .hdt-recipient-form{margin-block-end: 10px;} } .hdt-product__badges{ display: flex; gap: 5px; .hdt-badge{ border-radius: var(--rounded-xs); } } .hdt-product__description--collapsible{ .hdt-accordion{ flex: 0 0 100%; summary{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--color-line-border); padding-block-end: 8px; svg{ transition: transform 0.3s; will-change: transform; } } .hdt-inner-content{ padding-block-start: 12px; } details[open] summary svg{ transform: rotate(180deg); } } } .hdt-product__separator + .hdt-product__description--collapsible{ --product-info-space: 0 } .hdt-line-item-property { .hdt-select { height: var(--height-input); } } }.dekozen-slideshow-scope .hdt-product-info__item--text + .hdt-product-info__item--text-box{ --product-info-space: var(--product-info-box-space); }.dekozen-slideshow-scope .hdt-main-product__vendor{ display: inline-flex; background: var(--color-background2); font-size: var(--text-sm); border-radius: var(--rounded-xs); padding: var(--spacing-0-4) var(--spacing-1); }.dekozen-slideshow-scope .hdt-quantity-wrapp{ display: inline-flex; justify-content: space-between; align-items: center; padding: 11.5px 8px; min-width: 127px; width: max-content; border-radius: var(--rounded-button); border: 1px solid var(--color-line-border); button { display: inline-grid; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background-color: color-mix(in srgb, var(--color-foreground), transparent 96%); } input[type=number]{ border: none; padding: 0; height: 100%; min-height: auto; width: auto; } }.dekozen-slideshow-scope .hdt-quantity-wrapp input[type=number]{ margin: 0; appearance: textfield; /* Firefox */ text-align: center; background: none; max-width: 44px; }.dekozen-slideshow-scope fieldset ~ fieldset input[type=radio].is-unavailable, .dekozen-slideshow-scope fieldset ~ fieldset input[type=radio].is-unavailable + label, .dekozen-slideshow-scope fieldset ~ fieldset hdt-richlist button.is-unavailable, .dekozen-slideshow-scope [hide-sold-out-variants] input[type=radio].is-disabled, .dekozen-slideshow-scope [hide-sold-out-variants] input[type=radio].is-disabled + label, .dekozen-slideshow-scope [hide-sold-out-variants] hdt-richlist button.is-disabled{ display: none !important; }.dekozen-slideshow-scope .hdt-main-product [data-need-update]{ transition: opactity 0.25s ease; }.dekozen-slideshow-scope .hdt-main-product[loading-options] [data-need-update]{ opacity: 0.4 !important; transition: 0.25s opacity ease; @starting-style { opacity: 1; } }.dekozen-slideshow-scope .hdt-variant-picker .hdt-select{margin-block-start: 0;}.dekozen-slideshow-scope .hdt-product__variant-picker{ --variant-border-color: color-mix(in srgb, var(--color-foreground), transparent 80%); }.dekozen-slideshow-scope .hdt-variant-picker{ display: flex; flex-wrap: wrap; gap: 20px; .hdt-product-form_value{ &:before, &:after{ display: none; } .hdt-block-swatch__color{ border-radius: var(--swatch-radius); background: var(--hdt-bg-image, none) center / cover; background-color: var(--hdt-bg-color, #e5e5e5); content: ""; width: 15px; height: 15px; display: inline-block; vertical-align: middle; padding: 0; &.hdt-bg-color-white{ box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-foreground), transparent 90%) } } } .hdt-product-form__label{ margin-block-end: 18px; &.hdt-product-form__label--size_chart { display: flex; justify-content: space-between; width: 100%; column-gap: 20px; .hdt-open-size-chart-btn{ --height-btn-icon: 14px; } } } .hdt-popover { max-width: 100%; width: 100%; box-shadow: 0 4px 16px rgb(var(--color-overlay-rgb) / 20%); &.hdt-popover-u[open-as-modal] .hdt-popover__body{ padding-bottom: 10px; } .hdt-richlist--variant { width: 100%; display: block; overflow: hidden; :is(button,a){ display: block; height: 40px; line-height: 40px; width: 100%; padding-inline: 10px; position: relative; transition: color .3s ease,background-color .25s ease; text-align: start; border-radius: var(--rounded-2xs); color: var(--color-foreground); &.is-disabled{ opacity: 0.5; text-decoration: line-through; } } :is(button[aria-selected=true],a[selected]) { color: var(--color-foreground); background-color: color-mix(in srgb, var(--color-foreground), transparent 92%); } } } > fieldset.hdt-product-form__input{flex: 0 0 100%;} }.dekozen-slideshow-scope .hdt-product-form__input[picker-style=dropdown_swatch] .hdt-product-form__values .hdt-product-form_value{ gap: 10px; display: flex; align-items: center; }.dekozen-slideshow-scope .hdt-product-form__input[picker-style^=block] .hdt-product-form__values{ gap: 13px; display: flex; flex-wrap: wrap; --block-border-radius: var(--rounded-2xs); .hdt-product-form_value{ display: inline-flex; min-width: 60px; padding: 8px 15px; align-items: center; justify-content: center; border-radius: var(--block-border-radius); box-shadow: 0 0 0 1px var(--variant-border-color); margin-inline-end: 0; font-size: var(--text-lg); transition: all 0.3s ease; margin: 1px; position: relative; gap: 0; } .is-disabled + .hdt-product-form_value::after{ content: ""; display: inline-flex; inset: 4px; position: absolute; width: auto; height: calc(100% - 8px); background: color-mix(in srgb, var(--color-foreground), transparent 70%); clip-path: polygon(0 calc(100% - 1px),100% -1px,100% 0,0 100%); opacity: 1; border-radius: 0; } input[type=radio]:checked + .hdt-product-form_value, .hdt-product-form_value[selected]{ --variant-border-color: var(--color-foreground) } }.dekozen-slideshow-scope .hdt-product-form__input[picker-style=block_swatch] .hdt-product-form__values .hdt-product-form_value{ gap: 10px; }.dekozen-slideshow-scope .hdt-product-form__input[picker-style=swatch]{ .hdt-product-form__values{ display: flex; flex-wrap: wrap; gap: 9px; .hdt-product-form_value{ --sw-offset: 5px; --color-shadow: transparent; display: inline-flex; --swatch-width: calc(var(--swatch-width-num) * 10px); --swatch-radius: calc(var(--swatch-radius-num) * 10px); width: var(--swatch-width); height: var(--swatch-height); border-radius: var(--swatch-radius); margin: 0; position: relative; width: calc(var(--swatch-width) + var(--sw-offset) * 2); height: calc(var(--swatch-height) + var(--sw-offset) * 2); padding: var(--sw-offset); border-radius: calc(var(--swatch-radius-num) / var(--swatch-width-num) * 100%); box-shadow: inset 0 0 0 1.5px var(--color-shadow); transition: box-shadow 0.3s ease; &:after { display: flex; content: ""; width: 100%; height: 100%; background-color: var(--hdt-bg-color, var(--color-line-border)); background-image: var(--hdt-bg-image); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px var(--color-line-border); border-radius: var(--swatch-radius); } } .hdt-bg-color-white:not(.hdt-has-img-white):after { --color-shadow: var(--color-foreground); } a.hdt-product-form_value[selected], input[type="radio"]:checked + .hdt-product-form_value { box-shadow: inset 0 0 0 1.5px var(--color-foreground); } input.is-disabled + .hdt-product-form_value:before{ display: block; content: ""; position: absolute; inset: var(--sw-offset); width: calc(100% - var(--sw-offset) * 2); height: calc(100% - var(--sw-offset) * 2); border-radius: var(--swatch-radius); background: var(--color-foreground); clip-path: polygon(0 calc(100% - 1px),100% -1px,100% 0,0 100%); transition: all 0.3s ease; } } &[is--fist-ratio] .hdt-product-form_value { aspect-ratio: var(--fit-ratio-img, 1); --swatch-height: calc(var(--swatch-width)/var(--fit-ratio-img, 1)) } }.dekozen-slideshow-scope .hdt-quantity-wrapp input[type='number']::-webkit-inner-spin-button, .dekozen-slideshow-scope .hdt-quantity-wrapp input[type='number']::-webkit-outer-spin-button{ appearance: none; }.dekozen-slideshow-scope .hdt-product__buy-buttons .hdt-quantity__label{ margin-block-end: 10px; display: block; }.dekozen-slideshow-scope .hdt-product-form__buttons{ display: grid; row-gap: 12px; --font-size-atc: max(var(--text-lg), var(--button-size)); --min-h-btn: 50px; &.hdt-uppercase { --font-size-atc: calc(max(var(--text-lg), var(--button-size)) - 2px); } .hdt-product-form__buttons-qty { gap: 12px; } .hdt-btn { /* flex: 1 1 0; min-width: 210px; */ --height-btn: var(--min-h-btn); font-size: var(--font-size-atc); font-weight: var(--font-semibold); flex: 1 1 auto; min-width: max(calc(100% - 127px - 12px), 210px); width: auto; } :where(button,input[type=button]) { text-transform: inherit; } }.dekozen-slideshow-scope .hdt-product__external a{ --font-size-atc: max(var(--text-lg), var(--button-size)); --height-btn: 50px; font-size: var(--font-size-atc); font-weight: var(--font-semibold); &.hdt-uppercase { --font-size-atc: calc(max(var(--text-lg), var(--button-size)) - 2px); } }.dekozen-slideshow-scope button.shopify-payment-button__button--unbranded{ --color-btn-secondary: var(--color-foreground); --color-button-border: var(--color-foreground); border-radius: var(--rounded-button); background: transparent; border: 2px solid var(--color-button-border); color: var(--color-btn-secondary); padding: 14px 28px; font-size: var(--font-size-atc); font-weight: var(--font-semibold); min-height: var(--min-h-btn); overflow: hidden; position: relative; width: 100%; }.dekozen-slideshow-scope .hdt-pi-icon-with-text{ display: grid; justify-content: flex-start; align-items: center; width: fit-content; gap: 7px; &:not(.hdt-pi-no-icon){ grid-template-columns: 14px 1fr; .hdt-pi-icon{ display: flex; align-items: center; justify-content: center; grid-area: 1 / 1 / 2 / 2; } .hdt-iwt-text { grid-area: 1 / 2 / 2 / 3; } } }.dekozen-slideshow-scope .hdt-product-info__iwt{ border-radius: var(--rounded-sm); &.hdt-iwt-style-outline{ border: 1px solid var(--color-background2); } &.hdt-iwt-style-fill{ background: var(--color-background2); } &.hdt-marquee{ padding-block: 12px; line-height: 1; .hdt-marquee-item { --gap-item: 40px; } .hdt-product__icon-with-text{ display: inline-flex; margin: 0; } .hdt-line-horizontal{ display: inline-flex; width: 1px; height: 25px; display: inline-flex; background-color: color-mix(in srgb, var(--color-foreground), transparent 90%); margin: 0 calc(var(--gap-item, 20px) / 2); } @media (min-width: 768px) { &.md\:hdt-hidden{display: none;} } } &.hdt-product__iwt-bento{ padding: 20px 16px; .hdt-pi-icon-with-text{ &:not(.hdt-pi-no-icon){ grid-template-columns: 24px 1fr; } .hdt-pi-icon{ padding: 3px; svg{ height: 18px; width: auto; } } } .hdt-line-horizontal{display: none;} hdt-bento:not([active]){ --gapX: 20px; --gapY: 16px; @media (min-width: 1024px) { --cols: 2; --gapX: 20px; --gapY: 16px; } @media (min-width: 1920px), (min-width: 768px) and (max-width: 1023.98px) { --cols: 3; --gapX: 20px; --gapY: 16px; } } } }.dekozen-slideshow-scope .hdt-card-highlight__item .hdt-card-highlight__icon{ line-height: 0; place-self: center; .hdt-icon-higlight{ -webkit-mask-image: var(--icon-url); mask-image: var(--icon-url); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-size: 18px 100%; width: 18px; height: 18px; display: inline-flex; background: currentColor; } img{ max-height: 18px; width: auto; max-width: 100%; object-fit: cover; } }.dekozen-slideshow-scope .hdt-product-info__iwt.hdt-product__iwt-bento{ .hdt-card-highlight__item .hdt-card-highlight__icon{ padding: 3px; } }.dekozen-slideshow-scope .hdt-pickup-availability{ padding: 13px 16px; background: var(--color-background2); @media screen and (min-width: 1150px) { padding: 13px 16px; } .hdt-caption-large + .hdt-caption{ margin-block-start: 2px; } .hdt-btn-link{ justify-content: flex-end; margin-block-end: 0; margin-block-start: 8px; } .hdt-pickup-availability__preview{ display: flex; align-items: flex-start; gap: 10px; width: 100%; > svg{ margin-block-start: 3px; } >svg[class*=hdt-icon-checked] { color: var(--color-success-text); } .hdt-pickup-availability__info{ flex: 1; } } }.dekozen-slideshow-scope .hdt-link-noline-icon{ padding: 0; span:first-child{ padding-block: 2px; } }.dekozen-slideshow-scope .hdt-drawer-pickup-availability .hdt-pickup-availability__preview{ display: flex; align-items: center; width: 100%; gap: 10px; padding: 8px 16px; border-radius: var(--rounded-full); font-size: var(--text-sm); color: var(--hdt-color-pickup); background-color: color-mix(in srgb, var(--hdt-color-pickup), #fff 85%); >svg{margin-block-start: 0; flex-shrink: 0;} &.hdt-pickup-availability__preview--success { --hdt-color-pickup: var(--color-success-text) } &.hdt-pickup-availability__preview--error{ --hdt-color-pickup: var(--color-error-text); } .hdt-pickup-availability__info{ flex: 1; } }.dekozen-slideshow-scope .hdt-drawer--blur .hdt-pickup-availability__preview > svg[class*=hdt-icon-checked] .hdt-path-check{ fill: var(--color-foreground)!important; }.dekozen-slideshow-scope .hdt-drawer-pickup-availability{ .hdt-drawer__inner{ padding: 10px 0; display: flex; flex-direction: column; } .hdt-pickuplist-wrapper{ flex: 1; padding-bottom: 10px; overscroll-behavior-y: contain; overflow-y: auto; } .hdt-pickup-availability-product { display: flex; align-items: center; gap: 15px; padding: 10px var(--padding-y, 24px) 22px; .hdt-pickup-availability__media { overflow: hidden; flex: none; width: 90px; place-self: flex-start; @media (min-width: 480px) { width: 120px; } } .hdt-pickup-availability__variant{ display: flex; align-items: center; margin-block-start: 7px; .hdt-line-vertical{ display: inline-flex; width: 1px; height: 14px; margin-inline: 8px; background: color-mix(in srgb, var(--color-foreground), transparent 70%); } } } .hdt-pickup-availability-list { display: flex; flex-direction: column; width: 100%; padding-inline: var(--padding-y, 24px); gap: 22px; .hdt-pickup-availability-list__item { background-color: color-mix(in srgb, var(--color-foreground), transparent 95%); padding: 18px; overflow: hidden; &>*:not(:first-child) { margin-top: 14px; } } .hdt-pickup-availability-address{ display: flex; flex-direction: column; font-style: normal; .hdt-line-address{ gap: 12px; margin-block-end: 10px; svg{ flex-shrink: 0; margin-block-start: 3px; width: auto; height: 14px; } } .hdt-pickup-availability-map-link{ align-self: flex-end; } } } &.hdt-drawer--blur{ .hdt-pickup-availability-list .hdt-pickup-availability-list__item { background-color: color-mix(in srgb, var(--color-foreground), transparent 80%); border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 80%); } } @media (max-width: 768px) { .hdt-pickup-availability-list{ gap: 18px; .hdt-pickup-availability-list__item { padding: 18px 22px; } } } }.dekozen-slideshow-scope .hdt-variant-inventory{ border: 1px solid var(--color-line-border); padding: 10px 16px 13px; border-radius: var(--rounded-sm); display: block; .hdt-stock-status{ line-height: 1; } span.hdt-stock-status{ padding-block: 10px 7px; } &:has(.hdt-stock-success) { --color-stock: var(--color-success-text); } &:has(.hdt-stock-warning) { --color-stock: var(--color-warning-text); } &:has(.hdt-stock-error) { --color-stock: var(--color-error-text); } .hdt-icon-progress{ min-width: 15px; color: var(--color-stock); flex: none; } > legend{ padding-inline: 10px; margin-inline-start: 6px; } &.hdt-progress-bar--empty{ .hdt-stock-status{ > span{ display: flex; gap: 8px; align-items: center; } } } .hdt-progress-wrap{ --progress-bar: var(--color-error-text); display: flex; align-items: center; gap: 15px; min-height: 18px; } }.dekozen-slideshow-scope .hdt-x-progress{ overflow: hidden; display: block; width: 100%; height: 4px; border-radius: var(--rounded-xs); --progress-bar: var(--color-error-text); background-color: color-mix(in srgb, var(--color-foreground), transparent 90%); &:before { content: ""; display: block; height: inherit; border-radius: inherit; transform-origin: var(--value-origin-start); transform: scaleX(var(--percent-val, 0%)); background: var(--progress-bar); } }.dekozen-slideshow-scope .hdt-x-progress + .hdt-progress-msg{ margin-block-start: 7px; display: block; }.dekozen-slideshow-scope .is-unreached .hdt-x-progress{ --progress-bar: var(--color-warning-text); }.dekozen-slideshow-scope .is-success .hdt-x-progress{ --progress-bar: var(--color-success-text); }.dekozen-slideshow-scope .hdt-stock-success+.hdt-progress-wrap .hdt-x-progress{ --progress-bar: var(--color-success-text); }.dekozen-slideshow-scope .hdt-stock-warning+.hdt-progress-wrap .hdt-x-progress{ --progress-bar: var(--color-warning-text); }.dekozen-slideshow-scope .hdt-stock-error+.hdt-progress-wrap .hdt-x-progress{ --progress-bar: var(--color-error-text); }.dekozen-slideshow-scope .hdt-modal__product{ padding: 0; min-height: 200px; width: 100%; .hdt-modal__header{ &>button{ margin-block-start: 0; } } .hdt-modal__inner{ min-height: 180px; } &.hdt-modal__ask{ max-width: min(482px,90vw); .hdt-modal__inner{ [circle-bg-wrap]{ overflow: hidden; } .hdt-form--move-text .hdt-field{ margin-block-start: 0; margin-block-end: 14px; } } } }.dekozen-slideshow-scope .hdt-product-info__accordion{ display: flex; padding-block-end: var(--spacing-1); padding-block-start: var(--spacing-1); border-top: 1px solid var(--color-line-border); margin-top: var(--product-info-space); details{flex: 0 0 100%;} .hdt-accordion-heading{ gap: 10px; display: flex; align-items: center; font-size: var(--text-base); .hdt-icon-wrap{ width: 25px; height: 25px; padding: 8px; } } .hdt-accordion-content{ padding-block-start: 10px; } & + .hdt-product-info__accordion{ margin-top: 0; } &.hdt-product-info__accordion--standalone { border-bottom: 1px solid var(--color-line-border); & + .hdt-product-info__accordion{ border-top: none; } } }.dekozen-slideshow-scope .hdt-product-info__item:not(.hdt-product-info__accordion) + .hdt-product-info__accordion:not([class*="--standalone"]){ border-top: none; }.dekozen-slideshow-scope .hdt-product__tax a{ color: inherit !important; }.dekozen-slideshow-scope .hdt-recipient-fields{ background-color: var(--color-background2); padding: 15px 18px; display: none; --rounded-limit: 20px; > .hdt-recipient-fields__field:first-child .hdt-field{ margin-block-start: 0; } .hdt-field + .hdt-form__message{ margin-block-start: 5px; } }.dekozen-slideshow-scope .hdt-recipient-form .hdt-recipient-checkbox[type=checkbox]{ --size-checkbox: 18px; margin-block-start: 2px; border-radius: 50%; & + label{ margin-block-end: 10px; display: inline-flex; } &:after{ border-radius: inherit; inset: 4px; transform: scale(0.4); opacity: 0; transition: transform 0.3s ease, opacity 0.3 ease; } &:checked:after{ opacity: 1; transform: scale(1); } }.dekozen-slideshow-scope .hdt-recipient-form>input[type=checkbox]:checked~.hdt-recipient-fields{ display: block; animation: fadeIn .4s ease-out forwards; margin-bottom: var(--product-info-box-box-space); }.dekozen-slideshow-scope .hdt-recipient-fields__field .hdt-field--date{ display: grid; grid-template-areas: "input"; width: 220px; max-width: 100%; .hdt-field__input{ grid-area: input; --height-input: 65px; padding-block-start: 20px; } .hdt-field__label{ height: 100%; grid-area: input; padding: 12px 0; font-size: 75%; pointer-events: none; padding-inline-start: var(--padding-inline-input); } }@keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 50% { opacity: 0.5; } 100% { opacity: 1; transform: translateY(0); } }.dekozen-slideshow-scope .hdt-product__complementary .hdt-pc--fieldset{ display: flex; padding: 33px 16px 33px; > legend{ padding-inline: 15px; margin-inline-start: 30px; } }.dekozen-slideshow-scope .hdt-pc--fieldset{ .hdt-pc--slide-container{ &.hdt-pc--slide-container-single{ .hdt-product__complementary-product{ display: grid; grid: 1fr / 114px minmax(0, 1fr); column-gap: 20px; .hdt-open-quickview-btn, .hdt-product-card-btn--atc { margin-block-start: 11px; --height-btn-icon: 10px; } .hdt-product__complementary-product-title{ margin-block-end: 4px; } } .hdt-slider-dots{ justify-content: flex-end; } } } .hdt-product__complementary-products{ --dots-spacing: 14px; display: grid; } }.dekozen-slideshow-scope .hdt-product__share{ display: flex; gap: 10px; .hdt-share-button, .hdt-ask-button{ gap: 8px; flex-direction: row; align-items: center; } .hdt-popover--share{ min-width: 320px; box-shadow: 0 10px 22px rgba(0,0,0,0.15); padding: 20px; .hdt-popover__header{ padding: 0; margin-bottom: 15px; } .hdt-popover__inner{ padding: 0; .hdt-share-button__links{padding-block-start: 2px;} } } }.dekozen-slideshow-scope .hdt-form--move-text button[type="submit"]{ margin-block-start: 24px; }.dekozen-slideshow-scope .hdt-share-button__defaultcolor{ display: flex; justify-content: center; gap: 11px; flex-wrap: wrap; margin-bottom: 20px; overflow: hidden; --w: 45px; a { width: var(--w); height: var(--w); min-width: var(--w); display: inline-flex; background-color: var(--color-social, #999); color: #fff; align-items: center; justify-content: center; border-radius: 50%; margin-block: 1px; svg { width: auto; height: 22.5px; fill: currentColor; } } @media (min-width: 768px) { justify-content: flex-start; --w: 28px; margin-bottom: 15px; a > svg{ height: 14px; } } }.dekozen-slideshow-scope .hdt-share-button__defaultcolor{ .hdt-social--facebook{ --color-social: #4267B2; } .hdt-social--twitter{ --color-social: #14171A; } .hdt-social--telegram{ --color-social: #31a8e0; } .hdt-social--twitter{ --color-social: #14171A; } .hdt-social--pinterest{ --color-social: #E60023; } .hdt-social--tumblr{ --color-social: #34475c; } .hdt-social--telegram{ --color-social: #31a8e0; } .hdt-social--whatsapp{ --color-social: #25D366; } .hdt-social--linkedin{ --color-social: #0a66c2; } .hdt-social--snapchat{ --color-social: #fffc00; } .hdt-social--tiktok{ --color-social: #010101; } .hdt-social--vimeo{ --color-social: #1ab7ea; } .hdt-social--youtube{ --color-social: #ff0000; } .hdt-social--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%); } }.dekozen-slideshow-scope .hdt-social--email{ --color-social: #5fb7e0; }.dekozen-slideshow-scope .hdt-share-button__wrapp{ display: flex; width: 100%; padding: 4px; gap: 5px; border-radius: var(--rounded-input, 3px); .hdt-share-button__input { width: 100%; padding: 6px 10px; border: none; --height-input: 36px } .hdt-share-button__copy{ min-height: unset; min-width: 70px; --font-size-button: var(--text-sm); --padding-button: 0 15px; --rounded-button: calc(var(--rounded-input, 3px)* .65); } }.dekozen-slideshow-scope .hdt-product__info-container{ container: container_prinfo/inline-size; }.dekozen-slideshow-scope .hdt-product-info-discount{ padding: 20px 16px; border-radius: var(--rounded-sm); display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 10px; row-gap: 10px; .hdt-coundtdown-box hdt-countdown-item{ border-radius: var(--rounded-xs); } .hdt-pr-cd-text{ display: flex; flex-direction: column; justify-content: flex-start; } .hdt-code-coupon-wrap{ display: grid; grid-template-columns: auto 64px; width: 148px; gap: 5px; border: 1px dashed color-mix(in srgb, var(--color-foreground), transparent 60%); border-radius: var(--rounded-input); padding: 4px; .hdt-discount-button__input{ --height-input: 18px; padding-inline: 0; color: inherit; border: none; min-width: 0; max-width: none; line-height: var(--height-input); &:focus{ outline: none; } } .hdt-discount-button__copy{ display: flex; --font-size-button: var(--text-sm); --padding-button: 0 10px; --gap-btn-icon: 5px; --height-btn: 18px; --rounded-button: calc(var(--rounded-input)* .65); align-items: center; min-height: unset; white-space: nowrap; letter-spacing: 0; > span{ overflow: hidden; text-overflow: ellipsis; } .hdt-icon-copy{ flex: 0 0 7px; } } } }@container container_prinfo (width < 390px){.dekozen-slideshow-scope .hdt-product-info-discount{ justify-content: center; flex-direction: column; align-items: center; .hdt-code-coupon-wrap{ margin-inline: auto; } }}.dekozen-slideshow-scope .hdt-coundtdown-product{ --gap-cd: 6px; hdt-countdown-item{ --w-countdown: 51px; --h-countdown: 51px; background: var(--color-btn-primary); color: var(--color-btn-secondary); padding: 5px; border: none; > *{ color: inherit; line-height: 1; } } }.dekozen-slideshow-scope .hdt-form__message-wrapper{ --form-msg-pb: 15px; --form-msg-pi: 15px; &: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: 3px 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(--rounded-xs); } .hdt-form__message { display: inline-flex; align-items: baseline; gap: 8px; color: var(--hdt-msg-color); margin-bottom: 10px; svg { flex-shrink: 0; width: 15px; height: 15px; } } ul { list-style: disc; padding-inline-start: 20px; } > svg { width: 12px; height: 12px; flex: none; margin-top: 3px; } &.hdt-form__message--error{ --hdt-msg-color: var(--color-error-text) } }.dekozen-slideshow-scope form{ .hdt-form__message-wrapper { margin-top: 16px; } }.dekozen-slideshow-scope .hdt-form__message{ display: flex; justify-content: flex-start; gap: 8px; margin-bottom: 5px; &.hdt-form__message--error { --hdt-msg-color: var(--color-error-text); align-items: baseline; } svg { width: 12px; height: 12px; flex: none; margin-top: 3px; } .hdt-success-message { color: var(--color-success-text); } .hdt-error-message { color: var(--color-error-text); } }.dekozen-slideshow-scope .hdt-product-medias{ position: relative; border-radius: var(--rounded-product-media); --thumb-rounded: calc(var(--rounded-product-media)/2); .hdt-product-media__thumb{ .hdt-slider{ --slide-spacing: 8px; --thumb-hover-spacing: 5px; --effect-timming: .25s; } .hdt-thumbnail__media{ --slide-size: var(--slide-size-set); border-radius: var(--thumb-rounded); overflow: hidden; > .hdt-ratio{ --color-shadow: transparent; box-shadow: inset 0 0 0 2px var(--color-shadow); transition: border var(--effect-timming) linear var(--effect-timming); border-radius: var(--thumb-rounded); overflow: hidden; cursor: pointer; > :where(img,svg){ transition: all var(--effect-timming) linear; } } &.is-thumb-selected{ > .hdt-ratio{ --color-shadow: var(--color-foreground); > :where(img,svg){ clip-path: inset(var(--thumb-hover-spacing) round calc(var(--thumb-rounded) * 0.65)); padding: var(--thumb-hover-spacing); } } } } } .hdt-product-media__main{ .hdt-product__media{ overflow: hidden; max-width: var(--mw-media); margin: 0 auto; } .hdt-slide-control-mixed{ position: absolute; inset-inline-end: 18px; inset-block-start: 50%; transform: translateY(-50%); @media (max-width: 767.98px) { display: none; } } .hdt-product-media__zoom{ width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--color-line-border); background-color: var(--color-background); display: inline-flex; align-items: center; justify-content: center; position: absolute; inset-block-start: 15px; inset-inline-end: 18px; pointer-events: none; cursor: pointer; @media (min-width: 1024px){ display: none; } } &:has(.hdt-stamp) .hdt-product-media__zoom{ inset-inline-start: 18px; inset-inline-end: auto; } } .hdt-product-media__thumb{ margin-inline: auto; margin-block-start: 10px; @media (min-width: 768px){ margin-block-start: 24px; } .hdt-slider-dots{ --dots-spacing: 24px; } .hdt-thumbnail__badge { --thumb-badge-size: 26px; --thumb-badge-icon: 12px; --thumb-video-icon: 12px; color: var(--color-btn-secondary); background-color: color-mix(in srgb,var(--color-btn-secondary),transparent 80%); -webkit-backdrop-filter: blur(4px); 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 rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; border-radius: var(--rounded-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--thumbnail_bottom .hdt-product-media__thumb{ max-width: 100%; width: 556px; } .hdt-product-media__view-in-space{ margin-top: 15px; --font-size-button: var(--text-base); background-color: color-mix(in srgb,var(--color-foreground),transparent 92%); color: var(--color-foreground); transition: none; svg.hdt-icon { height: 25px; width: 25px; fill: transparent; .icon-3d-badge-full-color-element { fill: var(--color-foreground); opacity: 1; } } &:after{display: none;} @media (min-width: 1024px) { display: none; } } @media (max-width: 1149.98px) { .hdt-product-media__thumb{ max-width: 100%; width: 556px; } } &.hdt-product-media--dots[layout-mb='thumbnails'] .hdt-product-media__thumb .hdt-slider-dots{display: none;} @media (min-width: 768px){ &.hdt-product-media--dots[layout-mb='thumbnails'] .hdt-product-media__thumb .hdt-slider-dots{ display: flex; } &[layout="dots"] .hdt-product-media__thumb .hdt-slider-thumb, &[layout="thumbnail_bottom"] .hdt-product-media__thumb .hdt-slider-dots, &[layout="thumbnail_left"] .hdt-product-media__thumb .hdt-slider-dots, &[layout="thumbnail_right"] .hdt-product-media__thumb .hdt-slider-dots{display: none;} } @media (min-width: 992px) { &[layout="stacked"] .hdt-product-media__thumb, &[layout="columns"] .hdt-product-media__thumb, &[layout="column_sticky"] .hdt-product-media__thumb{display: none;} } }@supports (justify-content: safe center) and (text-wrap: balance) {.dekozen-slideshow-scope .hdt-product-medias{ @media (max-width: 767.98px){ &[layout-mb="thumbnails"] .hdt-slider-thumb .hdt-slider__container { justify-content: safe center; } } @media (min-width: 768px){ &[layout="thumbnail_bottom"] .hdt-slider-thumb .hdt-slider__container { justify-content: safe center; } } }}.dekozen-slideshow-scope .hdt-product-medias[image-zoom=lightbox] .hdt-product__media{ cursor: var(--cursor-zoom-in-icon) 22 22,zoom-in; }.dekozen-slideshow-scope .hdt-product-media--column_sticky .hdt-product-media__thumb{ display: block; }.dekozen-slideshow-scope .hdt-product-media--column_sticky .hdt-product-media-rounded, .dekozen-slideshow-scope .hdt-product-media--stacked .hdt-product-media-rounded, .dekozen-slideshow-scope .hdt-product-media--columns .hdt-product-media-rounded{ border-radius: clamp(0px,var(--rounded-product-media),var(--media-gap, 0px)) }@media (min-width: 768px){.dekozen-slideshow-scope .hdt-product-medias .hdt-product-media__thumb .hdt-slider{ --slide-spacing: 20px; --thumb-hover-spacing: 8px; }.dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_left .hdt-product-media__thumb .hdt-slider, .dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_bottom .hdt-product-media__thumb .hdt-slider, .dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_right .hdt-product-media__thumb .hdt-slider{ --slide-spacing: 16px; display: block; }.dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_left, .dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_right{ display: grid; gap: var(--slide-spacing, 12px); .hdt-product-media__main{ grid-area: pr-media-main; } .hdt-product-media__thumb{ grid-area: pr-media-thumb; width: 100%; margin-block-start: 0; .hdt-slider__container{ flex-direction: column; align-items: normal; transition: height .2s,max-height .2s; margin-inline-start: 0; margin-block-start: calc(var(--slide-spacing) * -1); .hdt-thumbnail__media{ padding-block-start: var(--slide-spacing); padding-inline-start: 0; } } } }.dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_left{ grid-template: "pr-media-thumb pr-media-main" / 114px minmax(0,1fr); }.dekozen-slideshow-scope .hdt-product-medias.hdt-product-media--thumbnail_right{ grid-template: "pr-media-main pr-media-thumb" / minmax(0,1fr) 114px; }}@media (min-width: 992px) {.dekozen-slideshow-scope .hdt-product-media--columns .hdt-product-media__main .hdt-slider__container{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--media-gap); border-radius: 0; position: relative; overflow: hidden; transform: translateZ(0); }.dekozen-slideshow-scope .hdt-product-media--columns .hdt-product-media__main.hdt-columns-layout-columns_big_1st .hdt-slider__slide:first-child{ grid-column: span 2; }.dekozen-slideshow-scope .hdt-media--coloum-sticky .hdt-media-list .hdt-slider__container{ display: grid; gap: var(--media-gap); grid-template-columns: repeat(2, minmax(0, 1fr)); }.dekozen-slideshow-scope .hdt-product-media--column_sticky .hdt-product-media__thumb{ display: none; }.dekozen-slideshow-scope .hdt-product-media--stacked .hdt-product-media__main .hdt-slider__container{ display: grid; grid-template-columns: 1fr; gap: var(--media-gap); }}@media (min-width: 1150px){.dekozen-slideshow-scope .hdt-media--coloum-sticky{ display: grid; grid-template-columns: 1fr 0.33fr; gap: 12px; .hdt-media-sticky{ position: sticky; top: 30px; align-self: flex-start; display: grid; &.hdt-sticky__slide{ display: block!important; grid-area: 1/-1; transition: opacity 0.3s ease; &[hidden]{ opacity: 0; } } } .hdt-media-list{ .hdt-product__media-item.hdt-media-first{ display: none; } .hdt-slider__container{ grid-template-columns: repeat(1, minmax(0, 1fr)); } } }}.dekozen-slideshow-scope .hdt-quick-view-modal{ max-width: min(920px,90vw); width: 100%; width: 100%; padding: 20px 0 15px 20px; border-radius: var(--rounded); @supports (height: 100dvh) { max-height: calc(100dvh - 50px); } .hdt-modal__inner { padding: 0 15px 0 0; [circle-bg-wrap]{overflow: hidden;} } .hdt-main-product{ grid: var(--product-layout); .hdt-product-medias{ top: 0; } .hdt-product__info-wrapp { border-radius: 0; border: none; padding: 0; top: 0; .hdt-quantity-wrapp{ background: var(--color-background2); button{ background: var(--color-background2); } } .hdt-product__title > .hdt-h4{ font-size: var(--h5-size); } } .hdt-slide-control-mixed{ padding: var(--spacing-0-4); --size: 16px; &.hdt-slide-controls-vertical { hdt-slider-progress { width: 2.1px; height: 30px; } } } .hdt-product-media__zoom{display: none;} } > .hdt-close-dialog-btn{ display: none; } .hdt-dialog-modal__header{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px 20px 0; } &.hdt-modal--blur{ --color-background2: rgb(var(--color-text-rgb) / 20%); svg.hdt-icon-arrow-long{ .hdt-arrow-path{ fill: var(--color-background); } } } }@media (min-width: 768px) {.dekozen-slideshow-scope .hdt-quick-view-modal{ .hdt-product-medias { padding-inline-end: 0; .hdt-product-media__thumb { --thumb-rounded: calc(var(--rounded-product-media)/4); padding-inline: 38px; margin-block-start: 12px; .hdt-slider { --slide-spacing: 16px; --thumb-hover-spacing: 5px; } } } .hdt-main-product{ .hdt-product__info-wrapp { .hdt-product__info-container{ padding-inline-end: 34px; } .hdt-product__title > .hdt-h4{ font-size: var(--h5-size-xl); } } } }.dekozen-slideshow-scope .hdt-quick-view-modal{ overflow: hidden; padding: 64px 0 34px 34px; max-height: 92vh; @media (min-width: 1150px) { padding-top: 44px; } .hdt-dialog-modal__header { display: none; } > .hdt-close-dialog-btn{ display: inline-flex; position: absolute; top: 13px; inset-inline-end: 14px; } }}.dekozen-slideshow-scope .content-for-layout .shopify-policy__container{ padding: 40px 15px; max-width: 100%; }.dekozen-slideshow-scope .shopify-policy__title{ padding-block: 0 40px; h1 { --heading-size: var(--h4-size); } }.dekozen-slideshow-scope .pc--show-email-field input[type="checkbox"]{ margin-block-start: 3px; }@media only screen and (min-width: 768px) {.dekozen-slideshow-scope .content-for-layout .shopify-policy__container{ max-width: min(100%,var(--container-max-width-padding-md, 110%)); padding: 50px 30px 60px; }}@media only screen and (min-width: 1150px) {.dekozen-slideshow-scope .content-for-layout .shopify-policy__container{ max-width: var(--container-max-width-padding-xl); padding: 50px 30px 70px; }.dekozen-slideshow-scope .shopify-policy__title{ padding-block: 0 50px; h1 { --heading-size: var(--h4-size-xl); } }}