.table-container {
  max-width: 100%;
  overflow: auto;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 1rem 0;
  /* Header styling */
  /* First column (product names) - sticky left */
  /* First header cell - both sticky top and left */
  /* Regular cells */
  /* Product links */
  /* Image styling */
  /* Price styling */
  /* Power and specifications */
  /* Hover effects */
  /* Responsive adjustments */ }
  .table-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1200px; }
  .table-container thead th,
  .table-container thead td {
    background: #f3f6f9;
    color: #333;
    font-weight: bold;
    padding: 15px 12px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 20;
    border-right: 1px solid #e7e7e7;
    box-shadow: 7px 0 7px rgba(105, 101, 101, 0.15);
    font-size: 14px; }
  .table-container tbody th {
    background: #f8f9fa;
    border-right: 2px solid #e7e7e7;
    padding: 15px 12px;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 10;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); }
  .table-container thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 30;
    background: #f3f6f9;
    width: 250px;
    min-width: 250px;
    max-width: 250px; }
  .table-container tbody td {
    padding: 15px 12px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    vertical-align: middle;
    min-width: 120px; }
  .table-container tbody th a {
    color: #007bff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    display: block; }
  .table-container tbody th a:hover {
    color: #0056b3;
    text-decoration: underline; }
  .table-container .product-image {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #e9ecef; }
  .table-container .price-container {
    text-align: center; }
  .table-container .original-price {
    text-decoration: line-through;
    color: #6c757d;
    font-size: 12px;
    margin-bottom: 2px; }
  .table-container .discount {
    background: #dc3545;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px; }
  .table-container .current-price {
    color: #dc3545;
    font-weight: bold;
    font-size: 16px;
    margin: 5px 0; }
  .table-container .rating {
    color: #ffc107;
    font-weight: bold;
    margin-top: 5px; }
  .table-container .spec-text {
    font-weight: 600;
    color: #495057; }
  .table-container tbody tr:hover {
    background-color: #f8f9fa; }
  .table-container tbody tr:hover th {
    background-color: #e9ecef; }
  @media (max-width: 768px) {
    .table-container .table-container {
      font-size: 12px; }
    .table-container thead th,
    .table-container thead td {
      padding: 10px 8px; }
    .table-container tbody th,
    .table-container tbody td {
      padding: 12px 8px; }
    .table-container tbody th {
      width: 200px;
      min-width: 200px;
      max-width: 200px; }
    .table-container thead th:first-child {
      width: 200px;
      min-width: 200px;
      max-width: 200px; } }

.tcol h1 {
  margin-top: .25rem; }
  @media (max-width: 991px) {
    .tcol h1 {
      font-size: 1rem !important;
      line-height: 1.25 !important; }
      .tcol h1:before {
        height: .825rem !important; } }

.tcol .tcol-breadcrumb {
  box-shadow: 0 0 1px 0 rgba(60, 64, 67, 0.1), 0 0 3px 1px rgba(60, 64, 67, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  @media (max-width: 991px) {
    .tcol .tcol-breadcrumb {
      box-shadow: 0 0 1px 0 rgba(60, 64, 67, 0.1), 0 0 3px 1px rgba(60, 64, 67, 0.15); } }

.tcol .tcol-banner .swiper-wrapper:not([aria-live]) {
  gap: 1rem; }
  .tcol .tcol-banner .swiper-wrapper:not([aria-live]) .swiper-slide {
    width: calc((100% - 1rem)/2); }

.tcol .tcol-menu .tcol-menu-content ul {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto hidden;
  gap: .75rem; }
  @media (max-width: 640px) {
    .tcol .tcol-menu .tcol-menu-content ul {
      gap: .25rem; } }
  .tcol .tcol-menu .tcol-menu-content ul li:hover a, .tcol .tcol-menu .tcol-menu-content ul li:first-child a {
    color: #FFF;
    background: #1771B8; }
  .tcol .tcol-menu .tcol-menu-content ul li a {
    padding: 0.4375rem 0.625rem;
    border-radius: 0.625rem;
    color: #1771B8;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    white-space: nowrap;
    display: block; }
    @media (max-width: 640px) {
      .tcol .tcol-menu .tcol-menu-content ul li a {
        font-size: .7725rem;
        line-height: normal;
        padding: .375rem; } }

.tcol .tcol-category .category-slider-content {
  border-radius: 8px;
  display: block;
  height: auto; }
  .tcol .tcol-category .category-slider-content #categories-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .75rem;
    gap: .75rem; }
    @media (max-width: 991px) {
      .tcol .tcol-category .category-slider-content #categories-list {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        padding-bottom: .25rem;
        gap: .5rem;
        margin-bottom: .5rem; } }
    .tcol .tcol-category .category-slider-content #categories-list > a {
      width: 120px; }
      @media (max-width: 991px) {
        .tcol .tcol-category .category-slider-content #categories-list > a {
          min-width: 111px; } }
      @media (max-width: 640px) {
        .tcol .tcol-category .category-slider-content #categories-list > a {
          min-width: 4.7125rem; } }
      .tcol .tcol-category .category-slider-content #categories-list > a .card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        border: 0 solid inherit;
        border-radius: 0;
        padding: .5rem .45rem;
        border: 1px solid #fff;
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); }
        @media (max-width: 640px) {
          .tcol .tcol-category .category-slider-content #categories-list > a .card {
            padding: .25rem;
            box-shadow: none; } }
        .tcol .tcol-category .category-slider-content #categories-list > a .card .category-item-img {
          display: flex;
          align-items: center;
          margin: 0 auto .25rem;
          height: 80px; }
          @media (max-width: 640px) {
            .tcol .tcol-category .category-slider-content #categories-list > a .card .category-item-img {
              height: 3.075rem; } }
          .tcol .tcol-category .category-slider-content #categories-list > a .card .category-item-img img {
            height: 100%;
            max-height: 4.95rem;
            width: auto;
            max-width: 100%;
            display: block;
            margin: auto; }
            @media (max-width: 640px) {
              .tcol .tcol-category .category-slider-content #categories-list > a .card .category-item-img img {
                max-height: 3.975rem; } }
        .tcol .tcol-category .category-slider-content #categories-list > a .card .card-body {
          flex: 1 1 auto;
          min-height: 1px;
          padding: 0;
          display: flex;
          height: 35px;
          overflow: hidden;
          justify-content: center; }
          @media (max-width: 640px) {
            .tcol .tcol-category .category-slider-content #categories-list > a .card .card-body {
              height: auto; } }
          .tcol .tcol-category .category-slider-content #categories-list > a .card .card-body span {
            color: #3F5567;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            text-align: center;
            text-transform: capitalize;
            text-transform: capitalize;
            max-width: 80%;
            margin: 0 auto; }
            @media (max-width: 640px) {
              .tcol .tcol-category .category-slider-content #categories-list > a .card .card-body span {
                font-size: 0.5575rem; } }

