#main {
  display: flex;
  flex-direction: column;
}
/* shop page style */
#woocommerce-content {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  #woocommerce-content {
    padding: 1rem;
  }
  
}
/* sale of the month */
#sale-banner-section {
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 50vh;
}

#sale-banner-section .sale-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5rem;
  color: #fff;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 1.5rem;
  gap: 1rem;
  opacity: 0;
  transform: translateX(-50px);
  animation: slideIn 1s ease forwards;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#sale-banner-section .title-discount {
  display: flex;
  align-items: center;
  gap: 3rem;
}

#sale-banner-section .sale-details h3 {
  font-family: "Manrope";
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #fff;
  text-align: left;
}

#sale-banner-section .sale-details h2 {
  font-family: "Manrope";
  font-size: clamp(2rem, 2vw, 3rem);
  font-weight: 700;
  text-align: left;
  color: #fff;
  text-align: left;
}

#sale-banner-section .sale-banner-image {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  border-radius: 1.5rem;
}

#sale-banner-section .sale-banner-image {
  object-fit: cover;
}

#sale-banner-section .discount-badge .discount {
  font-family: "Manrope";
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

#sale-banner-section .discount-badge .pourcentage {
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
}

#countdown {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
}

#countdown .countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#days,
#hours,
#minutes,
#seconds {
  font-family: "Manrope";
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}

#countdown .label {
  font-family: "Manrope";
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-align: center;
}

#countdown .separator {
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}

.arrow-icon {
  position: relative;
  animation: moveLeftRight 1s infinite ease-in-out;
}

@keyframes moveLeftRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

#sale-banner-section .discount-badge {
  background: #ff8a00;
  color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  padding: 2rem 2.3rem;
  align-items: center;
  animation: infiniteScale 2s infinite ease-in-out;
}

@keyframes infiniteScale {
  0%,
  100% {
    transform: scale(1);
    background: #ff8a00;
  }
  50% {
    transform: scale(1.05) translateY(-10px);
    background: #ff7b00;
  }
}

#sale-banner-section .shop-now-button:hover {
  transform: translateX(5px);
}

.countdown-item span {
  font-size: 48px;
  color: #fff;
  font-weight: bold;
}

.countdown-item .label {
  font-size: 12px;
  color: #d3d3d3;
  text-transform: uppercase;
}

.separator {
  font-size: 48px;
  color: #fff;
  font-weight: 400;
}

#sale-banner-section .shop-now-button {
  background-color: #fff;
  color: #6c401d;
  padding: 1rem 2rem;
  border-radius: 1.5rem;
  text-decoration: none;
  font-size: 1rem;
  display: flex;
  gap: 1rem;
  font-family: "Manrope";
  font-weight: 400;
  text-align: justified;
  transition: all 0.3s ease-in-out;
}

#sale-banner-section .shop-now-button img {
  transition: transform 0.3s ease, filter 0.3s ease;
}

#sale-banner-section .shop-now-button img:hover {
  transform: translateX(5px);
  filter: brightness(1.2);
}

@media (max-width: 768px) {
  #sale-banner-section .sale-details {
    padding: 2rem;
  }

  #sale-banner-section .discount-badge {
    padding: 1rem 1.3rem;
  }

  #sale-banner-section .discount-badge .discount {
    font-size: 1rem;
  }

  #sale-banner-section .discount-badge .pourcentage {
    font-size: 0.8rem;
  }

  #countdown .label {
    font-size: 0.6rem;
  }

  #countdown .separator {
    font-size: 1rem;
  }

  #sale-banner-section .shop-now-button {
    padding: 1rem 1.5rem;
  }
}

#woocommerce-content h2,
.woocommerce div.product .product_title,
.woocommerce-thankyou-order-received,
#product-image-summary h1
{
  font-family: "Salitia-normal";
  font-size: clamp(60px, 7vw, 80px);
  line-height: clamp(32px, 6vw, 88px);
  font-weight: normal;
  letter-spacing: -0.01em;
  color: #583213;
}
#customer_details h3,
#order_review_heading {
  font-family: "Salitia-normal";
  font-size: clamp(2rem, 3vw, 5rem);
  font-weight: 400;
  color: #583213;
  letter-spacing: -0.01em;
}
.woocommerce-thankyou-order-received{
  width: 35%;
}
@media screen and (max-width: 768px) {
 .woocommerce-thankyou-order-received{
  width: 100%;

  
 }
  
}
#woocommerce-content h2 {
  text-align: center;
}

