html,body{height:100%;margin:0;padding:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(90deg,#d32f2f,#1976d2,#fbc02d);color:#fff;position:sticky;top:0;z-index:999;box-shadow:0 4px 20px #00000040}.logo-slot img{width:65px;height:65px;border-radius:14px;object-fit:cover;box-shadow:0 6px 15px #0000004d;transition:transform .3s ease;cursor:pointer}.logo-slot img:hover{transform:scale(1.08)}.nav-links{display:flex;align-items:center;gap:35px}.nav-links a,.nav-links button{color:#fff;text-decoration:none;font-weight:600;background:transparent;border:none;cursor:pointer;font-size:18px;transition:all .3s ease}.nav-links a:hover,.nav-links button:hover{color:#ffeb3b;transform:scale(1.05)}.language-selector{display:flex;align-items:center;gap:8px}.language-selector button{background:#fff3;border:1px solid #fff;border-radius:6px;color:#fff;padding:4px 10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .25s ease}.language-selector button:hover{background:#fff;color:#1976d2;border-color:#1976d2}.language-selector button.active{background:#fff;color:#1976d2}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;cursor:pointer}.line{height:3px;width:100%;background:#fff;border-radius:2px;transition:.3s ease}.hamburger .line.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}@media (max-width: 900px){.nav-links{position:absolute;top:80px;left:0;right:0;flex-direction:column;background:linear-gradient(180deg,#1976d2,#d32f2f);padding:25px 0;text-align:center;display:none;animation:slideDown .3s ease}.nav-links.open{display:flex}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.language-selector{position:absolute;top:18px;right:65px}.hamburger{display:flex}}@media (max-width: 480px){.navbar{padding:10px 16px}.nav-links a,.nav-links button{font-size:16px}.logo-slot img{width:55px;height:55px}}.footer{background:#0f172a;color:#fff;padding:30px 0;text-align:center;font-family:Poppins,sans-serif;position:relative;bottom:0;width:100%;margin-top:auto}.footer-content h3{margin-bottom:10px;font-size:22px;color:#fbc02d}.footer-content p{max-width:500px;margin:0 auto 20px;line-height:1.5}.footer-contact{margin-bottom:15px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px}.footer-socials a{color:#fff;margin:0 10px;font-size:22px;transition:color .3s ease}.footer-socials a:hover{color:#fbc02d}.footer-bottom{margin-top:20px;font-size:14px;opacity:.8}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#6c63ff,#9c27b0);font-family:Inter,sans-serif}.auth-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #00000026;text-align:center;width:380px}.auth-card h2{color:#6a1b9a;margin-bottom:20px;font-size:24px}.auth-card input{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:1px solid #ddd;font-size:15px}.auth-card button[type=submit]{background:#6a1b9a;color:#fff;padding:12px;border:none;border-radius:8px;width:100%;margin-top:10px;cursor:pointer;font-weight:600;font-size:16px;transition:background .3s}.auth-card button[type=submit]:hover{background:#5e1690}.or{margin:15px 0;color:#777;font-weight:600}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-buttons button{padding:12px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease}.google{background:#db4437}.google:hover{background:#c1351d}.apple{background:#000}.apple:hover{background:#333}.switch-text{margin-top:15px;color:#333;font-size:14px}.switch-text span{color:#6a1b9a;cursor:pointer;font-weight:700;transition:color .3s}.switch-text span:hover{color:#9c27b0}.password-wrapper{position:relative;margin-top:10px}.password-wrapper input{width:100%;border-radius:10px;padding:12px 15px;border:none;font-size:16px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#000;font-size:18px}.admin-container{max-width:1200px;margin:0 auto;padding:30px 20px;font-family:Poppins,sans-serif;color:#333}.admin-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 25px #0003}h1,h2{text-align:center;color:#e53935}.add-product-form input,.add-product-form textarea,.add-product-form select{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #ddd;font-size:16px}.add-product-form button{width:100%;padding:12px;border-radius:8px;border:none;background:#e53935;color:#fff;font-size:16px;cursor:pointer;transition:.3s}.add-product-form button:hover{background:#e53935}.products-list .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.product-card{background:#fff;color:#000;border-radius:10px;padding:15px;text-align:center;box-shadow:0 5px 15px #0003}.product-card img{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:10px}.delete-btn,.delete-all-btn{padding:8px 12px;border:none;border-radius:8px;background:#e53935;color:#fff;cursor:pointer;margin-top:10px}.delete-btn:hover,.delete-all-btn:hover{background:#b71c1c}.messages-grid{display:flex;flex-direction:column;gap:10px;margin-top:15px}.message-card{background:#f1f1f1;color:#000;padding:12px;border-radius:8px;box-shadow:0 0 5px #0003}.home{font-family:Poppins,sans-serif;color:#222;background:#fff;overflow-x:hidden}.hero{position:relative;height:90vh;background:url(https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?auto=format&fit=crop&w=1920&q=80) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero .overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 20px}.hero h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:12px;background:transparent}.hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:700px}.hero-btn{background:linear-gradient(90deg,#6a1b9a,#81c784);color:#fff;padding:12px 28px;border-radius:10px;text-decoration:none;margin-top:20px;font-weight:600;transition:.3s ease}.hero-btn:hover{transform:scale(1.08)}.categories{padding:70px 5%;text-align:center}.categories h2{color:#6a1b9a;margin-bottom:40px;font-size:clamp(1.5rem,2vw,2rem)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:25px;justify-items:center}.category-card{background:#fafafa;border-radius:14px;box-shadow:0 4px 14px #00000014;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:200px}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.category-card img{width:80px;height:80px;object-fit:contain}.category-card p{margin-top:12px;font-weight:600}.featured{background:#f9f9ff;padding:70px 5%;text-align:center}.featured h2{color:#6a1b9a;margin-bottom:40px;font-size:clamp(1.5rem,2vw,2rem)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;justify-items:center}.product-card{background:#fff;border-radius:18px;box-shadow:0 8px 20px #0000001a;padding:20px;transition:.3s ease;max-width:300px;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #6a1b9a40}.product-card img{width:100%;height:220px;object-fit:cover;border-radius:12px}.product-card h4{margin:15px 0 8px;color:#6a1b9a;font-size:18px}.product-card p{font-size:15px;color:#444}.product-card button{background:linear-gradient(135deg,#7f5eff,#4fc3f7);border:none;border-radius:10px;padding:10px;color:#fff;cursor:pointer;transition:.3s ease}.product-card button:hover{background:linear-gradient(135deg,#ff6b6b,#feca57)}.about-short{background:#f3e5f5;padding:70px 5%;text-align:center}.about-short h2{color:#6a1b9a;font-size:clamp(1.5rem,2vw,2rem)}.about-short p{max-width:600px;margin:0 auto 20px;font-size:clamp(.9rem,1.2vw,1rem)}.about-btn{display:inline-block;background:#6a1b9a;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;transition:.3s}.about-btn:hover{background:#4a0072}@media (max-width: 480px),(max-device-width: 480px){.hero{height:70vh}.hero h1{font-size:1.8rem}.hero p{font-size:.95rem}.product-card img{height:180px}}@media (min-width: 481px) and (max-width: 600px){.hero{height:75vh}.hero h1{font-size:2.2rem}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 601px) and (max-width: 1024px){.hero{height:80vh}.hero h1{font-size:2.5rem}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.hero{height:90vh}}.products-page{text-align:center;font-family:Poppins,sans-serif;padding:40px 60px;background:#f8f8ff;min-height:100vh}.products-hero{background:linear-gradient(135deg,#7f5eff,#4fc3f7);color:#fff;padding:60px 25px;border-radius:20px;margin-bottom:40px;box-shadow:0 4px 15px #0003}.products-hero h1{font-size:36px;margin-bottom:12px;color:#fff}.products-hero p{font-size:18px;opacity:.9}.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:35px}.category-btn{background:linear-gradient(135deg,#7f5eff,#4fc3f7);border:none;color:#fff;padding:10px 20px;border-radius:30px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:0 3px 8px #7f5eff66}.category-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#4fc3f7,#7f5eff)}.category-btn.active{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 4px 10px #ff6b6b80}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;justify-items:center;align-items:stretch;padding:10px}.product-card{background:#fff;border-radius:15px;padding:18px;box-shadow:0 3px 10px #00000026;transition:all .3s ease;width:100%;max-width:260px;text-align:center;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #7f5eff66}.product-image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:12px}.product-info h3{font-size:18px;color:#333;margin-bottom:6px}.product-info .desc{font-size:14px;color:#666;margin-bottom:10px}.price{font-size:15px;color:#333;font-weight:500}.price span{color:#7f5eff;font-weight:700}.category{color:#777;font-size:13px}.no-products{font-style:italic;color:#888;font-size:1.1rem;margin-top:40px}.bottom-btn-container{margin-top:50px;text-align:center}.explore-btn{background:linear-gradient(135deg,#7f5eff,#4fc3f7);color:#fff;border:none;padding:14px 34px;font-size:17px;border-radius:35px;cursor:pointer;font-weight:600;transition:all .4s ease;box-shadow:0 5px 15px #7f5eff80}.explore-btn:hover{background:linear-gradient(135deg,#ff6b6b,#feca57);transform:scale(1.05);box-shadow:0 5px 20px #ff6b6b99}.product-card img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:12px}.search-container{text-align:center;margin:25px 0}.search-container input{width:80%;max-width:500px;padding:12px 20px;border:2px solid #1976d2;border-radius:25px;font-size:16px;outline:none;transition:all .3s ease;box-shadow:0 2px 6px #00000026}.search-container input:focus{border-color:#fbc02d;box-shadow:0 0 12px #fbc02d66}@media (max-width: 600px){.search-container input{width:90%;font-size:14px;padding:10px 16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:15px}.spinner{border:6px solid #f3f3f3;border-top:6px solid #7f5eff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:16px;color:#555;font-weight:500}.about-page{background:linear-gradient(180deg,#fff,#f1f5ff);color:#111;padding:50px 20px;font-family:Poppins,sans-serif;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-hero{text-align:center;max-width:900px;margin:0 auto 60px}.about-hero h1{font-size:48px;color:#1976d2;margin-bottom:16px;font-weight:700}.about-hero p{font-size:18px;color:#333;line-height:1.7}.about-mission{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:900px;margin:0 auto 60px;text-align:center;transition:transform .3s}.about-mission:hover{transform:translateY(-8px)}.about-countries{text-align:center;margin-bottom:70px}.countries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin-top:25px;justify-items:center}.country-card{background:#fff;border-radius:12px;padding:20px;width:180px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px #00000014}.country-card:hover{transform:scale(1.08);box-shadow:0 12px 30px #00000026}.country-card img{width:100%;height:100px;object-fit:contain;border-radius:8px;margin-bottom:10px;border:2px solid #eaeaea}.country-card p{font-weight:600;color:#1976d2}.about-values{background:#0f172a;color:#fff;padding:50px;border-radius:16px;max-width:900px;margin:0 auto 60px;text-align:center}.about-values h2{color:#fbc02d;margin-bottom:20px}.about-values ul{list-style:none;padding:0;font-size:18px;line-height:2}.about-team{text-align:center}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:30px}.team-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0000001a;transition:transform .3s}.team-card:hover{transform:translateY(-8px)}.team-card img{width:100%;height:220px;border-radius:12px;object-fit:cover;margin-bottom:12px}.team-card h3{margin:8px 0 4px;color:#1976d2}.team-card p{font-size:14px;color:#444}.contact-page{font-family:Poppins,sans-serif;background:linear-gradient(180deg,#f9fafc,#f3f4f6);color:#111;padding-bottom:80px}.contact-hero{text-align:center;padding:80px 20px 50px;background:linear-gradient(135deg,#7f5eff,#4fc3f7);color:#fff;animation:fadeIn 1s ease-in-out;border-radius:15px;box-shadow:0 10px 30px #0003}.contact-hero h1{font-size:46px;margin-bottom:10px;letter-spacing:1px;background:transparent;color:#fff}.contact-hero p{font-size:20px;opacity:.9}.contact-content{max-width:1200px;margin:40px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;padding:0 20px}.contact-info{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 15px 40px #7f5eff40;transition:transform .3s ease,box-shadow .3s ease}.contact-info:hover{transform:translateY(-5px);box-shadow:0 20px 50px #7f5eff59}.contact-info h2{margin-bottom:20px;color:#7f5eff;font-size:26px;letter-spacing:.5px}.contact-info p{display:flex;align-items:center;gap:15px;font-size:18px;margin:15px 0;font-weight:500}.contact-info p svg{color:#ff6b6b;font-size:22px}.contact-socials{margin-top:25px}.contact-socials a{color:#7f5eff;font-size:28px;margin-right:18px;transition:all .3s ease}.contact-socials a:hover{color:#ff6b6b;transform:scale(1.2)}.contact-form{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 15px 40px #7f5eff33;transition:transform .3s ease,box-shadow .3s ease}.contact-form:hover{transform:translateY(-5px);box-shadow:0 20px 50px #7f5eff4d}.contact-form h2{color:#ff6b6b;margin-bottom:20px;font-size:24px}.contact-form input,.contact-form textarea{width:100%;padding:15px;margin:12px 0;border-radius:12px;border:1px solid #ddd;font-size:16px;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#7f5eff;outline:none}.contact-form textarea{height:140px;resize:none}.contact-form button{width:100%;padding:14px;background:linear-gradient(135deg,#7f5eff,#4fc3f7);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .3s ease,background .3s ease;box-shadow:0 8px 25px #7f5eff59}.contact-form button:hover{transform:translateY(-3px) scale(1.05);background:linear-gradient(135deg,#ff6b6b,#feca57)}.contact-phone{display:flex;align-items:center;gap:8px}.whatsapp-icon{color:#25d366;font-size:22px}.whatsapp-icon:hover{transform:scale(1.2);color:#1ebe57}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}:root{--red:#d32f2f;--blue:#1976d2;--yellow:#fbc02d;--white:#fff;--bg:#0f172a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fffbea,#fff);color:#111}.container{max-width:1200px;margin:24px auto;padding:0 16px}