.hero-banner{min-height:400px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;padding:2rem}.hero-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.hero-description{font-size:1.2rem;color:#666;margin-bottom:2rem}.hero-cta{display:inline-block;padding:1rem 2rem;background:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-weight:700}.container{width:100%;margin:0 auto;padding:0 1rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}@media (max-width:992px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:1fr}}.product-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.product-card img{width:100%;height:200px;object-fit:cover}.product-content{padding:1.5rem}.product-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.5rem}.product-description{color:#666;line-height:1.6}img{max-width:100%;height:auto}picture{display:block}html.fonts-loaded{font-family:Cairo,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}img[width][height]{aspect-ratio:attr(width)/attr(height);width:auto;height:auto}img:not([width]):not([height]){aspect-ratio:16/9;width:100%;height:auto}img[loading=lazy]{opacity:1;transition:opacity .3s ease}img[loading=lazy].loaded{opacity:1}img[alt*="روائع الظل"]{width:60px!important;height:60px!important;aspect-ratio:1/1}*{will-change:auto}.performance-critical{will-change:transform}.hero-banner,.swiper-slide{contain:layout style paint;transform:translateZ(0)}@media (min-width:992px){[style*="grid-template-columns: repeat(auto-fill"],[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:repeat(3,1fr)!important}.articles-grid,.faq-grid,.sizes-grid,.types-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:991.98px) and (min-width:576px){[style*="grid-template-columns: repeat(auto-fill"],[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:repeat(2,1fr)!important}.articles-grid,.faq-grid,.sizes-grid,.types-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:575.98px){[style*="grid-template-columns: repeat(auto-fill"],[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}.articles-grid,.faq-grid,.sizes-grid,.types-grid{grid-template-columns:1fr!important}}div[style*="max-width: 1000px"],div[style*="max-width: 1200px"],div[style*="max-width: 600px"],div[style*="max-width: 700px"],div[style*="max-width: 800px"]{max-width:100%!important}div[style*="display: grid"][style*=max-width]{max-width:100%!important}.fixed-buttons{contain:layout}.loading{opacity:0;transition:opacity .3s ease}.loaded{opacity:1}body,html{height:auto;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}body{margin:0;padding:0;font-family:Cairo,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;width:100%;max-width:100%;box-sizing:border-box}main{min-height:calc(100vh - 200px);width:100%;max-width:100%;display:block;overflow-x:hidden}*{box-sizing:border-box}.container,.content,.wrapper{width:100%;overflow-x:hidden}@media (max-width:768px){body,html{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.container{width:100%!important;padding:0 15px!important;margin:0!important}main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.article-grid,.hero-section,.product-grid,.swiper-container,.swiper-wrapper{width:100%!important;max-width:100%!important;overflow-x:hidden!important}}.fixed-buttons{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:12px;z-index:999999}.fab-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;text-decoration:none;box-shadow:0 6px 12px rgba(0,0,0,.2);transition:transform .2s}.fab-btn:hover{transform:scale(1.1)}.btn-call{background:#0d6efd}.btn-whatsapp{background:#25d366}@media (max-width:576px){.fixed-buttons{bottom:15px!important;left:15px!important}.fab-btn{width:50px!important;height:50px!important;font-size:20px!important}}.menu-toggle{display:none;cursor:pointer;padding:10px;background:#205781;border-radius:5px;z-index:1001}.menu-toggle .icon-bars{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:.3s;position:relative}.menu-toggle .icon-bars::after,.menu-toggle .icon-bars::before{content:'';position:absolute;width:25px;height:3px;background-color:#fff;transition:.3s}.menu-toggle .icon-bars::before{top:-8px}.menu-toggle .icon-bars::after{bottom:-8px}.menu-toggle.active .icon-bars{background-color:transparent}.menu-toggle.active .icon-bars::before{transform:rotate(45deg);top:0}.menu-toggle.active .icon-bars::after{transform:rotate(-45deg);bottom:0}@media (max-width:768px){.menu-toggle{display:block!important;order:1}.main-nav{display:none!important}.main-nav.active{display:block!important;position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;z-index:1000;transition:right .3s ease;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.side-menu{display:block!important;position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;z-index:1000;transition:right .3s ease;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.side-menu.active{right:0}.side-menu .menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#205781;color:#fff}.side-menu .menu-header h3{margin:0;font-size:1.2rem}.side-menu .menu-close{font-size:24px;cursor:pointer;color:#fff;background:0 0;border:none;padding:5px}.side-menu ul{list-style:none;padding:0;margin:0}.side-menu li{border-bottom:1px solid #f0f0f0}.side-menu a{display:block;padding:15px 20px;color:#333;text-decoration:none;transition:background-color .3s ease}.side-menu a:hover{background-color:#f8f9fa;color:#205781}.side-menu a.active{background-color:#205781;color:#fff}}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.overlay.active{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){body,html{width:100%!important;max-width:100%!important;overflow-x:hidden!important;position:relative!important}.container{width:100%!important;padding:0 10px!important;margin:0!important}.article-grid,.hero-section,.product-grid,.swiper-container,.swiper-slide,.swiper-wrapper{width:100%!important;max-width:100%!important;overflow-x:hidden!important}img{max-width:100%!important;height:auto!important}}.container,.content{overflow-x:visible!important;overflow-y:visible!important}.hero-swiper{height:400px!important;width:100%!important;overflow:hidden!important;background:#f5f5f5!important;position:relative!important}.hero-swiper .swiper-wrapper{height:100%!important;width:100%!important;position:relative!important}.hero-swiper .swiper-slide{width:100%!important;height:100%!important;background:#f5f5f5!important;position:relative!important;display:block!important}.hero-swiper .swiper-slide{opacity:1!important;visibility:visible!important;z-index:1!important}.hero-swiper .swiper-slide-active{z-index:2!important}.hero-background-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important}.hero-background-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.hero-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important;text-align:center!important;color:#fff!important;width:90%!important;text-shadow:2px 2px 4px rgba(0,0,0,.7)!important;min-height:200px;display:flex;flex-direction:column;justify-content:center}.hero-content h1,.hero-content h3{min-height:60px;margin:0;padding:20px 0;line-height:1.2;font-size:2.5rem;font-weight:700}.hero-content p{min-height:80px;margin:0;padding:10px 0;line-height:1.6;font-size:1.2rem}.hero-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.swiper-slide{opacity:1!important;visibility:visible!important;transform:none!important}.swiper-slide::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.5));z-index:2}.swiper-pagination{position:absolute!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;z-index:20!important}.swiper-button-next,.swiper-button-prev{color:#fff!important;background:rgba(0,0,0,.3)!important;width:40px!important;height:40px!important;border-radius:50%!important;transition:all .3s ease!important;z-index:21!important}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,.5)!important}@media (max-width:768px){.hero-swiper{height:350px!important}.hero-content h1{font-size:28px!important}.hero-content p{font-size:16px!important}}@media (max-width:576px){.hero-swiper{height:300px!important}.hero-content h1{font-size:24px!important}.hero-content p{font-size:14px!important}}.hero-swiper:not(.swiper-initialized) .swiper-slide{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:1!important}.hero-swiper:not(.swiper-initialized) .swiper-slide:first-child{opacity:1!important;z-index:2!important;position:relative!important}.hero-swiper:not(.swiper-initialized) .swiper-button-next,.hero-swiper:not(.swiper-initialized) .swiper-button-prev,.hero-swiper:not(.swiper-initialized) .swiper-pagination{display:none!important}@media (max-width:768px){.main-products-section{padding:20px 0}.main-product-grid{flex-direction:column!important;gap:15px!important}.product-card{flex:none!important;max-width:none!important;min-width:auto!important}.testimonials-section{padding:30px 0!important}.testimonials-section h2{font-size:1.6rem!important}.testimonials-section>div>div{padding:0 15px!important}.testimonials-section div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:15px!important}.testimonials-section div[style*="repeat(auto-fit"]{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}section[style*="background: linear-gradient"]{padding:30px 0!important}section[style*="background: linear-gradient"] h2{font-size:1.5rem!important}section[style*="background: linear-gradient"] div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:10px!important}.internal-links-grid{grid-template-columns:1fr!important;gap:15px!important}.links-category{padding:15px!important}.links-category h3{font-size:16px!important}.links-category a{font-size:13px!important;padding:6px 0!important}.about-features-grid{grid-template-columns:1fr!important;gap:15px!important}.about-features-grid>div{padding:15px!important;text-align:center}.about-features-grid h4{font-size:14px!important}.about-features-grid p{font-size:12px!important}}@media (max-width:576px){.features-section h2,.main-products-section h2,.products-section h2,.projects-section h2{font-size:1.4rem!important}.testimonials-section div[style*="repeat(auto-fit"]{grid-template-columns:1fr!important}.btn,.hero-cta,.product-cta{padding:10px 16px!important;font-size:13px!important;min-height:44px!important}.about-content p,.article-content p,.content p,.feature-card p{font-size:13px!important;line-height:1.4!important}.about-features-grid{gap:10px!important}.about-features-grid>div{padding:12px!important}}.internal-links-section{padding:60px 0;background:#f8f9fa}.internal-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:1.5rem}}.links-category{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.links-category h3{color:#2c5aa0;margin-bottom:20px;font-size:18px;border-bottom:2px solid #2c5aa0;padding-bottom:10px}.links-category ul{list-style:none;padding:0;margin:0}.links-category li{margin-bottom:12px}.links-category a{color:#333;text-decoration:none;padding:8px 0;display:block;transition:all .3s ease;border-bottom:1px solid #eee}.links-category a:hover{color:#2c5aa0;padding-right:10px;border-bottom-color:#2c5aa0}@media (max-width:768px){.internal-links-grid{grid-template-columns:1fr}}@keyframes pulse-new{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,107,107,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,107,107,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,107,107,0)}}.main-products-section,.products-section{text-align:center!important;margin:0 auto!important;padding:0 20px!important}.main-products-section h2,.products-section h2{text-align:center!important;margin-bottom:20px!important;color:#2c5aa0!important;font-size:2.5rem!important;font-weight:700!important}.main-products-section p,.products-section p{text-align:center!important;margin:0 auto 40px auto!important;color:#666!important;font-size:1.1rem!important;line-height:1.6!important}.products-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:30px!important;width:100%!important;margin:0 auto!important;padding:0 20px!important}@media (max-width:992px){.products-grid{grid-template-columns:repeat(2,1fr)!important}}.product-card{background:#fff!important;border-radius:15px!important;box-shadow:0 5px 20px rgba(0,0,0,.1)!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease!important;text-align:center!important}.product-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 30px rgba(0,0,0,.15)!important}.product-card img{width:100%!important;height:250px!important;object-fit:cover!important;border-radius:15px 15px 0 0!important}.product-card h3{color:#2c5aa0!important;font-size:1.3rem!important;margin:20px 0 15px 0!important;padding:0 20px!important}.product-card p{color:#666!important;padding:0 20px 20px 20px!important;line-height:1.6!important;text-align:justify!important}.product-specs{background:#f8f9fa!important;padding:20px!important;margin:0 20px 20px 20px!important;border-radius:10px!important;text-align:right!important}.product-specs ul{list-style:none!important;padding:0!important;margin:0!important}.product-specs li{padding:8px 0!important;border-bottom:1px solid #eee!important;color:#555!important;font-size:.9rem!important}.product-specs li:last-child{border-bottom:none!important}.product-card .btn{background:#2c5aa0!important;color:#fff!important;padding:12px 30px!important;border-radius:25px!important;text-decoration:none!important;display:inline-block!important;margin:0 20px 20px 20px!important;transition:background .3s ease!important;font-weight:600!important}.product-card .btn:hover{background:#1e3f6b!important;transform:translateY(-2px)!important}@media (max-width:768px){.products-grid{grid-template-columns:1fr!important;gap:20px!important;padding:0 15px!important}.main-products-section h2,.products-section h2{font-size:2rem!important}.product-card{margin-bottom:20px!important}}.faq-section{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);padding:80px 0;margin-top:60px}.faq-container{margin:0 auto;padding:0 20px}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{color:#2c5aa0;font-size:2.5rem;font-weight:700;margin-bottom:20px}.faq-header p{color:#666;font-size:1.1rem;margin:0 auto;line-height:1.6}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.faq-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.faq-question{padding:25px;background:linear-gradient(135deg,#2c5aa0 0,#1e3f6b 100%);color:#fff;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.faq-question:hover{background:linear-gradient(135deg,#1e3f6b 0,#2c5aa0 100%)}.faq-icon{font-size:1.2rem;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:300px}.faq-answer-content{padding:25px;color:#555;line-height:1.6;font-size:1rem}@media (max-width:768px){.faq-grid{grid-template-columns:1fr;gap:20px}.faq-header h2{font-size:2rem}.faq-question{font-size:1rem;padding:20px}}.articles-section .article-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.articles-section .article-card:hover .article-image img{transform:scale(1.05)}.articles-section .article-card:hover .article-link i{transform:translateX(-5px)}.articles-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(32,87,129,.4)}.articles-section .btn-secondary:hover{background:#205781;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(32,87,129,.3)}@media (max-width:768px){.articles-section .articles-grid{grid-template-columns:1fr;gap:20px}.articles-section .section-header h2{font-size:2rem}.articles-section .articles-footer{flex-direction:column;align-items:center}.articles-section .btn-primary,.articles-section .btn-secondary{width:100%;justify-content:center}}.new-post-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px rgba(0,0,0,.15)!important}.new-post-card:hover .new-post-image{transform:scale(1.1)!important}.new-post-card:hover .new-image-overlay{opacity:1!important}.new-post-card:hover .new-image-overlay i{transform:scale(1)!important}@media (max-width:992px){.type-card-column{flex:0 0 50%!important;max-width:50%!important}}@media (max-width:768px){.type-card-column{flex:0 0 100%!important;max-width:100%!important}}