/*
Theme Name: Heim Child
Template: heim
Author: Hypefast
Version: 1.0
*/

:root {
  /* Color */
  --text-default-color: #40484f;
  --divider-default-color: #dde0e3;
  --border-default-color: #dcdcdc;
  --border-gray-color: #dddddd;
  --border-medium-gray-color: #dbdbdb;
  --border-color: #00a4e5;
  --button-background-color: #f7fdff;
  --button-disabled-background-color: #f5f5f5;
  --input-background-color: #f7f7f7;
  --text-positive: #029615;
  --white-color: #ffffff;
  --white-gray-color: #f1f1f1;
  --info-background-color: #312f98;
  --info-border-color: #9290ff;
  --color-contrast: #8f9aa3;
  --border-error-color: #af0e05;
  --color-gray: #e4e4e4;
  --color-dark-gray: #455a64;
  --add-to-cart-background-color: #e1fbff;
  --color-medium-gray: #d9d9d9;
  --color-light-gray: #e0e0e0;
  --color-dark-gray: #40484f;
  --color-red: #e31e26;
  --color-primary: #00a4e5;
  --color-orange: #e67d00;
  --color-discount: #d14261;
  --color-orange-dark: #ff6164;
  --color-red: #c51e54;
  --color-green: #008411;
  --color-blue: #0082e9;

  /* Order tracking */
  --order-tracking-border: 1px solid var(--mbf-color-border);
  --order-tracking-thumbnail-size: 72px;
  --order-tracking-standard-padding: 8px;
  --order-tracking-tab-bg-inactive: #d5d5d5;
  --order-tracking-tab-bg-active: #f7f7f7;

  /* Notification Bar */
  --message-bar-color-bg: #f5f9f1;
  --error-bar-color-bg: #f9f1f1;
  --info-bar-color-bg: #312f98;
  --message-bar-color-text: #026153;
  --error-bar-color-text: #a91d3a;
  --info-bar-color-text: #ffffff;
  --notification-bar-line-height: 1.6;
  --info-bar-border-color: #1888c1;

  /* Login Required Message */
  --message-container-color: #f8f8f8;
  --message-font-color: #000000;

  /* Spacing */
  --page-padding-mobile: 12px;
  --page-padding-desktop: 20px;
  --spacing-0: 0;
  --spacing-0-5: 2px;
  --spacing-1: 4px;
  --spacing-1-5: 6px;
  --spacing-2: 8px;
  --spacing-2-5: 10px;
  --spacing-3: 12px;
  --spacing-3-5: 14px;
  --spacing-4: 16px;
  --spacing-4-5: 18px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-7-5: 30px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-25: 100px;

  /* Border Radius */
  --radius-full: 9999px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-xl: 12px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;

  /* Font Sizes */
  --text-tiny: 10px;
  --text-xxs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 24px;
  --text-mini: 8px;

  /* Font Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Line Heights */
  --leading-none: 1;
  --leading-normal: 140%;
  --leading-tight: 16px;

  /* Letter Spacing */
  --tracking-none: 0%;
  --tracking-normal: 0.25px;
  --tracking-tight: -1px;

  /* Widths & Heights */
  --button--min-width: 120px;
  --button--min-height: 40px;
  --box-sidebar-width: 420px;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.hidden {
  display: none;
}

@media (min-width: 768px) {
  .md\:hidden {
    display: none;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.px-spacing {
  padding-left: var(--page--spacing) !important;
  padding-right: var(--page--spacing) !important;
}

.decoration-none {
  text-decoration: none !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.item-center {
  align-items: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-self-center {
  justify-self: center !important;
}

.p-4 {
  padding: 1rem !important;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.w-full {
  width: 100%;
}

.top-sticky {
  position: sticky;
  top: var(--wp-admin--admin-bar--height);
  top: 0;
}

.z-150 {
  z-index: 150;
}

.dashed-divider {
  width: 100% !important;
  border-bottom: 1px dashed var(--buttons--background-color) !important;
}

.text-positive {
  color: var(--text-positive) !important;
}

.block {
  display: block !important;
}

/*--------------------------------------------------------------
# Override
--------------------------------------------------------------*/
.page .entry-content {
  z-index: auto !important;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type="radio"]:not([disabled]):checked,
  input[type="radio"]:not([disabled]):hover {
    background-color: var(--color-medium-gray) !important;
    border: 1px solid var(--color-medium-gray) !important;
  }

  input[type="radio"]:disabled:after {
    background: var(--button-disabled-background-color) !important;
  }
}

/* Fix: Override parent theme's always-visible overlay
   The parent theme sets opacity: 1 !important on --with-slide-out,
   but this class is always present. We need to respect the --is-hidden state. */
.theme-heim
  .wc-block-components-drawer__screen-overlay--with-slide-out.wc-block-components-drawer__screen-overlay--is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}

/*--------------------------------------------------------------
# Product Page
--------------------------------------------------------------*/
.theme-heim .wc-block-grid__product .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.theme-heim .wc-block-mini-cart__quantity-badge:before {
  color: var(--header--font-color);
}

/*--------------------------------------------------------------
# Cart Page
--------------------------------------------------------------*/
.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table
  tr.woocommerce-shipping-totals {
  display: none !important;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table
  tr.order-total-no-shipping {
  border-bottom: none !important;
}

.woocommerce-cart .cart_totals .fee {
  display: none !important;
}

.woocommerce-cart header.entry-header {
  text-align: start !important;
  margin: var(--spacing-3) var(--spacing-0) !important;
}

.woocommerce-cart header h1.entry-title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.woocommerce-cart .woocommerce-cart-form {
  margin-bottom: var(--spacing-8) !important;
}

.woocommerce-cart .woocommerce-cart-form table.cart tr {
  grid-template-columns: 72px 1fr !important;
  align-items: start !important;
  column-gap: 12px;
  padding: var(--spacing-0) !important;
  margin-bottom: var(--spacing-2);
}

.woocommerce-cart .woocommerce-cart-form table.cart td {
  padding: var(--spacing-2) var(--spacing-0) !important;
}

.woocommerce-cart table.cart .product-thumbnail {
  width: 72px !important;
  padding: var(--spacing-3) var(--spacing-0) !important;
}

.woocommerce-cart table.cart .product-thumbnail img {
  max-height: 72px;
  aspect-ratio: 1 / 1;
  width: auto;
  object-fit: cover;
}

.woocommerce-cart table.cart .product-content .product-name-remove {
  display: grid !important;
  grid-template-columns: 1fr 110px;
  justify-content: space-between !important;
  gap: var(--spacing-1) !important;
}

.woocommerce-cart table.cart .product-name {
  font-size: 14px;
  display: grid;
  color: var(--text-default-color) !important;
  padding: var(--spacing-0) !important;
}

.woocommerce-cart span.cross-sell-rule-label {
  color: #a91d3a;
  font-weight: 600;
  font-size: 8px;
  font-style: italic;
  border: 1px solid #a91d3a;
  padding: 1px 7px;
  border-radius: 10px;
}

.woocommerce-cart span.cross-sell-discount-badge {
  background: #fff1f5;
  color: #c51e54;
  font-size: 9px;
  font-weight: 500;
  padding: 2px 4px;
}

.woocommerce-cart table.cart .product-name a {
  margin-top: 0 !important;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.woocommerce-cart table.cart .product-name:not(:has(ins)) .amount {
  text-decoration-line: none;
  order: 4;
  font-size: 14px;
  font-weight: 600;
  margin: var(--spacing-0) !important;
}

.woocommerce-cart table.cart .product-name .awdr_cart_strikeout_line {
  font-size: 13px;
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  flex-direction: row-reverse;
  margin-top: var(--spacing-3) !important;
}

.woocommerce-cart
  table.cart
  .product-name
  .awdr_cart_strikeout_line:not(:has(del)) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.woocommerce-cart
  table.cart
  .product-name
  .awdr_cart_strikeout_line:not(:has(del))
  .amount {
  font-size: 14px;
  font-weight: 600;
}

.woocommerce-cart table.cart .product-name .awdr_cart_strikeout_line del {
  order: 1;
  color: var(--color-contrast);
  font-size: 11px;
}

.woocommerce-cart table.cart .product-name .awdr_cart_strikeout_line ins {
  order: 1;
  text-decoration-line: none;
  font-size: 14px;
  font-weight: 600;
}

.woocommerce-cart
  table.cart
  .product-content
  .product-name-remove
  .product-remove {
  position: static !important;
  display: flex !important;
  margin-top: var(--spacing-1) !important;
  justify-content: end;
}

.woocommerce-cart table.cart .product-content {
  text-align: start !important;
}

.woocommerce-cart table.cart .product-content .product-quantity {
  padding: var(--spacing-0) !important;
  text-align: center;
}

.woocommerce-cart table.cart .product-content .product-quantity .quantity {
  width: 104px !important;
  margin-top: var(--spacing-0) !important;
}

.woocommerce-cart table.cart td.actions {
  gap: var(--spacing-2) !important;
}

.woocommerce-cart table.cart td.actions .coupon button {
  margin-top: var(--spacing-2) !important;
}

@media (min-width: 768px) {
  .woocommerce-cart table.cart td.actions .coupon button {
    margin-top: var(--spacing-0) !important;
  }
}

.woocommerce-cart .wt_coupon_wrapper {
  display: none;
}

.woocommerce-cart .woocommerce-cart-form {
  border-bottom: 1px solid var(--divider-default-color);
  border-right: none;
}

@media (min-width: 1025px) {
  .woocommerce-cart .woocommerce-cart-form {
    border-bottom: none;
    border-right: 1px solid var(--divider-default-color);
  }
}

.woocommerce-cart .cart-collaterals table.shop_table {
  padding: var(--spacing-0) !important;
  background-color: var(--input-background-color);
  border-radius: 12px;
}

.woocommerce-cart .cart-collaterals table.shop_table tr {
  border-bottom: 1px solid var(--divider-default-color) !important;
}

.woocommerce-cart .cart-collaterals table.shop_table tr:last-child {
  border-bottom: none !important;
}

.woocommerce-cart .cart-collaterals table.shop_table tr td,
.woocommerce-cart .cart-collaterals table.shop_table tr th {
  padding-top: var(--spacing-3) !important;
  padding-left: var(--spacing-2) !important;
  padding-bottom: var(--spacing-3) !important;
  padding-right: var(--spacing-2) !important;
  font-size: 12px;
  font-weight: 400;
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
  margin-top: var(--spacing-5) !important;
}

.woocommerce-cart table.cart .product-name .variation {
  display: inline-flex !important;
}

.woocommerce-cart table.cart .product-name .variation dt.variation-Discount {
  margin-right: var(--spacing-1) !important;
}

.woocommerce-cart table.cart .product-name .variation .variation-Discount,
.woocommerce-cart table.cart .product-name .variation .variation-Discount p {
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-cart #qty-confirm-modal #qty-confirm-yes {
  background: var(--color-orange-dark);
  border-radius: var(--radius-2xl);
  color: var(--white-color);
}

.woocommerce-cart #qty-confirm-modal #qty-confirm-no {
  background: var(--white-color);
  border-radius: var(--radius-2xl);
  color: var(--text-default-color);
}

/*--------------------------------------------------------------
# Notice Bar
--------------------------------------------------------------*/
.woocommerce-message {
  grid-template-columns: auto 1fr;
  background-color: var(--message-bar-color-bg) !important;
  font-weight: var(--font-normal);
  font-size: var(--text-xs) !important;
  color: var(--message-bar-color-text) !important;
  column-gap: var(--spacing-1) !important;
  border-radius: 0% !important;
  align-items: center;
}

.woocommerce-message strong,
.woocommerce-message a,
.woocommerce-message > * {
  color: var(--message-bar-color-text) !important;
  line-height: var(--notification-bar-line-height) !important;
}

.woocommerce-message:before {
  display: none !important;
}

.woocommerce-message .ic-check {
  margin-right: var(--spacing-1);
  color: var(--message-bar-color-text);
}

.woocommerce-error {
  grid-template-columns: auto 1fr;
  background-color: var(--error-bar-color-bg) !important;
  font-weight: var(--font-normal);
  font-size: var(--text-xs) !important;
  color: var(--error-bar-color-text) !important;
  column-gap: var(--spacing-1) !important;
  line-height: var(--notification-bar-line-height) !important;
  border-radius: 0% !important;
  align-items: center;
}

.woocommerce-error strong,
.woocommerce-error a,
.woocommerce-error > * {
  color: var(--error-bar-color-text) !important;
  line-height: var(--notification-bar-line-height) !important;
}

.woocommerce-error:before {
  display: none !important;
}

.woocommerce-error .ic-warning {
  margin-right: var(--spacing-1);
  color: var(--error-bar-color-text);
}

.woocommerce-info {
  grid-template-columns: auto 1fr;
  align-items: center;
  background-color: var(--info-bar-color-bg) !important;
  font-weight: var(--font-bold);
  font-size: var(--text-xs) !important;
  color: var(--info-bar-color-text) !important;
  column-gap: var(--spacing-1) !important;
  border-radius: 0% !important;
}

.woocommerce-info strong,
.woocommerce-info a,
.woocommerce-info > * {
  color: var(--info-bar-color-text) !important;
  line-height: var(--notification-bar-line-height) !important;
}

.woocommerce-info:before {
  display: none !important;
}

.woocommerce-info .ic-info {
  margin-right: var(--spacing-1);
  color: var(--info-bar-color-text);
  flex-shrink: 0;
}

/* Alert auto-hide animation */
@keyframes alertFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin: var(--spacing-0);
    padding: var(--spacing-0);
    visibility: hidden;
    display: none;
  }
}

.alert-auto-hide {
  overflow: hidden;
  animation: alertFadeOut 0.3s ease-out forwards;
  animation-delay: 6s;
}

.alert-auto-hide.last-alert {
  margin-bottom: var(--spacing-4) !important;
}

/* Top-level notices wrapper positioning for snackbar behavior */
.site-content > .woocommerce-notices-wrapper:first-child {
  position: relative;
  z-index: 999;
  margin-bottom: var(--spacing-2);
}

/* Ensure notices in top wrapper have proper spacing */
.site-content > .woocommerce-notices-wrapper:first-child .woocommerce-message,
.site-content > .woocommerce-notices-wrapper:first-child .woocommerce-error,
.site-content > .woocommerce-notices-wrapper:first-child .woocommerce-info {
  margin-bottom: var(--spacing-2);
}

.site-content
  > .woocommerce-notices-wrapper:first-child
  .woocommerce-message:last-child,
.site-content
  > .woocommerce-notices-wrapper:first-child
  .woocommerce-error:last-child,
.site-content
  > .woocommerce-notices-wrapper:first-child
  .woocommerce-info:last-child {
  margin-bottom: 0;
}

.woocommerce-message .content-wrapper .button.wc-forward,
.woocommerce-error .content-wrapper .button.wc-forward,
.woocommerce-info .content-wrapper .button.wc-forward {
  display: inline-flex !important;
  float: none;
}

.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error {
  grid-template-columns: minmax(0, 1fr);
}

.woocommerce-checkout .sticky-free-products {
  background: var(--color-green) !important;
}

.woocommerce-checkout button#place_order.button.alt {
  background: #00a4e5 !important;
}

/*--------------------------------------------------------------
Checkout Order Payment
--------------------------------------------------------------*/

.woocommerce-order-pay ul.order_details {
  margin: 0px !important;
  padding: 4px 8px !important;
  border: 1px solid #dfdfdf !important;
  border-radius: 8px;
  display: grid !important;
  gap: 8px !important;
}

.woocommerce-order-pay ul.order_details li {
  border-right: none !important;
  margin-right: 0px !important;
  border-bottom: 1px solid #dfdfdf !important;
  text-transform: capitalize;
  font-size: 12px !important;
  padding-bottom: 4px;
}

.woocommerce-order-pay ul.order_details li:last-of-type {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}

/*--------------------------------------------------------------
Custom payment error handler plugin
--------------------------------------------------------------*/

.payment-error-button {
  background: #2196f3 !important;
}

.payment-error-message {
  padding-bottom: 16px !important;
}

a.button.payment-error-button {
  line-height: 140% !important;
  letter-spacing: 0.25px;
  display: inline !important;
}

/* RMA Return Alert */
#wps_rma_return_alert.woocommerce-info:before,
#wps_rma_return_alert.woocommerce-message:before,
#wps_rma_return_alert.woocommerce-error:before {
  display: flex !important;
}

/* Custom Sticky Add to Cart Bar */
.woocommerce-error.custom-variant-notice {
  background-color: var(--white-gray-color) !important;
  color: var(--text-default-color) !important;
  column-gap: var(--spacing-2) !important;
}

.woocommerce-error.custom-variant-notice > * {
  color: var(--text-default-color) !important;
}

.woocommerce-error.custom-variant-notice .content-wrapper {
  font-weight: var(--font-normal) !important;
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
.aside-panel-inner .aside-logo {
  padding: 24px var(--modal--spacing);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #f4f5f6;
}

.aside-panel-inner .aside-logo a {
  text-decoration: none;
}

.aside-panel-inner .aside-logo .site-logo {
  padding: 0 !important;
}

.aside-panel-inner .aside-logo .site-branding {
  padding: 0 !important;
}

.aside-panel-inner .aside-account {
  padding: 12px var(--modal--spacing);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.aside-panel-inner .aside-account .aside-button {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.aside-panel-inner .aside-account .aside-button a {
  width: 100%;
  padding: 12px 16px;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
}

.aside-panel-inner .aside-account .aside-button a.login {
  background-color: #545091;
  color: var(--white-color);
}

.aside-panel-inner .aside-account .aside-button a.register {
  background-color: var(--white-color);
  color: var(--text-default-color);
  border: 1px solid #c7ccd1;
}

.aside-panel-inner #aside-mobile-menu-list {
  display: none;
}

.aside-panel-inner .aside-mobile-menus-container {
  padding: 12px var(--modal--spacing);
}

.aside-panel-inner .aside-mobile-menus-container li {
  color: var(--text-default-color);
  font-weight: bold;
  padding: 14px 0;
  border-top: 1px solid #f4f5f6;
  border-bottom: 1px solid #f4f5f6;
}

.aside-panel-inner .aside-mobile-menus-container li a {
  margin: 0;
}

.aside-panel-inner .aside-mobile-footer-menu {
  display: none;
}

.aside-panel-close {
  padding: 0 !important;
}

.aside-panel-close a {
  display: block;
  color: var(--global--color-font);
  width: auto !important;
  height: auto !important;
  padding: 0;
  text-decoration: none;
  text-align: center;
  border: none !important;
  border-radius: 50%;
  cursor: pointer;
  transition: var(--label-buttons--transition);
  background-color: var(--label-buttons--background-color);
}

.has-hover .aside-panel-close a:hover {
  border-color: var(--label-buttons--border-contrast-color);
  background-color: var(--label-buttons--background-contrast-color);
}

@media (max-width: 1025px) {
  .aside-panel-close {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media (max-width: 749px) {
  .aside-panel-close {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

#aside-panel-mobile-menu .aside-panel-close {
  border-bottom: none !important;
}

#site-header-myaccount {
  display: block !important;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

.home main .social-media-field img,
.home main .product-recommendation-field img {
  border-radius: 0 !important;
}

.home main .recommendation-field-col-2 .wp-block-group {
  gap: calc(var(--columns--gap) / 2) !important;
}

@media (min-width: 782px) {
  .home main .recommendation-field-col-2 .wp-block-group .wp-block-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

/*  Scrollable Products */
.home main .scrollable-products .wp-block-create-block-scrollable-products {
  margin-top: var(--spacing-0) !important;
}

.home main .scrollable-products .gallery {
  padding: var(--spacing-0);
  padding-bottom: 35px;
}

.home main .scrollable-products .gallery-cell .product-card {
  grid-template-rows: 500px 32px !important;
}

.home main .scrollable-products .gallery-cell .product-card img {
  height: 300px;
}
.home main .scrollable-products .gallery .gallery-cell .button {
  color: white !important;
  border-radius: var(--radius-3xl) !important;
  margin-top: var(--spacing-0) !important;
  padding: var(--spacing-2) var(--spacing-6);
}

.home main .scrollable-products .gallery .gallery-cell p.product-name {
  line-height: 1.2;
}

.home main .scrollable-products .gallery .gallery-cell p.product-price {
  display: flex !important;
  flex-direction: row;
  font-size: var(--text-normal);
  justify-content: center;
  gap: var(--spacing-1);
}

.home main .scrollable-products .gallery .gallery-cell p.product-price del {
  order: 2;
  font-size: var(--text-xs) !important;
}

.home main .scrollable-products .gallery .gallery-cell p.product-price ins {
  order: 1;
  text-decoration: none !important;
}

.home main .scrollable-products .gallery .gallery-cell p.product-price .onsale,
.home main .scrollable-products .gallery .gallery-cell p.product-price br {
  display: none;
}

.home
  main
  .scrollable-products
  .gallery
  .gallery-cell
  p.product-price:has(> ins > span:nth-of-type(2):last-of-type):not(
    :has(> ins > span:nth-of-type(3))
  ) {
  flex-direction: column;
  gap: var(--spacing-0);
}

.home main .scrollable-products .gallery .gallery-cell .button::after {
  color: white !important;
}

/* Hot Deals Section */
.home .hot-deals-sections-wrapper {
  margin: var(--spacing-0);
  margin-left: calc(var(--page--spacing) * -1) !important;
  margin-right: calc(var(--page--spacing) * -1) !important;
}

.home .hot-deals-section {
  width: 100vw;
}

.home .hot-deals-title h2 {
  color: #fbff00;
}

.home .hot-deals-description {
  color: var(--white-color);
}

.home .hot-deals-button {
  font-size: var(--text-xxs) !important;
  padding: var(--spacing-0) !important;
  background-color: var(--color-blue) !important;
}

.home .hot-deals-see-all-link-mobile {
  color: var(--white-color);
  width: 100%;
  background: none;
  font-size: var(--text-xs);
  padding: var(--spacing-1) 0;
  border-radius: var(--radius-xl);
  text-decoration: none;
  border: 1px solid #fff;
}

.home .hot-deals-countdown {
  background-color: var(--color-red);
  border: 1px solid var(--white-color);
  color: var(--white-color);
}

.home .hot-deals-countdown .timer-icon {
  color: var(--white-color);
}

.home .hot-deals-see-all-link {
  background: none;
  border: 1px solid var(--white-color);
  color: var(--white-color);
  text-decoration: none;
  border-radius: var(--radius-xl);
}

.home .hot-deals-section .product-price del ins {
  display: inline-block;
  font-weight: var(--font-normal);
  font-size: 10px;
  text-decoration: line-through;
  color: var(--color-contrast);
}

.home .hot-deals-section .product-price:has(> ins) br {
  display: none;
}

.home .hot-deals-section .product-price .onsale {
  display: none;
}

.home
  .hot-deals-section
  .product-price:has(> ins > span:nth-of-type(2):last-of-type):not(
    :has(> ins > span:nth-of-type(3))
  ) {
  flex-direction: column !important;
  gap: var(--spacing-0);
}

.home .hot-deals-section .button.added:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--white-color) !important;
  right: auto !important;
}

.home .hot-deals-section .button.added span.button-text {
  color: var(--white-color) !important;
}

.home .hot-deals-products-wrapper.products {
  position: relative;
}

.home .hot-deals-products-wrapper.products .hot-deals-product-link {
  text-decoration: none;
}

.home-content-wrapper-v2 {
  margin-left: 0 !important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead .site-header-wrapper {
  background-color: var(--global--color-body);
}

#site-header.simple {
  display: flex !important;
  width: 100%;
}

#site-header.simple .site-branding {
  width: 100%;
}

#site-header.simple .site-branding .site-logo {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-0) !important;
}

.site-header-wrapper #site-header {
  padding-top: var(--spacing-0) !important;
  padding-bottom: var(--spacing-0) !important;
}

.site-header-wrapper #site-header .left-header-tools {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-6);
  padding: var(--spacing-2) var(--spacing-0);
}

.site-header-wrapper #site-header .left-header-tools #site-menu-button {
  position: static;
  margin: var(--spacing-0) !important;
  flex: 0 0 auto;
}

