.install-section{padding:clamp(48px,8vw,100px) 0;background:var(--install-bg, #0a0a0a);position:relative;font-family:inherit}.install-container{max-width:var(--install-container-width, 1160px);margin:0 auto;padding:0 24px}.install-header{text-align:center;max-width:720px;margin:0 auto 48px}.install-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;font-size:13px;font-weight:600;letter-spacing:.25em;color:var(--install-accent, #ff6b1a);text-transform:uppercase}.install-eyebrow .eyebrow-bar{display:inline-block;width:40px;height:2px;background:var(--install-accent, #ff6b1a)}.install-heading{font-size:var(--install-heading-size-pc, 32px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;color:var(--install-text, #ffffff);margin:0 0 12px}.install-subheading{font-size:var(--install-subheading-size-pc, 17px);color:var(--install-text-secondary, #9ca3af);margin:0 auto;max-width:560px;line-height:1.6}.install-tabs{display:flex;gap:8px;margin-bottom:40px;padding:8px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:999px;max-width:900px;margin-left:auto;margin-right:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.install-tabs::-webkit-scrollbar{display:none}.install-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--install-text-secondary, #9ca3af);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0;scroll-snap-align:start;font-family:inherit}.install-tab-icon{display:flex;color:currentColor;opacity:.8}.install-tab-icon svg{display:block}.install-tab:hover{color:var(--install-text, #ffffff);background:#ffffff0a}.install-tab.active{background:var(--install-accent, #ff6b1a);color:var(--install-bg, #0a0a0a);font-weight:600;box-shadow:0 2px 8px #ff6b1a4d}.install-tab.active .install-tab-icon{opacity:1}.install-tab:focus-visible{outline:2px solid var(--install-accent, #ff6b1a);outline-offset:2px}.install-panel{display:none}.install-panel.active{display:block;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.install-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.install-col{background:var(--install-card-bg, #1a1a1a);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;transition:border-color .25s ease,transform .25s ease}.install-col:hover{border-color:color-mix(in srgb,var(--install-accent, #ff6b1a) 20%,transparent)}.install-icon{width:56px;height:56px;border-radius:12px;background:color-mix(in srgb,var(--install-accent, #ff6b1a) 12%,transparent);color:var(--install-accent, #ff6b1a);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.install-col-title{font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--install-text, #ffffff);text-transform:uppercase;margin:0 0 14px}.install-col-desc{font-size:14px;line-height:1.6;color:var(--install-text-secondary, #9ca3af);margin:0}.difficulty-screws{display:flex;gap:8px;margin-bottom:16px}.screw{width:22px;height:22px;border-radius:50%;background:#ffffff14;position:relative;transition:all .3s ease;flex-shrink:0}.screw:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff3;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px}.screw.filled{background:var(--install-accent, #ff6b1a);box-shadow:0 0 0 3px color-mix(in srgb,var(--install-accent, #ff6b1a) 20%,transparent)}.screw.filled:after{background:var(--install-bg, #0a0a0a)}.tool-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tool-list li{font-size:14px;color:var(--install-text-secondary, #9ca3af);padding-left:20px;position:relative;line-height:1.4}.tool-list li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--install-accent, #ff6b1a)}.install-video .install-thumb{position:relative;border-radius:10px;overflow:hidden;margin-bottom:16px;aspect-ratio:16 / 10;background:#000}.install-video .install-thumb img{width:100%;height:100%;object-fit:cover;display:block}.install-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#00000080);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.install-thumb-overlay:hover{background:#0000004d}.play-btn{width:56px;height:56px;border-radius:50%;background:var(--install-accent, #ff6b1a);color:var(--install-bg, #0a0a0a);display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 4px 16px #ff6b1a66;transition:transform .25s ease}.play-btn svg{display:block}.install-thumb-overlay:hover .play-btn{transform:scale(1.1)}.install-duration{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.06em}.install-guarantee{align-items:center;text-align:center}.install-guarantee .install-col-title{text-align:center}.guarantee-badge{margin:0 auto 20px;display:flex;flex-shrink:0}.badge-ring{width:88px;height:88px;border-radius:50%;border:2px solid var(--install-accent, #ff6b1a);display:flex;align-items:center;justify-content:center;color:var(--install-accent, #ff6b1a);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--install-accent, #ff6b1a) 20%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--install-accent, #ff6b1a) 0%,transparent)}}.guarantee-desc-richtext p{margin:0 0 10px;line-height:1.6}.guarantee-desc-richtext p:last-child{margin-bottom:0}.guarantee-desc-richtext a{color:var(--install-accent, #ff6b1a);text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:opacity .2s ease,text-decoration-color .2s ease}.guarantee-desc-richtext a:hover{opacity:.85;text-decoration-thickness:2px}.install-btn-ghost:hover{border-color:var(--install-accent, #ff6b1a);color:var(--install-accent, #ff6b1a);background:#ffffff08}@media(max-width:1024px){.install-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.install-container{padding:0 16px}.install-header{margin-bottom:32px}.install-heading{font-size:var(--install-heading-size-mobile, 24px)}.install-subheading{font-size:var(--install-subheading-size-mobile, 15px)}.install-grid{grid-template-columns:1fr}.install-tabs{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none;padding:8px 16px}.install-tab{font-size:12px;padding:10px 16px}.install-col{padding:24px 20px}.install-icon{width:48px;height:48px;margin-bottom:16px}.install-icon svg{width:26px;height:26px}}.install-thumb{position:relative;border-radius:10px;overflow:hidden;margin-bottom:16px;aspect-ratio:16 / 10;background:#000}.install-video-iframe{width:100%;height:100%;border:none;display:block}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-install.css.map */