#breadcrumb-search-container {
  display: flex;
  justify-content: space-between;
  margin: 2rem;
}

#breadcrumb-search-container .woocommerce-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

#breadcrumb-search-container .woocommerce-breadcrumb span {
  font-family: "Manrope";
}

#breadcrumb-search-container .woocommerce-breadcrumb a,
#breadcrumb-search-container .woocommerce-breadcrumb .after-home {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

#breadcrumb-search-container .woocommerce-breadcrumb a::after,
#breadcrumb-search-container .woocommerce-breadcrumb .after-home::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #583213;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

#breadcrumb-search-container .woocommerce-breadcrumb a:hover::after,
#breadcrumb-search-container .woocommerce-breadcrumb .after-home:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.search-form {
  display: flex;
}

.search-form .search-container {
  display: flex;
  position: relative;
  align-items: center;
}

.search-form .search-container img {
  position: absolute;
  left: 1rem;
}

.search-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.5rem;
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: #583213;
  font-family: "Manrope";
  font-size: 0.9rem;
  font-weight: 400;
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}

.search-form input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 3rem;
  font-family: "Manrope";
  font-size: 0.9rem;
  font-weight: 400;
  color: #808080;
  border: none;
  border-radius: 0.8rem 0 0 0.8rem;
}

.search-form input:focus {
  outline: none;
  border: transparent;
}

.search-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.5rem;
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: #583213;
  font-family: "Manrope";
  font-size: 0.9rem;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  border: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}

.search-form button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #c78e60, #583213);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}

.search-form button:hover::after {
  opacity: 1;
}

.search-form button text {
  position: relative;
  z-index: 2;
}
.woocommerce-info {
  border-top-color: #583213 !important;
}
.woocommerce-info::before {
  color: #583213 !important;
}

#woocommerce-content .products.columns-4 {
  padding: 2rem 0;
}

#woocommerce-content .columns-4 .product {
  background-color: #fff;
  text-decoration: none;
  border: 1.03px solid #e6e6e6;
  border-radius: 0.5rem;
  position: relative;
  padding: 1rem;
  z-index: 3;
  overflow: hidden;
}

#woocommerce-content .columns-4 .product::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url("../assets/images/Product4x.png") no-repeat center center;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  -webkit-transition: opacity 0.5s ease, transform 0.5s ease;
}

#woocommerce-content .columns-4 .product:hover::before {
  opacity: 1;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
#woocommerce-content .woocommerce-loop-product__title {
  color: #855d34;
  font-family: "Poppins";
  font-size: 1rem;
  line-height: inherit;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  align-self: flex-start;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  ul.products
  li.product
  .price,
.product .price {
  font-family: "Poppins", sans-serif;
  color: #583213 !important;
}
ins{
  text-decoration: none !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.added::after {
  content: none !important;
}

.woocommerce a.button.added,
.woocommerce button.button.added,
.woocommerce input.button.added {
  background: #583213 !important;
}

.woocommerce a.button.added svg,
.woocommerce button.button.added svg,
.woocommerce input.button.added svg {
  stroke: #fff !important;
}

.woocommerce a.button.added svg path,
.woocommerce button.button.added svg path,
.woocommerce input.button.added svg path {
  stroke: #fff !important;
}
.product_type_simple {
  padding: 0.9em 1em !important;
  border-radius: 50% !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 1% 1% 0 !important;
  width: 24% !important;
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 48% !important;
  }
}
@media (max-width: 480px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    margin: 0 0% 5% 0 !important;
    width: 100% !important;
  }
  #breadcrumb-search-container {
    margin: 7rem 1rem 2rem;
    flex-direction: column;
  }
}
.woocommerce ul.products li.product a img {
  object-fit: contain;
  height: 25rem !important;
}
li#hover-bg .woocommerce-product-gallery__image img,
li#hover-bg .woocommerce-loop-product__link img,
li#hover-bg img {
  transition: transform 0.3s ease;
}

li#hover-bg:hover .woocommerce-product-gallery__image img,
li#hover-bg:hover .woocommerce-loop-product__link img,
li#hover-bg:hover img {
  transform: scale(0.6);
}

.loop-product-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.woocommerce ul.products li.product .button {
  margin-top: 0 !important;
}
.woocommerce ul.products li.product .added_to_cart {
  color: #583213 !important;
  position: relative;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}

.woocommerce ul.products li.product .added_to_cart::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ff8a00, #583213);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1px;
}

