.product-media img:first-child{
    height: 240px!important;
    object-fit: contain!important;
}
.product-cart .product-media img {
    height: 80px !important;
}

.widget-products .product-media img {
  height: 90px!important;
}
.product-single-swiper img {
    max-height: 500px;
    min-height: 350px;
    object-fit: contain;
}
.product-form .product-media img {
    height: 100%!important;
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: visible;
  transition: background-color 0.3s ease;
}

.whatsapp-button:hover {
  background-color: #1da851;
}

.whatsapp-icon {
  width: 30px;
  height: 30px;
  z-index: 2;
}

.pulse {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(37, 211, 102, 0.5);
  border-radius: 50%;
  animation: pulseEffect 1.5s infinite;
  z-index: 1;
}

@keyframes pulseEffect {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.8);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

@media screen and (max-width: 480px) {
  .whatsapp-button {
    width: 50px;
    height: 50px;
    bottom: 80px;
    right: 15px;
  }

  .whatsapp-icon {
    width: 24px;
    height: 24px;
  }

  .pulse {
    width: 50px;
    height: 50px;
  }
}

.capa{position:absolute; top:0; left:0; width:100%; height:100%;  background: rgba(0,0,0,0.4); z-index:1;}
.product-cart .product-name{
  max-width: 180px;
  display: -webkit-box;
  -webkit-line-clamp: 2;    
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 480px) {
  .product-cart .product-name {
    max-width: 120px;
  }
}
.megamenu > li > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* crea columnas automáticas */
  gap: 5px 20px; /* espacio entre filas y columnas */
  max-height: none;
}

.megamenu > li > ul > li {
  list-style: none;
}

.megamenu > li > ul > li a {
  display: block;
  padding: 4px 0;
}

.newsletter-content{
	width:100%!important;
}

a:hover {
    cursor: pointer;
}
.login-popup .btn {
    width: 100%!important;
}
.product-hidden-details .btn-cart{
	font-size:1.0rem!important;
}


.banner-electronics {
    display: flex;
    align-items: center;
    padding: 3.9% 3.8% 4.2%;
    margin-bottom: 4.7rem
}

.banner-electronics .banner-content {
    margin-right: 5.5rem
}

.banner-electronics .banner-price-info {
    margin-bottom: 0.2rem;
    font-size: 2.4em
}

.banner-electronics .banner-title {
    font-size: 3.2em
}

@media (max-width: 991px) {
    .intro-slide1 .banner-content {
        right:3%
    }

    .intro-slide2 .slide-image {
        left: 40%
    }

    .intro-slide2 .banner-content,.intro-slide3 .banner-content {
        left: 3%
    }

    .products.grid-type {
        grid-template-columns: repeat(auto-fill,calc(100% / 12))
    }

    .products.grid-type .lg-item {
        grid-column-end: span 8
    }

    .products.grid-type .sm-item:nth-child(2),.products.grid-type .sm-item:nth-child(3) {
        grid-column-end: span 4
    }

    .products.grid-type .sm-item {
        grid-column-end: span 3
    }

    .tab-with-title {
        flex-direction: column
    }

    .tab-with-title .nav-tabs {
        justify-content: center
    }
}

@media (max-width: 767px) {
    .intro-slide {
        font-size:0.9rem
    }

    .intro-slide1 .slide-image {
        right: 50%
    }

    .products.grid-type {
        grid-template-columns: repeat(auto-fill,calc(100% / 2))
    }

    .products.grid-type .lg-item {
        grid-column-end: span 2
    }

    .products.grid-type .sm-item,.products.grid-type .sm-item:nth-child(2),.products.grid-type .sm-item:nth-child(3) {
        grid-column-end: span 1
    }

    .categories {
        padding: 3rem
    }

    .banner-electronics {
        display: block
    }

    .banner-electronics .banner-content {
        margin-right: 0;
        margin-bottom: 3rem
    }

    .sale-banner .content-left {
        padding-left: 3rem
    }
}

