/* ========================================================================== VEDAA SPICE - RESPONSIVE STYLING Author:Senior UI/UX Designer & Front-End Developer Description:Clean responsive layout overrides for different screen viewports. ========================================================================== */ @media (max-width:1024px){.nav-menu{gap:20px;}.mega-menu{width:600px;}.about-grid{gap:40px;}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px;}}@media (max-width:991px){.section{padding:60px 0;}.about-grid{grid-template-columns:1fr;}.about-visual img{height:380px;}.cta-grid{grid-template-columns:1fr;text-align:center;}.cta-actions{justify-content:center;}.timeline::after{left:31px;}.timeline-container{width:100%;padding-left:70px;padding-right:25px;}.timeline-container::after{left:21px;right:auto;}.timeline-right{left:0%;}.modal-content{grid-template-columns:1fr;max-height:85vh;overflow-y:auto;}.modal-image{height:250px;min-height:auto;}.modal-details{padding:25px;}}@media (max-width:768px){header{padding:15px 0;background:rgba(33,33,33,0.95);backdrop-filter:blur(10px);}header.scrolled{padding:12px 0;}.nav-menu{display:none;}.nav-actions{gap:15px;}.nav-logo{font-size:1.5rem;}.nav-logo img{height:50px !important;}.mobile-bottom-nav{display:grid;}body{padding-bottom:70px;}.hero-section{min-height:500px;height:85vh;}.hero-content{text-align:center;padding:0 10px;}.hero-buttons{justify-content:center;flex-direction:column;gap:12px;}.hero-title-badge{margin-bottom:15px;}.stats-grid{grid-template-columns:1fr;gap:15px;}.products-grid{grid-template-columns:1fr;gap:25px;}.product-actions{grid-template-columns:1fr;gap:8px;}.quiz-options{grid-template-columns:1fr;}.quiz-container{padding:25px;}}@media (max-width:480px){.section-title{font-size:1.8rem;}.footer-grid{grid-template-columns:1fr;gap:30px;}.footer-bottom{flex-direction:column;gap:15px;text-align:center;}.testimonial-box{padding:30px 20px;}.testimonial-text{font-size:1rem;}.faq-header{font-size:0.95rem;padding:15px;}.faq-content{padding:0 15px;}.faq-item.active .faq-content{padding-bottom:15px;}.btn{width:100%;padding:12px 20px;}.floating-widgets{right:15px;bottom:75px;}.float-whatsapp{width:50px;height:50px;}.float-whatsapp svg{width:25px;height:25px;}.float-enquiry{padding:10px 16px;font-size:0.8rem;}}