*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body,h1,h2,h3,h4,p,ul,ol,li,figure,button,input{margin:0;padding:0}ul{list-style:none}img{max-width:100%;display:block;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}body{font-family:Outfit,sans-serif;line-height:1.5;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}:root{--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-19: 19px;--fs-20: 20px;--fs-21: 21px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-35: 35px;--fs-36: 36px;--fs-40: 40px;--fs-44: 44px;--fs-48: 48px;--fs-56: 56px;--fs-60: 60px;--fs-64: 64px;--fs-74: 74px;--fs-80: 80px;--fs-13: 13px;--fs-24: 24px;--section-padding: 80px;--container-px: 20px}@media(max-width:1199px){:root{--fs-74: 64px;--fs-48: 42px;--section-padding: 60px}}@media(max-width:991px){body{font-size:16px}:root{--fs-14: 13.5px;--fs-15: 14.5px;--fs-16: 15px;--fs-17: 16px;--fs-18: 16px;--fs-19: 17px;--fs-20: 18px;--fs-21: 19px;--fs-28: 24px;--fs-30: 26px;--fs-32: 28px;--fs-35: 30px;--fs-36: 30px;--fs-40: 34px;--fs-44: 38px;--fs-48: 40px;--fs-56: 46px;--fs-60: 48px;--fs-64: 52px;--fs-74: 58px;--fs-80: 64px;--section-padding: 40px;--container-px: 15px}}@media(max-width:575px){:root{--section-padding: 24px;--fs-14: 13px;--fs-15: 14px;--fs-16: 14.5px;--fs-17: 15px;--fs-18: 15px;--fs-19: 16px;--fs-20: 17px;--fs-21: 18px;--fs-28: 22px;--fs-30: 24px;--fs-32: 26px;--fs-35: 28px;--fs-36: 28px;--fs-40: 30px;--fs-44: 32px;--fs-48: 34px;--fs-56: 40px;--fs-60: 42px;--fs-64: 46px;--fs-74: 50px;--fs-80: 54px}}.container{max-width:1440px;margin:0 auto;padding:0 var(--container-px);width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-74{font-size:var(--fs-74)}.text-48{font-size:var(--fs-48)}.text-40{font-size:var(--fs-40)}.text-32{font-size:var(--fs-32)}.text-24{font-size:var(--fs-24)}.text-20{font-size:var(--fs-20)}.text-18{font-size:var(--fs-18)}.text-16{font-size:var(--fs-16)}.section-padding-y{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1199px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.splide{overflow:hidden}.mobile-only{display:none}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media(min-width:1025px){.mobile-menu-drawer{display:none!important}}.kp-announcement,.sgs-announcement,.plan-pros-announcement,.pergola-pros-announcement,.kp-header,.sgs-header,.plan-pros-header,.pergola-pros-header,.shopify-section-header{position:relative;z-index:100}.kp-header,.plan-pros-header,.pergola-pros-header,.sgs-header{background-color:#fff}.kp-announcement{background-color:#45556c}.plan-pros-announcement{background-color:#0b0f2d}.mobile-menu-drawer-wrapper{position:absolute;top:100%;left:0;width:100%;height:auto;overflow:hidden;z-index:-1;pointer-events:none}.mobile-menu-drawer{position:relative;top:0;width:100%;height:auto;max-height:85vh;overflow-y:auto;background:#fff;transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #00000014;display:flex;flex-direction:column;pointer-events:auto}.mobile-menu-drawer.is-open{transform:translateY(0)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s}.mobile-menu-overlay.is-visible{opacity:1;visibility:visible}.mobile-menu-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.mobile-menu-close{background:none;border:none;font-size:24px;cursor:pointer;padding:10px;line-height:1}.mobile-menu-body{padding:20px;overflow-y:auto;flex:1}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-list li{border-bottom:1px solid #f5f5f5}.mobile-menu-list a{display:block;padding:15px 0;font-size:18px;color:#333;text-decoration:none}.hamburger-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;align-items:center;color:inherit;box-sizing:border-box;display:flex!important}.hamburger-line{width:24px;height:2px;background-color:currentColor;border-radius:2px;display:block;flex-shrink:0;transition:transform .3s ease,opacity .3s ease}.hamburger-btn.is-active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.is-active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.is-active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sgs-header .hamburger-btn,.kp-header .hamburger-btn{color:#333}.desktop-only{display:block}.mobile-only{display:none!important}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only,.hamburger-btn.mobile-only{display:flex!important}}.header-sticky{position:fixed!important;top:0;left:0;width:100%;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.header-sticky--hidden{transform:translateY(-100%)!important;box-shadow:none}.header-sticky--visible{transform:translateY(0)!important;box-shadow:0 4px 20px #00000014}body.has-sticky-header{padding-top:var(--header-height, 0px)!important}@media(max-width:991px){.grid{gap:16px}.sgs-btn,.kp-btn,.kp-btn-hero,.pp-btn,.plan-pros-btn,.pp-quote-btn,.pp-contact-submit,.pp-form__submit,.btn--primary,.drawer-checkout-btn,.drawer-continue-btn{display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important}.plan-pros-hero__buttons,.pp-cta-banner__actions,.pp-why-pay__buttons,.kp-hero-card__buttons{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.flex-btn{width:100%!important;justify-content:center!important}.mb-6{margin-bottom:20px}}@media(max-width:575px){.grid{gap:12px}.sgs-btn,.kp-btn,.kp-btn-hero,.kp-btn-hero-2,.pp-btn,.plan-pros-btn,.pp-quote-btn,.pp-contact-submit,.pp-form__submit,.btn--primary,.password-btn,.password-modal-btn,.drawer-checkout-btn,.drawer-continue-btn{display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important}.flex-btn{width:100%!important;justify-content:center!important}.mb-6{margin-bottom:16px}.mb-4{margin-bottom:12px}.container,.pp-container{padding-left:15px;padding-right:15px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/theme.css.map */