@media (max-width:768px){:root{--mobile-spacing-xs:8px;--mobile-spacing-sm:12px;--mobile-spacing-md:16px;--mobile-spacing-lg:24px;--mobile-spacing-xl:32px;--mobile-font-xs:11px;--mobile-font-sm:13px;--mobile-font-base:14px;--mobile-font-lg:16px;--mobile-font-xl:20px;--mobile-font-2xl:24px;--mobile-font-3xl:28px;--mobile-radius-sm:8px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-xl:20px;--mobile-bg-primary:#000000;--mobile-bg-secondary:#ffffff;--mobile-bg-gray:#f5f5f5;--mobile-text-primary:#000000;--mobile-text-secondary:#666666;--mobile-text-inverse:#ffffff;--mobile-border:rgba(0, 0, 0, 0.1);--mobile-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--mobile-shadow-md:0 2px 8px rgba(0, 0, 0, 0.1);--mobile-shadow-lg:0 4px 20px rgba(0, 0, 0, 0.15);} *{-webkit-tap-highlight-color:transparent;} body{font-size:var(--mobile-font-base) !important;overflow-x:hidden !important;padding-top:60px !important;} .container{padding:0 var(--mobile-spacing-md) !important;max-width:100% !important;} header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;background:rgba(255, 255, 255, 0.95) !important;backdrop-filter:blur(20px);border-bottom:1px solid var(--mobile-border);box-shadow:var(--mobile-shadow-sm);padding:var(--mobile-spacing-sm) 0 !important;} header nav.container{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:var(--mobile-spacing-sm) !important;} .logo{font-size:var(--mobile-font-xl) !important;font-weight:700 !important;flex:1 !important;order:1 !important;} .header-logo-img{height:36px !important;filter:brightness(0);} .nav-links{display:none !important;} .language-selector{display:flex !important;align-items:center !important;gap:4px !important;padding:8px 12px !important;border:1px solid var(--mobile-border) !important;border-radius:var(--mobile-radius-md) !important;font-size:var(--mobile-font-sm) !important;font-weight:600 !important;height:44px !important;order:2 !important;} .mobile-menu-btn{display:flex !important;width:56px !important;height:44px !important;background:var(--mobile-bg-primary) !important;border-radius:var(--mobile-radius-md) !important;align-items:center !important;justify-content:center !important;border:none !important;order:3 !important;} .mobile-menu-text{color:var(--mobile-text-inverse) !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1px !important;} .mobile-menu{position:fixed !important;top:0 !important;right:-100% !important;width:85% !important;max-width:360px !important;height:100vh !important;background:var(--mobile-bg-secondary) !important;z-index:1100 !important;transition:right 0.3s ease !important;overflow-y:auto !important;box-shadow:-4px 0 20px rgba(0, 0, 0, 0.1) !important;} .mobile-menu.active{right:0 !important;} .mobile-menu-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100vh !important;background:rgba(0, 0, 0, 0.5) !important;z-index:1050 !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important;} .mobile-menu-overlay.active{opacity:1 !important;visibility:visible !important;} .mobile-menu-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:var(--mobile-spacing-md) !important;border-bottom:1px solid var(--mobile-border) !important;background:var(--mobile-bg-secondary) !important;} .mobile-menu-logo img{height:32px !important;filter:brightness(0);} .mobile-menu-close{width:40px !important;height:40px !important;background:var(--mobile-bg-primary) !important;color:var(--mobile-text-inverse) !important;border:none !important;border-radius:var(--mobile-radius-md) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .mobile-nav-links{padding:var(--mobile-spacing-md) !important;} .mobile-nav-links > li > a{display:flex !important;align-items:center !important;gap:var(--mobile-spacing-sm) !important;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md) !important;font-size:var(--mobile-font-base) !important;font-weight:600 !important;border-radius:var(--mobile-radius-md) !important;color:#000000 !important;} .mobile-nav-links > li > a i{color:#000000 !important;} .mobile-dropdown-toggle{display:flex !important;align-items:center !important;gap:var(--mobile-spacing-sm) !important;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md) !important;font-size:var(--mobile-font-base) !important;font-weight:600 !important;width:100% !important;border-radius:var(--mobile-radius-md) !important;color:#000000 !important;} .mobile-dropdown-toggle i{color:#000000 !important;} .mobile-dropdown-content{max-height:0 !important;overflow:hidden !important;transition:max-height 0.3s ease !important;padding-left:36px !important;} .mobile-dropdown-content a{color:#000000 !important;} .mobile-dropdown.active .mobile-dropdown-content{max-height:500px !important;} footer{background:var(--mobile-bg-primary) !important;color:var(--mobile-text-inverse) !important;padding:var(--mobile-spacing-xl) var(--mobile-spacing-md) !important;} .footer-content{display:flex !important;flex-direction:column !important;} .footer-section{width:100% !important;padding:16px 0 !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;margin-bottom:0px !important;} .footer-section:nth-child(2){order:1 !important;} .footer-section:nth-child(3){order:2 !important;} .footer-section:nth-child(4){order:3 !important;} .footer-section:first-child{order:4 !important;border-bottom:none !important;padding-bottom:0 !important;} .footer-collapsible{cursor:pointer !important;} .footer-section h3{font-size:15px !important;font-weight:600 !important;margin-bottom:0 !important;text-transform:uppercase !important;letter-spacing:1.5px !important;cursor:pointer !important;position:relative !important;padding:8px 24px 8px 0 !important;user-select:none !important;-webkit-tap-highlight-color:transparent !important;} .footer-section h3::after{content:'+' !important;position:absolute !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;font-size:22px !important;font-weight:300 !important;transition:transform 0.3s ease !important;} .footer-collapsible.active h3::after{content:'−' !important;transform:translateY(-50%) rotate(0deg) !important;} .footer-links-wrapper{max-height:0 !important;overflow:hidden !important;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;padding-top:0 !important;padding-bottom:0 !important;} .footer-collapsible.active .footer-links-wrapper{max-height:600px !important;padding-top:8px !important;padding-bottom:16px !important;} .footer-section a{display:block !important;font-size:13px !important;color:rgba(255, 255, 255, 0.7) !important;margin-bottom:12px !important;padding:8px 0 !important;opacity:1 !important;visibility:visible !important;} .footer-section .footer-links-wrapper a, .footer-section .footer-links-wrapper span{display:block !important;opacity:1 !important;visibility:visible !important;} .footer-contact-address{display:block !important;font-size:13px !important;color:rgba(255, 255, 255, 0.7) !important;margin-bottom:12px !important;padding:8px 0 !important;} .footer-section:first-child h3::after{display:none !important;} .footer-logo-img{height:40px !important;margin-bottom:16px !important;filter:brightness(0) invert(1);} .footer-description{font-size:13px !important;color:rgba(255, 255, 255, 0.7) !important;line-height:1.6 !important;margin-bottom:20px !important;} .footer-social-links{display:flex !important;gap:12px !important;margin-top:16px !important;} .footer-social-icon{width:44px !important;height:44px !important;border-radius:50% !important;background:rgba(255, 255, 255, 0.1) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .footer-social-icon i{font-size:16px !important;color:#ffffff !important;} .footer-bottom{text-align:center !important;padding-top:24px !important;margin-top:24px !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;} .footer-bottom p{font-size:11px !important;color:rgba(255, 255, 255, 0.5) !important;} .sidebar{position:fixed !important;top:0 !important;left:-280px !important;width:260px !important;height:100vh !important;z-index:1100 !important;transition:left 0.3s ease !important;background:var(--mobile-bg-primary) !important;overflow-y:auto !important;} .sidebar.active{left:0 !important;} .sidebar-header{padding:var(--mobile-spacing-md) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;} .sidebar-logo{color:var(--mobile-text-inverse) !important;} .sidebar-close-btn{width:36px !important;height:36px !important;background:rgba(255, 255, 255, 0.1) !important;color:var(--mobile-text-inverse) !important;border:none !important;border-radius:var(--mobile-radius-sm) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .sidebar-close-btn i{color:var(--mobile-text-inverse) !important;} .sidebar-overlay{display:none !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100vh !important;background:rgba(0, 0, 0, 0.5) !important;z-index:1050 !important;} .sidebar-overlay.active{display:block !important;} .admin-header{position:sticky !important;top:0 !important;z-index:1000 !important;background:var(--mobile-bg-secondary) !important;border-bottom:1px solid var(--mobile-border) !important;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md) !important;display:flex !important;align-items:center !important;gap:var(--mobile-spacing-md) !important;} .admin-sidebar-toggle{width:44px !important;height:44px !important;background:var(--mobile-bg-primary) !important;color:var(--mobile-text-inverse) !important;border:none !important;border-radius:var(--mobile-radius-md) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .admin-sidebar-toggle i{color:var(--mobile-text-inverse) !important;} .main-content{margin-left:0 !important;width:100% !important;} .admin-table-container, .table-responsive{overflow-x:auto !important;margin:0 calc(var(--mobile-spacing-md) * -1) !important;padding:0 var(--mobile-spacing-md) !important;} table{width:max-content !important;min-width:600px !important;} table th, table td{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm) !important;font-size:var(--mobile-font-sm) !important;white-space:nowrap !important;} .form-row{flex-direction:column !important;} .form-row > div{width:100% !important;margin-bottom:var(--mobile-spacing-md) !important;} .btn{min-height:44px !important;} .stats-grid{grid-template-columns:1fr !important;} h1{font-size:var(--mobile-font-3xl) !important;} h2{font-size:var(--mobile-font-2xl) !important;} h3{font-size:var(--mobile-font-xl) !important;} .search-compact-grid{display:flex !important;flex-wrap:wrap !important;gap:8px !important;} .search-compact-grid > *{flex:1 1 100% !important;} .search-compact-grid .search-btn-compact{order:100 !important;flex:1 1 100% !important;} .search-compact-grid .close-btn-compact{order:101 !important;} .index-search-panel .search-compact-grid .search-btn-compact{order:100 !important;} .location-nearby-grid{display:flex !important;flex-direction:column !important;gap:20px !important;width:100% !important;} .location-nearby-grid > div{width:100% !important;} .map-container{width:100% !important;max-width:100% !important;border-radius:12px !important;overflow:hidden !important;} .map-container iframe, .map-container #map{width:100% !important;min-height:350px !important;} .section-card{padding:15px !important;} .location-info{order:2 !important;} .nearby-places-sidebar{order:3 !important;position:static !important;width:100% !important;margin-top:10px !important;} .nearby-places-list{max-height:none !important;overflow-y:visible !important;} .developers-section{padding:40px 0 !important;overflow:hidden !important;} .developers-carousel-container{width:100% !important;overflow:hidden !important;margin:0 !important;} .developers-carousel-track{gap:16px !important;} .developer-card-carousel{width:140px !important;min-height:140px !important;padding:16px 12px !important;border-radius:10px !important;} .developer-logo-box{width:100px !important;height:70px !important;margin-bottom:10px !important;} .developer-logo-img{max-width:100% !important;max-height:100% !important;} .developer-logo-placeholder{width:60px !important;height:60px !important;font-size:24px !important;} .developer-name-carousel{font-size:12px !important;line-height:1.3 !important;} .modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:#000000;opacity:0;transition:opacity 0.3s ease;} .modal.active{display:flex !important;align-items:center;justify-content:center;opacity:1;} .modal-content.full-gallery{position:relative;width:100%;height:100%;background:#000000;display:flex;align-items:center;justify-content:center;padding:0;margin:0;} .modal-close{position:absolute;top:15px;right:15px;font-size:40px;font-weight:300;color:#ffffff;cursor:pointer;z-index:10001;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.5);border-radius:50%;transition:all 0.3s ease;line-height:1;padding:0;border:1px solid rgba(255, 255, 255, 0.2);} .modal-close:active{background:rgba(0, 0, 0, 0.8);transform:scale(0.95);} .gallery-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000;padding:0;} .gallery-slider img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;} .slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent !important;border:none !important;color:rgba(255, 255, 255, 0.9);font-size:36px;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all 0.3s ease;padding:0;text-shadow:0 2px 8px rgba(0, 0, 0, 0.5);} .slider-btn.prev{left:5px;} .slider-btn.next{right:5px;} .slider-btn:active{color:#ffffff;transform:translateY(-50%) scale(1.3);text-shadow:0 2px 12px rgba(0, 0, 0, 0.8);} .slider-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.7);color:#ffffff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10000;border:1px solid rgba(255, 255, 255, 0.2);}}