.cd-hdd{--cd-hdd-bg: #070707;--cd-hdd-text: #f3f3f0;--cd-hdd-pin-image-w: 360px;--cd-hdd-pin-image-h: 440px;--cd-hdd-top-slot: 138px;--cd-hdd-bottom-slot: 132px;--cd-hdd-header-safe: 92px;--cd-hdd-media-scale: .965;--cd-hdd-media-y: 0px;--cd-hdd-media-correct-x: 0px;--cd-hdd-media-correct-y: 0px;--cd-hdd-media-opacity: 1;--cd-hdd-fixed-scale: .965;--cd-hdd-fixed-y: 0px;--cd-hdd-fixed-opacity: 0;--cd-hdd-stack-y: 0px;--cd-hdd-title-top-opacity: 0;--cd-hdd-title-top-y: 38px;--cd-hdd-title-bottom-opacity: 0;--cd-hdd-title-bottom-y: -38px;--cd-hdd-side-opacity: 0;--cd-hdd-side-left-y: 44px;--cd-hdd-side-right-y: 44px;position:relative;z-index:1;background:var(--cd-hdd-bg);color:var(--cd-hdd-text);overflow:visible;isolation:isolate}.cd-hdd.is-pre-pinning{z-index:20}.cd-hdd__scroll-space{position:relative;z-index:1;min-height:calc(200svh + var(--cd-hdd-pin-extra-desktop))}.cd-hdd__sticky-shell{position:sticky;top:0;z-index:2;width:100%;min-height:100svh;overflow:hidden}.cd-hdd__scene{position:relative;width:100%;min-height:100svh;display:grid;place-items:center;padding:0 24px}.cd-hdd__title-stack{position:relative;z-index:2;width:min(100%,980px);min-height:100svh;display:grid;justify-items:center;align-content:center;grid-template-rows:var(--cd-hdd-top-slot) var(--cd-hdd-pin-image-h) var(--cd-hdd-bottom-slot);transform:translate3d(0,var(--cd-hdd-stack-y),0);will-change:transform}.cd-hdd__title-slot{width:100%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cd-hdd__title-slot--bottom{align-items:flex-start}.cd-hdd__title{margin:0;color:var(--cd-hdd-text);font-weight:400;letter-spacing:-.045em;line-height:1.15;font-size:clamp(72px,8.5vw,110px);text-align:center;will-change:opacity,transform;backface-visibility:hidden}.cd-hdd__title--top{opacity:var(--cd-hdd-title-top-opacity);transform:translate3d(0,var(--cd-hdd-title-top-y),0)}.cd-hdd__title--bottom{opacity:var(--cd-hdd-title-bottom-opacity);transform:translate3d(0,var(--cd-hdd-title-bottom-y),0)}.cd-hdd__media,.cd-hdd__fixed-media{width:var(--cd-hdd-pin-image-w);height:var(--cd-hdd-pin-image-h);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;contain:layout paint}@media(max-width:768px){.cd-hdd__media,.cd-hdd__fixed-media{width:320px;height:416px}}.cd-hdd__media{opacity:var(--cd-hdd-media-opacity);transform:translate3d(var(--cd-hdd-media-correct-x),calc(var(--cd-hdd-media-y) + var(--cd-hdd-media-correct-y)),0) scale(var(--cd-hdd-media-scale))}.cd-hdd__fixed-media{position:fixed;top:50svh;left:50vw;z-index:50;opacity:var(--cd-hdd-fixed-opacity);visibility:hidden;pointer-events:none;transform:translate3d(-50%,calc(-50% + var(--cd-hdd-fixed-y)),0) scale(var(--cd-hdd-fixed-scale))}.cd-hdd.is-pre-pinning .cd-hdd__fixed-media,.cd-hdd.is-handoff-active .cd-hdd__fixed-media{visibility:visible}.cd-hdd__media-image,.cd-hdd__media .cd-hdd__media-image,.cd-hdd__fixed-media .cd-hdd__media-image{width:100%;height:100%;display:block;object-fit:contain}.cd-hdd__media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.28);color:#ffffffb8;font-size:14px;letter-spacing:.02em}.cd-hdd__side-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:min(100%,1240px);margin:0 auto;padding:var(--cd-hdd-header-safe) clamp(28px,4vw,64px) 56px;display:grid;grid-template-columns:minmax(0,1fr) var(--cd-hdd-pin-image-w) minmax(0,1fr);column-gap:clamp(32px,6vw,88px);align-items:center;pointer-events:none;opacity:var(--cd-hdd-side-opacity)}.cd-hdd__side-title{grid-column:1;margin:0;color:var(--cd-hdd-text);font-weight:400;letter-spacing:-.05em;line-height:.9;font-size:clamp(72px,8vw,118px);transform:translate3d(0,var(--cd-hdd-side-left-y),0);will-change:opacity,transform}.cd-hdd__side-title span{display:block}.cd-hdd__side-copy{grid-column:3;max-width:360px;color:var(--cd-hdd-text);font-size:clamp(16px,1.35vw,20px);line-height:1.35;letter-spacing:-.02em;transform:translate3d(0,var(--cd-hdd-side-right-y),0);will-change:opacity,transform}.cd-hdd__side-copy :first-child{margin-top:0}.cd-hdd__side-copy :last-child{margin-bottom:0}.cd-hdd--has-support .cd-hdd__title-stack{z-index:3}html.cd-hdd-force-header-light .cd-hero-header__wrapper{--h-text-color: #ffffff;--h-text-color-hover: rgba(255, 255, 255, .78)}html.cd-hdd-force-header-light .cd-hero-header__wrapper,html.cd-hdd-force-header-light .cd-hero-header__nav-link,html.cd-hdd-force-header-light .cd-hero-header__cart-link,html.cd-hdd-force-header-light .cd-hero-header__menu-trigger,html.cd-hdd-force-header-light .cd-hero-header__menu-trigger svg,html.cd-hdd-force-header-light .cd-hero-header__cart-link svg,html.cd-hdd-force-header-light .t4s-push-menu-btn,html.cd-hdd-force-header-light .t4s-push-menu-btn svg{color:#fff!important;stroke:currentColor}html.cd-hdd-force-header-light .cd-hero-header__logo--dark img,html.cd-hdd-force-header-light .cd-hero-header__logo--dark svg{filter:brightness(0) invert(1)}@media(min-width:1025px){.cd-hdd--has-support .cd-hdd__title-slot{visibility:hidden}}@media(max-width:1024px){.cd-hdd{--cd-hdd-pin-image-w: min(340px, calc(100vw - 36px) );--cd-hdd-pin-image-h: min(442px, calc((100vw - 36px)*1.3) );--cd-hdd-top-slot: 112px;--cd-hdd-bottom-slot: 112px;--cd-hdd-header-safe: 86px;--cd-hdd-title-top-y: 30px;--cd-hdd-title-bottom-y: -30px}.cd-hdd__scroll-space{min-height:calc(190svh + var(--cd-hdd-pin-extra-mobile))}.cd-hdd__scene{padding:0 16px}.cd-hdd__title-stack{width:min(100%,680px);grid-template-rows:var(--cd-hdd-top-slot) var(--cd-hdd-pin-image-h) var(--cd-hdd-bottom-slot)}.cd-hdd__title{font-size:clamp(48px,12vw,66px);letter-spacing:-.04em}.cd-hdd__side-content{position:relative;z-index:4;inset:auto;width:min(100%,680px);display:block;padding:20px 18px 0;opacity:var(--cd-hdd-side-opacity)}.cd-hdd__side-title{display:none}.cd-hdd__side-copy{max-width:340px;margin:0 auto;text-align:center;font-size:15px;line-height:1.4;transform:translate3d(0,var(--cd-hdd-side-right-y),0)}}@media(max-width:767px){.cd-hdd{--cd-hdd-pin-image-w: min(340px, calc(100vw - 36px) );--cd-hdd-pin-image-h: min(442px, calc((100vw - 36px)*1.3) );--cd-hdd-top-slot: 104px;--cd-hdd-bottom-slot: 104px;--cd-hdd-header-safe: 82px}.cd-hdd__title-stack{grid-template-rows:var(--cd-hdd-top-slot) var(--cd-hdd-pin-image-h) var(--cd-hdd-bottom-slot)}}@media(max-width:430px){.cd-hdd{--cd-hdd-pin-image-w: min(340px, calc(100vw - 36px) );--cd-hdd-pin-image-h: min(442px, calc((100vw - 36px)*1.3) )}}@media(prefers-reduced-motion:reduce){.cd-hdd,.cd-hdd *{scroll-behavior:auto!important}.cd-hdd__media,.cd-hdd__fixed-media,.cd-hdd__title,.cd-hdd__title-stack,.cd-hdd__side-title,.cd-hdd__side-copy{will-change:auto}}.cd-hdd [data-cd-hdd-lineflow]{display:inline-block;overflow:hidden;vertical-align:baseline}.cd-hdd__side-title [data-cd-hdd-lineflow]{display:block}.cd-hdd .cd-hdd-line__char{display:inline-block;transform:translate3d(0,calc((1 - var(--cd-hdd-char-progress, 1)) * .78em),0) rotate(calc((1 - var(--cd-hdd-char-progress, 1)) * 2deg));opacity:var(--cd-hdd-char-progress, 1);will-change:transform,opacity;backface-visibility:hidden}.cd-hdd .cd-hdd-line__char--space{width:.28em}.cd-hdd [data-cd-hdd-reveal]{will-change:transform,opacity}html.cd-home-surface-ready body.template-index .cd-hdd{color:var(--cd-hdd-text, var(--cd-home-surface-fg))}@media(prefers-reduced-motion:reduce){.cd-hdd .cd-hdd-line__char{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/cleerdent-home-disinfect-dry.css.map */