/* ==========================================================================
   TABLE OF CONTENTS
   ========================================================================== */
/*
  1. PRODUCT SORTING ........................ WooCommerce product sorting controls
  2. MINI CART .............................. Shopping cart dropdown styles
  3. PRODUCT GRID ........................... Main shop page product listings
  4. PRODUCT THUMBNAILS ..................... Hover effects and image display
  5. QUICK VIEW MODAL ....................... Quick product preview popup
  6. WISHLIST ............................... Wishlist page styles
  7. CART PAGE .............................. Cart page styles
  8. CHECKOUT PAGE .......................... Checkout page style
  9. MY ACCOUNT ............................. My account page styles
  10. PRODUCT PAGE CONTENT .................. Product and category page content design
  11. ORDER RECEIVE ......................... Order receive page styles
  12. WOOCOMMERCE 3 STEP BREADCRUMB ......... 3 step breadcrumb styles
  13. RESPONSIVE ............................ Media queries for all components
*/

/* ==========================================================================
   1. PRODUCT SORTING
   ========================================================================== */

/**
 * WooCommerce Sorting Dropdown
 *
 * Styles for the product sorting dropdown in shop pages
 * ---------------------------------------------------------------------
 */
.woocommerce-ordering {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 20px;
}

/* ==========================================================================
   2. MINI CART
   ========================================================================== */

/**
 * Mini Cart Dropdown
 *
 * Styles for the floating shopping cart panel
 * --------------------------------------------------------------------------
 */
.digi-mini-cart {
  position: fixed;
  width: 420px;
  top: 0;
  right: 0;
  background: #fff;
  height: 100vh;
  overflow-y: auto;
  padding: 20px;
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.1);
}

.digi-mini-cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--digi-border-color);
  padding-bottom: 20px;
}

.digi-mini-cart-header h2 {
  font-size: var(--font-size-h4);
  color: #000;
}

.digi-mini-cart-content {
  overflow-y: scroll;
  padding-right: 20px;
  position: relative;
}

.digi-mini-cart-content::-webkit-scrollbar {
  width: 3px;
}

.digi-mini-cart-content::-webkit-scrollbar-thumb {
  background: var(--digi-primary-color);
}

.digi-mini-cart-content .cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.digi-mini-cart-content .cart-item:first-child {
  padding-top: 10px;
}

.digi-mini-cart-content .cart-item img {
  width: 100px;
  height: auto;
  margin-right: 10px;
}
.digi-mini-cart-content .cart-item-info {
  flex: 1;
}

.digi-mini-cart-content .cart-item-info .product-name {
  font-size: var(--font-size-h6);
  font-weight: 500;
  margin-bottom: 5px;
  color: #000;
}

.digi-mini-cart-content .cart-item-info .product-price {
  display: flex;
  align-items: center;
}

.digi-mini-cart-content .cart-item-info .product-price .multiply {
  line-height: 0;
  margin: 0 5px -2px 5px;
}

.digi-mini-cart-content .cart-item-info .product-price .multiply svg {
  width: 12px;
  height: 12px;
}

.digi-mini-cart-content .cart-item-info .product-price .item-price {
  font-size: var(--font-size-h6);
  color: #000;
}

