From b4bcde0ae76c626ba57d2cd8a10a0950abca5b04 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Mon, 11 May 2026 20:30:54 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=B2=20=D0=BA=D0=BE=D0=BC=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=B5=D0=BD=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AboutUs.astro     | 2 +-
 src/components/ContactForm.astro | 2 +-
 src/components/Features.astro    | 6 +++---
 src/components/Hero.astro        | 6 +++---
 src/components/Services.astro    | 6 +++---
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/AboutUs.astro b/src/components/AboutUs.astro
index af42b42..bd40a71 100644
--- a/src/components/AboutUs.astro
+++ b/src/components/AboutUs.astro
@@ -23,7 +23,7 @@
     </div>
 
     <div class="text-center md:text-left order-1 md:order-2">
-      <h2 class="text-4xl md:text-5xl font-bold mb-8 italic">Мастерство, проверенное временем</h2>
+      <h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-8 italic">Мастерство, проверенное временем</h2>
       <p class="text-gray-300 mb-6 font-light leading-relaxed">
         Наш сервисный центр специализируется на автомобилях Toyota и Lexus уже более 15 лет. Мы знаем каждую особенность этих марок, что позволяет нам проводить диагностику и ремонт с заводской точностью.
       </p>
diff --git a/src/components/ContactForm.astro b/src/components/ContactForm.astro
index d0be651..e22e618 100644
--- a/src/components/ContactForm.astro
+++ b/src/components/ContactForm.astro
@@ -4,7 +4,7 @@
 <section id="contacts" class="py-24 bg-white relative overflow-hidden">
   <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-16 items-center">
     <div class="text-center md:text-left">
-      <h2 class="text-4xl md:text-5xl font-bold mb-8">Ждем вас в нашем сервисе</h2>
+      <h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-8">Ждем вас в нашем сервисе</h2>
       <div class="space-y-8">
         <div class="flex gap-4 items-center">
           <div class="w-12 h-12 bg-red-50 text-[#E51937] rounded-full flex items-center justify-center shrink-0">
diff --git a/src/components/Features.astro b/src/components/Features.astro
index dee8861..aaff435 100644
--- a/src/components/Features.astro
+++ b/src/components/Features.astro
@@ -21,7 +21,7 @@ const features = [
 <section id="features" class="py-24 bg-white">
   <div class="max-w-7xl mx-auto px-6 text-center">
     <div class="mb-16">
-      <h2 class="text-4xl md:text-5xl font-bold mb-4">Почему выбирают нас</h2>
+      <h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-4">Почему выбирают нас</h2>
       <p class="text-gray-500 max-w-xl mx-auto">Мы заботимся о вашем автомобиле как о своем собственном</p>
     </div>
 
@@ -29,8 +29,8 @@ const features = [
       {features.map((f, i) => (
         <div class="bg-white p-8 rounded-3xl border border-gray-100 flex flex-col items-center text-center group transition-all hover:shadow-xl hover:-translate-y-1">
           <div class="w-12 h-12 bg-[#1a1a1a] text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-[#E51937] transition-colors" set:html={f.icon} />
-          <h4 class="text-xl font-bold mb-2">{f.title}</h4>
-          <p class="text-gray-500 text-sm flex-grow">{f.description}</p>
+          <h4 class="text-base sm:text-lg md:text-xl font-bold mb-2">{f.title}</h4>
+          <p class="text-gray-500 text-xs sm:text-sm flex-grow">{f.description}</p>
         </div>
       ))}
     </div>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 7c98fd5..51a1d3d 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -13,15 +13,15 @@
 
   <div class="relative z-10 max-w-7xl mx-auto px-6 w-full">
     <div class="max-w-2xl animate-fade-in-up text-center md:text-left">
-      <div class="inline-flex items-center gap-2 px-3 py-1 bg-white/10 backdrop-blur-md rounded-full text-[#E51937] text-xs font-bold uppercase tracking-widest mb-6">
+      <div class="inline-flex items-center gap-2 px-2 xs:px-3 py-1 bg-white/10 backdrop-blur-md rounded-full text-[#E51937] text-[10px] xs:text-xs font-bold uppercase tracking-widest mb-4 xs:mb-6">
         <span class="w-2 h-2 rounded-full bg-[#E51937] animate-pulse-dot" />
         Специализированный центр в Сургуте
       </div>
-      <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-[1.1]">
+      <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-7xl font-bold text-white mb-6 leading-[1.1]">
         Обслуживание & Ремонт<br/>
         <span class="text-[#E51937]">Toyota & Lexus</span>
       </h1>
-      <p class="text-lg md:text-xl text-gray-300 mb-10 font-light">
+      <p class="text-base md:text-lg lg:text-xl text-gray-300 mb-10 font-light">
         Опытные специалисты, современное оборудование и только качественные запчасти. Ваш автомобиль в надежных руках профессионалов.
       </p>
       <div class="flex flex-col sm:flex-row gap-4 items-center md:items-start">
diff --git a/src/components/Services.astro b/src/components/Services.astro
index 2c710ec..aded878 100644
--- a/src/components/Services.astro
+++ b/src/components/Services.astro
@@ -36,7 +36,7 @@ const services = [
 <section id="services" class="py-24 bg-gray-50">
   <div class="max-w-7xl mx-auto px-6 text-center">
     <div class="mb-16">
-      <h2 class="text-4xl md:text-5xl font-bold mb-4">Наши Услуги</h2>
+      <h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-4">Наши Услуги</h2>
       <p class="text-gray-500 max-w-xl mx-auto">Полный спектр работ для поддержания вашего автомобиля в идеальном состоянии</p>
     </div>
 
@@ -44,8 +44,8 @@ const services = [
       {services.map((service, i) => (
         <div class="bg-white p-8 rounded-3xl border border-gray-100 flex flex-col items-center text-center group transition-all hover:shadow-xl hover:-translate-y-1">
           <div class="w-12 h-12 bg-[#1a1a1a] text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-[#E51937] transition-colors" set:html={service.icon} />
-          <h4 class="text-xl font-bold mb-2 text-center">{service.title}</h4>
-          <p class="text-gray-500 text-sm mb-6 flex-grow">{service.desc}</p>
+          <h4 class="text-base sm:text-lg md:text-xl font-bold mb-2 text-center">{service.title}</h4>
+          <p class="text-gray-500 text-xs sm:text-sm mb-4 sm:mb-6 flex-grow">{service.desc}</p>
           <button class="flex items-center justify-center gap-1 text-[#E51937] text-sm font-bold uppercase tracking-wider w-full">
             Подробнее
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">