.woocommerce ul.products li.product .added_to_cart:hover::after {
  transform: scaleX(1);
}
#woocommerce-content #load-more-products,
#woocommerce-content .view-all-products,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button,
.woocommerce-error .button,
.woocommerce-info .button {
  position: relative;
  align-self: center;
  background-color: #6c401d !important;
  color: #fff !important;
  padding: 16px 40px !important;
  cursor: pointer;
  border: 1px solid #6c401d !important;
  border-radius: 2.5rem !important;
  font-family: "Manrope";
  font-size: 1rem !important;
  font-weight: 400 !important;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  z-index: 1;
  transition: box-shadow 0.3s, background-color 0.4s;
}

#woocommerce-content #load-more-products::after,
#woocommerce-content .view-all-products::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #c78e60, #583213);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  border-radius: inherit;
  z-index: -1;
}

#woocommerce-content .view-all-products a,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt {
  color: #fff;
  text-decoration: none;
  font-family: "Manrope";
  font-size: 1rem !important;
  font-weight: 400;
  -webkit-font-smoothing: unset !important;
}

#woocommerce-content #load-more-products:hover,
#woocommerce-content .view-all-products:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:hover {
  background-color: #40280b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}

#woocommerce-content #load-more-products:hover::after,
#woocommerce-content .view-all-products:hover::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:hover::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:hover::after {
  opacity: 1;
}

#product-image-summary {
  display: flex;
  gap: 3rem;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  #product-image-summary {
    flex-direction: column;
    align-items: center;
  }
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-message a,
.product-name a,
.woocommerce-remove-coupon,
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-checkbox-text a,
.woocommerce-info .showcoupon,
.woocommerce .woocommerce-message .button {
  color: #583213 !important;
  text-decoration: none !important;
  font-weight: 600;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  border-radius: 0.4em;
  padding: 0.1em 0.4em;
  background: unset !important;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover,
.woocommerce-message a:hover,
.product-name a:hover,
.woocommerce-remove-coupon:hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-checkbox-text a:hover,
.woocommerce-info .showcoupon:hover,
.woocommerce .woocommerce-message .button:hover {
  color: #40280b !important;
  box-shadow: 0 2px 8px rgba(88, 50, 19, 0.08);
  text-decoration: underline !important;
}

#cart-wrapper {
  display: flex;
  gap: 1rem;
}
.woocommerce table.shop_table td {
  padding: 1rem !important;
}
.woocommerce-cart-form {
  flex: 2;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  width: unset !important;
  flex: 1;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100% !important;
}
.cart_totals,
.woocommerce-cart-form__contents {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid #e6e6e6;
  padding: 1rem;
}
.cart_totals h2 {
  font-family: "Manrope" !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  align-self: flex-start;
  text-align: left !important;
}
.cart-thumbnail-bg {
  background: url("../assets/images/product-background.png") no-repeat center
    center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  height: 15rem;
}
.woocommerce-cart table.cart img {
  width: 56px !important;
}
.woocommerce-page table.cart td.actions {
  text-align: center !important;
}
.return-to-shop {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
}

.woocommerce .cart .button,
.return-to-shop > a {
  padding: 1rem 2rem !important;
  background: #decfb9 !important;
  border-radius: 2.5rem !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.apply-coupon {
  background: #583213 !important;
  color: #fff !important;
  font-weight: 400 !important;
}
.woocommerce .cart .button::after,
.return-to-shop > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #c78e60, #583213);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  border-radius: inherit;
  z-index: -1;
}
.woocommerce .cart .button:hover,
.return-to-shop > a:hover {
  background-color: #40280b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
  color: #fff !important;
  font-weight: 400 !important;
}
.woocommerce .cart .button:hover::after,
.return-to-shop > a:hover::after {
  opacity: 1;
}
.cart-coupon-update {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-coupon {
  display: flex;
  flex-wrap: wrap !important;
  width: 80%;
}
#coupon_code {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 400;
  color: #999999;
  border: 1px solid #e6e6e6;
  border-radius: 2.5rem;
  margin-right: -3vw;
  flex: 1;
}
.checkout_coupon {
  display: flex;
  align-items: center;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #e6e6e6 !important;
}
@media (max-width: 1200px) {
  #cart-wrapper {
    flex-direction: column;
  }
  .cart-coupon {
    width: 100%;
  }
  .cart-coupon-update {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 500px) {
  .cart-coupon {
    flex-direction: column;
    gap: 1rem;
  }
  #coupon_code,
  .apply-coupon {
    width: 100% !important;
  }
}
#woocommerce-content .stock {
  display: flex;
  text-decoration: none;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

