/* FishKart - Production CSS (Consolidated & Minified) */
:root {--primary: #1a5f7a;--primary-dark: #0f3d50;--accent: #06d6a0;--text-dark: #2c3e50;--text-light: #6c757d;--bg-light: #f8f9fa;--bg-white: #ffffff;--border: #e9ecef;--shadow: 0 2px 8px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);}*{margin: 0;padding: 0;box-sizing: border-box;}html,body{scroll-behavior: smooth;}body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color: var(--text-dark);background-color: var(--bg-white);line-height: 1.6;font-size: 1rem;font-weight: 400;padding-top: 70px;}h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: 1rem;font-weight: 600;color: var(--text-dark);}h1{font-size: 2.5rem;}h2{font-size: 2rem;}h3{font-size: 1.5rem;}h4{font-size: 1.25rem;}h5{font-size: 1.1rem;}h6{font-size: 1rem;}p{margin-bottom: 1rem;font-size: 1rem;}a{color: var(--accent);text-decoration: none;}a:hover{text-decoration: underline;}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline: 2px solid var(--accent);outline-offset: 2px;}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline: none;}.skip-link{position: absolute;top: -40px;left: 0;background: var(--primary);color: white;padding: 8px 16px;text-decoration: none;border-radius: 0 0 4px 0;z-index: 9999;}.skip-link:focus{top: 0;}@media (prefers-contrast: more){:root{--primary: #0a3d52;--primary-dark: #051f2a;--accent: #00a884;}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}.loading-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);display: flex;align-items: center;justify-content: center;z-index: 9999;transition: opacity 0.5s ease;opacity: 1;}.loading-overlay.fade-out{opacity: 0;pointer-events: none;}.loading-container{text-align: center;color: var(--bg-white);}.boat-animation{width: 150px;height: 150px;margin: 0 auto 2rem;}.loading-text{font-size: 1.2rem;font-weight: 600;letter-spacing: 1px;animation: pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity: 1;}50%{opacity: 0.6;}}.back-to-top{position: fixed;bottom: 8rem;right: 2rem;width: 50px;height: 50px;background: var(--primary);color: var(--bg-white);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;cursor: pointer;transition: all 0.3s ease;opacity: 0;visibility: hidden;z-index: 40;box-shadow: var(--shadow-lg);}.back-to-top.show{opacity: 1;visibility: visible;}.back-to-top:hover{background: var(--primary-dark);transform: translateY(-5px);box-shadow: 0 6px 24px rgba(26, 95, 122, 0.3);}.testimonials-section{padding: 4rem 1rem;background: linear-gradient(135deg, #f8f9fa 0%, var(--bg-light) 100%);}.testimonials-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-top: 3rem;}.testimonial-card{background: var(--bg-white);padding: 2rem;border-radius: 12px;box-shadow: var(--shadow);transition: all 0.3s ease;border-left: 4px solid var(--accent);}.testimonial-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-lg);}.testimonial-stars{margin-bottom: 1rem;font-size: 1.1rem;}.testimonial-stars i{color: #ffc107;margin-right: 0.3rem;}.testimonial-text{color: var(--text-dark);font-size: 0.95rem;line-height: 1.6;margin-bottom: 1rem;font-style: italic;}.testimonial-author{color: var(--text-light);font-weight: 600;margin: 0;font-style: normal;}.contact-form-section{padding: 4rem 1rem;background: var(--bg-white);}.contact-form-wrapper{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin-top: 3rem;max-width: 1000px;margin-left: auto;margin-right: auto;}.contact-form{display: flex;flex-direction: column;gap: 1.5rem;}.form-group{display: flex;flex-direction: column;gap: 0.5rem;}.form-group label{font-weight: 600;color: var(--text-dark);font-size: 0.95rem;}.form-group input,.form-group textarea{padding: 0.75rem 1rem;border: 2px solid var(--border);border-radius: 6px;font-family: inherit;font-size: 1rem;transition: all 0.3s ease;}.form-group input:focus,.form-group textarea:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(6, 214, 160, 0.1);}.form-error{color: #dc3545;font-size: 0.85rem;display: none;}.form-error.show{display: block;}.contact-form .btn{align-self: flex-start;padding: 0.75rem 2rem;font-weight: 600;border-radius: 6px;}.contact-info{display: flex;flex-direction: column;gap: 2rem;}.contact-item{display: flex;gap: 1.5rem;align-items: flex-start;}.contact-item i{font-size: 1.5rem;color: var(--accent);flex-shrink: 0;margin-top: 0.3rem;}.contact-item h4{margin: 0 0 0.5rem 0;color: var(--text-dark);font-weight: 600;}.contact-item p{margin: 0;color: var(--text-light);}.contact-item a{color: var(--accent);text-decoration: none;transition: all 0.3s ease;}.contact-item a:hover{color: var(--primary);text-decoration: underline;}.newsletter-section{padding: 4rem 1rem;background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color: var(--bg-white);}.newsletter-content{max-width: 600px;margin: 0 auto;text-align: center;}.newsletter-content h2{color: var(--bg-white);margin-bottom: 1rem;}.newsletter-content p{color: rgba(255, 255, 255, 0.9);margin-bottom: 2rem;}.newsletter-form{display: flex;gap: 1rem;margin-bottom: 1rem;flex-wrap: wrap;justify-content: center;}.newsletter-form .form-control{flex: 1;min-width: 250px;padding: 0.75rem 1rem;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 6px;background: rgba(255, 255, 255, 0.95);font-size: 0.95rem;transition: all 0.3s ease;}.newsletter-form .form-control:focus{outline: none;border-color: var(--accent);background: var(--bg-white);box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);}.newsletter-form .btn{padding: 0.75rem 2rem;font-weight: 600;white-space: nowrap;}.newsletter-message{color: rgba(255, 255, 255, 0.9);font-size: 0.85rem;}.toast-container{position: fixed;top: 20px;right: 20px;z-index: 10000;display: flex;flex-direction: column;gap: 10px;pointer-events: none;}.toast{padding: 1rem 1.5rem;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);display: flex;align-items: center;gap: 1rem;animation: slideIn 0.3s ease-out forwards;pointer-events: all;max-width: 400px;min-width: 300px;background: white;color: #333;}.toast.success{background: linear-gradient(135deg, #06d6a0 0%, #04b896 100%);color: white;border-left: 4px solid #04b896;}.toast.error{background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);color: white;border-left: 4px solid #c82333;}.toast.info{background: linear-gradient(135deg, #1a5f7a 0%, #0f3d50 100%);color: white;border-left: 4px solid #0f3d50;}.toast.warning{background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);color: #333;border-left: 4px solid #ffb300;}.toast i{font-size: 1.2rem;flex-shrink: 0;}.toast.success i,.toast.error i,.toast.info i{color: white;}.toast.warning i{color: #333;}.toast-message{flex: 1;font-weight: 500;}.toast-close{background: none;border: none;color: inherit;cursor: pointer;font-size: 1.2rem;padding: 0;flex-shrink: 0;opacity: 0.8;transition: opacity 0.2s;}.toast-close:hover{opacity: 1;}@keyframes slideIn{from{transform: translateX(400px);opacity: 0;}to{transform: translateX(0);opacity: 1;}}@keyframes slideOut{from{transform: translateX(0);opacity: 1;}to{transform: translateX(400px);opacity: 0;}}.toast.removing{animation: slideOut 0.3s ease-out forwards;}@media (max-width: 480px){.toast-container{top: 10px;right: 10px;left: 10px;}.toast{min-width: auto;max-width: none;}}@media (prefers-reduced-motion: reduce){.toast,.toast.removing{animation: none;}}.social-links{display: flex;gap: 1rem;margin-top: 1.5rem;flex-wrap: wrap;}.social-link{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(6, 214, 160, 0.2);color: var(--accent);text-decoration: none;transition: all 0.3s ease;}.social-link:hover{background: var(--accent);color: var(--bg-white);transform: translateY(-3px);text-decoration: none;}.main-header{background: var(--bg-white);border-bottom: 2px solid var(--accent);position: fixed;top: 0;left: 0;right: 0;z-index: 100;box-shadow: 0 4px 12px rgba(26, 95, 122, 0.12);transition: box-shadow 0.3s ease;}.navbar-modern{padding: 0.75rem 0;}.navbar-container{max-width: 1200px;margin: 0 auto;padding: 0.75rem 1rem;display: flex;justify-content: space-between;align-items: center;}.navbar-brand{display: flex;align-items: center;justify-content: center;color: var(--primary);text-decoration: none;font-size: 1.6rem;font-weight: 700;transition: all 0.3s ease;padding: 0.5rem 0;flex-shrink: 0;}.navbar-brand:hover{opacity: 0.9;transform: scale(1.03);filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));}.brand-logo{height: 120px;width: auto;max-width: 280px;object-fit: contain;filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));transition: all 0.3s ease;}.navbar-brand:hover .brand-logo{filter: drop-shadow(0 4px 12px rgba(6, 214, 160, 0.3));}@media (max-width: 768px){.brand-logo{height: 100px;}}@media (max-width: 480px){.brand-logo{height: 80px;}}@media (max-width: 380px){.brand-logo{height: 65px;}}.navbar-menu{display: flex;align-items: center;gap: 2.5rem;}.nav-link{color: var(--text-dark);text-decoration: none;font-weight: 600;transition: color 0.3s ease;font-size: 0.95rem;padding: 0.5rem 0;border-bottom: 2px solid transparent;}.nav-link:hover{color: var(--accent);border-bottom-color: var(--accent);}.nav-cta{background: var(--accent);color: var(--bg-white);padding: 0.6rem 1.4rem;border-radius: 6px;text-decoration: none;font-weight: 700;transition: all 0.3s ease;border: none;cursor: pointer;font-size: 0.95rem;box-shadow: 0 4px 12px rgba(6, 214, 160, 0.25);}.nav-cta:hover{background: #04b896;transform: translateY(-3px);box-shadow: 0 6px 16px rgba(6, 214, 160, 0.35);}.mobile-toggle{display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 0.5rem;}.mobile-toggle span{width: 25px;height: 3px;background: var(--primary);border-radius: 2px;transition: all 0.3s;}.mobile-toggle.active span:nth-child(1){transform: rotate(45deg) translate(8px, 8px);}.mobile-toggle.active span:nth-child(2){opacity: 0;}.mobile-toggle.active span:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);}.hero-section{background: linear-gradient(135deg, rgba(26, 95, 122, 0.85) 0%, rgba(15, 61, 80, 0.85) 100%), url('/images/hero.jpg') center/cover no-repeat;color: var(--bg-white);padding: 5rem 1rem;text-align: center;min-height: 500px;display: flex;align-items: center;justify-content: center;position: relative;}.hero-content{max-width: 800px;margin: 0 auto;width: 100%;}.hero-section h1{font-size: 3rem;font-weight: 700;margin: 0 0 1rem 0;padding: 0;line-height: 1.2;color: var(--bg-white);}.hero-subtitle{font-size: 1.25rem;margin: 0 0 2rem 0;padding: 0;opacity: 0.95;font-weight: 400;color: var(--bg-white);}.hero-features{display: flex;justify-content: center;gap: 1.5rem;margin: 0 0 2rem 0;padding: 0;flex-wrap: wrap;}.feature-item{background: rgba(255, 255, 255, 0.15);padding: 0.75rem 1.5rem;border-radius: 20px;font-size: 0.95rem;backdrop-filter: blur(10px);margin: 0;color: var(--bg-white);border: none;}.hero-cta{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin: 0;padding: 0;}.btn{padding: 0.75rem 1.5rem;border-radius: 4px;text-decoration: none;font-weight: 600;transition: all 0.3s;border: 2px solid transparent;cursor: pointer;display: inline-block;margin: 0;font-size: 1rem;min-height: auto;}.btn:hover{text-decoration: none;}.btn-primary{background: var(--accent);color: var(--primary);border-color: var(--accent);}.btn-primary:hover{background: #04b896;border-color: #04b896;transform: translateY(-3px);box-shadow: var(--shadow-lg);}.btn-outline-primary{background: transparent;color: var(--bg-white);border-color: var(--bg-white);}.btn-outline-primary:hover{background: rgba(255, 255, 255, 0.1);border-color: var(--bg-white);transform: translateY(-3px);}.products-section{padding: 5rem 1rem;background: linear-gradient(to bottom, var(--bg-white) 0%, var(--bg-light) 100%);}.container{max-width: 1200px;margin: 0 auto;width: 100%;padding-left: 1rem;padding-right: 1rem;}.section-header{text-align: center;margin-bottom: 3rem;padding: 0;}.section-header h2{font-size: 2.25rem;color: var(--primary);margin: 0 0 0.5rem 0;padding: 0;font-weight: 700;}.section-subtitle{color: var(--text-light);font-size: 1.1rem;margin: 0;padding: 0;}.products-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 2rem;width: 100%;margin: 0;padding: 0;}.product-card{background: var(--bg-white);border: 1px solid var(--border);border-radius: 12px;overflow: hidden;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 12px rgba(26, 95, 122, 0.08);margin: 0;padding: 0;display: flex;flex-direction: column;height: 100%;animation: fadeInUp 0.5s ease-out forwards;opacity: 0;position: relative;}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}.product-card:hover{box-shadow: 0 12px 32px rgba(26, 95, 122, 0.15);transform: translateY(-8px);border-color: var(--accent);}.product-image{width: 100%;height: 260px;background: linear-gradient(135deg, var(--bg-light) 0%, #e8f4f8 100%);overflow: hidden;margin: 0;padding: 0;position: relative;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.product-image img{width: 100%;height: 100%;object-fit: contain;padding: 0.75rem;transition: transform 0.3s ease;margin: 0;display: block;background: white;}.product-card:hover .product-image img{transform: scale(1.12) rotate(1deg);}.product-image::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 30% 30%, rgba(6, 214, 160, 0.05), transparent 70%);pointer-events: none;}.product-info{padding: 0.85rem 1rem 1rem 1rem;margin: 0;flex-grow: 1;display: flex;flex-direction: column;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), var(--bg-white));}.product-name{font-size: 1.1rem;font-weight: 700;color: var(--primary);margin: 0 0 0.35rem 0;padding: 0;display: flex;align-items: center;gap: 0.4rem;}.product-name i{font-size: 1.2rem;color: var(--accent);}.product-description{color: var(--text-light);font-size: 0.8rem;margin: 0 0 0.6rem 0;padding: 0;line-height: 1.35;}.product-badge{display: inline-block;background: var(--accent);color: var(--bg-white);padding: 0.25rem 0.6rem;border-radius: 20px;font-size: 0.75rem;margin: 0 0 0.65rem 0;width: fit-content;font-weight: 600;}.product-actions{display: flex;gap: 0.6rem;margin-top: auto;padding: 0.5rem 0 0 0;}.product-btn{flex: 1;padding: 0.6rem 0.5rem;border: none;border-radius: 6px;text-decoration: none;text-align: center;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-size: 0.85rem;margin: 0;display: flex;align-items: center;justify-content: center;gap: 0.3rem;color: var(--bg-white);}.product-btn i{font-size: 0.95rem;}.product-btn-whatsapp{background: var(--accent);color: var(--bg-white);}.product-btn-whatsapp:hover{background: #04b896;text-decoration: none;transform: translateY(-2px);}.product-btn-call{background: var(--primary);color: var(--bg-white);}.product-btn-call:hover{background: var(--primary-dark);text-decoration: none;transform: translateY(-2px);}.how-it-works-section{background: linear-gradient(135deg, var(--bg-light) 0%, #e8f4f8 100%);padding: 2.5rem 1rem;}.how-it-works-section h2{font-size: 2.5rem;color: var(--primary);margin: 0 0 0.5rem 0;padding: 0;text-align: center;font-weight: 700;}.how-it-works-section .section-subtitle{text-align: center;margin: 0 0 2rem 0;padding: 0;color: var(--text-light);font-size: 1.1rem;}.steps-flow{display: flex;align-items: center;justify-content: center;gap: 1.5rem;margin: 0 0 2rem 0;padding: 0;flex-wrap: wrap;}.step-item{text-align: center;flex: 0 1 auto;padding: 0;}.step-icon-circle{width: 70px;height: 70px;background: linear-gradient(135deg, var(--accent) 0%, #04b896 100%);color: var(--bg-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto 0.75rem;box-shadow: 0 4px 15px rgba(6, 214, 160, 0.2);transition: transform 0.3s;}.step-item:hover .step-icon-circle{transform: scale(1.1);}.step-item h3{color: var(--primary);margin: 0 0 0.3rem 0;padding: 0;font-size: 1.1rem;font-weight: 700;}.step-item p{color: var(--text-light);margin: 0;padding: 0;font-size: 0.85rem;line-height: 1.3;}.flow-arrow{display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: var(--accent);flex: 0 0 auto;min-width: 30px;}.how-it-works-info{display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 1.5rem;margin-top: 1.5rem;padding-top: 1.5rem;border-top: 2px solid rgba(26, 95, 122, 0.1);}.info-card{text-align: center;padding: 1.5rem 1rem;background: var(--bg-white);border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);transition: all 0.3s;}.info-card:hover{box-shadow: 0 8px 20px rgba(26, 95, 122, 0.12);transform: translateY(-5px);}.info-icon{width: 60px;height: 60px;background: linear-gradient(135deg, var(--accent) 0%, #04b896 100%);color: var(--bg-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;margin: 0 auto 0.75rem;box-shadow: 0 4px 15px rgba(6, 214, 160, 0.2);}.info-card h4{color: var(--primary);margin: 0 0 0.4rem 0;padding: 0;font-size: 0.95rem;font-weight: 600;}.info-card p{color: var(--text-light);margin: 0;padding: 0;font-size: 0.85rem;line-height: 1.4;}.main-footer{background: #1a5f7a !important;color: #ffffff !important;padding: 3rem 1rem 0;margin: 0;border-top: 4px solid var(--accent);box-shadow: 0 -5px 20px rgba(26, 95, 122, 0.15);}.footer-container{max-width: 1200px;margin: 0 auto;padding-left: 1rem;padding-right: 1rem;}.footer-grid{display: flex;justify-content: space-between;align-items: flex-start;gap: 3.5rem;margin: 0 0 3rem 0;padding: 0 1rem;flex-wrap: wrap;}.footer-brand h3{font-size: 1.7rem;color: var(--accent);margin: 0 0 1.25rem 0;padding: 0;font-weight: 700;display: flex;align-items: center;gap: 0.6rem;}.footer-brand{flex: 1;min-width: 200px;padding: 0.5rem 1.5rem 0.5rem 0;}.footer-brand p{opacity: 0.9;line-height: 1.8;font-size: 0.95rem;margin: 0;padding: 0;color: #d4d4d4;font-weight: 500;}.footer-section{flex: 1;min-width: 160px;padding: 0.5rem 1rem 0.5rem 0;}.footer-section h4{margin: 0 0 1.5rem 0;padding: 0.75rem 0 0.75rem 0;color: var(--accent);font-weight: 700;font-size: 1.15rem;text-transform: uppercase;letter-spacing: 1px;border-bottom: 2px solid rgba(6, 214, 160, 0.3);display: inline-block;}.footer-section p{margin: 0 0 1.25rem 0;padding: 0;opacity: 0.95;font-size: 0.95rem;color: #f0f0f0;font-weight: 500;}.footer-section a{color: var(--accent);text-decoration: none;transition: all 0.3s ease;font-size: 0.95rem;display: inline-flex;align-items: center;gap: 0.5rem;font-weight: 600;}.footer-section a:hover{color: #ffffff;text-decoration: none;transform: translateX(5px);padding-left: 5px;}.footer-cta{display: flex;gap: 1.5rem;margin: 0 0 2rem 0;padding: 2rem 0 0 0;flex-wrap: wrap;border-top: 1px solid rgba(255, 255, 255, 0.15);}.footer-btn{flex: 1;min-width: 180px;padding: 0.85rem 1.5rem;border-radius: 6px;text-decoration: none;text-align: center;font-weight: 600;transition: all 0.3s ease;border: 2px solid transparent;cursor: pointer;margin: 0;font-size: 0.95rem;display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;}.footer-btn i{font-size: 1.1rem;}.footer-btn-primary{background: var(--accent);color: #0f3d50;font-weight: 700;}.footer-btn-primary:hover{background: #04b896;transform: translateY(-2px);text-decoration: none;box-shadow: 0 8px 20px rgba(6, 214, 160, 0.3);}.footer-btn-secondary{background: transparent;color: #ffffff;border-color: #ffffff;font-weight: 600;}.footer-btn-secondary:hover{background: rgba(255, 255, 255, 0.12);border-color: var(--accent);color: var(--accent);text-decoration: none;}.footer-bottom{text-align: center;padding: 1.5rem 0 2rem 0;margin: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);opacity: 1;font-size: 0.85rem;color: #ffffff;}.footer-bottom p{margin: 0;padding: 0;}.whatsapp-float{position: fixed;bottom: 2rem;right: 2rem;width: 60px;height: 60px;background: var(--accent);color: var(--bg-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;text-decoration: none;box-shadow: var(--shadow-lg);transition: all 0.3s;z-index: 50;margin: 0;padding: 0;border: none;cursor: pointer;}.whatsapp-float:hover{background: #04b896;transform: scale(1.1);text-decoration: none;}.mobile-overlay{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 90;opacity: 0;transition: opacity 0.3s;margin: 0;padding: 0;}.mobile-overlay.active{display: block;opacity: 1;}.mobile-menu{display: none;position: fixed;top: 0;right: 0;bottom: 0;width: 100%;max-width: 300px;background: var(--bg-white);z-index: 100;padding: 2rem 1rem;transform: translateX(100%);transition: transform 0.3s;overflow-y: auto;margin: 0;}.mobile-menu.active{transform: translateX(0);display: block;}.mobile-menu-header{margin: 0 0 2rem 0;padding: 0;}.mobile-menu-header h2{color: var(--primary);margin: 0;padding: 0;font-size: 1.25rem;font-weight: 700;}.mobile-menu-link{display: block;padding: 1rem;margin: 0;color: var(--text-dark);text-decoration: none;border-bottom: 1px solid var(--border);transition: background 0.3s;font-size: 0.95rem;}.mobile-menu-link:hover{background: var(--bg-light);color: var(--accent);text-decoration: none;}.mobile-menu-cta{background: var(--accent);color: var(--bg-white);border: none;border-radius: 4px;margin: 1rem 0 0 0;padding: 0.75rem 1.5rem;font-weight: 600;font-size: 0.95rem;width: 100%;text-align: center;cursor: pointer;transition: background 0.3s;}.mobile-menu-cta:hover{background: #04b896;text-decoration: none;}.text-center{text-align: center;}.text-muted{color: var(--text-light);}.mt-1{margin-top: 0.5rem;}.mt-2{margin-top: 1rem;}.mt-3{margin-top: 1.5rem;}.mt-4{margin-top: 2rem;}.mb-1{margin-bottom: 0.5rem;}.mb-2{margin-bottom: 1rem;}.mb-3{margin-bottom: 1.5rem;}.mb-4{margin-bottom: 2rem;}.px-1{padding-left: 0.5rem;padding-right: 0.5rem;}.px-2{padding-left: 1rem;padding-right: 1rem;}a,button{transition: all 0.3s ease;}@media (max-width: 768px){.navbar-menu{display: none;}.mobile-toggle{display: flex;}.hero-section h1{font-size: 2rem;}.hero-subtitle{font-size: 1rem;}.hero-features{flex-direction: column;gap: 1rem;}.feature-item{padding: 0.6rem 1.2rem;font-size: 0.9rem;}.hero-cta{flex-direction: column;}.btn{width: 100%;}.products-grid{grid-template-columns: 1fr;gap: 1.5rem;}.steps-flow{gap: 0.75rem;}.section-header h2{font-size: 1.75rem;}.footer-grid{flex-direction: column;gap: 1.5rem;}.footer-cta{flex-direction: column;}.footer-btn{width: 100%;}.whatsapp-float{width: 50px;height: 50px;bottom: 1.5rem;right: 1.5rem;font-size: 1.5rem;}.back-to-top{bottom: 7rem;right: 1.5rem;width: 45px;height: 45px;font-size: 1.2rem;}.hero-section{min-height: 400px;padding: 3rem 1rem;}.contact-form-wrapper{grid-template-columns: 1fr;gap: 2rem;}.contact-form button{width: 100%;align-self: stretch;}.newsletter-form{flex-direction: column;}.newsletter-form .form-control{min-width: 100%;}.testimonials-grid{grid-template-columns: 1fr;}}@media (max-width: 480px){.navbar-container{gap: 1rem;}.hero-section h1{font-size: 1.5rem;}.hero-subtitle{font-size: 0.95rem;}.products-grid{grid-template-columns: 1fr;}.how-it-works-section h2{font-size: 1.75rem;}.steps-flow{gap: 0.75rem;}.flow-arrow{font-size: 1.2rem;min-width: 25px;}.step-icon-circle{width: 60px;height: 60px;font-size: 1.5rem;margin: 0 auto 0.5rem;}.step-item h3{font-size: 0.95rem;}.step-item p{font-size: 0.75rem;}.how-it-works-info{grid-template-columns: 1fr;gap: 1.5rem;}.info-icon{width: 60px;height: 60px;font-size: 1.5rem;}.section-header h2{font-size: 1.5rem;}.footer-grid{flex-direction: column;gap: 1.5rem;}.products-section,.how-it-works-section,.main-footer{padding: 2rem 0.75rem;}}