.diy-patio-kit-card-image{overflow:hidden;transition:transform .3s ease-in-out}.diy-patio-kit-card:hover .diy-patio-kit-card-image{transform:scale(1.05)}.diy-patio-kits-section{background-color:var(--background-secondary);padding:112px 64px;font-family:var(--font-primary)}.diy-patio-kits-container{max-width:1920px;margin:0 auto}.diy-patio-kits-content{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:500px}.diy-patio-kits-text-content{flex:1;max-width:582px}.diy-patio-kits-text-wrapper{display:flex;flex-direction:column;gap:50px;max-width:1920px;align-items:flex-start}.diy-patio-kits-header-group{display:flex;flex-direction:column;gap:30px}.diy-patio-kits-tagline{font-family:var(--font-primary);font-weight:700;font-size:24px;line-height:1.5;color:var(--tagline-color, var(--brand-orange));margin:0}.diy-patio-kits-headline-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}.diy-patio-kits-headline{font-family:var(--font-primary);font-size:64px;line-height:1em;color:var(--headline-color, var(--brand-navy));margin:0}.diy-patio-kits-headline-bold{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-weight:700!important}.diy-patio-kits-headline-regular{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-weight:400!important}.diy-patio-kits-description{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary));margin:0}.diy-patio-kits-second-tagline{font-family:var(--font-primary);font-weight:600;font-size:18px;line-height:1.3;color:var(--second-tagline-color, var(--brand-orange));margin:0;letter-spacing:.5px}.diy-patio-kits-second-tagline-link{color:inherit;text-decoration:none;transition:color .3s ease}.diy-patio-kits-second-tagline-link:hover{color:var(--brand-navy, var(--brand-navy));text-decoration:underline}.diy-patio-kits-third-tagline{font-family:var(--font-primary);font-weight:600;font-size:18px;line-height:1.3;color:var(--third-tagline-color, var(--brand-navy));margin:0;letter-spacing:.5px}.diy-patio-kits-third-tagline-link{color:inherit;text-decoration:none;transition:color .3s ease}.diy-patio-kits-third-tagline-link:hover{color:var(--brand-orange, var(--brand-orange));text-decoration:underline}.diy-patio-kits-cards{display:flex;gap:25px;flex-shrink:0}.diy-patio-kit-card{width:374px;display:flex;flex-direction:column;border:1px solid var(--border-primary);background-color:var(--brand-white);overflow:hidden}.diy-patio-kit-card-image{height:350px;background-size:cover;background-position:right;background-repeat:no-repeat;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:50px 0;box-sizing:border-box;overflow:hidden}.diy-patio-kit-card-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:inherit;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scale(1)}.diy-patio-kit-card:hover .diy-patio-kit-card-image:before{transform:scale(1.08)}.diy-patio-kit-card:hover .diy-patio-kit-card-image{transform:none}.diy-patio-kit-card-content{background-color:var(--brand-white);flex:1;display:flex;flex-direction:column}.diy-patio-kit-card-title-wrapper{padding:25px 0;display:flex;align-items:stretch;justify-content:stretch}.diy-patio-kit-card-title{font-family:var(--font-primary);font-weight:200;font-size:32px;line-height:1.21;text-transform:uppercase;text-align:center;color:var(--card-title-color, var(--brand-navy));margin:0;height:22px;width:100%;display:flex;align-items:center;justify-content:center}.diy-patio-kit-card-separator{height:1px;background-color:var(--background-muted);width:100%}.diy-patio-kit-card-buttons{display:flex;justify-content:space-between;align-items:center;gap:0;padding:0;flex:1}.diy-patio-kit-card-button{flex:1;height:74px;display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;transition:all .3s ease;padding:25px;box-sizing:border-box}.diy-patio-kit-card-button--insulated{background-color:var(--insulated-button-bg, var(--brand-white));color:var(--insulated-button-text, var(--brand-navy))}.diy-patio-kit-card-button--insulated:hover{background-color:var(--insulated-button-hover-bg, var(--brand-navy));color:var(--insulated-button-hover-text, var(--brand-white))}.diy-patio-kit-card-button--single-skin{background-color:var(--single-skin-button-bg, var(--brand-white));color:var(--single-skin-button-text, var(--brand-orange))}.diy-patio-kit-card-button--single-skin:hover{background-color:var(--single-skin-button-hover-bg, var(--brand-orange));color:var(--single-skin-button-hover-text, var(--brand-white))}.diy-patio-kit-card-button--vline:hover{background-color:var(--vline-button-hover-bg, var(--brand-orange));color:var(--vline-button-hover-text, var(--brand-white))}.diy-patio-kit-card-button span{font-family:var(--font-primary);font-weight:400;font-size:21px;line-height:1.21;white-space:nowrap}.diy-patio-kit-card-button-icon{width:5px;height:10px;flex-shrink:0}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}@media(max-width:1715px){.diy-patio-kits-content{gap:24px}.diy-patio-kits-headline{font-size:56px}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kit-card{width:340px}.diy-patio-kit-card-image{height:320px}.diy-patio-kit-card-button{padding:20px}.diy-patio-kit-card-button span{font-size:20px}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}}@media(max-width:1500px){.diy-patio-kits-section{padding:80px 40px}.diy-patio-kits-headline{font-size:52px}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kit-card{width:310px}.diy-patio-kit-card-image{height:300px}.diy-patio-kit-card-button{padding:18px}.diy-patio-kit-card-button span{font-size:19px}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}}@media(max-width:1400px){.diy-patio-kits-headline{font-size:48px;text-align:left}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kit-card{width:100%}.diy-patio-kit-card-image{height:280px}.diy-patio-kit-card-button{padding:16px}.diy-patio-kit-card-button span{font-size:18px}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}}@media(max-width:1415px){.diy-patio-kits-content{flex-direction:column}.diy-patio-kits-text-content{width:100%;max-width:1920px}.diy-patio-kits-cards{width:100%}}@media(max-width:1200px){.diy-patio-kits-content{flex-direction:column;gap:48px;text-align:center}.diy-patio-kits-text-content{max-width:1920px;width:100%}.diy-patio-kits-cards{display:flex;align-items:center;max-width:100%;gap:32px;justify-content:space-between;flex-wrap:wrap}.diy-patio-kit-card{width:100%;display:flex;flex-direction:column;max-width:100%;background:var(--background-primary);border:1px solid var(--border-primary);overflow:hidden;box-sizing:border-box}.diy-patio-kit-card-image{height:360px;display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:50px 0}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}}@media(max-width:992px){.diy-patio-kits-section{padding:60px 32px}.diy-patio-kits-second-tagline{display:none!important}.diy-patio-kits-headline{font-size:48px}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kits-description{font-size:20px}.diy-patio-kits-cards{flex-wrap:wrap;gap:20px}.diy-patio-kit-card{width:100%}.diy-patio-kit-card-image{height:320px}.diy-patio-kit-card-button span{font-size:18px}.diy-patio-kit-card-button-separator{width:1px;height:74px;background-color:var(--background-muted)}}@media(max-width:768px){.diy-patio-kits-section{padding:48px 24px}.diy-patio-kits-text-wrapper{gap:32px;align-items:center}.diy-patio-kits-header-group{gap:20px}.diy-patio-kits-tagline{font-size:20px}.diy-patio-kits-headline{font-size:48px}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kits-description{font-size:18px;text-align:center}.diy-patio-kits-third-tagline{font-size:16px}.diy-patio-kits-cards{flex-wrap:wrap;gap:20px}.diy-patio-kit-card{width:100%;max-width:1920px}.diy-patio-kit-card-image{height:300px}.diy-patio-kit-card-buttons{flex-direction:row;gap:0}.diy-patio-kit-card-button{width:100%}.diy-patio-kit-card-button span{font-size:18px}}@media(max-width:480px){.diy-patio-kits-section{padding:40px 16px}.diy-patio-kits-headline{font-size:48px}.diy-patio-kits-headline-bold{font-weight:700!important}.diy-patio-kits-headline-regular{font-weight:400!important}.diy-patio-kits-tagline{font-size:18px;text-align:center}.diy-patio-kits-description{font-size:16px}.diy-patio-kits-cards{flex-wrap:wrap;gap:24px}.diy-patio-kit-card{max-width:1920px;width:100%}.diy-patio-kit-card-image{height:280px;padding:30px 0}.diy-patio-kit-card-title{font-size:24px}.diy-patio-kit-card-button span{font-size:16px}.diy-patio-kits-third-tagline{font-size:14px}.diy-patio-kit-card-button{height:64px;padding:20px}}@media(max-width:360px){.diy-patio-kit-card{max-width:1920px}.diy-patio-kit-card-image{height:260px}.diy-patio-kit-card-title{font-size:22px}.diy-patio-kit-card-button span{font-size:15px}}.diy-patio-kit-card-image>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.diy-patio-kit-card:hover .diy-patio-kit-card-image>img{transform:scale(1.08)}@media(max-width:1023px){.diy-patio-kits-headline-wrapper{align-items:center}.diy-patio-kits-headline{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-diy-patio-kits.css.map */