.digi-mini-cart-content .quantity {
  display: flex;
  align-items: center;
}
.digi-mini-cart-content .quantity button {
  background: #eeeeee;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

.digi-mini-cart-content .remove-item {
  font-size: 1.5em;
  border: 3px solid #cccccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--digi-text-color);
}

.digi-mini-cart-content .remove-item svg.remove-icon {
  color: #cccccc;
}

.digi-mini-cart-content .remove-item:hover {
  color: #ffffff;
  background: var(--wc-red);
  border: 3px solid var(--wc-red);
}
.digi-mini-cart-content .remove-item:hover svg.remove-icon {
  color: #ffffff;
}

.quantity.digi-quantity input[type="number"] {
  padding: 5px 10px;
}

.digi-mini-cart .cart-footer a {
  letter-spacing: 0.04em;
}

.digi-mini-cart .view-cart,
.digi-mini-cart .checkout {
  display: block;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  border-radius: 3px;
  text-decoration: none;
  line-height: 1.35em;
}
.digi-mini-cart .view-cart {
  background: var(--digi-primary-color);
  border: 1px solid var(--digi-primary-color);
  color: #fff;
}
.digi-mini-cart .checkout {
  background: var(--digi-secondary-color);
  color: #fff;
}

.digi-mini-cart .view-cart:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.digi-mini-cart .checkout:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   3. PRODUCT GRID
   ========================================================================== */

/**
 * Shop Product Grid Layout
 *
 * Styles for the main product grid on shop/archive pages
 * -------------------------------------------------------------------------
 */

.digi-price {
  font-size: var(--font-size-h4);
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.digi-price del {
  font-size: var(--font-size-h5);
  position: relative;
  text-decoration: none;
  opacity: 0.65;
}

.digi-product-item .price del,
.digi-product-item span.price del {
  opacity: 0.5;
}

.digi-product-price del {
  position: relative;
  text-decoration: none;
}
.digi-price del::before,
.digi-product-price del::before {
  content: "";
  position: absolute;
  top: 46%;
  left: 0;
  width: 94%;
  height: 0;
  display: block;
  border: 1px solid;
  transform: rotate(-22deg);
  opacity: 0.65;
}

.digi-price ins {
  text-decoration: none;
}

.digi-products-grid {
  display: grid;
  gap: 20px;
  width: 100%;
}

/* Desktop (>=1024px) */
.digi-products-grid.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}
.digi-products-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.digi-products-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.digi-products-grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.digi-products-grid.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.digi-products-grid.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

/* Tablet */
@media all and (max-width: 991px) {
  .digi-products-grid.tablet-columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .digi-products-grid.tablet-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .digi-products-grid.tablet-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .digi-products-grid.tablet-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Mobile */
@media all and (max-width: 767px) {
  .digi-products-grid.mobile-columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .digi-products-grid.mobile-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ==========================================================================
   4. PRODUCT THUMBNAILS
   ========================================================================== */

/**
 * Product Image Hover Effects
 *
 * Styles for product image hover interactions
 * --------------------------------------------------------------------------
 */
.digi-thumbnail-wrapper,
.digi-product-thumb-gallery {
  position: relative;
  overflow: hidden;
}

.digi-thumbnail .digi-product-thumb-link,
.digi-product-thumb-gallery .digi-product-thumb-link {
  overflow: hidden;
  line-height: 0;
}

.digi-thumbnail img,
.digi-product-thumb-gallery img {
  width: 100%;
  height: auto;
}

.digi-loading::after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.digi-thumbnail {
  position: relative;
}
.digi-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.digi-featured {
  opacity: 1;
  transition: opacity 0.3s;
}

.digi-thumbnail-wrapper:hover .digi-hover,
.digi-product-thumb-gallery:hover .digi-hover {
  opacity: 1;
  transform: scale(1);
}

/* .no-gallery .digi-featured {
  opacity: 1;
} */

.digi-thumbnail-wrapper .digi-add-to-cart .button {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  z-index: 2;
  width: calc(100% - 2rem);
  border-radius: 3px;
  padding: 10px;
  margin-top: 0;
  opacity: 0;
  text-align: center;
}

.digi-thumbnail-wrapper .digi-add-to-cart .button.added {
  opacity: 1;
}

.digi-thumbnail-wrapper:hover .digi-add-to-cart .button {
  color: #ffffff;
  opacity: 1;
  transition: opacity 0.3s linear 0s;
}

.digi-products-grid .digi-product-item {
  overflow: hidden;
  position: relative;
}

.digi-products-grid
  .digi-product-item
  .digi-product-info
  .digi-add-to-cart
  .button {
  margin-bottom: 10px;
}

.digi-products-grid .digi-product-item .digi-add-to-cart .button.added {
  margin-right: 10px;
}

.digi-thumbnail-wrapper .digi-add-to-cart:hover .button,
.digi-products-grid .digi-product-item .digi-add-to-cart:hover .button {
  background-color: var(--digi-primary-color);
  color: #fff;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.digi-thumbnail-wrapper .digi-add-to-cart .added_to_cart {
  background-color: #fff;
  position: absolute;
  z-index: 2;
  right: 1rem;
  bottom: 4rem;
  left: 1rem;
  width: calc(100% - 2rem);
  margin: 0;
  opacity: 1;
  text-align: center;
  padding: 0.5rem;
  border-radius: 3px;
  font-weight: bold;
}

.digi-thumbnail-wrapper .digi-add-to-cart .added_to_cart:hover {
  background-color: var(--digi-primary-color);
  color: #fff;
}

.digi-thumbnail-wrapper .digi-action-buttons {
  position: absolute;
  top: 10px;
  right: -50px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: right 0.3s ease;
}

.single-product .digi-action-buttons.product-single {
  position: relative;
}

.digi-thumbnail-wrapper:hover .digi-action-buttons,
.digi-thumbnail-wrapper .digi-action-buttons.active {
  right: 10px;
}

.digi-thumbnail-wrapper .digi-action-buttons a.action-button {
  padding: 10px;
  color: #000000;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  line-height: 0;
}

.digi-thumbnail-wrapper .digi-action-buttons a.action-button:hover,
.digi-thumbnail-wrapper .digi-action-buttons a.action-button.added {
  padding: 10px;
  color: #fff;
  background-color: var(--digi-primary-color);
  border-radius: 50%;
  line-height: 0;
}

.digi-thumbnail-wrapper .digi-action-buttons a.action-button svg {
  height: 18px;
  width: 18px;
}

/* Tooltip Styling */
.action-button {
  position: relative;
  display: inline-block;
}

.single-product .digi-action-buttons.product-single .action-button {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.single-product .digi-action-buttons.product-single .action-button span {
  margin-left: 5px;
}

.action-button::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 12px 8px;
  font-size: 12px;
  border-radius: 3px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.single-product .digi-action-buttons.product-single .action-button::after {
  display: none;
}

.action-button:hover::after {
  opacity: 1;
  visibility: visible;
  /* transform: translateX(-50%) translateY(-50%); */
  right: 120%;
}

.digi-product-title {
  width: 100%;
  font-size: var(--font-size-h5);
  color: var(--digi-title-color);
  margin-top: 3px;
}

.digi-products-grid .digi-product-item .digi-product-info {
  padding-top: 10px;
}

.digi-products-grid .digi-product-item .digi-product-rating {
  /* display: flex; */
  margin-top: 15px;
}

.digi-products-grid .digi-product-item .star-rating {
  display: inline-block;
  margin: 0;
}

.digi-products-grid .digi-product-item .digi-product-rating .digi-review-count {
  line-height: 1.1;
}

.digi-products-grid .digi-product-item .digi-product-info .digi-product-price {
  margin-top: 10px;
}
.digi-products-grid
  .digi-product-item
  .digi-product-rating
  + .digi-product-price {
  margin: 0;
}

.digi-products-grid .digi-product-item .digi-product-info .product-categories {
  line-height: 1;
}
.digi-products-grid
  .digi-product-item
  .digi-product-info
  .product-categories
  a {
  font-size: var(--font-size-small);
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.5;
}

.digi-products-grid .digi-product-item .digi-product-short-desc p {
  font-size: var(--font-size-small);
  margin: 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  div.product
  span.price {
  font-size: var(--font-size-normal);
  margin-top: 5px;
}

.digi-product-price .price bdi,
.digi-product-price bdi {
  font-weight: bold;
}

.digi-product-price .price ins,
.digi-product-price ins {
  text-decoration: none;
}

.digi-product-bubbles {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.digi-product-showcase-v2 .digi-product-bubbles {
  top: 26px;
  left: 26px;
}

.digi-out-of-stock,
.digi-product-item span.onsale,
.digi-product-item span.digi-custom-bubble,
.woocommerce span.onsale,
.woocommerce span.digi-custom-bubble {
  min-height: inherit;
  background-color: #c92a2a;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1rem;
  padding: 4px 10px;
  border-radius: 20px;
  position: initial;
  /*top: 15px;
  left: 15px;
  z-index: 10; */
  letter-spacing: 0.5px;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 2px dotted #ffffff;
  outline: 5px solid #f5cd79;
}

.digi-out-of-stock {
  background: #ffa500;
}

.woocommerce-message {
  border-top-color: var(--digi-success-color);
}
.woocommerce-message::before {
  color: var(--digi-success-color);
}

.woocommerce-error {
  border-top-color: var(--digi-error-color);
}
.woocommerce-error::before {
  color: var(--digi-error-color);
}

.woocommerce-info {
  border-top-color: var(--digi-info-color);
}

.woocommerce-info::before {
  color: var(--digi-info-color);
}

/* ==========================================================================
   5. QUICK VIEW MODAL
   ========================================================================== */

/**
 * Quick View Product Popup
 *
 * Styles for the quick product preview modal
 * --------------------------------------------------------------------------
 */
.digi-quick-view-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.digi-modal-content {
  background: #fff;
  width: 80%;
  max-width: 900px;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.digi-modal-body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  height: 500px;
  padding-right: 20px;
}

.digi-modal-image {
  flex: 1;
  max-width: 50%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.digi-quickview-gallery {
  height: 100%;
  overflow: hidden;
}

.digi-modal-image .digi-product-slider,
.digi-modal-image .digi-product-main-slider,
.digi-modal-image .swiper-autoheight,
.digi-modal-image .swiper-autoheight .swiper-slide,
.digi-modal-image .swiper-wrapper,
.digi-modal-image .woocommerce-product-gallery__image {
  height: 100% !important;
}

.digi-modal-image img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  object-fit: cover;
}

.digi-modal-image .swiper-button-next::after,
.single-product-gallery .swiper-button-next::after,
.digi-modal-image .swiper-button-prev::after,
.single-product-gallery .swiper-button-prev::after {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.digi-modal-image .swiper-button-next,
.single-product-gallery .swiper-button-next,
.digi-modal-image .swiper-button-prev,
.single-product-gallery .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.digi-modal-image .swiper-pagination-bullet {
  background-color: #bbbbbb;
}

.digi-modal-image .swiper-slide-thumb-active {
  opacity: 1;
}

/* Position the buttons */
.digi-modal-image .swiper-button-prev,
.single-product-gallery .swiper-button-prev {
  left: -50px;
}

.digi-modal-image .swiper-button-next,
.single-product-gallery .swiper-button-next {
  right: -50px;
}

/* Show buttons smoothly on hover */
.digi-modal-image:hover .swiper-button-next,
.single-product-gallery:hover .swiper-button-next {
  right: 10px;
  opacity: 1;
}

.digi-modal-image:hover .swiper-button-prev,
.single-product-gallery:hover .swiper-button-prev {
  left: 10px;
  opacity: 1;
}

/* Hover effect */
.digi-modal-image .swiper-button-next:hover,
.single-product-gallery .swiper-button-next:hover,
.digi-modal-image .swiper-button-prev:hover,
.single-product-gallery .swiper-button-prev:hover {
  background: var(--digi-primary-color);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.digi-modal-image .swiper-button-next:hover::after,
.single-product-gallery .swiper-button-next:hover::after,
.digi-modal-image .swiper-button-prev:hover::after,
.single-product-gallery .swiper-button-prev:hover::after {
  color: #fff;
}

.digi-modal-info {
  flex: 1;
  max-height: 100%;
  padding: 20px 0 20px 0;
}
.digi-modal-body .quick-view-content {
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.digi-modal-body .quick-view-content::-webkit-scrollbar {
  display: none;
}

/* Quantity control */
.digi-quantity {
  display: flex;
  align-items: center;
  border: 1px solid #dddddd;
  border-radius: 3px;
  width: 106px;
  justify-content: space-between;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}

.digi-quantity .qty-btn {
  height: 100%;
  background: none;
  border: none;
  font-size: 26px;
  padding: 0 15px;
  color: var(--digi-text-color);
  cursor: pointer;
  transition: 0.2s;
  line-height: 1.5;
}

.digi-quantity .qty-btn:hover {
  color: #ffffff;
}

.digi-quantity {
  width: 300px;
}

.digi-close-modal {
  position: absolute;
  right: -10px;
  top: -17px;
  z-index: 10;
  font-size: 24px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #000;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.digi-close-modal svg {
  width: 14px;
  height: 14px;
}
.digi-close-modal:hover {
  color: #fff;
  background-color: var(--digi-primary-color);
}

/* ==========================================================================
   6. WISHLIST
   ========================================================================== */

/**
 * Wishlist Page Styles
 *
 * Styles for the customer wishlist page
 * --------------------------------------------------------------------------
 */

.digi-wishlist-page {
  text-align: center;
}

.digi-wishlist-page .wishlist-title {
  font-size: var(--font-size-h1);
  text-align: center;
  margin-bottom: 20px;
}

.digi-wishlist-container {
  display: flex;
  flex-direction: column;
  width: 850px;
  margin: auto;
}

.digi-wishlist-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px;
  border-bottom: 1px solid var(--digi-border-color);
}

.digi-wishlist-item .digi-wishlist-content {
  margin-right: auto;
  text-align: left;
}

.digi-wishlist-item .digi-wishlist-action {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.digi-wishlist-item .digi-wishlist-thumb .digi-wishlist-thumb-link {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 0;
}

.digi-wishlist-item .digi-wishlist-thumb img.attachment-woocommerce_thumbnail {
  width: auto;
  height: 120px;
  border-radius: 3px;
}

.digi-wishlist-item .digi-wishlist-remove {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}

.digi-wishlist-item .digi-wishlist-remove:hover {
  background-color: var(--wc-red);
}

.digi-wishlist-item .digi-wishlist-remove .digi-wishlist-remove-link {
  width: 40px;
  height: 40px;
  font-size: 28px;
  line-height: 0;
  border: 3px solid #cccccc;
  border-radius: 50%;
  color: var(--digi-text-color);
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digi-wishlist-item
  .digi-wishlist-remove
  .digi-wishlist-remove-link
  .remove-icon {
  color: #cccccc;
}

.digi-wishlist-item
  .digi-wishlist-remove:hover
  .digi-wishlist-remove-link
  .remove-icon {
  color: #ffffff;
}

.digi-wishlist-item .digi-wishlist-remove:hover .digi-wishlist-remove-link {
  color: #ffffff;
  border: 3px solid var(--wc-red);
}

.digi-wishlist-product-title {
  margin: 0;
}

.digi-wishlist-product-title .digi-wishlist-title-link {
  font-size: var(--font-size-normal);
  margin-top: 10px;
  width: 100%;
  font-weight: bold;
  color: #000;
}

.digi-wishlist-price {
  font-size: var(--font-size-normal);
  color: #000;
  margin-top: 5px;
}

.digi-wishlist-price del {
  opacity: 0.5;
}

.digi-wishlist-price bdi {
  font-weight: bold;
}

.digi-wishlist-price ins {
  text-decoration: none;
}

.digi-wishlist-action .digi-add-to-cart .button {
  background-color: var(--digi-primary-color);
  color: #ffffff;
  z-index: 2;
  text-align: center;
  padding: 0.5rem 1.5rem;
  border-radius: 3px;
  letter-spacing: 0.04em;
}

.digi-wishlist-action .digi-wishlist-add-to-cart-button {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

.digi-wishlist-action .digi-add-to-cart .button.added {
  opacity: 1;
}

.digi-wishlist-action:hover .digi-add-to-cart .button {
  opacity: 1;
  transition: opacity 0.3s linear 0s;
}

.digi-wishlist-action .digi-add-to-cart:hover .button {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.digi-wishlist-action .digi-add-to-cart .added_to_cart {
  background-color: #ffffff;
  position: absolute;
  z-index: 2;
  right: 1rem;
  bottom: 4rem;
  left: 1rem;
  width: calc(100% - 2rem);
  margin-top: 0;
  opacity: 1;
  text-align: center;
  padding: 0.5rem;
  border-radius: 3px;
  font-weight: bold;
}

.digi-wishlist-action .digi-add-to-cart .added_to_cart:hover {
  background-color: var(--digi-primary-color);
  color: #ffffff;
}

.continue-shopping {
  text-decoration: none;
  color: #ffffff;
  background: var(--digi-primary-color);
  text-align: center;
  padding: 10px 15px;
  border-radius: 3px;
  display: inline-block;
  transition: 0.2s;
}
.continue-shopping:hover {
  color: #ffffff;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
/* ==========================================================================
   7. CART PAGE
   ========================================================================== */
.cart .product-quantity {
  text-align: center;
}

.cart .product-quantity .digi-quantity {
  width: inherit;
  margin: 0;
  float: none;
}

.cart .product-subtotal {
  text-align: right;
}

.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: initial;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:hover {
  background-color: var(--digi-primary-color);
  color: #ffffff;
}

body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link):focus {
  box-shadow: 0 0 0 0 transparent !important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt {
  background-color: var(--digi-primary-color);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt:hover {
  background-color: var(--digi-primary-color);
  opacity: 0.95;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button {
  color: #ffffff;
  background-color: var(--digi-primary-color);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button {
  padding: 10px 14px !important;
  line-height: 1.35em;
  background-color: var(--digi-primary-color);
  color: #ffffff;
}

.woocommerce table.shop_table th {
  color: var(--digi-text-color);
  text-transform: uppercase;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:disabled[disabled] {
  color: #ffffff;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:disabled[disabled]:hover {
  color: #ffffff;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt {
  background-color: var(--digi-primary-color);
  line-height: 1.35em;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button {
  font-size: var(--font-size-normal);
}

.woocommerce-cart table.cart img {
  min-width: 90px;
  width: 90px;
}

table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name {
  font-size: var(--font-size-h5);
  color: var(--digi-title-color);
}

table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name:hover {
  color: var(--digi-link-color-hover);
}

table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link,
.wc-block-components-product-metadata
  .wc-block-components-product-metadata__description
  > p {
  font-size: var(--font-size-normal) !important;
}

.woocommerce a.remove {
  height: 40px;
  width: 40px;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #cccccc;
  color: inherit !important;
}

.woocommerce a.remove:hover {
  border-color: var(--wc-red);
}

.woocommerce table.shop_table {
  width: 100%;
}

body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link):focus {
  outline: none;
}

.wc-block-cart__submit-button {
  border-radius: 3px;
}
.wc-block-cart__submit-button:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.woocommerce table.shop_table {
  margin: 0;
}

.woocommerce table.shop_table tbody .product-remove {
  padding-left: 0;
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
  margin-bottom: 1rem;
}

/* Cart Total Section */

.digi-woocommerce-cart-page {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.digi-woocommerce-cart-page .woocommerce-cart-form {
  width: 60%;
  padding-right: 30px;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  width: 40%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals h2 {
  font-size: var(--font-size-normal);
  text-transform: uppercase;
  font-weight: bold;
}

.woocommerce .cart-collaterals {
  border-left: 1px solid #ececec;
  padding-left: 30px;
}

.digi-woocommerce-cart-page .digi-quantity input[type="number"],
.woocommerce form.checkout_coupon,
.woocommerce table.shop_table {
  border: none;
  border-collapse: collapse;
}

.cart_totals tbody th {
  font-weight: normal;
  text-transform: capitalize;
}

.coupon {
  width: 100%;
  display: flex;
  gap: 10px;
}

.coupon input {
  width: 50%;
  max-width: inherit;
}

.coupon .input-text {
  flex-grow: 1;
  border-radius: 3px;
}

.cart_totals > h2 {
  display: none;
}

.cart_totals th.product-name {
  border-top: none !important;
  border-bottom: 3px solid #ececec;
  text-align: left;
}

.shop_table .order-total td,
.shop_table .order-total th,
.shop_table thead th {
  border-bottom: 5px solid #ececec !important;
}
.cart_totals tbody th {
  text-transform: capitalize !important;
  font-size: var(--font-size-normal);
}

.cart_totals tbody tr td,
.shop_table tfoot tr td,
td.product-total,
.digi-woocommerce-cart-page
  .woocommerce-cart-form
  .shop_table
  .product-subtotal,
section.woocommerce-order-details
  > table
  > thead
  > tr
  > th.woocommerce-table__product-table.product-total {
  text-align: right;
}

.cart_totals tbody tr td[data-title="Shipping"] {
  text-align: left;
}

.woocommerce-order-received .cart_totals tbody tr td,
.woocommerce-order-received .shop_table tfoot tr td,
td.product-total,
.woocommerce-order-received
  section.woocommerce-order-details
  > table
  > thead
  > tr
  > th.woocommerce-table__product-table.product-total {
  text-align: left;
}

.shipping-calculator-button,
.woocommerce-shipping-destination,
.shipping__list_label {
  font-size: var(--font-size-normal);
  text-transform: capitalize;
  font-weight: normal;
}

.digi-woocommerce-cart-page span.amount {
  font-size: var(--font-size-h6);
  font-weight: bold;
}

.shipping-calculator-form {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 3px;
  margin-top: 5px;
  padding: 15px 15px 10px;
  display: block;
  text-align: left;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  margin-bottom: 0;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  padding: 10px 14px;
  font-size: var(--font-size-normal);
  line-height: 1.35em;
}

.woocommerce table.shop_table tbody tr:first-child td {
  border: none !important;
}

.woocommerce-page .woocommerce-cart-form .mobile-product-price {
  display: none;
}
.woocommerce-page .woocommerce-cart-form .cross-sells h2 {
  font-size: var(--font-size-h4);
}

/* ==========================================================================
    CHECKOUT PAGE STYLE
   ========================================================================== */

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.select2-container .select2-dropdown,
.select2-container .select2-selection {
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 11px 14px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.woocommerce form .form-row .input-text[name="coupon_code"] {
  padding: 11px 14px;
}

.woocommerce-checkout #ship-to-different-address {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.woocommerce-checkout table.shop_table tfoot th {
  text-transform: capitalize !important;
}

.woocommerce-order .woocommerce-table--order-details td.product-total,
.woocommerce-order .woocommerce-table--order-details tfoot td {
  text-align: left !important;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: 1px solid #ececec !important;
}
.woocommerce form.checkout_coupon {
  display: flex;
  align-items: center;
  padding: 20px;
  border: 2px dashed var(--digi-primary-color);
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  color: var(--digi-text-color);
  opacity: 1 !important;
  outline: none;
  border: 1px solid transparent;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.woocommerce form.checkout_coupon > p.form-row:first-child {
  flex-grow: 1;
}

.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last,
.woocommerce-page form.checkout_coupon .form-row-first,
.woocommerce-page form.checkout_coupon .form-row-last {
  width: initial;
}

.woocommerce form.checkout_coupon > p.form-row {
  float: none;
  margin: 0;
}

.woocommerce-checkout-review-order table.shop_table th.product-total {
  text-align: right;
}

.woocommerce-checkout .digi-checkout-order-details {
  border: 2px solid var(--digi-primary-color);
  padding: 30px;
  border-radius: 3px;
}

.woocommerce-checkout form .form-row label {
  display: block;
  margin-bottom: 4px;
}
/* ==========================================================================
   8. CHECKOUT PAGE
   ========================================================================== */

.woocommerce-checkout:not(.woocommerce-order-received)
  .woocommerce
  .col2-set
  .col-1,
.woocommerce-checkout:not(.woocommerce-order-received)
  .woocommerce-page
  .col2-set
  .col-1 {
  width: 55%;
}

.woocommerce-checkout:not(.woocommerce-order-received)
  .woocommerce
  .col2-set
  .col-2,
.woocommerce-checkout:not(.woocommerce-order-received)
  .woocommerce-page
  .col2-set
  .col-2 {
  width: 41%;
}

.woocommerce table.shop_table tr td:last-child {
  text-align: right;
}

/* ==========================================================================
   9. MY ACCOUNT PAGE
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 20%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 75%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: 0;
  border-top: 1px solid #eee;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 0;
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a:before {
  opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  padding: 10px 5px;
  display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
  margin-right: 5px;
  opacity: 0.25;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
  opacity: 1;
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a:before {
  font-family: "FontAwesome";
  content: "\f0e4";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a:before {
  font-family: "FontAwesome";
  content: "\f291";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--downloads
  a:before {
  font-family: "FontAwesome";
  content: "\f1c6";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-address
  a:before {
  font-family: "FontAwesome";
  content: "\f015";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--payment-methods
  a:before {
  font-family: "FontAwesome";
  content: "\f09d";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a:before {
  font-family: "FontAwesome";
  content: "\f007";
}

.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:before {
  font-family: "FontAwesome";
  content: "\f08b";
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 25px;
  font-weight: 600;
}

.woocommerce-account .addresses .title .edit {
  float: none;
  background-color: var(--digi-primary-color);
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 3px;
  margin: 10px 0;
}

.woocommerce-account p.order-again {
  text-align: right;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
  margin-top: 50px;
  float: right;
}

.archive.woocommerce .products ul,
.archive.woocommerce ul.products {
  margin: 0;
}

.archive.woocommerce .woo-variation-swatches ul.variations {
  margin-top: 10px;
}

.woocommerce-message {
  padding: 10px;
  border-radius: 3px;
  outline: none;
}

.woocommerce-message::before {
  position: static;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button {
  background-color: var(--digi-primary-color);
  color: #ffffff;
  font-size: var(--font-size-normal);
  padding: 10px 14px;
  line-height: 1.35em;
}

.woocommerce-MyAccount-content fieldset {
  padding: 20px;
  margin-bottom: 1em;
  border-radius: 3px;
}

.digi-myaccount-profile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px;
  margin-bottom: 15px;
}

.digi-myaccount-avatar {
  line-height: 0;
}
.digi-myaccount-avatar img {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.digi-myaccount-info {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}

.digi-myaccount-name {
  margin-right: 10px;
  font-weight: 600;
  display: block;
}

.digi-myaccount-id {
  font-size: var(--font-size-small);
  color: var(--digi-text-color);
}

/* login register page desing */

.woocommerce form.login,
.woocommerce form.register {
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.woocommerce-cart .woocommerce .col2-set .col-2,
.woocommerce-cart .woocommerce-page .col2-set .col-2 {
  border-left: 1px solid #ececec;
  padding-left: 30px;
}

/* ==========================================================================
   10. PRODUCT PAGE CONTENT
   ========================================================================== */

.digi-shop-content,
.digi-shop-category-description {
  padding-top: 80px;
}

.digi-shop-content + #digi-main,
.digi-shop-category-description + #digi-main {
  padding-top: 0;
}

.woocommerce div.product form.cart div.quantity input,
.digi-quick-view-modal form.cart div.quantity input {
  width: 100%;
  border: none;
  box-shadow: none;
}

.woocommerce div.product form.cart div.quantity input:focus,
.digi-quick-view-modal form.cart div.quantity input:focus {
  outline: none;
  box-shadow: none;
}

/* ==========================================================================
   11. ORDER RECEIVE
   ========================================================================== */
.woocommerce-order h2 {
  margin-bottom: 20px;
}

.woocommerce-order .woocommerce-thankyou-order-received {
  font-size: var(--font-size-h1);
  color: var(--digi-success-color);
  margin-bottom: 50px;
}

.woocommerce ul.order_details {
  padding: 0;
  margin: auto;
}

.woocommerce-order-details .woocommerce-order-details__title {
  margin-top: 2rem;
  margin-bottom: 0;
}

/* ==========================================================================
   12. WOOCOMMERCE 3 STEP BREADCRUMB
   ========================================================================== */
.digi-checkout-steps {
  margin: 30px auto;
  text-align: center;
}
.digi-checkout-steps ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.digi-checkout-steps li,
.digi-checkout-steps li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  text-align: center;
  transition: 0.3s;
}

.digi-checkout-steps li:last-child::after {
  display: none;
}
.digi-checkout-steps .step-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #ccc;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #666;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
}
.digi-checkout-steps .step-title {
  font-size: var(--font-size-h6);
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}
.digi-checkout-steps .step.active .step-circle,
.digi-checkout-steps .step.completed .step-circle {
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.digi-checkout-steps .step.active .step-circle i,
.digi-checkout-steps .step.completed .step-circle i {
  color: #ffffff;
}

.digi-checkout-steps .step.completed::after {
  background: var(--digi-primary-color);
}

/* ==========================================================================
   13. RESPONSIVE DESIGN
   ========================================================================== */

/**
 * Responsive Breakpoints
 *
 * Media queries for all shop components
 * -------------------------------------------------------------------------
 */
@media (max-width: 992px) {
  #digi-quick-view-modal {
    overflow: hidden auto;
  }
  .digi-modal-content {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .digi-modal-body {
    flex-direction: row;
    height: auto;
    padding: 30px;
  }

  .digi-modal-image,
  .digi-modal-info {
    max-width: 100%;
    padding: 0;
  }

  /* Wishlist page */
  .digi-wishlist-container {
    width: 100%;
    flex-wrap: wrap;
  }

  .digi-woocommerce-cart-page {
    flex-direction: column;
  }

  .digi-woocommerce-cart-page .woocommerce-cart-form {
    width: 100%;
    padding: 0;
  }

  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    width: 100%;
    margin-top: 30px;
    border-left: none;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .digi-modal-content {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    border-radius: 0;
  }

  .digi-close-modal {
    top: 0;
    right: 0;
  }

  .woocommerce .woocommerce-cart-form table.shop_table_responsive tr td::before,
  .woocommerce-page
    .woocommerce-cart-form
    table.shop_table_responsive
    tr
    td::before {
    display: none;
  }
  .woocommerce
    .woocommerce-cart-form
    table.shop_table_responsive
    tr:first-child {
    border: none;
  }
  .woocommerce .woocommerce-cart-form table.shop_table_responsive tr,
  .woocommerce-page .woocommerce-cart-form table.shop_table_responsive tr {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-top: 1px solid #ececec;
    padding-top: 20px;
  }

  .woocommerce .woocommerce-cart-form table.shop_table_responsive tr,
  .woocommerce-page .woocommerce-cart-form table.shop_table_responsive tr td {
    display: flex;
    align-items: center;
    text-align: left;
  }

  .woocommerce .woocommerce-cart-form table.shop_table_responsive tr,
  .woocommerce-page
    .woocommerce-cart-form
    table.shop_table_responsive
    tr
    td.product-name
    a {
    display: flex;
    text-align: left;
  }

  .woocommerce-page
    .woocommerce-cart-form
    table.shop_table_responsive
    tr
    td.product-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .digi-woocommerce-cart-page
    .woocommerce-cart-form
    .shop_table
    .product-subtotal,
  .digi-woocommerce-cart-page
    .woocommerce-cart-form
    table.shop_table
    th.product-price,
  .digi-woocommerce-cart-page
    .woocommerce-cart-form
    table.shop_table
    td.product-price {
    display: none;
  }

  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr td {
    border-top: none;
  }

  .woocommerce
    table.shop_table_responsive
    tbody
    tr
    td:first-child:not(.actions),
  .woocommerce-page
    table.shop_table_responsive
    tbody
    tr
    td:first-child:not(.actions) {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    border-top: none;
  }

  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: none;
  }

  .woocommerce .digi-woocommerce-cart-page table.shop_table td.product-name,
  .woocommerce .digi-woocommerce-cart-page table.shop_table th.product-name {
    flex: 1;
  }

  .woocommerce .woocommerce-cart-form table.shop_table th.product-quantity {
    text-align: right;
  }

  .woocommerce .woocommerce-cart-form table.shop_table td.product-quantity {
    justify-content: flex-end;
  }

  .woocommerce table.shop_table th:last-child {
    display: none;
  }

  .woocommerce-checkout table.shop_table th:last-child {
    display: table-cell;
  }

  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail {
    display: inline-block;
  }

  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead {
    display: block;
  }

  .woocommerce .woocommerce-cart-form td.product-quantity {
    min-width: inherit;
  }

  .woocommerce a.remove {
    width: 30px;
    height: 30px;
    border-color: var(--wc-red);
    background-color: var(--wc-red);
    color: #fff !important;
  }

  .cart .woocommerce-cart-form .product-quantity .digi-quantity {
    width: inherit;
    margin-left: auto;
  }

  .woocommerce-page .woocommerce-cart-form .mobile-product-price {
    display: block;
  }

  .woocommerce-order .woocommerce-thankyou-order-received {
    font-size: var(--font-size-h5);
  }

  .woocommerce-result-count {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
  }
  .woocommerce-ordering {
    justify-content: center;
    width: 100%;
  }

  .digi-thumbnail-wrapper .digi-featured img {
    width: 100%;
  }

  .digi-thumbnail-wrapper .digi-hover img {
    width: 100%;
  }

  .digi-modal-body {
    flex-direction: column;
    padding: 20px;
  }
  .digi-modal-image,
  .digi-modal-info {
    max-width: 100%;
  }

  /* Wishlist page */
  .digi-wishlist-item {
    flex-wrap: wrap;
  }

  .digi-wishlist-item .digi-wishlist-action {
    margin-left: 60px;
  }

  /* My Account page */

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }

  .woocommerce-account .woocommerce-Address-title {
    margin-top: 20px;
  }

  .digi-checkout-steps .step-title {
    display: none;
  }

  .digi-checkout-steps li::after {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    left: 50%;
    width: 100%;
    height: 6px;
    background: #ddd;
    z-index: 0;

    background: linear-gradient(
      to right,
      transparent 23px,
      #ccc 0px,
      #ccc calc(100% - 34px),
      transparent calc(100% - 40px)
    );
  }

  .woocommerce-cart.action-button .col2-set .col-2,
  .woocommerce-cart .woocommerce-page .col2-set .col-2 {
    border-left: none;
    border-top: 1px solid #ececec;
    padding-left: 0;
    padding-top: 10px;
  }

  .woocommerce-checkout:not(.woocommerce-order-received)
    .woocommerce
    .col2-set
    .col-1,
  .woocommerce-checkout:not(.woocommerce-order-received)
    .woocommerce-page
    .col2-set
    .col-1 {
    width: 100%;
  }

  .woocommerce-checkout:not(.woocommerce-order-received)
    .woocommerce
    .col2-set
    .col-2,
  .woocommerce-checkout:not(.woocommerce-order-received)
    .woocommerce-page
    .col2-set
    .col-2 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .digi-mini-cart {
    width: 100%;
  }
  .digi-products-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  /* Wishlist page */
  .digi-wishlist-item .digi-wishlist-action {
    margin: 0;
  }

  .coupon .input-text,
  .woocommerce form.checkout_coupon > p.form-row:first-child,
  .woocommerce form.checkout_coupon > p.form-row:last-child,
  .woocommerce form.checkout_coupon > p.form-row,
  #woocommerce-checkout-form-coupon > p.form-row.form-row-last > button {
    width: 100%;
  }
  .coupon,
  .woocommerce form.checkout_coupon {
    flex-direction: column;
  }

  .digi-quantity .qty-btn {
    padding: 0 7px;
  }
}