changelog added

themes/agico-hugo/assets/scss/_common.scss

@@ -686,39 +686,73 @@ textarea.form-control {
 }
 
 .accordion {
-  border: 1px solid #ccc;
+  border: 1px solid #ddd;
+  border-radius: 12px;
+  margin-bottom: 1rem;
+  overflow: hidden;
+  background: #fff;
+  transition: box-shadow 0.2s ease;
+}
+
+.accordion:hover {
+  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
 }
 
 .accordion-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 1rem;
-  font-size: 1.1rem;
+  gap: 0.75rem;
+  padding: 1rem 1.25rem;
+  font-size: 1.05rem;
+  font-weight: 600;
   width: 100%;
-  font-weight: bold;
   text-align: left;
+  background: #f8f9fa;
+  border: none;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.accordion-header:hover {
+  background: #f1f3f5;
+}
+
+.accordion-title {
+  flex: 1;
+  display: block;
 }
 
 .accordion-icon {
-  width: 0.78em;
-  height: 0.78em;
+  width: 0.85em;
+  height: 0.85em;
   transform: rotate(-90deg);
-  transition: transform 0.2s ease;
+  transition: transform 0.25s ease;
+  opacity: 0.7;
+}
+
+.accordion.active .accordion-icon {
+  transform: rotate(0deg);
+  opacity: 1;
 }
 
 .accordion-content {
   max-height: 0;
   overflow: hidden;
-  padding: 0 1rem;
-}
-
-.accordion.active .accordion-icon {
-  transform: rotate(0deg);
+  padding: 0 1.25rem;
+  background: white;
+  
+  transition: max-height 0.25s ease, padding 0.25s ease;
 }
 
 .accordion.active .accordion-content {
-  max-height: max-content;
+  padding: 1rem 1.25rem;
+  max-height: 500px;
+}
+
+.accordion-content p,
+.accordion-content ul,
+.accordion-content li {
+  margin: 0.5rem 0;
 }
 
 .pricing-table {