/* Combined CSS - 2026-05-27 13:42:51 */

/* === style.css === */
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} html {text-rendering:optimizeLegibility;} body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} img,video,iframe {display:block;max-width:100%;height:auto;} img[width][height] {aspect-ratio:attr(width) / attr(height);} .font-loaded body {font-display:swap;} .hero-bg {position:absolute;top:80px;left:0;right:0;bottom:0;height:600px;max-height:600px;z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);contain:layout paint size;} .hero-bg .hero-img {width:100%;height:100%;object-fit:cover;display:block;} .header-logo img {max-height:50px;height:50px;width:auto;flex-shrink:0;display:block;min-width:66px;aspect-ratio:4/3;} #main-content {min-height:400px;padding-top:80px;contain:layout style paint;} @media (max-width:992px) {#main-content {padding-top:70px;}} @media (max-width:768px) {#main-content {padding-top:65px;}} @media (max-width:576px) {#main-content {padding-top:60px;}} .header-actions {display:flex;align-items:center;gap:12px;min-height:48px;height:48px;max-height:48px;flex-shrink:0;position:relative;z-index:10000;} :root {--primary-color:#C92026;--primary-dark:#8B0000;--primary-light:#e8555a;--secondary-color:#f59e0b;--accent-color:#006400;--text-primary:#000000;--text-secondary:#212529;--text-light:#343a40;--bg-primary:#ffffff;--bg-secondary:#F8F9FA;--bg-dark:#333333;--border-color:#dee2e6;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 10px rgba(0,0,0,0.08);--shadow-lg:0 10px 20px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.15);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-heading:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--container-max:1280px;--header-height:80px;} *,*::before,*::after {box-sizing:border-box;} img,video,iframe {max-width:100%;height:auto;display:block;} html {font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;} body {margin:0;padding:0;font-family:var(--font-primary);font-size:1rem;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecef 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;} body * {box-sizing:border-box;} @media (max-width:992px) {html {font-size:15px;}} @media (max-width:768px) {html {font-size:14px;}} @media (max-width:576px) {html {font-size:13px;}} @media (max-width:480px) {html {font-size:12px;}} h1,h2,h3,h4,h5,h6 {font-family:var(--font-heading);font-weight:700;line-height:1.2;margin:0 0 1rem 0;color:var(--text-primary);} h1 {font-size:3rem;} h2 {font-size:2.5rem;} h3 {font-size:2rem;} h4 {font-size:1.5rem;} h5 {font-size:1.25rem;} h6 {font-size:1rem;} p {margin:0 0 1rem 0;} a {color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast);} a:hover {color:var(--primary-dark);} img {max-width:100%;height:auto;display:block;} .container {width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;} .btn {display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:0.5rem;cursor:pointer;transition:all var(--transition-normal);gap:0.5rem;} .btn-primary {background:var(--primary-color);color:white;} .btn-primary:hover {background:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg);} .btn-secondary {background:var(--secondary-color);color:white;} .btn-secondary:hover {background:#d97706;color:white;transform:translateY(-2px);} .btn-outline {background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);} .btn-outline:hover {background:var(--primary-color);color:white;} .btn-white {background:white;color:var(--primary-color);} .btn-white:hover {background:var(--bg-secondary);color:var(--primary-dark);} .grid {display:grid;gap:2rem;} .grid-2 {grid-template-columns:repeat(2,1fr);} .grid-3 {grid-template-columns:repeat(3,1fr);} .grid-4 {grid-template-columns:repeat(4,1fr);} @media (max-width:1024px) {.grid-4 {grid-template-columns:repeat(3,1fr);}} @media (max-width:768px) {.grid-3,.grid-4 {grid-template-columns:repeat(2,1fr);}} @media (max-width:480px) {.grid-2,.grid-3,.grid-4 {grid-template-columns:1fr;}} .site-header {position:fixed;top:0;left:0;right:0;height:80px;background:white;box-shadow:var(--shadow-md);z-index:9999;pointer-events:auto;transition:transform 0.3s ease,box-shadow 0.3s ease;will-change:transform;} @media (max-width:992px) {.site-header {height:70px;}} @media (max-width:768px) {.site-header {height:65px;}} @media (max-width:576px) {.site-header {height:60px;}} .site-header * {pointer-events:auto;} .header-main {padding:0;background:#fff;height:100%;} .header-main .container {display:flex;align-items:center;justify-content:space-between;height:100%;} .header-logo {display:flex;align-items:center;flex-shrink:0;} .header-logo a {display:flex;align-items:center;text-decoration:none;} .header-logo img {max-height:50px;height:50px;width:auto;flex-shrink:0;display:block;min-width:66px;aspect-ratio:4/3;} .header-logo .logo-text {font-size:1.5rem;font-weight:700;color:var(--primary-color);} .main-nav {flex:1;display:flex;justify-content:center;} .nav-menu {display:flex;list-style:none;margin:0;padding:0;gap:30px;} .nav-menu li {position:relative;} .nav-menu a {color:var(--text-primary);font-weight:500;padding:10px 0;display:block;transition:color 0.3s ease;} .nav-menu a:hover {color:var(--primary-color);} .nav-menu .menu-item-has-children > a::after {content:'▼';font-size:0.6rem;margin-left:5px;} .header-actions {display:flex;align-items:center;gap:12px;min-height:48px;height:48px;max-height:48px;flex-shrink:0;position:relative;z-index:10000;} .header-nav-link {color:var(--text-primary);font-weight:500;padding:10px 0;display:block;transition:color 0.3s ease;text-decoration:none;white-space:nowrap;} .header-nav-link:hover {color:var(--primary-color);} .header-language {display:flex;align-items:center;position:relative;z-index:1;flex-shrink:0;} .header-language .language-switcher {position:relative;} .header-language .language-btn {display:flex;align-items:center;gap:6px;background:#C92026;border:1px solid #C92026;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:0.875rem;color:#ffffff;transition:all 0.3s ease;min-width:110px;height:40px;white-space:nowrap;flex-shrink:0;} .header-language .language-btn:hover {border-color:#8B0000;background:#8B0000;color:#ffffff;} .header-language .language-btn .flag-icon {width:20px;height:14px;border-radius:2px;} .header-language .language-dropdown {display:block;position:absolute;top:100%;right:0;background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);min-width:150px;padding:0.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:100;margin-top:5px;pointer-events:none;} .header-language .language-switcher:hover .language-dropdown,.header-language .language-switcher.active .language-dropdown {display:block;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;} .header-language .language-switcher:hover .language-btn .dropdown-arrow,.header-language .language-switcher.active .language-btn .dropdown-arrow {transform:rotate(180deg);} .header-language .language-dropdown a {display:flex;align-items:center;gap:10px;padding:10px 15px;color:#333;text-decoration:none;transition:background 0.2s ease;} .header-language .language-dropdown a:hover {background:#f5f5f5;} .header-language .language-dropdown a:first-child {border-radius:8px 8px 0 0;} .header-language .language-dropdown a:last-child {border-radius:0 0 8px 8px;} .search-toggle {background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color 0.3s ease;flex-shrink:0;} .search-toggle:hover {color:var(--primary-color);} .mobile-menu-toggle {display:flex;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-secondary);transition:color 0.3s ease;flex-shrink:0;gap:5px;} .mobile-menu-toggle span {display:block;width:24px;height:2px;background:var(--text-primary);transition:all 0.3s ease;} .search-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;z-index:19999;} .search-overlay.active {display:flex;} .search-container {width:100%;max-width:600px;padding:20px;} .search-container form {display:flex;gap:10px;} .search-container input[type="search"] {flex:1;padding:15px 20px;font-size:1.2rem;border:none;border-radius:8px;background:#fff;} .search-container button[type="submit"] {padding:15px 25px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;} .search-close {position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;cursor:pointer;padding:10px;} .mobile-nav {display:none;position:fixed;top:80px;left:0;right:0;width:100%;background:#ffffff;z-index:15000;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease;transform:translateY(-100%);opacity:0;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.2);border-radius:0 0 24px 24px;} @media (max-width:992px) {.mobile-nav {display:block;}} .mobile-nav.active {transform:translateY(0);opacity:1;pointer-events:auto;} .mobile-nav:not(.active) {pointer-events:none;} @media (max-width:992px) {.mobile-nav {top:70px;max-height:calc(100vh - 70px);}} @media (max-width:768px) {.mobile-nav {top:65px;max-height:calc(100vh - 65px);}} @media (max-width:576px) {.mobile-nav {top:60px;max-height:calc(100vh - 60px);}} .mobile-nav-header {display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:none;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);} .mobile-nav-title {font-size:1.2rem;font-weight:700;color:var(--primary-color);} .mobile-nav-logo {display:flex;align-items:center;text-decoration:none;} .mobile-nav-logo img {max-height:40px;width:auto;} .mobile-nav-logo .logo-text {font-size:1.2rem;font-weight:700;color:var(--primary-color);} .mobile-nav-close {background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;cursor:pointer;padding:12px;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;} .mobile-nav-close:hover {background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-color:var(--primary-color);transform:rotate(90deg);} .mobile-nav-close:hover svg {color:#ffffff;} .mobile-nav-close svg {color:var(--text-primary);transition:color 0.3s ease;} .mobile-nav-menu {list-style:none;margin:0;padding:16px;background:#fff;display:block;} .mobile-nav-menu li {border:none;display:block;width:100%;margin-bottom:12px;} .mobile-nav-menu li:last-child {margin-bottom:0;} .mobile-nav-menu a {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:2px solid #e9ecef;border-radius:16px;text-decoration:none;position:relative;overflow:hidden;} .mobile-nav-menu a::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0;} .mobile-nav-menu a:hover::before,.mobile-nav-menu a:focus::before {opacity:0.05;} .mobile-nav-menu a:hover,.mobile-nav-menu a:focus {background:#ffffff;color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,26,46,0.15);} .mobile-nav-menu a::after {content:'→';font-size:1.2rem;color:var(--primary-color);transition:transform 0.3s ease;z-index:1;} .mobile-nav-menu a:hover::after,.mobile-nav-menu a:focus::after {transform:translateX(4px);} .mobile-nav-menu a span {position:relative;z-index:1;} .mobile-nav-footer {padding:20px 16px;border-top:none;background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%);} .rtl .mobile-nav-menu a::after {content:'←';} .rtl .mobile-nav-menu a:hover::after,.rtl .mobile-nav-menu a:focus::after {transform:translateX(-4px);} .mobile-nav-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:14999;display:block;opacity:0;transition:opacity 0.3s ease;pointer-events:none;} .mobile-nav-overlay.active {opacity:1;pointer-events:auto;} @media (max-width:992px) {.header-top {display:none;} .main-nav {display:none;} .mobile-menu-toggle {display:flex;} .header-language-mobile {display:block;} .header-language-mobile .language-switcher .language-btn .language-name {display:none;} .header-language-mobile .language-switcher .language-btn svg {display:none;} .header-language-mobile .language-switcher .language-btn .flag-icon {width:24px;height:18px;} .header-actions {gap:10px;} .header-nav-link {display:none;} .header-language .language-btn {min-width:auto;padding:6px 10px;font-size:0.8rem;} .header-language .language-btn .language-name {display:none;} .header-language .language-btn .dropdown-arrow {display:none;} .header-language .language-btn .flag-icon {margin:0;}} @media (max-width:576px) {.header-actions {gap:8px;} .header-language .language-btn {padding:5px 8px;} .search-toggle {padding:5px;} .mobile-menu-toggle {padding:5px;}} .header-container {display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;} .site-logo {font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;} .site-logo:hover {color:var(--primary-dark);} .main-navigation ul {display:flex;list-style:none;margin:0;padding:0;gap:2rem;} .main-navigation a {color:var(--text-primary);font-weight:500;padding:0.5rem 0;position:relative;} .main-navigation a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-normal);} .main-navigation a:hover::after {width:100%;} .header-language-mobile {display:none;} .header-language-mobile .language-switcher .language-btn {background:#C92026;border:1px solid #C92026;color:#ffffff;padding:6px 10px;} .header-language-mobile .language-switcher .language-btn:hover {background:#8B0000;border-color:#8B0000;} .header-language-mobile .language-switcher .language-btn .language-name {color:#ffffff;} .header-language-mobile .language-switcher .language-btn svg {color:#ffffff;} .header-language .language-switcher {position:relative;} .header-language .language-switcher button {background:none;border:none;cursor:pointer;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:0.5rem;} .language-option .flag-icon {width:20px;height:14px;border-radius:2px;object-fit:cover;} .language-option .language-native {flex:1;font-weight:500;} .language-option .language-english {color:var(--text-secondary);font-size:0.75rem;} .rtl-badge {background:#f59e0b;color:white;font-size:0.65rem;padding:0.15rem 0.4rem;border-radius:3px;font-weight:600;text-transform:uppercase;} .language-option.active {background:var(--bg-secondary);border-left:3px solid var(--primary-color);} .hero-section {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:120px 0 80px;text-align:center;position:relative;overflow:hidden;} .hero-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');background-size:50px 50px;opacity:0.3;} .hero-content {position:relative;z-index:1;} .hero-title {font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,0.2);} .hero-subtitle {font-size:1.5rem;margin-bottom:1rem;opacity:0.95;} .hero-description {font-size:1.125rem;max-width:800px;margin:0 auto 2.5rem;opacity:0.9;line-height:1.8;} .hero-buttons {display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;} .vehicle-card {background:white;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%;} .vehicle-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-xl);} .vehicle-card-image {position:relative;height:200px;overflow:hidden;background:var(--bg-secondary);} .vehicle-card-image img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .vehicle-card:hover .vehicle-card-image img {transform:scale(1.1);} .vehicle-badge {position:absolute;top:1rem;left:1rem;padding:0.25rem 0.75rem;background:var(--accent-color);color:white;font-size:0.75rem;font-weight:600;border-radius:1rem;} .vehicle-badge.out-of-stock {background:#ef4444;} .vehicle-card-content {padding:1.5rem;flex:1;display:flex;flex-direction:column;} .vehicle-brand {font-size:0.875rem;color:#333333;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem;} .vehicle-title {font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);} .vehicle-specs {display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:0.75rem;} .spec-item {display:inline-flex;align-items:center;gap:0.3rem;font-size:0.78rem;color:#555;background:#f5f5f5;padding:0.2rem 0.55rem;border-radius:3px;white-space:nowrap;} .spec-item.spec-power {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);color:#fff;} .spec-item.spec-power i {color:#fff;} .spec-icon {width:16px;height:16px;color:var(--primary-color);} .vehicle-price-area {margin-bottom:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid #f0f0f0;} .vehicle-price-value {font-size:1.25rem;font-weight:700;color:var(--primary-color);} .vehicle-price-contact {font-size:0.875rem;color:#999;font-style:italic;} .vehicle-price {font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:0.75rem;} .vehicle-ordering-info {background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid var(--primary-color);} .order-item {display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.05);} .order-item:last-child {border-bottom:none;} .order-label {font-weight:600;color:var(--text-primary);} .order-value {color:var(--primary-color);font-weight:700;} .vehicle-actions {display:flex;gap:0.75rem;margin-top:auto;padding-top:0.75rem;border-top:1px solid #f0f0f0;} .vehicle-actions .btn {flex:1;padding:0.625rem 1rem;font-size:0.875rem;} .section {padding:5rem 0;} .section-header {text-align:center;margin-bottom:3rem;} .section-title {font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:1rem;position:relative;display:inline-block;} .section-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:2px;} .section-subtitle {font-size:1.125rem;color:#333333;max-width:600px;margin:1.5rem auto 0;line-height:1.6;} .section-dark {background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:white;} .section-dark .section-title {color:white;} .section-dark .section-title::after {background:linear-gradient(90deg,#feca57,#ff9ff3);} .section-dark .section-subtitle {color:#ffffff;} .features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:2rem;} .feature-card {background:white;padding:2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);} .feature-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-xl);} .feature-icon {width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;} .feature-title {font-size:1.25rem;margin-bottom:1rem;} .feature-description {color:#333333;font-size:0.95rem;} .filter-bar {background:white;padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-md);margin-bottom:2rem;} .filter-row {display:flex;gap:1rem;flex-wrap:wrap;align-items:center;} .filter-group {flex:1;min-width:200px;} .filter-label {display:block;font-size:0.875rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);} .filter-select {width:100%;padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:0.5rem;font-size:0.95rem;color:var(--text-primary);background:white;cursor:pointer;transition:border-color var(--transition-fast);} .filter-select:focus {outline:none;border-color:var(--primary-color);} .pagination {display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:3rem;} .pagination a,.pagination span {display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;border:1px solid var(--border-color);border-radius:0.5rem;font-size:0.95rem;color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);} .pagination a:hover {background:var(--primary-color);color:white;border-color:var(--primary-color);} .pagination .current {background:var(--primary-color);color:white;border-color:var(--primary-color);} .site-footer {background:linear-gradient(180deg,#0a0f1a 0%,#111827 40%,#1a2332 100%);color:#e2e8f0;padding:0;position:relative;overflow:hidden;} .site-footer::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#C92026,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#C92026);background-size:200% 100%;animation:footerGradient 6s linear infinite;will-change:background-position;} @keyframes footerGradient {0% {background-position:0% 50%;} 100% {background-position:200% 50%;}} .site-footer::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(201,32,38,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(59,130,246,0.04) 0%,transparent 50%);pointer-events:none;} .footer-trust-bar {background:rgba(15,23,42,0.6);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.06);backdrop-filter:blur(10px);position:relative;z-index:1;} .trust-bar-inner {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;} .trust-bar-item {display:flex;align-items:center;gap:0.5rem;color:#cbd5e1;font-size:0.9rem;font-weight:500;white-space:nowrap;} .trust-bar-item svg {color:#feca57;flex-shrink:0;} .trust-bar-payment {gap:0.375rem;} .trust-bar-payment-label {font-size:0.85rem;color:rgba(255,255,255,0.5);margin-right:0.25rem;} .trust-bar-badge {display:inline-block;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:6px;padding:0.2rem 0.5rem;font-size:0.8rem;font-weight:600;color:rgba(255,255,255,0.85);} .footer-main {padding:3.5rem 0 2.5rem;position:relative;z-index:1;} .footer-top-row {display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;padding-bottom:2.5rem;} .footer-brand {flex:1;max-width:520px;} .footer-logo {margin-bottom:1.25rem;} .footer-logo img {max-height:48px;width:auto;filter:brightness(1.1);} .footer-description {color:#94a3b8;line-height:1.85;font-size:0.95rem;margin-bottom:0;} .footer-social-section {text-align:right;flex-shrink:0;} .footer-social-heading {color:#e2e8f0;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.25rem;position:relative;display:inline-block;} .footer-social-heading::after {content:'';position:absolute;bottom:-6px;right:0;width:30px;height:2px;background:#C92026;border-radius:1px;} .footer-social-icons {display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:flex-end;} .social-icon {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.5);text-decoration:none;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden;} .social-icon::before {content:'';position:absolute;inset:0;border-radius:12px;opacity:0;transition:opacity 0.35s ease;} .social-icon svg {width:18px;height:18px;position:relative;z-index:1;} .social-icon:hover {border-color:transparent;color:#ffffff;transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.3);} .social-icon[href*="facebook"]:hover,.social-icon[href*="fb."]:hover {background:#1877F2;box-shadow:0 8px 25px rgba(24,119,242,0.35);} .social-icon[href*="youtube"]:hover,.social-icon[href*="youtu."]:hover {background:#FF0000;box-shadow:0 8px 25px rgba(255,0,0,0.35);} .social-icon[href*="instagram"]:hover {background:linear-gradient(135deg,#833AB4,#FD1D1D,#F77737);box-shadow:0 8px 25px rgba(131,58,180,0.35);} .social-icon[href*="linkedin"]:hover {background:#0A66C2;box-shadow:0 8px 25px rgba(10,102,194,0.35);} .social-icon[href*="twitter"]:hover,.social-icon[href*="x.com"]:hover {background:#000000;box-shadow:0 8px 25px rgba(255,255,255,0.15);} .social-icon[href*="tiktok"]:hover {background:#000000;box-shadow:0 8px 25px rgba(255,0,80,0.25);} .social-icon.social-pending[href="#"]:hover,.social-icon.social-pending:hover {background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);transform:none;box-shadow:none;} .social-pending {opacity:0.3;} .social-pending:hover {opacity:0.4;} .footer-divider {height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08) 15%,rgba(201,32,38,0.25) 50%,rgba(255,255,255,0.08) 85%,transparent);margin-bottom:2.5rem;} .footer-grid {display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:2.5rem;} .footer-col {width:auto !important;min-width:0;} .footer-col h4,.footer-heading {color:#f8fafc;margin-bottom:1.5rem;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding-bottom:0;border-bottom:none;position:relative;display:inline-block;} .footer-col h4::after,.footer-heading::after {content:'';position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:#C92026;border-radius:1px;transition:width 0.3s ease;} .footer-col:hover .footer-heading::after {width:100%;} .footer-menu {list-style:none;padding:0;margin:0;} .footer-menu li {margin-bottom:0;} .footer-menu a {color:#94a3b8;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;font-size:1.5rem;padding:0.4rem 0;text-decoration:none;position:relative;gap:0;} .footer-menu a::before {content:'';display:inline-block;width:0;height:2px;background:#C92026;margin-right:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:1px;flex-shrink:0;} .footer-menu a:hover {color:#f8fafc;padding-left:2px;} .footer-menu a:hover::before {width:14px;margin-right:0.6rem;} .footer-services .footer-menu a {font-size:24px;} .contact-list {list-style:none;padding:0;margin:0 0 1.25rem;} .contact-item {display:flex;align-items:flex-start;gap:0.75rem;color:#94a3b8;font-size:1.5rem;line-height:1.7;margin-bottom:0.85rem;transition:color 0.3s ease;} .contact-item:hover {color:#e2e8f0;} .contact-item svg {flex-shrink:0;margin-top:4px;color:#C92026;transition:transform 0.3s ease;} .contact-item:hover svg {transform:scale(1.15);} .contact-item a {color:#94a3b8;transition:color 0.3s ease;text-decoration:none;} .contact-item a:hover {color:#f8fafc;} .btn-whatsapp-cta {display:inline-flex;align-items:center;gap:0.6rem;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#ffffff;padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9rem;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-top:0.75rem;box-shadow:0 4px 15px rgba(37,211,102,0.25);position:relative;overflow:hidden;} .btn-whatsapp-cta::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s ease;} .btn-whatsapp-cta:hover::before {left:100%;} .btn-whatsapp-cta:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,211,102,0.4);color:#ffffff;} .btn-whatsapp-cta svg {flex-shrink:0;} .footer-bottom {border-top:1px solid rgba(255,255,255,0.06);padding:1.25rem 0;background:rgba(0,0,0,0.2);position:relative;z-index:1;} .footer-bottom-inner {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;} .footer-copyright {color:rgba(255,255,255,0.35);font-size:0.85rem;margin:0;} .footer-legal {display:flex;align-items:center;gap:0;} .footer-legal a {color:rgba(255,255,255,0.4);text-decoration:none;font-size:0.85rem;transition:color 0.3s ease;padding:0 0.5rem;} .footer-legal a:hover {color:#f8fafc;} .footer-legal span {color:rgba(255,255,255,0.15);} .whatsapp-float {position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:999;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;} .whatsapp-float:hover {transform:scale(1.1);box-shadow:0 8px 25px rgba(37,211,102,0.5);} .whatsapp-float svg {width:32px;height:32px;fill:white;} .chat-widget {position:fixed;bottom:6rem;right:2rem;z-index:9999;contain:layout style paint;} .chat-toggle {width:60px;height:60px;border-radius:50%;background:var(--primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;color:white;} .chat-toggle:hover {transform:scale(1.1);box-shadow:0 8px 25px rgba(183,28,28,0.4);} .chat-toggle svg {fill:white;} .chat-badge {position:absolute;top:-5px;right:-5px;background:var(--secondary-color);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;} .chat-popup {position:absolute;bottom:70px;right:0;width:320px;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px) scale(0.95);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;overflow:hidden;will-change:opacity,transform;} .chat-popup.active {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);} .chat-header {background:var(--primary-color);color:white;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;} .chat-header h4 {margin:0;font-size:1.1rem;font-weight:600;} .chat-close {background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0.8;transition:opacity 0.2s;} .chat-close:hover {opacity:1;} .chat-body {padding:1.5rem;} .chat-body p {margin:0 0 1rem 0;color:var(--text-secondary);font-size:0.9rem;} .chat-option {display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;text-decoration:none;margin-bottom:0.5rem;transition:background 0.2s;} .chat-option:hover {background:var(--bg-secondary);} .chat-option.whatsapp svg {fill:#25D366;} .chat-option.email svg {fill:var(--primary-color);} .chat-option div {display:flex;flex-direction:column;} .chat-option strong {color:var(--text-primary);font-size:0.95rem;} .chat-option span {color:var(--text-secondary);font-size:0.8rem;} @media (max-width:768px) {.chat-widget {bottom:5rem;right:1rem;} .chat-popup {width:calc(100vw - 2rem);right:-1rem;}} .breadcrumb {padding:1rem 0;background:var(--bg-secondary);margin-bottom:2rem;} .breadcrumb ul {display:flex;list-style:none;margin:0;padding:0;gap:0.5rem;} .breadcrumb li::after {content:'/';margin-left:0.5rem;color:var(--text-light);} .breadcrumb li:last-child::after {display:none;} .breadcrumb a {color:var(--text-secondary);} .breadcrumb a:hover {color:var(--primary-color);} @media (max-width:1024px) {h1 {font-size:2.5rem;} h2 {font-size:2rem;} .hero-title {font-size:2.5rem;} .footer-grid {grid-template-columns:1fr 1fr;gap:2rem;} .footer-top-row {flex-direction:column;gap:2rem;} .footer-social-section {text-align:left;} .footer-social-icons {justify-content:flex-start;} .footer-social-heading::after {right:auto;left:0;} .footer-trust-bar {padding:0.75rem 0;} .trust-bar-inner {gap:1rem;} .trust-bar-item {font-size:0.85rem;}} @media (max-width:768px) {.header-container {flex-wrap:wrap;} .main-navigation {order:3;width:100%;margin-top:1rem;} .main-navigation ul {flex-wrap:wrap;gap:1rem;} .hero-section {padding:120px 0 60px;} .hero-title {font-size:2rem;} .hero-subtitle {font-size:1.25rem;} .hero-buttons {flex-direction:column;align-items:center;} .section {padding:3rem 0;} .footer-grid {grid-template-columns:1fr;gap:2rem;} .footer-bottom-inner {flex-direction:column;text-align:center;} .footer-legal {justify-content:center;} .footer-trust-bar {padding:0.75rem 0;} .trust-bar-inner {gap:0.75rem;} .trust-bar-item {font-size:0.85rem;} .btn-whatsapp-cta {width:100%;justify-content:center;} .footer-main {padding:2.5rem 0 2rem;} .footer-col h4::after,.footer-heading::after {left:50%;transform:translateX(-50%);} .footer-col {text-align:center;} .footer-menu a {justify-content:center;} .footer-social-section {text-align:center;} .footer-social-icons {justify-content:center;} .footer-social-heading::after {right:auto;left:50%;transform:translateX(-50%);} .footer-brand {text-align:center;max-width:100%;} .contact-item {justify-content:center;}} @media (max-width:480px) {html {font-size:14px;} .container {padding:0 1rem;} .btn {padding:0.625rem 1.5rem;font-size:0.95rem;}} .text-center {text-align:center;} .text-left {text-align:left;} .text-right {text-align:right;} .text-primary {color:var(--primary-color);} .text-secondary {color:var(--text-secondary);} .text-white {color:white;} .bg-primary {background-color:var(--primary-color);} .bg-secondary {background-color:var(--bg-secondary);} .bg-white {background-color:white;} .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;} .py-1 {padding-top:0.5rem;padding-bottom:0.5rem;} .py-2 {padding-top:1rem;padding-bottom:1rem;} .py-3 {padding-top:1.5rem;padding-bottom:1.5rem;} .py-4 {padding-top:2rem;padding-bottom:2rem;} .d-none {display:none;} .d-block {display:block;} .d-flex {display:flex;} .align-center {align-items:center;} .justify-center {justify-content:center;} .justify-between {justify-content:space-between;} .back-to-top {position:fixed;bottom:100px;right:2rem;width:50px;height:50px;background:var(--primary-color);color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;box-shadow:0 4px 15px rgba(201,32,38,0.3);display:flex;align-items:center;justify-content:center;} .back-to-top.visible {opacity:1;visibility:visible;} .back-to-top:hover {background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 20px rgba(201,32,38,0.4);} .btn-enhanced {position:relative;overflow:hidden;z-index:1;} .btn-enhanced::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;z-index:-1;} .btn-enhanced:hover::before {left:100%;} .btn-gradient {background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;} .btn-gradient:hover {background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);} .card-enhanced {position:relative;overflow:hidden;} .card-enhanced::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform 0.4s ease;} .card-enhanced:hover::before {transform:scaleX(1);} .glass-card {background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);} .elevated-shadow {box-shadow:0 2px 4px rgba(0,0,0,0.02),0 4px 8px rgba(0,0,0,0.04),0 8px 16px rgba(0,0,0,0.06),0 16px 32px rgba(0,0,0,0.08);} @keyframes fadeInUp {from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:translateY(0);}} @keyframes pulse {0%,100% {transform:scale(1);} 50% {transform:scale(1.05);}} @keyframes shimmer {0% {background-position:-200% 0;} 100% {background-position:200% 0;}} .animate-fade-in-up {animation:fadeInUp 0.6s ease-out forwards;will-change:transform,opacity;} .animate-pulse {animation:pulse 2s ease-in-out infinite;will-change:transform;} .skeleton {background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;} .form-control.error,.filter-select.error {border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,0.1);} .field-error {color:#dc3545;font-size:0.875rem;margin-top:0.25rem;display:block;} .form-control.success,.filter-select.success {border-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,0.1);} .animate-on-scroll {opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;} .animate-on-scroll.animated {opacity:1;transform:translateY(0);} .site-header.scroll-down {transform:translateY(-100%);} .site-header.scroll-up {transform:translateY(0);box-shadow:var(--shadow-lg);} .search-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:9999;} .search-overlay.active {opacity:1;visibility:visible;} .search-overlay input {width:100%;max-width:600px;padding:1.5rem 2rem;font-size:1.5rem;border:none;border-radius:50px;background:white;} .img-hover-zoom {overflow:hidden;} .img-hover-zoom img {transition:transform 0.5s ease;} .img-hover-zoom:hover img {transform:scale(1.1);} .badge-new {background:linear-gradient(135deg,#28a745,#20c997);} .badge-sale {background:linear-gradient(135deg,#dc3545,#fd7e14);} .badge-hot {background:linear-gradient(135deg,#fd7e14,#ffc107);} .tooltip {position:relative;} .tooltip::after {content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:0.5rem 1rem;background:#333;color:white;font-size:0.875rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;} .tooltip:hover::after {opacity:1;visibility:visible;} @media (max-width:768px) {.back-to-top {bottom:80px;right:1rem;width:44px;height:44px;} .btn {min-height:48px;padding:0.75rem 1.5rem;} .btn-sm {min-height:44px;padding:0.5rem 1rem;} .section {padding:2rem 0;} a,button,input[type="submit"],input[type="button"],select,.nav-menu a,.mobile-nav-menu a,.footer-menu a,.footer-social-icons .social-icon,.header-language .language-dropdown a,.header-language .language-dropdown a,.card-title a,.vehicle-card .card-image,.spec-tag,.quick-link-item,.breadcrumb-item a {min-height:44px;} .nav-menu .menu-item a {padding:0.75rem 1rem;} .mobile-nav-menu .menu-item a {padding:1rem;} .footer-social-icons .social-icon {width:44px;height:44px;} .spec-tag {padding:0.5rem 0.75rem;display:inline-flex;align-items:center;} .card-title a {display:block;padding:0.5rem 0;} .vehicle-card .card-image {display:block;min-height:150px;} .header-language .language-dropdown a {padding:0.75rem 1rem;} .footer-menu a {padding:0.5rem 0;display:inline-block;}} @media print {.site-header,.site-footer,.back-to-top,.whatsapp-float,.mobile-nav,.search-overlay {display:none !important;} .container {max-width:100%;}} .hero-modern {position:relative;min-height:600px;min-height:100svh;display:flex;align-items:center;justify-content:center;margin-top:0;padding-top:80px;overflow:hidden;contain:layout style paint;} .hero-bg {position:absolute;top:80px;left:0;right:0;bottom:0;height:600px;max-height:600px;z-index:0;contain:layout style paint;} .hero-bg .hero-img {width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16 / 9;} .hero-overlay {position:absolute;top:80px;left:0;right:0;bottom:0;height:600px;max-height:600px;background:linear-gradient(135deg,rgba(26,26,46,0.9) 0%,rgba(22,33,62,0.85) 100%);contain:layout paint size;} .hero-content {position:relative;z-index:1;text-align:center;color:#fff;padding:0 20px;max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;} .hero-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.25);border-radius:50px;padding:8px 20px;margin-bottom:24px;font-size:0.85rem;font-weight:600;color:#feca57;letter-spacing:0.5px;} .hero-badge i {font-size:0.9rem;} .hero-brand-tags {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px;} .brand-tag {display:inline-block;padding:4px 14px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:20px;font-size:0.8rem;font-weight:600;color:rgba(255,255,255,0.9);letter-spacing:0.5px;transition:all 0.3s ease;} .brand-tag:hover {background:rgba(255,255,255,0.25);color:#fff;} .brand-tag:last-child {background:rgba(201,32,38,0.6);border-color:rgba(201,32,38,0.8);color:#fff;} .hero-trust-mini {display:flex;gap:24px;justify-content:center;margin-top:28px;flex-wrap:wrap;} .trust-mini-item {display:flex;align-items:center;gap:6px;font-size:0.85rem;color:rgba(255,255,255,0.8);} .trust-mini-item i {color:#4ade80;font-size:0.9rem;} .hero-title-lg {font-size:4rem;font-weight:800;margin-bottom:20px;text-shadow:2px 4px 8px rgba(0,0,0,0.4);background:linear-gradient(135deg,#ffffff 0%,#feca57 50%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;} .hero-subtitle-lg {font-size:1.5rem;margin-bottom:40px;color:#ffffff;text-shadow:1px 2px 4px rgba(0,0,0,0.3);line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;} .hero-actions {display:flex;gap:20px;justify-content:center;flex-wrap:wrap;} .btn-xl {padding:16px 40px;font-size:1.1rem;} .btn-outline-white {background:transparent;border:2px solid #fff;color:#fff;} .btn-outline-white:hover {background:#fff;color:var(--primary-color);} .hero-scroll {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;animation:bounce 2s infinite;will-change:transform;} @keyframes bounce {0%,20%,50%,80%,100% {transform:translateX(-50%) translateY(0);} 40% {transform:translateX(-50%) translateY(-10px);} 60% {transform:translateX(-50%) translateY(-5px);}} .trust-indicators {background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:50px 0;position:relative;overflow:hidden;} .trust-indicators::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);} .trust-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;} .trust-item {text-align:center;color:#fff;padding:20px 10px;position:relative;} .trust-icon {width:50px;height:50px;margin:0 auto 12px;background:rgba(201,32,38,0.2);border:1px solid rgba(201,32,38,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#e8555a;} .trust-number {display:inline;font-size:2.5rem;font-weight:800;color:#ffffff;margin-bottom:5px;} .trust-suffix {font-size:2rem;font-weight:800;color:#e8555a;} .trust-label {display:block;font-size:0.9rem;color:rgba(255,255,255,0.8);margin-top:4px;letter-spacing:0.5px;} .featured-models {padding:80px 0;background:#fff;} .models-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:30px;} .section-cta {text-align:center;margin-top:50px;} .btn-lg {padding:14px 35px;font-size:1rem;} .core-services {padding:80px 0;background:linear-gradient(180deg,#F8F9FA 0%,#E9ECEF 100%);} .section-tag {display:inline-block;background:rgba(201,32,38,0.1);color:var(--primary-color);padding:6px 18px;border-radius:50px;font-size:0.85rem;font-weight:600;letter-spacing:0.5px;margin-bottom:12px;} .services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;} .service-card {background:#fff;padding:40px 30px;border-radius:16px;text-align:center;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.08);position:relative;overflow:hidden;} .service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transform:scaleX(0);transition:transform 0.3s ease;} .service-card:hover::before {transform:scaleX(1);} .service-number {position:absolute;top:15px;right:20px;font-size:3rem;font-weight:800;color:rgba(0,0,0,0.04);line-height:1;} .service-link {display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:0.9rem;font-weight:600;color:var(--primary-color);transition:all 0.3s ease;} .service-link:hover {gap:10px;color:var(--primary-dark);} .service-link i {font-size:0.8rem;transition:transform 0.3s ease;} .service-link:hover i {transform:translateX(3px);} .service-card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.15);} .service-icon {width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;} .service-icon i,.service-icon svg {font-size:2rem;color:#fff;} .service-card h3 {font-size:1.25rem;margin-bottom:15px;color:#1a1a2e;} .service-card p {color:#333333;margin:0;} .cta-section {padding:80px 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);position:relative;overflow:hidden;} .cta-section::before {content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:rgba(255,255,255,0.05);border-radius:50%;} .cta-section::after {content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:rgba(255,255,255,0.03);border-radius:50%;} .cta-content {text-align:center;color:#fff;position:relative;z-index:1;} .cta-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);border-radius:50px;padding:8px 20px;font-size:0.85rem;font-weight:600;color:#feca57;margin-bottom:20px;animation:pulse-badge 2s ease-in-out infinite;will-change:box-shadow;} @keyframes pulse-badge {0%,100% {box-shadow:0 0 0 0 rgba(254,202,87,0.4);} 50% {box-shadow:0 0 0 8px rgba(254,202,87,0);}} .cta-features {display:flex;gap:30px;justify-content:center;margin-bottom:30px;flex-wrap:wrap;} .cta-feature {display:flex;align-items:center;gap:8px;font-size:0.95rem;color:rgba(255,255,255,0.9);} .cta-feature i {color:#4ade80;font-size:1.1rem;} .cta-content h2 {font-size:2.5rem;margin-bottom:15px;color:#fff;} .cta-content p {font-size:1.2rem;margin-bottom:30px;opacity:0.9;} .cta-buttons {display:flex;gap:20px;justify-content:center;flex-wrap:wrap;} .no-vehicles {grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;} .no-vehicles p {font-size:1.1rem;color:#333333;margin:0;} @media (max-width:992px) {.hero-modern {padding-top:70px;} .hero-bg {top:70px;bottom:0;height:auto;max-height:none;} .hero-overlay {top:70px;bottom:0;height:auto;max-height:none;} .trust-grid {grid-template-columns:repeat(2,1fr);} .services-grid {grid-template-columns:repeat(2,1fr);} .hero-title-lg {font-size:2.5rem;} .hero-subtitle-lg {font-size:1.2rem;} .hero-badge {font-size:0.75rem;padding:6px 14px;margin-bottom:16px;} .brand-tag {padding:3px 10px;font-size:0.7rem;} .hero-trust-mini {gap:14px;margin-top:20px;} .trust-mini-item {font-size:0.75rem;} .btn-xl {padding:12px 28px;font-size:1rem;} .cta-content h2 {font-size:2rem;} .cta-features {gap:16px;} .cta-feature {font-size:0.85rem;}} @media (max-width:768px) {.hero-modern {min-height:100svh;margin-top:0;padding-top:65px;} .hero-bg {top:65px;bottom:0;height:auto;max-height:none;} .hero-overlay {top:65px;bottom:0;height:auto;max-height:none;} .hero-title-lg {font-size:2rem;} .hero-subtitle-lg {font-size:1rem;margin-bottom:24px;} .hero-badge {font-size:0.7rem;padding:5px 12px;margin-bottom:12px;} .hero-brand-tags {gap:6px;margin-bottom:20px;} .brand-tag {padding:3px 8px;font-size:0.65rem;} .hero-trust-mini {gap:10px;margin-top:16px;flex-direction:column;align-items:center;} .trust-mini-item {font-size:0.7rem;} .btn-xl {padding:10px 24px;font-size:0.9rem;} .trust-grid {grid-template-columns:repeat(2,1fr);gap:20px;} .trust-number {font-size:2rem;} .trust-suffix {font-size:1.5rem;} .trust-icon {width:40px;height:40px;font-size:1rem;} .services-grid {grid-template-columns:1fr;} .service-card {padding:30px 20px;} .service-icon {width:60px;height:60px;} .service-icon i,.service-icon svg {font-size:1.5rem;} .service-number {font-size:2rem;} .section-title {font-size:2rem;} .cta-content h2 {font-size:1.8rem;} .cta-content p {font-size:1rem;} .cta-badge {font-size:0.75rem;padding:6px 14px;} .cta-features {flex-direction:column;align-items:center;gap:10px;} .cta-feature {font-size:0.8rem;} .hero-actions,.cta-buttons {flex-direction:column;align-items:center;} .hero-actions .btn,.cta-buttons .btn {width:100%;max-width:320px;}} .category-archive,.brand-archive {padding-top:100px;min-height:100vh;background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%);} .category-header,.brand-header {background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:20px;padding:3rem;margin-bottom:2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 10px 40px rgba(0,0,0,0.15);} .category-icon {width:100px;height:100px;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:20px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 8px 25px rgba(233,69,96,0.3);} .category-info,.brand-info {flex:1;} .category-title,.brand-title {font-size:2.5rem;font-weight:700;color:white;margin-bottom:0.75rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2);} .category-description,.brand-description {font-size:1.1rem;color:#ffffff;line-height:1.6;margin-bottom:1.5rem;} .category-stats,.brand-stats {display:flex;gap:2rem;flex-wrap:wrap;} .category-stats .stat-item,.brand-stats .stat-item {background:rgba(255,255,255,0.1);padding:1rem 1.5rem;border-radius:12px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);} .category-stats .stat-value,.brand-stats .stat-value {font-size:1.8rem;font-weight:700;color:#C92026;display:block;} .category-stats .stat-label,.brand-stats .stat-label {font-size:0.9rem;color:#ffffff;} .brand-logo {width:120px;height:120px;background:white;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 8px 25px rgba(0,0,0,0.2);} .brand-logo img {max-width:100%;max-height:100%;object-fit:contain;} .page-header {background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:4rem 0;margin-top:80px;text-align:center;} .page-header-title {font-size:3rem;font-weight:700;color:white;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2);} .page-header-subtitle {font-size:1.25rem;color:#ffffff;max-width:600px;margin:0 auto;line-height:1.6;} .cta-content h2 {font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2);} .cta-content p {font-size:1.2rem;color:#ffffff;max-width:600px;margin:0 auto 2rem;line-height:1.6;} .trust-item {text-align:center;} .trust-number {font-size:2.5rem;font-weight:800;color:#C92026;display:block;margin-bottom:0.5rem;} .trust-label {font-size:1rem;color:rgba(255,255,255,0.9);font-weight:500;} .service-card h3 {font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-bottom:1rem;} .service-card p {font-size:1rem;color:#333333;line-height:1.6;} @media (max-width:992px) {.category-header,.brand-header {flex-direction:column;text-align:center;padding:2rem;} .category-title,.brand-title {font-size:2rem;} .category-stats,.brand-stats {justify-content:center;} .hero-title-lg {font-size:2.5rem;}} @media (max-width:576px) {.category-title,.brand-title {font-size:1.75rem;} .category-stats,.brand-stats {gap:1rem;} .category-stats .stat-item,.brand-stats .stat-item {padding:0.75rem 1rem;} .category-stats .stat-value,.brand-stats .stat-value {font-size:1.5rem;} .hero-title-lg {font-size:1.6rem;letter-spacing:0;} .hero-subtitle-lg {font-size:0.85rem;margin-bottom:16px;} .hero-badge {font-size:0.65rem;padding:4px 10px;margin-bottom:10px;} .hero-badge i {font-size:0.7rem;} .hero-brand-tags {gap:4px;margin-bottom:14px;} .brand-tag {padding:2px 7px;font-size:0.6rem;} .hero-trust-mini {gap:6px;margin-top:12px;} .trust-mini-item {font-size:0.6rem;gap:4px;} .trust-mini-item i {font-size:0.7rem;} .btn-xl {padding:10px 20px;font-size:0.85rem;} .trust-indicators {padding:30px 0;} .trust-grid {grid-template-columns:repeat(2,1fr);gap:12px;} .trust-item {padding:12px 6px;} .trust-icon {width:36px;height:36px;font-size:0.9rem;margin-bottom:8px;} .trust-number {font-size:1.5rem;} .trust-suffix {font-size:1.1rem;} .trust-label {font-size:0.7rem;} .core-services {padding:40px 0;} .section-tag {font-size:0.75rem;padding:4px 12px;} .service-card {padding:24px 16px;} .service-icon {width:50px;height:50px;margin-bottom:14px;} .service-icon i,.service-icon svg {font-size:1.3rem;} .service-number {font-size:1.5rem;top:10px;right:12px;} .service-card h3 {font-size:1.1rem;} .service-card p {font-size:0.85rem;} .service-link {font-size:0.8rem;} .cta-section {padding:40px 0;} .cta-content h2 {font-size:1.4rem;} .cta-content p {font-size:0.85rem;} .cta-badge {font-size:0.65rem;padding:4px 10px;margin-bottom:14px;} .cta-feature {font-size:0.75rem;} .cta-feature i {font-size:0.9rem;} .hero-scroll {bottom:16px;}} .vehicle-archive-page {background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding-top:80px;} .archive-hero {background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);padding:5rem 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);margin-top:70px;position:relative;overflow:hidden;} .archive-hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(118,75,162,0.3) 0%,transparent 50%);pointer-events:none;} .archive-main-title {font-size:3.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-shadow:2px 2px 8px rgba(0,0,0,0.4);position:relative;z-index:1;} .archive-subtitle {font-size:1.35rem;color:#ffffff;max-width:600px;margin:0 auto;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,0.3);position:relative;z-index:1;} .vehicle-archive-content {padding:2rem 0 4rem;} .brands-page {background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding-top:80px;} .brands-hero {background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);padding:5rem 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);margin-top:70px;} .brands-title {font-size:3rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);} .brands-subtitle {font-size:1.25rem;color:#ffffff;max-width:600px;margin:0 auto;} .brands-stats {background:rgba(255,255,255,0.05);padding:3rem 0;border-bottom:1px solid rgba(255,255,255,0.1);} .brands-stats .stats-grid {display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;} .brands-stats .stat-item {text-align:center;} .brands-stats .stat-number {font-size:2.5rem;font-weight:800;color:#C92026;display:block;} .brands-stats .stat-label {font-size:1rem;color:#C92026;} .brands-list {padding:3rem 0;} .brands-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.5rem;} .brand-card {background:rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;overflow:hidden;border:1px solid rgba(255,255,255,0.1);} .brand-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.3);background:rgba(255,255,255,0.15);} .brand-link {display:flex;align-items:center;padding:1.5rem;text-decoration:none;color:inherit;} .brand-logo {width:80px;height:80px;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;} .brand-logo img {max-width:90%;max-height:90%;object-fit:contain;} .brand-placeholder {width:100%;height:100%;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700;} .brand-info {flex:1;} .brand-name {font-size:1.25rem;font-weight:600;color:#ffffff;margin-bottom:0.25rem;} .brand-count {font-size:0.9rem;color:#ffffff;} .brand-arrow {color:#C92026;transition:all 0.3s ease;} .brand-card:hover .brand-arrow {color:#feca57;transform:translateX(5px);} .about-hero {background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);padding:4rem 0;margin-top:80px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);} .about-hero .page-title {font-size:3rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);} .about-hero .hero-subtitle {font-size:1.25rem;color:#ffffff;max-width:600px;margin:0 auto;} .about-intro {background:transparent;} .intro-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;} .intro-content h2 {font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem;} .intro-content p {font-size:1.1rem;color:#000000;line-height:1.8;margin-bottom:1rem;} .intro-stats {display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;} .stat-card {background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.08);} .stat-card:hover {border-color:#feca57;box-shadow:0 8px 25px rgba(254,202,87,0.2);} .stat-card .stat-number {font-size:2.5rem;font-weight:800;color:#C92026;display:block;margin-bottom:0.5rem;} .stat-card .stat-label {font-size:0.95rem;color:#333333;} .about-certifications {background:rgba(255,255,255,0.05);} .certifications-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;} .certification-card {background:#ffffff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid #e5e7eb;} .certification-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.2);background:rgba(255,255,255,0.15);} .cert-icon {width:80px;height:80px;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;} .certification-card h3 {font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:0.75rem;} .certification-card p {font-size:0.95rem;color:#333333;line-height:1.6;} .contact-hero {background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);padding:5rem 0;margin-top:70px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);} .contact-hero .page-title {font-size:3rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);} .contact-hero .hero-subtitle {font-size:1.25rem;color:#ffffff;max-width:600px;margin:0 auto 1.5rem;} .hero-badges {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;} .hero-badges .badge {background:rgba(255,255,255,0.1);padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);} .contact-main {background:transparent;} .contact-grid {display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;} .contact-info h2 {font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;} .contact-info > p {font-size:1rem;color:#333333;line-height:1.6;margin-bottom:2rem;} .contact-methods {display:flex;flex-direction:column;gap:1.5rem;} .contact-method {display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff;border-radius:12px;transition:all 0.3s ease;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(0,0,0,0.05);} .contact-method:hover {background:#f8f9fa;box-shadow:0 4px 15px rgba(0,0,0,0.1);} .method-icon {width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;} .method-icon.email {background:linear-gradient(135deg,#e94560,#ff6b6b);} .method-icon.whatsapp {background:linear-gradient(135deg,#25D366,#128C7E);} .method-icon.phone {background:linear-gradient(135deg,#007bff,#0056b3);} .method-content h4 {font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:0.25rem;} .method-content a {font-size:0.95rem;color:#333333;text-decoration:none;} .method-content a:hover {color:#C92026;} .breadcrumb {background:rgba(255,255,255,0.05);padding:1rem 0;margin-top:80px;border-bottom:1px solid rgba(255,255,255,0.1);} .breadcrumb-list {display:flex;align-items:center;gap:0.5rem;list-style:none;margin:0;padding:0;} .breadcrumb-list li {font-size:0.9rem;color:#ffffff;} .breadcrumb-list a {color:#feca57;text-decoration:none;} .breadcrumb-list a:hover {text-decoration:underline;} .breadcrumb-list .current {color:#ffffff;font-weight:500;} .filter-sidebar {background:rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:sticky;top:100px;border:1px solid rgba(255,255,255,0.1);} .filter-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1);} .filter-header h3 {font-size:1.35rem;font-weight:700;color:#ffffff;margin:0;text-transform:uppercase;letter-spacing:0.5px;} .filter-header h3 i {color:#feca57;margin-right:8px;} .clear-filters {font-size:0.95rem;color:#feca57;text-decoration:none;font-weight:600;padding:6px 12px;border-radius:6px;background:rgba(254,202,87,0.1);transition:all 0.3s ease;} .clear-filters:hover {background:rgba(254,202,87,0.2);color:#fff;} .filter-group {margin-bottom:1.25rem;} .filter-group label {display:block;font-size:1rem;font-weight:600;color:#ffffff;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.3px;} .filter-input,.filter-select {width:100%;padding:0.75rem 1rem;border:1px solid rgba(255,255,255,0.2);border-radius:8px;font-size:0.95rem;color:#ffffff;background:rgba(255,255,255,0.1);transition:all 0.3s ease;} .filter-input:focus,.filter-select:focus {outline:none;border-color:#feca57;background:rgba(255,255,255,0.15);box-shadow:0 0 0 3px rgba(254,202,87,0.2);} .filter-input::placeholder {color:#ffffff;} .filter-select option {background:#1a1a2e;color:#ffffff;} @media (max-width:992px) {.intro-grid {grid-template-columns:1fr;} .contact-grid {grid-template-columns:1fr;} .archive-main-title,.brands-title,.about-hero .page-title,.contact-hero .page-title {font-size:2.5rem;}} @media (max-width:768px) {.brands-stats .stats-grid {gap:2rem;} .intro-stats {grid-template-columns:1fr;} .archive-main-title,.brands-title,.about-hero .page-title,.contact-hero .page-title {font-size:2rem;}} .related-vehicles {padding:3rem 0;background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%);} .faq-section {padding:3rem 0;background:#ffffff;} .faq-section .section-title {font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:2rem;display:flex;align-items:center;gap:0.75rem;} .faq-section .section-title svg {color:var(--primary-color);} .faq-list {max-width:900px;} .faq-item {border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all 0.3s ease;} .faq-item:hover {border-color:var(--primary-color);} .faq-question {width:100%;padding:1.5rem;background:#ffffff;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#1a1a2e;text-align:left;transition:all 0.3s ease;} .faq-question:hover {background:#f9fafb;} .faq-question svg {transition:transform 0.3s ease;flex-shrink:0;margin-left:1rem;} .faq-item.active .faq-question svg {transform:rotate(180deg);} .faq-answer {max-height:0;overflow:hidden;transition:max-height 0.3s ease;} .faq-item.active .faq-answer {max-height:500px;} .faq-answer p {padding:0 1.5rem 1.5rem 1.5rem;margin:0;color:#4b5563;line-height:1.7;} .related-vehicles .section-header {text-align:center;margin-bottom:2.5rem;} .related-vehicles .section-title {font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;} .related-vehicles .section-title svg {color:var(--primary-color);} .related-vehicles .section-subtitle {font-size:1.1rem;color:#333333;} .vehicles-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;} .vehicles-grid .vehicle-card {background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%;} .vehicles-grid .vehicle-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);} .vehicles-grid .card-image-wrapper {position:relative;height:180px;overflow:hidden;} .vehicles-grid .card-image-wrapper img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .vehicles-grid .vehicle-card:hover .card-image-wrapper img {transform:scale(1.08);} .vehicles-grid .card-content {padding:1.25rem;flex:1;display:flex;flex-direction:column;} .vehicles-grid .card-title {font-size:1.1rem;font-weight:600;margin-bottom:0.75rem;} .vehicles-grid .card-title a {color:#1a1a2e;text-decoration:none;} .vehicles-grid .card-title a:hover {color:var(--primary-color);} .vehicles-grid .card-specs {display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem;} .vehicles-grid .spec-tag {font-size:0.8rem;padding:4px 10px;background:#f0f0f0;border-radius:20px;color:#333333;} .vehicles-grid .card-footer {display:flex;justify-content:space-between;align-items:center;} .vehicles-grid .card-price {font-size:1.25rem;font-weight:700;color:var(--primary-color);} .vehicles-grid .section-action {text-align:center;margin-top:2.5rem;} @media (max-width:1200px) {.vehicles-grid {grid-template-columns:repeat(3,1fr);}} @media (max-width:992px) {.vehicles-grid {grid-template-columns:repeat(2,1fr);} .related-vehicles .section-title {font-size:1.75rem;}} @media (max-width:576px) {.vehicles-grid {grid-template-columns:1fr;gap:1rem;} .related-vehicles {padding:2rem 0;} .related-vehicles .section-title {font-size:1.5rem;flex-direction:column;gap:0.5rem;} .related-vehicles .section-subtitle {font-size:1rem;} .vehicles-grid .card-image-wrapper {height:200px;}} .social-item-wrapper {position:relative;display:inline-block;} .social-qrcode-popup {position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;min-width:180px;} .social-item-wrapper:hover .social-qrcode-popup {opacity:1;visibility:visible;transform:translateX(-50%) translateY(-15px);} .social-qrcode-popup::after {content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff;} .social-qrcode-popup img {width:150px;height:150px;object-fit:contain;display:block;margin:0 auto 0.5rem;} .social-qrcode-popup p {margin:0;text-align:center;font-size:0.875rem;color:#333;font-weight:500;} .rtl {direction:rtl;text-align:right;} .rtl body {direction:rtl;} .rtl .header-container,.rtl .header-main .container {flex-direction:row-reverse;} .rtl .nav-menu {flex-direction:row-reverse;} .rtl .header-actions {flex-direction:row-reverse;} .rtl .whatsapp-float {right:auto;left:2rem;} .rtl .back-to-top {right:auto;left:2rem;} .rtl .mobile-nav {right:0;left:0;transform:translateY(-100%);} .rtl .mobile-nav.active {transform:translateY(0);} .rtl .header-language .language-dropdown {right:auto;left:0;} .rtl .header-language .language-switcher:hover .language-dropdown,.rtl .header-language .language-switcher.active .language-dropdown {right:auto;left:0;} .rtl .container {text-align:right;} .rtl .section-header,.rtl .section-title,.rtl .section-subtitle {text-align:right;} .rtl .section-cta {text-align:right;} .rtl .hero-content {text-align:right;} .rtl .hero-actions,.rtl .cta-buttons {flex-direction:row-reverse;} .rtl .breadcrumb ul {flex-direction:row-reverse;} .rtl .pagination {flex-direction:row-reverse;} .rtl .footer-grid {direction:rtl;} .rtl .footer-grid > * {direction:rtl;text-align:right;} .rtl .footer-heading::after {left:auto;right:0;} .rtl .footer-menu a:hover {padding-left:0;padding-right:2px;} .rtl .footer-menu a::before {order:1;margin-right:0;margin-left:0;} .rtl .footer-menu a:hover::before {margin-left:0.6rem;} .rtl .contact-item {flex-direction:row-reverse;} .rtl .footer-social-icons {justify-content:flex-start;} .rtl .footer-social-heading::after {right:0;left:auto;} .rtl .footer-bottom-inner {direction:rtl;flex-direction:row-reverse;} .rtl .footer-legal {flex-direction:row-reverse;} .rtl .trust-bar-inner {direction:rtl;} .rtl body,.rtl .site-main,.rtl section {width:100%;overflow-x:hidden;margin:0;padding:0;} .header-actions{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;justify-content:flex-end !important;position:relative !important;z-index:99998 !important} .header-actions .search-toggle{order:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important} .header-actions .header-language{order:2 !important;display:flex !important;align-items:center !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important} .header-actions .mobile-menu-toggle{order:3 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important} .mobile-nav-footer .language-switcher {width:100%;} .mobile-nav-footer .language-btn {width:100%;justify-content:center;padding:14px 20px;font-size:1rem;border-radius:12px;background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);color:#ffffff;border:none;} .mobile-nav-footer .language-dropdown {display:none !important;flex-direction:column !important;position:relative !important;top:auto !important;right:auto !important;left:auto !important;gap:4px !important;padding:8px !important;margin-top:10px !important;border-radius:12px !important;background:#f8f9fa !important;border:1px solid #e9ecef !important;box-shadow:none !important;min-width:0 !important;width:100% !important;opacity:1 !important;visibility:visible !important;transform:none !important;} .mobile-nav-footer .language-switcher.active .language-dropdown {display:flex !important;} .mobile-nav-footer {position:relative;} .mobile-nav-footer .language-dropdown a {padding:10px 14px !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:0.9rem !important;border-radius:8px !important;background:#fff !important;border:1px solid #e9ecef !important;text-decoration:none !important;color:#333 !important;transition:all 0.2s ease !important;min-height:auto !important;width:100% !important;} .mobile-nav-footer .language-dropdown a:hover {background:#C92026 !important;color:#fff !important;border-color:#C92026 !important;} .mobile-nav-footer .language-dropdown a.active {background:#C92026 !important;color:#fff !important;font-weight:600 !important;border-color:#C92026 !important;} .mobile-nav-footer .language-dropdown a .language-english {color:#999 !important;font-size:0.8rem !important;margin-left:auto !important;} @media (max-width:992px) {.header-language .language-btn {min-width:auto;padding:6px 10px;font-size:0.8rem;} .header-language .language-btn .language-name {display:none;} .header-language .language-btn .dropdown-arrow {display:none;} .header-language .language-dropdown {min-width:180px;right:-10px;} .header-language .language-dropdown a {padding:10px 14px;} .header-language .language-dropdown a .language-english {display:none;}} @media (max-width:576px) {.header-language .language-btn {padding:5px 8px;} .header-language .language-dropdown {min-width:160px;right:-5px;}} .flag-icon {display:inline-block;width:20px;height:14px;border-radius:2px;background-size:cover;background-position:center;background-repeat:no-repeat;vertical-align:middle;flex-shrink:0;} .flag-icon-us {background-color:#3C3B6E;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23bf0a30' width='60' height='40'/%3E%3Cpath d='M0,5h60M0,15h60M0,25h60M0,35h60' stroke='%23fff' stroke-width='5'/%3E%3Crect fill='%2300266c' width='24' height='20'/%3E%3C/svg%3E");} .flag-icon-ru {background-color:#0039a6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='13.33'/%3E%3Crect fill='%230039a6' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%23d52b1e' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E");} .flag-icon-sa {background-color:#006c35;} .flag-icon-es {background-color:#c60b1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23c60b1e' width='60' height='40'/%3E%3Crect fill='%23ffc400' y='10' width='60' height='20'/%3E%3C/svg%3E");} .flag-icon-br {background-color:#009b3a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23009b3a' width='60' height='40'/%3E%3Cpolygon fill='%23fedf00' points='30,3 57,20 30,37 3,20'/%3E%3Ccircle fill='%230029b5' cx='30' cy='20' r='10'/%3E%3C/svg%3E");} .flag-icon-fr {background-color:#0055a4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%230055a4' width='20' height='40'/%3E%3Crect fill='%23fff' x='20' width='20' height='40'/%3E%3Crect fill='%23ef4135' x='40' width='20' height='40'/%3E%3C/svg%3E");} .flag-icon-de {background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23000' width='60' height='13.33'/%3E%3Crect fill='%23d00' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%23ffce00' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E");} .flag-icon-jp {background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='40'/%3E%3Ccircle fill='%23bc002d' cx='30' cy='20' r='12'/%3E%3C/svg%3E");} .flag-icon-kr {background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='40'/%3E%3Ccircle fill='%23c60c30' cx='30' cy='20' r='10'/%3E%3C/svg%3E");} .flag-icon-th {background-color:#A51931;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23A51931' width='60' height='40'/%3E%3Crect fill='%23F4F5F8' y='6.67' width='60' height='26.67'/%3E%3Crect fill='%232D2A4A' y='13.33' width='60' height='13.33'/%3E%3C/svg%3E");} .flag-icon-it {background-color:#009246;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23009246' width='20' height='40'/%3E%3Crect fill='%23fff' x='20' width='20' height='40'/%3E%3Crect fill='%23ce2b37' x='40' width='20' height='40'/%3E%3C/svg%3E");} .flag-icon-nl {background-color:#ae1c28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23ae1c28' width='60' height='13.33'/%3E%3Crect fill='%23fff' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%2321468b' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E");} .flag-icon-pt {background-color:#006600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23006600' width='24' height='40'/%3E%3Crect fill='%23ff0000' x='24' width='36' height='40'/%3E%3C/svg%3E");} .flag-icon-id {background-color:#FF0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23FF0000' width='60' height='20'/%3E%3Crect fill='%23fff' y='20' width='60' height='20'/%3E%3C/svg%3E");} .flag-icon-tr {background-color:#E30A17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23E30A17' width='60' height='40'/%3E%3Ccircle fill='%23fff' cx='24' cy='20' r='10'/%3E%3Ccircle fill='%23E30A17' cx='27' cy='20' r='8'/%3E%3C/svg%3E");} .flag-icon-vn {background-color:#EC1C24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23EC1C24' width='60' height='40'/%3E%3Cpolygon fill='%23FFD700' points='30,8 33,18 44,18 35,24 38,34 30,28 22,34 25,24 16,18 27,18'/%3E%3C/svg%3E");} @media (max-width:992px) {.mobile-nav {display:block !important;} .mobile-menu-toggle {display:flex !important;} .site-header .main-nav {display:none !important;}} @media (min-width:993px) {.mobile-nav {display:none !important;} .mobile-menu-toggle {display:none !important;} .mobile-nav-overlay {display:none !important;}} @media (max-width:768px) {.hero-modern {min-height:100svh;height:auto;max-height:none;padding-top:65px;} .hero-bg {bottom:0;height:auto;top:65px;max-height:none;} .hero-overlay {bottom:0;height:auto;top:65px;max-height:none;}} @media (max-width:992px) and (min-width:769px) {.hero-modern {margin-top:0;min-height:100svh;padding-top:70px;} .hero-bg {bottom:0;height:auto;top:70px;max-height:none;} .hero-overlay {bottom:0;height:auto;top:70px;max-height:none;} .hero-content {min-height:auto;height:auto;max-height:none;padding:2rem 1rem;} .hero-title-lg {font-size:clamp(1.8rem,5vw,2.5rem) !important;min-height:auto;height:auto;} .hero-subtitle-lg {font-size:clamp(0.9rem,3vw,1.1rem) !important;min-height:auto;height:auto;} .hero-actions {min-height:auto;height:auto;flex-direction:column;align-items:center;} .hero-actions .btn {width:100%;max-width:320px;} .trust-grid {grid-template-columns:repeat(2,1fr) !important;gap:1rem !important;} .trust-item {padding:1rem !important;} .trust-number {font-size:clamp(1.5rem,4vw,2.5rem) !important;} .services-grid {grid-template-columns:repeat(2,1fr) !important;gap:1rem !important;}} @media (max-width:768px) {.hero-modern {margin-top:0;min-height:100svh;}} @media (max-width:576px) {.hero-modern {margin-top:0;min-height:100svh;}} @media (max-width:480px) {.hero-modern {min-height:100svh;} .trust-grid {grid-template-columns:repeat(2,1fr) !important;gap:0.75rem !important;} .services-grid {grid-template-columns:1fr !important;}} .inquiry-form,.contact-form {max-width:800px;margin:0 auto;} .inquiry-form .form-group,.contact-form .form-group {margin-bottom:1.5rem;} .inquiry-form label,.contact-form label {display:block;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);} .inquiry-form input,.inquiry-form textarea,.inquiry-form select,.contact-form input,.contact-form textarea,.contact-form select {width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color 0.3s ease;background:#fff;} .inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(201,32,38,0.1);} .inquiry-form input.error,.contact-form input.error {border-color:#dc3545;} .inquiry-form .field-error,.contact-form .field-error {color:#dc3545;font-size:0.875rem;margin-top:0.25rem;} .whatsapp-float {position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.8rem;box-shadow:0 4px 15px rgba(37,211,102,0.4);z-index:9998;transition:all 0.3s ease;text-decoration:none;} .whatsapp-float:hover {transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.5);color:white;} @media (max-width:768px) {.whatsapp-float {bottom:1.5rem;right:1.5rem;width:50px;height:50px;font-size:1.5rem;}} .breadcrumb-nav {background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:0.75rem 0;font-size:0.875rem;} .breadcrumb-list {display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:0.25rem;} .breadcrumb-item {display:flex;align-items:center;gap:0.25rem;} .breadcrumb-item a {color:#6c757d;text-decoration:none;transition:color 0.2s ease;padding:0.25rem 0;min-height:44px;display:flex;align-items:center;} .breadcrumb-item a:hover {color:#c92026;text-decoration:underline;} .breadcrumb-item + .breadcrumb-item::before {content:'/';color:#adb5bd;padding:0 0.5rem;} .breadcrumb-item[aria-current="page"] {color:#212529;font-weight:500;} @media (max-width:768px) {.breadcrumb-nav {padding:0.5rem 0;font-size:0.8125rem;} .breadcrumb-item a {min-height:44px;}} 
/* === modern-home.css === */
 .hero-modern,.hero-bg,.hero-img,.hero-overlay,.hero-content,.hero-scroll,.hero-title-lg,.hero-subtitle-lg,.hero-actions {will-change:auto;} .hero-modern * {box-sizing:border-box !important;} .hero-title-lg,.hero-subtitle-lg {font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} #main-content {contain:layout style;} .site-main {contain:layout style;} .header-actions {flex-shrink:0;} .header-actions .search-toggle,.header-actions .mobile-menu-toggle {contain:layout style;min-width:40px;min-height:40px;flex-shrink:0;} .header-actions .header-language {min-width:40px;min-height:40px;flex-shrink:0;} .search-overlay {position:fixed !important;top:0;left:0;width:100%;height:100%;z-index:999999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;contain:layout style;pointer-events:none;} .search-overlay.active {opacity:1;visibility:visible;pointer-events:auto;} :root {--primary:#C92026;--primary-color:#C92026;--primary-dark:#8B0000;--primary-light:#e8555a;--accent:#006400;--accent-color:#006400;--accent-light:#00a86b;--light:#F8F9FA;--dark:#1A1A2E;--dark-secondary:#16213E;--white:#ffffff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-500:#6c757d;--gray-600:#5a6268;--gray-700:#495057;--gold:#FFD700;--gradient-primary:linear-gradient(135deg,#C92026 0%,#8B0000 100%);--gradient-accent:linear-gradient(135deg,#006400 0%,#00a86b 100%);--gradient-dark:linear-gradient(135deg,#1A1A2E 0%,#16213E 100%);} .hero-modern {position:relative;padding-top:80px;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-dark);contain:layout style paint;} .hero-bg {position:absolute;top:80px;left:0;width:100%;height:600px;max-height:600px;z-index:0;overflow:hidden;contain:layout paint size;} .hero-img {width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block;contain:layout paint size;background-color:var(--dark);} img:not([width]):not([height]) {max-width:100%;height:auto;} img {height:auto;} @font-face {font-display:swap;} .trust-indicators,.core-services,.cta-section {contain:layout style;} .trust-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;contain:layout;} .trust-item {contain:layout style;min-height:120px;} .services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;contain:layout;} .service-card {contain:layout style;} .cta-content {contain:layout style;} .cta-buttons {contain:layout;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;} @keyframes slowZoom {from {transform:scale(1);} to {transform:scale(1.1);}} .hero-overlay {position:absolute;top:80px;left:0;width:100%;height:600px;max-height:600px;background:linear-gradient(135deg,rgba(26,26,46,0.85) 0%,rgba(22,33,62,0.75) 50%,rgba(201,32,38,0.3) 100%);contain:layout paint size;} .hero-content {position:relative;z-index:10;text-align:center;padding:0 20px;min-height:350px;height:350px;max-height:350px;display:flex;flex-direction:column;justify-content:center;contain:layout paint size;} .hero-title-lg {font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,0.5);min-height:5rem;height:5rem;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box;} @keyframes shimmer {0%,100% {background-position:-200% center;} 50% {background-position:200% center;}} .hero-subtitle-lg {font-size:1.5rem;color:rgba(255,255,255,0.95);margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,0.5);line-height:1.6;min-height:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box;} .hero-actions {display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;min-height:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box;} .hero-scroll {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:#fff;font-size:1.5rem;cursor:pointer;z-index:20;width:50px;height:50px;min-width:50px;min-height:50px;border:2px solid rgba(255,255,255,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);transition:all 0.3s ease;contain:layout paint size;} .hero-scroll:hover {background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.8);transform:translateX(-50%) scale(1.1);} .trust-indicators {padding:5rem 0;background:var(--gradient-dark);position:relative;overflow:hidden;} .trust-indicators::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.05)"/></svg>');background-size:50px 50px;opacity:0.3;} .trust-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:4rem;position:relative;z-index:1;} .trust-item {text-align:center;min-width:180px;padding:2rem;background:rgba(255,255,255,0.05);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);transition:all 0.4s ease;} .trust-item:hover {background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);} .trust-number {font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.75rem;line-height:1;display:block;} .trust-label {color:rgba(255,255,255,0.9);font-size:1.125rem;font-weight:500;letter-spacing:0.5px;} .trust-item .trust-icon {font-size:2.5rem;margin-bottom:1rem;display:block;animation:pulse 2s ease-in-out infinite;will-change:transform;} @keyframes pulse {0%,100% {transform:scale(1);opacity:1;} 50% {transform:scale(1.1);opacity:0.8;}} .featured-models {padding:6rem 0;background:#fff;} .section-header {text-align:center;margin-bottom:4rem;} .section-title {font-size:2.75rem;font-weight:700;color:var(--primary);margin-bottom:1.25rem;} .section-subtitle {color:var(--gray-600);font-size:1.25rem;max-width:700px;margin:0 auto;line-height:1.6;} .section-desc {color:var(--gray-600);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6;} .filter-box {background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.1);padding:2.5rem;margin-bottom:3rem;border:2px solid var(--gray-200);position:relative;overflow:hidden;} .filter-box::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);} .filter-box .filter-title {font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem;} .filter-box .filter-title i {color:var(--primary);} .filter-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;} .filter-group label {display:block;color:var(--dark);margin-bottom:0.75rem;font-weight:600;font-size:1rem;} .filter-group select {width:100%;padding:1rem 1.25rem;border:2px solid var(--gray-300);border-radius:12px;font-size:1rem;transition:all 0.3s ease;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;} .filter-group select:hover {border-color:var(--primary-light);} .filter-group select:focus {outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(201,32,38,0.1);} .filter-submit {display:flex;align-items:flex-end;} .filter-submit .btn {height:50px;font-weight:600;letter-spacing:0.5px;} .models-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;} .model-card {background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;} .model-card:hover {transform:translateY(-8px);box-shadow:0 16px 35px rgba(0,0,0,0.18);} .model-image {position:relative;height:280px;overflow:hidden;} .model-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .model-card:hover .model-image img {transform:scale(1.08);} .model-badge {position:absolute;top:1rem;right:1rem;padding:0.5rem 1rem;border-radius:25px;font-size:0.85rem;font-weight:600;color:#fff;} .badge-bestseller {background:var(--accent);} .badge-electric {background:#3b82f6;} .model-info {padding:1.75rem;} .model-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;} .model-title {font-size:1.35rem;font-weight:700;color:var(--primary);margin:0;} .model-price {font-size:1.25rem;font-weight:700;color:var(--accent);} .model-desc {color:var(--gray-600);font-size:1rem;margin-bottom:1.25rem;line-height:1.6;} .model-specs {background:var(--light);padding:1.25rem;border-radius:10px;margin-bottom:1.25rem;} .specs-title {font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:0.75rem;} .specs-grid {display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;font-size:0.9rem;color:var(--gray-700);} .specs-grid .spec-item {display:flex;align-items:center;gap:0.35rem;} .specs-grid .spec-item i {color:var(--accent);font-size:0.7rem;} .model-tags {display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;} .model-tags .tag {background:var(--gray-200);color:var(--gray-700);padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;} .btn {display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1.125rem;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;gap:0.5rem;} .btn-primary {background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(201,32,38,0.3);position:relative;overflow:hidden;} .btn-primary::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;} .btn-primary:hover::before {left:100%;} .btn-primary:hover {background:var(--primary-dark);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(201,32,38,0.5);} .btn-outline {background:transparent;border:2px solid var(--primary);color:var(--primary);position:relative;overflow:hidden;} .btn-outline::before {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--gradient-primary);transition:width 0.3s ease;z-index:-1;} .btn-outline:hover::before {width:100%;} .btn-outline:hover {color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(201,32,38,0.3);} .btn-outline-white {background:transparent;border:2px solid #fff;color:#fff;position:relative;overflow:hidden;} .btn-outline-white::before {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#fff;transition:width 0.3s ease;z-index:-1;} .btn-outline-white:hover::before {width:100%;} .btn-outline-white:hover {color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,0.3);} .btn-lg {padding:1.25rem 2.5rem;font-size:1.25rem;} .btn-xl {padding:1.5rem 3.5rem;font-size:1.35rem;border-radius:50px;box-shadow:0 6px 25px rgba(0,0,0,0.2);font-weight:600;letter-spacing:0.5px;} .btn-xl:hover {transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,0.3);} .btn-block {display:flex;width:100%;padding:1.25rem 2rem;font-size:1.125rem;} .btn-rounded {border-radius:50px;} .export-services {padding:6rem 0;background:var(--light);} .services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;} .service-card {background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;} .service-card:hover {transform:translateY(-8px);box-shadow:0 16px 30px rgba(0,0,0,0.15);} .service-icon {width:80px;height:80px;background:linear-gradient(135deg,rgba(201,32,38,0.1) 0%,rgba(201,32,38,0.2) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;} .service-icon i {font-size:2rem;color:var(--primary);} .service-card h3 {font-size:1.35rem;font-weight:700;color:var(--primary);margin-bottom:1rem;} .service-card p {color:var(--gray-600);font-size:1rem;line-height:1.7;} .shipping-solutions {display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);overflow:hidden;} .shipping-content {padding:3rem;} .shipping-content h3 {font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:1rem;} .shipping-content > p {color:var(--gray-600);margin-bottom:2rem;} .shipping-option {display:flex;gap:1rem;margin-bottom:1.5rem;} .shipping-option-icon {width:48px;height:48px;background:rgba(201,32,38,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .shipping-option-icon i {color:var(--primary);} .shipping-option h4 {font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:0.25rem;} .shipping-option p {font-size:0.85rem;color:var(--gray-600);} .shipping-image {height:100%;min-height:350px;} .shipping-image img {width:100%;height:100%;object-fit:cover;} .advantages-section {padding:5rem 0;background:#fff;} .advantages-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;} .advantages-list {display:flex;flex-direction:column;gap:2rem;} .advantage-item {display:flex;gap:1.5rem;} .advantage-icon {width:56px;height:56px;background:rgba(201,32,38,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .advantage-icon i {font-size:1.25rem;color:var(--primary);} .advantage-item h3 {font-size:1.125rem;font-weight:700;color:var(--primary);margin-bottom:0.5rem;} .advantage-item p {color:var(--gray-600);font-size:0.9rem;line-height:1.6;} .market-share {background:var(--light);border-radius:12px;padding:2rem;} .market-share h3 {font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:0.5rem;} .market-share > p {color:var(--gray-600);margin-bottom:2rem;} .chart-bar {margin-bottom:1.5rem;} .chart-bar-header {display:flex;justify-content:space-between;margin-bottom:0.5rem;} .chart-bar-header span:first-child {font-weight:500;color:var(--gray-700);} .chart-bar-header span:last-child {font-weight:700;color:var(--primary);} .chart-bar-track {height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden;} .chart-bar-fill {height:100%;background:var(--primary);border-radius:5px;transition:width 1s ease;} .market-note {background:#fff;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:0.875rem;color:var(--gray-600);} .market-note i {color:var(--primary);margin-right:0.5rem;} .testimonials-section {padding:5rem 0;background:var(--primary);color:#fff;} .testimonials-section .section-title {color:#fff;} .testimonials-section .section-subtitle {color:rgba(255,255,255,0.8);} .testimonials-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;} .testimonial-card {background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;} .testimonial-header {display:flex;align-items:center;gap:1rem;margin-bottom:1rem;} .testimonial-avatar {width:48px;height:48px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;} .testimonial-info h4 {font-size:1rem;font-weight:600;margin-bottom:0.25rem;} .testimonial-info p {font-size:0.85rem;opacity:0.7;} .testimonial-text {font-style:italic;opacity:0.9;line-height:1.6;margin-bottom:1rem;} .testimonial-stars {color:#fbbf24;} .testimonial-stars i {margin-right:0.25rem;} .quote-section {padding:5rem 0;background:var(--light);} .quote-wrapper {max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);overflow:hidden;} .quote-grid {display:grid;grid-template-columns:1fr 1fr;} .quote-form-side {padding:3rem;} .quote-form-side h2 {font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:0.5rem;} .quote-form-side > p {color:var(--gray-600);margin-bottom:2rem;} .quote-info-side {background:var(--primary);color:#fff;padding:3rem;} .quote-info-side h3 {font-size:1.5rem;font-weight:700;margin-bottom:2rem;} .contact-item {display:flex;gap:1rem;margin-bottom:1.5rem;} .contact-item-icon {width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .contact-item h4 {font-weight:600;margin-bottom:0.25rem;} .contact-item p {font-size:0.9rem;opacity:0.8;} .why-choose-box {background:rgba(255,255,255,0.1);border-radius:8px;padding:1.5rem;margin-top:2rem;} .why-choose-box h4 {font-weight:600;margin-bottom:1rem;} .why-choose-box ul {list-style:none;padding:0;margin:0;} .why-choose-box li {display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:0.75rem;font-size:0.9rem;} .why-choose-box li i {opacity:0.7;margin-top:0.25rem;} .brands-section {padding:5rem 0;background:#fff;} .brands-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;} .brand-card {background:var(--light);border-radius:8px;padding:1.5rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;} .brand-card:hover {transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.1);} .brand-logo {width:80px;height:80px;min-width:80px;min-height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;} .brand-logo img {width:100%;height:100%;object-fit:contain;} .brand-name {font-weight:600;color:var(--dark);margin-bottom:0.25rem;} .brand-count {font-size:0.85rem;color:var(--gray-500);} .section-action {text-align:center;margin-top:3rem;} @media (max-width:1200px) {.filter-grid {grid-template-columns:repeat(2,1fr);} .models-grid {grid-template-columns:repeat(2,1fr);} .services-grid {grid-template-columns:repeat(2,1fr);} .brands-grid {grid-template-columns:repeat(4,1fr);}} @media (max-width:992px) {.hero-title-lg {font-size:2.25rem;} .hero-subtitle-lg {font-size:1.125rem;} .advantages-grid {grid-template-columns:1fr;} .shipping-solutions {grid-template-columns:1fr;} .shipping-image {height:250px;} .testimonials-grid {grid-template-columns:1fr;} .quote-grid {grid-template-columns:1fr;}} @media (max-width:768px) {.hero-title-lg {font-size:2rem;} .hero-subtitle-lg {font-size:1rem;} .hero-actions {flex-direction:column;align-items:center;} .trust-grid {gap:2rem;} .trust-number {font-size:2rem;} .filter-grid {grid-template-columns:1fr;} .models-grid {grid-template-columns:1fr;} .services-grid {grid-template-columns:1fr;} .shipping-solutions {grid-template-columns:1fr;} .shipping-image {height:200px;} .testimonials-grid {grid-template-columns:1fr;} .brands-grid {grid-template-columns:repeat(3,1fr);} .section-title {font-size:1.75rem;}} @media (max-width:480px) {.brands-grid {grid-template-columns:repeat(2,1fr);} .model-header {flex-direction:column;gap:0.5rem;align-items:flex-start;}} .vehicle-archive {padding:2rem 0 4rem;} .archive-layout {display:grid;grid-template-columns:280px 1fr;gap:2rem;} .filter-sidebar {background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);height:fit-content;position:sticky;top:100px;} .filter-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee;} .filter-header h3 {font-size:1.25rem;font-weight:700;color:var(--primary);margin:0;} .clear-filters {background:none;border:none;color:var(--gray-500);font-size:0.875rem;cursor:pointer;text-decoration:underline;} .clear-filters:hover {color:var(--primary);} .filter-section {margin-bottom:1.5rem;} .filter-title {font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:0.75rem;} .filter-select {width:100%;padding:0.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:0.9rem;color:var(--dark);background:#fff;cursor:pointer;} .filter-select:focus {outline:none;border-color:var(--primary);} .search-input {width:100%;padding:0.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:0.9rem;} .search-input:focus {outline:none;border-color:var(--primary);} .apply-filters {margin-top:1rem;} .vehicles-main {min-width:0;} .archive-header {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;} .archive-title {font-size:2rem;font-weight:700;color:var(--primary);margin:0;} .results-count {color:var(--gray-600);margin:0.5rem 0 0;} .sort-section {display:flex;align-items:center;gap:0.75rem;} .sort-section label {font-weight:500;color:var(--gray-600);} .sort-select {padding:0.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:0.9rem;min-width:180px;} .vehicles-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;} .vehicle-card {background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;} .vehicle-card:hover {transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.15);} .vehicle-image {position:relative;height:200px;overflow:hidden;} .vehicle-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .vehicle-card:hover .vehicle-image img {transform:scale(1.05);} .vehicle-image .badge {position:absolute;padding:0.35rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;} .badge-featured {top:0.75rem;left:0.75rem;background:var(--accent);color:#fff;} .badge-stock {top:0.75rem;right:0.75rem;font-weight:700;} .badge-stock.in-stock {background:#047857;color:#ffffff;font-weight:700;} .badge-stock.limited {background:#d97706;color:#ffffff;font-weight:700;} .badge-stock.out-of-stock {background:#dc2626;color:#ffffff;font-weight:700;} .vehicle-actions {position:absolute;bottom:0.75rem;right:0.75rem;} .action-btn {width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all 0.3s ease;} .action-btn:hover {background:var(--primary);color:#fff;} .vehicle-content {padding:1.25rem;flex:1;display:flex;flex-direction:column;} .vehicle-brand {font-size:0.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.25rem;} .vehicle-title {font-size:1.125rem;font-weight:700;margin:0 0 0.75rem;} .vehicle-title a {color:var(--dark);text-decoration:none;} .vehicle-title a:hover {color:var(--primary);} .vehicle-specs {display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem;} .vehicle-specs .spec-item {display:flex;align-items:center;gap:0.35rem;font-size:0.8rem;color:var(--gray-600);} .vehicle-specs .spec-item svg {color:var(--primary);} .vehicle-footer {display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee;} .vehicle-price .price {font-size:1.25rem;font-weight:700;color:var(--accent);} .vehicle-price .price-contact {font-size:0.9rem;color:var(--gray-500);} .vehicle-buttons {display:flex;gap:0.5rem;} .btn-sm {padding:0.5rem 1rem;font-size:0.875rem;} .pagination {display:flex;justify-content:center;gap:0.5rem;margin-top:3rem;} .pagination a,.pagination span {padding:0.75rem 1rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all 0.3s ease;} .pagination a {background:#fff;color:var(--dark);border:1px solid var(--gray-300);} .pagination a:hover {background:var(--primary);color:#fff;border-color:var(--primary);} .pagination .current {background:var(--primary);color:#fff;} @media (max-width:1200px) {.vehicles-grid {grid-template-columns:repeat(2,1fr);}} @media (max-width:992px) {.archive-layout {grid-template-columns:1fr;} .filter-sidebar {position:static;}} @media (max-width:768px) {.vehicles-grid {grid-template-columns:1fr;} .archive-header {flex-direction:column;align-items:flex-start;}} .featured-models {background:linear-gradient(180deg,#F8F9FA 0%,#E9ECEF 100%);padding:5rem 0;} .shipping-solutions {background:#FFFFFF;} .tech-advantages {background:linear-gradient(180deg,#F0FDF4 0%,#DCFCE7 100%);padding:5rem 0;} .market-share {background:linear-gradient(135deg,#1E3A8A 0%,#1E40AF 100%);color:#fff;} .testimonials-section {background:linear-gradient(180deg,#F8F9FA 0%,#E9ECEF 100%);} .cta-section {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);color:#fff;} .bestsellers-section {background:#FFFFFF;padding:5rem 0;} .brands-section {background:#F8F9FA;padding:5rem 0;} .featured-models .section-title {color:#C92026;} .tech-advantages .section-title {color:#006400;} .market-share .section-title {color:#FFD700;} .testimonials-section .section-title {color:#333;} .cta-section .section-title {color:#fff;} .bestsellers-section .section-title {color:#C92026;} .brands-section .section-title {color:#333;} .featured-models .btn-primary {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);} .tech-advantages .btn-primary {background:linear-gradient(135deg,#006400 0%,#166534 100%);} .market-share .btn-primary {background:linear-gradient(135deg,#FFD700 0%,#F59E0B 100%);color:#1E3A8A;} .testimonials-section .btn-primary {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);} .cta-section .btn-primary {background:#fff;color:#C92026;} .bestsellers-section .btn-primary {background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);} .brands-section .btn-primary {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);} .bestsellers-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:30px;} .bestseller-card {background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;} .bestseller-card:hover {transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12);} .bestseller-rank {position:absolute;top:15px;left:15px;z-index:10;} .rank-badge {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:1.1rem;} .rank-badge.rank-1 {background:linear-gradient(135deg,#FFD700,#FFA500);color:#fff;} .rank-badge.rank-2 {background:linear-gradient(135deg,#C0C0C0,#A8A8A8);color:#fff;} .rank-badge.rank-3 {background:linear-gradient(135deg,#CD7F32,#B8860B);color:#fff;} .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3) {background:#e9ecef;color:#333333;} .bestseller-image {display:block;position:relative;padding-top:60%;overflow:hidden;} .bestseller-image img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;} .bestseller-card:hover .bestseller-image img {transform:scale(1.05);} .bestseller-info {padding:20px;} .bestseller-brand {font-size:0.85rem;color:#333333;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:600;} .bestseller-title {font-size:1.25rem;margin-bottom:12px;} .bestseller-title a {color:#1a1a2e;text-decoration:none;} .bestseller-title a:hover {color:#007bff;} .bestseller-specs {display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap;} .spec-tag {display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#f0f0f0;border-radius:15px;font-size:0.8rem;color:#555;} .spec-tag.power-bev {background:#e3f2fd;color:#0d47a1;font-weight:600;} .spec-tag.power-phev {background:#e8f5e9;color:#1b5e20;font-weight:600;} .spec-tag.power-erev {background:#fff3e0;color:#e65100;font-weight:600;} .spec-tag.power-ice {background:#fce4ec;color:#880e4f;font-weight:600;} .bestseller-price {margin-bottom:15px;} .price-label {font-size:0.9rem;color:#333333;} .price-value {font-size:1.3rem;font-weight:700;color:#dc3545;margin-left:5px;} .price-contact {font-size:0.95rem;color:#007bff;} .bestseller-actions {display:flex;gap:10px;} .section-footer {text-align:center;margin-top:40px;} .brands-showcase {padding:60px 0;} .brands-showcase-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:20px;margin-bottom:40px;} .brand-showcase-card {display:flex;flex-direction:column;align-items:center;padding:25px 15px;background:#fff;border-radius:12px;text-decoration:none;transition:all 0.3s ease;border:2px solid transparent;} .brand-showcase-card:hover {border-color:#007bff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,123,255,0.15);} .brand-showcase-logo img {max-width:80px;max-height:60px;object-fit:contain;margin-bottom:15px;} .brand-logo-placeholder {width:80px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;} .brand-logo-placeholder span {color:#fff;font-size:1.5rem;font-weight:700;} .brand-showcase-info {text-align:center;} .brand-showcase-info h3 {font-size:1.1rem;color:#000000;margin-bottom:5px;} .brand-country {font-size:0.8rem;color:#444444;display:block;margin-bottom:5px;font-weight:500;} .brand-count {font-size:0.85rem;color:#000000;font-weight:600;} .brands-stats {display:flex;justify-content:center;gap:60px;padding:30px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;} .brands-stats .stat-item {text-align:center;} .brands-stats .stat-number {display:block;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:5px;} .brands-stats .stat-label {font-size:0.95rem;color:rgba(255,255,255,0.95);font-weight:500;} @media (max-width:768px) {.bestsellers-grid {grid-template-columns:1fr;} .brands-showcase-grid {grid-template-columns:repeat(2,1fr);} .brands-stats {flex-direction:column;gap:20px;}} 
