From ee2375b741547abfcfd8efca5806ac42bc7a3f41 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 20:58:59 +0000
Subject: [PATCH] Changes

---
 src/components/AbonnemangCheckout.tsx | 4 +---
 src/components/AbonnemangForm.tsx     | 4 +---
 src/components/GallerySection.tsx     | 8 +-------
 src/components/HeritageSection.tsx    | 8 +-------
 src/components/PlansSection.tsx       | 8 +-------
 5 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/src/components/AbonnemangCheckout.tsx b/src/components/AbonnemangCheckout.tsx
index d710d36..8325e81 100644
--- a/src/components/AbonnemangCheckout.tsx
+++ b/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">
-        <span className="ornament">✦</span>
-      </div>
+      <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
       
       <h2 className="font-display text-3xl md:text-4xl font-semibold mb-4">
         Ditt abonnemang: {planName}
diff --git a/src/components/AbonnemangForm.tsx b/src/components/AbonnemangForm.tsx
index 65a923f..999076f 100644
--- a/src/components/AbonnemangForm.tsx
+++ b/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">
-          <span className="ornament">✦</span>
-        </div>
+        <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></div>
         <h2 className="font-display text-3xl md:text-4xl font-semibold mb-4">
           Tack för din beställning!
         </h2>
diff --git a/src/components/GallerySection.tsx b/src/components/GallerySection.tsx
index 688799c..a9f09be 100644
--- a/src/components/GallerySection.tsx
+++ b/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">
-            <span className="ornament">✦</span>
-          </div>
+          <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></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>
   );
diff --git a/src/components/HeritageSection.tsx b/src/components/HeritageSection.tsx
index d4b5ab4..8403d26 100644
--- a/src/components/HeritageSection.tsx
+++ b/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">
-              <span className="ornament">✦</span>
-            </div>
+            <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></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>
   );
diff --git a/src/components/PlansSection.tsx b/src/components/PlansSection.tsx
index b104caf..85b6373 100644
--- a/src/components/PlansSection.tsx
+++ b/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">
-            <span className="ornament">✦</span>
-          </div>
+          <div className="w-24 h-px bg-primary/40 mx-auto mb-6"></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>
   );