.site-header-wrapper #site-header .left-header-tools #site-menu-button a,
.site-header-wrapper
  #site-header
  .left-header-tools
  #site-header-search
  > .heim-icon-search {
  color: var(--header--font-color);
  text-decoration: none;
  cursor: pointer;
  font-size: 20px;
}

.site-header-wrapper
  #site-header
  .left-header-tools
  .heim-icon-menu-alt:before {
  content: "";
}

.site-header-wrapper #site-header .left-header-tools .heim-icon-menu-alt img {
  width: 20px;
  height: 20px;
  aspect-ratio: 1 / 1;
}

.site-header-wrapper #site-header .site-branding {
  text-align: center !important;
  padding: var(--spacing-2) var(--spacing-0);
}

.site-header-wrapper #site-header .site-branding .site-logo {
  padding: var(--spacing-0) !important;
}

.site-header-wrapper #site-header .site-menu-primary {
  grid-column: 1 / -1;
  display: block !important;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-0);
}

.site-header-wrapper #site-header .site-menu-primary {
  grid-column: 1 / -1;
  display: block !important;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-0);
}

.site-header-wrapper #site-header .site-menu-primary .primary-menu-container {
  overflow-x: scroll;
  padding-left: var(--spacing-5);
  margin: var(--spacing-0) -20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (min-width: 768px) {
  .site-header-wrapper #site-header .site-menu-primary .primary-menu-container {
    padding-left: var(--spacing-10);
    margin: var(--spacing-0) -40px;
  }

  .site-header-wrapper
    #site-header
    .site-menu-primary
    .primary-menu-container
    #primary-menu-list {
    justify-content: center;
  }
}