.tcol .tcol-category .brand-list-link {
  margin-bottom: 12px; }
  .tcol .tcol-category .brand-list-link .filter-brand-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #1771B8;
    padding: .5rem 1rem;
    border-radius: .5rem; }
    @media (max-width: 640px) {
      .tcol .tcol-category .brand-list-link .filter-brand-wrap {
        padding: .375rem; } }
    .tcol .tcol-category .brand-list-link .filter-brand-wrap .title {
      color: #FFF;
      font-weight: 600;
      margin-right: 10px;
      white-space: nowrap;
      width: 100%;
      font-size: 18px;
      margin-bottom: 5px; }
      @media (max-width: 640px) {
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .title {
          font-size: .8125rem; } }
    .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter {
      display: flex;
      flex-wrap: wrap;
      gap: .6rem; }
      @media (max-width: 991px) {
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          gap: .25rem; } }
      @media (max-width: 640px) {
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter {
          width: 100%; } }
      @media (max-width: 420px) {
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter {
          width: 100%;
          grid-template-columns: repeat(4, 1fr); } }
      .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item {
        width: 102px;
        display: block;
        border-radius: 5px;
        background: #fff;
        border: none;
        padding: .125rem;
        height: 2.3rem; }
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item.list-brand-more {
          display: flex !important;
          align-items: center;
          justify-content: center; }
          .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item.list-brand-more a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: .8125rem; }
        @media (max-width: 991px) {
          .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item {
            width: auto;
            height: 2rem; }
            .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item:nth-child(n+8) {
              display: none; }
            .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item a {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 100%; }
              .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item a img {
                max-height: 1.5rem; } }
        .tcol .tcol-category .brand-list-link .filter-brand-wrap .list-brand-filter .item img {
          width: 100%;
          height: 100%;
          object-fit: contain; }

