.hh-usage{padding:24px 0 0;scroll-margin-top:90px}.hh-usage .hh-breadcrumb{margin-bottom:40px}.hh-usage__head{gap:14px;max-width:900px}.hh-usage__head .hh-lead{max-width:640px}.hh-usage__switch{display:inline-flex;gap:6px;margin-top:40px;padding:6px;border:1px solid var(--hh-line);border-radius:999px;background:var(--hh-white)}.hh-usage__tab{padding:12px 22px;border:0;border-radius:999px;background:transparent;color:var(--hh-aubergine);font:inherit;font-size:15px;line-height:1.2;cursor:pointer;transition:background-color .2s,color .2s}.hh-usage__tab:hover{background:var(--hh-lavender-50)}.hh-usage__tab.is-active{background:var(--hh-aubergine);color:var(--hh-white)}.hh-usage__tab:focus-visible{outline:2px solid var(--hh-violet);outline-offset:2px}.hh-usage__panel{margin-top:48px}.hh-usage__panel[hidden]{display:none}.hh-tips{padding:64px 0 104px}.hh-tips__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.hh-tips__card{display:grid;gap:10px;align-content:start;padding:28px 28px 32px;border-radius:20px;background:var(--hh-lavender-50)}.hh-tips__card .hh-h4{color:var(--hh-aubergine)}.hh-infographic{padding:88px 0}.hh-infographic__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:64px;align-items:center}.hh-infographic__text{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hh-infographic__text .hh-h2{max-width:520px}.hh-infographic__text .hh-muted{max-width:480px}.hh-infographic__text .hh-btn{margin-top:8px}.hh-infographic__media{display:block;aspect-ratio:560 / 420;border-radius:20px;overflow:hidden;background:#e9def6}.hh-infographic__media img,.hh-infographic__media svg{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .4s ease}.hh-infographic__media:hover img{transform:scale(1.02)}main:has(.hh-usage) .hh-products{padding:104px 0 112px}@media(max-width:989px){.hh-usage{padding-top:16px}.hh-usage .hh-breadcrumb{margin-bottom:20px}.hh-usage__switch{display:flex;width:100%;margin-top:24px}.hh-usage__tab{flex:1 1 0;padding:11px 10px;font-size:14px;white-space:nowrap}.hh-usage__tab-extra{display:none}.hh-usage__panel{margin-top:24px}.hh-tips{padding:40px 0 56px}.hh-tips__list{grid-template-columns:minmax(0,1fr);gap:12px}.hh-tips__card{padding:22px 22px 24px}.hh-infographic{padding:56px 0}.hh-infographic__grid{grid-template-columns:minmax(0,1fr);gap:28px}.hh-infographic__media{order:-1;aspect-ratio:4 / 5}.hh-infographic__media img{object-position:50% 50%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hh-usage.css.map */