/* === design-optimization.css === */
 @media (max-width:992px) {.main-nav,.main-navigation,.nav-menu {display:none !important;opacity:0 !important;pointer-events:none !important;visibility:hidden !important;position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;max-width:1px !important;max-height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;clip-path:inset(50%) !important;} .main-nav a,.nav-menu a {pointer-events:none !important;cursor:default !important;display:none !important;} .main-nav li,.nav-menu li {pointer-events:none !important;display:none !important;}} :root {--primary-gradient:linear-gradient(135deg,#C92026 0%,#8B0000 100%);--accent-gradient:linear-gradient(135deg,#006400 0%,#00a86b 100%);--gold-gradient:linear-gradient(135deg,#FFC107 0%,#FFA000 100%);--bg-gradient-light:linear-gradient(180deg,#F8F9FA 0%,#F1F3F5 100%);--bg-gradient-dark:linear-gradient(135deg,#1A1A2E 0%,#16213E 50%,#0F3460 100%);--border-light:#E0E0E0;--border-medium:#BDBDBD;--shadow-xl:0 16px 48px rgba(0,0,0,0.15);--radius-2xl:24px;--gold-color:#FFC107;--gold-dark:#FFA000;} h1,h2,h3,h4,h5,h6 {letter-spacing:-0.02em;} h1 {font-weight:800;} h2 {font-weight:700;} h3 {font-weight:600;} .site-header {backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);} .header-main {padding:0;} .nav-menu a {position:relative;} .nav-menu a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width 0.3s ease;} .nav-menu a:hover::after {width:100%;} .hero-title-lg {color:#FFFFFF;letter-spacing:-0.03em;} .btn-primary {border:2px solid transparent;} .btn-primary:hover {background:linear-gradient(135deg,#a01a1f 0%,#8B0000 100%);} .btn-outline:hover {background:var(--primary-color);color:white;} .vehicle-card::before,.model-card::before,.service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform 0.4s ease;z-index:1;} .vehicle-card:hover::before,.model-card:hover::before,.service-card:hover::before {transform:scaleX(1);} .section-title::after {content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary-gradient);border-radius:2px;} .trust-number {font-size:clamp(2rem,4vw,3rem) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:none !important;background-clip:initial !important;-webkit-background-clip:initial !important;} .trust-label {color:#ffffff !important;letter-spacing:0.05em !important;} .filter-group label {text-transform:uppercase;letter-spacing:0.05em;} .filter-select:focus,.filter-group select:focus {box-shadow:0 0 0 4px rgba(201,32,38,0.1);} .form-control:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus {box-shadow:0 0 0 4px rgba(201,32,38,0.1);} .gcs-anim-pending {opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;} .gcs-anim-pending.animated,.gcs-anim-pending.visible {opacity:1;transform:translateY(0);} .animate-on-scroll {opacity:0;transform:translateY(40px);transition:opacity 0.8s ease,transform 0.8s ease;} .animate-on-scroll.animated {opacity:1;transform:translateY(0);} .whatsapp-float {position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:999;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;} .whatsapp-float:hover {transform:scale(1.15);box-shadow:0 8px 30px rgba(37,211,102,0.5);} .back-to-top {position:fixed;bottom:6rem;right:2rem;width:50px;height:50px;background:var(--primary-gradient);color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:998;box-shadow:0 4px 15px rgba(201,32,38,0.3);} .back-to-top.visible {opacity:1;visibility:visible;} .back-to-top:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(201,32,38,0.4);} @media (max-width:768px) {.btn-xl {padding:1rem 2rem;font-size:1rem;border-radius:50px;} .btn-lg {padding:0.875rem 1.75rem;font-size:1rem;} .hero-actions,.cta-buttons {flex-direction:column;align-items:center;gap:12px;} .hero-actions .btn,.cta-buttons .btn {width:100%;max-width:320px;}} @media (max-width:480px) {.btn-xl {padding:0.75rem 1.5rem;font-size:0.9rem;} .btn-lg {padding:0.75rem 1.5rem;font-size:0.9rem;}} .spec-item.spec-power {background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);color:#fff;} .spec-item.spec-power i {color:#fff;} .vehicle-price-area::before,.vehicle-price-area::after {display:none;content:none;} .vehicle-price::before {display:none;content:none;} .service-icon {transition:all 0.4s cubic-bezier(0.4,0,0.2,1);} .service-card:hover .service-icon {transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(201,32,38,0.3);} .vehicle-badge {padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:0.05em;} .testimonial-card::before {content:'"';position:absolute;top:1.5rem;left:2rem;font-size:4rem;color:var(--primary-color);opacity:0.1;font-family:Georgia,serif;line-height:1;} .brand-logo-item {filter:grayscale(100%);opacity:0.6;} .brand-logo-item:hover {filter:grayscale(0%);opacity:1;} .brands-section .brand-name {color:#000000 !important;} .brands-section .brand-count {color:#000000 !important;} .breadcrumb {padding:var(--spacing-md) 0;background:var(--bg-light);margin-bottom:var(--spacing-2xl);} .breadcrumb a {color:var(--text-secondary);transition:color 0.3s ease;} .breadcrumb a:hover {color:var(--primary-color);} .breadcrumb li:last-child {color:var(--text-primary);font-weight:600;} .single-vehicle-hero {padding-top:120px;padding-bottom:var(--spacing-3xl);background:var(--bg-gradient-light);} .vehicle-gallery {display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);} .main-vehicle-image {border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);} .thumbnail-gallery {display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);} .thumbnail-item {border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all 0.3s ease;border:3px solid transparent;} .thumbnail-item:hover,.thumbnail-item.active {border-color:var(--primary-color);box-shadow:var(--shadow-md);} .vehicle-details-sidebar {background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);position:sticky;top:100px;} .price-display {font-size:var(--font-size-4xl);font-weight:800;color:var(--primary-color);margin-bottom:var(--spacing-lg);} .inquiry-form-section {background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);} .contact-info-card {background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);} .contact-info-item {display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light);} .contact-info-item:last-child {border-bottom:none;} .contact-icon {width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;} .contact-form-card {background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);} @media (max-width:992px) {.vehicle-gallery {grid-template-columns:1fr;} .vehicle-details-sidebar {position:static;}} @media (max-width:768px) {.thumbnail-gallery {grid-template-columns:repeat(4,1fr);} .brand-logos-grid {grid-template-columns:repeat(2,1fr);} .breadcrumb {padding:var(--spacing-sm) 0;}} @media (max-width:480px) {html {font-size:15px;} .whatsapp-float {width:56px;height:56px;bottom:1.5rem;right:1.5rem;} .back-to-top {bottom:5.5rem;right:1.5rem;} .thumbnail-gallery {grid-template-columns:repeat(3,1fr);}} .header-resource-btn {white-space:nowrap;} .mobile-resource-btn {width:100%;margin-bottom:15px;white-space:nowrap;} .mobile-nav-footer {display:flex;flex-direction:column;gap:15px;} @media (max-width:1200px) {.header-resource-btn {font-size:var(--font-size-sm);}} @media (max-width:992px) {.header-resource-btn {display:none;}} .mobile-nav-menu {list-style:none;margin:0;padding:16px;background:#fff;display:block !important;} .mobile-nav-menu li {border:none;display:block !important;width:100% !important;margin-bottom:12px;} .mobile-nav-menu li:last-child {margin-bottom:0;} .mobile-nav-menu a {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:2px solid #e9ecef;border-radius:16px;text-decoration:none;position:relative;overflow:hidden;} .mobile-nav-menu a::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0;} .mobile-nav-menu a:hover::before,.mobile-nav-menu a:focus::before {opacity:0.05;} .mobile-nav-menu a:hover,.mobile-nav-menu a:focus {background:#ffffff;color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,26,46,0.15);} .mobile-nav-menu a::after {content:'→';font-size:1.2rem;color:var(--primary-color);transition:transform 0.3s ease;z-index:1;} .mobile-nav-menu a:hover::after,.mobile-nav-menu a:focus::after {transform:translateX(4px);} .mobile-nav-menu a span {position:relative;z-index:1;} .mobile-nav-header {display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:none;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);} .mobile-nav-close {background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;cursor:pointer;padding:12px;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;} .mobile-nav-close:hover {background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-color:var(--primary-color);transform:rotate(90deg);} .mobile-nav-close:hover svg {color:#ffffff;} .mobile-nav-close svg {color:var(--text-primary);transition:color 0.3s ease;} .mobile-nav-footer {padding:20px 16px;border-top:none;background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%);} .mobile-nav {display:none !important;position:fixed !important;top:80px;left:0;right:0;width:100%;background:#ffffff;z-index:15000;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease;transform:translateY(-100%);opacity:0;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.2);border-radius:0 0 24px 24px;} @media (max-width:992px) {.mobile-nav {display:block !important;}} .mobile-nav.active {transform:translateY(0) !important;opacity:1 !important;pointer-events:auto;} .mobile-nav:not(.active) {pointer-events:none;} @media (max-width:992px) {.mobile-nav {top:70px;max-height:calc(100vh - 70px);}} @media (max-width:768px) {.mobile-nav {top:65px;max-height:calc(100vh - 65px);}} @media (max-width:576px) {.mobile-nav {top:60px;max-height:calc(100vh - 60px);}} .mobile-nav-overlay {position:fixed !important;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:14999;opacity:0;transition:opacity 0.3s ease;pointer-events:none;} .mobile-nav-overlay.active {opacity:1 !important;pointer-events:auto;} .rtl {direction:rtl;text-align:right;} .rtl * {direction:rtl;} .rtl .container,.rtl .section-header,.rtl .hero-content {text-align:right;} .rtl .header-main .container,.rtl .header-container {flex-direction:row-reverse;} .rtl .nav-menu {flex-direction:row-reverse;} .rtl .header-actions {flex-direction:row-reverse;} .rtl .services-grid,.rtl .trust-grid,.rtl .brand-logos-grid,.rtl .models-grid,.rtl .features-grid {direction:ltr;} .rtl .services-grid > *,.rtl .trust-grid > *,.rtl .brand-logos-grid > *,.rtl .models-grid > *,.rtl .features-grid > * {direction:rtl;text-align:right;} .rtl .filter-row {flex-direction:row-reverse;} .rtl .vehicle-specs {direction:ltr;} .rtl .spec-item {direction:rtl;justify-content:flex-start;} .rtl .spec-item .spec-icon {margin-right:0;margin-left:0.5rem;} .rtl .hero-actions,.rtl .cta-buttons {flex-direction:row-reverse;} .rtl .breadcrumb ul {flex-direction:row-reverse;} .rtl .breadcrumb li::after {margin-left:0;margin-right:0.5rem;} .rtl .pagination {flex-direction:row-reverse;} .rtl .testimonial-author {flex-direction:row-reverse;} .rtl .contact-info-item {flex-direction:row-reverse;} .rtl .whatsapp-float {right:auto;left:2rem;} .rtl .back-to-top {right:auto;left:2rem;} .rtl .vehicle-price::before {display:none;content:none;} .rtl .vehicle-badge {right:auto;left:1rem;} .rtl .header-language .language-dropdown {right:auto;left:0;} .rtl .header-language .language-switcher:hover .language-dropdown {right:auto;left:0;} .rtl .mobile-nav {right:auto;left:0;transform:translateY(-100%);} .rtl .mobile-nav.active {transform:translateY(0);} .rtl .mobile-nav-header {flex-direction:row-reverse;} .rtl .mobile-nav-menu {display:block !important;} .rtl .mobile-nav-menu li {display:block !important;width:100% !important;} .rtl .mobile-nav-menu a::after {content:'←';} .rtl .mobile-nav-menu a:hover::after,.rtl .mobile-nav-menu a:focus::after {transform:translateX(-4px);} .rtl .hero-scroll {left:50%;right:auto;transform:translateX(50%);} .rtl @keyframes bounce {0%,20%,50%,80%,100% {transform:translateX(50%) translateY(0);} 40% {transform:translateX(50%) translateY(-10px);} 60% {transform:translateX(50%) translateY(-5px);}} .rtl .trust-bar-inner {direction:rtl;} .rtl .footer-bottom-inner {flex-direction:row-reverse;} .rtl .footer-legal {flex-direction:row-reverse;} @media (max-width:768px) {.footer-social-icons {justify-content:center;} .trust-bar-inner {flex-wrap:wrap;justify-content:center;gap:0.75rem;} .footer-legal {flex-wrap:wrap;justify-content:center;}} @media (max-width:768px) {.rtl .whatsapp-float {right:auto;left:1.5rem;} .rtl .back-to-top {right:auto;left:1.5rem;}} @media (max-width:480px) {.rtl .whatsapp-float {right:auto;left:1.5rem;} .rtl .back-to-top {right:auto;left:1.5rem;}} .rtl body {margin:0;padding:0;overflow-x:hidden;} .rtl .site-main {width:100%;overflow-x:hidden;} .rtl section {width:100%;overflow:hidden;} .shipping-solutions-section {padding:5rem 0;background:#ffffff;} .shipping-cards-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;} .shipping-card {background:#ffffff;border:2px solid #dee2e6;border-radius:12px;padding:2.5rem 2rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;} .shipping-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#C92026;transform:scaleX(0);transition:transform 0.4s ease;} .shipping-card:hover {border-color:#C92026;transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,0.1);} .shipping-card:hover::before {transform:scaleX(1);} .shipping-icon-wrapper {width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#C92026,#8B0000);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.4s ease;} .shipping-card:hover .shipping-icon-wrapper {transform:scale(1.1) rotate(5deg);} .shipping-icon-wrapper i {font-size:2rem;color:#fff;} .shipping-card-title {font-size:1.3rem;font-weight:700;color:#000000;margin-bottom:1rem;} .shipping-card-desc {font-size:0.95rem;color:#212529;line-height:1.7;margin-bottom:1.5rem;} .shipping-features {display:flex;flex-direction:column;gap:0.5rem;text-align:left;} .shipping-features span {font-size:0.9rem;color:#212529;display:flex;align-items:center;gap:0.5rem;} .shipping-features i {color:#C92026;font-size:0.85rem;} @media (max-width:992px) {.shipping-cards-grid {grid-template-columns:repeat(2,1fr);}} @media (max-width:768px) {.shipping-cards-grid {grid-template-columns:1fr;}} .why-choose-section {padding:5rem 0;background:#F8F9FA;} .why-choose-section .section-title {color:#000000 !important;} .why-choose-section .section-desc {color:#212529 !important;} .why-choose-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;} .why-choose-card {background:#ffffff;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all 0.4s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05);} .why-choose-card:hover {transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);} .why-choose-icon {width:64px;height:64px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#C92026,#8B0000);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform 0.4s ease;} .why-choose-card:hover .why-choose-icon {transform:scale(1.1);} .why-choose-icon i {font-size:1.75rem;color:#fff;} .why-choose-card h3 {font-size:1.1rem;font-weight:700;color:#000000 !important;margin-bottom:0.75rem;} .why-choose-card p {font-size:0.9rem;color:#212529 !important;line-height:1.6;margin:0;} .market-stats-wrapper {margin-top:4rem;text-align:center;} .market-stats-title {font-size:1.5rem;font-weight:700;color:#000000 !important;margin-bottom:2rem;} .market-stats-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;margin:0 auto;} .market-stat-item {background:#ffffff;border-radius:12px;padding:2rem 1rem;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.3s ease;} .market-stat-item:hover {transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.08);} .stat-number {font-size:2.5rem;font-weight:800;color:#C92026;margin-bottom:0.5rem;} .stat-label {font-size:0.95rem;color:#212529 !important;font-weight:600;} @media (max-width:992px) {.why-choose-grid {grid-template-columns:repeat(2,1fr);} .market-stats-grid {grid-template-columns:repeat(2,1fr);}} @media (max-width:768px) {.why-choose-grid {grid-template-columns:1fr;} .market-stats-grid {grid-template-columns:1fr;}} .testimonials-section {padding:5rem 0 !important;background:#ffffff !important;} .testimonials-section .section-title {color:#000000 !important;} .testimonials-section .section-desc {color:#212529 !important;} .testimonials-carousel-wrapper {margin-top:3rem;position:relative;} .testimonial-slider {max-width:800px;margin:0 auto;position:relative;min-height:400px;} .testimonial-slide {position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transform:translateX(50px);transition:all 0.5s ease;} .testimonial-slide.active {opacity:1;visibility:visible;transform:translateX(0);} .testimonial-quote {text-align:center;margin-bottom:1.5rem;} .testimonial-quote i {font-size:3rem;color:#C92026 !important;} .testimonials-section .testimonial-content {color:#000000 !important;text-align:center;margin-bottom:2rem;font-style:italic;} .testimonial-author-info {display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;} .author-avatar-lg {width:64px;height:64px;border-radius:50%;background:#C92026 !important;color:#ffffff !important;font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;} .author-details {text-align:left;} .testimonials-section .author-details h4 {color:#000000 !important;margin-bottom:0.25rem;} .testimonials-section .author-details span {color:#495057 !important;} .testimonial-stars {text-align:center;} .testimonial-stars i {color:#FFD700;font-size:1.25rem;margin:0 2px;} .testimonial-nav {display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;} .nav-btn {width:50px;height:50px;border-radius:50%;background:#f0f0f0 !important;border:none;color:#000000 !important;font-size:1.25rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;} .nav-btn:hover {background:#C92026 !important;color:#ffffff !important;transform:scale(1.1);} .testimonial-dots {display:flex;gap:0.75rem;} .testimonial-dots .dot {width:12px;height:12px;border-radius:50%;background:#cccccc !important;cursor:pointer;transition:all 0.3s ease;} .testimonial-dots .dot.active {background:#C92026 !important;transform:scale(1.3);} .testimonials-section .market-stats-title {color:#000000 !important;} .testimonials-section .stat-number {color:#C92026 !important;} .testimonials-section .stat-label {color:#495057 !important;} @media (max-width:768px) {.testimonial-content {font-size:1.1rem;} .nav-btn {width:44px;height:44px;font-size:1.1rem;}} .quote-section {padding:5rem 0 !important;background:#F8F9FA !important;} .quote-wrapper {display:grid !important;grid-template-columns:1fr 1.2fr !important;gap:0 !important;max-width:1200px !important;margin:0 auto !important;background:#ffffff !important;border-radius:20px !important;box-shadow:0 20px 60px rgba(0,0,0,0.1) !important;overflow:hidden !important;} .quote-content {padding:4rem 3rem !important;background:linear-gradient(135deg,#C92026 0%,#8B0000 100%) !important;color:#ffffff !important;display:flex !important;flex-direction:column !important;justify-content:center !important;} .quote-title {font-size:2.25rem !important;font-weight:800 !important;margin-bottom:1.5rem !important;line-height:1.2 !important;color:#ffffff !important;} .quote-desc {font-size:1.125rem !important;opacity:0.95 !important;margin-bottom:2.5rem !important;line-height:1.7 !important;color:#ffffff !important;} .quote-features {display:flex !important;flex-direction:column !important;gap:1.5rem !important;} .quote-feature {display:flex !important;align-items:flex-start !important;gap:1rem !important;padding:1.25rem !important;background:rgba(255,255,255,0.15) !important;border-radius:12px !important;transition:all 0.3s ease !important;} .quote-feature:hover {background:rgba(255,255,255,0.25) !important;transform:translateX(5px) !important;} .quote-feature i {font-size:1.5rem !important;color:#FFD700 !important;flex-shrink:0 !important;margin-top:0.125rem !important;} .quote-feature span {font-size:1rem !important;font-weight:600 !important;color:#ffffff !important;line-height:1.5 !important;} .quote-form-wrapper {padding:4rem 3rem !important;background:#ffffff !important;} @media (max-width:992px) {.quote-wrapper {grid-template-columns:1fr !important;} .quote-content {padding:3rem 2rem !important;} .quote-form-wrapper {padding:3rem 2rem !important;} .quote-title {font-size:1.75rem !important;}} @media (max-width:768px) {.quote-section {padding:3rem 0 !important;} .quote-content,.quote-form-wrapper {padding:2rem 1.5rem !important;}} @media (max-width:992px) {.skip-link {display:none !important;pointer-events:none !important;cursor:default !important;opacity:0 !important;visibility:hidden !important;}} @media (max-width:992px) {.main-nav,.main-navigation,.site-header nav:not(.mobile-nav),.header-resource-btn,.mobile-resource-btn {display:none !important;opacity:0 !important;pointer-events:none !important;visibility:hidden !important;} .header-actions{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;justify-content:flex-end !important;position:relative !important;z-index:99998 !important} .header-actions .search-toggle{order:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important} .header-actions .header-language{order:2 !important;display:flex !important;align-items:center !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important} .header-actions .mobile-menu-toggle{order:3 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;pointer-events:auto !important;position:relative !important;z-index:99999 !important}} .mobile-quick-actions {position:fixed;bottom:0;left:0;right:0;z-index:997;height:56px;background:#ffffff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 10px rgba(0,0,0,0.08);contain:layout style paint;} .mobile-quick-action {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;color:#6b7280;text-decoration:none;font-size:0.65rem;font-weight:500;transition:color 0.2s ease;flex:1;min-width:0;} .mobile-quick-action svg {width:22px;height:22px;flex-shrink:0;} .mobile-quick-action.active,.mobile-quick-action:hover {color:#C92026;} .mobile-quick-action.active svg {stroke:#C92026;} @media (min-width:577px) {.mobile-quick-actions {display:none;}} @media (max-width:576px) {body {padding-bottom:56px;} .whatsapp-float {bottom:4.5rem;} .back-to-top {bottom:8rem;}} 
/* === flags.css === */
.flag-icon{display:inline-block;width:24px;height:16px;background-size:cover;background-position:center;border-radius:2px;vertical-align:middle} .flag-icon-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23bf0a30' width='60' height='40'/%3E%3Cpath d='M0,5h60M0,15h60M0,25h60M0,35h60' stroke='%23fff' stroke-width='5'/%3E%3Crect fill='%2300266c' width='24' height='20'/%3E%3C/svg%3E")} .flag-icon-ru{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='13.33'/%3E%3Crect fill='%230039a6' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%23d52b1e' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E")} .flag-icon-sa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23006c35' width='60' height='40'/%3E%3C/svg%3E")} .flag-icon-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23c60b1e' width='60' height='40'/%3E%3Crect fill='%23ffc400' y='10' width='60' height='20'/%3E%3C/svg%3E")} .flag-icon-br{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23009b3a' width='60' height='40'/%3E%3Crect fill='%23fedf00' points='30,3 57,20 30,37 3,20'/%3E%3Ccircle fill='%230029b5' cx='30' cy='20' r='10'/%3E%3C/svg%3E")} .flag-icon-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%230055a4' width='20' height='40'/%3E%3Crect fill='%23fff' x='20' width='20' height='40'/%3E%3Crect fill='%23ef4135' x='40' width='20' height='40'/%3E%3C/svg%3E")} .flag-icon-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23000' width='60' height='13.33'/%3E%3Crect fill='%23d00' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%23ffce00' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E")} .flag-icon-jp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='40'/%3E%3Ccircle fill='%23bc002d' cx='30' cy='20' r='12'/%3E%3C/svg%3E")} .flag-icon-kr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='40'/%3E%3Ccircle fill='%23c60c30' cx='30' cy='20' r='10'/%3E%3C/svg%3E")} .flag-icon-th{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23A51931' width='60' height='13.33'/%3E%3Crect fill='%23F4F5F8' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%232D2A4A' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E")} .flag-icon-it{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23009246' width='20' height='40'/%3E%3Crect fill='%23fff' x='20' width='20' height='40'/%3E%3Crect fill='%23ce2b37' x='40' width='20' height='40'/%3E%3C/svg%3E")} .flag-icon-nl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23ae1c28' width='60' height='13.33'/%3E%3Crect fill='%23fff' y='13.33' width='60' height='13.33'/%3E%3Crect fill='%2321468b' y='26.67' width='60' height='13.33'/%3E%3C/svg%3E")} .flag-icon-pt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23006847' width='60' height='40'/%3E%3Crect fill='%23f00' width='24' height='40'/%3E%3Cpolygon fill='%23ffcc00' points='12,8 14,16 22,16 16,21 18,29 12,24 6,29 8,21 2,16 10,16'/%3E%3C/svg%3E")} .flag-icon-id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23fff' width='60' height='20'/%3E%3Crect fill='%23ce1126' y='20' width='60' height='20'/%3E%3C/svg%3E")} .flag-icon-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23e30a17' width='60' height='40'/%3E%3Ccircle fill='%23fff' cx='24' cy='20' r='10'/%3E%3Ccircle fill='%23e30a17' cx='26' cy='20' r='8'/%3E%3C/svg%3E")} .flag-icon-vn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect fill='%23da251d' width='60' height='40'/%3E%3Cpolygon fill='%23ffcd00' points='30,8 33,18 43,18 35,24 38,34 30,28 22,34 25,24 17,18 27,18'/%3E%3C/svg%3E")} 
/* === mobile-optimization.css === */
 * {-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} html {touch-action:manipulation;} body {-webkit-overflow-scrolling:touch;overflow-x:hidden;} input,select,textarea {font-size:16px !important;} @media (max-width:768px) {.site-header {padding:0;} .header-main {padding:0;} .mobile-menu-toggle {width:44px;height:44px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;touch-action:manipulation;border-radius:8px;transition:background 0.2s ease;} .mobile-menu-toggle:active {background:rgba(0,0,0,0.05);} .mobile-menu-toggle span {width:24px;height:2px;background:var(--text-primary);transition:all 0.3s ease;border-radius:2px;} .mobile-menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px);} .mobile-menu-toggle.active span:nth-child(2) {opacity:0;} .mobile-menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px);} .mobile-nav-panel {position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background:var(--bg-white);z-index:1001;transition:left 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,0.15);} .mobile-nav-panel.open {left:0;} .mobile-nav-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;} .mobile-nav-overlay.show {opacity:1;visibility:visible;} .mobile-nav {position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background:var(--bg-white);z-index:1001;transition:left 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,0.15);} .mobile-nav.active {left:0;} .mobile-nav-overlay.active {opacity:1;visibility:visible;} .mobile-nav-header {padding:20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:var(--bg-light);} .mobile-nav-close {width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background 0.2s ease;} .mobile-nav-close:active {background:rgba(0,0,0,0.05);} .mobile-nav-menu {padding:16px 0;} .mobile-nav-menu a {display:flex;align-items:center;padding:16px 24px;color:var(--text-primary);font-size:16px;font-weight:500;text-decoration:none;transition:all 0.2s ease;border-left:3px solid transparent;} .mobile-nav-menu a:active {background:var(--bg-light);} .mobile-nav-menu a.current {background:rgba(229,57,53,0.05);border-left-color:var(--primary-color);color:var(--primary-color);} .mobile-nav-divider {height:1px;background:var(--border-light);margin:16px 24px;} .mobile-nav-actions {padding:20px;border-top:1px solid var(--border-light);} .mobile-nav-actions .btn {width:100%;justify-content:center;margin-bottom:12px;}} @media (max-width:768px) {.vehicle-card,.model-card {border-radius:12px;margin-bottom:16px;} .vehicle-card-image,.model-image {height:180px;} .vehicle-card-content {padding:16px;} .vehicle-brand {font-size:11px;margin-bottom:4px;} .vehicle-title {font-size:18px;margin-bottom:8px;line-height:1.25;} .vehicle-specs {gap:0.4rem;margin-bottom:0.5rem;} .spec-item {padding:0.15rem 0.45rem;font-size:0.72rem;border-radius:3px;} .spec-icon {width:16px;height:16px;} .vehicle-price-area {margin-bottom:0.5rem;padding-bottom:0.5rem;} .vehicle-price-value {font-size:1.1rem;} .vehicle-price {font-size:1.1rem;margin-bottom:0.5rem;} .vehicle-price::before {display:none;} .vehicle-card-compact {display:flex;gap:12px;padding:12px;} .vehicle-card-compact .vehicle-card-image {width:120px;height:90px;border-radius:8px;flex-shrink:0;} .vehicle-card-compact .vehicle-card-content {padding:0;flex:1;min-width:0;} .vehicle-card-compact .vehicle-title {font-size:15px;margin-bottom:4px;} .vehicle-card-compact .vehicle-price {font-size:18px;margin-bottom:0;}} @media (max-width:480px) {.vehicle-card-image,.model-image {height:160px;} .vehicle-card-content {padding:12px;} .vehicle-title {font-size:16px;} .vehicle-price {font-size:1rem;}} @media (max-width:992px) {button,a,input[type="checkbox"],input[type="radio"],select {min-height:44px;min-width:44px;}} @media (max-width:992px) {.nav-menu a {min-height:auto;min-width:auto;}} .btn {min-height:48px;padding:12px 24px;font-size:16px;} .btn-sm {min-height:40px;padding:8px 16px;font-size:14px;} .btn-lg {min-height:56px;padding:16px 32px;font-size:18px;} .btn:active {transform:scale(0.96);} .form-control,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea,select {min-height:48px;padding:12px 16px;font-size:16px;border-radius:8px;} textarea {min-height:100px;padding-top:12px;} input[type="checkbox"],input[type="radio"] {width:24px;height:24px;} input[type="checkbox"] + label,input[type="radio"] + label {padding-left:12px;font-size:16px;line-height:24px;cursor:pointer;} @media (max-width:768px) {.hero-modern {min-height:100svh;padding:100px 16px 60px;} .hero-title-lg {font-size:28px;line-height:1.2;margin-bottom:16px;} .hero-subtitle-lg {font-size:15px;line-height:1.6;margin-bottom:32px;padding:0 8px;} .hero-cta-buttons {display:flex;flex-direction:column;gap:12px;width:100%;} .hero-cta-buttons .btn {width:100%;}} @media (max-width:480px) {.hero-modern {min-height:100svh;padding:90px 12px 50px;} .hero-title-lg {font-size:24px;} .hero-subtitle-lg {font-size:14px;}} @media (max-width:768px) {.container {padding-left:16px;padding-right:16px;} .section {padding:48px 0;} .section-header {margin-bottom:32px;text-align:left;padding:0 4px;} .section-title {font-size:24px;margin-bottom:8px;} .section-title::after {left:0;transform:translateX(0);width:60px;height:3px;} .section-subtitle {font-size:15px;margin-top:12px;text-align:left;} .grid-2,.grid-3,.grid-4 {grid-template-columns:1fr;gap:16px;} .grid-2-mobile {grid-template-columns:repeat(2,1fr);gap:12px;}} @media (max-width:480px) {.section {padding:40px 0;} .section-title {font-size:22px;} .grid-2-mobile {grid-template-columns:1fr;}} @media (max-width:768px) {.filter-box {padding:16px;margin-bottom:20px;border-radius:12px;} .filter-toggle-btn {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--bg-white);border:2px solid var(--border-light);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin-bottom:12px;} .filter-toggle-btn:active {background:var(--bg-light);} .filter-toggle-btn.active {border-color:var(--primary-color);color:var(--primary-color);} .filter-content {display:none;padding-top:16px;border-top:1px solid var(--border-light);} .filter-content.show {display:block;} .filter-group {margin-bottom:16px;} .filter-group:last-child {margin-bottom:0;} .filter-group label {font-size:13px;margin-bottom:8px;} .filter-select,.filter-group select {padding:12px 16px;font-size:16px;border-radius:8px;} .filter-actions {display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light);} .filter-actions .btn {flex:1;}} @media (max-width:768px) {.site-footer {padding:48px 0 24px;} .footer-grid {grid-template-columns:1fr;gap:32px;} .footer-col {text-align:center;} .footer-col h4 {font-size:16px;margin-bottom:16px;} .footer-menu {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;} .footer-menu a {font-size:14px;padding:4px 0;} .footer-menu a:hover {transform:none;} .footer-social-section {padding:24px;margin-top:32px;} .social-links {display:flex;justify-content:center;gap:12px;} .social-link {width:52px;height:52px;border-radius:12px;} .social-link:hover {transform:none;} .footer-bottom {padding-top:24px;margin-top:32px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;} .footer-bottom p {font-size:13px;}} @media (max-width:768px) {.whatsapp-float {width:56px;height:56px;bottom:20px;right:16px;box-shadow:0 4px 12px rgba(37,211,102,0.3);} .whatsapp-float::after {content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid rgba(37,211,102,0.3);animation:pulse 2s ease-out infinite;} @keyframes pulse {0% {transform:scale(0.9);opacity:1;} 100% {transform:scale(1.4);opacity:0;}} .back-to-top {width:44px;height:44px;bottom:88px;right:16px;} .mobile-quick-actions {position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);border-top:1px solid var(--border-light);padding:8px 16px;display:flex;justify-content:space-around;align-items:center;z-index:997;box-shadow:0 -4px 12px rgba(0,0,0,0.08);} .mobile-quick-action {display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;color:var(--text-secondary);font-size:11px;font-weight:500;text-decoration:none;transition:all 0.2s ease;min-width:60px;} .mobile-quick-action:active {background:var(--bg-light);} .mobile-quick-action.active {color:var(--primary-color);} .mobile-quick-action svg {width:24px;height:24px;} body {padding-bottom:70px;}} @media (max-width:768px) {.single-vehicle-hero {padding-top:80px;padding-bottom:32px;} .vehicle-gallery {grid-template-columns:1fr;gap:16px;margin-bottom:24px;} .main-vehicle-image {border-radius:12px;} .thumbnail-gallery {grid-template-columns:repeat(4,1fr);gap:8px;} .thumbnail-item {border-radius:8px;border-width:2px;} .vehicle-details-sidebar {position:static;padding:20px;border-radius:12px;margin-top:24px;} .price-display {font-size:32px;margin-bottom:20px;} .inquiry-form-section {padding:20px;border-radius:12px;margin-top:24px;} .mobile-sticky-cta {position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);border-top:1px solid var(--border-light);padding:12px 16px;display:flex;gap:12px;z-index:996;box-shadow:0 -4px 12px rgba(0,0,0,0.1);} .mobile-sticky-cta .btn {flex:1;min-height:48px;} body {padding-bottom:80px;}} @media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}} .lazy-image {background:var(--bg-gray);position:relative;overflow:hidden;} .lazy-image::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 1.5s infinite;} @keyframes shimmer {100% {left:100%;}} @media (slow) {.hero-modern {background:var(--bg-dark);}} :focus-visible {outline:3px solid var(--primary-color);outline-offset:2px;} .skip-to-content,.skip-link {position:absolute;top:-40px;left:0;background:var(--primary-color);color:white;padding:8px 16px;z-index:1002;transition:top 0.3s ease;text-decoration:none;font-weight:600;font-size:14px;border-radius:0 0 4px 0;} .skip-to-content:focus,.skip-link:focus {top:0;outline:2px solid #fff;outline-offset:2px;} @media (prefers-contrast:high) {:root {--border-light:#000000;--text-secondary:#000000;}} @media (min-width:769px) and (max-width:1024px) {.grid-3 {grid-template-columns:repeat(2,1fr);} .grid-4 {grid-template-columns:repeat(2,1fr);} .hero-modern {min-height:100svh;} .hero-title-lg {font-size:36px;}} @media (max-width:768px) and (orientation:landscape) {.hero-modern {min-height:100svh;padding-top:80px;padding-bottom:40px;} .hero-title-lg {font-size:24px;} .section {padding:32px 0;} .vehicle-card-image,.model-image {height:140px;}} @media (min-width:481px) and (max-width:768px) {.grid-2-mobile {grid-template-columns:repeat(2,1fr);} .vehicle-card-image,.model-image {height:200px;}} @supports (padding-top:env(safe-area-inset-top)) {.site-header {padding-top:env(safe-area-inset-top);} .mobile-nav-panel {padding-top:env(safe-area-inset-top);} .mobile-sticky-cta,.mobile-quick-actions {padding-bottom:calc(12px + env(safe-area-inset-bottom));} .whatsapp-float {bottom:calc(20px + env(safe-area-inset-bottom));} .back-to-top {bottom:calc(88px + env(safe-area-inset-bottom));}} @media (max-width:768px) {.header-actions{display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-end;position:relative;z-index:99998} .header-actions .search-toggle{order:1;display:flex;align-items:center;justify-content:center;pointer-events:auto;position:relative;z-index:99999} .header-actions .header-language{order:2;display:flex;align-items:center;pointer-events:auto;position:relative;z-index:99999} .header-actions .mobile-menu-toggle{order:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:auto;position:relative;z-index:99999}} @media (max-width:768px) {.pricing-table-wrapper {position:relative;margin:0 -16px;padding:0 16px;} .pricing-table-scroll-hint {display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin-bottom:12px;background:rgba(201,32,38,0.08);border-radius:12px;color:#C92026;font-size:0.85rem;font-weight:600;animation:gcs-scroll-hint-pulse 2s ease-in-out infinite;} @keyframes gcs-scroll-hint-pulse {0%,100% {opacity:1;transform:translateX(0);} 50% {opacity:0.7;transform:translateX(6px);}} .pricing-table-container {overflow-x:auto !important;overflow-y:visible !important;-webkit-overflow-scrolling:touch !important;scroll-behavior:smooth !important;border-radius:16px !important;scrollbar-width:thin;scrollbar-color:#C92026 #f0f0f0;} .pricing-table-container::-webkit-scrollbar {height:4px;} .pricing-table-container::-webkit-scrollbar-track {background:#f0f0f0;border-radius:4px;} .pricing-table-container::-webkit-scrollbar-thumb {background:#C92026;border-radius:4px;} .pricing-table-container table {min-width:620px !important;} .pricing-table-container th,.pricing-table-container td {padding:14px 10px !important;font-size:0.85rem !important;white-space:nowrap !important;} .process-grid {grid-template-columns:1fr !important;gap:20px !important;} .process-card {padding:28px 20px !important;border-radius:16px !important;} .process-card .process-number {font-size:2.5rem !important;padding:10px 16px !important;} .process-card .process-icon {width:64px !important;height:64px !important;margin-bottom:16px !important;border-radius:16px !important;} .process-card .process-icon svg {width:32px !important;height:32px !important;} .process-card h3 {font-size:1.25rem !important;margin-bottom:10px !important;} .process-card p {font-size:0.9rem !important;line-height:1.5 !important;margin-bottom:14px !important;} .process-card ul li {font-size:0.9rem !important;padding:6px 0 !important;margin-bottom:8px !important;} .process-card ul li svg {width:18px !important;height:18px !important;} .shipping-cards-grid {grid-template-columns:1fr !important;gap:20px !important;} .shipping-card {padding:28px 20px !important;border-radius:16px !important;} .shipping-icon-wrapper {width:64px !important;height:64px !important;margin-bottom:16px !important;border-radius:16px !important;} .shipping-icon-wrapper i,.shipping-icon-wrapper .gcs-icon {font-size:1.8rem !important;} .shipping-icon-wrapper .gcs-icon-3x {width:1.8rem !important;height:1.8rem !important;} .shipping-card-title,.shipping-card h3 {font-size:1.25rem !important;margin-bottom:10px !important;} .shipping-card-desc,.shipping-card p {font-size:0.9rem !important;line-height:1.5 !important;margin-bottom:14px !important;} .shipping-features span {font-size:0.85rem !important;} .features-grid {grid-template-columns:1fr !important;gap:20px !important;} .feature-card {padding:28px 20px !important;border-radius:16px !important;display:flex !important;flex-direction:row !important;text-align:left !important;align-items:flex-start !important;gap:16px !important;} .feature-card > div:first-child {width:56px !important;height:56px !important;min-width:56px !important;margin:0 !important;border-radius:14px !important;} .feature-card > div:first-child svg {width:28px !important;height:28px !important;} .feature-card h3 {font-size:1.15rem !important;margin-bottom:6px !important;} .feature-card p {font-size:0.9rem !important;line-height:1.5 !important;} .testimonials-grid {grid-template-columns:1fr !important;gap:20px !important;} .testimonial-card {padding:28px 20px !important;border-radius:16px !important;} .testimonial-quote {font-size:3rem !important;top:12px !important;left:16px !important;} .testimonial-text {font-size:0.95rem !important;line-height:1.6 !important;margin-bottom:20px !important;} .testimonial-author {gap:14px !important;} .testimonial-avatar {width:48px !important;height:48px !important;font-size:1.2rem !important;} .testimonial-name {font-size:1rem !important;} .testimonial-title {font-size:0.8rem !important;} .savings-section .section-header h2,.process-section .section-header h2,.shipping-solutions-section .section-header h2,.why-choose-section .section-header h2,.testimonials-section .section-header h2 {font-size:1.75rem !important;} .savings-section .section-header p,.process-section .section-header p,.shipping-solutions-section .section-header p,.why-choose-section .section-header p,.testimonials-section .section-header p {font-size:0.95rem !important;} .savings-section,.process-section,.shipping-solutions-section,.why-choose-section,.testimonials-section {padding:48px 0 !important;} .savings-section .section-header,.process-section .section-header,.shipping-solutions-section .section-header,.why-choose-section .section-header,.testimonials-section .section-header {margin-bottom:36px !important;} .comparison-grid {grid-template-columns:1fr !important;gap:20px !important;} .comparison-card {padding:28px 20px !important;border-radius:16px !important;} .comparison-card h3 {font-size:1.35rem !important;} .comparison-card .price-display {padding:20px !important;border-radius:12px !important;} .comparison-card .price-display div:nth-child(2) {font-size:2rem !important;} .comparison-card ul li {font-size:0.9rem !important;padding:8px 0 !important;margin-bottom:8px !important;} .comparison-card ul li svg {width:18px !important;height:18px !important;}} @media (max-width:576px) {.pricing-table-scroll-hint {font-size:0.8rem;padding:8px 12px;} .pricing-table-container table {min-width:560px !important;} .pricing-table-container th,.pricing-table-container td {padding:10px 8px !important;font-size:0.8rem !important;} .process-card {padding:24px 16px !important;} .process-card .process-icon {width:52px !important;height:52px !important;} .process-card .process-icon svg {width:26px !important;height:26px !important;} .process-card h3 {font-size:1.15rem !important;} .shipping-card {padding:24px 16px !important;} .shipping-icon-wrapper {width:52px !important;height:52px !important;} .feature-card {padding:24px 16px !important;} .feature-card > div:first-child {width:48px !important;height:48px !important;min-width:48px !important;} .feature-card > div:first-child svg {width:24px !important;height:24px !important;} .testimonial-card {padding:24px 16px !important;} .savings-section .section-header h2,.process-section .section-header h2,.shipping-solutions-section .section-header h2,.why-choose-section .section-header h2,.testimonials-section .section-header h2 {font-size:1.5rem !important;}} 
/* === performance-optimization.css === */
 img {display:block;max-width:100%;height:auto;} .hero-modern {position:relative;overflow:hidden;} .hero-bg {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;} .hero-content {position:relative;z-index:1;} .aspect-ratio-box {position:relative;width:100%;overflow:hidden;} .aspect-ratio-16-9 {padding-top:56.25%;} .aspect-ratio-4-3 {padding-top:75%;} .aspect-ratio-1-1 {padding-top:100%;} .aspect-ratio-box img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .lazy-load {background:var(--bg-gray);min-height:200px;} .lqip {filter:blur(10px);transition:filter 0.3s ease;} .lqip.loaded {filter:blur(0);} .vehicle-card,.model-card {contain:layout style paint;will-change:transform;} .vehicle-card-image,.model-image {aspect-ratio:16 / 9;background:var(--bg-gray);overflow:hidden;} .vehicle-card-image img,.model-image img {width:100%;height:100%;object-fit:cover;} @font-face {font-display:swap;} .animate-transform {will-change:transform;backface-visibility:hidden;} .animate-opacity {will-change:opacity;} .hw-accelerated {transform:translateZ(0);backface-visibility:hidden;} .scroll-container {overscroll-behavior:contain;} html {scroll-behavior:smooth;} @media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} *,*::before,*::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}} .site-header {will-change:transform;transform:translateZ(0);backface-visibility:hidden;} .whatsapp-float,.back-to-top,.mobile-quick-actions,.mobile-sticky-cta {will-change:transform;transform:translateZ(0);backface-visibility:hidden;} .offscreen-section {content-visibility:auto;} .thumbnail-gallery {content-visibility:auto;} .thumbnail-item {contain:layout style;} .form-control,input,select,textarea {contain:layout style;} .contain-paint {contain:paint;} .contain-layout {contain:layout;} .contain-strict {contain:strict;} .hero-scroll {position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;} .hero-modern::before {content:'';display:block;padding-top:62.5%;} @media (max-width:768px) {.hero-modern::before {padding-top:75%;}} .third-party-container {contain:strict;visibility:hidden;} .third-party-container.visible {visibility:visible;} .hero-modern,.mobile-quick-actions {contain:layout style;} 
