/** Shopify CDN: Minification failed

Line 770:2 Unexpected "/"
Line 1215:4 Expected "{" but found end of file

**/
/* .sparq-container.--list-view .sparq-thumbnail-wrap {
  width: 200px;
} */
.sparq-container.--list-view .sparq-bottom-step {
  display: block;
}
.sq-swatch:hover {
    border-bottom: 2px solid #cc0000 !Important;
    
}
.sparq-container.--list-view .sparq-card .sq-cart-btn.sq-cart-loading {
  visibility: visible;
}
.sparq-container.--list-view .sparq-card .sq-cart-btn .sq-cart-atc {
  font-size: calc(var(--body-font-size) * 0.1rem);
}
.sparq-container.--list-view .sparq-bottom {
  margin: 0px;
}
.sparq-container.--list-view .sparq-card {
  gap: 20px;
}
.collection-banner__content .font-heading {
  display: none;
}
.sq-price-slider[data-v-5cb3c955] {
  width: 100%;
}
.sq-price-slider input.sq-input-min[data-v-5cb3c955],
input.sq-input-max[data-v-5cb3c955] {
  width: 100%;
}
.sq-app .vue-slider-dot {
  background-color: white;
  box-shadow: 0px 0px 4px -2px black;
  border-radius: 50%;
}
.sq-app .sq-filter-group-price .vue-slider-dot .vue-slider-dot-handle {
  display: none !important;
}
.sq-filter-dropdown .sq-dropdown-body[style*="max-height: 300px"] {
  /* padding-right:0px; */
}
.sq-color-swatch {
  margin-left: 0px;
  border: 1px solid black;
    border-radius: 5px;
    padding: 2px;
}
/******************************************************** SQ PILL CSS START  **************************************************************/
label.sq-filter-value.sq-pill span.sq-cb,
label.sq-filter-value.sq-pill span.sq-filter-value-count {
  display: none;
}
label.sq-filter-value.sq-pill {
  padding: 0px;
  overflow: hidden;
  align-content: center;
  border: 1px solid #23263b;
  color: #141414;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 11px;
  height: 50px;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  height: 32px;
  width: 100%;
}
.sq-filter:has(.sq-pill) {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  width: 240px;
}
.sq-filter:has(.sq-pill) .sq-filter-item {
  width: calc(20% - 8px);
  padding: 0px;
  margin-bottom: 10px;
  max-width: 34px;
}
label.sq-filter-value.sq-pill.sq-active {
  background-color: #141414;
  color: white;
}
.sparq-card .product-label{
  position:unset;
  justify-content:end;
}
.sparq-container.--list-view .sparq-card .product-label{
  position:absolute;
  right:unset;
  top:5px;
}
#shopify-section-template--17255514407073__sparqAppBlock{
  margin-top:-50px;
}
#shopify-section-template--17255514308769__sparqAppBlock{
  margin-top:0px;
}
#shopify-block-AcTYzZFErMThUVGVVd__sparqAppBlock{
  margin-top:-40px;
}
.sq-filter-main{
      position: sticky;
    top: 135px;
    z-index: 9;
    background: white;
  transition:0.4s;
}
main.is-out .sq-filter-main{
  top: 96px;
}
@media only screen and (max-width: 767px) {
  .sq-right-elements{
    justify-content:space-between;
    /* width:100%; */
  }
  .sq-filter:has(.sq-pill) .sq-filter-item {
    max-width: 100%;
  }
  .sparq-mobile-filter{
    position: sticky;
    top: 140px;
  }
}
/******************************************************** SQ PILL CSS START  **************************************************************/
.sq-filter-group-tags_size_2snttt5zpoq7wdhqn8g37wqq
  .sq-filter-dropdown
  .sq-dropdown-body[style*="max-height: 300px"] {
  padding-right: 15px;
}
.sq-filter-dropdown .sq-dropdown-body>.sq-filter{
  margin:20px 0px;
}

/************************
********************
************
Color Swatch Multiple Color Start  **************
***********
***************
**********************/

