.template-restaurant-1,.template-business-1,.template-medical-1,.template-legal-1,.template-retail-1,.template-education-1,.template-restaurant-2,.template-business-2{font-family:Cairo,sans-serif;line-height:1.6;color:#333}.template-restaurant-1 .container,.template-business-1 .container,.template-medical-1 .container,.template-legal-1 .container,.template-retail-1 .container,.template-education-1 .container,.template-restaurant-2 .container,.template-business-2 .container{max-width:1200px;margin:0 auto;padding:0 20px}.template-restaurant-1 .header{background:#2c3e50;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}.template-restaurant-1 .nav{display:flex;justify-content:space-between;align-items:center}.template-restaurant-1 .logo{font-size:1.5rem;font-weight:700}.template-restaurant-1 .nav-menu{display:flex;list-style:none;gap:2rem}.template-restaurant-1 .nav-menu a{color:#fff;text-decoration:none;transition:color .3s}.template-restaurant-1 .nav-menu a:hover{color:#f39c12}.template-restaurant-1 .hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:150px 0 100px;text-align:center}.template-restaurant-1 .hero-content h1{font-size:3rem;margin-bottom:1rem}.template-restaurant-1 .hero-content p{font-size:1.3rem;margin-bottom:2rem}.template-restaurant-1 .btn{display:inline-block;padding:1rem 2rem;background:#f39c12;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s}.template-restaurant-1 .btn:hover{background:#e67e22}.template-restaurant-1 .menu-section,.template-restaurant-1 .about-section,.template-restaurant-1 .contact-section{padding:4rem 0}.template-restaurant-1 .menu-section{background:#f8f9fa}.template-restaurant-1 .menu-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.template-restaurant-1 .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.template-restaurant-1 .menu-item{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.template-restaurant-1 .menu-item h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.template-restaurant-1 .menu-item p{color:#7f8c8d;margin-bottom:1rem}.template-restaurant-1 .price{display:block;font-size:1.5rem;font-weight:700;color:#f39c12;margin-top:1rem}.template-restaurant-1 .about-section{text-align:center}.template-restaurant-1 .about-section h2{font-size:2.5rem;margin-bottom:2rem;color:#2c3e50}.template-restaurant-1 .about-section p{font-size:1.2rem;color:#7f8c8d;max-width:800px;margin:0 auto}.template-restaurant-1 .contact-section{background:#2c3e50;color:#fff}.template-restaurant-1 .contact-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.template-restaurant-1 .contact-info{text-align:center}.template-restaurant-1 .contact-info p{font-size:1.2rem;margin:1rem 0}.template-restaurant-1 .footer{background:#1a252f;color:#fff;text-align:center;padding:2rem 0}.template-business-1 .header{background:#34495e;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}.template-business-1 .nav{display:flex;justify-content:space-between;align-items:center}.template-business-1 .logo{font-size:1.5rem;font-weight:700}.template-business-1 .nav-menu{display:flex;list-style:none;gap:2rem}.template-business-1 .nav-menu a{color:#fff;text-decoration:none;transition:color .3s}.template-business-1 .nav-menu a:hover{color:#3498db}.template-business-1 .hero{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:150px 0 100px;text-align:center}.template-business-1 .hero-content h1{font-size:3rem;margin-bottom:1rem}.template-business-1 .hero-content p{font-size:1.3rem;margin-bottom:2rem}.template-business-1 .btn{display:inline-block;padding:1rem 2rem;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s}.template-business-1 .btn:hover{background:#c0392b}.template-business-1 .services-section,.template-business-1 .about-section,.template-business-1 .contact-section{padding:4rem 0}.template-business-1 .services-section{background:#f8f9fa}.template-business-1 .services-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#34495e}.template-business-1 .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.template-business-1 .service-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.template-business-1 .service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#34495e}.template-business-1 .service-card p{color:#7f8c8d}.template-business-1 .about-section{text-align:center}.template-business-1 .about-section h2{font-size:2.5rem;margin-bottom:2rem;color:#34495e}.template-business-1 .about-section p{font-size:1.2rem;color:#7f8c8d;max-width:800px;margin:0 auto}.template-business-1 .contact-section{background:#34495e;color:#fff}.template-business-1 .contact-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.template-business-1 .contact-info{text-align:center}.template-business-1 .contact-info p{font-size:1.2rem;margin:1rem 0}.template-business-1 .footer{background:#2c3e50;color:#fff;text-align:center;padding:2rem 0}.template-medical-1 .header,.template-legal-1 .header,.template-retail-1 .header,.template-education-1 .header{background:#27ae60;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}.template-medical-1 .nav,.template-legal-1 .nav,.template-retail-1 .nav,.template-education-1 .nav{display:flex;justify-content:space-between;align-items:center}.template-medical-1 .logo,.template-legal-1 .logo,.template-retail-1 .logo,.template-education-1 .logo{font-size:1.5rem;font-weight:700}.template-medical-1 .nav-menu,.template-legal-1 .nav-menu,.template-retail-1 .nav-menu,.template-education-1 .nav-menu{display:flex;list-style:none;gap:2rem}.template-medical-1 .nav-menu a,.template-legal-1 .nav-menu a,.template-retail-1 .nav-menu a,.template-education-1 .nav-menu a{color:#fff;text-decoration:none;transition:color .3s}.template-medical-1 .nav-menu a:hover,.template-legal-1 .nav-menu a:hover,.template-retail-1 .nav-menu a:hover,.template-education-1 .nav-menu a:hover{opacity:.8}.template-medical-1 .hero,.template-legal-1 .hero,.template-retail-1 .hero,.template-education-1 .hero{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;padding:150px 0 100px;text-align:center}.template-medical-1 .hero-content h1,.template-legal-1 .hero-content h1,.template-retail-1 .hero-content h1,.template-education-1 .hero-content h1{font-size:3rem;margin-bottom:1rem}.template-medical-1 .hero-content p,.template-legal-1 .hero-content p,.template-retail-1 .hero-content p,.template-education-1 .hero-content p{font-size:1.3rem;margin-bottom:2rem}.template-medical-1 .btn,.template-legal-1 .btn,.template-retail-1 .btn,.template-education-1 .btn{display:inline-block;padding:1rem 2rem;background:#fff;color:#27ae60;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s}.template-medical-1 .btn:hover,.template-legal-1 .btn:hover,.template-retail-1 .btn:hover,.template-education-1 .btn:hover{background:#f8f9fa;transform:translateY(-2px)}.template-medical-1 .services-section,.template-medical-1 .doctors-section,.template-legal-1 .services-section,.template-retail-1 .products-section,.template-retail-1 .courses-section,.template-education-1 .courses-section,.template-medical-1 .about-section,.template-legal-1 .about-section,.template-retail-1 .about-section,.template-education-1 .about-section,.template-medical-1 .contact-section,.template-legal-1 .contact-section,.template-retail-1 .contact-section,.template-education-1 .contact-section{padding:4rem 0}.template-medical-1 .services-section,.template-legal-1 .services-section,.template-retail-1 .products-section,.template-education-1 .courses-section{background:#f8f9fa}.template-medical-1 .services-section h2,.template-medical-1 .doctors-section h2,.template-legal-1 .services-section h2,.template-retail-1 .products-section h2,.template-education-1 .courses-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#27ae60}.template-medical-1 .services-grid,.template-legal-1 .services-grid,.template-retail-1 .products-grid,.template-education-1 .courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.template-medical-1 .service-card,.template-legal-1 .service-card,.template-retail-1 .product-card,.template-education-1 .course-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.template-medical-1 .service-card h3,.template-legal-1 .service-card h3,.template-retail-1 .product-card h3,.template-education-1 .course-card h3{font-size:1.5rem;margin-bottom:1rem;color:#27ae60}.template-retail-1 .price{display:block;font-size:1.5rem;font-weight:700;color:#e74c3c;margin-top:1rem}.template-medical-1 .about-section,.template-legal-1 .about-section,.template-retail-1 .about-section,.template-education-1 .about-section{text-align:center}.template-medical-1 .about-section h2,.template-legal-1 .about-section h2,.template-retail-1 .about-section h2,.template-education-1 .about-section h2{font-size:2.5rem;margin-bottom:2rem;color:#27ae60}.template-medical-1 .contact-section,.template-legal-1 .contact-section,.template-retail-1 .contact-section,.template-education-1 .contact-section{background:#27ae60;color:#fff}.template-medical-1 .contact-section h2,.template-legal-1 .contact-section h2,.template-retail-1 .contact-section h2,.template-education-1 .contact-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.template-medical-1 .contact-info,.template-legal-1 .contact-info,.template-retail-1 .contact-info,.template-education-1 .contact-info{text-align:center}.template-medical-1 .contact-info p,.template-legal-1 .contact-info p,.template-retail-1 .contact-info p,.template-education-1 .contact-info p{font-size:1.2rem;margin:1rem 0}.template-medical-1 .footer,.template-legal-1 .footer,.template-retail-1 .footer,.template-education-1 .footer{background:#229954;color:#fff;text-align:center;padding:2rem 0}.template-restaurant-2 .header,.template-business-2 .header{background:#1a1a2e;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}.template-restaurant-2 .nav,.template-business-2 .nav{display:flex;justify-content:space-between;align-items:center}.template-restaurant-2 .logo,.template-business-2 .logo{font-size:1.5rem;font-weight:700}.template-restaurant-2 .nav-menu,.template-business-2 .nav-menu{display:flex;list-style:none;gap:2rem}.template-restaurant-2 .nav-menu a,.template-business-2 .nav-menu a{color:#fff;text-decoration:none;transition:color .3s}.template-restaurant-2 .nav-menu a:hover,.template-business-2 .nav-menu a:hover{opacity:.8}.template-restaurant-2 .hero{background:linear-gradient(135deg,#8b4513,#654321);color:#fff;padding:150px 0 100px;text-align:center}.template-business-2 .hero{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:150px 0 100px;text-align:center}.template-restaurant-2 .hero-content h1,.template-business-2 .hero-content h1{font-size:3rem;margin-bottom:1rem}.template-restaurant-2 .hero-content p,.template-business-2 .hero-content p{font-size:1.3rem;margin-bottom:2rem}.template-restaurant-2 .btn,.template-business-2 .btn{display:inline-block;padding:1rem 2rem;background:#fff;color:#1a1a2e;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s}.template-restaurant-2 .btn:hover,.template-business-2 .btn:hover{background:#f8f9fa;transform:translateY(-2px)}.template-restaurant-2 .menu-section,.template-restaurant-2 .about-section,.template-restaurant-2 .contact-section,.template-business-2 .services-section,.template-business-2 .about-section,.template-business-2 .contact-section{padding:4rem 0}.template-restaurant-2 .menu-section,.template-business-2 .services-section{background:#f8f9fa}.template-restaurant-2 .menu-section h2,.template-business-2 .services-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a2e}.template-restaurant-2 .menu-grid,.template-business-2 .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.template-restaurant-2 .menu-item,.template-business-2 .service-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.template-restaurant-2 .menu-item h3,.template-business-2 .service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1a1a2e}.template-restaurant-2 .price{display:block;font-size:1.5rem;font-weight:700;color:#8b4513;margin-top:1rem}.template-restaurant-2 .about-section,.template-business-2 .about-section{text-align:center}.template-restaurant-2 .about-section h2,.template-business-2 .about-section h2{font-size:2.5rem;margin-bottom:2rem;color:#1a1a2e}.template-restaurant-2 .contact-section,.template-business-2 .contact-section{background:#1a1a2e;color:#fff}.template-restaurant-2 .contact-section h2,.template-business-2 .contact-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.template-restaurant-2 .contact-info,.template-business-2 .contact-info{text-align:center}.template-restaurant-2 .contact-info p,.template-business-2 .contact-info p{font-size:1.2rem;margin:1rem 0}.template-restaurant-2 .footer,.template-business-2 .footer{background:#0f1419;color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.template-restaurant-1 .nav-menu,.template-business-1 .nav-menu,.template-medical-1 .nav-menu,.template-legal-1 .nav-menu,.template-retail-1 .nav-menu,.template-education-1 .nav-menu,.template-restaurant-2 .nav-menu,.template-business-2 .nav-menu{flex-direction:column;gap:1rem}.template-restaurant-1 .hero-content h1,.template-business-1 .hero-content h1,.template-medical-1 .hero-content h1,.template-legal-1 .hero-content h1,.template-retail-1 .hero-content h1,.template-education-1 .hero-content h1,.template-restaurant-2 .hero-content h1,.template-business-2 .hero-content h1{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #3b82f6;--text-color: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--white: #ffffff;--border-color: #e5e7eb;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}body{font-family:Cairo,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--bg-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:2rem 0;box-shadow:var(--shadow)}.logo h1{font-size:2.5rem;margin-bottom:.5rem}.logo p{font-size:1.1rem;opacity:.9}.hero{background:var(--white);padding:3rem 0;text-align:center;border-bottom:1px solid var(--border-color)}.hero h2{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--text-light)}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:2rem 0}.filter-btn{padding:.75rem 1.5rem;border:2px solid var(--primary-color);background:var(--white);color:var(--primary-color);border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;font-family:Cairo,sans-serif}.filter-btn:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow)}.filter-btn.active{background:var(--primary-color);color:var(--white)}.templates-section{padding:2rem 0 4rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.template-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;cursor:pointer}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.template-preview{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.template-info{padding:1.5rem}.template-info h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-color)}.template-info p{color:var(--text-light);margin-bottom:1rem}.template-category{display:inline-block;padding:.25rem .75rem;background:var(--bg-light);color:var(--primary-color);border-radius:15px;font-size:.85rem;font-weight:600}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;overflow:auto}.modal.active{display:block}.modal-content{background-color:var(--white);margin:2% auto;padding:2rem;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;position:relative}.close{color:var(--text-light);float:left;font-size:2rem;font-weight:700;cursor:pointer;position:absolute;left:1rem;top:1rem;z-index:1001}.close:hover{color:var(--text-color)}.template-preview-container{width:100%;max-height:70vh;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;background:#fff}.template-preview-container>*{margin:0}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:var(--text-light);color:var(--white)}.btn-secondary:hover{background:var(--text-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:Cairo,sans-serif;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.info-text{color:var(--text-light);font-size:.9rem;text-align:center;padding:1rem;background:var(--bg-light);border-radius:8px}.footer{background:var(--text-color);color:var(--white);text-align:center;padding:2rem 0;margin-top:4rem}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}.hero h2{font-size:1.8rem}.modal-content{width:95%;margin:5% auto;padding:1rem}.template-preview-iframe{height:50vh}}