.hoto-product-story{width:calc(100% - 64px);max-width:1320px;margin:40px auto 0}.ht-story{--ht-acc:#0b7285;--ht-ink:#14181c;--ht-text:#4a5258;--ht-line:#e3e6e8;--ht-soft:#f4f5f6;color:var(--ht-ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;width:100%;max-width:1200px;margin:0 auto;container-type:inline-size;text-align:left;overflow-wrap:anywhere}.ht-story *{box-sizing:border-box}.ht-story :is(h2,h3,h4,p,figure,ul,ol,dl,dd){margin:0;padding:0}.ht-story :is(h2,h3,h4){color:var(--ht-ink);font-weight:700;letter-spacing:-.02em;text-transform:none}.ht-story h2{font-size:clamp(26px,4.2cqi,42px);line-height:1.15}.ht-story h3{font-size:clamp(21px,3cqi,30px);line-height:1.2}.ht-story h4{font-size:18px;line-height:1.35}.ht-story p{color:var(--ht-text);font-size:16px;line-height:1.7}.ht-story p+p{margin-top:10px}.ht-story img{display:block;width:100%;height:auto;border:0;border-radius:14px;background:var(--ht-soft)}.ht-story a{color:var(--ht-acc)}.ht-story .ht-eyebrow{display:block;color:var(--ht-acc);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.ht-story .ht-section{padding:clamp(36px,6cqi,64px) 0;border-top:1px solid var(--ht-line)}.ht-story .ht-head{max-width:720px;margin-bottom:24px}.ht-story .ht-head p{margin-top:10px}.ht-story .ht-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4cqi,48px);align-items:center;background:var(--ht-soft);border-radius:20px;padding:clamp(22px,4cqi,48px)}.ht-story .ht-hero p{margin-top:14px;font-size:17px}.ht-story .ht-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none}.ht-story .ht-chips li{background:#fff;border:1px solid var(--ht-line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:var(--ht-ink)}.ht-story .ht-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:16px 0 0;border:1px solid var(--ht-line);border-radius:16px;overflow:hidden}.ht-story .ht-stats div{padding:16px 18px;border-left:1px solid var(--ht-line)}.ht-story .ht-stats div:first-child{border-left:0}.ht-story .ht-stats b{display:block;font-size:clamp(20px,2.8cqi,28px);line-height:1.1;color:var(--ht-ink)}.ht-story .ht-stats span{display:block;font-size:13px;color:var(--ht-text);margin-top:4px}.ht-story .ht-nav{display:flex;gap:8px;overflow-x:auto;padding:16px 0;margin:0;list-style:none;scrollbar-width:none}.ht-story .ht-nav::-webkit-scrollbar{display:none}.ht-story .ht-nav a{flex:none;display:block;padding:7px 14px;border-radius:999px;background:var(--ht-soft);color:var(--ht-ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.ht-story .ht-tests{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none}.ht-story .ht-tests li{background:var(--ht-soft);border-radius:14px;padding:16px}.ht-story .ht-tests b{display:block;font-size:clamp(24px,3.2cqi,32px);line-height:1;color:var(--ht-acc)}.ht-story .ht-tests strong{display:block;margin-top:8px;font-size:16px}.ht-story .ht-tests span{display:block;font-size:13px;color:var(--ht-text);margin-top:2px;line-height:1.45}.ht-story .ht-note{font-size:13px!important;margin-top:12px}.ht-story .ht-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4cqi,48px);align-items:center}.ht-story .ht-feature+.ht-feature{margin-top:clamp(28px,5cqi,56px)}.ht-story .ht-feature.ht-rev figure{order:2}.ht-story .ht-feature ul{margin-top:14px;padding-left:20px}.ht-story .ht-feature li{color:var(--ht-text);margin-top:6px}.ht-story .ht-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ht-story .ht-uses figcaption{font-weight:600;margin-top:8px;font-size:15px}.ht-story .ht-box{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4cqi,40px);align-items:start}.ht-story .ht-box ol{columns:2;column-gap:24px;padding-left:22px}.ht-story .ht-box li{color:var(--ht-text);break-inside:avoid;margin-bottom:6px}.ht-story .ht-specs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ht-line)}.ht-story .ht-specs div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--ht-line)}.ht-story .ht-specs div:nth-child(odd){padding-right:24px}.ht-story .ht-specs dt{font-weight:600;font-size:14px}.ht-story .ht-specs dd{color:var(--ht-text);font-size:14px}.ht-story details{border-bottom:1px solid var(--ht-line)}.ht-story summary{cursor:pointer;list-style:none;padding:16px 32px 16px 0;font-weight:600;font-size:16px;position:relative}.ht-story summary::-webkit-details-marker{display:none}.ht-story summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--ht-acc)}.ht-story details[open] summary:after{content:"-"}.ht-story details p{padding:0 0 16px}.ht-story .ht-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;background:var(--ht-ink);border-radius:18px;padding:clamp(18px,3cqi,28px)}.ht-story .ht-trust li{color:#fff;font-size:14px;line-height:1.45}.ht-story .ht-trust b{display:block;color:#fff;font-size:15px}.ht-story .ht-trust span{color:#b9c2c7}.ht-story .ht-feature.ht-noimg{grid-template-columns:1fr;max-width:780px}.ht-story .ht-stats.ht-s2{grid-template-columns:1fr 1fr}.ht-story .ht-uses figcaption,.ht-story figure figcaption{color:var(--ht-ink)}.ht-story .ht-box.ht-noimg{grid-template-columns:1fr}.ht-story [id^=ht-]{scroll-margin-top:100px}@container (max-width:700px){.ht-story .ht-hero,.ht-story .ht-feature,.ht-story .ht-box{grid-template-columns:1fr}.ht-story .ht-hero figure{order:-1}.ht-story .ht-feature.ht-rev figure{order:0}.ht-story .ht-stats{grid-template-columns:1fr 1fr}.ht-story .ht-stats div:nth-child(3){border-left:0}.ht-story .ht-stats div:nth-child(n+3){border-top:1px solid var(--ht-line)}.ht-story .ht-tests,.ht-story .ht-uses{grid-template-columns:1fr 1fr}.ht-story .ht-uses figure:last-child{grid-column:1/-1}.ht-story .ht-specs{grid-template-columns:1fr}.ht-story .ht-specs div:nth-child(odd){padding-right:0}.ht-story .ht-specs div{grid-template-columns:34% 1fr}.ht-story .ht-trust{grid-template-columns:1fr 1fr}}@container (max-width:380px){.ht-story .ht-box ol{columns:1}}@media(max-width:749px){.hoto-product-story{width:calc(100% - 36px);margin-top:28px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hoto-product-story.css.map */