.site-header-wrapper
  #site-header
  .site-menu-primary
  .primary-menu-container
  ul
  li {
  margin-right: var(--spacing-4) !important;
}

.site-header-wrapper
  #site-header
  .site-menu-primary
  .primary-menu-container
  ul
  li
  a {
  font-size: 14px;
  text-wrap-mode: nowrap;
}

.site-header-wrapper
  #site-header
  .site-menu-primary
  .primary-menu-container
  ul
  li:last-child
  a {
  padding-right: var(--spacing-5) !important;
}

@media (min-width: 768px) {
  .site-header-wrapper
    #site-header
    .site-menu-primary
    .primary-menu-container
    ul
    li:last-child
    a {
    padding-right: var(--spacing-10) !important;
  }
}

/*--------------------------------------------------------------
# Footer Page
--------------------------------------------------------------*/
.site-footer-widgets details {
  position: relative;
}

.site-footer-widgets details summary {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.site-footer-widgets details summary:after {
  content: "+";
  font-size: 24px;
}

@media (min-width: 768px) {
  .site-footer-widgets details summary:after {
    content: "";
  }
}

.site-footer-widgets details[open] summary:after {
  content: "-";
}

@media (min-width: 768px) {
  .site-footer-widgets details[open] summary:after {
    content: "";
  }
}

.site-footer-widgets details p {
  margin: 0 0 6px 0;
}

@media (max-width: 767px) {
  .site-footer-widgets {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

.site-footer-widgets .widget-area {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.site-footer-widgets .widget-area,
.site-footer-widgets .wp-block-columns {
  gap: 4px !important;
}

.site-footer-widgets details summary {
  margin-bottom: 8px;
}

/*--------------------------------------------------------------
# Checkout Page
--------------------------------------------------------------*/

.woocommerce-checkout .checkout {
  display: grid;
  gap: var(--spacing-4) !important;
}

@media (min-width: 992px) {
  .woocommerce-checkout .checkout {
    grid-template-columns:
      minmax(0, calc(100% - var(--box-sidebar-width) - 1.5rem))
      minmax(0, var(--box-sidebar-width));
    justify-content: space-between;
    grid-template-rows: auto minmax(0, 1fr);
  }
}

.woocommerce-checkout .checkout .woocommerce-NoticeGroup {
  grid-column: 1 / -1;
  width: 100%;
}

.woocommerce-checkout .woocommerce-error:before {
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--spacing-0);
  margin: var(--spacing-0);
  top: var(--spacing-0);
}

.woocommerce-checkout .entry-header {
  padding: 12px var(--page--spacing);
  background-color: #f7f7f7;
  margin: 20px auto !important;
}

.woocommerce-checkout .entry-content {
  padding: var(--spacing-0) var(--spacing-3) !important;
}

@media (min-width: 768px) {
  .woocommerce-checkout .entry-content {
    padding: var(--spacing-0) var(--spacing-10) !important;
  }
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-1);
  padding-top: var(--spacing-4) !important;
  border-top: 1px solid var(--color-gray);
}

.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-privacy-policy-text,
.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-privacy-policy-text
  p,
.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .validate-required {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-privacy-policy-text
  p {
  font-size: var(--text-xs);
}

.woocommerce-checkout .woocommerce-checkout-payment .button {
  margin-top: var(--spacing-2) !important;
}

@media (max-width: 1025px) {
  .woocommerce-checkout .entry-header {
    margin: 8px auto !important;
  }
}

.woocommerce-checkout .entry-header .entry-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 0 !important;
}

@media (max-width: 1025px) {
  .woocommerce-checkout .entry-header .entry-title {
    font-size: 16px;
  }
}

@media (max-width: 1025px) {
  .woocommerce-checkout .woocommerce-info {
    margin-bottom: 8px !important;
  }
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  margin-bottom: 8px !important;
}

@media (min-width: 992px) {
  .woocommerce-checkout .woocommerce-form-login-toggle {
    margin-bottom: var(--spacing-4) !important;
  }
}

/* Faster Checkout Banner */

.woocommerce-checkout .faster-checkout-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--message-container-color);
  border: 1px solid var(--white-gray-color);
  border-radius: var(--radius-sm);
  padding: var(--spacing-2);
}

.woocommerce-checkout .faster-checkout-content {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout .faster-checkout-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-1);
}

.woocommerce-checkout .faster-checkout-text h3 {
  font-weight: var(--font-medium) !important;
  font-size: var(--text-xxs) !important;
  letter-spacing: var(--tracking-none);
  line-height: var(--leading-normal);
  margin: var(--spacing-0) !important;
}

.woocommerce-checkout .faster-checkout-content p {
  font-size: var(--text-tiny);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  color: var(--color-dark-gray);
  margin: 0;
}