.tcol .tcol-category .widget-categories {
  padding-top: 0;
  margin-bottom: 12px;
  background: #FFF;
  padding: .5rem 1rem;
  border-radius: .5rem; }
  @media (max-width: 640px) {
    .tcol .tcol-category .widget-categories {
      padding: .375rem; } }
  .tcol .tcol-category .widget-categories .widget-title {
    color: var(--mainColor);
    font-weight: 600;
    margin-right: 10px;
    white-space: nowrap;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px; }
    @media (max-width: 640px) {
      .tcol .tcol-category .widget-categories .widget-title {
        font-size: .8125rem; } }
  .tcol .tcol-category .widget-categories .widget-body {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .tcol .tcol-category .widget-categories .widget-body {
        flex-wrap: unset;
        overflow-x: scroll;
        margin-bottom: 8px;
        display: flex;
        padding-bottom: .25rem; } }
    .tcol .tcol-category .widget-categories .widget-body .widget-item {
      width: 97px;
      height: 109px;
      position: relative;
      margin-right: 10px;
      margin-top: 5px;
      line-height: normal;
      border-radius: 9px;
      font-weight: 600;
      box-shadow: 0 0 1px 0 rgba(60, 64, 67, 0.1), 0 0 6px 1px rgba(60, 64, 67, 0.15); }
      @media (max-width: 991px) {
        .tcol .tcol-category .widget-categories .widget-body .widget-item {
          width: 80px;
          min-width: 111px;
          margin-right: 8px;
          margin-top: 5px;
          line-height: normal;
          border-radius: 9px;
          font-weight: 600;
          height: 125px;
          position: relative; } }
      @media (max-width: 640px) {
        .tcol .tcol-category .widget-categories .widget-body .widget-item {
          min-width: 4.4125rem;
          height: 4.5rem; } }
      .tcol .tcol-category .widget-categories .widget-body .widget-item .label-name {
        position: absolute;
        width: 90%;
        padding: 5px;
        left: 5%;
        text-align: center;
        top: 0;
        color: #fff;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; }
        @media (max-width: 991px) {
          .tcol .tcol-category .widget-categories .widget-body .widget-item .label-name {
            font-size: 12px; } }
        @media (max-width: 640px) {
          .tcol .tcol-category .widget-categories .widget-body .widget-item .label-name {
            font-size: 0.5375rem; } }
      .tcol .tcol-category .widget-categories .widget-body .widget-item img {
        width: 55%;
        position: absolute;
        left: 25%;
        bottom: 5px; }
        @media (max-width: 991px) {
          .tcol .tcol-category .widget-categories .widget-body .widget-item img {
            width: 70%;
            left: 15%; } }
        @media (max-width: 991px) {
          .tcol .tcol-category .widget-categories .widget-body .widget-item img {
            width: 60%;
            left: 20%; } }

.tcol .tcol-filter {
  /*@media(max-width: 991px){ padding: 0; background: transparent; }*/ }

.tcol .tcol-product .tcol-product-items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background: #FFF;
  border-radius: .5rem;
  border-left: 1px solid rgba(23, 113, 184, 0.1);
  border-top: 1px solid rgba(23, 113, 184, 0.1); }
  .tcol .tcol-product .tcol-product-items > * {
    min-width: 0; }
  @media (max-width: 1024px) {
    .tcol .tcol-product .tcol-product-items {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 640px) {
    .tcol .tcol-product .tcol-product-items {
      grid-template-columns: repeat(2, 1fr); } }
  .tcol .tcol-product .tcol-product-items .tcol-product-item {
    border-right: 1px solid rgba(23, 113, 184, 0.1);
    border-bottom: 1px solid rgba(23, 113, 184, 0.1); }

.tcol .tcol-loadmore {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: #1771B8;
  padding: .5rem 1.5rem;
  border-radius: .5rem;
  color: #FFF !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1); }
  @media (max-width: 640px) {
    .tcol .tcol-loadmore {
      padding: .375rem;
      font-size: .6875rem;
      line-height: normal; } }
  .tcol .tcol-loadmore svg {
    width: 10px;
    height: 10px; }

.tcol .tcol-description .main-collection-description-content.expand {
  max-height: inherit !important;
  padding-bottom: 40px; }
  .tcol .tcol-description .main-collection-description-content.expand + .overlay-content {
    display: none; }

.tcol .tcol-description .button-seemore-absolute.expand svg {
  transform: rotate(-180deg); }

.tcol .tcol-blog ul {
  margin-top: 1rem; }
  .tcol .tcol-blog ul li {
    /*& + li{ margin-top: .375rem; padding-top: .375rem; border-top: 1px solid rgba(217, 217, 217, 0.80); }*/
    margin-bottom: .375rem;
    padding-bottom: .375rem;
    border-bottom: 1px solid rgba(217, 217, 217, 0.8); }
    @media (max-width: 991px) {
      .tcol .tcol-blog ul li:nth-child(n+5) {
        display: none; } }
    .tcol .tcol-blog ul li .tcol-blog-item {
      display: grid;
      grid-template-columns: 90px 1fr;
      gap: .9rem; }
      .tcol .tcol-blog ul li .tcol-blog-item > * {
        min-width: 0; }
      .tcol .tcol-blog ul li .tcol-blog-item > a img {
        aspect-ratio: 160/96;
        max-height: 54px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: .5rem; }
      .tcol .tcol-blog ul li .tcol-blog-item > span {
        overflow: hidden;
        color: var(--colors-gray-950, #030712);
        font-family: Roboto; }
        .tcol .tcol-blog ul li .tcol-blog-item > span a:hover {
          color: var(--color_main); }
        .tcol .tcol-blog ul li .tcol-blog-item > span b {
          font-size: 0.875rem;
          font-style: normal;
          font-weight: 600;
          line-height: 140%;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          transition: all 0.25s;
          line-height: 1.4;
          -webkit-line-clamp: 2;
          height: calc(1em * 1.4 * 2); }
          @media (max-width: 640px) {
            .tcol .tcol-blog ul li .tcol-blog-item > span b {
              font-size: .75rem; } }
        .tcol .tcol-blog ul li .tcol-blog-item > span small {
          font-size: 70%;
          color: #64748B; }
          .tcol .tcol-blog ul li .tcol-blog-item > span small a {
            color: #2C85C9;
            text-align: justify; }
          .tcol .tcol-blog ul li .tcol-blog-item > span small hr {
            width: 1px;
            height: 10px;
            background: #64748B;
            display: inline-block;
            margin: 0; }

@media (max-width: 640px) {
  .tcol .tcol-blog .button-seemore-absolute {
    bottom: inherit;
    font-size: .8175rem; } }

.shop-filter [shop-filter-heading] {
  color: var(--Matisse-700, #135791);
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: .75rem; }
  @media (max-width: 991px) {
    .shop-filter [shop-filter-heading] {
      margin-bottom: .5rem; } }
  @media (max-width: 640px) {
    .shop-filter [shop-filter-heading] {
      font-size: .8125rem; } }

.shop-filter list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .75rem; }
  @media (max-width: 991px) {
    .shop-filter list {
      gap: .5rem; } }
  .shop-filter list label {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    color: #444;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    padding: 2.5px 7.5px;
    margin: 0;
    background: #f3f4f6;
    border: 1px solid #e5e7eb; }
    @media (max-width: 991px) {
      .shop-filter list label {
        font-size: 12px;
        padding: 2.5px 5px;
        white-space: normal;
        min-height: 26px;
        height: auto; } }
    .shop-filter list label.active {
      color: #23aade;
      border: 1px solid #23aade;
      background-color: #e2f7ff; }
    .shop-filter list label input {
      display: none; }

.shop-filter .fitler-action {
  display: flex;
  background: #fff;
  padding: .5rem 0 0;
  border-radius: 7px; }
  .shop-filter .fitler-action .btn-fitler-action {
    padding: 6px 10px;
    border-radius: 9px;
    display: inline-block;
    width: 50%;
    text-align: center; }
    @media (max-width: 991px) {
      .shop-filter .fitler-action .btn-fitler-action {
        font-size: .875rem;
        padding: 5px 7.5px; } }
    .shop-filter .fitler-action .btn-fitler-action.cancel {
      color: var(--mainColor);
      background: #ccf1ff;
      margin-right: 10px; }
    .shop-filter .fitler-action .btn-fitler-action.submit {
      color: #fff;
      background: var(--mainColor); }

.shop-filter .shop-filter-data {
  margin-bottom: 1rem; }
  @media (max-width: 991px) {
    .shop-filter .shop-filter-data {
      margin-bottom: .25rem; } }
  .shop-filter .shop-filter-data .shop-filter-data-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; }
    @media (max-width: 640px) {
      .shop-filter .shop-filter-data .shop-filter-data-items {
        flex-wrap: nowrap;
        overflow: auto;
        white-space: nowrap;
        padding-bottom: .25rem; } }
    .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item {
      position: relative; }
      @media (max-width: 991px) {
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item {
          position: static; } }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-head span {
        margin-left: .25rem; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-body {
        padding: 15px;
        width: 800px; }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-body ul {
          max-height: 60vh;
          overflow: hidden auto;
          /*display: grid;
							grid-template-columns: repeat(3, 1fr);
							align-items: stretch;
							gap: 1rem;*/
          margin: 0 -.5rem; }
          .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-body ul li {
            float: left;
            margin-bottom: 1rem;
            padding: 0 .5rem;
            width: calc(100%/3); }
            @media (max-width: 991px) {
              .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-body ul li {
                width: 50%; } }
            .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.all .shop-filter-data-item-body ul li strong {
              font-size: 14px;
              font-weight: bold;
              color: #333;
              margin-bottom: .5rem;
              display: block; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item:has(label.active) .shop-filter-data-item-head {
        color: #23aade;
        border: 1px solid #23aade;
        background-color: #e2f7ff; }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item:has(label.active) .shop-filter-data-item-head span {
          color: #23aade !important; }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item:has(label.active) .shop-filter-data-item-head svg:last-of-type {
          fill: #23aade; }
          .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item:has(label.active) .shop-filter-data-item-head svg:last-of-type * {
            fill: #23aade; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active .shop-filter-data-item-head {
        color: #23aade;
        border: 1px solid #23aade;
        background-color: #e2f7ff; }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active .shop-filter-data-item-head span {
          color: #23aade !important; }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active .shop-filter-data-item-head svg:last-of-type {
          transform: rotate(180deg);
          fill: #23aade; }
          .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active .shop-filter-data-item-head svg:last-of-type * {
            fill: #23aade; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active.active-reverse .shop-filter-data-item-body {
        left: initial;
        right: 0px; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item.active .shop-filter-data-item-body {
        display: block; }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item .shop-filter-data-item-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: .15rem .1rem .15rem .5rem;
        border-radius: 7px;
        border: 1px solid #CBD5E1;
        background: #f3f4f6;
        cursor: pointer;
        /*@media(max-width: 991px){ background: #FFF; }*/ }
        .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item .shop-filter-data-item-head span {
          font-size: 0.8125rem;
          font-style: normal;
          font-weight: normal;
          line-height: 150%;
          color: #475569; }
        @media (max-width: 640px) {
          .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item .shop-filter-data-item-head svg:last-child {
            width: 18px;
            height: 18px; } }
      .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item .shop-filter-data-item-body {
        display: none;
        position: absolute;
        width: 500px;
        background: #fff;
        border: 1px solid #eee;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
        transition: .5s;
        border-radius: .5rem;
        margin-top: 1rem;
        padding: .75rem;
        z-index: 9; }
        @media (max-width: 991px) {
          .shop-filter .shop-filter-data .shop-filter-data-items .shop-filter-data-item .shop-filter-data-item-body {
            max-width: 100%; } }

.shop-filter .shop-filter-result {
  margin-bottom: 1rem;
  display: none; }
  @media (max-width: 991px) {
    .shop-filter .shop-filter-result {
      margin-bottom: .25rem; } }
  .shop-filter .shop-filter-result .shop-filter-result-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem; }
    @media (max-width: 991px) {
      .shop-filter .shop-filter-result .shop-filter-result-items {
        flex-wrap: nowrap;
        overflow: auto hidden;
        white-space: nowrap;
        padding-bottom: .25rem; } }
    .shop-filter .shop-filter-result .shop-filter-result-items li svg {
      fill: #23aade;
      color: #23aade; }
      .shop-filter .shop-filter-result .shop-filter-result-items li svg * {
        fill: #23aade;
        color: #23aade; }
    .shop-filter .shop-filter-result .shop-filter-result-items li label {
      margin: 0;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.25;
      cursor: pointer;
      text-transform: capitalize; }
    .shop-filter .shop-filter-result .shop-filter-result-items li:not(:last-child) label {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: .25rem;
      padding: .35rem 1rem;
      border-radius: 40px;
      color: #23aade;
      border: 1px solid #23aade;
      background: #F0F7FF; }
      @media (max-width: 991px) {
        .shop-filter .shop-filter-result .shop-filter-result-items li:not(:last-child) label {
          border-radius: 7px;
          padding: 2.5px 5px;
          font-size: 12px; } }
    .shop-filter .shop-filter-result .shop-filter-result-items li:last-child label {
      margin-left: .5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: .25rem;
      font-size: 15px;
      font-weight: normal;
      text-transform: capitalize;
      border-bottom: 1px solid #5a5a5a; }
      .shop-filter .shop-filter-result .shop-filter-result-items li:last-child label:hover {
        color: #F30;
        border-color: #F30; }
        .shop-filter .shop-filter-result .shop-filter-result-items li:last-child label:hover svg, .shop-filter .shop-filter-result .shop-filter-result-items li:last-child label:hover svg * {
          fill: #F30; }

.shop-filter .shop-filter-sort .shop-filter-sort-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem; }
  @media (max-width: 991px) {
    .shop-filter .shop-filter-sort .shop-filter-sort-items {
      white-space: nowrap;
      overflow-x: auto;
      padding-bottom: .25rem; } }
  .shop-filter .shop-filter-sort .shop-filter-sort-items li label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .25rem;
    padding: 0.28125rem 0.75rem;
    height: 1.875rem;
    border-radius: 6.25rem;
    color: #475569;
    border: 1px solid #E5E7EB;
    background: #F1F5F9;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    cursor: pointer; }
    .shop-filter .shop-filter-sort .shop-filter-sort-items li label svg {
      width: 20px;
      height: 20px; }
    @media (max-width: 640px) {
      .shop-filter .shop-filter-sort .shop-filter-sort-items li label {
        font-size: .7625rem;
        padding: .25rem;
        height: 1.65rem;
        margin-bottom: 0; } }
    .shop-filter .shop-filter-sort .shop-filter-sort-items li label:has(:checked) {
      color: #23aade;
      border: 1px solid #23aade; }

@media (max-width: 767px) {
  .tcol .tcol-description .main-collection-description-content.expand .table-container table.table-striped tr td:nth-child(4) {
    width: 200px !important; }
  .tcol .tcol-description .main-collection-description-content.expand .table-container table.table-striped td.product-processed {
    width: 150px !important; }
  .tcol .tcol-description .main-collection-description-content.expand .table-container table.table-striped td.product-price-td {
    width: 175px !important; }
  .tcol .tcol-description .main-collection-description-content.expand table tr td.product-image-td {
    width: 175px !important;
    min-width: 175px;
    max-width: 175px !important; } }