span.sq-filter-color-swatch-item.sq_color_Brown {
  background: conic-gradient(
    #b67c84 0% 25%,
    #6a6c55 0% 50%,
    #795841 0% 75%,
    #a18d78 0% 100%
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Grey {
  background: conic-gradient(
    #f5f5f5 0% 12.5%,
    /* White Smoke */ #d3d3d3 0% 25%,
    /* Light Gray */ #bebebe 0% 37.5%,
    /* Gray X11 */ #a9a9a9 0% 50%,
    /* Dark Gray */ #808080 0% 62.5%,
    /* Standard Gray */ #696969 0% 75%,
    /* Dim Gray */ #505050 0% 87.5%,
    /* Charcoal */ #2f4f4f 0% 100% /* Dark Slate Gray */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Blue {
  background: conic-gradient(
    #e6f0fa 0% 12.5%,
    /* Alice Blue */ #add8e6 0% 25%,
    /* Light Blue */ #87ceeb 0% 37.5%,
    /* Sky Blue */ #6495ed 0% 50%,
    /* Cornflower Blue */ #4682b4 0% 62.5%,
    /* Steel Blue */ #4169e1 0% 75%,
    /* Royal Blue */ #0000ff 0% 87.5%,
    /* Blue */ #00008b 0% 100% /* Dark Blue */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Green {
  background: conic-gradient(
    #f0fff0 0% 12.5%,
    /* Honeydew */ #98fb98 0% 25%,
    /* Pale Green */ #90ee90 0% 37.5%,
    /* Light Green */ #32cd32 0% 50%,
    /* Lime Green */ #228b22 0% 62.5%,
    /* Forest Green */ #006400 0% 75%,
    /* Dark Green */ #2e8b57 0% 87.5%,
    /* Sea Green */ #008000 0% 100% /* Green */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Red {
  background: conic-gradient(
    #ffe4e1 0% 12.5%,
    /* Misty Rose */ #ffb6c1 0% 25%,
    /* Light Pink */ #ff7f7f 0% 37.5%,
    /* Salmon */ #ff6347 0% 50%,
    /* Tomato */ #ff4500 0% 62.5%,
    /* Orange Red */ #dc143c 0% 75%,
    /* Crimson */ #b22222 0% 87.5%,
    /* Fire Brick */ #8b0000 0% 100% /* Dark Red */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Orange {
  background: conic-gradient(
    #fff5e1 0% 12.5%,
    /* Peach Puff */ #ffdab9 0% 25%,
    /* Light Peach */ #ffcba4 0% 37.5%,
    /* Deep Peach */ #ffa07a 0% 50%,
    /* Light Salmon */ #ff8c00 0% 62.5%,
    /* Dark Orange */ #ff7f50 0% 75%,
    /* Coral */ #ff6347 0% 87.5%,
    /* Tomato */ #ff4500 0% 100% /* Orange Red */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Pink {
  background: conic-gradient(
    #fff0f5 0% 12.5%,
    /* Lavender Blush */ #ffd1dc 0% 25%,
    /* Pastel Pink */ #ffb6c1 0% 37.5%,
    /* Light Pink */ #ff69b4 0% 50%,
    /* Hot Pink */ #ff1493 0% 62.5%,
    /* Deep Pink */ #db7093 0% 75%,
    /* Pale Violet Red */ #c71585 0% 87.5%,
    /* Medium Violet Red */ #8b008b 0% 100% /* Dark Magenta */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Olive {
  background: conic-gradient(
    #fafad2 0% 12.5%,
    /* Light Goldenrod Yellow */ #e9f4c9 0% 25%,
    /* Pale Olive Green */ #d4e157 0% 37.5%,
    /* Lime Green Olive */ #bdb76b 0% 50%,
    /* Dark Khaki Olive */ #9acd32 0% 62.5%,
    /* Yellow Green Olive */ #808000 0% 75%,
    /* Olive */ #6b8e23 0% 87.5%,
    /* Olive Drab */ #556b2f 0% 100% /* Dark Olive Green */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Purple {
  background: conic-gradient(
    #e6e6fa 0% 12.5%,
    /* Lavender */ #d8bfd8 0% 25%,
    /* Thistle */ #dda0dd 0% 37.5%,
    /* Plum */ #da70d6 0% 50%,
    /* Orchid */ #ba55d3 0% 62.5%,
    /* Medium Orchid */ #9932cc 0% 75%,
    /* Dark Orchid */ #800080 0% 87.5%,
    /* Purple */ #4b0082 0% 100% /* Indigo */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Tan {
  background: conic-gradient(
    #faebd7 0% 12.5%,
    /* Antique White */ #ffe4b5 0% 25%,
    /* Moccasin */ #ffdab9 0% 37.5%,
    /* Peach Puff */ #f5deb3 0% 50%,
    /* Wheat */ #d2b48c 0% 62.5%,
    /* Tan */ #c5a88a 0% 75%,
    /* Desert Sand */ #a0522d 0% 87.5%,
    /* Sienna */ #8b4513 0% 100% /* Saddle Brown */
  ) !important;
}
span.sq-filter-color-swatch-item.sq_color_Gold {
  background: conic-gradient(
    #fff8dc 0% 12.5%,
    /* Cornsilk */ #ffebcd 0% 25%,
    /* Blanched Almond */ #ffd700 0% 37.5%,
    /* Gold */ #ffc107 0% 50%,
    /* Amber */ #ffb400 0% 62.5%,
    /* Goldenrod */ #daa520 0% 75%,
    /* Dark Goldenrod */ #b8860b 0% 87.5%,
    /* Bronze Gold */ #8b7500 0% 100% /* Deep Gold */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Cyan {
  background: conic-gradient(
    #e0ffff 0% 12.5%,
    /* Light Cyan */ #afeeee 0% 25%,
    /* Pale Turquoise */ #40e0d0 0% 37.5%,
    /* Turquoise */ #48d1cc 0% 50%,
    /* Medium Turquoise */ #00ced1 0% 62.5%,
    /* Dark Turquoise */ #20b2aa 0% 75%,
    /* Light Sea Green */ #008b8b 0% 87.5%,
    /* Dark Cyan */ #006666 0% 100% /* Deep Cyan */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Bronze {
  background: conic-gradient(
    #f5f5dc 0% 12.5%,
    /* Beige */ #eedd82 0% 25%,
    /* Pale Goldenrod */ #daa520 0% 37.5%,
    /* Goldenrod */ #b8860b 0% 50%,
    /* Dark Goldenrod */ #cd7f32 0% 62.5%,
    /* Bronze */ #8b4513 0% 75%,
    /* Saddle Brown */ #a0522d 0% 87.5%,
    /* Sienna */ #5c4033 0% 100% /* Dark Bronze */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Teal {
  background: conic-gradient(
    #e0ffff 0% 12.5%,
    /* Light Cyan */ #afeeee 0% 25%,
    /* Pale Turquoise */ #40e0d0 0% 37.5%,
    /* Turquoise */ #48d1cc 0% 50%,
    /* Medium Turquoise */ #20b2aa 0% 62.5%,
    /* Light Sea Green */ #008080 0% 75%,
    /* Teal */ #00796b 0% 87.5%,
    /* Deep Teal */ #004c4c 0% 100% /* Dark Teal */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Maroon {
  background: conic-gradient(
    #ffe4e1 0% 12.5%,
    /* Misty Rose */ #f08080 0% 25%,
    /* Light Coral */ #cd5c5c 0% 37.5%,
    /* Indian Red */ #dc143c 0% 50%,
    /* Crimson */ #b22222 0% 62.5%,
    /* Firebrick */ #800000 0% 75%,
    /* Maroon */ #8b0000 0% 87.5%,
    /* Dark Red */ #4b0000 0% 100% /* Deep Maroon */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Yellow {
  background: conic-gradient(
    #ffffe0 0% 12.5%,
    /* Light Yellow */ #fffacd 0% 25%,
    /* Lemon Chiffon */ #fafad2 0% 37.5%,
    /* Light Goldenrod Yellow */ #ffefd5 0% 50%,
    /* Papaya Whip */ #ffd700 0% 62.5%,
    /* Gold */ #ffc107 0% 75%,
    /* Amber */ #ffb400 0% 87.5%,
    /* Yellow Orange */ #ffaa00 0% 100% /* Deep Yellow */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Peach_Puff {
  background: conic-gradient(
    #fff5ee 0% 12.5%,
    /* Seashell */ #ffe4b5 0% 25%,
    /* Moccasin */ #ffdab9 0% 37.5%,
    /* Peach Puff */ #ffe4c4 0% 50%,
    /* Bisque */ #ffcba4 0% 62.5%,
    /* Deep Peach */ #ffa07a 0% 75%,
    /* Light Salmon */ #ff7f50 0% 87.5%,
    /* Coral */ #ff6347 0% 100% /* Tomato */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Lime {
  background: conic-gradient(
    #f0fff0 0% 12.5%,
    /* Honeydew */ #ccffcc 0% 25%,
    /* Light Lime */ #99ff99 0% 37.5%,
    /* Pale Lime */ #66ff66 0% 50%,
    /* Lime Green */ #32cd32 0% 62.5%,
    /* Standard Lime */ #228b22 0% 75%,
    /* Forest Lime */ #006400 0% 87.5%,
    /* Dark Lime */ #004d00 0% 100% /* Deep Lime */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Magenta {
  background: conic-gradient(
    #ffe4e1 0% 12.5%,
    /* Misty Rose */ #ffb6c1 0% 25%,
    /* Light Pink */ #ff69b4 0% 37.5%,
    /* Hot Pink */ #ff1493 0% 50%,
    /* Deep Pink */ #ff00ff 0% 62.5%,
    /* Magenta */ #da70d6 0% 75%,
    /* Orchid */ #9932cc 0% 87.5%,
    /* Dark Magenta */ #800080 0% 100% /* Purple */
  ) !important;
}

span.sq-filter-color-swatch-item.sq_color_Silver {
  background: conic-gradient(
    #f5f5f5 0% 12.5%,
    /* White Smoke */ #e0e0e0 0% 25%,
    /* Light Silver */ #cccccc 0% 37.5%,
    /* Silver X11 */ #b3b3b3 0% 50%,
    /* Mid Silver */ #a9a9a9 0% 62.5%,
    /* Dark Silver */ #808080 0% 75%,
    /* Gray Silver */ #696969 0% 87.5%,
    /* Dim Silver */ #505050 0% 100% /* Deep Silver */
  ) !important;
}
span.sq-filter-color-swatch-item.sq_color_Navy_Blue {
  background: conic-gradient(
    #e6f0fa 0% 12.5%,
    /* Alice Blue */ #b0c4de 0% 25%,
    /* Light Steel Blue */ #87cefa 0% 37.5%,
    /* Light Sky Blue */ #4682b4 0% 50%,
    /* Steel Blue */ #4169e1 0% 62.5%,
    /* Royal Blue */ #0000cd 0% 75%,
    /* Medium Blue */ #00008b 0% 87.5%,
    /* Dark Blue */ #000080 0% 100% /* Navy Blue */
  ) !important;
}

/**************************
********************
********** Color Swatch Multiple Color Start  **
********************************
****************************/

/**************************
********************
**********Toggle Button Start
********************************
****************************/

/* Container for the toggle button */
.toggle-container {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
}

/* The hidden checkbox input */
.toggle-input {
  display: none;
}

/* Label acts as the toggle track */
.toggle-label {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
}

/* Circle inside the toggle */
.toggle-circle {
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: white;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  transition: transform 0.3s;
}

/* Change background and move circle when checked */
.toggle-input:checked + .toggle-label {
  background-color: #FF0606;
}

.toggle-input:checked + .toggle-label .toggle-circle {
  transform: translateX(25px);
}
.sq-photochromic {
  margin-right: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}
/**************************
********************
**********Toggle Button End
********************************
****************************/
.sq-filter-color-swatch-item.sq_color_White{
  border:solid 2px gray;
}

.sq-filter-group-tags_size_2snttt5zpoq7wdhqn8g37wqq .sq-filter-dropdown .sq-dropdown-body[style*="max-height: 300px"],.sq-filter-group-tags_temple_length_8vrav9hc6vq1h9scflmz7iyf .sq-filter-dropdown .sq-dropdown-body[style*="max-height: 300px"]{
  max-height:max-content !important;
}
.sq-price-slider .vue-slider-process{
  background-color:#ff3333;
}
.sq-app.rename_color_tab .sq-filter-title-ey7hqcikn69r2jm1eu9ut8z8,.sq-app.rename_color_tab .sq_color-filter .sq-accordion-header{
  font-size:0;
}
.sq-app.rename_color_tab .sq-filter-title-ey7hqcikn69r2jm1eu9ut8z8::before{
    content: "Frame Color";
    font-size: calc(var(--body-font-size) * .1rem) !important;
    /* transform: translateX(10px); */
}
.sq-app.rename_color_tab .sq_color-filter .sq-accordion-header::before{
  content: "Frame Color";
    font-size: 16px;
  height: 23px;
    transform: translateY(10px);
}
.sq-app{
  margin-bottom:40px;
}
.sq-app.search-page{
  margin-bottom:60px;
}


/* Edit Shape filter  */
.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-dropdown-body .sq-filter,.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-accordion-body .sq-filter{
   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-cb,.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-filter-value-count{
  display:none;
}
.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-filter-value.sq-multi-select{
  /* font-size:0px; */
  flex-direction:column;
      border: solid 1px lightgray;
    padding: 10px;
  text-align:center;
}
.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-filter-value.sq-multi-select:before{
  content:"";
  background-size:100%;
  height:30px;
  width:100%;
  background-repeat:no-repeat;
}

.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-filter-value.sq-multi-select.sq-active:after{
      content: "";
    background-color: #80808020;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.sq-filter-group-tags_shape_mw62pel73l58fnp41pzocuwp .sq-filter-dropdown .sq-dropdown-body[style*="max-height: 300px"]{
  max-width:500px;
  max-height:max-content !important;
}
.sq-filter-value.sq-multi-select.aviator:before  {
  background-image: url("/cdn/shop/files/aviator.png");
}

.sq-filter-value.sq-multi-select.browline:before  {
  background-image: url("/cdn/shop/files/browline.png");
}

.sq-filter-value.sq-multi-select.butterfly:before  {
  background-image: url("/cdn/shop/files/butterfly.png");
}
.sq-filter-value.sq-multi-select.cat_eye:before  {
  background-image: url("/cdn/shop/files/cateye.png");
}

.sq-filter-value.sq-multi-select.geometric:before  {
  background-image: url("/cdn/shop/files/geometric.png");
}

.sq-filter-value.sq-multi-select.oval:before  {
  background-image: url("/cdn/shop/files/oval.png");
}

.sq-filter-value.sq-multi-select.oversized:before  {
  background-image: url("/cdn/shop/files/oversized.png");
}

.sq-filter-value.sq-multi-select.rectangle:before  {
  background-image: url("/cdn/shop/files/rectangle.png");
}

.sq-filter-value.sq-multi-select.round:before  {
  background-image: url("/cdn/shop/files/round.png");
}

.sq-filter-value.sq-multi-select.shield:before  {
  background-image: url("/cdn/shop/files/shield.png");
}

.sq-filter-value.sq-multi-select.square:before  {
  background-image: url("/cdn/shop/files/square.png");
}

.sq-filter-value.sq-multi-select.wayfarer:before  {
  background-image: url("/cdn/shop/files/wayfarer.png");
}

/* Ensure both images are stacked on top of each other */
.sparq-thumbnail-wrap .sq-sy-image {
  position: relative;
  width: 100% !important;  /* Adjust as needed */
  height: 100% !important; /* Adjust as needed */
}

/* Hide the alternative image by default */
.sparq-thumbnail-wrap .sq-sy-image .alternative {
  position: absolute;
  opacity: 0; /* Hidden initially */
  transition: opacity 0.5s ease-in-out; /* Fade effect */
}

/* Show the alternative image on hover and fade in */
.sparq-thumbnail-wrap .sq-sy-image:hover .alternative {
  opacity: 1; /* Make alternative image visible */
}

/* Optional: you can also control the primary image opacity if needed */
.sparq-thumbnail-wrap .sq-sy-image:hover link+.primary {
  opacity: 0; /* Hide the primary image when hovered */
}

.sparq-dropdown {
    display: none;
}
.sq-container-dropdown.sparq-dropdown{
	display: none !important;
}
.sq-container-dropdown.sparq-dropdown:has(.sq-opened){
	display: flex !important;
}

ul.sq-app.dropdown-list.app2-dropdown .search-product-card .sq-results-item {
    border-bottom: unset !Important;
}
.sq-dropdown.search-product-card {
    border-bottom: unset;
}
.sq-dropdown-body .sq-head{
  border-bottom: 1px solid #ccc;
  text-transform: capitalize;
}
a.sq-dropdown-text {
    color: #000;
    font-size: 14px;
}
.sq-container-dropdown {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #ccc; /* Border for separation */
  background-color: #fff; /* Background color */
}

/* Left side for Collections and Pages */
.sq-app2-dropdown {
  flex: 1; /* Take up equal space */
  margin-right: 20px; /* Margin to separate from the product list */
      width: 180px;
    max-width: 180px;
}
.sq-app1-dropdown .sq-dropdown.search-product-card{
  width:100% !important;
}
.sq-app2-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sq-app2-dropdown li {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
}

/* Right side for Products */
.sq-app1-dropdown .sq-dropdown-body{
  width:100%;
  max-width:100%;
}
.sq-app1-dropdown {
  flex: 3; /* Take up more space compared to the left side */
  display: flex;
  flex-direction: column;
}

.sq-app1-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sq-app1-dropdown li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}

.search-product-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.result-img {
  margin-right: 10px;
}

.search-result {
  display: flex;
  align-items: center;
}

.search-bar__result-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
}

.sq-dropdown-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
}

.sq-dropdown-vendor {
  font-size: 12px;
  color: #888;
  margin: 5px 0;
}

/* Button Style */
.button.btn-blue {
  display: inline-block;
  padding: 2px 0px;
  background-color: #007bff;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 20px;
}

.button.btn-blue:hover {
  background-color: #0056b3;
}

.view-all-row {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: #fff; /* Optional: background color for visibility */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Optional: slight shadow for separation */
}


 */

.sparq-dropdown a:hover{
  color:#980065;
}
.sparq-dropdown{
  display: flex;
  position: fixed;
  z-index: 999;
  width: 40%;
    top: 142px;
    left: 53%;
  transform: translateX(-50%);
  flex-direction: column;
  background-color:white;
}
.sparq-dropdown:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 10%;
  top: -8px;
  box-shadow: -4px -4px 5px -2px lightgray;
}
.sparq-dropdown-flex {
  box-shadow: 0 0 5px lightgray;
  display: flex;
  flex-direction: row-reverse;
    /* min-height: 522px; */
    /* column-gap: 20px; */
    padding: 0 15px;
    height: 503px;
}
.sparq-dropdown .sq-dropdown-title{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* Number of lines to display */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Ensures text wraps within the box */
}
.sparq-dropdown .sq-app1-dropdown {
  flex: 0 0 70%;
}
.sparq-dropdown .sq-app2-dropdown {
  flex: 0 0 calc(30% - 20px);
}
.sparq-dropdown .dropdown-list {
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: block;
}
.sparq-dropdown .dropdown-list.app2-dropdown {
    height: 45%;
  
}
.sparq-dropdown .dropdown-list.app2-dropdown .sq-results-item{
  padding:5px 0;
  border-bottom: unset;
}
.sparq-dropdown .dropdown-list.app2-dropdown .sq-skeleton-image{
  display:none !important;
}
.sparq-dropdown .dropdown-list.app2-dropdown .sq-skeleton-loader{
  margin-bottom:5px !important;
}
.sparq-dropdown .dropdown-list.app2-dropdown .sq-skeleton-texts .sq-skeleton-line:nth-child(1),.sparq-dropdown .dropdown-list.app2-dropdown .sq-skeleton-texts .sq-skeleton-line:nth-child(2){
  display:none !important;
}
.sparq-dropdown .dropdown-list.app2-dropdown .sq-no-results{
    height: 200px;
      padding-top: 100px;
  
}
.sparq-dropdown .dropdown-list .sq-results-item {
  width: 100%;
  border-bottom: 1px solid #e1dada;
  /* padding: 5px 0; */
}
.sparq-dropdown .dropdown-list .search-result {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  /* height:72px; */
}
.sparq-dropdown ul.sq-app.dropdown-list.app1-dropdown .search-bar__result-item {
  display: flex;
  align-items: center;
  padding-left: 10px;
  width: 100%;
  text-decoration: none;
  height: 100%;
}
.sparq-dropdown ul.sq-app.dropdown-list.app1-dropdown .search-bar__result-item:hover{
  background-color:#d3d3d3;
}
.sparq-dropdown .dropdown-list .column.column-20.float-left.pl0.mb0.pr0 {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  gap:10px;
}
.sparq-dropdown .dropdown-list .result-img{
  height: 60px;
  width: 60px;
  align-content: center;
}
.sparq-dropdown .dropdown-list .sq-sy-image {
  background-color: #fff;
  height: 60px;
  width: 60px;
  position: relative;
  padding-top: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0px;
}
.sparq-dropdown  .dropdown-list img.primary.item-image {
  height: 60px !Important;
  width: 60px;
  border-radius: 3px;

  position: relative;
  background-color: #fff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%,0%);
}
.sparq-dropdown .dropdown-list h3.sq-dropdown-title {
  line-height: 120%;
  padding: 0;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 18px;
}
.sparq-dropdown .dropdown-list p.sq-dropdown-vendor {
  line-height: 120%;
  margin: 5px 0;
  color: #8f8f8f;
  font-size: 90%;
  font-weight: 500;
}
.sparq-dropdown .dropdown-list.app2-dropdown .title, .sparq-dropdown .dropdown-list.app1-dropdown .title {
  display: block;
  border-bottom: solid 1px lightgray;
  text-transform: uppercase;
  /* background: #efefef; */
    width: 100%;
    padding: 0 10px;
    z-index: 1;
    padding:5px 10px;
}
.sq-app1-dropdown .dropdown-list .sq-results{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  max-height: 450px;
  overflow: hidden;
  max-height: 482px;
  height: 100%;
}
.sq-dropdown.search-product-card{
  /* display: none; */
}
.sparq-dropdown .sq-price{
  color:black;
}
.sparq-dropdown .btn-wrapper{
  flex:1 1 100%;
}
.sparq-dropdown a.button.btn-blue{
      border: none;
    display: flex;
    width: 100%;
    text-align: center;
    height: 40px;
    background-color: #000;
    color: white;
    align-items: center;
    justify-content: center;
}
.sparq-dropdown .sq-no-results{
  text-align: center;
  padding-top: 200px;
  font-size: 15px;
  height: 400px;
  width: 100%;
}
.sparq-dropdown .app2-dropdown .sq-results{
  display: block;
}
.sparq-dropdown .app2-dropdown .sq-title{
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  padding:0 10px;
  font-size:13px;
}
.sparq-dropdown .app2-dropdown .sq-title a{
  text-decoration: none;
  color: black;
}
.sq-app1-dropdown .dropdown-list .sq-results{
  max-height: 485px;
}
.sparq-dropdown .app2-dropdown .sq-results{
  max-height: 160px;
  overflow: hidden;
}
/* DROPDOWN WITH COLLECTIONS CSS END */
.sq-dropdown-body {
    position: static !important;
    max-height: unset;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 0 0 transparent;
    border: none !important;
    opacity: 1 !important;
}
.sq-app .column.pl6.pr6 {
    background-color: #980065;
    width: 100%;
    text-align: center;
    padding: 0px;
}
.row.btn-wrapper {
    position: absolute;
    bottom: -11px;
    width: 100%;
    left: 0;
    height: 69px !important;
    z-index: 9;
}
.sq-app .column.pl6.pr6 {
    background-color: #980065;
    width: 100%;
    text-align: center;
    padding: 0px;
}
.sparq-dropdown ul.sq-app.dropdown-list.app2-dropdown .sq-no-results {
    text-align: center;
    padding-top: 20px;
    font-size: 12px;
    height: 110px;
    /* width: 50%; */
}
.sq-dropdown-body.sq-opened{
  max-height: 468px !important;
}
@media only screen and (max-width: 767px) {
    .sq-dropdown-body {
    right: 0;
    z-index: 999;
    left:0 !important;
    width: 100% !important;
    /* max-height: 100% !important; */
    height: calc(100% - 100px) !important;
    top: 90.203px !important;
  }
  .sparq-dropdown .dropdown-list.app2-dropdown{
    height:50%;
  }
  .sq-app2-dropdown{
    max-width:unset;
    width:250px;
  }
  .sparq-dropdown .dropdown-list h3.sq-dropdown-title{
    font-size: 12px;
  }
  .sparq-dropdown-flex{
        height: calc(100% - 59px);
        min-height: unset;
}
  .sq-dropdown-body {
    right: 0;
    z-index: 99999;
    width: 100% !important;
    height: calc(100% - 100px) !important;
    top: 143.203px!important;
  }
  .sparq-dropdown{
        width: 98%;
        left: 50%;
        top: 75px;
        height: calc(100% - 94px);

  }
  .sparq-dropdown .sq-app1-dropdown {
    flex: 0 0 403px;
  }
  .sparq-dropdown-flex {
    box-shadow: 0 -2px 4px #d3d3d3;
    flex-direction: column;
        max-height: calc(100% - 65px);
    overflow: auto;
    flex-wrap: nowrap;
  }
  .sparq-dropdown .sq-app2-dropdown{
    flex: 0 0 calc(100% - 540px);
    max-height: 244px;
  }
  .sparq-dropdown .sq-app2-dropdown .sq-dropdown-body{
    max-height: 102px !important;
  }

  .sparq-dropdown .dropdown-list.app2-dropdown .sq-results-item{
    padding:0;
  }
  .sparq-dropdown .app2-dropdown .sq-results{
    max-height: 160px;
  }
  .sparq-dropdown ul.sq-app.dropdown-list.app1-dropdown .search-bar__result-item{
    padding:0;
    margin:0;
  } 
  .sparq-dropdown .dropdown-list.app2-dropdown .sq-no-results{
      padding-top: 0 !Important;
    display: flex;
    align-items: center;
    justify-content: center;
    height:77px !Important;
  }
  .sq-app1-dropdown .dropdown-list .sq-results {
    max-height: 434px;
}
}
@media screen and (max-width: 1620px){
  .sparq-dropdown{
    width: 49%;
    
  }
  }
@media screen and (max-width: 1350px){
  .sparq-dropdown{
    width: 54%;
    top: 149px;
    left: 57%;
  }
  }
@media screen and (max-width: 1220px){
  .sparq-dropdown{
    width: 62%;
    top: 143px;
    left: 58%;
  }
  }
@media screen and (max-width: 1024px){
  .sparq-dropdown {
    display: flex;
    position: fixed;
    z-index: 9999999999;
    width: 74%;
    top: 146px;
    left: 56%;
    transform: translateX(-50%);
    flex-direction: column;
    background-color: white;
}
} 
@media screen and (max-width: 820px){
  .sparq-dropdown {
    display: flex;
    position: fixed;
    z-index: 9999999999;
    width: 90% !Important;
    top: 150px;
    left: 51% !Important;
    transform: translateX(-50%);
    flex-direction: column;
    background-color: white !important;
}
}
@media screen and (max-width: 768px){
.sparq-dropdown {
    display: flex;
    position: fixed;
    z-index: 9999999999;
    width: 94% !Important;
    top: 123px;
    left: 51% !Important;
    transform: translateX(-51%);
    flex-direction: column;
    background-color: white;
}
}

@media screen and (max-width: 640px){
.sparq-dropdown {
 /* top: 69px; */
}
}

@media only screen and (max-width: 1750px) {
.sq-dropdown-body{
  left: 454.5px;
}
}

@media only screen and (max-width: 1600px) {
    .sq-dropdown-body {
        left: 397.5px;
    }
}
predictive-search[open] .predictive-search, .predictive-search{
  display: none !important;
}
.sparq-dropdown-flex {
  display: flex;
  flex-wrap: nowrap;
  
}


/* Adjust app1 to full width if it's the only visible one */
.sq-app1-dropdown.is-full-width {
  flex: 0 0 100%;
}

/* Adjust app2 to full width if it's the only visible one */
.sq-app2-dropdown.is-full-width {
  flex: 0 0 100%;
}
.sparq-dropdown-flex.flex-row {
  flex-direction: row;
}
/* Mobile: always full width */
@media (max-width: 768px) {
  .sq-app1-dropdown,
  .sq-app2-dropdown {
    flex: 0 0 100%;
    }
  }s