Доработки по главной странице, итерация 13

src/app/components/FeaturedYacht.tsx

@@ -139,7 +139,11 @@ export default function FeaturedYacht() {
                             {/* Promoted badge */}
                             {yacht.isPromoted && (
                                 <div className="flex items-center gap-2 text-sm text-gray-400">
-                                    <Icon className="min-w-[21px] min-h-[21px]" size={21} name="ad" />
+                                    <Icon
+                                        className="min-w-[21px] min-h-[21px]"
+                                        size={21}
+                                        name="ad"
+                                    />
                                     <span>
                                         Это объявление продвигается.{" "}
                                         <span className="underline cursor-pointer">
@@ -182,12 +186,9 @@ export default function FeaturedYacht() {
 
                                     {/* Booking form */}
                                     <div className="mb-8">
-                                        <div>
                                         <GuestDatePicker />
                                     </div>
 
-                                    </div>
-
                                     {/* Book button */}
                                     <Button
                                         variant="gradient"

src/app/components/Hero.tsx

@@ -38,7 +38,7 @@ export default function Hero() {
                 </div>
 
                 {/* Поисковая форма - скрыта на мобильных устройствах */}
-                <Card className="bg-white shadow-lg s hidden md:block rounded-full">
+                <Card className="bg-white shadow-lg s md:block rounded-full">
                     <CardContent className="p-2">
                         {/* Основные поля поиска */}
                         <div className="flex flex-col md:flex-row gap-4">

src/app/components/VideoSection.tsx

@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import Image from "next/image";
 
 export default function VideoSection() {
     return (
@@ -10,12 +10,14 @@ export default function VideoSection() {
                         Откройте мир морских прогулок
                     </h2>
                     <p className="text-lg text-gray-700 leading-relaxed">
-            Романтическая прогулка, отдых с семьей, вечеринка с друзьями, спорт и развлечения, элитный отдых, девичник & морская фотосессия.
+                        Романтическая прогулка, отдых с семьёй, вечеринка
+                        с друзьями, cпорт и развлечения, элитный отдых, девичник
+                        & морская фотосессия.
                     </p>
                 </div>
 
                 {/* Правая колонка с изображением */}
-        <div className="lg:w-1/2 relative">
+                <div className="w-full lg:w-1/2 relative">
                     <div className="relative rounded-[40px] overflow-hidden">
                         <Image
                             src="/images/video/video1.jpg"
@@ -28,5 +30,5 @@ export default function VideoSection() {
                 </div>
             </div>
         </section>
-  )
+    );
 }

src/components/form/guest-date-picker.tsx

@@ -53,9 +53,9 @@ const CommonPopoverContent: React.FC<CommonPopoverContentProps> = ({
     handleApply,
 }) => {
     return (
-        <PopoverContent className="rounded-[20px] p-6 pb-4 w-[374px]">
+        <PopoverContent className="rounded-[20px] p-6 pb-4 w-[324px]">
             {/* Календарь */}
-            <div className="min-h-fit">
+
             <Calendar
                 mode="single"
                 selected={date}
@@ -87,7 +87,7 @@ const CommonPopoverContent: React.FC<CommonPopoverContentProps> = ({
                         "rounded-full border-none outline-none !bg-brand text-white",
                 }}
             />
-            </div>
+
 
             {/* Счетчики гостей */}
             <div className="mb-[24px] flex gap-3">

src/components/ui/counter.tsx

@@ -46,7 +46,7 @@ export const Counter: React.FC<CounterProps> = ({
             >
                 <Minus className="w-4 h-4" />
             </button>
-            <span className="mx-4 text-gray-800 font-medium min-w-[20px] text-center">
+            <span className="mx-2 text-gray-800 font-medium min-w-[20px] text-center">
                 {value}
             </span>
             <button