Новые правки в компоенты

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>

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">

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>
+          <h4 class="text-base sm:text-lg md:text-xl font-bold mb-2">{f.title}</h4>
-          <p class="text-gray-500 text-sm flex-grow">{f.description}</p>
+          <p class="text-gray-500 text-xs sm:text-sm flex-grow">{f.description}</p>
         </div>
       ))}
     </div>

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">

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>
+          <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-sm mb-6 flex-grow">{service.desc}</p>
+          <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">