.install-phases{background:var(--color-background)}.install-phases__header{text-align:center;max-width:600px;margin:0 auto 40px}.install-phases__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5a2b1a;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--color-secondary);margin-bottom:16px}.install-phases__title{font-size:32px;margin-bottom:12px}.install-phases__desc{font-size:16px;color:var(--color-text-secondary);line-height:1.6}.phases-nav{display:flex;align-items:center;gap:0;margin-bottom:32px;overflow:clip;padding-bottom:4px}@media(max-width:900px){.phases-nav{display:none}}.phases-nav__tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;background:var(--color-surface);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;min-width:140px;position:relative;z-index:1}.phases-nav__tab:hover{border-color:#1a365d26}.phases-nav__tab.is-active{background:var(--color-primary);border-color:var(--color-primary)}.phases-nav__tab.is-active .phases-nav__num,.phases-nav__tab.is-active .phases-nav__label,.phases-nav__tab.is-active .phases-nav__time{color:#fff}.phases-nav__num{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.phases-nav__label{font-size:14px;font-weight:600;color:var(--color-primary);line-height:1.3}.phases-nav__time{font-size:12px;color:var(--color-text-muted)}.phases-nav__tab.is-active+.phases-nav__arrow+.phases-nav__tab{--border-beam-color: rgba(26, 54, 93, .6);--border-beam-glow: rgba(26, 54, 93, .3);position:relative;border-color:transparent;overflow:visible}.phases-nav__tab.is-active+.phases-nav__arrow+.phases-nav__tab:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;padding:2px;background:conic-gradient(from var(--border-angle, 0deg),transparent 0deg,transparent 260deg,var(--border-beam-color) 290deg,rgba(59,130,246,.8) 320deg,var(--border-beam-color) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-beam-rotate 3s linear infinite;z-index:-1}.phases-nav__tab.is-active+.phases-nav__arrow+.phases-nav__tab:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;background:conic-gradient(from var(--border-angle, 0deg),transparent 0deg,transparent 240deg,var(--border-beam-glow) 300deg,transparent 360deg);filter:blur(8px);opacity:.6;animation:border-beam-rotate 3s linear infinite;z-index:-2}@keyframes border-beam-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.phases-nav__tab.is-active+.phases-nav__arrow+.phases-nav__tab:hover:before,.phases-nav__tab.is-active+.phases-nav__arrow+.phases-nav__tab:hover:after{animation-play-state:paused}.phases-nav__arrow{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0;position:relative}.phases-nav__arrow svg{color:#1a365d26;width:16px;height:16px;position:relative;z-index:2;transition:color .3s ease,transform .3s ease}.phases-nav__arrow-glow{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,rgba(26,54,93,.12) 0%,transparent 70%);opacity:0;transition:opacity .3s ease,transform .3s ease}.phases-nav__tab.is-active+.phases-nav__arrow svg{color:#1a365d66;animation:next-arrow-pulse 3s ease-in-out infinite}@keyframes next-arrow-pulse{0%,to{color:#1a365d4d}50%{color:#1a365d8c}}.phases-nav__tab:hover+.phases-nav__arrow svg{color:#1a365d66;transform:translate(2px)}.phases-nav__tab:hover+.phases-nav__arrow .phases-nav__arrow-glow{opacity:.8;transform:scale(1.2)}.phases-content{display:block}@media(max-width:900px){.phases-content{display:none}}.phase-panel{display:none}.phase-panel.is-active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phase-panel__inner{display:grid;grid-template-columns:360px 1fr;gap:48px;background:var(--color-surface);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #1a365d0f}@media(max-width:1100px){.phase-panel__inner{grid-template-columns:280px 1fr;gap:32px}}.phase-panel__media{background:#f5f3f0}.phase-panel__media img{width:100%;height:100%;object-fit:cover;min-height:400px}.phase-panel__content{padding:40px 40px 40px 0;display:flex;flex-direction:column}.phase-panel__badge{display:inline-block;padding:6px 12px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:6px;margin-bottom:12px;width:fit-content}.phase-panel__title{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:12px;line-height:1.2}.phase-panel__overview{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:28px}.phase-panel__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.phase-panel__steps{grid-template-columns:1fr}}.phase-step{display:flex;gap:12px;align-items:flex-start}.phase-step__num{width:24px;height:24px;background:#1a365d14;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-primary);flex-shrink:0}.phase-step__text{font-size:14px;line-height:1.4}.phase-step__text strong{color:var(--color-primary);display:block;margin-bottom:2px}.phase-step__text span{color:var(--color-text-secondary)}.phase-panel__tip{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#8b5a2b0f;border-radius:10px;font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-top:auto}.phase-panel__tip svg{color:var(--color-secondary);flex-shrink:0;margin-top:1px}.phases-accordion{display:none;flex-direction:column;gap:12px}@media(max-width:900px){.phases-accordion{display:flex}}.accordion-item{background:var(--color-surface);border-radius:12px;overflow:hidden}.accordion-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left}.accordion-trigger__num{width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.accordion-trigger__title{flex:1;font-size:15px;font-weight:600;color:var(--color-primary)}.accordion-trigger__time{font-size:12px;color:var(--color-text-muted)}.accordion-trigger__icon{color:var(--color-text-muted);transition:transform .2s}.accordion-item.is-open .accordion-trigger__icon{transform:rotate(180deg)}.accordion-content{display:none;padding:0 20px 20px}.accordion-item.is-open .accordion-content{display:block}.accordion-content__image{border-radius:10px;overflow:hidden;margin-bottom:16px}.accordion-content__image img{width:100%;height:auto;display:block}.accordion-content__overview{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.accordion-content__steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.phase-step--compact{gap:10px}.phase-step--compact .phase-step__num{width:22px;height:22px;font-size:11px}.phase-step--compact .phase-step__text{font-size:13px}.phase-step--compact .phase-step__text strong{display:inline;margin-bottom:0}.phase-panel__tip--compact{padding:12px;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-installation-phases.css.map */