@media (max-width: 575px) {
    .banner {
        font-size:0.8rem
    }

    .intro-slide1 .banner-content {
        right: 0
    }

    .intro-slide2 .banner-content,.intro-slide3 .banner-content {
        left: 0
    }

    .intro-slide3 .slide-image {
        bottom: -3.5rem
    }

    .banner-product-wrapper .banner {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .banner-electronics {
        padding: 4rem 2rem
    }

    .title-link-wrapper {
        align-items: center
    }

    .title-link-wrapper .product-countdown-container {
        margin: 0 auto 1rem auto
    }
}
.widget-body>li.active>a{
    color: #9dabaf
}
#splash-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, #3b3a3a, #2f3234, #1f2326);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;
      box-sizing: border-box;
      z-index: 9999;
      transition: opacity 0.5s ease;
    }

    .logo-img {
      width: 80%;
      max-width: 250px;
      height: auto;
      margin-bottom: 60px;
      animation: fadeIn 1.5s ease-in-out;
    }

    .spinner {
      position: relative;
      width: 30px;
      height: 30px;
      margin-bottom: 30px;
    }

    .spinner div {
      animation: spinner-4t3wzl 1.875s infinite backwards;
      background-color: #fff;
      border-radius: 50%;
      height: 100%;
      position: absolute;
      width: 100%;
    }

    .spinner div:nth-child(1) { animation-delay: .15s; background-color: #ffffffe6; }
    .spinner div:nth-child(2) { animation-delay: .3s; background-color: #fffc; }
    .spinner div:nth-child(3) { animation-delay: .45s; background-color: #ffffffb3; }
    .spinner div:nth-child(4) { animation-delay: .6s; background-color: #fff9; }
    .spinner div:nth-child(5) { animation-delay: .75s; background-color: #ffffff80; }

    @keyframes spinner-4t3wzl {
      0% { transform: rotate(0) translateY(-200%); }
      60%, 100% { transform: rotate(360deg) translateY(-200%); }
    }

    .message {
      font-size: 1.2em;
      font-weight: 500;
      color: #fff;
      opacity: 0.9;
      text-align: center;
      animation: fadeIn 2s ease-in-out;
      padding: 0 10px;
	  margin: 40px;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 480px) {
      .logo-img {
        width: 70%;
        margin-bottom: 30px;
      }

      .spinner {
        width: 20px;
        height: 20px;
        margin-bottom: 20px;
      }

      .message {
        font-size: 1em;
      }
    }

.ratings:before{
	color:#f77c29!important;
}
.cart-dropdown .products {
    max-height: 64vh;
    overflow-y: auto; 
    overflow-x: hidden;
}
@media (max-width: 768px) {
  .cart-dropdown .products {
    max-height: 50vh;
  }
}

@media (max-width: 480px) {
  .cart-dropdown .products {
    max-height: 40vh;
  }
}
.cart-dropdown .products {
    padding-right: 12px; /* para evitar que el scroll tape texto o imágenes */
}


#product-tab-reviews {
  border-bottom-width: 0;
}
#product-tab-reviews p {
  font-size: 1.4rem;
}
#product-tab-reviews .avg-rating-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  margin-bottom: 0.2rem;
}
#product-tab-reviews .avg-mark {
  font-size: 6em;
  font-weight: 600;
  color: #336699;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 0;
}
#product-tab-reviews .avg-rating {
  margin-left: 1.8rem;
}
#product-tab-reviews .avg-rating p {
  font-size: 1.4rem;
  line-height: 1.4;
}
#product-tab-reviews .avg-rating .ratings-container {
  margin-bottom: 0.3rem;
}
#product-tab-reviews .avg-rating .ratings-full {
  margin-right: 0.8rem;
}
#product-tab-reviews .ratings-value {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
}
#product-tab-reviews .ratings-value span:first-child {
  margin-right: 2.1rem;
  font-size: 2.5rem;
}
#product-tab-reviews .ratings-value .count {
  margin-left: 0.6rem;
  font-size: 1.2rem;
  color: #aaa;
}
#product-tab-reviews .ratings-list .ratings-container {
  margin-bottom: 1.5rem;
}
#product-tab-reviews .ratings-list .progress-bar {
  max-width: 20rem;
  margin-left: 1.3rem;
  margin-bottom: 0;
  border-radius: 0.4rem;
}
#product-tab-reviews .ratings-list .progress-bar span {
  border-radius: 0.4rem;
}
#product-tab-reviews .ratings-list .progress-value {
  margin-left: 2rem;
  min-width: 4rem;
}
#product-tab-reviews .ratings-list .progress-value mark {
  font-size: 1.2rem;
  color: #666;
}
#product-tab-reviews .title-link {
  font-size: 1.4rem;
}
#product-tab-reviews .review-form {
  padding-top: 0.3rem;
}
#product-tab-reviews .review-form .form-control {
  min-height: 4rem;
  margin-bottom: 2rem;
  font-family: Poppins, sans-serif;
  font-size: 1.3rem;
  border-color: #eee;
  color: #777;
}
#product-tab-reviews .review-form .form-control::-webkit-input-placeholder {
  color: inherit;
}
#product-tab-reviews .review-form .form-control::-moz-placeholder {
  color: inherit;
}
#product-tab-reviews .review-form .form-control:-ms-input-placeholder {
  color: inherit;
}
#product-tab-reviews .review-form .form-control::-ms-input-placeholder {
  color: inherit;
}
#product-tab-reviews .review-form .form-control::placeholder {
  color: inherit;
}
#product-tab-reviews .review-form textarea {
  height: 13.3rem;
}
#product-tab-reviews .review-form .btn {
  background-color: #454545;
  border-color: #454545;
}
#product-tab-reviews .form-group {
  margin: 0.4rem 0 4.1rem;
  font-size: 1.4rem;
}
#product-tab-reviews .form-group label {
  padding-left: 2.7rem;
}
#product-tab-reviews .form-group .custom-checkbox + label::before {
  top: 0;
  -webkit-transform: none;
          transform: none;
  margin-top: 0.2rem;
}
#product-tab-reviews .tab-nav-boxed .nav-item {
  margin: 0 1rem 0.5rem 1rem;
}
#product-tab-reviews .tab-nav-boxed .nav-link {
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  border-width: 1px;
  padding: 0.9em 1.5em;
  border-radius: 2rem;
}
#product-tab-reviews .tab-nav-boxed .nav-link::after {
  content: none;
}
#product-tab-reviews .tab-nav-boxed .nav-link:hover, #product-tab-reviews .tab-nav-boxed .nav-link.active {
  color: #336699;
}
#product-tab-reviews .tab-nav-boxed .tab-pane {
  padding: 1.5rem 0 0;
}
.product-gallery-btn {
  position: absolute;
  padding: 1rem;
  width: 4rem;
  height: 4rem;
  right: 1.5rem;
  bottom: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  border-radius: 50%;
  color: #999;
  background: #fff;
  font-size: 2rem;
  line-height: 1;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  z-index: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.product-gallery-btn.product-degree-viewer {
  bottom: 6.5rem;
}
.product-gallery-btn.product-video-viewer {
  bottom: 11.5rem;
}
.product-gallery-btn:hover {
  opacity: 1;
  color: #333;
}
.product-sticky-content.fixed {
  background-color: #fff;
}

/* -----------------------------------------------
    Comments
------------------------------------------------- */
.comments .comment {
  position: relative;
  font-size: 1.3rem;
  padding: 3rem 0;
  border-top: 1px solid #eee;
  padding: 4rem 0;
}
.comments .comment:last-child {
  padding-bottom: 2rem;
}
.comments > li {
  position: relative;
  border-top: 1px solid #eee;
  font-size: 1.3rem;
  padding: 3rem 0;
}
.comments ul.children {
  margin-left: 10rem;
}

.comment-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-body .comment-content p {
  margin-bottom: 1.6rem;
  line-height: 1.9;
}

.comment-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9rem;
          flex: 0 0 9rem;
  max-width: 9rem;
  margin-right: 2rem;
}

