.hh-product-story,.hh-product-story *,.hh-product-story *:before,.hh-product-story *:after{box-sizing:border-box}.hh-product-story{width:100%;padding:var(--hhps-section-padding) clamp(14px,3vw,28px);background:var(--hhps-section-bg);color:var(--hhps-text-color)}.hh-product-story__outer{width:100%;max-width:var(--hhps-max-width);margin-inline:auto}.hh-product-story__card{width:100%;overflow:hidden;border:var(--hhps-border-width) solid var(--hhps-border-color);border-radius:var(--hhps-radius);background:var(--hhps-card-bg)}.hh-product-story__media{position:relative;margin:var(--hhps-media-inset) var(--hhps-media-inset) 0;overflow:hidden;border-radius:max(0px,calc(var(--hhps-radius) - var(--hhps-media-inset)));background:#f4f4f4}.hh-product-story__media--square{aspect-ratio:1 / 1}.hh-product-story__media--landscape{aspect-ratio:4 / 3}.hh-product-story__media--portrait{aspect-ratio:3 / 4}.hh-product-story__media--landscape-3-2{aspect-ratio:3 / 2}.hh-product-story__media--portrait-2-3{aspect-ratio:2 / 3}.hh-product-story__media--wide{aspect-ratio:16 / 9}.hh-product-story__media--portrait-9-16{aspect-ratio:9 / 16}.hh-product-story__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hh-product-story__content{padding:var(--hhps-image-content-gap) clamp(20px,5vw,var(--hhps-content-padding)) clamp(24px,5vw,var(--hhps-content-padding))}.hh-product-story__heading{margin:0 0 20px;color:var(--hhps-heading-color);font:inherit;font-size:var(--hhps-heading-size);font-weight:var(--hhps-heading-weight);line-height:1.22;letter-spacing:-.015em;width:100%;max-width:none;text-wrap:wrap}.hh-product-story__text{color:var(--hhps-text-color);font:inherit;font-size:var(--hhps-body-size);font-weight:400;line-height:var(--hhps-body-line-height);width:100%;max-width:none;text-wrap:wrap}.hh-product-story__text p{width:100%;max-width:none;margin:0;font:inherit}.hh-product-story__text>*+*{margin-top:.8em}.hh-product-story__text strong,.hh-product-story__text b{font-weight:700}.hh-product-story__features{display:grid;gap:var(--hhps-feature-gap);width:100%;margin:28px 0 0;padding:0;list-style:none}.hh-product-story__feature{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;width:100%;padding:var(--hhps-feature-padding);border:var(--hhps-feature-border-width) solid var(--hhps-feature-border-color);border-radius:var(--hhps-feature-radius);background:var(--hhps-feature-bg);color:var(--hhps-feature-color)}.hh-product-story__icon{display:grid;place-items:center;width:calc(var(--hhps-icon-size) + 12px);height:calc(var(--hhps-icon-size) + 12px);border-radius:50%;background:var(--hhps-icon-bg);color:var(--hhps-icon-color)}.hh-product-story__icon svg{display:block;width:var(--hhps-icon-size);height:var(--hhps-icon-size);fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.hh-product-story__custom-icon{display:block;width:var(--hhps-icon-size);height:var(--hhps-icon-size);object-fit:contain;border-radius:var(--hhps-custom-icon-radius, 0px)}.hh-product-story__feature-content{min-width:0}.hh-product-story__feature-title{display:block;margin:0;color:var(--hhps-feature-color);font:inherit;font-size:var(--hhps-feature-size);font-weight:var(--hhps-feature-weight);line-height:1.4}.hh-product-story__feature-text{margin-top:3px;color:var(--hhps-feature-color);font:inherit;font-size:var(--hhps-feature-size);font-weight:400;line-height:1.45}.hh-product-story__feature-text p{margin:0;font:inherit}.hh-product-story__feature-text strong,.hh-product-story__feature-text b{font-weight:var(--hhps-feature-weight)}.hh-product-story__button-wrap{display:flex;width:100%;margin-top:var(--hhps-btn-margin-top, 24px);margin-bottom:var(--hhps-btn-margin-bottom, 0px)}.hh-product-story__button-wrap--left{justify-content:flex-start}.hh-product-story__button-wrap--center{justify-content:center}.hh-product-story__button-wrap--right{justify-content:flex-end}.hh-product-story__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--hhps-btn-gap, 12px);width:100%;max-width:var(--hhps-btn-width, 300px);padding:var(--hhps-btn-pad-y, 12px) var(--hhps-btn-pad-x, 20px);border:var(--hhps-btn-border-width, 1px) solid var(--hhps-btn-border-color, currentColor);border-radius:var(--hhps-btn-radius, 999px);background:var(--hhps-btn-bg, #f8f5f0);color:var(--hhps-btn-color, #1c1c1c);font:inherit;font-size:var(--hhps-btn-font-size, 14px);font-weight:var(--hhps-btn-font-weight, 400);line-height:1.2;text-decoration:none;transition:transform .2s ease,opacity .2s ease,color .2s ease,border-color .2s ease}.hh-product-story__button-wrap--style-bedrop .hh-product-story__button{width:auto;max-width:none;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:var(--hhps-btn-color, #1c1c1c);line-height:1.25}a.hh-product-story__button:hover{transform:translateY(-1px);opacity:.78}.hh-product-story__button-wrap--style-bedrop a.hh-product-story__button:hover{transform:none;opacity:.72}.hh-product-story__button-arrow{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;font-size:1.25em;line-height:1;transition:transform .2s ease}.hh-product-story__button-wrap--style-bedrop a.hh-product-story__button:hover .hh-product-story__button-arrow{transform:translate(2px)}.hh-product-story__button:focus-visible{outline:2px solid var(--hhps-btn-color, #458ee2);outline-offset:3px}@media screen and (max-width:749px){.hh-product-story{padding:var(--hhps-section-padding-mobile) 10px}.hh-product-story__heading{font-size:var(--hhps-heading-size-mobile)}.hh-product-story__text{font-size:var(--hhps-body-size-mobile)}.hh-product-story__feature-title,.hh-product-story__feature-text{font-size:var(--hhps-feature-size-mobile)}.hh-product-story__feature{gap:13px}}@media screen and (max-width:390px){.hh-product-story{padding-inline:6px}.hh-product-story__feature{gap:11px}}@media(prefers-reduced-motion:reduce){.hh-product-story__button,.hh-product-story__button-arrow{transition:none}}hh-product-comparison{display:block}.hh-compare{background:var(--hh-bg);color:var(--hh-text);padding:var(--hh-padding-y) clamp(16px,4vw,32px);overflow:hidden;content-visibility:auto;contain-intrinsic-size:680px}.hh-compare,.hh-compare *,.hh-compare *:before,.hh-compare *:after{box-sizing:border-box}.hh-compare__inner{width:100%;max-width:var(--hh-max-width);margin-inline:auto}.hh-compare__header{width:min(100%,680px);margin-inline:auto;text-align:center}.hh-compare__heading{margin:0;color:var(--hh-heading);font:inherit;font-size:var(--hh-heading-size);font-weight:var(--hh-heading-weight);line-height:1.15;text-wrap:balance}.hh-compare__intro{margin-top:14px;color:var(--hh-text);font:inherit;font-size:var(--hh-body-size);font-weight:var(--hh-body-weight);line-height:1.5;text-wrap:pretty}.hh-compare__intro p{font-weight:inherit}.hh-compare__intro>:first-child,.hh-compare__feature-text>:first-child{margin-top:0}.hh-compare__intro>:last-child,.hh-compare__feature-text>:last-child{margin-bottom:0}.hh-compare__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,var(--hh-tabs-width));margin:30px auto 56px;padding:2px;border:1px solid var(--hh-accent);border-radius:var(--hh-tab-radius);background:var(--hh-inactive-bg);overflow:hidden}.hh-compare__tab{display:grid;place-items:center;min-width:0;min-height:50px;padding:8px 14px;border:0;border-radius:max(0px,calc(var(--hh-tab-radius) - 3px));background:var(--hh-inactive-bg);color:var(--hh-text);font:inherit;font-size:16px;font-weight:var(--hh-tab-weight);line-height:1.15;text-align:center;cursor:pointer;transition:background-color .18s ease,color .18s ease,opacity .18s ease;-webkit-tap-highlight-color:transparent}.hh-compare__tab:hover{opacity:.9}.hh-compare__tab.is-active{background:var(--hh-accent);color:var(--hh-active-text)}.hh-compare__tab:focus-visible{outline:2px solid var(--hh-accent);outline-offset:3px}.hh-compare__panel[hidden]{display:none}.hh-compare__panel.is-active{animation:hhCompareFade .22s ease-out}.hh-compare__grid{display:grid;grid-template-columns:minmax(120px,1fr) var(--hh-media-size) minmax(120px,1fr);align-items:center;gap:var(--hh-column-gap)}.hh-compare__features{display:flex;flex-direction:column;justify-content:space-around;min-width:0;min-height:calc(var(--hh-media-size) * .92);gap:clamp(24px,4vw,44px);margin:0;padding:0;list-style:none}.hh-compare__features--left{align-items:flex-end}.hh-compare__features--right{align-items:flex-start}.hh-compare__feature{position:relative;width:min(100%,200px);color:var(--hh-feature);font:inherit;font-size:var(--hh-feature-size);font-weight:var(--hh-feature-weight);line-height:1.25;overflow-wrap:anywhere}.hh-compare__features--left .hh-compare__feature{text-align:right}.hh-compare__features--right .hh-compare__feature{text-align:left}.hh-compare__feature-title{display:block;font-weight:var(--hh-feature-weight)}.hh-compare__feature-text{margin-top:3px;font-weight:var(--hh-feature-weight)}.hh-compare__feature-text p{font-weight:inherit}.hh-compare__arrow{position:absolute;top:calc(50% + var(--hh-arrow-y-local));width:var(--hh-arrow-length-local);height:var(--hh-arrow-height-local);color:var(--hh-arrow-color);pointer-events:none;z-index:2}.hh-compare__arrow svg{display:block;width:100%;height:100%;overflow:visible}.hh-compare__arrow-curve,.hh-compare__arrow-tip{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hh-compare__features--left .hh-compare__arrow{left:calc(100% + var(--hh-arrow-gap-local));transform:translateY(-50%) scaleX(-1);transform-origin:center}.hh-compare__features--right .hh-compare__arrow{right:calc(100% + var(--hh-arrow-gap-local));transform:translateY(-50%);transform-origin:center}.hh-compare__features--left .hh-arrow-curve--down .hh-compare__arrow{transform:translateY(-50%) scale(-1)}.hh-compare__features--right .hh-arrow-curve--down .hh-compare__arrow{transform:translateY(-50%) scaleY(-1)}.hh-compare__media-wrap{display:grid;place-items:center;width:var(--hh-media-size);height:var(--hh-media-size);margin-inline:auto}.hh-compare__media-bg{display:grid;place-items:center;width:100%;height:100%;border-radius:50%}.hh-compare__media-bg--1{background:var(--hh-tab1-media-bg)}.hh-compare__media-bg--2{background:var(--hh-tab2-media-bg)}.hh-compare__image{display:block;width:min(78%,280px);height:auto;max-height:112%;object-fit:contain}.hh-compare__placeholder{width:68%;height:68%;opacity:.3}@keyframes hhCompareFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.hh-compare{padding-block:var(--hh-padding-y-mobile);padding-inline:14px;contain-intrinsic-size:520px}.hh-compare__heading{font-size:var(--hh-heading-size-mobile)}.hh-compare__intro{font-size:var(--hh-body-size-mobile)}.hh-compare__tabs{margin:24px auto 38px}.hh-compare__tab{min-height:44px;padding-inline:8px;font-size:14px}.hh-compare__grid{grid-template-columns:minmax(0,1fr) var(--hh-media-size-mobile) minmax(0,1fr);gap:6px}.hh-compare__media-wrap{width:var(--hh-media-size-mobile);height:var(--hh-media-size-mobile)}.hh-compare__image{width:80%;max-height:115%}.hh-compare__features{min-height:calc(var(--hh-media-size-mobile) * 1.15);gap:18px}.hh-compare__feature{width:100%;font-size:var(--hh-feature-size-mobile)}.hh-compare__arrow{width:min(var(--hh-arrow-length-local),34px);height:min(var(--hh-arrow-height-local),24px)}.hh-compare__features--left .hh-compare__arrow{left:calc(100% + min(var(--hh-arrow-gap-local),8px))}.hh-compare__features--right .hh-compare__arrow{right:calc(100% + min(var(--hh-arrow-gap-local),8px))}}@media screen and (max-width:390px){.hh-compare{padding-inline:10px}.hh-compare__grid{gap:4px}}@media(prefers-reduced-motion:reduce){.hh-compare__tab{transition:none}.hh-compare__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/compiled_assets/styles.css.map?subset=AADAAABE */