grand commit

app/globals.css

@@ -1,3 +1,5 @@
+@import "@/components/pages/product/embla.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -120,6 +122,13 @@ body {
     @apply sm:w-5/12 md:w-7/12 xl:w-8/12 flex-1 sm:flex-auto sm:pl-4 md:pl-7 xl:pl-9
   }
 
+  .bw-product-col-left{
+    @apply flex-1 sm:w-5/12 sm:flex-auto sm:pl-4 md:w-7/12 md:pl-7 xl:w-auto xl:pl-9
+  }
+  .bw-product-col-right{
+    @apply flex-1 sm:w-7/12 md:w-5/12 lg:flex-col xl:w-[360px] xl:flex-none
+  }
+
   .bw-header-col-left {
     @apply w-[9/12] flex-auto
   }
@@ -221,8 +230,10 @@ body {
   font-size: 1rem !important;
   line-height: 1.45 !important;
   color: rgb(40, 26, 76) !important;
-
+  background: transparent !important;
+  text-align: left !important;
 }
+
 .bw-product__text {
   h2 * {
     font-weight: 700 !important;
@@ -234,5 +245,23 @@ body {
   input {
     @apply text-xl leading-none border-0 text-brand-violet font-bold;
   }
-
+}
+
+.bw-cart-btn.lucide {
+    @apply text-brand-violet;
+    width: 32px;
+    height: 32px;
+    &:hover {
+      @apply drop-shadow-lg shadow-brand-violet-400;
+    }
+  }
+
+.bw-card-footer {
+  background: #f2f5fa !important;
+}
+
+.bw-cart-wrapper {
+  .col{
+    flex: 1;
+  }
 }