.comment-author {
  margin: 0.5rem 0 1rem;
  font-size: 1.8rem;
  color: #333;
  line-height: 1;
}
.comment-author a {
  margin-right: 0.4rem;
  color: inherit;
}

.comment-date {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #999;
}

.ratings-container.comment-rating {
  margin-bottom: 1.3rem;
}

.comment-action > * {
  margin-right: 2.4rem;
}
.comment-action .btn i {
  font-size: 1.4rem;
}

.review-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-image figure {
  max-width: 6rem;
  margin-top: 2rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  overflow: hidden;
}

@media (max-width: 575px) {
  .comments .comment-action span {
    display: none;
  }
  .comments ul.children {
    margin-left: 3rem;
  }

  .comment-avatar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7rem;
            flex: 0 0 7rem;
    max-width: 7rem;
  }
}

/*----------------------------------------
    Wishlist Page
----------------------------------------*/
.wishlist-page .wishlist-title {
  margin-bottom: 2.4rem;
  line-height: 1.6;
  letter-spacing: -0.015em;
}
.wishlist-page .social-links {
  margin-bottom: 2.8rem;
  padding: 2.2rem 0;
}
.wishlist-page .social-links label {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  margin-right: 1.6rem;
  letter-spacing: -0.01em;
}
.wishlist-page .social-icon {
  margin-right: 0.8rem;
}

