/* SD EVENTS - RESPONSIVE STYLES */

@media (max-width:1024px) {
    :root { --text-6xl:3rem; --text-7xl:3.5rem; --text-5xl:2.5rem; --text-4xl:2rem; }
    .grid-4 { grid-template-columns:repeat(2,1fr); }
    .portfolio-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:repeat(2,1fr); }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .insta-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:768px) {
    :root { --text-6xl:2.25rem; --text-7xl:2.5rem; --text-5xl:1.8rem; --text-4xl:1.6rem; --text-3xl:1.35rem; --text-2xl:1.25rem; }
    
    /* Mobile Navigation */
    .hamburger { display:flex; }
    .nav-links { position:fixed; top:0; right:-100%; width:80%; max-width:320px; height:100vh; background:linear-gradient(180deg,var(--dark),var(--dark-lighter)); flex-direction:column; justify-content:flex-start; gap:20px; padding:100px 30px 40px; transition:right .4s cubic-bezier(.4,0,.2,1); box-shadow:-10px 0 40px rgba(0,0,0,.5); z-index:1000; overflow-y:auto; }
    .nav-links.active { right:0; }
    .nav-links a { font-size:var(--text-lg); letter-spacing:2px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.05); }
    .nav-cta { display:none; }
    
    /* Mobile Hero */
    .hero { min-height:100vh; }
    .hero-content h1 { font-size:2.2rem; line-height:1.15; }
    .hero-content .hero-label { font-size:var(--text-sm); letter-spacing:2px; }
    .hero-content .hero-desc { font-size:var(--text-base); }
    .hero-buttons { flex-direction:column; align-items:center; gap:var(--space-md); }
    .hero-buttons .btn { width:100%; max-width:280px; padding:14px 32px; }
    .hero-dots { bottom:70px; }
    .hero-scroll { bottom:25px; }
    
    /* Mobile Grids */
    .grid-2, .grid-3 { grid-template-columns:1fr; }
    .grid-2[style*="gap:var(--space-4xl)"] { gap:var(--space-2xl)!important; }
    .portfolio-grid { grid-template-columns:repeat(2,1fr); gap:var(--space-md); }
    .portfolio-item { height:250px; }
    .stats-grid { grid-template-columns:repeat(2,1fr); gap:var(--space-md); }
    .stat-item .stat-number { font-size:var(--text-4xl); }
    .footer-grid { grid-template-columns:1fr; gap:var(--space-xl); }
    .footer-bottom { flex-direction:column; gap:var(--space-md); text-align:center; }
    
    /* Mobile Sections */
    .section { padding:var(--space-3xl) 0; }
    .section-sm { padding:var(--space-2xl) 0; }
    .container { padding:0 var(--space-lg); }
    .section-header { margin-bottom:var(--space-2xl); }
    .section-header h2 { font-size:var(--text-3xl); }
    .section-header p { font-size:var(--text-base); }
    
    /* Mobile Page Headers */
    .page-header { height:35vh; min-height:260px; }
    .page-header-content h1 { font-size:var(--text-3xl); }
    
    /* Mobile Cards */
    .service-card { padding:var(--space-xl); }
    .service-card .icon { width:64px; height:64px; font-size:1.5rem; }
    .contact-info-card { flex-direction:column; text-align:center; align-items:center; padding:var(--space-lg); }
    .contact-info-card .icon { width:50px; height:50px; min-width:50px; }
    .blog-card .blog-img { height:180px; }
    .video-card { height:220px; }
    .video-card .play-btn { width:56px; height:56px; }
    
    /* Mobile Packages */
    .package-card { padding:var(--space-xl); }
    .package-card.featured { transform:none; }
    .package-card.featured:hover { transform:translateY(-5px); }
    .package-card .price { font-size:var(--text-3xl); }
    
    /* Mobile Testimonials */
    .testimonial-slide { padding:var(--space-lg); }
    .testimonial-slide .quote { font-size:var(--text-xl); }
    .testimonial-slide .quote::before { font-size:3rem; top:-10px; left:-5px; }
    
    /* Mobile Team */
    .team-card .team-img { width:150px; height:150px; }
    
    /* Mobile Filter */
    .filter-bar { gap:var(--space-sm); }
    .filter-btn { padding:8px 18px; font-size:var(--text-xs); }
    
    /* Mobile FAQ */
    .faq-question { padding:var(--space-md) var(--space-lg); font-size:var(--text-base); }
    .faq-answer-inner { padding:0 var(--space-lg) var(--space-md); font-size:var(--text-sm); }
    
    /* Mobile Forms */
    .form-group input, .form-group textarea, .form-group select { padding:12px 16px; font-size:var(--text-sm); }
    
    /* Reverse order on mobile for alternating layouts */
    [style*="order:2"] { order:0!important; }
    [style*="order:1"] { order:0!important; }
    
    /* Mobile Map */
    iframe { height:300px!important; }
    .map-container { height:300px; }
    .map-header { padding:var(--space-lg); }
    .map-address { padding:var(--space-md) var(--space-lg); flex-direction:column; gap:var(--space-xs); }
    
    /* Mobile Contact Cards */
    .contact-card-premium { padding:var(--space-xl) var(--space-lg); }
    .contact-card-icon { width:60px; height:60px; font-size:1.3rem; }
    .contact-card-link { font-size:var(--text-base); }
    
    /* Mobile Contact Form */
    .contact-form-wrapper { padding:var(--space-xl); }
    .contact-form-header { flex-direction:column; text-align:center; gap:var(--space-sm); }
    .quick-contact-bar { flex-direction:column; text-align:center; gap:var(--space-md); padding:var(--space-lg); }
    .quick-contact-bar > div { justify-content:center; }
}

@media (max-width:480px) {
    :root { --text-6xl:1.75rem; --text-7xl:2rem; --text-5xl:1.5rem; --text-4xl:1.35rem; --text-3xl:1.2rem; }
    
    .hero-content h1 { font-size:1.8rem; }
    .portfolio-grid { grid-template-columns:1fr; }
    .portfolio-item { height:280px; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .insta-grid { grid-template-columns:repeat(2,1fr); }
    
    .btn { padding:12px 24px; font-size:var(--text-sm); }
    .btn-lg { padding:14px 32px; font-size:var(--text-base); }
    
    .fab-container { bottom:24px; right:20px; }
    .fab-toggle { width:52px; height:52px; }
    .fab-toggle i { font-size:1.3rem; }
    .fab-option .fab-btn { width:44px; height:44px; }
    .fab-option .fab-label { display:none; }
    
    .lightbox-nav { font-size:1.5rem; padding:10px; }
    .lightbox-prev { left:5px; }
    .lightbox-next { right:5px; }
    .lightbox-close { top:10px; right:10px; font-size:1.5rem; }
    
    .navbar { padding:14px 0; }
    .nav-logo img { height:80px; }
    .nav-logo .logo-text { font-size:var(--text-xl); }
    
    .footer { padding:var(--space-2xl) 0 var(--space-lg); }
    .footer-social a { width:38px; height:38px; font-size:var(--text-base); }
    
    .container { padding:0 var(--space-md); }
}

/* Overflow containment for all sections */
.section, .section-sm, .dark-section, .page-header { max-width:100vw; overflow-x:hidden; }
.grid, .grid-2, .grid-3, .grid-4, .portfolio-grid, .stats-grid, .insta-grid, .footer-grid { max-width:100%; }