.hxh{--c:#38C0F0;--c2:#22a8dc;--ink:#191a15;--body:#4a4b45;--mut:#6f6f6f;--wash:#f9f8fe;--tint:#e6f4fb;--tint2:#eef3f8;--line:#e8e7f0;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.hxh *{box-sizing:border-box}.hxh h1,.hxh h2,.hxh h3,.hxh p{margin:0;font-family:inherit;text-transform:none;letter-spacing:0;color:inherit}.hxh a{color:inherit;text-decoration:none}.hxh img{display:block;max-width:none}.hxh-w{margin:0 auto;padding:0 var(--page-padding,24px)}.hxh-sec{padding-top:clamp(72px,8vw,120px)}.hxh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(24px,2.6vw,36px)}.hxh-h2{font-size:clamp(34px,3.1vw,44px);line-height:1.05;font-weight:700;letter-spacing:-.03em}.hxh-lead{font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--body);margin-top:12px!important;max-width:620px}.hxh-lnk{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;white-space:nowrap}.hxh-lnk svg,.hxh-btn svg{transition:transform .2s}.hxh-lnk:hover svg,.hxh-btn:hover svg,a:hover>.hxh-lnk svg{transform:translate(3px)}.hxh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border:0;border-radius:14px;background:var(--c);color:#fff!important;font:600 16px Inter,-apple-system,Segoe UI,Roboto,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s}.hxh-btn:hover{background:var(--c2)}.hxh-btn--ghost{background:#ffffffb8;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px #191a1524}.hxh-btn--ghost:hover{background:#fff}.hxh-btn--white{background:#fff;color:var(--ink)!important}.hxh-btn--white:hover{background:#f2f9fd}.hxh-btn--line{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1.5px #ffffffb3}.hxh-btn--line:hover{background:#ffffff1f}.hxh-price{display:flex;align-items:center;gap:16px;font-size:15px;color:var(--body)}.hxh-price b{font-size:22px;font-weight:700;color:var(--ink);padding-left:16px;border-left:1.5px solid rgba(25,26,21,.16)}.hxh-cta{display:flex;flex-wrap:wrap;gap:12px}.hxh-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hxh-cat{position:relative;height:260px;border-radius:26px;background:var(--tint);overflow:hidden;padding:28px;transition:transform .25s ease}.hxh-cat:nth-child(2n){background:var(--tint2)}.hxh-cat:hover{transform:translateY(-3px)}.hxh-cat h3{font-size:22px;font-weight:700;letter-spacing:-.015em;position:relative;z-index:1}.hxh-cat p{font-size:15px;color:var(--body);margin-top:6px!important;max-width:220px;line-height:1.45;position:relative;z-index:1}.hxh-cat img{position:absolute;right:-10px;bottom:-10px;width:62%;height:auto;transition:transform .35s ease}.hxh-cat:hover img{transform:translate(-6px,-6px)}.hxh-cat--wide img{width:72%;right:-14px;bottom:-14px}.hxh-kits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hxh-kit .hxh-ph{aspect-ratio:1/1;border-radius:26px;background:var(--wash);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:26px;box-shadow:inset 0 0 0 1.5px var(--line)}.hxh-kit .hxh-ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04);transition:transform .35s ease}.hxh-kit:hover .hxh-ph img{transform:scale(1.03)}.hxh-kit h3{font-size:17px;font-weight:600;margin-top:18px!important;line-height:1.35;min-height:46px}.hxh-kit p{font-size:17px;font-weight:700;margin-top:8px!important}.hxh-cl{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;border-radius:32px;background:linear-gradient(160deg,#f9f8fe,#eef4fa);padding:56px 72px;overflow:hidden}.hxh-cl-art{position:relative;height:440px}.hxh-cl-art img{position:absolute;width:min(560px,100%);left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply;filter:brightness(1.05) contrast(1.04);transition:opacity .3s ease}.hxh-cl-art img[hidden]{display:block!important;opacity:0}.hxh-pick{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hxh-pick button{width:48px;height:48px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 -4px 8px #0000001f;position:relative}.hxh-pick button[aria-pressed=true]:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;box-shadow:0 0 0 2px var(--ink)}.hxh-pick button:focus-visible{outline:2px solid var(--c);outline-offset:8px}.hxh-pick-l{font-size:15px;color:var(--mut);margin-top:14px!important}.hxh-cl .hxh-price{margin-top:28px}.hxh-cl .hxh-cta{margin-top:30px}.hxh-cl form{display:contents}.hxh-exp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.hxh-ex .hxh-ph{aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#eef1f4}.hxh-ex .hxh-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.hxh-ex h3{font-size:17px;font-weight:600;margin-top:16px!important}.hxh-ex p{font-size:14px;color:var(--mut);margin-top:4px!important;min-height:20px}.hxh-help{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hxh-hp{border-radius:24px;padding:30px;box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:10px;min-height:230px;transition:box-shadow .2s}.hxh-hp:hover{box-shadow:inset 0 0 0 1.5px var(--c)}.hxh-hp .hxh-ic{width:48px;height:48px;border-radius:14px;background:var(--tint);color:#139bd0;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hxh-hp h3{font-size:19px;font-weight:700}.hxh-hp p{font-size:15px;color:var(--body);line-height:1.55;flex:1}.hxh-ev{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:32px;overflow:hidden;background:var(--wash);box-shadow:inset 0 0 0 1.5px var(--line)}.hxh-ev-t{padding:64px 72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hxh-ev-t .hxh-cta{margin-top:30px}.hxh-ev img{width:100%;height:100%;object-fit:cover;min-height:400px}.hxh-end{padding-bottom:clamp(72px,8vw,120px)}@media(max-width:1100px){.hxh-cats,.hxh-kits{grid-template-columns:repeat(2,minmax(0,1fr))}.hxh-exp{grid-template-columns:repeat(3,minmax(0,1fr))}.hxh-help{grid-template-columns:repeat(2,minmax(0,1fr))}.hxh-cl{grid-template-columns:1fr;padding:40px}.hxh-ev{grid-template-columns:1fr}}@media(max-width:700px){.hxh-head{flex-direction:column;align-items:flex-start;gap:16px}.hxh-cats,.hxh-kits{gap:10px}.hxh-cat{height:190px;padding:18px;border-radius:20px}.hxh-cat h3{font-size:17px}.hxh-cat p{font-size:13px}.hxh-kit .hxh-ph{border-radius:20px;padding:14px}.hxh-kit h3,.hxh-kit p{font-size:15px}.hxh-cl{padding:28px 24px;gap:8px;border-radius:26px}.hxh-cl-art{height:260px}.hxh-cl-art img{width:340px}.hxh-pick{gap:10px}.hxh-pick button{width:42px;height:42px}.hxh-exp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--page-padding,16px));padding:0 var(--page-padding,16px);scrollbar-width:none}.hxh-exp::-webkit-scrollbar{display:none}.hxh-ex{flex:0 0 64%;scroll-snap-align:start}.hxh-help{grid-template-columns:1fr}.hxh-hp{min-height:0}.hxh-ev{border-radius:26px}.hxh-ev-t{padding:32px 24px}.hxh-ev img{min-height:240px}.hxh-price{flex-wrap:wrap;gap:6px 12px;font-size:14px}.hxh-price b{border-left:0;padding-left:0}}@media(prefers-reduced-motion:reduce){.hxh *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/hiteck-home.css.map */