athena-x-ai-headless 2.2.12 → 2.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "athena-x-ai-headless",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "Athena X-AI Front-End Implementation",
   "main": "set/athena-x-ai.js",
   "files": [

package/set/df37e771-2fe6-4ef9-a0fd-ecd62e750525/athena/athena.css

@@ -581,33 +581,20 @@
     .athena-autocomplete{
         max-height: calc(100vh - 325px);
         position: absolute;
-        padding-left: 30px;
-        padding-right: 30px;
-        padding-top: 30px;
-        padding-bottom: 0px;
+        padding: 30px 30px 0;
         overflow-y: auto;
         top: 63px;
-        z-index: 9;
+        z-index: 1100;
         overflow-x: hidden;
         width: 100vw;
         margin-left: unset;
-        border: 1px solid #E6E6F0;
-        border-radius: 10px;
-        background: #FFFFFF;
         right: 0;
         max-width: 1500px;
-        border: 1px solid #ececec;
-        border-top: none;
+
+        background-color: #fff;
+        border: 1px solid #eee;
         border-radius: 0;
-        background-color: white;
-        /* padding: 0 10px; */
-        box-shadow: 0px 0px 10px #5050501A;
-        /* width: 1500px; */
-        background-color: #F6F6F6;
-        /* min-height: 530px; */
-        /* height: 100%; */
-        /* margin: 0 -10px; */
-        /* padding: 20px 0; */
+        box-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .22);
     }
     .production-search .athena-autocomplete{
         width: 100%;
@@ -616,8 +603,6 @@
     .athena-autocomplete img{
         max-width: 100%;
         height: auto;
-        box-shadow: 0px 4px 9px #0000001A;
-        border: 1px solid #eeeeee;
     }
     .athena-autocomplete__section-banner-top img,
     .athena-autocomplete__section-banner-bottom img{
@@ -727,13 +712,12 @@
     .athena-autocomplete__left-container .athena-autocomplete__link.athena-autocomplete__link-section_a{
         margin-bottom: 10px;
     }
+
     /* Right Section */
     .athena-autocomplete__right-container{
         width: calc(100% - 280px);
         text-align: left;
-        background: #ffffff;
-        padding: 10px 15px;
-        /* margin: -30px -30px 20px; */
+        background: #FFFFFF;
     }
 
     .athena-autocomplete__right-container:empty {
@@ -752,13 +736,12 @@
     .athena-autocomplete__container-product{
         display: flex;
         flex-wrap: wrap;
-        column-gap: 15px;
-        row-gap: 25px;
+        gap: 30px;
     }
     .athena-product-item{
-        width: calc(25% - 11.5px);
         position: relative;
         text-decoration: none;
+        width: calc(25% - 22.5px);
     }
     .athena-autocomplete__discount-div{
         position: absolute;
@@ -772,14 +755,12 @@
         padding: 6px 10px;
     }
     .athena-autocomplete__image-product{
-        border: 1px solid #f5f5f5;
-        /* aspect-ratio: 450 / 600; */
         object-fit: contain;
         width: 100%;
+        aspect-ratio: 225/225;
+        max-height: 225px;
     }
-    .athena-autocomplete__name-product{
-        font-size: 16px;
-        font-weight: 500;
+    .athena-autocomplete__name-product {
         margin-bottom: 3px;
         overflow: hidden;
         display: -webkit-box;
@@ -790,7 +771,6 @@
         font-weight: 600;
         text-decoration: none;
         text-overflow: ellipsis;
-        overflow: hidden;
         white-space: nowrap;
         margin-top: 10px;
         -webkit-line-clamp: 2;
@@ -1265,11 +1245,10 @@
     .athena-input-element-filters{
         border: 1px solid #E6E6F0;
         border-radius: 5px;
-        width: 100%;
+        width: 85%;
         margin-bottom: 10px;
         height: 32px;
-        padding: 5px;
-        padding-left: 30px;
+        padding: 5px 5px 5px 30px;
     }
     .athena-input-element-filters::placeholder{
         font-size: 14px;
@@ -1336,8 +1315,6 @@
         display: none;
     }
     .athena-autocomplete__header#products{
-        padding-left: 25px;
-        padding-right: 25px;
         display: flex;
         flex-wrap: wrap;
         margin-bottom: 15px;
@@ -1381,6 +1358,7 @@
     }
     .athena-autocomplete-view-all button{
         text-decoration: underline;
+        background: none;
         font-size: 16px;
         border: none;
     }
@@ -1391,13 +1369,9 @@
         opacity: 0.5;
     }
     .autocomplete-l3__content .autocomplete-l3__product-container{
-        display: flex;
-        flex-wrap: wrap;
-        flex-wrap: wrap;
-        column-gap: 15px;
-        row-gap: 25px;
-        padding-left: 25px;
-        padding-right: 25px;
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 30px;
     }
     .autocomplete-l3__content.athena-custom-width-no-right-sidebar .autocomplete-l3__product-container{
         padding-right: 0;
@@ -1410,7 +1384,7 @@
         padding-right: 0;
     }
     .autocomplete-l3__product-container .athena-product-item{
-        width: calc(25% - 11.5px);
+        width: 100%;
         position: relative;
     }
     .autocomplete-l3__product-container .athena-autocomplete__name{
@@ -2016,30 +1990,15 @@
     .athena-cutoff__button{
         display: none;
         cursor: pointer;
-        font-size: 14px;
         font-weight: 500;
         opacity: 0.5;
-        /* color: #111010; */
         font-size: 13px;
-        /* line-height: 12px; */
-        /* display: block; */
-        /* font-weight: 600; */
     }
     .no-more-products{
         text-align: center;
         margin-bottom: 20px;
         margin-top: 20px;
     }
-    .background-overlay{
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        background: #000000;
-        opacity: 0.3;
-        z-index: 3;
-    }
     .athena-spinner-search{
         position: fixed;
         top: 0;
@@ -2211,16 +2170,8 @@
 }
 
 /*==================
-    Responsive
-    ==================*/
-
-@media (min-width: 1200px) {
-    .page-wrapper:has(.searchareaOverlay) {
-        .athena-autocomplete__right-container {
-            margin: -30px -30px 20px;
-        }
-    }
-}
+Responsive
+==================*/
 
 @media only screen and (max-width: 1640px){
 
@@ -2247,7 +2198,10 @@
             max-width: 900px;
         }
         .autocomplete-l3__product-container .athena-product-item{
-            width: calc(50% - 7.5px);
+            width: 100%;
+        }
+        .autocomplete-l3__content .autocomplete-l3__product-container {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
         }
         .athena-product-item{
             width: calc(50% - 7.5px);
@@ -2315,7 +2269,7 @@
             padding-right: 0 !important;
         }
         .autocomplete-l3__product-container .athena-product-item{
-            width: calc(25% - 11.5px);
+            width: 100%;
         }
         .autocomplete-l3__product-container .athena-autocomplete__name,
         .athena-product-item .athena-price-container .athena-price,
@@ -2352,6 +2306,9 @@
 }
 @media only screen and (max-width: 768px){
     .page-wrapper:has(.searchareaOverlay) {
+        .autocomplete-l3__content .autocomplete-l3__product-container {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
         .athena-search-suggestion__text {
             font-size: 16px;
         }
@@ -2498,9 +2455,6 @@
             padding-left: 10px;
             padding-right: 10px;
         }
-        .autocomplete-l3__product-container .athena-product-item {
-            width: calc(50% - 7.5px);
-        }
         .show-search-tabs > div{
             min-width: 80px;
             padding-top: 7px;
@@ -4401,7 +4355,7 @@ span.cropper-line.line-s{
 @media (max-width: 600px) {
     .classic-theme .athena-product-item {
         width: calc(100% - 13.5px);
-    } 
+    }
 }
 
 @media(min-width: 400px) and (max-width: 768px) {
@@ -4539,7 +4493,7 @@ span.cropper-line.line-s{
 .modern-theme .athena-autocomplete__name {
     font: normal normal 300 14px/22px Poppins;
     color: var(--modern-theme-dark-inner-text);
-    text-transform: uppercase; 
+    text-transform: uppercase;
 }
 
 .modern-theme .autocomplete-l3__ajax-add {
@@ -4614,7 +4568,7 @@ span.cropper-line.line-s{
     text-align: left;
 }
 
-.modern-theme .autocomplete-l3__left_sidebar, 
+.modern-theme .autocomplete-l3__left_sidebar,
 .modern-theme .autocomplete-l3__right_sidebar {
     border-right: none;
     width: calc(30% - 32px);