.shop-table {
  text-align: start;
}
.shop-table tbody {
  border-bottom: 1px solid #eee;
}
.shop-table td {
  padding: 2rem 0 2rem 0;
  border-top: 1px solid #eee;
  font-size: 1.4rem;
}
.shop-table tbody td:not(:first-child),
.shop-table thead th:not(:first-child) {
  padding-left: 1rem;
}
.shop-table .product-thumbnail {
  width: 11rem;
  padding-right: 1rem;
}
.shop-table .product-name {
  white-space: normal;
  word-break: break-word;
}
.shop-table .product-thumbnail a {
  position: relative;
}
.shop-table th {
  padding: 1.7rem 0 1.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  text-transform: capitalize;
  line-height: 1.6;
  letter-spacing: 0;
}
.shop-table img {
  display: block;
  max-width: 100px;
}
.shop-table .product-thumbnail > div {
  display: block;
  max-width: 10rem;
  width: 100%;
}
.shop-table .btn-close {
  position: absolute;
  padding: 0;
  background: #fff;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  top: -14px;
  right: -8px;
}
.shop-table .btn-close i {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0;
}
.shop-table .btn-close:hover {
  background-color: #fff;
}
.shop-table .btn-close:hover i {
  color: #336699;
}

.wishlist-table .new-price {
  color: #333;
}
.wishlist-table .wishlist-in-stock {
  color: #336699;
}
.wishlist-table .wishlist-out-stock {
  color: #f93;
}
.wishlist-table .btn-sm {
  padding: 0.77em 2.07em;
}
.wishlist-table .btn-quickview {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
  border: 1px solid #ccc;
  color: #333;
}
.wishlist-table .btn-quickview:hover {
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}
.wishlist-table .product-price {
  width: 15.17%;
}
.wishlist-table .product-stock-status {
  width: 19.84%;
}
.wishlist-table .wishlist-action {
  width: 24.19%;
}

@media (max-width: 767px) {
  .shop-table:not(.account-orders-table) {
    text-align: center;
  }
  .shop-table:not(.account-orders-table) thead {
    display: none;
  }
  .shop-table:not(.account-orders-table) tbody {
    border: 1px solid #eee;
  }
  .shop-table:not(.account-orders-table) tbody, .shop-table:not(.account-orders-table) tr, .shop-table:not(.account-orders-table) td {
    display: block;
  }
  .shop-table:not(.account-orders-table) tr {
    position: relative;
    padding: 4.2rem 2rem 4rem;
  }
  .shop-table:not(.account-orders-table) tr + tr {
    border-top: 1px solid #eee;
  }
  .shop-table:not(.account-orders-table) td {
    padding: 0;
    border: none;
  }
  .shop-table:not(.account-orders-table) td.product-thumbnail,
.shop-table:not(.account-orders-table) .product-quantity {
    margin-bottom: 1rem;
    width: auto;
  }
  .shop-table:not(.account-orders-table) td.product-thumbnail {
    padding-right: 0;
  }
  .shop-table:not(.account-orders-table) .product-name, .shop-table:not(.account-orders-table) .product-price, .shop-table:not(.account-orders-table) .product-stock-status {
    margin-bottom: 1rem;
  }
  .shop-table:not(.account-orders-table) .product-thumbnail > div, .shop-table:not(.account-orders-table) td {
    margin-left: auto;
    margin-right: auto;
  }
  .shop-table:not(.account-orders-table) .product-thumbnail > div {
    max-width: 30rem;
  }
  .shop-table:not(.account-orders-table) .product-thumbnail > div img {
    max-width: 100%;
  }
  .shop-table:not(.account-orders-table) .product-stock-status,
.shop-table:not(.account-orders-table) .wishlist-action {
    width: auto;
  }
  .shop-table:not(.account-orders-table) tbody td:not(:first-child),
.shop-table:not(.account-orders-table) thead th:not(:first-child) {
    padding-left: 0;
  }
}
.cart-dropdown .cart-action .btn{
	width:100%;
}

