:root {
    --f7-theme-color: #146e79 !important;
    --f7-theme-color-rgb: 20, 110, 121 !important;
    --f7-theme-color-shade: #0e4e56 !important;
    --f7-theme-color-tint: #1a8e9c !important;
    --f7-block-text-color: #333 !important;
    --f7-button-border-radius: 10px !important;
    --f7-button-height: 38px !important;
    --f7-table-cell-border-color: #fff !important;
  }
  
  
  
  
  body {
      color: #333;
  }
  
  .color-orange,
  .md .color-orange {
      --f7-ios-primary: #6c55f8 !important;
  }
  
  
  .page-content .searchbar.search-box .searchbar-inner {
      padding-left: 30px;
      padding-right: 30px;
  }
  
  .page-content.subcategory {
      overflow-y: auto;
      overflow-x: unset;
  }
  
  .panel {
    min-width: 100px;
    max-width: 100vw;
    width: 30%;
  }
  
  .info.right {
      margin-left: 20px;
  }
  
  .dz-badge.discount {
      display: none;
  }
  
  .top-bar-box {
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    z-index: 1000; 
    background-color: white;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
    padding-top: 20px;
  }
  
  .sidebar-footer .panel-close {
      display: block; 
      color: #003b48;
      font-size: 14px;
      position: relative;
      top: 0;
      right: 0;
      line-height: 1;
  }
  
  .main-container-menu {
      background: var(--menu-color-background);
      box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  }
  
  .menu-main {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      margin-top: 20px;
      font-weight: 700;
      font-size: var(--menu-font-size);
      max-width: 1200px;
      margin: auto;
      padding: 0px 20px;
      /* background: var(--menu-color-background); */
      /* box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); */
      
  }
  
  /* MEGA MENU */
  
  .menu-main a{
      font-size: 10px !important;
      letter-spacing: 1.2px;
  }
  
  .sub-categories-container  a, .sub-sub-categories-container a {
      color: #333 !important;
      font-size: 12px;
  }
  
  .category-item {
    position: relative; /* Enables dropdown positioning */
    padding: 0;
  }
  
  .category-link {
    display: block;
    padding: 0.6rem;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  
  .sub-categories-container{
    display: none; /* Hidden by default */
    position: absolute;
    top: 100%; /* Align directly below parent */
    left: 0;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    min-width: 200px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  
  .sub-sub-categories-container {
    display: none; /* Hidden by default */
    position: absolute;
    top: 100%; /* Align directly below parent */
    left: 0;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    min-width: 200px;
    box-shadow: 6px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  
  /* Show dropdown on hover */
  .category-item:hover > .sub-categories-container {
    display: block;
  }
  
  .sub-sub-categories-container {
    top: 0;
    left: 100%; /* Align nested menu to the right of the parent */
    /* border-left: 1px solid #ddd; */
  }
  
  /* Ensure sub-sub-categories appear on hover */
  .sub-categories-container .category-item:hover > .sub-sub-categories-container {
    display: block;
  }
  
  /* Styling for Nested Levels */
  .sub-categories-container .category-item,
  .sub-sub-categories-container .category-item {
    position: relative; /* Required for nested dropdowns */
  }
  
  .sub-categories-container .category-link,
  .sub-sub-categories-container .category-link {
    padding: 0.75rem 1rem; /* Adjust padding for nested levels */
  }
  
  
  .category-link {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensures arrow aligns to the right */
    text-decoration: none;
    color: inherit;
    position: relative;
  }
  
  /* .arrow-icon { */
    /* font-size: 12px; /* Adjust size of the arrow */ */
    /* margin-left: 8px; /* Space between text and arrow */ */
    /* transition: transform 0.3s ease; */
  /* } */
  
  /* Rotate arrow on hover for better UX */
  .menu-main .f7-icons {
    font-size: 12px !important; /* Adjust size of the arrow */
    margin-left: 8px;
    transform: rotate(90deg); /* Rotate arrow on hover */
  }
  
  .sub-categories-container .f7-icons,
  .sub-sub-categories-container .f7-icons {
      font-size: 12px !important; /* Adjust size of the arrow */
      margin-left: 8px;
      transform: rotate(0deg)
  }
  
  .category-item:hover > .sub-categories-container,
  .category-item:hover > .sub-sub-categories-container {
    display: block;
  }
  
  /* END MEGA MENU */
  
  .navbar .menu-main {
      margin-top: 70px;
  }
  
  .navbar a {
      color: var(--menu-color);
  }
  
  .notification-bar {
      margin-bottom: 0px;
  }
  
  .responsive-image {
    width: 100%; /* Set the width to 100% of the parent */
    height: auto; /* Ensure the image keeps its aspect ratio */
    display: block; /* Avoid unwanted spacing below the image */
  }
  
  
  .container {
      max-width: 1340px;
  }
  
  .item-bx {
      box-shadow: none;
  }
  
  .dz-meta {
      min-height: 58px;
      display: flex;
      align-items: center;
  }
  
  .product .dz-meta,
  .product .dz-meta ul {
      min-height: unset;
  }
  
  .dz-meta ul,
  .item-bx .dz-footer {
      justify-content: flex-start;
      min-height: 58px;
  }
  
  .item-bx .item-title {
      min-height: 36px;
  }
  
  .item-bx .dz-info {
      text-align: left;
  }
  
  .item-code  {
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  .categories-bx {
      border-radius: 0px;
  }
  
  .grid.grid-gap {
      gap: 5px;
  }
  
  .categories-bx {
      height: 200px;
  }
  
  .full-w {
      width: 100%;
  }
  
  .full-h {
      height: 100%;
  }
  
  .pt-120 {
      padding-top: 113px;
      padding-top: 143px !important;
  }
  
  .footer-box li {
      text-align: left;
      list-style: none;
      font-size: 12px;
      text-transform: none;
      font-weight: 400;
  }
  
  .custom-toolbar div {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
  }
  
  .cat-title {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0%);
      text-transform: uppercase;
      color: #fff;
      font-size: 28px;
      font-weight: 600;
      text-shadow:  -1px -1px 0 #000,  1px -1px 0 #000,  -1px 1px 0 #000,  1px 1px 0 #000;
      margin-top: 0.7em;
      margin-bottom: 0.7em;
  }
  
  .about-all {
      background: var(--f7-theme-color);
      background: linear-gradient(90deg, #146e79, #6c55f8);
      color: #fff;
      text-align: center;
  }
  
  .about-all h3 {
      color: #fff;
      
  }
  
  .page-content .searchbar.search-box .searchbar-input-wrap input {
      height: 40px;
  }
  
  /* .md .searchbar-icon { */
      /* width: 30px; */
      /* height: 30px; */
  /* } */
  
  .page-content .searchbar.search-box {
      height: 40px;
      margin: 0px;
  }
  
  .searchbar.mobile {
          display: none;
  }
  
  .subscribe-form {
      background: #6c55f8;
      padding: 30px;
      text-align: center;
  }
  
  .custom-toolbar {
    width: 100%; 
    height: auto;
    background-color: #333;
    padding: 10px 0; 
  }
  
  .custom-toolbar .row {
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap; 
  }
  
  .custom-toolbar .col, .custom-toolbar .col-50 {
    text-align: center;
    padding: 10px 0; 
    color: #fff;
  }
  
  .badge-md {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* Active State for Selected Size */
  .badge-md.active {
    background-color: #3498db; /* Example color for active */
    color: white;
    border-color: #3498db;
  }
  
  .badge-md.disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .color-option.blue {
      background-color: blue;
  }
  
  .color-option.black {
      background-color: black;
  }
  
  .color-option.red {
      background-color: red;
  }
  
  .color-option.yellow {
      background-color: yellow;
  }
  
  .color-option.green {
      background-color: green;
  }
  
  .color-option.is-checked,
  .size-option.is-checked {
      border: 2px solid #f46a1f;
  }
  
  .item-list .item-bx .dz-info {
      text-align: unset;
  }
  
  .item-list .badge-danger.dz-badge {
      display: inline;
      margin-left: 10px;
  }
  
  .item-list .dz-meta ul  {
      justify-content: unset;
  }
  
  #virtual-list-tab-1 .item-bx .dz-footer {
      position: absolute;
      bottom: 0;
      right: 20px
  }
  
  #virtual-list-tab-2 .item-bx .dz-footer {
      position: absolute;
      top: 0;
  }
  
  .main-swiper .swiper-slide {
      width: auto !important;
  } 
  
  .fcol {
      display: flex;
      flex-direction: column;
  }
  
  .frow {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 8px;
      
      
  }
  
  .frow button {
      width: 20%;
  }
  
  .fcol button {
      text-align: left;
      background: transparent;
      border: none;
      font-size: 14px;
      text-transform: capitalize;
      padding: 5px 0px;
      font-family: "Montserrat", sans-serif;
  }
  
  .fcol a {
      text-align: left;
      background: transparent;
      border: none;
      font-size: 14px;
      text-transform: capitalize;
      padding: 5px 0px;
      font-family: "Montserrat", sans-serif;
  }
  
  .frow button.is-checked,
   .fcol button.is-checked{
      color: #f46a1f;
  }
  
  #active-filters,
  #clear-filters,
  #active-filters-mobile,
  #clear-filters-mobile
   {
      display: none; 
  }
  
  #filter-list {
      display: flex;
      margin-left: 240px;
      gap: 10px;
      padding: 0 20px 0 50px;
  }
  
  .filter-tag {
      display: flex;
      border: none;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      width: auto;
      padding: 5px;
  }
  
  .category-box {
      display: flex;
      flex-direction: column;
  }
  
  .gap-2 {
          gap: .5rem;
      }
      
  .item-detail-swiper::part(pagination) {
      bottom: 0px !important;
  }	
      
  .accordion-item {
      border-top: 1px solid #ececec;
      /* border-radius: 5px; */
      /* margin-bottom: 4px; */
  }	
  
  .accordion-item:last-child {
      border-bottom: 1px solid #ececec;
  }
  
  .accordion-item-toggle {
      display: flex;
      align-items: center;
  }
      
  .accordion-item	.icon {
      font-size: 25px;
      padding: 0 10px;
      color: var(--f7-theme-color);
      color: #6c55f8;
  }
  
  .accordion-item	span{
      font-size: 14px;
      text-transform: uppercase;
      padding: 0 10px;
      color: var(--f7-theme-color);
      font-weight: 500;
  }
  
  .button-group {
      padding: 10px;
  }
  
  .accordion-item-content ul {
      padding: 10px !important;
      background: #fff;
  }
  
  #clear-filters {
      background: var(--f7-theme-color);
      border-radius: 10px;
      border: none;
      color: #fff;
      padding: 5px;
  }
  
  #color-filter button {
      height: 30px;
      width: 20px;
      border: none;
  }
  
  #color-filter button.is-checked {
      border: 1px solid #fff;
  }
  
  .button-group button.is-checked {
      background: #146e79;
      color: #fff;
  }
  
  .navbar-items .navbar-inner {
      /* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(125, 185, 232, 0) 100%); */
      /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(125, 185, 232, 0) 100%); */
      /* background: linear-gradient(to bottom, rgb(0 59 72) 0%, rgba(125, 185, 232, 0) 100%); */
      background: transparent;
  }
  
  .navbar.navbar-style-1.navbar-transparent .link.back [fill], .navbar.navbar-style-1.navbar-transparent .link.back path {
      fill: var(--f7-theme-color);
  }
  
  .navbar.navbar-style-1.navbar-transparent a.link [fill], .navbar.navbar-style-1.navbar-transparent a.link path {
      fill: var(--f7-theme-color);
  }
  
  .cart-popup {
      background: transparent;
      display: flex !important;
      justify-content: center;
      
  }
  
  .cart-popup .view {
      width: 100%;
  }
  
  .cart-item {
      display: flex;
      /* gap: 20px; */
      justify-content: flex-start;
      padding: 20px;
      align-items: center;
      border-bottom: 1px solid #e9e9e9;
      box-shadow: none;
      position: relative;
  }
  
  
  
  
  .cart-product-box {
      display: flex;
      width: 55%;
      align-items: center;
  }
  
  .cart-product-box-second {
      width: 45%;
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
  }
  
  .cart-item .dz-media {
      /* width: 10%; */
  }
  .cart-item-info {
      /* width: 40%; */
      margin-left: 10px;
  }
  
  .item-head {
      display: flex;
      /* gap: 20px; */
      /* justify-content: space-around; */
      padding: 20px;
      align-items: center;
      border-top: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9;
      padding: 10px 20px;
      font-weight: 700;
  }
  
  .item-head1 {
      width: 10%;
  }
  
  .item-head2 {
      width: 120px;
  }
  
  .item-head4 {
      width: 120px;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
  }
  
  .item-head3 {
      width: 125px;
      text-align: center;
  }
  
  .item-head6 {
      width: 45%;
  }
  
  .price-sum {
      width: 120px;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
  }
  
  .product-id {
      display: none;
  }
  
  .color-slider .swiper-slide,
   .size-slider .swiper-slide{
      margin-right: 15px;
      width: auto;
  }
  
  .stepper-button.disabled {
      opacity: 0.5;
      pointer-events: none; /* Prevent click */
  }
  
  .popup-open.disabled {
      opacity: 0.5;
      pointer-events: none;
  } 
  
  .top-bar {
      width: 100%;
  }
  
  
  .toolbar .tab-link .badge {
      font-size: 12px;
      border: 2px solid #fff;
      position: absolute;
      left: 52%;
      top: -3px;
      border-radius: 50%;
      background-color: #c8142f;
      color: #fff !important;
      height: 20px;
      width: 20px;
      display: block;
      box-sizing: unset;
      padding: 0;
      line-height: 20px;
      
  }
  
  .badge {
      transition: transform 0.2s ease, opacity 0.2s ease; /* Smooth transition */
  }
  
  .badge.animate {
      transform: scale(1.5); /* Scale up */
      opacity: 0.8;          /* Slightly fade out */
  }
  
  .filter-icon {
      width: 16px; /* Set a consistent width */
      height: 16px; /* Set a consistent height */
      display: inline-block; /* Ensure the icon behaves like an inline element */
	  color: var(--f7-theme-color);
	  margin-left: 8px;
  }
  
  .active.badge.shopping {
      position: absolute;
      right: -12px;
      bottom: 20px;
      background-color: #c8142f;
  }
  
  .iconbar {
      position: relative;
      margin-right: 10px;
  }
  
  .form-elements ul .item-content .item-inner .item-input-wrap .form-control {
      padding: 5px 10px;
      height: 45px;
      
  }
  
  #cart-summary  li:last-child {
      border-bottom: 0px;
      border: none;
  }
  
  
  .navbar .searchbar.search-box .searchbar-input-wrap .searchbar-icon {
      /* right: 13px; */
      margin: 0;
      top: 6px;
      left: 6px;
      height: 40px;
  }
  
  .navbar .searchbar.search-box .searchbar-input-wrap input {
      /* height: 60px; */
      background-color: #efefef;
      font-size: 16px;
      padding: 12px 40px 12px 40px;
      border-radius: 18px;
      font-weight: 400;
      color: #585858;
  }
  
  .search-list-results {
      position: fixed;
      overflow-y: auto;
      max-height: 300px;
      z-index: 900;
      background: #fff;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 600px;
      margin: 110px auto;
      display: none;
      /* border-radius: .25rem; */
      /* --tw-bg-opacity: 1; */
      /* background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
      /* -webkit-font-smoothing: antialiased; */
      /* -moz-osx-font-smoothing: grayscale; */
      /* --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); */
      /* --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); */
      /* box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); */
  }
  
  .search-list-results a {
      color: #333;
      display: flex;
      align-items: center;
      margin: 5px 0px;
  
  }
  
  .item-title {
      
  }
  
  #product-list-row  li {
      width: 100%;
  }
  
  
  .hidden {
    display: none !important;
  }
  
  .subcategories, .main-categories {
    transition: transform 0.3s ease;
  }
  
  .subcategories {
    transform: translateX(100%);
  }
  
  .subcategories.show {
    transform: translateX(0);
  }
  
  .sort-dropdown {
      position: relative;
      display: inline-block;
  }
  
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
  }
  
  .dropdown-content button {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      background: none;
      border: none;
      width: 100%;
      text-align: left;
  }
  
  .sort-dropdown:hover .dropdown-content {
      display: block;
  }
  
  .title-bar .toolbar-inner {
      overflow: unset;
  }
  
  .sort-button {
      /* max-width: 48px; */
      height: 48px;
      border: 1px solid var(--border-color);
      border-radius: 12px;
  }
  
  a.buy-now-button {
      line-height: 1.7 !important;
  }
  
  .category-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 20px 8px 0;
      font-size: 16px;
      font-weight: 500;
  }
  
  .subcategory-item  {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 20px 12px 0;
  }
  
  #subcategory-items,
  #main-category-list {
      padding: 10px;
  }
  
  #main-category-list .f7-icons {
      font-size: 20px;
  }
  
  #subcategory-items div.panel-close {
      position: unset;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
  }
  
  #category-filter .accordion-body {
      padding-left: 20px;
  }
  
  .main-accordion-item {
      border-bottom: 1px solid #ccc;
      border-radius: 0px;
      padding: 5px 0;
  }
  
  .accordion-item {
      padding: 10px 0;
      border-radius: 0px;
  }
  
  .accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
  }
  
  .plus-icon {
      font-weight: bold;
      margin-left: 10px;
  }
  
  .accordion-body.hidden {
      display: none;
  }
  
  
  
  .item-details .item-info {
      padding:  0px;
      border: 0px;
  }
  
  .item-price del {
      margin-left: 10px;
  }	
      
  #category-count {
      font-size: 14px;
  }	
  
  .new-price {
      color: red;
      font-weight: 500;
  }
  
  #product-list .item-title {
      height: 40px;
  }
  
   #product-list .dz-meta,
   #product-list .price {
      display: flex;
  }
  
  .dz-accordion {
      margin: 0px;
  }
  
  .main-swiper {
      margin-left: 0px;
  }
  
  .title-page {
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      padding-top: 40px;
  }
  
  .color-filter-button {
      height: 24px;
      border: none;
  }
  
  .col-30 {
      width: 30%;
  }
  
  .col-40 {
      width: 40%;
  }
  
  .item-bx .price del {
      font-size: 16px;
  }
  
  .main-box-cat .dz-meta {
      position: relative;
  }
  
  .main-box-cat .badge-danger.dz-badge {
      position: absolute;
      top: 15px;
      right: 8px;
  }
  
  .product .badge-danger.dz-badge {
      position: absolute;
      top: 32px;
      right: 15px;
      font-size: 18px;
      border-radius: 25px;
      padding: 8px 20px;
  }
  
  #tab-1 .badge-danger.dz-badge {
      position: absolute;
      top: 15px;
      right: 15px;
  }
  
  swiper-slide .badge-danger.dz-badge {
      position: absolute;
      top: 15px;
      right: 8px;
  }
  
  .hero {
      display: flex;
  }
  
  /* Layout for two images */
  .hero-images-two {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      
      
  }
  
  .hero-images-two img {
      width: 50%;  /* Adjust the percentage based on your needs */
  }
  
  /* Layout for three images */
  .hero-images-three {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      
  }
  
  .hero-images-three img {
      width: 32%;  /* Adjust the width for three images */
  }
  
  /* Layout for four images */
  .hero-images-four {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; /* Three equal-width columns */
      grid-template-rows: 1fr 1fr; /* Two rows */
      padding: 20px;
  }
  
  .hero-images-four img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensure images cover the space */
  }
  
  
  
  /* Style for the links around the images */
  .image-link {
      position: relative;
      display: block;
  }
  
  /* Style for the image */
  .responsive-image {
      width: 100%;
      height: auto;
      display: block;
  }
  
  .overlay-text {
      position: absolute;
      top: 6%;
      left: 6%;
      /* transform: translate(-50%, -50%); */
      color: white;
      font-size: 1.4rem;
      font-weight: bold;
      
      padding: 10px;
      border-radius: 10px;
  }
  
  .item-bx .item-title {
      font-size: 0.8rem !important;
      font-weight: 400;
      color: #333 !important;
  }
  
  .item-bx .price {
      
      color: var(--f7-theme-color);
  }
  
  .button-group button {
      border: 0px;
      padding: 4px;
  }
  
  #back-to-main {
      display: inline;
      margin-top: 10px;
      padding-right: 20px;
      text-align: end;
      color: #333;
      font-size: 16px;
  }
  
  
  .swiper-button-next, .swiper-button-prev {
      position: absolute;
      width: 30px;
      height: 30px;
      margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
      z-index: 100000;
      cursor: pointer;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      color: #333;
      align-content: flex-end;
      bottom: 0px;
  }
  
  .sub-details {
      /* max-width: 500px; */
  }
  
  .energy-class {
      width: 30%;
  }
  
  .social {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .text-abs {
      position: absolute;
      font-size: 11px;
      bottom: -15px;
      left: -1px;
  }
  
  .panel-open {
      display: block;
  }
  
  .category-item {
      padding: 8px 10px 8px 10px !important;
  }
  
  .category-item.active {
      background-color: #fff;
      
  }
  
  .category-item.active a {
      color: #146e79 !important;
  }
  
  
  
  .accordion-item.only-mobile.stock {
      border-top: 0px;
      margin-bottom: 20px;
      padding: 0px;
      list-style: none;
  }
  
  .buy-now-button {
      padding: 5px !important;
      border-radius: 10px !important;
  }
  
  .buy-credit-button {
      padding: 5px !important;
      border-radius: 10px !important;
      background: transparent;
      border: 1px solid #146e79;
      color: #146e79 !important;
  }
  
  .product-group-buttons {
      display: flex;
      flex-direction: column;
      gap: 5px;
  }
  
  .product-group-buttons .button-large {
      font-size: 14px !important;
  }
  
  .breadcrumbs {
      padding-left:20px;
  }
  
  a.breadcrumb-link,
  span.breadcrumb-link {
      color: #333;
      text-transform: uppercase;
      font-size: 10px;
  }
  
  .product-details,
.special-product-box  {
	  max-width: 1340px;
	  margin-left: auto;
	  margin-right: auto;
  }
  
  .product-details a {
      min-width: 200px !important;
  }
  
  
  @media screen and (min-width: 768px) {
      
      .only-mobile-item {
          display: none;
      }
      
      .only-desktop {
          display: list-item;
      }
      
      .panel-open {
          display: none !important;
      }
      
      .phone-mobile {
          display: none;
      }
      
      .item-details .main-info .item-title {
          max-width: 400px;
      }
      
      .only-mobile {
          display: none;
      }
      
      #active-filters {
          margin-top: 30px;
      }
  
      .subscribe-form .row {
        display: flex;
        flex-direction: row;
        align-items: center;
      }
      
      .footer-box a {
          color: #fff;
      }
  
      .item-input-wrap {
        flex-grow: 1;
        margin-right: 10px;
      }
  
      .button {
        min-width: 120px;
      }
      
      .fixed-content {
          /* flex-grow: 1; */
          width: 60%;
          
      }
      
      .item-detail-swiper {
          /* width: 420px; */
          position: relative;
      }
      
      .dz-banner-height {
          width: 40%;
          position: absolute;
      }
      
      .page-content.item-details .product{
          display: flex;
          max-width: 1340px;
          margin-left: auto;
          margin-right: auto;
          padding-left: 20px;
          padding-right: 20px;
          box-sizing: border-box;
      }
      
      .item-detail-swiper {
          top: 10px;
      }
      
      .navbar .navbar-inner {
          max-width: 1200px;
      }
      
      /* .products-list .grid-cols-2 { */
          /* grid-template-columns: repeat(4, 1fr) !important; */
          
      /* } */
      
      #product-list ul{
          display: flex;
          flex-wrap: wrap;
      }
      
      #product-list li {
          flex: 1 0 calc(25% - 10px); /* Adjust the width and margin as needed */
          max-width: calc(25% - 10px); /* Limit maximum width to maintain 4 columns */
          transition: transform 0.3s ease-in-out;
          margin: 0 10px 10px 0; /* Adjust the margin as needed */
          border-right: none;
      }
      
      .bordered-tr{
          margin-right: 0px !important;
      }
      
      .tabs .tab-active {
          margin-right: -10px;
      }
      
      /* #product-list li:nth-child(4n-3), */
      /* #product-list li:nth-child(4n-2), */
      /* #product-list li:nth-child(4n-1) { */
          /* border-right: 1px solid #eee; */
      /* } */
      #product-list li {
          border-bottom: 1px solid #eee;
      }
      
      #product-list-row li:last-child {
          border-bottom: none;
      }
      
      #product-list li.bordered-r {
          border-right: 1px solid #eee;
      }
      
      #product-list li.bordered-tr {
          border-right: 1px solid #fff;
      }
      
      #product-list-row li {
          border-bottom: 1px solid #eee;
      }
      
      #tab-1 .list li {
          
          border-bottom: 1px solid #eee;
      }
      
      #tab-1 .list li:last-child {
          border-bottom: none;
      }
      
      #products-list {
          display: flex;
          flex-wrap: wrap;
      }
      
      .main-box-cat {
          display: flex;
          max-width: 1340px;
          flex-direction: column;
      }
      
      .filters-box {
          width: 20%;
      }
      
      .products-list {
          /* width: 80%; */
          margin-left: 240px;
          margin-top: 30px;
      }
      
      /* #active-filters { */
          /* position: absolute; */
      /* } */
      .filter-button-mobile {
          display: none;
      }
      
      .main-box-cat {
          max-width: 1340px;
          margin: auto;
      }
      
      .item-bx img {
          
          width: 100%;
          height: auto;
          border-radius: 5px 5px 0 0;
  
      }
      
      .accordion-hidden {
          display: none;
      }
      
      .filters {
          position: absolute;
          width: 240px;
      }
      
      #category-info {
          text-align: end;
      }
      
      #category-info h2 {
          /* display: inline; */
          color: var(--f7-theme-color);
          margin: 0px;
          /* background: var(--f7-theme-color); */
          /* var(--f7-theme-color) */
          /* border-top-left-radius: 5px; */
          /* border-bottom-left-radius: 5px; */
          margin: 0px;
          font-size: 18px;
      }
      
      .cat-box {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          flex-direction: column;
      }
      
      .title-bar {
          justify-content: flex-end;
          
      }
      
      .page-home .title-bar {
          justify-content: flex-start;
          
      }
      
      .page-home .title-bar h4 {
          color: #333;
          font-weight: 300 !important;
          font-size: 1.2rem;
      }
      
      .price-old,
      .difference	{
          font-size: 11px !important;
      }
      
      .items-swiper swiper-slide {
          width: 223px;
          padding-right: 20px;
          border-right: 1px solid #ececec;
      }
      
       swiper-slide:last-child {
          border-right: 1px solid #fff;
      }
      
      /* .page-home .dz-meta ul, */
  .product .dz-meta ul	{
          flex-direction: column;
      }
      
      .page-home .dz-badge {
          margin-left: 10px;
      }
      
      
      .tabbar.tab-style-3 {
          width: 260px;
      }
      
      .tabbar.tab-style-3 .toolbar-inner {
          justify-content: flex-end;
      }
      
      .login-reg {
          display: flex; 
          justify-content: space-evenly; 
          flex-wrap: wrap; 
          gap: 20px;
      }
      
      .checkbox-box {
          display: flex;
          gap: 50px;
      }
      
      .left-c {
          width: 60%;
      }
      
      .right-c {
          weight: 40%;
      }
      
      .search-mobile-icon {
          display: none !important;
      }
      
      .page-home .menubar-area {
          display: none;
      }
      
      .page-subcategory .menubar-area,
      .page-category .menubar-area	{
          display: none;
      }
      
      .bottom-sp60:after {
          content: attr(data-company-name); /* No need for `©`, the © character can be directly used */
          display: block;
          height: 60px; /* This might not be necessary for text content */
          line-height: 60px; /* Optional, centers text vertically if needed */
          text-align: center; /* Center text horizontally */
          margin-top: 20px; /* Adjust if you need spacing above */
      }
      
      /* Make the first image span 2 rows */
      .hero-images-four a:nth-child(1) {
          grid-row: span 2; /* Occupy two rows */
          grid-column: 1; /* Place in the first column */
      }
  
      /* Make the second image occupy the second column, first row */
      .hero-images-four a:nth-child(2) {
          grid-row: 1; /* Occupy the first row */
          grid-column: 2; /* Place in the second column */
      }
  
      /* Make the third image occupy the third column, first row */
      .hero-images-four a:nth-child(3) {
          grid-row: 2; /* Occupy the first row */
          grid-column: 2; /* Place in the third column */
      }
  
      /* Make the fourth image span 2 rows */
      .hero-images-four a:nth-child(4) {
          grid-row: span 2; /* Occupy two rows */
          grid-column: 3; /* Place in the third column */
      }
      
      .custom-toolbar-mobile {
          display: none;
      }
      
      .blog-box .main-swiper {
              margin-left: 100px; /* Add a 200px offset to the left */
          }
  
      .categorybox-main {
          display: flex;
          
          justify-content: space-between;
      }
      
      .item-head div {
          font-size: 10px;
      }
      
      .shops {
          display: flex;
          align-items: baseline;
          margin-left: 20px;
      }
      
      .shops div {
          font-size: 11px;
          color: #146e79;
      }
      /* .page-home .all { */
          /* display: block; */
          /* bottom: 0px; */
          /* background: transparent; */
          /* padding: 20px; */
      /* } */
      /* .menubar-area { */
          /* display: none; */
      /* } */
      
      /* .footer-desktop { */
          /* display: block; */
      /* } */
  }
  
  @media screen and (max-width: 767px) {
      
      .only-desktop {
          display: none;
      }
      
      .shops {
          display: none;
      }
      
      
      
      .fixed-content {
          position: static;
          padding-top: 90px;
      }
      
      .product .dz-meta ul {
          min-height: unset;
      } 
      
      .product .badge-danger.dz-badge {
          
          top: 85px;
          right: 15px;
          z-index: 1;	
      }
      
      .product .item-title {
          top: 100px;
          position: absolute;
          z-index: 1;
          font-size: 18px;
          max-width: 280px;
      }
      
          .page-home .dz-meta ul, .product .dz-meta ul {
          flex-direction: column;
      }
      
      .item-description {
          display: none;
      }
      .only-mobile{
          display: block;
      }
      
      .product-details {
           display: none;
      }
      
      .tabs.special-product-box {
          display: none;
      }
      
      #product-list .item-title {
          min-height: 50px;
      }
  
      
      .tab .item-list {
          margin-left: 15px !important;
      }
      
      .categorybox-main {
          display: flex;
          flex-direction: column;
      }
      
      .price-old,
      .difference	{
          font-size: 11px !important;
      }
      
      /* .swiper-button-prev, .swiper-button-next { */
       
        /* width: 15px !important; */
        /* height: 15px !important; */
        
        /* position: absolute; */
        /* top: auto !important; */
        
        /* z-index: 10; */
        /* cursor: pointer; */
      /* } */
      
      .items-swiper swiper-slide {
          width: 173px;
      }
      
      .panel {
          width: 90%;
      }
      
      .cat-title {
          font-size: small;
      }
      
      .searchbar.mobile {
          display: block;
          padding-bottom: 20px;
      }
      .searchbar.desktop {
          display: none;
      }
      .menu-main {
          display: none;
      }
      .iconbar {
          display: none !important;
      }
      
      .info {
          display: flex;
          margin-left: 4px;
      }
      
      .info img{
          width: 160px;
      }
      
      .page-content .searchbar.search-box .searchbar-inner {
          padding-left: 0px;
          padding-right: 0px;
      }
      
      .grid-cols-3 {
          grid-template-columns: repeat(2, 1fr) !important;
      }
      
      
      #product-list  li {
          /* flex: 1 0 calc(50% - 10px); */
          max-width: calc(50%);
          
          transition: transform 0.3s ease-in-out;
          padding: 0 10px 10px 0;
          border-bottom: 1px solid #eee;
  
      }
      
      #product-list li:nth-child(odd) {
          border-right: 1px solid #eee;
      }
      
      #product-list li:nth-child(even) {
          border-right: 1px solid #fff;
      }
      
      #product-list-row  li {
          
          border-bottom: 1px solid #eee;
      }
      
      #product-list-row  li:last-child {
          border-bottom: none;
      }
      
      /* #tab-2 .list li:last-child { */
          /* border-right: none; */
      /* } */
      
      #products-list {
          display: flex;
          flex-wrap: wrap;
      }
      
      .main-box-cat {
          display: flex;
          flex-direction: column;
      }
      
      .filters {
          display: none;
      }
      
      #product-list li.bordered-tr {
          border-right: 1px solid #fff;
      }
      
      .products-list {
          width: 100%;
      }
      
      .cart-popup .view {
          width: 80%;
      }
      
      .cart-popup .frow {
          justify-content: center;
      }
      
      .item-head {
          display: none;
      }
      
      .cart-items-list {
          border-top: 1px solid #e9e9e9;
      }
      
      .cart-item {
          flex-direction: column;
      }
      
      .cart-product-box {
          width: 100%;
      }
      
      .cart-product-box-second {
          width: 100%;
      }
      
      .unit-price {
          display: none;
      }
      
      #color-filter-mobile button {
          height: 20px;
          border: none;
      }
      
      #filter-list {
          margin-left: unset;
          gap: 10px;
          padding: 15px 20px 0;
          flex-wrap: wrap;
      }
  
      .filter-tag {
          display: inline-flex;
          
      }
      
      .filter-button-mobile,
      .sort-button-mobile	{
          display: inline-flex;
          border: 1px solid var(--border-color);
          border-radius: 12px;
          height: 44px;
      }
      
      .tabbar.tab-style-3 .tab-link {
          height: 44px;
      }
      
      .pt-120 {
          padding-top: 70px !important;
      }
      
      .tabbar.tab-style-3 {
          width: 100%;
      }
      
      .cat-box {
          display: flex;
          align-items: center;
          justify-content: space-between;
      }
      
      #category-info h2 {
          margin: 0px;
          font-size: 1rem;
          color: #333;
          margin: 0px;
          padding: 5px 10px;
      }
      
      #category-count,
      #category-count-base	{
          font-size: 18px;
      }
      
      .filter-button-mobile {
          background: #146e79;
          color: #fff !important;
              width: 50%;
      border-radius: 0px;
      border: 0px;
      height: 48px;
      }
      
      .sort-dropdown {
          width: 50%;
      }
      
      .sort-button {
          background: #6c55f8;
          color: #fff !important;
          border-radius: 0px;
          border: 0px;
          
      }
      
      
      
      .filter-button-mobile i,
      .sort-button i	{
          color: #fff;
      }
      
      .clearfix {
          text-align: center;
      }
      
      .tabbar.tab-style-3 .tab-link,
  .tabbar.tab-style-3 .tab-link.tab-link-active	{
          display: none;
          /* background: #fff; */
          
          /* border-radius: 0px; */
          /* border: 1px solid #6c55f8; */
          /* height: 48px; */
      }
      
      /* .tabbar.tab-style-3 .tab-link path[fill], .tabbar.tab-style-3 .tab-link path { */
      /* fill: #6c55f8; */
  /* } */
      
      .login-reg {
          display: flex; 
          justify-content: space-evenly; 
          flex-wrap: wrap; 
          gap: 10px;
      }
      
      .login-reg a {
          /* width: 48%; */
          padding: 15px 5px !important;
      }
      
      .login-reg a.sign-e {
          width: 100%;
      }
      
      .container {
          padding-left: 10px;
          padding-right: 10px;
      }
      
      .checkbox-box {
          display: flex;
          flex-direction: column;		
      }
      
      .navbar .title {
          display: none;
      }
      
      .dz-banner-height {
          height: 410px;
      }
      
      .item-detail-swiper {
          top: 140px;
      }
      
      .navbar .navbar-inner {
          padding: 0 10px;
      }
      
      .navbar.navbar-style-1 .navbar-inner .link.panel-open {
          padding: 0px !important;
      }
      
      .navbar {
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
      }
      
      .title-bar {
          padding-top: 15px;
      }
      
      .auth-button {
          display: none;
      }
      
      .search-list-results {
          margin: 70px auto;
      }
      
      .size-14 {
          font-size: 14px;
      }
      
      .cart-popup .popup-product-select {
          display: block;
      }
      
      #count-product-filter {
          margin-bottom: 20px;
          border: 1px solid var(--f7-theme-color);
      }
      
      #clear-filters-mobile {
          background: var(--f7-theme-color);
          color: #fff;
      }
      
      .page-home .menubar-area {
          display: block;
      }
      
      .page-subcategory .menubar-area,
      .page-category .menubar-area	{
          display: block;
      }
      
      
      .button__Yk28w {
          border-radius: 65px!important;
          box-shadow: 0 19px 38px 0 rgba(34,36,43,.3);
          display: block;
          height: 65px;
          margin-bottom: 47px !important;
          position: relative;
          text-align: center;
          transform: scale(1);
          width: 65px;
          margin-right: 10px !important;
      }
      
      .page-home .all {
          display: none;
      }
      
      
      .hero-images-four {
          grid-template-columns: 1fr; /* One column layout for smaller screens */
          grid-template-rows: repeat(4, auto); /* Four rows */
          padding: 0px;
      }
  
      .hero-images-four img {
          grid-row: auto; /* Each image will occupy its own row */
      }
      
      .account-area {
          padding-top: 70px;
      }
      
      .custom-toolbar {
          display: none;
      }
      
      .custom-toolbar-mobile {
          /* background-color: #333; */
          display: flex;
          flex-direction: column;
      }
      
      .custom-toolbar-mobile .accordion-item {
          background: transparent;
          border-bottom: 1px solid var(--border-color);
      }
      
      .footer-mobile-bottom {
          background-color: #333;
          padding: 20px 10px 20px;
      }
      
      .footer-mobile-bottom .row {
          display: flex;
          flex-direction: column;
          align-items: center;
      }
      
      #subscribe-form input {
          background: #fff;
          border-radius: 5px;
          margin-bottom: 20px;
      }
      
      .footer-box li {
          text-align: left;
          list-style: none;
          font-size: 16px;
          text-transform: none;
          font-weight: 400;
          line-height: 2;
      }
      
      .menubar-area .toolbar-inner .tab-link {
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: unset;
          color: #adadad;
          letter-spacing: unset;
          position: relative;
          border: none;
          background: transparent;
      }
      
      .cat-box {
          justify-content: center;
      }
      
      
  
      /* .footer-desktop { */
          /* display: none; */
      /* } */
      /* .menubar-area { */
          /* display: block; */
      /* } */
  }
  
  .price {
      color: #146e79;
  }
  
  .price.promo {
      color: #c8142f !important;
  }
  
  .item-details .main-info .price {
      color: #146e79;
      font-size: 24px;
      line-height: 26px;
  }
  
  .item-details .main-info .price-old, .item-details .main-info .difference {
       font-size: 12px !important;
  }
  
  .features-item-title,
  .description-item-title,
  .buyOnCredit-item-title,
  .availability-item-title {
      color: #6c55f8;
  }
  
  .menubar-area .toolbar-inner .tab-link {
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: unset;
          color: #adadad;
          letter-spacing: unset;
          position: relative;
          border: none;
          background: transparent;
      }
  
  
  .menu-main .f7-icons {
    font-size: 12px !important; /* Adjust size of the arrow */
    margin-left: 8px;
    transform: rotate(90deg); /* Rotate arrow on hover */
  }
  
  .sub-categories-container .f7-icons,
  .sub-sub-categories-container .f7-icons {
      font-size: 12px !important; /* Adjust size of the arrow */
      margin-left: 8px;
      transform: rotate(0deg)
  }
  
  .card-overlay.style-1 {
      border-radius: 0px;
      border: 1px solid #6c55f8;
      padding: 200px 20px 35px 20px;
      overflow: hidden;
      width: 315px;
      box-sizing: border-box;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top 0px left;
      z-index: 1;
  }
  
  .bg-overlay3 {
      background-color: #fff;
  }
  
  .card-overlay.style-1 .title {
      color: #333;
  }
  
  .card-overlay {
      font-size: 12px;
  }
  
  
  .button-yellow-dark {
      background-color: #fff;
      color: #333;
  }
  
  .filter-box-d {
      margin: 10px 0px;
  }
  
  .filter-box-d .accordion-item span {
      font-size: 10px;
      text-transform: uppercase;
      padding: 0 10px;
      color: var(--f7-theme-color);
      color: #333;
      font-weight: 500;
  }
  
  .filter-box-d .accordion-item .icon {
      font-size: 22px;
      padding: 0 10px;
      color: var(--f7-theme-color);
      color: #6c55f8;
      line-height: 1.2 !important;
      /* color: #f46a1f; */
  }
  
  .main-swiper {
      width: 100% !important;
  }
  
  .panel-right-10 {
      overflow-y: auto;
  }
  
  .filters-mobile button {
      min-height: 40px;
  }
  
  .item-bx .dz-media {
      padding:10px;
  }
  
  .item-bx .dz-media img {
      height: auto;
  }
  
  .notifications {
      text-align: center;
      color: red;
  }
  
  .segmented {
      border-radius: 0px !important;
      border-bottom: 1px solid #ececec;
  }
  
  .segmented .button:last-child,
  .segmented .button:first-child {
      border-radius: 0px !important;
  }
  
  .swiper-box {
      display: block;
      position: relative;
      width: 480px;
      height: 600px;
  }
  
  .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }
  
      .swiper-slide {
        background-size: cover;
        background-position: center;
      }
  
  .item-detail-swiper {
        height: 80%;
        width: 100%;
      }
  
      .item-detail-swiper2 {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
        /* margin: 50px 0px; */
      }
  
      .item-detail-swiper2 swiper-slide {
			width: 25% !important; /* Force 25% width */
			flex: 0 0 25%; /* Prevent auto resizing */
			height: auto;
			opacity: 0.4;
		}

		.item-detail-swiper2::slotted(swiper-slide) {
			width: 25% !important; /* Force 25% width */
			flex: 0 0 25%;
		}
  
      .item-detail-swiper2 .swiper-slide-thumb-active {
        opacity: 1;
      }
  
      swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
  
  
  
  .swiper-button-prev, .swiper-button-next {
    /* display: block; */
    /* background: rgba(0, 0, 0, 0.5); */
    /* color: #fff; */
    width: 15px !important;
    height: 15px !important;
    /* border-radius: 50%; */
    position: absolute;
    top: auto !important;
    /* transform: translateY(-50%); */
    z-index: 10;
    cursor: pointer;
  }
  .swiper-button-prev {
    left: 0px;
    bottom: -25px;
  }
  .swiper-button-next {
    left: 40px;
    bottom: -25px;
  }
  
  
  .hidden-content {
      display: none; /* Initially hide the extra content */
  }
  
  .btn-more {
      /* background: linear-gradient(90deg, #146e79, #6c55f8); */
      display: inline-block;
      color: #fff;
      border: none;
      cursor: pointer;
      text-transform: capitalize;
  }
  
  .btn-more:hover {
      
      border: 1px solid #fff;
  }
  
  .about-content {
      text-align: left;
  }
  
  .subscribe-form h4 {
      color: #fff;
  }
  
  .subscribe-button {
      background: #fff;
      color: #333;
      text-transform: uppercase;
      display: inline-block;
  }
  
  .dz-meta p {
      margin: 0px;
          
      line-height: 18px;
  }
  
  .style-1 .dz-meta {
      min-height: 54px;
  }
  
  .tab .item-list {
      margin-left: 50px;
  }
  
  .mb-0 {
      margin-bottom: 0px;
  }
  
  .title-f {
      color: #6c55f8;
      margin-top: 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
  }
  
  .item-detail-swiper swiper-slide img {
      object-fit: unset;
  }
  
  
  .sub-details {
      margin: 10px 0px !important;
  }
  
  .sub-details .item-content {
      padding-left: 0px !important;
      margin: 0px !important;
      border-top: 1px solid #ececec;
      border-bottom: 1px solid #ececec;
      border-radius: 0px !important;
  }
  
  .product-code,
  .product-brand {
      font-size: 12px;
  }
  
  .product-stock {
      color: #7db935;
      text-transform: uppercase;
      font-size: 12px;
  }
  
  .badge-danger {
      background-color: #E93737;
      background-color: #c8142f;
  }
  
  .badge-new {
      background: #7db935;
  }
  
  .features li {
      padding: 5px;
      font-weight: 500;
      color: #333;
  }
  
  .odd-feature {
      background-color: #fdfdfd; /* Light gray for odd items */
  }
  
  .even-feature {
      background-color: #f8f8f8; /* White for even items */
  }
  
  #shop-list {
      width: 48%;
  }
  
  .google-map {
      width: 48%;
      height: 450px;
      display: inline-flex;
      position: fixed;
      margin-left: 50%;
      }
  
  .shops-box {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start !important;
      color: #333;
      margin-bottom: 30px;
  }
  
  .shops-box-info {
      padding-left: 16px;
      color: #333;
      font-size: 14px;
      gap: 12px;
      display: flex;
      flex-direction: column;
  }
  
  .shops-box-info span {
      color: #000;
      font-weight: 500;	
  }
  
  .item-title-shop {
      width: 100%;
      padding: 10px;
      background: #ececec;
  }
  
  .shop-block {
      display: flex;
      justify-content: flex-start;
  }
  
  .cart-total-box {
      font-size: 20px;
      /* text-transform: uppercase; */
      display: flex;
      justify-content: space-between;
  }
  
  
  .title-page-cart {
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      padding: 20px 0px;
  }
  
  .purple {
      color: #6c55f8;
  }
  
  .purple-bg {
      background: #6c55f8;
  }
  
  .uppercase {
      text-transform: uppercase;
  }
  
  .h-40 {
      height: 40px;
  }
  
  .fw-500 {
      font-weight: 500;
  }
  
  .br-10 {
      border-radius: 10px;
  }
  
  .remote-product-box {
      position: absolute;
      top: 15px;
      right: 10px;
  }
  
  .searchbar input[type=search].main-search-bar {
      background: transparent;
      border: 1px solid #333;
      border-radius: 10px;
      height: 40px;
  }
  
  .searchbar input[type=search] {
      font-size: 14px;
  }
  
  .md .searchbar-icon,
  .md .searchbar .input-clear-button {
      height: 42px !important;
      width: 42px !important;
  }
  
  .md .searchbar .input-clear-button:after {
      line-height: 42px;
  }
  
  .stepper-raised.shopping-cart-stepper  {
      box-shadow: none;
  }
  
  swiper-container.swiper-pagination1::part(container) {
      padding-bottom: 20px;
  }
  
  swiper-container.swiper-pagination1::part(button-prev) {
      width: 11px !important;
      /* bottom: -11px; */
      /* top: auto; */
      /* left: 40%; */
      color: #333;
      /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40px' viewBox='0 0 24 24' width='40px' fill='%23777'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z'/%3E%3C/svg%3E") !important; */
      /* background-repeat: no-repeat; */
      /* background-position: center; */
      /* background-size: contain; */
  }
  
  /* Hide the default SVG inside the pagination button */
  /* swiper-container.swiper-pagination1 .swiper-button-prev svg { */
      /* display: none !important; */
      /* visibility: hidden; */
      /* width: 0; */
      /* height: 0; */
  /* } */
  
  
  swiper-container.swiper-pagination1::part(button-next) {
      width: 11px !important;
      /* bottom: -11px; */
      /* top: auto; */
      /* right: 40%; */
      color: #333;
  }
  
  .product-icons-container {
	  position: absolute;
	  z-index: 2;
      display: flex;
      flex-direction: column;
  }
  
   .product-icons-container span img {
	   width: 90px;
   }
   
   
   #virtual-list-tab-1 .category-icons-container {
	  position: absolute;
	  z-index: 2;
      display: flex;
      gap: 15px;
	  left: 150px;
	  top: 10px;
   }
   
   #virtual-list-tab-1 .category-icons-container span img {
	   /* width: 50px; */
	   height: 25px;
   }
   
   #virtual-list-tab-1 .item-bx.style-1.item-list .dz-info {
	   padding: 58px 20px 15px 12px;
   }
   
   #virtual-list-tab-1 .item-bx.style-1.item-list .dz-info .item-title {
	   min-height: unset;
   }
   
   
   #virtual-list-tab-2 .category-icons-container {
	  position: absolute;
	  z-index: 2;
      display: flex;
	  flex-direction: column;
      
	  left: 5px;
	  top: 0;
   }
   
   #virtual-list-tab-2 .category-icons-container span img {
	   width: 50px;
	   
   }
   
   #virtual-list-tab-2 .item-bx.style-1.item-list .dz-info {
	   padding: 58px 20px 15px 12px;
   }
   
   #virtual-list-tab-2 .item-bx.style-1.item-list .dz-info .item-title {
	   min-height: unset;
   }
   
   .bookmark-btn {
	   display: none;
   }
   
   #subscribe-form {
	   background: transparent;
	   height: auto;
   }
   
   #subscribe-form li{
	   padding: 30px;
   }