#woocommerce-content .stock .woocommerce-out-of-stock {
  font-family: "Poppins";
  font-size: 1rem;
  line-height: 1 !important;
  align-self: flex-start;
  font-weight: 400;
  color: #fff;
  border-radius: 3.3rem;
  padding: 1rem;
   background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  color: #583213;
}
#woocommerce-content .stock .woocommerce-out-of-stock:hover,.out-of-stock:hover {
  animation: shake 0.7s 1;

}
@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
.out-of-stock{
    font-family: "Poppins";
  font-size: 1rem;
  line-height: 1 !important;
  align-self: flex-start;
  font-weight: 400;
  color: red;

}
.in-stock {
  font-family: "Poppins";
  font-size: 1rem;
  line-height: 1 !important;
  align-self: flex-start;
  font-weight: 400;
  color: #8fae1b;
}
.woocommerce ul.products li.product .onsale {
  top: 1rem !important;
  right: 1rem !important;
  margin: unset !important;
}

.woocommerce span.onsale {
  font-family: "Poppins" !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #fff;
  border-radius: 3.3rem !important;
  padding: 1rem !important;
  line-height: 1 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  animation: onSale 2s infinite;
}

@keyframes onSale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.product-images {
  display: flex;
  align-items: center;
  gap: 2vw;
  flex: 1;
}
#product-image-summary .summary {
  flex: 1 !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.main-image {
  flex: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  text-decoration: none;
  border: 1.03px solid #e6e6e6;
  height: 60vh;
  border-radius: 0.3rem;
  position: relative;
  overflow: hidden;
}

.main-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url("../assets/images/MainImage.png") no-repeat center center;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.main-image:hover::before {
  opacity: 1;
  transform: scale(1.05);
}

.main-image img {
  width: 100%;
  height: auto;
  background-color: transparent;
  object-fit: contain;
  transition: transform 0.8s ease;
}

.main-image:hover img {
  transform: scale(0.8) translateY(-20px);
}

.main-image .woocommerce-product-gallery__image > img {
  background-color: transparent;
}

.my-custom-class {
  max-height: 300px !important;
  object-fit: cover;
}

.thumbnails {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.thumbnail-wrapper img {
  padding: 5px;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: border 0.2s ease-in-out;
}

.thumbnail-wrapper img:hover {
  border: 2px solid #583213;
}

.thumbnail-wrapper {
  overflow: auto;
  height: 40vh;
  display: flex;
  flex-direction: column;
  gap: 1vh;
}

.thumbnail-wrapper::-webkit-scrollbar {
  display: none;
}

.thumbnail-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.woocommerce-product-gallery__image {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}

.woocommerce-product-gallery__image > img {
  cursor: default;
  display: flex;
  background: white;
  transition: transform 0.2s ease-in-out;
  object-fit: contain;
  width: 12vw;
  height: 100%;
  max-height: 130px;
}

.scroll-up,
.scroll-down {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 1vw;
}

/* sidebar of mini cart stye */
#header .cart-sidebar {
  position: fixed;
  right: -100%;
  top: 0;
  width: 33%;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  transition: right 0.3s ease-in-out;
  overflow-y: auto;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.12);
}

#header .cart-sidebar.open {
  right: 0;
}

#header .cart-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  height: 20%;
}

#header .cart-sidebar-header h2 {
  font-family: "Manrope";
  font-size: 1.3rem;
  font-weight: 600;
}

#header .cart-sidebar-content {
  padding: 0vh 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 80%;
}

#header .close-cart-sidebar {
  font-size: 2.5rem;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

#header .close-cart-sidebar:hover {
  transform: rotate(180deg);
}

#header .header-cart {
  display: flex;
  cursor: pointer;
}

#header .header-cart a {
  text-decoration: none;
  font-family: "Manrope";
  font-size: 1rem;
  color: #583213;
  font-weight: 400;
}

#header .cart_list {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 3vh;
  width: 100%;
}

#header .woocommerce-mini-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}

/* checkout */
.checkout-review-wrapper {
  display: flex;
  padding: 2rem;
  gap: 4rem;
  justify-content: center;
}

