.sy-pdp-installation{--sy-install-heading: var(--font-heading--family);--sy-install-body: var(--font-body--family);--sy-install-ui: var(--font-accent--family);--sy-install-ink: #101915;--sy-install-muted: #5d655f;--sy-install-line: #e4dfd4;width:100%;padding-block:clamp(1rem,2vw,2rem) clamp(3.25rem,5vw,5rem);background:#fff;color:var(--sy-install-ink);font-family:var(--sy-install-body)}.sy-pdp-installation *,.sy-pdp-installation *:before,.sy-pdp-installation *:after{box-sizing:border-box}.sy-pdp-installation__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:center;width:min(calc(100% - (2*clamp(1.25rem,4vw,3rem))),94rem);margin-inline:auto}.sy-pdp-installation__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:6px;background:#f8f5ef}.sy-pdp-installation__image{display:block;width:100%;height:100%;object-fit:cover}.sy-pdp-installation__content{display:grid;gap:clamp(2rem,3.5vw,3.25rem);min-width:0}.sy-pdp-installation__header{display:grid;gap:1rem}.sy-pdp-installation__eyebrow,.sy-pdp-installation h2,.sy-pdp-installation__intro,.sy-pdp-installation__step h3,.sy-pdp-installation__step p{margin:0}.sy-pdp-installation__eyebrow{color:var(--sy-install-muted);font-family:var(--sy-install-ui);font-size:.82rem;font-weight:800;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}.sy-pdp-installation h2{max-width:18ch;color:var(--sy-install-ink);font-family:var(--sy-install-heading);font-size:clamp(2.35rem,2.6vw,3.75rem);font-weight:300;letter-spacing:0;line-height:1.02;text-wrap:balance}.sy-pdp-installation__intro{max-width:38rem;color:var(--sy-install-muted);font-size:clamp(1.05rem,.25vw + 1rem,1.22rem);line-height:1.48}.sy-pdp-installation__steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none}.sy-pdp-installation__steps:before{position:absolute;top:1.6rem;right:16.66%;left:16.66%;border-top:1px dashed #cfc8bb;content:""}.sy-pdp-installation__step{position:relative;z-index:1;display:grid;justify-items:center;gap:.75rem;min-width:0;text-align:center}.sy-pdp-installation__number{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:1px solid var(--sy-install-line);border-radius:50%;background:#fff;color:var(--sy-install-ink);font-family:var(--sy-install-ui);font-size:1.15rem;font-weight:800;line-height:1}.sy-pdp-installation__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--sy-install-ink)}.sy-pdp-installation__icon svg{display:block;width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.sy-pdp-installation__icon .sy-pdp-installation__icon-svg--solid{width:2.1rem;height:2.1rem;fill:currentColor;stroke:none}.sy-pdp-installation__step-copy{display:grid;gap:.28rem}.sy-pdp-installation__step h3{color:var(--sy-install-ink);font-family:var(--sy-install-ui);font-size:clamp(1.02rem,.18vw + .98rem,1.15rem);font-weight:800;letter-spacing:0;line-height:1.22}.sy-pdp-installation__step p{color:var(--sy-install-muted);font-size:.94rem;line-height:1.4}@media screen and (min-width:990px){.sy-pdp-installation--image-right .sy-pdp-installation__media{order:2}.sy-pdp-installation--image-right .sy-pdp-installation__content{order:1}}@media screen and (max-width:989px){.sy-pdp-installation__inner{grid-template-columns:1fr;gap:2.25rem}.sy-pdp-installation__media{aspect-ratio:4 / 3}.sy-pdp-installation__content{gap:2.25rem}.sy-pdp-installation h2,.sy-pdp-installation__intro{max-width:48rem}}@media screen and (max-width:749px){.sy-pdp-installation{padding-block:.75rem 3rem}.sy-pdp-installation__inner{width:min(calc(100% - 2rem),94rem);gap:2rem}.sy-pdp-installation__media{aspect-ratio:4 / 3}.sy-pdp-installation__image{object-position:50% 48%}.sy-pdp-installation__content{gap:1.75rem}.sy-pdp-installation__header{gap:.82rem}.sy-pdp-installation h2{font-size:2.45rem;line-height:1.05}.sy-pdp-installation__steps{grid-template-columns:1fr;gap:1rem}.sy-pdp-installation__steps:before{top:1.5rem;bottom:1.5rem;left:1.5rem;border-top:0;border-left:1px dashed #cfc8bb}.sy-pdp-installation__step{grid-template-columns:3rem 2.5rem minmax(0,1fr);gap:.75rem;align-items:center;justify-items:start;text-align:left}.sy-pdp-installation__number{width:3rem;height:3rem}.sy-pdp-installation__step-copy{gap:.18rem}.sy-pdp-installation__step p{font-size:.92rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/secuyou-pdp-installation.css.map */