.woocommerce-checkout .faster-checkout-btn {
  background-color: var(--buttons--background-color);
  border-radius: var(--buttons--border-radius);
  color: var(--white-color);
  padding: var(--spacing-2);
  text-decoration: none;
  font-weight: var(--font-bold);
  font-size: var(--text-tiny);
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

.woocommerce-checkout .faster-checkout-btn:hover {
  background-color: var(--color-black);
  color: var(--white-color);
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login {
  margin: var(--spacing-2) var(--spacing-0);
  padding: var(--spacing-2);
  border: 1px solid var(--border-default-color);
  border-radius: var(--radius-sm);
  max-width: 420px;
}

.woocommerce-checkout form.woocommerce-form-login p {
  font-size: var(--text-xs);
}

.woocommerce-checkout form.woocommerce-form-login > p:first-child {
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce form.woocommerce-form-login > p.lost_password {
  margin: var(--spacing-0) !important;
  font-size: var(--text-xs) !important;
}

.woocommerce-checkout form.woocommerce-form-login p.woocommerce-register {
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce-checkout form.woocommerce-form-login p.woocommerce-register a {
  display: block;
  margin-top: var(--spacing-1);
}

.woocommerce-checkout form.woocommerce-form-login .form-row label {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
}

.woocommerce-checkout
  form.woocommerce-form-login
  .woocommerce-form-login__submit {
  width: 100%;
  margin-top: var(--spacing-1) !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-bold) !important;
}

.woocommerce-checkout .wt_coupon_wrapper {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.woocommerce-checkout .awdr_checkout_subtotal_promotion_messages {
  margin-bottom: 8px !important;
}
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody {
  background-color: var(--message-container-color);
  padding: var(--spacing-2);
  margin-bottom: var(--spacing-0) !important;
}

@media (max-width: 480px) {
  .woocommerce-checkout
    form.checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    .product-item-wrapper {
    gap: var(--spacing-2);
  }

  .woocommerce-checkout
    form.checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    .product-thumbnail,
  .woocommerce-checkout
    form.checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    .product-thumbnail
    img {
    width: 50px;
    height: 50px;
  }
}

/* Product Item Horizontal Layout */
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-item-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-3);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-thumbnail {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-thumbnail
  img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  text-align: left;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-name {
  font-weight: var(--font-bold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-variants,
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-quantity {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  color: var(--color-contrast);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-quantity-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-2);
  margin-top: var(--spacing-1);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-quantity-price
  .product-total {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
  color: var(--text-default-color);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  .product-details
  .product-quantity-price
  .product-total
  del {
  font-size: var(--text-xs);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tbody
  tr.expandable-review-order-controls
  td {
  padding: var(--spacing-0) !important;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  .expandable-review-order-toggle {
  max-height: 18px;
  margin-bottom: 8px;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td {
  padding: var(--spacing-2);
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  td.product-name
  .product-quantity {
  display: block !important;
  border: none !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 140% !important;
  letter-spacing: 0.25px;
  padding: 0 !important;
  color: var(--text-default-color);
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td {
  vertical-align: bottom;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total
  > .amount {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.25px;
  text-align: right;
  text-transform: capitalize;
  color: var(--color-orange);
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total
  .awdr-you-saved-text {
  color: var(--text-positive);
  font-size: var(--text-xxs);
  font-weight: var(--font-normal);
  text-align: right;
  display: block;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total
  br {
  display: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
  padding: var(--spacing-0) !important;
  margin: var(--spacing-0) !important;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr:last-child {
  border-bottom: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td {
  border-top: none !important;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr
  td {
  padding: var(--spacing-0) !important;
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--text-default-color);
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr
  td
  del {
  color: var(--color-discount) !important;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.shipping-total
  td
  del {
  color: var(--color-contrast);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount {
  display: flex;
  justify-content: space-between;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.order-total {
  border-top: 1px solid var(--divider-default-color) !important;
  padding-top: var(--spacing-1);
  margin-top: var(--spacing-2);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount
  th {
  padding: 0 !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.25px;
  color: var(--text-default-color);
  text-transform: capitalize;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount
  td {
  padding: 0 !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0.25px;
  text-align: right;
  color: var(--text-positive);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.woocommerce-shipping-totals {
  padding: 12px 0 !important;
  border-top: none !important;
  border-bottom: 1px solid var(--divider-default-color);
  margin-bottom: 12px;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  td.product-thumbnail {
  width: 60px !important;
  min-width: 60px;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.woocommerce-shipping-totals
  th {
  padding: 0 !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.25px;
  color: var(--text-default-color);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.woocommerce-shipping-totals
  td {
  padding: 8px 0 !important;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.woocommerce-shipping-totals
  ul#shipping_method {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.woocommerce-shipping-totals
  ul#shipping_method
  li {
  margin: 0;
  border-radius: 8px;
  padding-top: 12px;
  padding-right: 8px;
  padding-bottom: 12px;
  padding-left: 8px;
  gap: 8px;
  border: 1px solid #e4e4e4;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.fee {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.25px;
  color: var(--text-default-color);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.fee th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.fee td {
  padding: 0 !important;
}

.woocommerce-checkout .heim-woocommerce-checkout-coupon-form {
  flex-direction: row;
  flex-wrap: nowrap !important;
  gap: var(--spacing-2);
  margin-top: var(--spacing-2);
}

@media (min-width: 768px) {
  .woocommerce-checkout .heim-woocommerce-checkout-coupon-form {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .woocommerce-checkout .heim-woocommerce-checkout-coupon-form-button {
    width: 100%;
    max-width: var(--button--min-width);
  }
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.heim-woocommerce-checkout-coupon {
  padding-bottom: var(--spacing-3);
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.heim-woocommerce-checkout-coupon
  th,
.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.heim-woocommerce-checkout-coupon
  td {
  padding: 0 !important;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.heim-woocommerce-checkout-coupon
  td
  .heim-woocommerce-checkout-coupon-form
  input {
  padding: var(--spacing-4) var(--spacing-2);
  border-radius: var(--radius-sm);
  background-color: var(--white-color);
  border: 1px solid var(--color-gray);
  font-size: var(--text-xs);
  height: 48px;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.heim-woocommerce-checkout-coupon
  td
  .heim-woocommerce-checkout-coupon-form
  a.button {
  border-radius: var(--radius-none) !important;
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-align: center;
  color: var(--text-default-color);
  max-width: 74px !important;
  margin-top: var(--spacing-0) !important;
  padding: var(--spacing-4) !important;
  border: 1px solid var(--border-medium-gray-color) !important;
  color: var(--text-default-color) !important;
  background: var(--white-color) !important;
  height: 48px !important;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  th,
.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  td {
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 140%;
  letter-spacing: 0.25px;
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  .amount {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 140%;
  letter-spacing: 0.25px;
}

form.woocommerce-checkout .heim-woocommerce-checkout-customer-details-wrapper {
  margin-top: 20px;
  width: 100%;
  float: none;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  form.woocommerce-checkout
    .heim-woocommerce-checkout-customer-details-wrapper {
    margin-top: 0;
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .heim-woocommerce-checkout-customer-details-wrapper {
    width: 60%;
    padding-right: 0;
  }
}

form.woocommerce-checkout
  .heim-woocommerce-checkout-customer-details-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--divider-default-color);
}

@media (min-width: 768px) {
  form.woocommerce-checkout
    .heim-woocommerce-checkout-customer-details-wrapper:before {
    display: none;
  }
}

.woocommerce-checkout .checkout #customer_details {
  grid-row: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

form.woocommerce-checkout #customer_details .col-2 {
  margin: var(--spacing-0) -8px var(--spacing-0) !important; /* top, left, right */
  padding: var(--spacing-0) var(--spacing-2) !important;
  border-top: 1px solid var(--border-default-color);
}

@media (min-width: 1440px) {
  form.woocommerce-checkout #customer_details .col-2 {
    margin-right: calc(-8px - max(20px, 2%)) !important;
    padding-right: calc(8px + max(20px, 2%)) !important;
  }
}

form.woocommerce-checkout #customer_details .col-2 #ship-to-different-address {
  margin-bottom: 12px !important;
}

form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.25px;
  text-transform: capitalize;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
}

@media (min-width: 768px) {
  form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
    margin-top: 0 !important;
    padding-left: 0 !important;
  }
}

form.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  > h3:before {
  content: "2. ";
}

@media (min-width: 768px) {
  form.woocommerce-checkout
    #customer_details
    .woocommerce-billing-fields
    > h3:before {
    content: "";
  }
}

form.woocommerce-checkout #customer_details .woocommerce-shipping-fields {
  margin-bottom: 8px;
}

form.woocommerce-checkout #customer_details .woocommerce-additional-fields h3 {
  display: none;
}

form.woocommerce-checkout
  #customer_details
  .woocommerce-shipping-fields
  #ship-to-different-address {
  margin-bottom: 0 !important;
}

form.woocommerce-checkout
  #customer_details
  .woocommerce-shipping-fields
  #ship-to-different-address
  > label {
  padding: 4px 0 !important;
  margin-bottom: 0 !important;
}

form.woocommerce-checkout
  #customer_details
  .woocommerce-shipping-fields
  .shipping_address {
  border: 1px solid var(--border-default-color) !important;
  border-radius: 4px;
  padding: 12px 8px;
  margin-bottom: 8px;
}

form.woocommerce-checkout
  #customer_details
  .woocommerce-shipping-fields
  .shipping_address
  #shipping_pinpoint_location_field {
  display: none !important;
}

form.woocommerce-checkout #customer_details .input-error,
form.woocommerce-checkout
  #customer_details
  .woocommerce-input-wrapper:has(.input-error)
  .select2-selection {
  border: 1px solid var(--border-error-color) !important;
}

form.woocommerce-checkout #customer_details .phone-input-wrapper {
  position: relative;
}

form.woocommerce-checkout #customer_details .phone-input-wrapper::before {
  content: "+62";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--message-font-color);
  font-size: var(--text-xs);
  pointer-events: none;
  line-height: 24px;
}

form.woocommerce-checkout #customer_details .phone-input-wrapper input {
  padding-left: var(--spacing-8) !important;
  line-height: 24px !important;
}

/* Checkout inline error message styles */
form.woocommerce-checkout .checkout-inline-error-message {
  color: var(--border-error-color);
  font-size: var(--text-xs);
  margin-top: 4px;
  display: block;
  line-height: var(--leading-normal);
}

form.woocommerce-checkout #customer_details .form-row {
  margin-bottom: var(--spacing-3);
}

form.woocommerce-checkout #customer_details .form-row label {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--text-default-color);
  margin-bottom: var(--spacing-1) !important;
}

form.woocommerce-checkout #customer_details .form-row input {
  height: 48px;
}

form.woocommerce-checkout #customer_details .form-row input,
form.woocommerce-checkout #customer_details .form-row textarea {
  border: 0;
  gap: 8px;
  padding: var(--spacing-4) var(--spacing-2);
  border-radius: var(--radius-sm);
  background-color: var(--white-color);
  border: 1px solid var(--color-gray);
  font-size: var(--text-xs);
}

form.woocommerce-checkout
  #customer_details
  .form-row
  .select2-container
  .select2-selection {
  border: 1px solid var(--color-gray);
  border-radius: var(--radius-sm);
  background-color: var(--white-color);
}

form.woocommerce-checkout #customer_details .form-row input::placeholder {
  color: var(--divider-default-color);
}

form.woocommerce-checkout
  #customer_details
  .form-row#billing_pinpoint_location_field {
  display: none;
}

form.woocommerce-checkout
  #customer_details
  .form-row
  .select2-container
  .select2-selection {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
  padding-left: var(--spacing-2);
  word-break: break-all;
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-checkout #place_order {
  background-color: var(--buttons--background-color);
  width: 100%;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: var(--font-bold);
}

@media (min-width: 769px) {
  .woocommerce-checkout #place_order {
    display: inline-flex !important;
  }
}

.woocommerce-checkout #place_order::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M6 3.58333C6 2.70888 6.70888 2 7.58333 2H16.4167C17.2911 2 18 2.70888 18 3.58333C18 4.64188 18.8581 5.5 19.9167 5.5H20.3333C21.2538 5.5 22 6.24619 22 7.16667V8.02527C22 13.9277 18.8 19.3662 13.6403 22.2327L13.2621 22.4428C12.4772 22.8789 11.5228 22.8789 10.7379 22.4428L10.3597 22.2327C5.20003 19.3662 2 13.9277 2 8.02527V7.16667C2 6.24619 2.74619 5.5 3.66667 5.5H4.08333C5.14188 5.5 6 4.64188 6 3.58333ZM7.9781 4C7.77007 5.96722 6.1057 7.5 4.08333 7.5H4V8.02527C4 13.2014 6.80624 17.9706 11.331 20.4844L11.7092 20.6945C11.89 20.795 12.11 20.795 12.2908 20.6945L12.669 20.4844C17.1938 17.9706 20 13.2014 20 8.02527V7.5H19.9167C17.8943 7.5 16.2299 5.96722 16.0219 4H7.9781Z'/%3E%3Cpath fill='white' d='M15.5404 9.60473C15.4176 9.57547 15.2899 9.57547 15.1683 9.60486C15.0466 9.63425 14.9347 9.69211 14.8423 9.77337L11.2568 12.8164L9.91618 11.3355C9.84826 11.2602 9.76591 11.1983 9.67385 11.1535C9.58179 11.1086 9.48183 11.0816 9.3797 11.0741C9.27756 11.0666 9.17525 11.0787 9.07866 11.1097C8.98206 11.1406 8.89306 11.1899 8.81676 11.2546C8.74046 11.3193 8.67839 11.3981 8.63405 11.4866C8.58971 11.5752 8.56398 11.6718 8.55838 11.7707C8.55278 11.8695 8.5674 11.9689 8.60139 12.063C8.63539 12.1571 8.68809 12.244 8.75648 12.319L10.6226 14.3691C10.6906 14.4436 10.7729 14.5047 10.8647 14.5488C10.9565 14.5929 11.0561 14.6192 11.1577 14.6261C11.2593 14.6331 11.361 14.6207 11.4569 14.5895C11.5529 14.5583 11.6412 14.509 11.7168 14.4443L15.8801 10.9083C15.9879 10.819 16.0676 10.702 16.1102 10.5704C16.1528 10.4388 16.1567 10.2976 16.1215 10.1626C16.0863 10.0276 16.0134 9.904 15.9108 9.80553C15.8082 9.70705 15.68 9.63754 15.5404 9.60473Z'/%3E%3C/svg%3E");
}

.woocommerce-checkout p#order_comments_field {
  max-width: calc(100vw - 20px) !important;
}

.woocommerce-checkout .woocommerce_checkout_order {
  border-top: 1px solid var(--color-gray);
  padding-top: var(--spacing-4);
}

.woocommerce-checkout .order-review-container {
  display: grid;
  gap: var(--spacing-4);
  border-top: 1px solid var(--color-gray);
  margin-top: var(--spacing-4);
}

@media (min-width: 768px) {
  .woocommerce-checkout .order-review-container {
    border-top: none;
    margin-top: var(--spacing-0);
  }

  .woocommerce-checkout .woocommerce_checkout_order {
    border-top: none;
    display: grid !important;
    gap: var(--spacing-2) !important;
    margin-top: var(--spacing-0) !important;
    padding-top: var(--spacing-0) !important;
  }
}

.woocommerce-checkout #order_review {
  padding: var(--spacing-0) !important;
  width: 100% !important;
}

.woocommerce-checkout form.woocommerce-checkout:before {
  display: none !important;
}

@media (max-width: 767px) {
  .woocommerce-checkout form.woocommerce-checkout {
    margin-bottom: var(--spacing-0) !important;
  }
}

form.woocommerce-checkout
  .heim-woocommerce-checkout-customer-details-wrapper:before {
  display: none;
}

form.woocommerce-checkout .woocommerce-checkout-order-review-title:before {
  content: "";
}

.woocommerce-checkout h3 {
  font-weight: var(--font-bold);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  margin-bottom: var(--spacing-2);
}

.woocommerce-checkout .woocommerce_checkout_order .shipping-description {
  display: block;
  margin-top: calc(var(--spacing-1) * -1);
  margin-bottom: var(--spacing-2);
  font-weight: var(--font-normal);
  font-size: var(--text-tiny);
  color: var(--color-contrast);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-checkout .woocommerce-checkout-order-review-title {
  margin-top: var(--spacing-2);
}

.woocommerce-checkout #billing_country_field span strong {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
}

.woocommerce-checkout .woocommerce-checkout-billing-shipping-title {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-checkout .woocommerce-shipping-methods {
  padding: var(--spacing-3) !important;
  border: 1px solid var(--color-gray);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-3) !important;
}

.woocommerce-checkout form .form-row .required {
  visibility: hidden !important;
}

.woocommerce-checkout ul#shipping_method li {
  border-bottom: 1px solid var(--color-gray);
  padding-bottom: var(--spacing-2);
  display: flex;
}

.woocommerce-checkout ul#shipping_method li:last-child {
  border-bottom: none;
  padding-bottom: none;
}

.woocommerce-checkout form.checkout #shipping_method li label {
  text-align: left !important;
  display: inline-flex;
  padding-left: 0px !important;
  position: relative;
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--text-default-color);
}

.woocommerce-checkout form.checkout #shipping_method li label:has(del) {
  width: calc(100% - var(--spacing-5));
  margin-bottom: var(--spacing-6);
}

.woocommerce-checkout form.checkout #shipping_method li label del {
  display: table;
  position: absolute;
  bottom: calc(var(--spacing-6) * -1);
  border: 0px;
  left: 0;
}

.woocommerce-checkout form.checkout #shipping_method li label ins {
  position: absolute;
  bottom: calc(var(--spacing-6) * -1);
  right: 0;
  text-decoration: none;
}

.woocommerce-checkout form.checkout #shipping_method li label del .amount {
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-decoration: line-through;
  color: var(--mbf-palette-color-red-dark);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tr.cart_item {
  display: flex;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tr.cart_item td {
  flex: 1;
  align-items: center;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  th {
  padding: var(--spacing-0);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tr.cart-discount
  th {
  font-weight: var(--font-normal);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  th
  svg {
  overflow: hidden;
  vertical-align: middle;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
  margin-bottom: var(--spacing-1);
}

.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  tfoot
  tr.promo-section
  td {
  padding: var(--spacing-0) !important;
}

.woocommerce-checkout .woocommerce-remove-coupon:after,
.woocommerce-checkout a.remove:after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: var(--text-lg);
  line-height: var(--leading-none);
  font-weight: 800;
  font-variant: normal;
  color: var(--color-black);
  content: "\f2ed";
}

.woocommerce-checkout .heim-woocommerce-checkout-payment-heading {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce-checkout .payment-method-container h3.payment-method-heading {
  margin-bottom: var(--spacing-1) !important;
}

.woocommerce-checkout .payment-method-container .payment-method-subtitle {
  font-family: var(--font-primary) !important;
  font-weight: var(--font-medium);
  font-size: var(--text-xxs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-contrast);
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  margin-bottom: var(--spacing-4) !important;
}

.woocommerce-checkout .woocommerce-checkout-shipping-methods {
  padding-bottom: var(--spacing-4);
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-2) var(--spacing-0) !important;
  border-bottom: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  border: 1px solid var(--border-gray-color) !important;
  padding: var(--spacing-3) !important;
}

.woocommerce-checkout #payment li.wc_payment_method.payment_method_durianpay {
  min-height: 58px;
  display: flex;
  flex-direction: column;
  border-top-right-radius: var(--radius-sm);
  border-top-left-radius: var(--radius-sm);
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-checkout #payment li.wc_payment_method.payment_method_cod {
  border-bottom-right-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
  border-top: none !important;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  .payment_box.payment_method_durianpay
  p {
  display: none;
}

.woocommerce-checkout #payment div.payment_box {
  margin: var(--spacing-0) !important;
  font-weight: var(--font-normal);
  color: var(--text-default-color);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  background-color: transparent;
  padding: var(--spacing-0) !important;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  .payment_box.payment_method_durianpay
  .durianpay-description {
  display: flex !important;
  align-items: center;
  border-radius: var(--radius-sm);
  gap: var(--spacing-2);
  font-weight: var(--font-normal);
  font-size: var(--text-tiny);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  background-color: var(--message-container-color);
  color: var(--text-default-color);
  padding: var(--spacing-2);
  margin-left: var(--spacing-7);
}

.woocommerce-checkout #payment ul.payment_methods li.selected-payment-method {
  border: 1px solid var(--text-default-color) !important;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  .payment_method_container_durianpay {
  display: flex;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  .payment_method_container_cod {
  display: flex;
  align-items: center;
}

.woocommerce-checkout #payment ul.payment_methods li.cod-not-eligible {
  background-color: var(--button-disabled-background-color);
  cursor: not-allowed;
}

.woocommerce-checkout #payment ul.payment_methods li.cod-not-eligible input {
  cursor: not-allowed;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  span.cod-eligibility-message {
  display: block;
  font-weight: var(--font-normal);
  cursor: not-allowed;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li
  span.cod-eligibility-message
  a {
  text-decoration: underline;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  margin-left: var(--spacing-3);
  font-weight: var(--font-semibold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-black);
}

.woocommerce-checkout #payment div.payment_box.payment_method_cod {
  margin: 0 !important;
  padding-left: var(--spacing-8) !important;
  line-height: normal !important;
  border: 0 !important;
  font-size: var(--text-xs);
}

/*--------------------------------------------------------------
--- 4.4.2 Payment Methods List
--------------------------------------------------------------*/

.woocommerce-checkout .btn-show-payment-methods .others-text {
  font-size: var(--text-xxs) !important;
}

/*--------------------------------------------------------------
# Product Detail Page
--------------------------------------------------------------*/
.single-product main .summary .price {
  display: flex !important;
  flex-direction: column;
  margin-bottom: var(--spacing-3) !important;
}

.single-product
  main
  .summary
  .price:has(> span.woocommerce-Price-amount:nth-of-type(2)):not(
    :has(> span.woocommerce-Price-amount:nth-of-type(3))
  ) {
  display: block !important;
  font-size: var(--text-lg) !important;
  font-weight: var(--font-bold) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-3) !important;
}

.single-product main .summary .price .onsale {
  display: none !important;
}

.single-product main .summary .price del ins,
.single-product main .summary .price del {
  margin-left: var(--spacing-0) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  text-decoration: line-through !important;
  order: 2;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.single-product main .summary .price ins:not(del ins) {
  order: 1;
  color: var(--color-red) !important;
  font-size: var(--text-lg) !important;
  font-weight: var(--font-extrabold) !important;
}

.single-product main .summary .price br {
  display: none !important;
}

.single-product main .summary:has(> ins) {
  display: flex !important;
  flex-direction: column-reverse !important;
}

.single-product main .summary:has(> ins) .woocommerce-breadcrumb {
  order: 7;
}

.single-product main .summary:has(> ins) .product_title {
  order: 6;
}

.single-product main .summary:has(> ins) ins:not(del ins) {
  order: 5;
  text-decoration: none !important;
  font-size: var(--text-xl) !important;
  font-weight: var(--font-bold) !important;
}

.single-product main .summary:has(> ins) .price {
  order: 4;
}
.single-product main .summary:has(> ins) .price del ins,
.single-product main .summary:has(> ins) .price del {
  margin-left: var(--spacing-0) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  text-decoration: line-through !important;
}

.single-product main .summary:has(> ins) .stock {
  order: 3;
  width: fit-content;
}

.single-product main .summary:has(> ins) form.cart,
.single-product main .summary:has(> ins) form.variations_form {
  order: 2;
}

.single-product main .summary:has(> ins) .product_meta {
  order: 1;
}

@media (min-width: 768px) {
  .single-product main .custom-sticky-atc {
    display: none !important;
  }
}

.single-product .product_title {
  font-weight: var(--font-bold) !important;
  font-size: var(--text-lg) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  margin-bottom: var(--spacing-2) !important;
}

.single-product .product_meta > span {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.single-product form.cart {
  margin-bottom: var(--spacing-3) !important;
}

.single-product form.cart .variations,
.single-product form.cart .woocommerce-variation.single_variation:not(:empty) {
  margin-bottom: var(--spacing-3) !important;
}

.single-product form.cart .variations label {
  font-weight: var(--font-medium) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.single-product .woocommerce-tabs .panel {
  padding: var(--spacing-0) !important;
  margin: var(--spacing-0) !important;
}

.single-product .woocommerce-tabs .panel:not(:first-of-type) {
  position: relative !important;
  opacity: 1 !important;
}

.single-product .woocommerce-tabs {
  display: block !important;
  margin-top: var(--spacing-0) !important;
  padding: var(--spacing-0) !important;
  margin-bottom: var(--spacing-3) !important;
}

@media (min-width: 768px) {
  .single-product .woocommerce-tabs {
    margin-top: var(--spacing-6) !important;
  }
}

.single-product .wc-accordion-tab-title {
  font-weight: var(--font-bold) !important;
  font-size: var(--text-base) !important;
}

.single-product.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  padding: var(--spacing-2) var(--spacing-3) !important;
}

.single-product.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item
  .variable-item-span {
  padding: var(--spacing-1) !important;
}

.single-product .wc-accordion-tab-content-inner h2 {
  display: none !important;
}

.single-product .wc-accordion-tab-content-inner p {
  font-family: var(--font-primary);
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.single-product .woocommerce-product-attributes-item__label {
  font-size: var(--text-xs);
}

.single-product .woocommerce-product-attributes-item__value {
  color: var(--color-black) !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
}

.single-product .wc-accordion-tab-content-inner .shop_attributes tr {
  border-bottom: none !important;
}

.single-product table.shop_attributes th {
  padding: 4px 0px !important;
}

.single-product table.shop_attributes tr:not(:last-child) td {
  padding: var(--spacing-1) !important;
}

.single-product .wc-accordion-tab-content-inner .shop_attributes {
  margin: var(--spacing-0) !important;
}

.single-product .woocommerce-tabs .panel {
  margin-bottom: var(--spacing-3) !important;
}

.single-product form.cart .button {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.single-product form.cart div.quantity {
  align-items: center;
  padding: var(--spacing-1) !important;
}

@media (max-width: 480px) {
  .single-product form.cart .button {
    height: 100% !important;
    padding: var(--spacing-2) !important;
  }

  .single-product form.cart div.quantity .qty {
    height: 100% !important;
  }
}

.single-product .related ul.products {
  margin-bottom: var(--spacing-25) !important;
}

.single-product .related .products ul {
  gap: var(--spacing-0) !important;
  row-gap: var(--spacing-0) !important;
}

.single-product .wc-accordion-tab-header {
  padding: 8px 0px !important;
}

.single-product .custom-sticky-atc {
  z-index: 20 !important;
}

.single-product .custom-sticky-atc__cart-form .cart {
  padding: var(--spacing-2) var(--spacing-4) !important;
}

/*--------------------------------------------------------------
# Woo Variant Swatches / Woo Variant Swatches Pro
--------------------------------------------------------------*/

.woo-variation-swatches
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item.selected:not(
    .no-stock
  ) {
  background-color: var(--color-dark-gray) !important;
  color: var(--white-color) !important;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item {
  border-radius: var(--radius-3xl) !important;
}

.woo-variation-swatches ul.variations .wvs_archive_reset_variations,
.woo-variation-swatches .reset_variations {
  display: none !important;
}

/*--------------------------------------------------------------
# Account Page
--------------------------------------------------------------*/

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  background-color: var(--error-bar-color-text) !important;
  color: var(--white-color) !important;
}

.woocommerce-account
  .woocommerce-notices-wrapper
  .woocommerce-error
  .ic-warning,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error span,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error span a {
  color: var(--white-color) !important;
}

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error span a {
  text-decoration: underline solid var(--white-color) !important;
}

.woocommerce-account .woocommerce-notices-wrapper {
  max-width: 420px;
  margin: var(--spacing-0) auto;
}

.woocommerce-account-no-logged .entry-header {
  margin: var(--spacing-4) var(--spacing-0) var(--spacing-0) var(--spacing-0) !important;
}

.woocommerce-account-no-logged .entry-header-inner.page-max-width {
  max-width: 420px !important;
  margin: var(--spacing-0) auto;
}

.woocommerce-account-no-logged .entry-header-inner.page-max-width .entry-title {
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  letter-spacing: var(--tracking-normal);
  line-height: var(--leading-normal);
  text-align: left;
  text-transform: capitalize;
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-account-no-logged #customer_login {
  display: block;
}

.woocommerce-account-no-logged #customer_login .col-1,
.woocommerce-account-no-logged #customer_login .col-2 {
  width: 100% !important;
  max-width: 420px;
  margin: var(--spacing-4) auto var(--spacing-0) !important;
  float: none;
  padding-right: var(--spacing-0) !important;
}

.woocommerce-account-no-logged .u-column1 > h2,
.woocommerce-account-no-logged .u-column2 > h2 {
  display: none;
}

.woocommerce-account-no-logged .google-login-button-wrapper .wp_google_login {
  width: 100%;
  margin: var(--spacing-0) auto !important;
}

.woocommerce-account-no-logged #customer_login .col-2 {
  display: none;
}

.woocommerce-account-no-logged #heim-woocommerce-customer-login-toggle {
  display: flex !important;
  max-width: 420px;
  margin: 0 auto;
  margin-bottom: var(--spacing-4) !important;
}

.woocommerce-account-no-logged #customer_login.registration-active .col-2 {
  display: flex;
  padding-left: var(--spacing-0) !important;
}

.woocommerce-account-no-logged #customer_login.registration-active .col-1 {
  display: none;
}

.woocommerce-account-no-logged main .google-login-button-wrapper {
  display: flex;
  gap: var(--spacing-1);
  flex-direction: column;
  max-width: 420px;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.woocommerce-account-no-logged
  #heim-woocommerce-customer-login-toggle
  .label-button {
  border-color: transparent;
}

.woocommerce-account-no-logged
  #heim-woocommerce-customer-login-toggle
  li.active
  .label-button {
  background-color: var(--message-container-color);
  border: 1px solid var(--color-light-gray) !important;
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-black);
}

.woocommerce-account-no-logged
  main
  .google-login-button-wrapper
  span.or-separator {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--color-contrast);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
}

.woocommerce-account-no-logged form .form-row .input-text {
  border: 1px solid var(--color-contrast);
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  letter-spacing: var(--tracking-normal);
  line-height: var(--leading-normal) !important;
  height: var(--spacing-12);
}

.woocommerce-account-no-logged
  .woocommerce-form-login
  .woocommerce-form-login__submit,
.woocommerce-account-no-logged
  form.woocommerce-form-register
  .woocommerce-form-register__submit {
  width: 100%;
}

.woocommerce-account-no-logged
  form.woocommerce-form-login
  label[for="username"],
.woocommerce-account-no-logged
  form.woocommerce-form-login
  label[for="password"],
.woocommerce-account-no-logged
  form.woocommerce-form-register
  label[for="reg_username"],
.woocommerce-account-no-logged
  form.woocommerce-form-register
  label[for="reg_email"],
.woocommerce-account-no-logged
  form.woocommerce-form-register
  label[for="reg_password"] {
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-account-no-logged
  p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide
  input {
  top: 5px;
}

.woocommerce-account-no-logged .woocommerce-form__input-checkbox {
  top: var(--spacing-1) !important;
}

.woocommerce-account-no-logged
  p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide
  span,
.woocommerce-account-no-logged .woocommerce-form-login__rememberme span {
  font-size: var(--text-xs);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background-color: var(--input-background-color);
  gap: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  padding: 8px;
  border-left: 2px solid transparent;
  color: var(--text-default-color);
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
  border-left: 2px solid var(--color-contrast);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  text-decoration: none !important;
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  thead {
  background-color: var(--input-background-color);
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  thead
  th {
  color: var(--text-default-color);
  font-weight: 700;
  padding: 0 4px !important;
  height: 40px;
  min-height: 40px;
  text-align: center;
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  tr:nth-child(even) {
  background-color: var(--input-background-color);
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  th,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  td {
  text-align: center !important;
  padding: 20px 4px !important;
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  thead
  th.woocommerce-orders-table__header-order-status,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  td.woocommerce-orders-table__cell-order-status,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  thead
  th.woocommerce-orders-table__header-order-total,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  td.woocommerce-orders-table__cell-order-total {
  display: table-cell !important;
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  td.woocommerce-orders-table__cell-order-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
}

.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-MyAccount-orders
  tbody
  td.woocommerce-orders-table__cell-order-actions
  a {
  margin-top: 0 !important;
}

/* Mobile only */
@media (max-width: 1025px) {
  #post-10 .entry-title {
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.25px;
    margin-bottom: 12px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 12px !important;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    thead
    th {
    color: var(--text-default-color);
    font-size: 11px;
    line-height: 140%;
    letter-spacing: 0.25px;
    text-align: center;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    th,
  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    td {
    padding: 20px 4px 0 !important;
    vertical-align: top;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    th {
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.25px;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    thead
    th.woocommerce-orders-table__header-order-actions {
    display: none;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    tr {
    position: relative;
    height: 96px;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    td {
    font-size: 11px;
    line-height: 140%;
    letter-spacing: 0.25px;
    text-align: center !important;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    td.woocommerce-orders-table__cell-order-actions {
    width: 100%;
    position: absolute;
    right: 4px;
    margin-top: 36px;
    border-top: transparent;
  }

  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    /* CSS rules specific to Safari 11+ */
    .woocommerce-account
      .woocommerce-MyAccount-content
      .woocommerce-MyAccount-orders
      tbody
      td.woocommerce-orders-table__cell-order-actions {
      right: 24px;
    }
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-MyAccount-orders
    tbody
    td.woocommerce-orders-table__cell-order-actions
    a {
    padding: 4px 8px;
    border-radius: 24px;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 100%;
    letter-spacing: 0%;
    min-height: auto;
  }
}

.woocommerce-Button--previous,
.woocommerce-Button--next {
  font-size: 13px !important;
}

.woocommerce-MyAccount-navigation .is-active {
  background: #eeeeee;
}

@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation li {
    padding: 12px !important;
  }

  .woocommerce-MyAccount-navigation li a {
    font-size: 13px !important;
  }
}

@media (max-width: 1025px) {
  .woocommerce .woocommerce-message .button {
    display: block !important;
    margin-left: 0 !important;
    order: 0 !important;
  }
}

/* START ACTION BUTTONS */
/* TODO: Map into its section */
a.woocommerce-button.button.order-actions-button {
  margin-top: 8px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  padding: 8px 12px !important;
  height: auto !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

.woocommerce-checkout .sticky-checkout-btn,
.woocommerce-cart .sticky-checkout-btn {
  background: var(--color-primary) !important;
  color: var(--white-color) !important;
  font-size: var(--text-xs) !important;
  border-radius: var(--radius-2xl) !important;
}

/*--------------------------------------------------------------
# Order Details
--------------------------------------------------------------*/
.woocommerce-view-order #post-10 .entry-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: left !important;
  margin-bottom: 8px !important;
}

.woocommerce .order-info,
.woocommerce-view-order .woocommerce-MyAccount-content > p:nth-child(2) {
  padding: 0px !important;
  margin-bottom: 16px !important;
  font-size: 12px !important;
}

.woocommerce-order-details
  table.woocommerce-table--order-details
  tbody
  td.product-name
  .product-quantity {
  border: 1px solid #d3d3d3 !important;
}

ol.woocommerce-OrderUpdates.commentlist.notes {
  margin: 0px 0px 24px 0px;
}

.woocommerce-order-details
  table.woocommerce-table--order-details
  tbody
  td.product-thumbnail {
  width: 72px !important;
}

.woocommerce-order-details
  table.woocommerce-table--order-details
  tbody
  td.product-name
  a {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.25px;
}

.woocommerce-order-details
  table.woocommerce-table--order-details
  tbody
  td.product-name {
  text-align: left;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr {
  display: grid;
  grid-template-columns: 1fr;
}

.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  tbody
  tr:last-child
  td {
  display: inline-grid;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table--order-details
  tfoot {
  border: 1px solid var(--divider-default-color) !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr th {
  font-size: 12px !important;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr {
  border-bottom: 1px solid var(--divider-default-color) !important;
}

.woocommerce-order-details
  .woocommerce-table--order-details
  tfoot
  tr:last-child {
  border-bottom: none !important;
}

.woocommerce-order-details
  .woocommerce-table--order-details
  tfoot
  tr:last-child
  td {
  min-width: 200px !important;
}

.woocommerce .woocommerce-order-details .order-actions-button {
  margin: 0px !important;
}

.woocommerce
  .woocommerce-customer-details
  .woocommerce-customer-details--phone-new:before {
  content: "\e91d";
}

.woocommerce
  .woocommerce-customer-details
  .woocommerce-customer-details--phone-new:before {
  position: relative;
  font-family: "heim-icons";
  line-height: 1;
  font-weight: normal;
  font-variant: normal;
  margin-left: 0;
  margin-right: 0.375rem;
  vertical-align: middle;
}

a.woocommerce-button.button.view.order-actions-button {
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-radius: 24px !important;
  height: 100% !important;
  margin-right: 8px !important;
}

a.woocommerce-button.button.view.order-actions-button:first-child {
  margin-right: 0px !important;
}

a.woocommerce-button.button.track_package.order-actions-button {
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-radius: 24px !important;
  height: 100% !important;
  margin-right: 8px;
}

.woocommerce .woocommerce-order-details .order-actions-button:last-child {
  margin-top: 8px !important;
  margin-right: 0px !important;
}

.woocommerce-order-details
  .woocommerce-table--order-details
  tfoot
  tr:last-child
  td,
.woocommerce-order-received .shop_table tfoot tr:last-child td {
  padding-right: 0 !important;
  text-align: end !important;
  display: inline-block !important;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot {
  padding: 0 !important;
}

.woocommerce .woocommerce-order-details .order-actions-button:last-child {
  margin-right: 0 !important;
}

.woocommerce-account table.shop_table .button {
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-radius: 24px !important;
  height: 100% !important;
}

th.order-actions--heading {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.product-subtotal {
  text-align: right;
  color: var(--text-positive);
  font-size: var(--text-xxs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.product-subtotal span.woocommerce-Price-amount.amount:first-child {
  display: block;
  color: var(--color-orange);
  font-size: var(--text-base) !important;
  font-weight: var(--font-semibold) !important;
}

.woocommerce-order-details span.woocommerce-Price-amount.amount {
  font-size: var(--text-xs) !important;
}

.woocommerce-order-details del.shipping-before-discount-price {
  color: var(--color-contrast);
  font-size: var(--text-xs) !important;
}

span.woocommerce-Price-amount.amount {
  line-height: 140%;
  letter-spacing: var(--spacing-0) !important;
}

.woocommerce-order-details
  .woocommerce-table--order-details
  tfoot
  tr:last-child
  td {
  font-size: 12px !important;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.25px;
}

.woocommerce-order-details .woocommerce-order-details__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
  letter-spacing: 0.25px !important;
  margin-bottom: 8px !important;
}

.woocommerce .woocommerce-customer-details {
  margin-top: 0px !important;
}

/* START COMPLAINT PLUGIN */

.wps_rma_exchange_info_wrap.active-tab,
.wps_rma_refund_info_wrap.active-tab {
  background-color: #f7f7f7;
  padding: 8px 12px;
  border: none !important;
}

.wps_rma_refund_info_wrap table {
  border: 1px solid var(--border-default-color) !important;
  margin-bottom: var(--spacing-2) !important;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table tbody th,
.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table thead th {
  background: none !important;
  padding: var(--spacing-2) !important;
  text-align: left;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table tbody td {
  border-bottom: 1px solid var(--border-default-color);
  padding: var(--spacing-2) !important;
  text-align: left;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table tbody th {
  font-weight: 500 !important;
}

.wps_rma_outer_wrap_info
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  tr
  th:first-child {
  width: 70% !important;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table tbody tr th:last-child,
.wps_rma_outer_wrap_info
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  tr
  td:last-child {
  text-align: right !important;
}

input[name="wps_mra_return_request"] {
  display: none !important;
}

.wps_rma_outer_wrap_info input.btn {
  font-size: var(--text-xxs) !important;
  font-weight: var(--font-normal) !important;
  text-transform: capitalize !important;
  background-color: var(--button-background-color) !important;
  padding: var(--spacing-2) !important;
  margin-bottom: var(--spacing-0) !important;
  border-radius: var(--radius-sm) !important;
  width: 171px;
  height: 31px !important;
}

.wps_rma_outer_wrap_info {
  margin: var(--spacing-1) !important;
}

.wps_rma_exchange_info_wrap {
  font-size: var(--text-xxs) !important;
  background-color: #f7f7f7;
  border: none !important;
  margin-bottom: var(--spacing-3) !important;
}

.wps_rma_exchange_info_wrap .order_details {
  border: 1px solid var(--border-default-color) !important;
}

.wps_rma_exchange_info_wrap .order_details th,
.wps_rma_exchange_info_wrap .order_details td {
  padding: var(--spacing-2) !important;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table .product-total {
  text-align: left !important;
}

.wps_rma_outer_wrap_info .wps_rma_ret_ex_info_wrap table tbody td {
  border-bottom: 1px solid var(--border-default-color) !important;
  padding: var(--spacing-2) !important;
  text-align: left;
}

.wps_rma_outer_wrap_info table.shop_table tbody th {
  border-top: 1px solid var(--border-default-color) !important;
}

.wps_rma_exchange_info_wrap.active-tab,
.wps_rma_refund_info_wrap.active-tab {
  background-color: #f7f7f7;
  border-radius: 0 !important;
  border: none !important;
}

.wps_rma_ul_wrap_info {
  justify-content: center;
  border: none !important;
  border-radius: var(--spacing-0) !important;
  background: var(--order-tracking-tab-bg-inactive) !important;
  cursor: auto !important;
  margin-left: var(--spacing-0) !important;
  list-style-position: inherit;
}

.wps_rma_ul_wrap_info table {
  font-size: var(--text-xs) !important;
}

.wps_rma_ul_wrap_info .wps_rma_li_wrap_info h2 {
  background: none !important;
  padding: var(--spacing-2) var(--spacing-3) !important;
  text-align: center !important;
  transition: none !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
}

.wps_rma_ul_wrap_info .wps_rma_li_wrap_info.active h2,
.wps_rma_ul_wrap_info .wps_rma_exchange_info_wrap.active h2 {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-semibold) !important;
  line-height: 140% !important;
  letter-spacing: 0.25px !important;
  position: relative !important;
  border-radius: 0px !important;
}

.wps_rma_ul_wrap_info .wps_rma_li_wrap_info {
  width: 100%;
  background: var(--order-tracking-tab-bg-inactive);
  margin: -12px var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
  cursor: pointer !important;
}

.wps_rma_ul_wrap_info .wps_rma_li_wrap_info.active {
  background: var(--order-tracking-tab-bg-active);
  border-bottom: solid 1px #f8f9fa;
}

.wps_rma_refund_info_wrap {
  font-size: var(--text-xs) !important;
  background-color: #f7f7f7;
  border: none !important;
  margin-bottom: var(--spacing-3) !important;
}

.wps_rma_refund_info_wrap h2 {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  margin: 0px 0px var(--spacing-2) !important;
}

.wps_rma_refund_info_wrap p {
  font-size: var(--text-xxs) !important;
}

.wps_rma_outer_wrap_info {
  margin: var(--spacing-1) 0px 0px !important;
}

.wps_rma_return_rules h2 {
  font-weight: var(--font-semibold);
  font-size: var(--text-base);
  line-height: 140%;
  letter-spacing: 0.25px;
}

.wps-rma-col.wps_rma_flex {
  font-size: var(--text-xxs) !important;
  font-weight: var(--font-medium) !important;
  line-height: 140%;
  letter-spacing: 0.25px;
  margin-top: var(--spacing-1) !important;
}

.wps_rma_refund_info_wrap.wps_rma_ret_ex_info_wrap {
  margin-top: var(--spacing-1) !important;
}

.wps_rma_refund_info_wrap.wps_rma_ret_ex_info_wrap,
.wps_rma_exchange_info_wrap.wps_rma_ret_ex_info_wrap {
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  line-height: 140%;
  letter-spacing: 0.25px;
}

.wps_rma_refund_info_wrap.wps_rma_ret_ex_info_wrap {
  margin-top: 0px !important;
}

/* Login Required Message */
.cancel-order-box,
.refund-order-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
  padding: var(--spacing-2);
  background: var(--message-container-color);
  border-radius: var(--radius-sm);
  margin: var(--spacing-5);
}

.cancel-order-message,
.refund-order-message {
  font-weight: var(--font-semibold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--message-font-color);
  margin-bottom: var(--spacing-2);
}

.cancel-order-link,
.refund-order-link {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-decoration: underline;
  color: var(--message-font-color);
}

/* END COMPLAINT PLUGIN */

/* START REFUND RULES PLUGIN */

.wps_rma_return_rules {
  background-color: #f7f7f7 !important;
  font-size: var(--text-xs) !important;
  padding: var(--spacing-2) !important;
  font-weight: var(--font-medium) !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0px !important;
  margin-top: -24px !important;
}

.wps_rma_return_rules h2 {
  font-weight: var(--font-medium) !important;
}

/* END REFUND RULES PLUGIN */

/* START EXCHANGE FORM */

.custom-wps-exchange-wrapper {
  margin-top: var(--spacing-4) !important;
  padding-left: var(--spacing-3) !important;
  padding-right: var(--spacing-3) !important;
}

.custom-wps-exchange-wrapper .product-name a {
  text-decoration: none !important;
}

.custom-wps-exchange-wrapper .product-selection-section {
  text-align: right;
}

.custom-wps-exchange-wrapper .product-selection-section .button {
  height: auto !important;
  width: auto !important;
  font-size: var(--text-xs);
  padding: var(--spacing-2-5) var(--spacing-4);
}

.custom-wps-exchange-wrapper .product-selection-section .button .btn-loading {
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-0) var(--spacing-0-5);
}

.custom-wps-exchange-wrapper #button-add-other-evidence,
.custom-wps-exchange-wrapper .wps_wrma_exchnaged_product_remove {
  border: 1px solid var(--color-dark-gray) !important;
  border-radius: var(--radius-2xl) !important;
  background: none !important;
  color: var(--color-dark-gray) !important;
  font-size: var(--text-xs) !important;
  height: fit-content !important;
}

.custom-wps-exchange-wrapper #button-add-other-evidence:hover,
.custom-wps-exchange-wrapper .wps_wrma_exchnaged_product_remove:hover {
  background: var(--color-dark-gray) !important;
  color: var(--white-color) !important;
  opacity: 1;
}

.custom-wps-exchange-wrapper .form-submit-section .button {
  height: auto !important;
  width: auto !important;
  font-size: var(--text-xs);
  padding: var(--spacing-2-5) var(--spacing-6);
}

.custom-wps-exchange-wrapper
  .customer-details-section
  .woocommerce-customer-details
  h2 {
  height: auto !important;
  width: auto !important;
  font-size: var(--text-xs);
  padding: var(--spacing-2-5) var(--spacing-6);
}

/* END EXCHANGE FORM */

.woocommerce-account .addresses {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

@media (max-width: 768px) {
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    margin-top: 8px !important;
  }
}

.woocommerce .woocommerce-customer-details address {
  padding: 8px !important;
  border-radius: 4px !important;
  border: 1px solid var(--border-default-color) !important;
  font-size: 12px !important;
}

.woocommerce .woocommerce-customer-details h2 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 140%;
  letter-spacing: 0.25px;
  margin-bottom: 8px !important;
}

.woocommerce-order-details > .order-again {
  margin-top: 0px !important;
}

p.order-again a.button {
  letter-spacing: 0.25px;
  display: block;
  align-content: center;
  text-align: center;
  background-color: #40484f !important;
  font-size: 12px !important;
  line-height: 140%;
}

.woocommerce-MyAccount-content h2 {
  font-size: 13px !important;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.25px;
}

.woocommerce ol.commentlist.notes,
.woocommerce-OrderUpdates {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  background-color: #e5f9ff;
  padding: 8px;
  border-radius: 8px;
}

.woocommerce-account ol.commentlist.notes li.note p.meta,
.woocommerce ol.commentlist.notes li.note p.meta,
.woocommerce-OrderUpdate-meta {
  font-size: 13px !important;
  margin-bottom: 0px !important;
}

.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
  font-size: 13px;
}

.woocommerce-account
  .woocommerce-MyAccount-orders.shop_table
  tbody
  tr
  td.woocommerce-orders-table__cell-order-actions
  .woocommerce-button.exchange {
  display: none !important;
}

.woocommerce-view-order a.woocommerce-button.button.order-actions-button {
  margin: 8px 0px 0px 8px !important;
}

.woocommerce-view-order .woocommerce-table ~ form {
  display: none !important;
}

.woocommerce-view-order .woocommerce-table tfoot:first-child {
  padding: 0px 8px 8px !important;
}

.woocommerce-view-order .woocommerce-table tfoot:last-child {
  padding: 0px 8px 0px !important;
}

.woocommerce-view-order .woocommerce-table tfoot:last-child tr th,
.woocommerce-view-order .woocommerce-table tfoot:last-child tr td {
  padding: var(--spacing-2) !important;
}

.woocommerce-view-order .woocommerce-thankyou-order-details.order_details {
  gap: 0px !important;
  padding: 0px !important;
  border: 1px solid var(--border-default-color);
  border-radius: 8px !important;
  margin: 0px 0px 20px !important;
}
.woocommerce-view-order .product-thumbnail img {
  border: 1px solid var(--border-default-color);
  border-radius: var(--radius-sm);
}

.woocommerce-view-order .woocommerce-customer-details--phone {
  margin-bottom: 0px !important;
}

.woocommerce-view-order .woocommerce-table-wrapper ~ form {
  display: none !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: var(--spacing-3);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-thumbnail {
  min-width: var(--order-tracking-thumbnail-size);
  max-width: var(--order-tracking-thumbnail-size);
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail {
  display: flex;
  flex-direction: column;
  font-size: var(--text-base);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .product-quantity {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  border-radius: var(--radius-2xl);
  border: 1px solid #c7ccd1;
  padding: var(--spacing-1) var(--spacing-3);
}

.woocommerce-view-order .woocommerce-table__product-total {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  font-size: var(--text-base);
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.woocommerce-view-order a[aria-label="Penukaran"],
.woocommerce-view-order .wps_rma_return_rules,
.woocommerce-view-order .wps_rma_outer_wrap_info {
  display: none !important;
}

/*--------------------------------------------------------------
# Order Tracking Page
--------------------------------------------------------------*/

.order-tracking table.woocommerce-table--order-details tbody,
table.woocommerce-table--order-details tbody {
  margin-bottom: 16px !important;
}

.order-tracking .woocommerce-table--order-details tfoot,
.woocommerce-order-details .woocommerce-table--order-details tfoot {
  border: 1px solid var(--border-default-color) !important;
  padding: 8px !important;
  margin-bottom: 4px !important;
}

.order-tracking span.woocommerce-Price-amount.amount {
  font-size: 12px !important;
}

.order-tracking a.woocommerce-button.button.order-actions-button {
  margin: 8px 0px 0px 8px !important;
}

.order-tracking .woocommerce-table ~ form {
  display: none !important;
}

.order-tracking .woocommerce-table tfoot:first-child {
  padding: 0px 8px 8px !important;
}

.order-tracking .woocommerce-table tfoot:last-child {
  padding: 0px 8px 0px !important;
}

.order-tracking .woocommerce-table tfoot:last-child tr th,
.order-tracking .woocommerce-table tfoot:last-child tr td {
  padding: var(--spacing-2) !important;
}

.order-tracking .woocommerce-thankyou-order-details.order_details {
  gap: 0px !important;
  padding: 0px !important;
  border: 1px solid var(--border-default-color);
  border-radius: 8px !important;
  margin: 0px 0px 20px !important;
}

.order-tracking .product-thumbnail img {
  border: 1px solid var(--border-default-color);
  border-radius: var(--radius-sm);
}

.order-tracking .woocommerce-customer-details--phone {
  margin-bottom: 0px !important;
}

.order-tracking h2 {
  font-size: 13px !important;
}

.order-tracking .woocommerce-table-wrapper ~ form {
  display: none !important;
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: var(--spacing-3);
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-thumbnail {
  min-width: var(--order-tracking-thumbnail-size);
  max-width: var(--order-tracking-thumbnail-size);
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail {
  display: flex;
  flex-direction: column;
  font-size: var(--text-base);
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .product-quantity {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  border-radius: var(--radius-2xl);
  border: 1px solid #c7ccd1;
  padding: var(--spacing-1) var(--spacing-3);
}

.order-tracking .woocommerce-table__product-total {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  font-size: var(--text-base);
  margin-bottom: var(--order-tracking-standard-padding) !important;
}
/*--------------------------------------------------------------
# Order Received Page
--------------------------------------------------------------*/
.woocommerce-order-received a.woocommerce-button.button.order-actions-button {
  margin: 8px 0px 0px 8px !important;
}

.woocommerce-order-received .woocommerce-table ~ form {
  display: none !important;
}

.woocommerce-order-received .woocommerce-table tfoot:first-child {
  padding: 0px 8px 8px !important;
}

.woocommerce-order-received .woocommerce-table tfoot:last-child {
  padding: 0px 8px 0px !important;
}

.woocommerce-order-received .woocommerce-table tfoot:last-child tr th,
.woocommerce-order-received .woocommerce-table tfoot:last-child tr td {
  padding: var(--spacing-2) !important;
}

.woocommerce-order-received .woocommerce-thankyou-order-details.order_details {
  gap: 0px !important;
  padding: 0px !important;
  border: 1px solid var(--border-default-color);
  border-radius: 8px !important;
  margin: 0px 0px 20px !important;
}
.woocommerce-order-received .product-thumbnail img {
  border: 1px solid var(--border-default-color);
  border-radius: var(--radius-sm);
}

.woocommerce-order-received
  .woocommerce-thankyou-order-details.order_details
  li {
  gap: 0px !important;
  padding: 8px !important;
  border-bottom: 1px solid var(--border-default-color) !important;
  font-size: 12px !important;
}

.woocommerce-order-received
  .woocommerce-thankyou-order-details.order_details
  li
  strong {
  font-size: 14px !important;
}

.woocommerce-order-received
  .woocommerce-thankyou-order-details.order_details
  li:last-child {
  border-bottom: 0px !important;
}

.woocommerce-order-received .woocommerce-customer-details--phone {
  margin-bottom: 0px !important;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: var(--spacing-3);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-thumbnail {
  min-width: var(--order-tracking-thumbnail-size);
  max-width: var(--order-tracking-thumbnail-size);
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail {
  display: flex;
  flex-direction: column;
  font-size: var(--text-base);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .product-quantity {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  border-radius: var(--radius-2xl);
  border: 1px solid #c7ccd1;
  padding: var(--spacing-1) var(--spacing-3);
}

.woocommerce-order-received .woocommerce-table__product-total {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  font-size: var(--text-base);
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.woocommerce-order-received a[aria-label="Penukaran"] {
  display: none !important;
}

/*--------------------------------------------------------------
# Product Card
* Including Shop Page, Product Category, Related Products, Search, and Handpicked Products
--------------------------------------------------------------*/

.product .woocommerce-loop-product__title {
  margin: var(--spacing-0) !important;
}

.product .woocommerce-loop-product__title .woocommerce-loop-product__title-span,
.wp-block-post-title :where(a) {
  font-size: var(--text-sm);
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.products .woocommerce-thumbnail img,
.wc-block-woocommerce-product-template .wc-block-product img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  margin-bottom: var(--spacing-3) !important;
}

.products li,
.wp-block-woocommerce-product-collection .wc-block-product-template li {
  height: 100%;
  width: 100%;
}

.products .price,
.wc-block-grid__product-price {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--spacing-0);
  margin-top: var(--spacing-0) !important;
  text-decoration: none !important;
  text-align: left;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
}

.products .price .onsale,
.wc-block-grid__product-price .onsale {
  display: none !important;
}

.products .price:has(del),
.products .price:has(ins) {
  flex-direction: column-reverse;
}

.products .price br,
.wc-block-grid__product-price br {
  display: none !important;
}

.products .price del,
.products .price del ins,
.wc-block-grid__product-price del,
.wc-block-grid__product-price del ins {
  color: var(--color-contrast) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  text-decoration: line-through !important;
  margin-left: var(--spacing-0) !important;
}

.products li.product,
.wc-block-grid__products li.wc-block-grid__product {
  height: auto;
  display: flex;
  flex-direction: column;
}

.products li.product .price,
.wc-block-grid__products li.wc-block-grid__product .price {
  display: flex !important;
  margin-bottom: var(--spacing-2) !important;
  flex-direction: row !important;
  gap: var(--spacing-1);
}

.products li.product .price del,
.wc-block-grid__products li.wc-block-grid__product .price del {
  order: 2;
}

.products li.product .button,
.wc-block-grid__products li.wc-block-grid__product .button {
  margin-top: auto !important;
}

.products
  li.product
  .price:has(> ins > span:nth-of-type(2):last-of-type):not(
    :has(> ins > span:nth-of-type(3))
  ),
.wc-block-grid__products
  li.wc-block-grid__product
  .price:has(> ins > span:nth-of-type(2):last-of-type):not(
    :has(> ins > span:nth-of-type(3))
  ) {
  flex-direction: column !important;
}

.products .price ins:not(del ins),
.products .price:not(:has(del)),
.wc-block-grid__product-price ins:not(del ins),
.wc-block-grid__product-price:not(:has(del)),
.wc-block-grid__product
  .wc-block-grid__product-price:not(:has(del))
  span.woocommerce-Price-amount.amount {
  font-weight: var(--font-semibold) !important;
  font-size: var(--text-base) !important;
  text-decoration: none;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
}

.mbf-wc-cart-related__products-wrapper .products,
.wp-block-woocommerce-product-collection .wc-block-product-template {
  display: grid;
  row-gap: var(--spacing-3);
  column-gap: var(--spacing-3);
  grid-template-columns: repeat(2, calc((100% - 12px) / 2));
}

.wp-block-woocommerce-product-price .wc-block-components-product-price {
  display: flex;
  flex-direction: column;
  font-size: 0 !important;
  text-align: left;
}

@media (min-width: 768px) {
  .mbf-wc-cart-related__products-wrapper .products,
  .wp-block-woocommerce-product-collection .wc-block-product-template {
    grid-template-columns: repeat(6, calc((100% - (12px * 5)) / 6));
  }
}

.wc-block-grid__product .wp-block-button .wp-block-button__link,
.products li.product .button {
  background-color: var(--add-to-cart-background-color) !important;
  border-radius: var(--radius-full) !important;
  color: var(--buttons--background-color) !important;
  display: flex !important;
  font-size: var(--text-xxs) !important;
  font-weight: var(--font-extrabold);
  justify-content: center;
  letter-spacing: var(--tracking-none);
  line-height: var(--leading-normal);
  text-decoration: none !important;
  transform: none !important;
  opacity: 1 !important;
  padding: var(--spacing-2) !important;
  position: relative !important;
  width: 100% !important;
}

.wc-block-grid__product .wp-block-button {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}

.products li.product:hover .button {
  transform: none !important;
}

.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product .wc-block-grid__product-title {
  font-size: var(--text-base) !important;
  letter-spacing: var(--spacing-0) !important;
}

.wc-block-grid__product .wp-block-button:hover,
.products li.product .button:hover {
  opacity: 0.8 !important;
}

.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link.loading
  .button-text,
.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link.added
  .button-text,
.products li.product .button.loading .button-text,
.products li.product .button.added .button-text {
  opacity: 0;
  color: var(--buttons--background-color) !important;
}

.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link.added
  .button-text,
.products li.product .button.added .button-text {
  animation: fadeIn 0.8s ease-out 0.6s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    color: var(--buttons--background-color) !important;
  }
}
.wc-block-grid__product .wp-block-button .wp-block-button__link.added:after,
.products li.product .button.added:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--buttons--background-color) !important;
  right: auto !important;
}

.wc-block-grid__product .wp-block-button .wp-block-button__link.loading:after,
.products li.product .button.loading:after {
  display: none !important;
}

.wc-block-grid__product .wp-block-button .wp-block-button__link .custom-spinner,
.products li.product .button .custom-spinner {
  position: absolute;
  top: 25%;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  visibility: hidden;
}

.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link.loading
  .custom-spinner,
.products li.product .button.loading .custom-spinner {
  opacity: 1;
  visibility: visible;
}

.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link.loading
  .custom-spinner
  img,
.products li.product .button.loading .custom-spinner img {
  animation: heimSpin 1s linear infinite;
}

.wc-block-grid__product
  .wp-block-button
  .wp-block-button__link:not(.loading)
  .custom-spinner,
.products li.product .button:not(.loading) .custom-spinner {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 768px) {
  .category-hero-image {
    min-height: 100px;
  }
}

.related.products {
  margin-top: var(--spacing-2) !important;
  padding-top: var(--spacing-2) !important;
}

.related.products .related-subheading {
  font-size: 15px !important;
  font-weight: var(--font-semibold) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  margin-bottom: var(--spacing-0);
}

.related.products > h2 {
  font-size: var(--text-lg) !important;
  font-weight: var(--font-semibold) !important;
  font-family: var(--global--font-family-heading) !important;
}

/* -- custom-in-app-browser-blocker -- */
.in-app-browser-blocker button.blocker-button {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-bold) !important;
  color: #2196f3 !important;
  padding: var(--spacing-2) !important;
  border-radius: var(--radius-3xl) !important;
  background: var(--add-to-cart-background-color) !important;
}

/*----------------------------------------------------------------
  ## 10.0 Cross-Sell Related Products (Cart Page)
------------------------------------------------------------------*/

/* Cross-sell container spacing */
.woocommerce-cart .cross-sells {
  margin-top: var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
  padding: var(--spacing-2) var(--spacing-3);
  max-width: 100vw;
  background: none;

  overflow: hidden;
  width: 100%;
  background: #e8f8ff;
  border-radius: var(--radius-md);
}

.woocommerce-cart .cross-sells h2.woocommerce-loop-product__title {
  -webkit-line-clamp: 1 !important;
}

.woocommerce-cart .cross-sells .products {
  overflow-x: visible;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-2);
  max-width: 100vw;
}

.woocommerce-cart .cross-sells .cross-sells-header {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.woocommerce-cart .cross-sells span.woocommerce-Price-amount.amount {
  font-size: var(--text-xs);
}

/* Cross-sell heading */
.woocommerce-cart .cross-sells .cross-sells-header h2 {
  font-family: var(--global--font-family-heading), sans-serif;
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: 42px;
  margin: var(--spacing-0);
}

.woocommerce-cart
  .cross-sells
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  max-width: 48px;
  max-height: 48px;
  width: 48px;
  height: 48px;
  aspect-ratio: 1/1;
}

.cross-sells-navigation {
  display: flex;
  justify-content: end;
  gap: var(--spacing-4);
}

.cross-sells-navigation button {
  background: none;
  padding: var(--spacing-0);
}

/* Product grid for cross-sells */
.woocommerce-cart .cross-sells ul.products {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  scroll-behavior: smooth;
  gap: var(--spacing-2);
  padding-right: var(--spacing-8) !important;
}

/* Scrollbar styling */
.woocommerce-cart .cross-sells ul.products::-webkit-scrollbar {
  -webkit-appearance: none;
  height: var(--spacing-1);
}

.woocommerce-cart .cross-sells ul.products::-webkit-scrollbar-thumb {
  background-color: var(--color-contrast);
  border-radius: var(--radius-full);
}

/* Individual product items in cross-sell */
.woocommerce-cart .cross-sells ul.products li.product {
  border-radius: var(--radius-md);
  background: var(--white-color);
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);
  flex: 0 1 auto;
  min-width: 211px;
  min-height: 77px;
  max-width: 211px;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product
  a.woocommerce-loop-product__link {
  display: flex !important;
  gap: var(--spacing-2) !important;
}

.woocommerce-cart ul.products li.product .woocommerce-thumbnail {
  min-width: var(--spacing-12);
}

.woocommerce-cart
  ul.products
  li.product
  .woocommerce-loop-product__info-wrapper {
  display: grid;
  min-width: 155px;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product
  .woocommerce-loop-product__title {
  width: 90%;
  height: 20px;
  margin: var(--spacing-0) !important;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product
  .woocommerce-loop-product__savings {
  min-height: var(--spacing-6);
  margin-top: calc(var(--spacing-2) * -1);
}

.cross-sells-navigation button:hover,
.cross-sells-navigation button:active,
.cross-sells-navigation button:focus {
  background: none;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product
  .woocommerce-loop-product__savings
  span {
  background-color: #fff1f5;
  color: var(--color-red);
  padding: var(--spacing-0-5) var(--spacing-1);
  font-size: var(--text-tiny);
  font-family: var(--global--font-family-heading), sans-serif;
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
}

.woocommerce-cart .cross-sells ul.products li.product .price {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-cart .cross-sells .cross-sells-promotion-message {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-2);
  background: var(--white-color);
  padding: var(--spacing-2);
  font-size: var(--text-xs);
  color: var(--color-red);
  border-radius: var(--radius-md);
}

.woocommerce-cart .cross-sells .cross-sells-promotion-message p {
  margin-bottom: var(--spacing-0);
}

.woocommerce-cart .cross-sells .cross-sells-promotion-message img {
  transform: translateY(var(--text-tiny));
}

/* Add to cart button in cross-sell */
.woocommerce-cart ul.products li.product .button.add_to_cart_button {
  margin-left: var(--spacing-14) !important;
  margin-top: var(--spacing-2) !important;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product.product-type-variable
  .button.sp-wqv-view-button:after {
  right: 60px;
}

.woocommerce-cart
  .cross-sells
  ul.products
  li.product
  .button.add_to_cart_button:after {
  right: 80px;
}

.woocommerce-cart .cross-sells ul.products li.product .button {
  background: var(--color-primary) !important;
  color: var(--white-color) !important;
}

/* Add padding after last product for scroll spacing */
.woocommerce-cart .cross-sells ul.products::after {
  content: "";
  flex: 0 1 auto;
  width: var(--page-padding-mobile);
}

/* Hide desktop cross-sells on mobile, show mobile cross-sells */
.woocommerce-cart .cross-sells-desktop {
  display: none;
}

.woocommerce-cart .cross-sells-mobile {
  display: grid;
  gap: 12px;
  margin-bottom: var(--spacing-10);
}

.woocommerce-cart table.cart tr td.voucher-cart-info-container {
  background: var(--color-white) !important;
  padding: var(--spacing-0) !important;
  width: 100%;
}

@media (max-width: 768px) {
  .woocommerce-cart footer {
    z-index: 1002;
    position: relative;
  }
}

/* Desktop styles */
@media (min-width: 768px) {
  .woocommerce-cart .cross-sells ul.products::after {
    width: var(--page-padding-desktop);
  }
}

@media (min-width: 992px) {
  /* Hide mobile cross-sells on desktop, show desktop cross-sells */
  .woocommerce-cart .cross-sells-mobile {
    display: none;
  }

  .woocommerce-cart .cross-sells-desktop {
    width: 100%;
    display: grid;
    gap: 12px;
    margin-bottom: var(--spacing-10);
  }

  .woocommerce-cart
    .cross-sells-desktop
    .cross-sells
    .cross-sells-promotion-message
    img {
    transform: translateY(var(--spacing-1-5)) !important;
  }

  .woocommerce-cart .cross-sells-desktop .cross-sells {
    margin-top: var(--spacing-3) !important;
  }
}

/* Adjust bottom position when cart form and collaterals are visible */
/* AND when cross-sells and related products have no content */
@media (max-width: 768px) {
  body.woocommerce-cart:has(.cross-sells-mobile:empty) .cross-sells-mobile {
    margin: 0 !important;
  }

  body.woocommerce-cart:has(.cross-sells-mobile:empty) .sticky-checkout-bar {
    bottom: 88px;
  }
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.promo-section
  th
  svg {
  vertical-align: middle;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.order-total {
  padding: 0 !important;
  text-align-last: center;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.order-total
  td {
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-3) var(--spacing-0) !important;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.order-total
  td
  span.calculation-notes {
  font-size: var(--text-xxs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  font-style: italic;
}

.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  tr {
  display: block;
}

.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  tr.cart-subtotal
  th,
.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  tr.cart-discount
  th {
  display: none;
}

.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  tr.promo-section
  th {
  text-align: left !important;
}

.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  td {
  text-align: right !important;
  width: 100%;
  display: block;
}

.woocommerce-cart
  .entry-content
  > .woocommerce
  .cart-collaterals
  .cart_totals
  td:before {
  content: attr(data-title);
  display: block;
  float: left;
  font-family: var(--mbf-font-primary-family), sans-serif;
  font-size: var(--mbf-font-primary-size);
  font-weight: var(--mbf-font-primary-weight);
  font-style: var(--mbf-font-primary-style);
  letter-spacing: var(--mbf-font-primary-letter-spacing);
  text-transform: var(--mbf-font-primary-text-transform);
}

/*--------------------------------------------------------------
# Quantity Breakdown - Hide original price when breakdown is shown
--------------------------------------------------------------*/
/* Cessa has no separate price column, quantity breakdown replaces the price display */
tr:has(.quantity-breakdown) .awdr_cart_strikeout_line {
  display: none !important;
}

.quantity-breakdown {
  margin-top: 8px;
  color: var(--mbf-color-contrast-800);
  font-size: 14px;
  font-family: Nunito, sans-serif;
}

.quantity-breakdown .woocommerce-Price-amount {
  display: inline !important;
  font-weight: 600;
}

.quantity-breakdown del {
  text-decoration: line-through;
  color: var(--mbf-color-contrast-500);
  font-size: 11px;
}

.quantity-breakdown del .woocommerce-Price-amount {
  font-weight: 400;
  color: var(--mbf-color-contrast-500);
}

/*----------------------------------------------------------------
  ## VOUCHER BOX PLUGIN UI ADJUSTMENT (checkout)
------------------------------------------------------------------*/
.voucher-box {
  margin: 16px 0 0 0;
}

.voucher-selection-modal__content {
  z-index: 900;
}

.voucher-box .voucher-card {
  height: auto !important;
}

.voucher-box .use-voucher-button {
  height: auto;
}

.voucher-box button.apply-button:hover {
  color: inherit;
}

.woocommerce-checkout
  form.checkout
  .voucher-box
  .voucher-card__header
  h3.voucher-card__code {
  margin: 0;
  font-weight: 500 !important;
  font-size: 10px !important;
  line-height: 140% !important;
  letter-spacing: 0.25px !important;
  text-transform: capitalize !important;
  margin-bottom: 0 !important;
}

.voucher-input.voucher-input__error {
  color: #c51e54 !important;
  border: 1px solid #c51e54 !important;
}

.voucher-input {
  flex: 1 !important;
  padding: 11px 8px !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  color: #8f9aa3;
  background-color: #fff !important;
  outline: none !important;
  font-weight: 400 !important;
}

/*--------------------------------------------------------------
# My Account - Order Pay
--------------------------------------------------------------*/
.woocommerce-order-pay li.wc_payment_method.payment_method_cod {
  display: none;
}

/*----------------------------------------------------------------
  ## Search No-Results Page
------------------------------------------------------------------*/

/* Hide the default "Hasil Pencarian" page title on search pages */
.search .woocommerce-products-header {
  display: none !important;
}

/* Custom no-results block */
.custom-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--mbf-spacing-8, 2rem) var(--mbf-spacing-5, 1.25rem);
  text-align: center;
}

.custom-no-results__icon {
  margin-bottom: var(--mbf-spacing-4, 1rem);
}

.custom-no-results__text {
  font-size: var(--mbf-font-primary-size, 0.875rem);
  font-weight: 600;
  color: var(--mbf-color-contrast-900, #1a1a1a);
  margin: 0;
}

/* Suggestions section */
.search-no-results-suggestions {
  padding: 0;
}

.search-no-results-suggestions__heading {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mbf-color-contrast-900, #1a1a1a);
  margin-bottom: 1rem;
  padding: 1.5rem 0 0;
}

.search-no-results-suggestions__products .products {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  width: 100% !important;
  gap: 1rem;
  padding: 0 0 1.5rem;
}

.search-no-results-suggestions__products .products li.product {
  width: 100% !important;
}

@media (min-width: 992px) {
  .search-no-results-suggestions__products .products {
    grid-template-columns: repeat(4, minmax(0, 220px)) !important;
    justify-content: start !important;
    padding: 0 0 2rem;
  }
}