Changes

src/components/AbonnemangCheckout.tsx

@@ -35,9 +35,7 @@ const AbonnemangCheckout = ({ selectedPlan, onBack }: AbonnemangCheckoutProps) =
 
   return (
     <div className="text-center py-8">
-      <div className="divider-ornament mb-6">
+      <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
-        <span className="ornament">✦</span>
-      </div>
       
       <h2 className="font-display text-3xl md:text-4xl font-semibold mb-4">
         Ditt abonnemang: {planName}

src/components/AbonnemangForm.tsx

@@ -68,9 +68,7 @@ const AbonnemangForm = ({ selectedPlan, onClose }: AbonnemangFormProps) => {
   if (submitted) {
     return (
       <div className="text-center py-12 px-6">
-        <div className="divider-ornament mb-6">
+        <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
-          <span className="ornament">✦</span>
-        </div>
         <h2 className="font-display text-3xl md:text-4xl font-semibold mb-4">
           Tack för din beställning!
         </h2>

src/components/GallerySection.tsx

@@ -20,9 +20,7 @@ const GallerySection = () => {
       <div className="max-w-5xl mx-auto">
         {/* Section header */}
         <div className="text-center mb-16">
-          <div className="divider-ornament mb-6">
+          <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
-            <span className="ornament">✦</span>
-          </div>
           <h2 className="font-display text-4xl md:text-5xl font-semibold mb-4 italic">
             Hantverk & Kvalitet
           </h2>
@@ -55,10 +53,6 @@ const GallerySection = () => {
           ))}
         </div>
 
-        {/* Bottom ornament */}
-        <div className="text-center mt-16 text-primary/40 font-display text-2xl">
-          ❦
-        </div>
       </div>
     </section>
   );

src/components/HeritageSection.tsx

@@ -85,9 +85,7 @@ const HeritageSection = () => {
 
           {/* Text Content */}
           <div className="text-center max-w-3xl mx-auto">
-            <div className="divider-ornament mb-6">
+            <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
-              <span className="ornament">✦</span>
-            </div>
             <h2 className="font-display text-3xl md:text-4xl lg:text-5xl font-semibold mb-6">
               Hantverk & Kvalitet
             </h2>
@@ -141,10 +139,6 @@ const HeritageSection = () => {
           ))}
         </div>
 
-        {/* Bottom ornament */}
-        <div className="text-center mt-16 text-primary/40 font-display text-2xl">
-          ❦
-        </div>
       </div>
     </section>
   );

src/components/PlansSection.tsx

@@ -108,9 +108,7 @@ const PlansSection = () => {
       <div className="max-w-5xl mx-auto">
         {/* Section header */}
         <div className="text-center mb-16">
-          <div className="divider-ornament mb-6">
+          <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
-            <span className="ornament">✦</span>
-          </div>
           <h2 className="font-display text-4xl md:text-5xl font-semibold mb-4">
             Våra Abonnemang
           </h2>
@@ -178,10 +176,6 @@ const PlansSection = () => {
           ))}
         </div>
 
-        {/* Bottom ornament */}
-        <div className="text-center mt-16 text-primary/40 font-display text-2xl">
-          ❦
-        </div>
       </div>
     </section>
   );