/*-----------------------------------------------
    Shop Page
        - Default Shop Banner
        - List
        - Category Wrapper
        - Toolbox
            (toolbox toolbox-left toolbox-right select-box)
        - Toolbox Item
        - Select Menu
        - Selected Items
        - Toolbox Pagination
        - Toolbox Horizontal
        - Toolbox Navigation
------------------------------------------------*/
.shop-default-banner {
  padding: 7.4em 8.7em 7.6em;
}
.shop-default-banner .banner-subtitle {
  margin-bottom: 0.2rem;
  font-size: 2.8em;
}
.shop-default-banner .banner-title {
  margin-bottom: 1.9rem;
  font-size: 4em;
}
.shop-default-banner .btn {
  padding: 1.25em 1.98em;
  font-size: 1.4em;
}
.shop-default-banner .btn i {
  font-size: 1.7rem;
}

.shop-boxed-banner {
  padding-left: 4.8em;
  padding-right: 4.8em;
}
.shop-boxed-banner .banner-subtitle {
  letter-spacing: -0.02em;
}

.shop-default-brands {
  padding: 0.5rem 0;
}

.shop-default-category {
  border-bottom: 1px solid #eee;
  padding-bottom: 3.5rem;
}
.shop-default-category .category-name {
  text-transform: capitalize;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
}
.shop-default-category .category-media {
  border: none;
  -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}
.shop-default-category .category-ellipse:hover .category-media {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.shop-default-category .category-ellipse:hover .category-name {
  color: #336699;
}

.product-lists .product-list {
  border-top: 1px solid #eee;
}
.product-lists .product-list .product-short-desc {
  margin-bottom: 1.5rem;
}
.product-lists .product-wrap:last-child .product-list {
  margin-bottom: 0;
}

.toolbox,
.toolbox-right,
.toolbox-left,
.toolbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.toolbox label,
.toolbox-right label,
.toolbox-left label,
.toolbox-item label {
  font-weight: 600;
  margin-right: 1rem;
  line-height: 1.5;
}

.toolbox-right {
  margin-left: auto;
}

.toolbox {
  padding-bottom: 1rem;
}
.toolbox.toolbox-pagination {
  padding: 2.5rem 0;
  border-top: 1px solid #f4f4f4;
}
.toolbox > :not(.toolbox-pagination)*:not(:last-child), .toolbox-left > :not(.toolbox-pagination)*:not(:last-child), .toolbox-right > :not(.toolbox-pagination)*:not(:last-child) {
  margin-right: 1rem;
}
.toolbox .showing-info {
  font-size: 1.3rem;
  color: #aaa;
}
.toolbox .showing-info span {
  margin: 0 0.9rem;
  color: #333;
}
.toolbox .select-box {
  color: #333;
}
.toolbox .select-box::before {
  font-size: 1.1rem;
  right: 1rem;
  margin-top: 0.1rem;
}
.toolbox select {
  max-width: none;
  width: 15.4rem;
  padding: 0.75em 2.7rem 0.75em 1.4rem;
  border-radius: 0.3rem;
  cursor: pointer;
  border: 1px solid #d7d7d7;
}
.toolbox .toolbox-show select {
  padding-left: 1.3rem;
  padding-right: 2.8rem;
  width: 9.4rem;
}
.toolbox .item-found {
  color: #a9a9a9;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.toolbox .item-found span {
  color: #333;
  margin-right: 0.4rem;
}
.toolbox .left-sidebar-toggle,
.toolbox .right-sidebar-toggle {
  padding: 0.78em 1.05em;
  font-size: 1.3rem;
}
.toolbox .left-sidebar-toggle i,
.toolbox .right-sidebar-toggle i {
  margin-right: 0.7rem;
  margin-left: 0.3rem;
  font-size: 1.4rem;
}
.toolbox .left-sidebar-toggle {
  margin: 0 2rem 1rem 0;
}
.toolbox .right-sidebar-toggle {
  margin-left: 2rem;
}

.toolbox-item {
  margin-bottom: 1rem;
}

.sticky-toolbox.fixed {
  background: #fff;
  padding: 1rem 2rem 0 !important;
}

.selected-items {
  display: none;
}
.toolbox + .selected-items {
  font-size: 1.2rem;
}
.selected-items > * {
  display: inline-block;
  margin: 0 0.8rem 0.5rem 0;
}
.selected-items .filter-clean {
  margin-left: 1.2rem;
}

.selected-item {
  line-height: 1;
  letter-spacing: 0;
  background-color: #f5f5f5;
  color: #666;
  padding: 8px 1rem;
}
.selected-item i {
  margin-left: 1.1rem;
  vertical-align: middle;
}

.toolbox-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.9rem;
}

