.hayat-install__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.hayat-install__type{display:grid;justify-items:center;gap:8px;padding:10px 8px 12px;border:1.5px solid var(--hayat-line);border-radius:var(--hayat-radius-card);background:var(--hayat-white);color:var(--hayat-navy);font-family:var(--hayat-font);letter-spacing:0;cursor:pointer;transition:border-color var(--hayat-ease),box-shadow var(--hayat-ease),transform var(--hayat-ease)}.hayat-install__type:hover{transform:translateY(-2px)}.hayat-install__type:focus-visible{outline:2px solid var(--hayat-link);outline-offset:2px}.hayat-install__type[aria-pressed=true]{border-color:var(--hayat-navy);box-shadow:0 0 0 4px rgba(var(--hayat-sky-rgb),.35)}.hayat-install__type-art{display:block;width:100%;aspect-ratio:6 / 5;overflow:hidden;border-radius:12px}.hayat-install__type-art img,.hayat-shower-type{display:block;width:100%;height:100%;object-fit:cover}.hayat-install__type-name{font-size:14px;font-weight:var(--hayat-weight-semibold);line-height:1.35;text-align:center}.hayat-install__type[aria-pressed=true] .hayat-install__type-name{font-weight:var(--hayat-weight-bold)}.st-wall{fill:var(--hayat-card)}.st-plate,.st-part{fill:var(--hayat-white);stroke:var(--hayat-navy);stroke-opacity:.6;stroke-width:1.3}.st-pipe,.st-lever{fill:none;stroke:var(--hayat-navy);stroke-opacity:.6;stroke-width:4;stroke-linecap:round}.st-lever{stroke-width:3}.st-hose{fill:none;stroke:var(--hayat-navy);stroke-opacity:.45;stroke-width:3;stroke-linecap:round}.st-spot{fill:var(--hayat-sky);stroke:var(--hayat-navy);stroke-width:1.3;stroke-dasharray:3 2}.st-water{fill:none;stroke:var(--hayat-sky);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:3 4;animation:hayat-install-water .8s linear infinite}.hayat-install__type[aria-pressed=true] .st-spot{animation:hayat-install-spot 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hayat-install__panel{display:none}.hayat-install__panel.is-active{display:block;animation:hayat-install-in .35s ease}.hayat-install__steps{margin-top:0;margin-bottom:0;list-style:none}.hayat-install__step{display:grid;align-content:start;gap:8px;min-width:0}.hayat-install__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--hayat-radius-media);background:var(--hayat-card)}.hayat-install__media img,.hayat-install__video,.hayat-install__video video{display:block;width:100%;height:100%;object-fit:cover}.hayat-install__placeholder{height:100%;border-radius:inherit}.hayat-install__num{position:absolute;top:10px;inset-inline-start:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--hayat-navy);color:var(--hayat-white);font-family:var(--hayat-font);font-size:15px;font-weight:var(--hayat-weight-bold)}.hayat-install__step-title{margin:4px 0 0;color:var(--hayat-navy);font-family:var(--hayat-font);font-size:17px;font-weight:var(--hayat-weight-bold);line-height:1.4;letter-spacing:0}.hayat-install__step-text{margin:0;color:var(--hayat-navy);font-size:15px;line-height:1.7;opacity:.9}.hayat-install__note{display:flex;align-items:center;gap:8px;margin:24px 0 0;color:var(--hayat-link);font-family:var(--hayat-font);font-size:14px;font-weight:var(--hayat-weight-semibold);line-height:1.6}.hayat-install__note .hayat-icon{width:20px;height:20px}@keyframes hayat-install-water{to{stroke-dashoffset:-14}}@keyframes hayat-install-spot{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hayat-install-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media screen and (min-width:750px){.hayat-install__types{max-width:620px;gap:16px;margin-bottom:32px}.hayat-install__type-name{font-size:16px}}@media screen and (min-width:990px){.hayat-install__steps.hayat-scroller{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-inline:0;padding-inline:0;overflow:visible}}@media(prefers-reduced-motion:reduce){.hayat-install__type,.hayat-install__type:hover{transition:none;transform:none}.st-water,.hayat-install__type[aria-pressed=true] .st-spot,.hayat-install__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hayat-install.css.map */