From a6271e03d3207657dc0718e5102b5ce7204aa03e Mon Sep 17 00:00:00 2001
From: Yaroslav <rakshayaroslav37@gmail.com>
Date: Mon, 28 Oct 2024 13:05:18 +0200
Subject: [PATCH 1/3] Recommendation styles update

---
 assets/findify-recommendation.css | 107 +++++++-----------------------
 1 file changed, 24 insertions(+), 83 deletions(-)

diff --git a/assets/findify-recommendation.css b/assets/findify-recommendation.css
index 4c5dd27..31e6f27 100644
--- a/assets/findify-recommendation.css
+++ b/assets/findify-recommendation.css
@@ -1,101 +1,52 @@
-.swiper-wrapper {
-  margin-left: auto;
-  margin-right: auto;
-  position: relative;
-  list-style: none;
-  padding: 0;
-  z-index: 1;
+.findify-recommendation-container .swiper-wrapper {
   padding-bottom: 30px;
 }
 
-.swiper-container-vertical > .swiper-wrapper {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.swiper-container-android .swiper-slide,
-.swiper-wrapper {
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
-}
-
-.swiper-container-free-mode > .swiper-wrapper {
-  -webkit-transition-timing-function: ease-out;
-  transition-timing-function: ease-out;
-  margin: 0 auto;
-}
-
-.swiper-wrapper .swiper-slide {
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  width: 100%;
-  height: auto;
-  position: relative;
-  -webkit-transition-property: -webkit-transform;
-  transition-property: -webkit-transform;
-  transition-property: transform;
-  transition-property: transform, -webkit-transform;
-}
-
-.swiper-slide-invisible-blank {
-  visibility: hidden;
-}
-
-.swiper-button-disabled {
-  display: none !important;
-}
-
-.swiper-button-prev,
-.swiper-button-next {
+.findify-recommendation-container .swiper-button-prev,
+.findify-recommendation-container .swiper-button-next {
   position: absolute;
-  top: 0;
   bottom: 0;
-  z-index: 10;
+  z-index: 1;
   cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex !important;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
+  display: flex;
   align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  padding: 0 10px;
-  background: transparent;
+  background-color: var(--findify-cta-background-accent);
   border: none;
-  height: 100%;
   top: calc(50% - 50px) !important;
-  color: var(--color-black);
+  padding: 10px 20px;
+  color: var(--findify-text-inverse-color);
+  outline: none;
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+}
+
+/* 
+.findify-recommendation-container .swiper-button-disabled {
+  display: none;
 }
+*/
 
-.swiper-button-prev {
+.findify-recommendation-container .swiper-button-prev {
   left: 0;
   right: auto;
-  outline: none;
-  left: 0px;
 }
 
-.swiper-button-next {
+.findify-recommendation-container .swiper-button-next {
   right: 0;
   left: auto;
-  outline: none;
-  right: 0px;
 }
 
-.swiper-pagination-bullets.swiper-pagination-horizontal {
-  bottom: 0;
-  top: auto;
-  left: 0;
+/* 
+.findify-recommendation-container .swiper-pagination-bullets.swiper-pagination-horizontal {
   width: 100%;
   z-index: 9;
 }
+*/
 
-.swiper {
+.findify-recommendation-container .swiper {
   width: 100%;
-  margin: 30px 0;
 }
 
 .findify-recommendation-container {
@@ -114,16 +65,6 @@
   white-space: nowrap;
 }
 
-.swiper-button-next,
-.swiper-button-prev {
-  background-color: var(--findify-cta-background-accent);
-  border-radius: 50%;
-  padding: 10px 20px;
-  color: var(--findify-text-inverse-color);
-  width: 38px !important;
-  height: 38px !important;
-}
-
 .swiper-button-next:after,
 .swiper-button-prev:after {
   color: var(--findify-text-inverse-color);

From 22c04fb7f8a94135fdba6d0eb12620266b89f911 Mon Sep 17 00:00:00 2001
From: Yaroslav <rakshayaroslav37@gmail.com>
Date: Mon, 28 Oct 2024 13:29:38 +0200
Subject: [PATCH 2/3] max-width fix

---
 assets/findify-product-swatches.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/findify-product-swatches.css b/assets/findify-product-swatches.css
index 7616e91..47f0862 100644
--- a/assets/findify-product-swatches.css
+++ b/assets/findify-product-swatches.css
@@ -146,7 +146,7 @@
   justify-content: start;
   display: flex;
   align-items: center;
-  max-width: 0;
+  max-width: 100%;
   overflow: hidden;
 }
 

From b869135820dc775e8b2bb1c49dcd3bb59d6e3a7d Mon Sep 17 00:00:00 2001
From: Yaroslav <rakshayaroslav37@gmail.com>
Date: Mon, 28 Oct 2024 13:33:59 +0200
Subject: [PATCH 3/3] overflow fix

---
 assets/findify-product-swatches.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/assets/findify-product-swatches.css b/assets/findify-product-swatches.css
index 47f0862..8aa1683 100644
--- a/assets/findify-product-swatches.css
+++ b/assets/findify-product-swatches.css
@@ -147,7 +147,6 @@
   display: flex;
   align-items: center;
   max-width: 100%;
-  overflow: hidden;
 }
 
 .findify-color-swatches-inner[data-disabled="true"] .findify-next-swatch,