.btn-layout {
  line-height: 1;
  color: #dadada;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.btn-layout + .btn-layout {
  margin-left: 1rem;
}
.btn-layout i {
  font-size: 1.9rem;
  color: inherit;
}
.btn-layout.active, .btn-layout:hover {
  color: #333;
}

@media (max-width: 991px) {
  .shop-content .main-content {
    width: 100%;
  }

  .toolbox .sidebar-fixed {
    margin-right: 0;
  }
  .toolbox .sidebar-content {
    display: block;
  }
}
@media (max-width: 767px) {
  .shop-default-banner {
    padding: 5em;
    font-size: 0.9rem;
  }
}
@media (max-width: 575px) {
  .shop-default-banner {
    padding: 4rem 3rem;
    font-size: 0.8rem;
  }

  .toolbox-left label,
.toolbox-right .toolbox-layout {
    display: none;
  }

  .toolbox-right .toolbox-item.toolbox-show {
    margin-right: 0;
  }

  .toolbox-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product-lists .product-list {
    border-top: 0;
  }

  .toolbox .left-sidebar-toggle {
    padding: 0.79em 0.83em;
  }
  .toolbox .left-sidebar-toggle i {
    margin: 0;
  }
  .toolbox .left-sidebar-toggle span {
    display: none;
  }
}
@media (max-width: 479px) {
  .shop-default-banner {
    font-size: 0.7rem;
  }

  .sticky-toolbox.fixed {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .toolbox .left-sidebar-toggle {
    margin-right: 1rem;
  }
  .toolbox select {
    max-width: 13.6rem;
  }
}
/*--------------------------------
    Pagniation
---------------------------------*/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.2rem;
  color: #666;
  letter-spacing: 0.025em;
}
.pagination > * {
  font-size: 1.4rem;
}
.pagination a {
  color: inherit;
}
.pagination .prev, .pagination .next {
  height: 4rem;
  min-width: 8rem;
  padding: 1.2rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
}
.pagination .prev.disabled, .pagination .next.disabled {
  color: #aaa;
}
.pagination .prev {
  margin-right: 0.5rem;
}
.pagination .prev i {
  margin-right: 0.5rem;
}
.pagination .next i {
  margin-left: 0.5rem;
}

.page-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 3rem;
  height: 4rem;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.4s, border 0.4s, color 0.4s;
  transition: background-color 0.4s, border 0.4s, color 0.4s;
  line-height: 1;
}
:hover:not(.disabled) > .page-link, .active:not(.disabled) > .page-link {
  background-color: transparent;
  border-color: #eee;
  color: #336699;
  border-radius: 0.3rem;
}

.page-item:not(:last-child) {
  margin-right: 0.5rem;
}

.page-item-dots {
  white-space: nowrap;
}
.page-item-dots::before {
  content: "...";
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9rem;
  font-weight: 600;
  margin-right: 0.1rem;
  margin-top: -6px;
}

/*-------------------------
    Page Header
        - Page Header
        - Page Title
        - Page Subtitle
--------------------------*/
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 18rem;
  background-color: #eee;
  text-align: center;
  text-transform: capitalize;
}

.page-title {
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-bottom: 0.2rem;
}

.page-subtitle {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.6;
  color: #666;
}

