*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}#header{position:fixed;top:0;width:100%;background:#fff;border-bottom:1px solid #e5e5e5;z-index:1040;transition:all .3s ease;will-change:transform;box-shadow:0 2px 10px rgba(0,0,0,.1)}#header.scrolled{background:#1a1a1a!important;border-bottom-color:#333}#header.scrolled .nav a,#header.scrolled .logo-svg text{color:#fff!important;fill:#fff!important}#header.scrolled .nav a:hover{color:#ffd520!important}#header.scrolled .logo-svg rect{fill:#ffd520!important}#header .container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;min-height:60px;flex-wrap:nowrap}.logo-svg{height:50px;transition:all .3s ease}.nav ul{display:flex;list-style:none;gap:clamp(12px,2.5vw,24px);flex-wrap:nowrap;white-space:nowrap}.nav a{color:#1a1a1a;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}.nav a:hover{color:#ffd520}.mobile-menu-content{display:none;position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#1a1a1a;padding:32px 20px;z-index:999;overflow-y:auto}.mobile-menu-content.active{display:grid!important;grid-template-columns:1fr 1fr;gap:32px;align-content:start}.mobile-menu-section{margin-bottom:24px}.mobile-menu-section h4{color:#ffd520;font-size:18px;font-weight:600;margin-bottom:16px;border-bottom:2px solid #ffd520;padding-bottom:8px}.mobile-menu-section ul{list-style:none;padding:0;margin:0}.mobile-menu-section li{margin-bottom:12px}.mobile-menu-section a{color:#ccc;text-decoration:none;font-size:15px;transition:color .2s ease;display:block;padding:8px 0}.mobile-menu-section a:hover{color:#ffd520}.mobile-contact{grid-column: 1 / -1;text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #333}.mobile-contact .call-btn{background:#ffd520;color:#1a1a1a;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:18px;display:inline-block;margin-bottom:16px;transition:all .2s ease}.mobile-contact .call-btn:hover{background:#f5c500;transform:translateY(-2px)}.mobile-hours{color:#999;font-size:14px;margin-top:8px}.burger.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2) {opacity:0}.burger.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)}.nav-hours{color:#666;font-size:14px;font-weight:500;white-space:nowrap}#header.scrolled .nav-hours{color:#999!important}.header-phone{display:flex;align-items:center;gap:20px}.city-selector{position:relative;margin-right:20px}.current-city{background:none;border:2px solid #ffd520;color:#1a1a1a;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.current-city:hover{background:#ffd520;color:#1a1a1a}#header.scrolled .current-city{color:#ffd520!important}#header.scrolled .current-city:hover{background:#ffd520;color:#1a1a1a!important}.city-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:1050;max-height:300px;overflow-y:auto;min-width:200px}.city-dropdown.show{display:block}.city-dropdown a{display:block;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.city-dropdown a:last-child{border-bottom:none}.city-dropdown a:hover{background:#f8f9fa;color:#ffd520}.schedule-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.work-schedule{display:flex;flex-direction:column;gap:4px;font-size:12px;text-align:right;opacity:.8}.schedule-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.schedule-item .day{color:#666;font-weight:500;min-width:65px}.schedule-item .time{color:#1a1a1a;font-weight:600}#header.scrolled .schedule-item .day{color:#999!important}#header.scrolled .schedule-item .time{color:#fff!important}.call-btn{background:#ffd520;color:#1a1a1a;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:600;font-size:clamp(12px,2.5vw,14px);text-decoration:none;transition:all .2s ease;white-space:nowrap}.call-btn:hover{background:#f5c500;transform:translateY(-1px)}.burger{display:none;flex-direction:column;cursor:pointer;gap:4px}.burger span{width:24px;height:2px;background:#1a1a1a;transition:all .3s ease}#header.scrolled .burger span{background:#fff}.burger.active span:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}.burger.active span:nth-child(2) {opacity:0}.burger.active span:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)}#hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;background:linear-gradient(135deg,#fefcf7 0%,#fff9f0 50%,#fefcf7 100%);justify-content:center;text-align:center;color:#1a1a1a;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 85%,rgba(255,213,32,.15) 0%,transparent 40%) , radial-gradient(circle at 85% 15%,rgba(255,213,32,.12) 0%,transparent 45%) , radial-gradient(circle at 50% 50%,rgba(26,26,26,.02) 0%,transparent 30%) , linear-gradient(45deg,transparent 30%,rgba(255,213,32,.03) 31%,rgba(255,213,32,.03) 32%,transparent 33%) , linear-gradient(-45deg,transparent 48%,rgba(26,26,26,.02) 49%,rgba(26,26,26,.02) 51%,transparent 52%);background-size:400px 400px , 500px 500px , 350px 350px , 100px 100px , 80px 80px;background-position:0% 0% , 100% 100% , 50% 50% , 0% 0% , 0% 0%;animation:tinkoffFloat 25s ease-in-out infinite;pointer-events:none}.hero-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml,%3Csvg\ width=\'60\'\ height=\'60\'\ viewBox=\'0\ 0\ 60\ 60\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg\ fill=\'none\'\ stroke=\'%23FFD520\'\ stroke-width=\'1\'\ stroke-opacity=\'0.08\'%3E%3Ccircle\ cx=\'30\'\ cy=\'30\'\ r=\'20\'/%3E%3Ccircle\ cx=\'30\'\ cy=\'30\'\ r=\'10\'/%3E%3C/g%3E%3C/svg%3E) , url(data:image/svg+xml,%3Csvg\ width=\'80\'\ height=\'80\'\ viewBox=\'0\ 0\ 80\ 80\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg\ fill=\'%23FFD520\'\ fill-opacity=\'0.02\'%3E%3Cpolygon\ points=\'40,0\ 60,30\ 40,60\ 20,30\'/%3E%3C/g%3E%3C/svg%3E);background-size:120px 120px , 160px 160px;background-position:25% 25% , 75% 75%;animation:tinkoffFloat 35s ease-in-out infinite reverse}.hero-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,213,32,.02) 25%,transparent 50%,rgba(255,213,32,.02) 75%,transparent 100%) , linear-gradient(0deg,transparent 0%,rgba(26,26,26,.01) 25%,transparent 50%,rgba(26,26,26,.01) 75%,transparent 100%);background-size:200px 200px , 150px 150px;animation:tinkoffSlide 40s linear infinite}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:12px;font-weight:700;line-height:1.1;animation:fadeInUp .8s ease-out}.hero-content h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:24px;font-weight:600;line-height:1.1;color:#ffd520;animation:fadeInUp .8s ease-out .1s both}.subtitle{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:40px;color:#666;animation:fadeInUp .8s ease-out .2s both}.cta-btn{display:inline-block;background:#ffd520;color:#1a1a1a;padding:20px 40px;border-radius:16px;text-decoration:none;font-weight:600;font-size:18px;transition:all .2s ease;animation:fadeInUp .8s ease-out .4s both;margin-bottom:20px}.cta-btn:hover{background:#f5c500;transform:translateY(-2px)}.hero-phone{font-size:24px;font-weight:600;color:#1a1a1a;animation:fadeInUp .8s ease-out .6s both;text-decoration:none;transition:all .2s ease}.hero-phone:hover{color:#ffd520;transform:scale(1.05)}.hero-schedule{font-size:16px;color:#666;animation:fadeInUp .8s ease-out .8s both;margin-top:16px}.hero-schedule-text{font-weight:600}.hero-schedule{display:none}.hero-icons{position:absolute;width:100%;height:100%;pointer-events:none}.key-icon{position:absolute;width:60px;height:60px;fill:rgba(255,213,32,.1);animation:float 6s ease-in-out infinite}.key-icon:nth-child(1) {top:20%;left:10%;animation-delay:0s}.key-icon:nth-child(2) {top:60%;right:15%;animation-delay:2s}.key-icon:nth-child(3) {bottom:30%;left:20%;animation-delay:4s}section{padding:80px 0;position:relative}section:nth-child(even) {background:#f7f8fa}h2{font-size:clamp(2rem,4vw,2.5rem);text-align:center;margin-bottom:24px;color:#1a1a1a;font-weight:700;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#666;max-width:800px;margin:16px auto 0;line-height:1.5;font-weight:500}#about{padding:80px 0;background:#fafbfc}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:48px}.about-text{font-size:16px;line-height:1.6;color:#666}.about-text p{margin-bottom:32px;font-size:18px;line-height:1.6}.about-advantages{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.advantage-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e5e5;transition:all .2s ease}.advantage-item:hover{border-color:#ffd520;box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}.advantage-item svg{width:24px;height:24px;fill:#ffd520;flex-shrink:0}.advantage-item span{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.4}.about-image{text-align:center}.about-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px;padding:48px 0;border-top:1px solid #e5e5e5}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:#ffd520;margin-bottom:8px;line-height:1}.stat-label{font-size:14px;color:#666;font-weight:500}@media (max-width:968px){.about-content{grid-template-columns:1fr;gap:32px}.about-advantages{grid-template-columns:1fr;gap:16px}.about-stats{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:576px){.about-stats{grid-template-columns:1fr;gap:20px}.stat-number{font-size:28px}}#car-keys{background:linear-gradient(135deg,#fefcf7 0%,#fff9f0 100%);padding:80px 0}.hidden-brands{display:none!important}.show-more-brands{text-align:center;margin:32px 0}.show-more-btn{background:#ffd520;color:#1a1a1a;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all .2s ease}.show-more-btn:hover{background:#f5c500;transform:translateY(-2px)}.car-keys-content{text-align:center;margin-bottom:48px}.car-keys-description h3{font-size:24px;margin-bottom:16px;color:#1a1a1a;font-weight:600}.car-keys-description p{font-size:18px;color:#666;max-width:800px;margin:0 auto 32px;line-height:1.6}.car-brands{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;margin:48px 0;max-width:1000px;margin-left:auto;margin-right:auto}.brand-item{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e5e5;transition:all .2s ease;text-align:center;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#ffd520}.brand-item .brand-logo{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.brand-item .brand-name{font-size:14px;color:#666}.car-keys-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}.car-service-card{background:#fff;padding:32px 24px;border-radius:16px;text-align:center;border:1px solid #e5e5e5;transition:all .2s ease}.car-service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:#ffd520}.car-service-icon{width:64px;height:64px;background:#f7f8fa;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.car-service-icon svg{width:32px;height:32px;fill:#ffd520}.car-service-card h4{font-size:18px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.car-service-card p{color:#666;line-height:1.5;font-size:14px}.services-description{text-align:center;margin-bottom:48px}.services-description p{font-size:18px;color:#666;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.service-card{background:#fff;padding:40px 32px;border-radius:20px;text-align:center;border:1px solid #e5e5e5;transition:border-color .2s ease}.service-card:hover{border-color:#ffd520}.service-icon{width:80px;height:80px;background:#f7f8fa;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.service-icon svg{width:40px;height:40px;fill:#ffd520}.service-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.service-card p{color:#666;line-height:1.5}.prices-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.price-table{width:100%}.price-calculator{background:#fff;padding:32px;border-radius:16px;border:1px solid #e5e5e5;width:100%;box-shadow:0 4px 16px rgba(0,0,0,.05)}.price-calculator h3{font-size:20px;font-weight:600;margin-bottom:24px;color:#1a1a1a;text-align:center}.price-calculator label{display:block;margin-bottom:8px;font-weight:600;color:#1a1a1a;font-size:14px}.price-calculator select{width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-size:14px;color:#1a1a1a;cursor:pointer}.price-calculator select:focus{outline:none;border-color:#ffd520}.calc-result{background:#f7f8fa;padding:20px;border-radius:12px;text-align:center;margin:20px 0;font-size:18px;color:#1a1a1a}.order-btn{width:100%;background:#ffd520;color:#1a1a1a;border:none;padding:16px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.order-btn:hover{background:#f5c500;transform:translateY(-2px)}table{width:100%;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e5e5}table th{background:#f7f8fa;color:#1a1a1a;padding:20px;text-align:left;font-weight:600}table td{padding:20px;border-bottom:1px solid #e5e5e5}table tr:last-child td{border-bottom:none}.price-note{text-align:center;margin-top:20px;font-style:italic;color:#666}.reviews-carousel{max-width:800px;margin:0 auto;position:relative}.review-slider{overflow:hidden;border-radius:16px}.review-track{display:flex;transition:transform .5s ease}.review-item{min-width:100%;background:#fff;padding:60px 40px;border:1px solid #e5e5e5;border-radius:20px;text-align:center;margin-right:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.review-item:last-child{margin-right:0}.review-item p{font-size:20px;line-height:1.6;color:#1a1a1a;font-weight:500;margin:24px 0}.stars{font-size:28px;color:#ffd520;margin-bottom:24px;letter-spacing:2px}.reviewer{font-weight:700;color:#1a1a1a;margin-top:24px;font-size:18px}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}.carousel-btn{background:#f7f8fa;color:#1a1a1a;border:1px solid #e5e5e5;width:48px;height:48px;border-radius:12px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease}.carousel-btn:hover{background:#ffd520;border-color:#ffd520;transform:translateY(-2px)}.carousel-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#e5e5e5;cursor:pointer;transition:all .2s ease}.dot.active{background:#ffd520}.gallery-carousel{position:relative;overflow:hidden;border-radius:15px}.gallery-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px 0}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:250px;object-fit:cover;display:block}.gallery-item img{cursor:pointer}.gallery-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:10000}.gallery-popup-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-popup img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.gallery-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;font-weight:bold;cursor:pointer;background:rgba(0,0,0,.5);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery-close:hover{background:rgba(255,213,32,.8);color:#1a1a1a}.gallery-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.gallery-nav-btn{background:rgba(0,0,0,.5);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;pointer-events:all}.gallery-nav-btn:hover{background:rgba(255,213,32,.8);color:#1a1a1a;transform:scale(1.1)}.gallery-nav-btn.prev{margin-left:-60px}.gallery-nav-btn.next{margin-right:-60px}.gallery-counter{color:#fff;font-size:16px;margin-top:20px;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:20px}@media (max-width:768px){.gallery-nav-btn{width:40px;height:40px;font-size:20px}.gallery-nav-btn.prev{margin-left:-50px}.gallery-nav-btn.next{margin-right:-50px}.gallery-close{font-size:24px;width:35px;height:35px}}@media (max-width:992px){.gallery-track{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:768px){.gallery-track{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.gallery-track{grid-template-columns:1fr;gap:12px}}.placeholder-image{width:100%;height:100%;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;padding:20px}.placeholder-image svg{width:40px;height:40px;fill:#ffd520;margin-bottom:16px}.gallery-controls{display:flex;justify-content:center;gap:16px;margin-top:24px}.gallery-btn{background:#f7f8fa;color:#1a1a1a;border:1px solid #e5e5e5;width:48px;height:48px;border-radius:12px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease}.gallery-btn:hover{background:#ffd520;border-color:#ffd520;transform:translateY(-2px)}#faq{padding:80px 0;background:#f8f9fa}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.faq-item.active{border-color:#1976d2;box-shadow:0 4px 12px rgba(25,118,210,.1)}.faq-header{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background-color .3s ease}.faq-header:hover{background:#f8f9fa}.faq-item.active .faq-header{background:#f0f7ff;border-bottom:1px solid #e3f2fd}.faq-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.faq-item.active .faq-header h3{color:#1976d2}.faq-toggle{font-size:24px;font-weight:bold;color:#1976d2;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-content{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease , padding .3s ease;background:#fff}.faq-item.active .faq-content{max-height:500px;padding:20px;border-top:1px solid #e3f2fd}.faq-content p{margin:0;padding:0;color:#666;line-height:1.6}#seo-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:100px 0}.seo-content h2{font-size:clamp(2.2rem,4vw,2.8rem);text-align:center;margin-bottom:48px;color:#1a1a1a;font-weight:700}.seo-text{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:64px;max-width:1200px;margin-left:auto;margin-right:auto}.seo-column h3{font-size:24px;color:#1a1a1a;margin-bottom:20px;font-weight:600;line-height:1.3}.seo-column h4{font-size:20px;color:#1a1a1a;margin:32px 0 16px;font-weight:600;line-height:1.3}.seo-column p{color:#666;line-height:1.7;margin-bottom:20px;font-size:16px;text-align:justify}.seo-cta{text-align:center;background:#fff;padding:48px;border-radius:20px;border:1px solid #e5e5e5;max-width:600px;margin:0 auto}.seo-cta h3{font-size:28px;color:#1a1a1a;margin-bottom:16px;font-weight:700;line-height:1.3}.seo-cta p{font-size:18px;color:#666;margin-bottom:32px;line-height:1.5}.seo-cta-btn{display:inline-block;background:#ffd520;color:#1a1a1a;padding:20px 40px;border-radius:16px;text-decoration:none;font-weight:600;font-size:18px;transition:all .2s ease}.seo-cta-btn:hover{background:#f5c500;transform:translateY(-2px)}#videos{background:#f7f8fa;padding:80px 0}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.video-item{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e5e5;transition:all .3s ease}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#ffd520}.video-thumbnail{position:relative;aspect-ratio: 16/9;cursor:pointer;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,213,32,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1a1a1a;transition:all .3s ease}.video-thumbnail:hover .play-button{background:#ffd520;transform:translate(-50%,-50%) scale(1.1)}.video-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:40px 20px 20px;font-size:16px;font-weight:600;text-align:center}.video-frame{width:100%;aspect-ratio: 16/9;border:none;border-radius:12px}#contacts{padding:80px 0;background:#f8f9fa}.contacts-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;margin-bottom:48px}.contact-info{background:#fff;padding:40px;border-radius:20px;border:1px solid #e5e5e5}.info-grid{display:grid;gap:32px}.info-item{display:flex;align-items:flex-start;gap:16px}.info-icon{width:48px;height:48px;background:#f7f8fa;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon svg{width:24px;height:24px;stroke:#ffd520}.info-content h4{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.info-content a{color:#ffd520;text-decoration:none;font-weight:600;font-size:16px;transition:color .2s ease}.info-content a:hover{color:#f5c500}.info-content span{color:#1a1a1a;font-weight:600;font-size:16px}.info-content p{color:#666;font-size:14px;margin-top:4px;margin-bottom:0}.callback-section{background:#fff;padding:40px;border-radius:20px;border:1px solid #e5e5e5;text-align:center}.callback-section h3{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.callback-section p{color:#666;font-size:16px;margin-bottom:32px;line-height:1.5}.callback-btn{display:inline-flex;align-items:center;gap:12px;background:#ffd520;color:#1a1a1a;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;transition:all .2s ease;margin-bottom:24px}.callback-btn:hover{background:#f5c500;transform:translateY(-2px)}.callback-btn svg{width:20px;height:20px;stroke:currentColor}.callback-info{text-align:left;padding:24px;background:#f7f8fa;border-radius:12px}.callback-info p{margin-bottom:12px;font-size:14px;color:#666}.callback-info p:last-child{margin-bottom:0}.callback-info strong{color:#1a1a1a;font-weight:600}.contact-slogan{background:linear-gradient(135deg,#ffd520 0%,#ffa500 100%);border-radius:16px;padding:48px;text-align:center;box-shadow:0 10px 30px rgba(255,213,32,.3)}.slogan-content{display:flex;flex-direction:column;align-items:center;gap:20px}.slogan-content svg{width:64px;height:64px;fill:#1a1a1a}.slogan-content h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.slogan-content p{font-size:18px;color:#333;margin:0;font-style:italic}footer{background:#1a1a1a;color:#fff;padding:60px 0 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:48px}.footer-company{max-width:300px}.footer-logo-svg{height:50px;margin-bottom:20px}.footer-description{color:#ccc;line-height:1.6;margin-bottom:24px;font-size:14px}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;background:#fff;color:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;transition:all .2s ease;font-weight:bold}.footer-social a:hover{background:#ffd520;transform:translateY(-2px)}.footer-services h4,.footer-info h4,.footer-contact h4{color:#ffd520;font-size:18px;font-weight:600;margin-bottom:20px}.footer-services ul,.footer-info ul{list-style:none;padding:0}.footer-services li,.footer-info li{margin-bottom:12px}.footer-services a,.footer-info a{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-services a:hover,.footer-info a:hover{color:#ffd520}.footer-contact-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px}.footer-contact-item a{color:#ccc;text-decoration:none;transition:color .2s ease}.footer-contact-item a:hover{color:#ffd520}.footer-icon{font-size:16px;width:20px;text-align:center}.footer-legal{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 0;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:24px}.footer-company-details{flex:1}.footer-company-details p{color:#999;font-size:12px;margin-bottom:4px;line-height:1.4}.footer-documents{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.footer-doc-link{color:#ccc;text-decoration:none;font-size:12px;transition:color .2s ease}.footer-doc-link:hover{color:#ffd520}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copyright p{color:#999;font-size:12px;margin-bottom:4px}.footer-payments{display:flex;align-items:center;gap:12px}.payment-text{color:#999;font-size:12px}.payment-icons{display:flex;gap:8px}.payment-icon{font-size:20px}@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
}@keyframes tinkoffFloat {
0%, 100% {
transform: translate(0px, 0px) rotate(0deg);
background-position: 0% 0%, 100% 100%, 50% 50%, 0% 0%, 0% 0%;
}
25% {
transform: translate(10px, -15px) rotate(1deg);
background-position: 5% 5%, 95% 95%, 45% 55%, 10% 0%, 5% 5%;
}
50% {
transform: translate(-5px, -25px) rotate(-0.5deg);
background-position: 10% 10%, 90% 90%, 40% 60%, 20% 0%, 10% 10%;
}
75% {
transform: translate(-15px, -10px) rotate(0.8deg);
background-position: 15% 5%, 85% 95%, 55% 45%, 30% 0%, 15% 5%;
}
}@keyframes tinkoffSlide {
0% {
background-position: 0% 0%, 0% 0%;
}
100% {
background-position: 200px 200px, 150px 150px;
}
}@media (max-width:1024px){.nav ul li:nth-child(5),
.nav ul li:nth-child(6) {display:none}}@media (max-width:900px){.nav ul li:nth-child(4) {display:none}}@media (max-width:800px){.nav ul li:nth-child(3) {display:none}}@media (max-width:1200px){.car-brands{grid-template-columns:repeat(6,1fr)}}@media (max-width:1000px){.car-brands{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.car-brands{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.schedule-container{align-items:center;gap:6px}.work-schedule{flex-direction:row;gap:12px;font-size:11px;text-align:center}.schedule-item{flex-direction:row;gap:8px;align-items:center}.schedule-item .day{min-width:auto;font-size:10px}.schedule-item .time{font-size:11px;font-weight:700}.city-selector{position:relative;z-index:1050}.city-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:1051;max-height:300px;overflow-y:auto;min-width:200px}.city-dropdown.show{display:block}.car-brands{grid-template-columns:repeat(3,1fr);gap:12px;overflow-x:hidden;max-width:100%}.brand-item{min-width:0;padding:12px 8px;min-height:70px}.brand-item .brand-logo{font-size:14px}.brand-item .brand-name{font-size:11px}.prices-content{grid-template-columns:1fr;gap:32px}.price-calculator{min-width:auto;padding:24px 20px}.seo-text{grid-template-columns:1fr;gap:32px}.seo-cta{padding:32px 24px}.seo-cta h3{font-size:24px}.car-keys-services{grid-template-columns:1fr;gap:20px}.car-service-card{padding:24px 20px}.car-service-icon{width:56px;height:56px}.car-service-icon svg{width:28px;height:28px}.videos-grid{grid-template-columns:1fr;gap:20px}.video-title{font-size:14px;padding:30px 15px 15px}.play-button{width:50px;height:50px;font-size:18px}#header .container{padding:12px 16px;flex-wrap:nowrap}.logo-svg{height:40px;flex-shrink:0}.call-btn{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.nav ul{display:none}.burger{display:flex}.nav{position:relative}.mobile-menu-section h4{color:#ffd520;font-size:18px;font-weight:600;margin-bottom:16px;border-bottom:2px solid #ffd520;padding-bottom:8px}.mobile-menu-section ul{list-style:none;padding:0;margin:0}.mobile-menu-section li{margin-bottom:12px}.mobile-menu-section a{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s ease;display:block;padding:8px 0}.mobile-menu-section a:hover{color:#ffd520}.mobile-contact{grid-column: 1 / -1;text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #333}.mobile-contact .call-btn{background:#ffd520;color:#1a1a1a;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:18px;display:inline-block;margin-bottom:16px;transition:all .2s ease}.mobile-contact .call-btn:hover{background:#f5c500;transform:translateY(-2px)}.mobile-hours{color:#999;font-size:14px;margin-top:8px}.hero-content h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-phone{order:3;margin-top:20px}.cta-btn{order:2;margin-bottom:0}.contacts-content{grid-template-columns:1fr;gap:32px}.footer-main{grid-template-columns:1fr;gap:32px;text-align:left}.footer-company{text-align:center;max-width:none}.footer-services,.footer-info,.footer-contact{text-align:left}.footer-services h4,.footer-info h4,.footer-contact h4{text-align:left;margin-bottom:16px}.footer-legal{flex-direction:column;gap:20px;text-align:left}.footer-company-details{text-align:left}.footer-documents{justify-content:flex-start;flex-direction:column;gap:12px}.footer-bottom{flex-direction:column;gap:20px;text-align:left}.footer-payments{justify-content:flex-start}.about-advantages{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr;gap:24px}.faq-question h3{font-size:16px}.faq-question{padding:20px}.faq-answer div{padding:0 20px 20px}.carousel-controls{gap:16px}.carousel-dots{flex-wrap:wrap}.contact-slogan{padding:30px 20px}.slogan-content h3{font-size:20px}.slogan-content svg{width:50px;height:50px}}@media (max-width:600px){.car-brands{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px) and (min-width:381px){.city-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:1052;max-height:300px;overflow-y:auto;min-width:180px;width:max-content}.city-dropdown.show{display:block}.city-dropdown a{display:block;padding:10px 14px;color:#333;text-decoration:none;font-size:13px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;white-space:nowrap}.city-dropdown a:last-child{border-bottom:none}.city-dropdown a:hover{background:#f8f9fa;color:#ffd520}}@media (max-width:480px){.schedule-container{gap:4px}.work-schedule{gap:8px;font-size:10px}.schedule-item .time{font-size:10px}.schedule-item .day{font-size:9px}.container{padding:0 16px;max-width:100%;overflow-x:hidden}.hero-schedule{display:block!important}.header-phone .call-btn,.header-phone .schedule-container{display:none!important}#header .container{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;flex-wrap:nowrap;gap:12px}.logo-svg{height:40px;flex-shrink:0}.header-phone{display:flex;flex-direction:row;gap:12px;align-items:center;flex-shrink:0}.city-selector{order:1;margin:0;position:relative;z-index:1051}.current-city{padding:8px 12px;font-size:12px;min-width:80px;white-space:nowrap}.burger{order:2;flex-shrink:0;margin-left:8px}.city-dropdown{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:1052;max-height:300px;overflow-y:auto;min-width:280px;max-width:90vw;width:280px}.city-dropdown.show{display:block}.city-dropdown a{display:block;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;white-space:nowrap}.city-dropdown a:last-child{border-bottom:none}.city-dropdown a:hover{background:#f8f9fa;color:#ffd520}.mobile-menu-content{top:60px;height:calc(100vh - 60px)}.mobile-menu-content.active{grid-template-columns:1fr 1fr;gap:32px;align-content:start}}@media (max-width:550px) and (min-width:481px){#header .container{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;flex-wrap:nowrap;gap:12px}.header-phone{display:flex;flex-direction:row;gap:12px;align-items:center;flex-shrink:0}.schedule-container{order:2;align-items:flex-end}.work-schedule{flex-direction:column;gap:2px;font-size:10px;text-align:right}.schedule-item{flex-direction:row;gap:4px;align-items:center;justify-content:flex-end}.schedule-item .day{font-size:9px;min-width:auto}.schedule-item .time{font-size:10px;font-weight:600}.city-selector{order:1;margin:0;position:relative;z-index:1051}.current-city{padding:7px 12px;font-size:12px;min-width:90px;white-space:nowrap}.call-btn{order:3;padding:8px 14px;font-size:12px;white-space:nowrap;flex-shrink:0}.burger{order:4;flex-shrink:0;margin-left:8px}.city-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;z-index:1052;max-height:300px;overflow-y:auto;min-width:200px}.city-dropdown.show{display:block}.mobile-menu-content{top:70px;height:calc(100vh - 70px)}.mobile-menu-content.active{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-content:start}}@media (max-width:380px){#header .container{padding:8px 12px;gap:8px}.logo-svg{height:32px}.current-city{padding:6px 8px;font-size:10px;min-width:70px}#hero{padding-top:90px}.mobile-menu-content{top:0;height:100vh;padding:56px 12px 12px 12px;background:#1a1a1a;position:fixed;left:0;width:100%;z-index:999}.mobile-menu-content.active{grid-template-columns:1fr;gap:12px}.mobile-menu-section{margin-bottom:12px}.mobile-menu-section h4{font-size:14px;margin-bottom:10px}.mobile-contact{margin-top:12px;padding-top:12px}}@media print{.nav,.burger,.call-btn{display:none!important}body{background:#fff!important;color:#000!important}section{page-break-inside:avoid}}