.services-grid{position:relative;padding:80px 0;background-color:#f2f9fd}.services-grid .container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-weight:700;text-transform:uppercase}.services-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px}.service-card{position:relative;height:300px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:white;background-size:cover;background-position:50%;box-shadow:0 10px 30px rgba(0,0,0,.15);transition:all .4s ease;opacity:0;transform:translateY(30px)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,transparent);z-index:1}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.25)}.service-price{position:relative;z-index:2;background-color:#008acf;padding:8px 15px;border-radius:30px;font-size:1rem;font-weight:600;display:inline-block;margin-bottom:10px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.service-title{position:relative;z-index:2;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.services-grid.in-view .service-card{animation:fadeInUp .6s ease-out forwards}.services-grid.in-view .service-card:first-child{animation-delay:.1s}.services-grid.in-view .service-card:nth-child(2){animation-delay:.2s}.services-grid.in-view .service-card:nth-child(3){animation-delay:.3s}.services-grid.in-view .service-card:nth-child(4){animation-delay:.4s}.services-grid.in-view .service-card:nth-child(5){animation-delay:.5s}.services-grid.in-view .service-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.services-grid-container{grid-template-columns:repeat(2,1fr)}.service-card{height:280px}}@media (max-width:768px){.section-title{font-size:2rem}.service-title{font-size:1rem}.service-price{font-size:.8rem}}@media (max-width:576px){.services-grid{padding:60px 0}.service-card{height:250px}.section-title{font-size:1.8rem;margin-bottom:30px}}.hidden{display:none}.glazing-types{padding:80px 0;background:linear-gradient(180deg,#ffffff,#f8fbff);position:relative;overflow:hidden}.glazing-header{text-align:center;margin-bottom:50px}.main-title{font-size:2.8rem;font-weight:800;margin-bottom:30px;background:linear-gradient(90deg,#003955,#008acf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.type-toggler{display:inline-flex;background:#f0f8ff;border-radius:50px;padding:8px;box-shadow:0 5px 15px rgba(0,57,85,.1)}.toggler-btn{padding:14px 35px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;background:transparent;cursor:pointer;transition:all .3s ease;color:#5c6b89}.toggler-btn.active{background:white;color:#008acf;box-shadow:0 5px 15px rgba(0,138,207,.2)}.toggler-btn:hover:not(.active){background:rgba(255,255,255,.5)}.glazing-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.glazing-info{padding:20px}.type-title{font-size:2.2rem;font-weight:700;margin-bottom:20px;color:#003955}.type-description{font-size:1.1rem;line-height:1.7;color:#5c6b89;margin-bottom:30px}.benefits-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;margin-top:40px}.benefit-card{display:flex;align-items:center;gap:20px;padding:20px;background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,57,85,.08);transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,138,207,.15)}.benefit-icon{flex-shrink:0}.icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e6f4ff,#c1e5ff);display:flex;align-items:center;justify-content:center;font-size:28px}.benefit-text{font-size:1.1rem;font-weight:600;color:#003955}.glazing-images{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.main-image{position:relative;max-height:400px}.main-image,.secondary-image{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.glazing-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.main-image:hover .glazing-img,.secondary-image:hover .glazing-img{transform:scale(1.05)}.image-label{position:absolute;bottom:20px;left:20px;background:rgba(0,57,85,.85);color:white;padding:10px 20px;border-radius:30px;font-weight:600;font-size:1.1rem}@media (max-width:992px){.glazing-content{grid-template-columns:1fr;gap:50px}.glazing-images{grid-template-columns:1fr 1fr}.main-title{font-size:2.5rem}}@media (max-width:768px){.glazing-types{padding:60px 0}.main-title{font-size:2.2rem}.type-title{font-size:1.8rem}.toggler-btn{padding:12px 25px;font-size:1rem}.benefit-card{padding:15px}}@media (max-width:576px){.type-toggler{flex-direction:column;width:100%;border-radius:16px}.toggler-btn{width:100%;border-radius:12px;margin-bottom:5px}.glazing-images{grid-template-columns:1fr}.main-title{font-size:1.8rem}.type-title{font-size:1.6rem}.type-description{font-size:1rem}}.finishing-options{padding:80px 0;background:linear-gradient(180deg,#f8fbff,#ffffff);position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:50px;color:#003955}.options-menu{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.option-btn{background:white;border:2px solid #e0f0ff;border-radius:16px;padding:20px 40px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,57,85,.05)}.option-btn.active{border-color:#008acf;background:#e6f4ff;box-shadow:0 8px 25px rgba(0,138,207,.2);transform:translateY(-5px)}.option-btn h2{font-size:1.6rem;font-weight:700;margin:0;background:linear-gradient(90deg,#003955,#008acf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:opacity .3s ease}.option-btn .inactive{opacity:.7}.option-btn:hover:not(.active){border-color:#4D9DCB;transform:translateY(-3px)}.option-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.option-info{padding:20px}.features-list h3{font-size:1.4rem;font-weight:700;margin-bottom:20px;color:#003955}.features-list ul{list-style:none;padding:0;margin-bottom:30px}.features-list li{display:flex;align-items:center;gap:15px;padding:12px 20px;margin-bottom:12px;background:white;border-radius:12px;box-shadow:0 5px 15px rgba(0,57,85,.05);font-size:1.1rem;font-weight:600;color:#5c6b89;transition:all .3s ease}.features-list li:hover{transform:translateX(10px);box-shadow:0 8px 20px rgba(0,138,207,.15)}.option-description{font-size:1.1rem;line-height:1.7;color:#5c6b89;margin-bottom:30px}.primary-btn{padding:16px 40px;background:linear-gradient(90deg,#247EBA,#4D9DCB);color:white;border:none;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;display:inline-block;cursor:pointer}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(36,126,186,.4)}.option-image{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15);height:500px}.option-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.option-image:hover img{transform:scale(1.05)}.option-badge{position:absolute;top:20px;right:20px;background:rgba(0,57,85,.85);color:white;padding:10px 25px;border-radius:30px;font-weight:700;font-size:1.2rem;box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (max-width:992px){.option-content{grid-template-columns:1fr;gap:50px}.option-image{height:400px;order:-1}.section-title{font-size:2.2rem}}@media (max-width:768px){.finishing-options{padding:60px 0}.options-menu{flex-direction:column;align-items:center}.option-btn{width:100%;max-width:350px}.section-title{font-size:2rem}}@media (max-width:576px){.section-title{font-size:1.8rem}.option-btn h2{font-size:1.4rem}.option-image{height:300px}.features-list li{font-size:1rem;padding:10px 15px}.option-description{font-size:1rem}}