.cart .page-header,
.checkout .page-header {
  height: 134px;
  background: #fff;
}

/*---------------------------
    Breadcrumb
--------------------------*/
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #eeeeee;
  color: #333;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 1.5rem 0.2rem 1.6rem!important;
}
.breadcrumb a {
  color: inherit;
}
.breadcrumb li:not(:last-child) {
  padding-right: 0.4rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.8;
}
.breadcrumb li:not(:last-child)::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  font-family: "wolmart";
}
.breadcrumb li:not(:last-child):hover {
  opacity: 1;
}
.breadcrumb li:last-child {
  color: #333333;
}

.breadcrumb.shop-breadcrumb {
  padding: 3rem 0;
  margin: 2.5rem 0 2.3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.breadcrumb.shop-breadcrumb li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  opacity: 1;
  color: #666;
}
.breadcrumb.shop-breadcrumb li.active {
  color: #336699;
}
.breadcrumb.shop-breadcrumb li.passed {
  color: #333;
}
.breadcrumb.shop-breadcrumb li:not(:last-child)::after {
  margin-left: 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #999;
  bottom: 3px;
  line-height: 1;
  vertical-align: middle;
}

.breadcrumb-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}



/*---------------------------------
    My Account Page
----------------------------------*/
.my-account .breadcrumb-nav {
  margin-bottom: 3.2rem;
}
.my-account .tab-vertical .nav {
  width: 24.41%;
  border: none;
}
.my-account .tab-content {
  width: 75.59%;
  padding-left: 1.5rem;
  border: none;
}
.my-account .nav-link,
.my-account .link-item {
  margin-bottom: 0;
  padding: 1.7rem 0 1.6rem;
  font-size: 1.6rem;
  text-transform: none;
  border-bottom: 1px solid #eee;
}
.my-account .link-item {
  font-weight: 600;
  color: #333;
  line-height: 1;
}
.my-account .link-item a {
  color: inherit;
}
.my-account .link-item:hover {
  color: #336699;
}
.my-account .tab-pane p {
  font-size: 1.4rem;
  line-height: 1.8;
}
.my-account .icon-box.text-center i {
  display: block;
  font-size: 6rem;
  color: #333;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.my-account .text-center .icon-box-icon {
  margin-bottom: 1.9rem;
}
.my-account .icon-box.text-center:hover .icon-box-icon i {
  color: #336699;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-account .icon-box.text-center:hover p {
  text-decoration: underline;
}
.my-account .icon-box.icon-box-side .icon-orders, .my-account .icon-box.icon-box-side .icon-map-marker {
  margin-right: 1rem;
}
.my-account .icon-box.icon-box-side .w-icon-download {
  font-size: 2.4rem;
}
.my-account .icon-box.icon-box-side .icon-account {
  margin-right: 0.8rem;
}
.my-account .form-control {
  -webkit-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
.my-account .form-control:focus {
  border-color: #336699;
}
.my-account .icon-box-light {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.my-account .icon-box-light i {
  font-size: 2.5rem;
  color: #999;
}
.my-account .icon-box-light .icon-box-title {
  font-size: 2rem;
}
.my-account .order:not(th) {
  padding-top: 0.9rem;
}
.my-account .order:not(th) .order-table {
  padding: 1.1rem 2.9rem 0;
}

#account-dashboard.tab-pane {
  padding-top: 1.5rem;
}
#account-dashboard p.greeting {
  font-size: 1.6rem;
}
#account-dashboard p a:hover {
  text-decoration: underline;
}
#account-dashboard .icon-box {
  padding: 4rem 2rem;
  border: 1px solid #eee;
  border-radius: 3px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#account-dashboard .icon-box:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
#account-dashboard .icon-box:hover p {
  color: #336699;
}
#account-dashboard .icon-box p {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #666;
  -webkit-transition: color;
  transition: color;
}
#account-dashboard .icon-box-title {
  font-size: 1.8rem;
  text-transform: capitalize;
}

#account-downloads.tab-pane {
  padding-top: 0.9rem;
}
#account-downloads .icon-box-side .w-icon-download {
  font-size: 2.5rem;
  margin-top: -0.5rem;
}
#account-downloads .icon-box {
  margin-bottom: 1.4rem;
}

