.mb-2{margin-block:2rem}.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;max-width:1200px;margin:0 auto}.step-box{background:linear-gradient(225deg,#373737,#000);color:#fff;padding-inline:20px;text-align:left;box-shadow:0 4px 6px #0000001a;cursor:pointer}.step-box h2{font-size:2rem;font-family:var(--font-body-family);color:#fff;font-weight:600;margin-bottom:0}.step-box p{font-size:1rem;line-height:1.3;font-family:var(--font-body-family);font-weight:lighter;color:#fffffff2}.details-btn{font-size:1.4rem;line-height:1.3;font-family:var(--font-body-family);font-weight:bolder;color:#fffffff2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000}.modal-overlay.active{display:flex;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(225deg,#373737,#000);color:#fff;padding:20px;max-width:500px;width:90%;box-shadow:0 4px 10px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content img{max-width:100%;height:auto;margin-bottom:15px}.modal-content h2{font-size:2rem;margin-bottom:10px;color:#fff}.modal-content p{font-size:1.5rem;line-height:1.5}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:30px;cursor:pointer;color:#fff}.install-section{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card-section-detail{display:grid;grid-template-columns:1fr 1fr;gap:5px}.image-container{position:sticky;top:0;height:calc(100vh - 15%);max-height:90vh;min-height:60vh;overflow:hidden;text-align:center;display:flex;align-items:flex-start;justify-content:center}.image-container img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:none;opacity:0;transition:opacity .5s ease-in-out}.image-container img.active{display:block;opacity:1}.install-card{background:linear-gradient(225deg,#373737,#000);padding:20px;text-align:center;transition:transform .3s;color:#fff}.install-card:hover{transform:translateY(-5px)}.install-card h3{font-family:var(--font-heading-family);color:#fff}.install-card p{font-size:14px;margin-bottom:20px}.install-card.hidden{display:none;opacity:0;transition:opacity .5s ease}.install-card.fade-in{display:block;opacity:1}.install-btn{display:none;color:#fff;font-weight:900;text-decoration:none}.install-btn:hover{color:#f4a122}.more-btn,.pdf-btn{display:inline-block;margin-block-start:10px;text-align:center;width:100%;padding:10px 20px;background-color:#000;color:#fff;text-decoration:none;transition:background-color .3s}.more-btn:hover,.pdf-btn:hover{background-color:#f4a122;color:#000}.gpp-title{margin-bottom:10px;line-height:calc(1 + .8 / var(--font-heading-scale));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-align:center;color:#212121;margin-block-start:0}.pp-text{margin-bottom:40px;color:#212121;line-height:calc(1 + .8 / var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);text-align:start}.m-b-s-1{margin-block-start:5px}.mobile-card{background:linear-gradient(225deg,#373737,#000);color:#fff;margin-bottom:10px;padding:20px;cursor:pointer;transition:max-height .4s ease;overflow:hidden;max-height:60px;-webkit-tap-highlight-color:transparent}.mobile-card-header{display:flex;justify-content:space-between;align-items:center}.mobile-card-content{margin-top:10px;display:none}.mobile-card-expanded{max-height:500px}.mobile-card-expanded .mobile-card-content{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-card-title{color:#fff;margin-block-end:0;margin-block-start:0}.buttonDownload{display:none;position:relative;padding:10px 25px;background-color:#c60f28;color:#fff;font-family:sans-serif;text-decoration:none;font-size:.9em;text-align:center;text-indent:15px;margin-block-start:10px;width:100%}.buttonDownload:hover{background:linear-gradient(225deg,#373737,#000);color:#fff}.buttonDownload:before,.buttonDownload:after{content:" ";display:block;position:absolute;left:15px;top:52%}.buttonDownload:before{width:15px;height:2px;border-style:solid;border-width:0 2px 2px}.buttonDownload:after{width:0;height:0;margin-left:3px;margin-top:-7px;border-style:solid;border-width:4px 4px 0 4px;border-color:transparent;border-top-color:inherit;animation:downloadArrow 2s linear infinite;animation-play-state:paused}.buttonDownload:hover:before{border-color:#fff}.buttonDownload:hover:after{border-top-color:#fff;animation-play-state:running}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}to{margin-top:0;opacity:0}}.only-desktop{display:none}.only-mobile{display:grid}.install-card{flex:1;background:linear-gradient(225deg,#373737,#000);color:#fff;padding:20px;text-align:center;transition:transform .3s;box-sizing:border-box}@media(min-width:769px){.only-desktop{display:grid}.only-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/pp-v2-install.css.map */