/* === critical-deferred.css === */
.trust-indicators{padding:5rem 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 400px} .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1} .trust-item{text-align:center;min-width:180px;padding:2rem;background:rgba(255,255,255,.05);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease} .trust-number{font-size:3.5rem;font-weight:800;color:#fff;display:block;margin-bottom:.75rem;line-height:1} .trust-label{color:rgba(255,255,255,.9);font-size:1.125rem;font-weight:500;letter-spacing:.5px} .trust-icon{font-size:2.5rem;margin-bottom:1rem;display:block} .section{padding:80px 0} .section-header{text-align:center;margin-bottom:3rem} .section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:#1f2937;margin-bottom:.75rem} .section-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto} .section-tag{display:inline-block;background:rgba(201,32,38,.1);color:var(--primary-color);padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem} .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;contain:layout} .service-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;text-align:center;contain:layout style} .service-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(201,32,38,.1) 0%,rgba(201,32,38,.2) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem} .service-number{font-size:3rem;font-weight:800;color:rgba(201,32,38,.1);position:absolute;top:1rem;right:1.5rem} .service-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary-color);font-weight:600;margin-top:1rem;transition:gap .3s ease} .cta-section{padding:6rem 0;background:linear-gradient(135deg,#C92026 0%,#8B0000 100%);position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 500px} .cta-content{text-align:center;color:#fff;contain:layout style} .cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border-radius:50px;padding:8px 20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite;will-change:transform} .cta-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap} .cta-feature{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:.95rem} .cta-buttons{contain:layout;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} .bestsellers-section{padding:6rem 0;background:#fff;content-visibility:auto;contain-intrinsic-size:auto 800px} .bestsellers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem} .bestseller-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;position:relative} .bestseller-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bg-secondary)} .bestseller-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .bestseller-info{padding:1.5rem} .bestseller-brand{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem} .bestseller-title{font-size:1.15rem;font-weight:700;margin-bottom:.75rem} .bestseller-title a{color:var(--text-primary);text-decoration:none} .bestseller-specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem} .spec-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border-radius:4px;font-size:.78rem;color:var(--text-secondary)} .bestseller-price{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)} .price-value{font-size:1.25rem;font-weight:700;color:var(--primary-color)} .bestseller-actions{display:flex;gap:.75rem} .btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:6px} .btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)} .stock-badge{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;z-index:2} .stock-badge.in-stock{background:#047857} .rank-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:.875rem;color:#fff} .rank-1{background:linear-gradient(135deg,#FFD700,#FFA000)} .rank-2{background:linear-gradient(135deg,#C0C0C0,#A0A0A0)} .rank-3{background:linear-gradient(135deg,#CD7F32,#A0522D)} .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:var(--text-secondary)} .bestseller-rank{position:absolute;top:10px;left:10px;z-index:2} .brands-showcase{padding:6rem 0;background:var(--bg-secondary);content-visibility:auto;contain-intrinsic-size:auto 600px} .brands-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem} .brand-showcase-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .3s ease;text-decoration:none;color:var(--text-primary)} .brand-showcase-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)} .brand-showcase-logo img{width:100%;height:100%;object-fit:contain} .brand-logo-placeholder{width:60px;height:60px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-secondary)} .brands-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--border-color)} .stat-item{text-align:center} .stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-color);display:block} .stat-label{font-size:.9rem;color:var(--text-secondary)} .site-footer{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;padding:0;position:relative;content-visibility:auto;contain-intrinsic-size:auto 400px} .footer-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;padding-bottom:2.5rem} .footer-brand{flex:1;min-width:280px} .footer-logo{margin-bottom:1.25rem} .footer-logo img{height:48px;width:auto} .footer-logo .logo-text{font-size:1.5rem;font-weight:800;color:#fff} .footer-description{color:#94a3b8;line-height:1.7;font-size:.95rem;max-width:320px} .footer-social-section{flex-shrink:0} .footer-social-heading{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem} .footer-social-icons{display:flex;gap:.75rem} .social-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:all .3s cubic-bezier(.4,0,.2,1)} .social-icon:hover{background:#C92026;border-color:#C92026;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(201,32,38,.35)} .social-icon svg{width:25px;height:25px} .footer-divider{height:1px;background:rgba(255,255,255,.08);margin:0 0 2.5rem} .footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:2.5rem;padding-bottom:3rem} .footer-col{width:auto!important;min-width:0} .footer-col h4,.footer-heading{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.25rem;position:relative} .footer-menu{list-style:none;padding:0;margin:0} .footer-menu li{margin-bottom:.6rem} .footer-menu a{color:#94a3b8;transition:all .25s ease;display:flex;align-items:center;position:relative;font-size:1.5rem} .footer-menu a::before{content:'';width:0;height:2px;background:#C92026;transition:all .25s ease;margin-right:0} .footer-menu a:hover{color:#fff;padding-left:0} .footer-menu a:hover::before{width:12px;margin-right:.5rem} .footer-contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#94a3b8;font-size:.95rem} .footer-contact-item i{color:#C92026;margin-top:4px;flex-shrink:0} .footer-contact-item a{color:#94a3b8;transition:color .25s ease} .footer-contact-item a:hover{color:#fff} .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem} .footer-copyright{color:#64748b;font-size:.875rem} .footer-legal{display:flex;gap:1.5rem} .footer-legal a{color:#64748b;font-size:.875rem;transition:color .25s ease} .footer-legal a:hover{color:#fff} .mobile-nav-footer{padding:1.5rem;border-top:1px solid #e9ecef} .mobile-nav-footer .language-switcher{width:100%} .mobile-nav-footer .language-btn{width:100%;justify-content:center;background:#f8f9fa;border-color:#e9ecef;color:#333} .mobile-nav-footer .language-dropdown{display:none!important;flex-direction:column!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;gap:4px!important;padding:8px!important;margin-top:10px!important;border-radius:12px!important;background:#f8f9fa!important;border:1px solid #e9ecef!important;box-shadow:none!important;min-width:0!important;width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important} .mobile-nav-footer .language-switcher.active .language-dropdown{display:flex!important} .mobile-nav-footer .language-dropdown a{padding:10px 14px!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:.9rem!important;border-radius:8px!important;background:#fff!important;border:1px solid #e9ecef!important;text-decoration:none!important;color:#333!important;min-height:auto!important;width:100%!important} .mobile-nav-footer .language-dropdown a:hover{background:#C92026!important;color:#fff!important;border-color:#C92026!important} .mobile-nav-footer .language-dropdown a.active{background:#C92026!important;color:#fff!important;font-weight:600!important;border-color:#C92026!important} .mobile-nav-footer .language-dropdown a .language-english{color:#999!important;font-size:.8rem!important;margin-left:auto!important} @media(max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}.brands-showcase-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:768px){.section{padding:50px 0}.trust-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.trust-number{font-size:1.5rem}.trust-label{font-size:.75rem}.container{padding:0 16px}.services-grid{grid-template-columns:1fr}.bestsellers-grid{grid-template-columns:1fr}.brands-showcase-grid{grid-template-columns:repeat(2,1fr)}.brands-stats{gap:2rem;flex-wrap:wrap}.cta-features{flex-direction:column;align-items:center;gap:1rem}} @media(max-width:576px){.mobile-quick-actions{position:fixed;bottom:0;left:0;right:0;z-index:997;height:56px;contain:layout style paint}body{padding-bottom:56px}}