#account-orders.tab-pane {
  padding-top: 0.8rem;
}
#account-orders .icon-box {
  margin-bottom: 1.8rem;
}
#account-orders .account-orders-table th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#account-orders .account-orders-table td {
  padding-top: 2.1rem;
  padding-bottom: 2.1rem;
}
#account-orders .account-orders-table .order-id {
  padding-left: 1rem;
  width: 20.77%;
}
#account-orders .account-orders-table .order-date {
  width: 20.1%;
}
#account-orders .account-orders-table .order-status {
  width: 20%;
}
#account-orders .account-orders-table .order-total {
  width: 25.48%;
}
#account-orders .account-orders-table .order-action {
  width: 13.78%;
  padding-right: 1rem;
}
#account-orders .account-orders-table td.order-total {
  letter-spacing: 0;
}
#account-orders .order-action .btn {
  color: #333;
  border-color: #ccc;
  -webkit-transition: color 0.4s, border-color 0.4s, background-color 0.4s;
  transition: color 0.4s, border-color 0.4s, background-color 0.4s;
}
#account-orders .order-action .btn:hover {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

#account-details.tab-pane {
  padding-top: 0.9rem;
}
#account-details.tab-pane .w-icon-user {
  margin-bottom: 0.3rem;
}
#account-details .icon-box {
  margin-bottom: 1.4rem;
}
#account-details .account-details-form label {
  color: #666;
  font-size: 1.4rem;
  line-height: 2.3;
}
#account-details .account-details-form .form-control {
  margin-bottom: 1.6rem;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  color: #666;
}
#account-details .account-details-form p {
  font-size: 1.2rem;
  letter-spacing: -0.015em;
  line-height: 2.1;
}
#account-details .card {
  border: 1px solid #eee;
}
#account-details .title-password {
  font-size: 1.8rem;
}

#account-addresses.tab-pane {
  padding-top: 0.8rem;
}
#account-addresses.tab-pane p {
  margin-bottom: 2.1rem;
  line-height: 1.6;
}
#account-addresses .title {
  font-size: 1.5rem;
  margin-bottom: 1.7rem;
  padding-bottom: 1.4rem;
}
#account-addresses .title-underline::after {
  background-color: #e5e5e5;
}
#account-addresses address {
  font-style: normal;
}
#account-addresses .address-table th, #account-addresses .address-table td {
  padding: 0.3rem 0;
}
#account-addresses .address-table th {
  font-weight: normal;
  text-align: start;
  width: 100px;
  color: #999;
}
#account-addresses .address-table td {
  color: #333;
}

@media (max-width: 767px) {
  .my-account .tab-vertical .nav-tabs, .my-account .tab-vertical .tab-content {
    width: 100%;
  }

  #account-orders .account-orders-table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    word-break: break-all;
  }
  #account-orders .account-orders-table .order-id {
    width: 10%;
    padding-left: 0;
  }
  #account-orders .order-action .btn {
    padding: 0;
    border: none;
    text-align: start;
  }
  #account-orders .order-action .btn:hover, #account-orders .order-action .btn:active, #account-orders .order-action .btn:focus {
    background-color: transparent;
    border: none;
    color: #336699;
  }
}
.login-page .login-popup {
  margin: 4.2rem auto 5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.login-page .checkbox-round + label::before {
  border-radius: 50%;
  border: 1px solid #ccc;
  background: transparent;
}
.login-page .checkbox-round + label::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #333;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 5px;
  opacity: 0;
}
.login-page .checkbox-round.active + label::after {
  opacity: 1;
}
.login-page .login-vendor {
  display: none;
}


.fade-out {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.fade-in {
    opacity: 1;
    transition: opacity 0.3s ease;
}


/*--------------------------
    Error 404
--------------------------*/
.error-404 {
  padding-top: 14.5rem;
  padding-bottom: 10rem;
  background-color: #f7f7f7;
}
.error-404 figure {
  margin: 0 auto;
  max-width: 82rem;
}
.error-404 .banner-content {
  margin-top: 5.5rem;
}
.error-404 .banner-title {
  margin-bottom: 0.8rem;
}
.error-404 p {
  margin-bottom: 3.3rem;
}
.imgbanerinc{
	height: 180px;
	object-fit: fill;
}