#customer_details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 40%;
}
.review-order-wrap {
  width: 40%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 0.8rem;
  padding: 1rem;
  gap: 2rem;
  height: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  width: 100% !important;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border: 1px solid #e6e6e6 !important;
  border-radius: 0.4rem;
  padding: 1rem !important;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
}
.woocommerce form .form-row textarea {
  resize: none;
}
/* #customer_details h3 {
  font-family: "Salitia";
  color: #1a1a1a;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
  text-align: left;
} */
.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.woocommerce-additional-fields__field-wrapper {
  padding: 1rem 0;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
  background-color: #583213 !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  color: #fff !important;
  font-family: "Manrope";
  font-size: 0.9rem;
  font-weight: 600;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #e6e6e6 !important;
  padding: 0.5rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
}
.woocommerce-error li a {
  color: #b81c23;
}
.woocommerce-checkout #payment,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: rgb(88, 50, 19, 0.1) !important;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: rgb(88, 50, 19, 0.2) !important;
}
#payment div.payment_box::before {
  border: 1em solid rgb(88, 50, 19, 0.2) !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: unset !important;
  width: 100%;
}

.product-image-name-wrapper {
  display: flex;
  align-items: center;
}

.product-image-wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  width: 130px;
}

.product-image-wrapper img {
  object-fit: contain;
  height: auto;
  max-width: 3rem !important;
  max-height: 100%;
}
/* Remove all table borders */
.woocommerce-checkout-review-order-table {
  border: none !important;
}
@media (max-width: 1200px) {
  #customer_details {
    width: 100%;
  }
  .review-order-wrap {
    width: 100%;
  }
  .checkout-review-wrapper {
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .checkout-review-wrapper {
    flex-direction: column;
  }
  .woocommerce-notices-wrapper {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .product-image-name-wrapper {
    flex-direction: column;
  }
}
.widget_shopping_cart_content {
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.woocommerce-mini-cart__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

#header .woocommerce-mini-cart__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #1a1a1a;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem 0;
}

#header .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-weight: 600;
}
.woocommerce-mini-cart__buttons > .button {
  position: relative;
  padding: 16px 40px !important;
  cursor: pointer;
  border-radius: 2.5rem !important;
  font-family: "Manrope";
  font-size: 1rem !important;
  font-weight: 400 !important;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  z-index: 1;
  transition: box-shadow 0.3s, background-color 0.4s !important;
}

.woocommerce-mini-cart__buttons > .wc-forward {
  background-color: #6c401d !important;
  border: 1px solid #6c401d !important;
  color: #fff !important;
}
.woocommerce-mini-cart__buttons > .checkout {
  background-color: rgba(108, 64, 29, 0.1) !important;
  color: #583213 !important;
  border: 1px solid rgba(108, 64, 29, 0.5) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}
.mini-cart-thumb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 160px;
  width: 100px;
  flex: 1;
}
.mini-cart-thumb > img {
  width: 32px !important;
  height: auto !important;
}
.mini-cart-details {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mini-cart-details .product-name {
  color: #583213;
  font-size: 18px;
  font-weight: 500;
}
.product-qty-price {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
}
.mini-cart-details .woocommerce-Price-amount {
  color: #583213;
  font-size: 18px;
  font-weight: 600;
}
.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: var(--wc-red) !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
}
.remove:hover {
  color: #fff !important;
  background: var(--wc-red) !important;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  float: unset !important;
  margin-left: unset !important;
}
@media (max-width: 768px) {
  .mini-cart-details {
    flex: 1;
  }
}

/* thank you page style */
#woocommerce-thank-you {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem;
}

#woocommerce-thank-you h1 {
  font-family: "Reckless Neue";
  font-size: clamp(1.5rem, 2vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.5rem, 8vw, 4rem);
  letter-spacing: -0.02em;
  text-align: center;
  color: #583213;
}

.back-to-home {
  background-color: #583213;
  padding: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
  border: 1px solid #6c401d;
  border-radius: 2.5rem;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.back-to-home a {
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.back-to-home:hover {
  background-color: #40280b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: scale(1);
  background: linear-gradient(90deg, #c78e60, #583213);
  border-bottom-color: #583213;
}

#woocommerce-thank-you .brought-product {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: visible;
  position: relative;
  width: max-content;
  height: 35rem;
}

#woocommerce-thank-you .product-thank-you {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff8ed;
  border: 1.03px solid #e6e6e6;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 20vw;
  position: absolute;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  cursor: pointer;
  backface-visibility: hidden;
}

#woocommerce-thank-you .background-thankPage {
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: contain;
  justify-content: center;
  width: 100%;
  height: 25rem;
}