#loading-spinner-category {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.spinner-category {
    width: 40px;
    height: 40px;
    border: 5px solid #ccc;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.zoom-icon {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 50%;
  padding: 5px;
  pointer-events: none;
  z-index: 10;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
  
  
  /* .item-detail-swiper .swiper-button-next, .item-detail-swiper .swiper-button-prev { */
      /* width: 11px !important; */
  /* } */
  
  @media screen and (max-width: 767px) { 
  
  
      .popup {
          top: 10%;
          width: 100%;
          height: 75%;	
      }
      
      .popup .block {
          margin: 20px 0px !important;
      }
      
      .shop-block {		
          flex-direction: column;
          align-items: center;
      }
      
      .google-map {
          width: 100%;
          height: 300px;
      }
      
      #shop-list {
          width: 100%;
      }
      
      #shop-list .item-content {
          padding-right: 16px;
      }
      
      .energy-class {
          width: unset;
      }
      
      .cart-product-box-second {
          justify-content: space-between;
      }
      
      .price-sum {
          font-size: 16px;
          padding: 0px;
          width: unset;
          font-weight: 600;
      }
      
      .cart-item {
          gap: 10px;
      }
      
      .item-detail-swiper2 {
          display: none;
      }

      .item-detail-swiper swiper-slide img {
        height: auto;
    }

    .item-detail-swiper {
        width: 100%;
        position: relative;
		top: 60px;
    }

    .swiper-box {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
	
	
  }