*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem;color:#2563eb}.nav-logo .logo-large{height:52px;width:auto;border-radius:8px}.nav-menu{display:flex;gap:30px}.nav-link{background:none;border:none;color:#333;font-size:1rem;font-weight:500;cursor:pointer;padding:8px 0;transition:color .3s ease;text-decoration:none}.nav-link:hover{color:#2563eb}.nav-actions{display:flex;align-items:center;gap:15px}.language-selector{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9rem;cursor:pointer}.hero{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);color:#fff;padding:120px 0 80px;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero-logo{margin-bottom:30px}.hero-logo-img{width:200px;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000004d}.hero-title{font-size:3rem;font-weight:800;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;margin-bottom:20px;font-weight:300}.hero-description{font-size:1.1rem;margin-bottom:40px;opacity:.9;line-height:1.7}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:#dc2626;color:#fff}.btn-primary:hover{background:#b91c1c;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#2563eb}section{padding:80px 0}section h2{font-size:2.5rem;text-align:center;margin-bottom:20px;color:#1f2937}.section-subtitle{text-align:center;font-size:1.2rem;color:#6b7280;margin-bottom:50px}.why-choose{background:#f8fafc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:50px}.feature-card{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{font-size:1.3rem;margin-bottom:15px;color:#1f2937}.products-grid,.sachets-grid,.liners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.product-card,.sachet-card,.liner-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.product-card:hover,.sachet-card:hover,.liner-card:hover{transform:translateY(-5px)}.product-images,.sachet-images,.liner-images{display:flex;height:200px}.product-images img,.sachet-images img,.liner-images img{width:50%;height:100%;object-fit:cover}.product-content,.sachet-content,.liner-content{padding:25px}.product-content h3,.sachet-content h3,.liner-content h3{font-size:1.4rem;margin-bottom:10px;color:#1f2937}.product-tag,.sachet-tag,.liner-tag{background:#2563eb;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:15px}.laboratory{background:#f8fafc}.lab-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lab-features{margin-top:30px}.lab-feature{padding:15px 0;font-size:1.1rem;color:#374151}.lab-image img{width:100%;border-radius:12px;box-shadow:0 10px 30px #0003}.packaging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.packaging-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.packaging-card:hover{transform:translateY(-5px)}.packaging-card img{width:100%;height:200px;object-fit:cover}.packaging-card h3{padding:20px 20px 10px;font-size:1.2rem;color:#1f2937}.packaging-card p{padding:0 20px 20px;color:#6b7280}.faq{background:#f8fafc}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:50px}.faq-item{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.faq-item h3{font-size:1.2rem;color:#1f2937;margin-bottom:15px;line-height:1.4}.faq-item p{color:#6b7280;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-content{padding:25px}.blog-tag{background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:15px}.blog-card h3{font-size:1.3rem;margin-bottom:10px;color:#1f2937}.blog-date{color:#6b7280;font-size:.9rem;margin-bottom:15px}.blog-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:15px;transition:background .3s ease}.blog-btn:hover{background:#1d4ed8}.downloads{background:#1f2937;color:#fff}.downloads h2{color:#fff}.downloads .section-subtitle{color:#d1d5db}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:50px}.download-card{background:#374151;border-radius:12px;overflow:hidden;transition:transform .3s ease}.download-card:hover{transform:translateY(-5px)}.download-images{display:flex;height:150px;background:#4b5563}.download-images img{width:50%;height:100%;object-fit:cover}.download-content{padding:25px}.download-content h3{font-size:1.3rem;margin-bottom:15px;color:#fff}.download-meta{display:flex;gap:15px;margin-bottom:15px}.download-type,.download-size{background:#6b7280;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem}.download-btn{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:15px;transition:background .3s ease}.download-btn:hover{background:#b91c1c}.contact{background:#f8fafc}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-item h3{font-size:1.2rem;color:#1f2937;margin-bottom:10px}.contact-item p{color:#6b7280;line-height:1.6}.contact-item a{color:#2563eb;text-decoration:none}.contact-item a:hover{text-decoration:underline}.whatsapp-link{display:inline-block;margin-left:15px;background:#25d366;color:#fff!important;padding:5px 10px;border-radius:20px;font-size:.9rem;text-decoration:none!important}.whatsapp-link:hover{background:#20ba5a}.contact-text{display:flex;flex-direction:column;justify-content:center}.contact-text p{font-size:1.1rem;line-height:1.7;margin-bottom:30px;color:#374151}.footer{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);color:#fff;text-align:center;padding:2rem 0;margin-top:4rem}.footer p{margin:.5rem 0;opacity:.9}.rtl{direction:rtl}.rtl .nav-container,.rtl .nav-menu,.rtl .hero-buttons{flex-direction:row-reverse}.rtl .features-grid,.rtl .products-grid,.rtl .sachets-grid,.rtl .liners-grid,.rtl .packaging-grid,.rtl .blog-grid,.rtl .downloads-grid,.rtl .faq-grid{direction:rtl}.rtl .lab-content{grid-template-columns:1fr 1fr;direction:rtl}.rtl .contact-content{direction:rtl}@media (max-width: 768px){.nav-menu{display:none}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.lab-content,.contact-content{grid-template-columns:1fr;gap:40px}.products-grid,.sachets-grid,.liners-grid,.blog-grid,.downloads-grid,.faq-grid{grid-template-columns:1fr}.packaging-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}section{padding:60px 0}section h2{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.nav-logo .logo-large{height:40px}.hero-logo-img{width:150px}.container{padding:0 15px}}.hero-logo-main{text-align:center;margin-bottom:2rem}.hero-logo-main-img{width:300px;height:auto;max-width:100%;border-radius:15px;box-shadow:0 8px 32px #0000001a}.packaging-banner{display:flex;gap:1rem;margin:2rem 0;overflow-x:auto;padding:1rem 0;justify-content:center}.packaging-banner img{width:200px;height:150px;object-fit:cover;border-radius:10px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;transition:transform .3s ease}.packaging-banner img:hover{transform:scale(1.05)}.packaging-text-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.packaging-text-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.packaging-text-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.packaging-text-card h3{color:#2563eb;margin-bottom:1rem;font-size:1.3rem}@media (min-width: 768px){.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:80vh;padding-top:100px}.hero-text{text-align:left}.hero-logo-main{margin-bottom:1.5rem}.hero-logo-main-img{width:250px}.packaging-banner{justify-content:space-between;flex-wrap:wrap}.packaging-banner img{width:calc(25% - .75rem);min-width:180px}}@media (max-width: 767px){.hero-logo-main-img{width:200px}.packaging-banner{justify-content:flex-start}.packaging-banner img{width:150px;height:120px}}
