feat: card colors #FFFDFA + gallery fallback fix

- BirthdayPricing: cream cards (#fffdfa) with dark text, orange/green titled
- WhyParents: accordion cards cream (#fffdfa)
- Gallery: per-index static fallback for null/corrupt media slots

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/sections/BirthdayPricing.tsx

@@ -151,7 +151,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
       <div
         className="relative w-full overflow-hidden rounded-[23.79px] lg:w-[362px]"
         style={{
-          backgroundColor: featured ? '#f28b4a' : '#396817',
+          backgroundColor: '#fffdfa',
           height: '756px',
           padding: '60px 40px 40px 40px',
           boxShadow: '0 4px 60px 0 rgba(242,139,74,0.25)',
@@ -164,15 +164,15 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
             style={{
               fontFamily: 'var(--font-montserrat, Montserrat), sans-serif',
               fontSize: 40,
-              color: featured ? '#272727' : '#f28b4a',
+              color: featured ? '#f28b4a' : '#396817',
               margin: 0,
             }}
           >
             {name}
           </p>
-          <div className="h-px w-full bg-white" />
+          <div className="h-px w-full bg-[#396817]/15" />
           <p
-            className="text-center leading-none text-white"
+            className="text-center leading-none text-[#272727]"
             style={{
               fontFamily: 'var(--font-inter, Inter), sans-serif',
               fontSize: 56,
@@ -184,7 +184,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
           </p>
           {priceLabel && (
             <p
-              className="-mt-4 text-center text-[14px] text-white/70"
+              className="-mt-4 text-center text-[14px] text-[#272727]/60"
               style={{ fontFamily: 'var(--font-inter, Inter), sans-serif' }}
             >
               {priceLabel}
@@ -203,7 +203,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
                 className="h-[30px] w-[30px] flex-none rounded-[24px] object-contain"
               />
               <span
-                className="text-[20px] leading-[1.5] font-medium text-white"
+                className="text-[20px] leading-[1.5] font-medium text-[#272727]"
                 style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
               >
                 {f.text}

src/components/sections/Gallery.tsx

@@ -83,7 +83,7 @@ export function Gallery({ images, title }: GalleryProps) {
   const items: GalleryImage[] =
     images && images.length > 0
       ? images.map((img, i) => ({
-          src: getMediaUrl(img.image) ?? '/images/figma/gallery-1.webp',
+          src: getMediaUrl(img.image) ?? STATIC_IMAGES[i % STATIC_IMAGES.length]?.src ?? '/images/figma/gallery-2.webp',
           alt: img.alt ?? `Шуміленд — фото ${i + 1}`,
           width: i % 2 === 0 ? 320 : 380,
           height: 420,

src/components/sections/WhyParents.tsx

@@ -135,7 +135,7 @@ export function WhyParents({ items, sideGallery, title }: WhyParentsProps) {
                   <button
                     key={i}
                     onClick={() => handleItemClick(i)}
-                    className="flex w-full flex-col gap-2.5 rounded-[10px] bg-[#fdf2e8] px-[50px] py-[20px] text-left shadow-[0_4px_60px_0_rgba(242,139,74,0.25)] transition-all duration-200 lg:w-[628px]"
+                    className="flex w-full flex-col gap-2.5 rounded-[10px] bg-[#fffdfa] px-[50px] py-[20px] text-left shadow-[0_4px_60px_0_rgba(242,139,74,0.25)] transition-all duration-200 lg:w-[628px]"
                     aria-expanded={isOpen}
                   >
                     <div className="flex items-center gap-5">