#woocommerce-thank-you .background-thankPage img {
  object-fit: contain;
  width: 100%;
  display: flex;
  justify-content: center;
  max-height: 18rem;
}

.product-thank-you {
  --total-cards: calc(var(--n) - 1);
  --index: calc(var(--i) - (var(--total-cards) / 2));
  --spacing: 10vw;
  transform: translateX(calc(var(--index) * var(--spacing)))
    rotate(calc(var(--index) * 20deg));
}

.product-thank-you:hover {
  transform: translateX(calc(var(--index) * var(--spacing))) rotate(0deg)
    scale(1.1);
  z-index: 10;
  box-shadow: 0 8px 16px rgba(88, 50, 19, 0.3);
}

@media (max-width: 1200px) {
  #woocommerce-thank-you .product-thank-you {
    width: 35vw;
  }
}

@media (max-width: 768px) {
  #woocommerce-thank-you .product-thank-you {
    width: 45vw;
  }
  #woocommerce-thank-you {
    gap: 2vh;
  }

  .product-thank-you {
    --spacing: 5vw;
    transform: translateX(calc(var(--index) * var(--spacing)))
      rotate(calc(var(--index) * 15deg));
  }
}

@media (max-width: 480px) {
  #woocommerce-thank-you .background-thankPage {
  }
  #woocommerce-thank-you .product-thank-you {
    width: 75vw;
  }
  #woocommerce-thank-you {
    gap: 1vh;
  }

  .product-thank-you {
    transform: translateX(calc(var(--index) * var(--spacing))) rotate(0deg);
  }
  .woocommerce-order .woocommerce-order-header {
    padding: 8rem 2rem 0;
  }
  .woocommerce ul.order_details {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .woocommerce ul.order_details li {
    margin: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid #e6e6e6 !important ;
  }
  .woocommerce ul.order_details {
    margin: unset !important;
  }
}

#woocommerce-thank-you .product-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#woocommerce-thank-you .product-content .info-product {
  text-decoration: none;
}

#woocommerce-thank-you .product-content .woocommerce-loop-product__title {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  color: #855d34;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#woocommerce-thank-you .product-content .woocommerce-Price-amount,
.product-price-and-discount .price,
.product-price .woocommerce-Price-amount,
.product-subtotal {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  color: #583213;
}
.woocommerce table.shop_table th {
  color: #808080;
}
.woocommerce-order .woocommerce-order-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.woocommerce table.shop_table {
  border: none !important;
}

/* WooCommerce quantity input styling */
.woocommerce .quantity .qty {
  width: unset !important;
}

.quantity input[type="number"] {
  text-align: center;
  border: none;
  background: transparent;
  font-family: "Manrope";
  color: #583213;
  font-weight: 500;
  outline: none;
  appearance: textfield;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  border-radius: 2rem;
  padding: 1rem 2.5rem;
  box-shadow: 0 2px 8px rgba(88, 50, 19, 0.04);
  cursor: text;
}

.quantity input[type="number"]:focus {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 0 0 2px #583213;
}

.quantity label.screen-reader-text {
  display: none;
}

/* Remove spinners for number input on Chrome/Safari */
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove spinners for number input on Firefox */
.quantity input[type="number"] {
  -moz-appearance: textfield;
}
.summary form.cart {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media  (max-width: 768px) {
  .summary form.cart {
    flex-direction: column;
    align-items: flex-start;
  }
  
}

.summary form.cart .single_add_to_cart_button {
  background-color: #583213 !important;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.single-product > .onsale {
  display: none !important;
}

.summary .product-title-and-stock {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}

.summary .product-price-and-discount {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.product-price-and-discount > .off {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border-radius: 1.9rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 0.6rem 1rem;
  animation: pulseDiscount 2s infinite;
}

@keyframes pulseDiscount {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.summary hr {
  border: 1px solid rgba(230, 230, 230, 1);
}

.summary .brand {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.summary .brand p {
  color: #1a1a1a;
  font-family: "Poppins";
  font-size: 0.9rem;
  font-weight: 400;
}

.summary .brand .brand-image {
  padding: 1vh 1vw;
}

.summary .brand .brand-image .pwb-brand-shortcode a img {
  object-fit: contain;
  width: 5rem;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after{
  display: none !important;
}


.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions>div {
  padding: 0.2rem !important;

}