update

assets/css/style16eb.css

@@ -19421,7 +19421,7 @@ only screen and (min-width: 768px) and (max-width: 991px) {
   top: -15px;
   width: 32px;
   height: 32px;
-  background: var(--color-white);
+  /* background: var(--color-white); */
   font-size: 16px;
   line-height: 30px;
   border: 0;
@@ -19432,6 +19432,49 @@ only screen and (min-width: 768px) and (max-width: 991px) {
   z-index: 3;
 }
 
+.tmp-lookbook-content-box-wrapper {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.tmp-lookbook-content-box-wrapper.is-hidden {
+  opacity: 0;
+  transform: translateY(8px);
+  pointer-events: none;
+}
+
+
+.timeline-marquee-wrapper {
+  overflow: hidden;
+  width: 100%;
+}
+
+.timeline-row {
+  display: flex;
+  gap: 30px;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  transform: translateX(0);
+}
+
+.timeline-row .col-lg-3 {
+  flex: 0 0 auto;
+     min-width: 250px;
+}
+
+.timeline-row .timeline-wrapper .content p.desc {
+  white-space: normal;
+  overflow-wrap: break-word;
+}
+@media (max-width: 768px) {
+    .timeline-row {
+        gap: 15px;
+    }
+    .timeline-row .col-lg-3 {
+        min-width: 180px; /* fits smaller screens */
+    }
+}
+
+
 .tmp-message-shape {
   position: absolute;
   background: var(--color-primary);