ASK Detailing | Профессиональный детейлинг и оклейка /* ===== БРЕНДИНГ ASK DETAILING ===== */ :root { --ask-primary: #A9E705; --ask-secondary: #87D107; --ask-light-bg: #FDFDFD; --ask-text: #FFFFFF; --ask-dark: #111111; --ask-dark-card: #1A1A1A; --ask-text-gray: #AAAAAA; --font-main: 'Inter', sans-serif; --font-heading: 'Orbitron', sans-serif; --shadow: 0 10px 40px rgba(0, 0, 0, 0.25); --transition: all 0.3s ease; --border-radius: 12px; --shadow-primary: 0 10px 25px rgba(169, 231, 5, 0.3); } /* ===== ОБЩИЕ СТИЛИ ===== */ .t-records { font-family: var(--font-main); } /* Классы для переопределения стилей Tilda */ .ask-custom { position: relative; overflow: hidden; } /* ===== КНОПКИ ASK СТИЛЬ ===== */ .ask-btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; font-family: var(--font-heading); font-size: 16px; font-weight: 600; border-radius: 8px; border: none; cursor: pointer; transition: var(--transition); text-decoration: none; gap: 10px; text-align: center; } .ask-btn-primary { background-color: var(--ask-primary); color: #000000; } .ask-btn-primary:hover { background-color: var(--ask-secondary); transform: translateY(-3px); box-shadow: var(--shadow-primary); color: #000000; } .ask-btn-secondary { background-color: transparent; color: var(--ask-primary); border: 2px solid var(--ask-primary); } .ask-btn-secondary:hover { background-color: rgba(169, 231, 5, 0.1); transform: translateY(-3px); border-color: var(--ask-secondary); color: var(--ask-secondary); } /* ===== КАРТОЧКИ УСЛУГ ===== */ .ask-service-card { background-color: var(--ask-dark-card); border-radius: var(--border-radius); overflow: hidden; transition: var(--transition); border: 1px solid rgba(169, 231, 5, 0.1); height: 100%; } .ask-service-card:hover { transform: translateY(-10px); box-shadow: var(--shadow); border-color: var(--ask-primary); } .ask-featured-badge { position: absolute; top: 15px; right: 15px; background-color: var(--ask-primary); color: #000000; padding: 5px 15px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; z-index: 2; } .ask-service-image { width: 100%; height: 200px; object-fit: cover; } .ask-service-content { padding: 25px; } .ask-service-title { font-family: var(--font-heading); font-size: 20px; margin-bottom: 15px; color: var(--ask-text); } .ask-service-price { font-size: 24px; color: var(--ask-primary); margin-bottom: 15px; display: block; font-weight: 700; } .ask-service-features { list-style: none; margin: 20px 0; padding: 0; } .ask-service-feature { padding: 8px 0; color: var(--ask-text-gray); position: relative; padding-left: 25px; font-family: var(--font-main); } .ask-service-feature:before { content: '✓'; position: absolute; left: 0; color: var(--ask-primary); font-weight: bold; } /* ===== СТАТИСТИКА ===== */ .ask-stat-item { text-align: center; padding: 40px 20px; background-color: var(--ask-dark); border-radius: var(--border-radius); transition: var(--transition); border: 1px solid rgba(169, 231, 5, 0.1); height: 100%; } .ask-stat-item:hover { transform: translateY(-10px); box-shadow: var(--shadow); border-color: var(--ask-primary); } .ask-stat-number { font-size: 48px; color: var(--ask-primary); margin-bottom: 10px; line-height: 1; font-family: var(--font-heading); } .ask-stat-text { font-size: 16px; color: var(--ask-text); font-family: var(--font-main); } /* ===== ГАЛЕРЕЯ ===== */ .ask-gallery-item { position: relative; border-radius: var(--border-radius); overflow: hidden; cursor: pointer; border: 1px solid rgba(169, 231, 5, 0.1); height: 300px; } .ask-gallery-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .ask-gallery-item:hover .ask-gallery-image { transform: scale(1.05); } .ask-gallery-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; opacity: 0; transition: opacity 0.3s ease; } .ask-gallery-item:hover .ask-gallery-overlay { opacity: 1; } /* ===== ФОРМА ===== */ .ask-form-group { margin-bottom: 20px; } .ask-form-label { display: block; margin-bottom: 8px; color: var(--ask-text); font-weight: 600; font-size: 14px; font-family: var(--font-heading); } .ask-form-input { width: 100%; padding: 14px 18px; background-color: rgba(253, 253, 253, 0.05); border: 1px solid rgba(169, 231, 5, 0.2); border-radius: 8px; color: var(--ask-text); font-family: var(--font-main); font-size: 15px; transition: var(--transition); } .ask-form-input:focus { outline: none; border-color: var(--ask-primary); box-shadow: 0 0 0 3px rgba(169, 231, 5, 0.2); } .ask-form-select { width: 100%; padding: 14px 18px; background-color: rgba(253, 253, 253, 0.05); border: 1px solid rgba(169, 231, 5, 0.2); border-radius: 8px; color: var(--ask-text); font-family: var(--font-main); font-size: 15px; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23A9E705' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; } textarea.ask-form-input { min-height: 120px; resize: vertical; } /* ===== ТАБЫ И ФИЛЬТРЫ ===== */ .ask-tab { padding: 12px 25px; background-color: var(--ask-dark-card); color: var(--ask-text-gray); border: 1px solid rgba(169, 231, 5, 0.1); border-radius: 8px; font-family: var(--font-heading); font-size: 15px; font-weight: 600; cursor: pointer; transition: var(--transition); display: inline-block; } .ask-tab.active, .ask-tab:hover { background-color: var(--ask-primary); color: #000000; border-color: var(--ask-primary); } .ask-filter-btn { padding: 10px 20px; background-color: var(--ask-dark-card); color: var(--ask-text-gray); border: 1px solid rgba(169, 231, 5, 0.1); border-radius: 30px; font-family: var(--font-heading); font-size: 14px; font-weight: 600; cursor: pointer; transition: var(--transition); display: inline-block; } .ask-filter-btn.active, .ask-filter-btn:hover { background-color: var(--ask-primary); color: #000000; border-color: var(--ask-primary); } /* ===== ЗАГОЛОВКИ ===== */ .ask-heading { font-family: var(--font-heading); color: var(--ask-text); margin-bottom: 30px; } /* ===== ГЕРОЙ БЛОК ===== */ .ask-hero-badge { display: inline-block; padding: 8px 20px; background-color: var(--ask-primary); color: #000000; font-size: 14px; font-weight: 700; border-radius: 30px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; font-family: var(--font-heading); } /* ===== КОНТАКТНЫЕ БЛОКИ ===== */ .ask-contact-block { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; } .ask-contact-icon { width: 50px; height: 50px; background-color: rgba(169, 231, 5, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ask-contact-icon i { color: var(--ask-primary); font-size: 20px; } .ask-contact-info h4 { font-size: 18px; margin-bottom: 5px; color: var(--ask-primary); font-family: var(--font-heading); } .ask-contact-info p { color: var(--ask-text-gray); font-family: var(--font-main); } /* ===== СОЦИАЛЬНЫЕ ИКОНКИ ===== */ .ask-social-icon { width: 45px; height: 45px; background-color: var(--ask-dark-card); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--transition); border: 1px solid rgba(169, 231, 5, 0.2); text-decoration: none; } .ask-social-icon:hover { background-color: var(--ask-primary); border-color: var(--ask-primary); } .ask-social-icon:hover i { color: #000000; } .ask-social-icon i { color: var(--ask-primary); transition: var(--transition); } /* ===== ФУТЕР ===== */ .ask-footer-links { list-style: none; padding: 0; margin: 0; } .ask-footer-links li { margin-bottom: 12px; } .ask-footer-links a { color: var(--ask-text-gray); text-decoration: none; font-size: 14px; transition: var(--transition); font-family: var(--font-main); } .ask-footer-links a:hover { color: var(--ask-primary); padding-left: 5px; } /* ===== АДАПТИВНОСТЬ ===== */ @media (max-width: 768px) { .ask-service-card:hover { transform: translateY(-5px); } .ask-stat-item:hover { transform: translateY(-5px); } .ask-gallery-item { height: 250px; } .ask-stat-number { font-size: 36px; } .ask-service-title { font-size: 18px; } .ask-service-price { font-size: 20px; } } @media (max-width: 480px) { .ask-hero-badge { font-size: 12px; padding: 6px 15px; } .ask-btn { padding: 12px 20px; font-size: 14px; } .ask-gallery-item { height: 200px; } .ask-contact-icon { width: 40px; height: 40px; } .ask-contact-icon i { font-size: 16px; } } /* ===== АНИМАЦИИ ДЛЯ TILDA ===== */ .ask-fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .ask-fade-in.visible { opacity: 1; transform: translateY(0); } /* ===== ПЕРЕОПРЕДЕЛЕНИЕ СТИЛЕЙ TILDA ===== */ .t-container { max-width: 1200px !important; } .t-section { padding: 80px 0 !important; } .t-name_xl { font-family: var(--font-heading) !important; } .t-name_lg { font-family: var(--font-heading) !important; } .t-name_md { font-family: var(--font-heading) !important; } /* Темный фон для секций */ .ask-dark-bg { background-color: var(--ask-dark) !important; color: var(--ask-text) !important; } .ask-dark-card-bg { background-color: var(--ask-dark-card) !important; color: var(--ask-text) !important; }
Премиальный сервис с 2017 года

Профессиональный детейлинги оклейка автомобилей

Полный спектр услуг по уходу и защите вашего автомобиля. Используем материалы мировых брендов и современное оборудование. Более 1000 довольных клиентов.

Наши услуги
0
Лет опыта
0
Довольных клиентов
0
Автомобилей в галерее
5.0
Рейтинг на Яндекс

Наши услуги

Контакты

Адрес г. Москва, ул. Примерная, д. 123

Телефон +7 (XXX) XXX-XX-XX

График работы Пн-Вс: 9:00-20:00

Записаться на сервис

ASK Detailing

ASK Detailing — премиальная студия детейлинга и оклейки автомобилей. Профессиональный подход и качественные материалы.

Услуги

Компания

Контакты

© 2023 ASK Detailing. Все права защищены.
Политика конфиденциальности Пользовательское соглашение