/*
Theme Name: Luxcrime
Template: apparel
Author: Hypefast
Version: 1.0
*/

/*--------------------------------------------------------------
# Viewport
sm: 576px;
md: 768px;
lg: 992px;
xl: 1200px;
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# CSS Variables
--------------------------------------------------------------*/
:root,
[data-scheme="light"] {
  /* Color */
  --mbf-site-background: var(--mbf-light-site-background, #ffffff);
  --mbf-layout-background: var(--mbf-light-layout-background, #f7f7f7);
  --mbf-color-primary: var(--mbf-light-primary-color, #40484f);
  --mbf-color-primary-contrast: #ffffff;
  --mbf-color-secondary: var(--mbf-light-secondary-color, #40484f);
  --mbf-color-secondary-contrast: #ffffff;
  --mbf-color-border: var(--mbf-light-border-color, #c7ccd1);
  --mbf-color-button: var(--mbf-light-button-background, #c51e54);
  --mbf-color-button-border: var(--mbf-light-button-border, #c51e54);
  --mbf-color-button-contrast: var(--mbf-light-button-color, #ffffff);
  --mbf-color-button-hover: var(--mbf-light-button-hover-background, #a91d3a);
  --mbf-color-button-hover-border: var(
    --mbf-light-button-hover-border,
    #a91d3a
  );
  --mbf-color-button-hover-contrast: var(
    --mbf-light-button-hover-color,
    #ffffff
  );
  --mbf-color-overlay-background: var(
    --mbf-light-overlay-background,
    rgba(32, 32, 37, 0.2)
  );
  --mbf-color-contrast-50: #f7f7f7;
  --mbf-color-contrast-100: #f8f9fa;
  --mbf-color-contrast-200: #dde0e3;
  --mbf-color-contrast-300: #dee2e6;
  --mbf-color-contrast-400: #ced4da;
  --mbf-color-contrast-500: #8f9aa3;
  --mbf-color-contrast-600: #6e7c87;
  --mbf-color-contrast-700: #495057;
  --mbf-color-contrast-800: #40484f;
  --mbf-color-contrast-900: #212529;

  --mbf-palette-color-blue: #1154d0;
  --mbf-palette-color-blue-light: #eff8ff;
  --mbf-palette-color-blue-50: #1888c1;
  --mbf-palette-color-green: #026153;
  --mbf-palette-color-green-bright: #f5f9f1;
  --mbf-palette-color-green-light: #029615;
  --mbf-palette-color-green-dark: #006052;
  --mbf-palette-color-orange: #ffbc49;
  --mbf-palette-color-red: #c51e54;
  --mbf-palette-color-red-dark: #a91d3a;
  --mbf-palette-color-black: #000000;
  --mbf-palette-color-white: #ffffff;
  --mbf-palette-color-white-light: #f8f8f8;
  --mbf-palette-color-primary: #202025;
  --mbf-palette-color-secondary: #7e7e84;
  --mbf-palette-color-layout: #f7f7f7;
  --mbf-palette-color-border: #c7ccd1;
  --mbf-palette-color-gray-25: #d9d9d9;
  --mbf-palette-color-gray-50: #f8f9fa;
  --mbf-palette-color-gray-100: #f8f9fa;
  --mbf-palette-color-gray-150: #f0f0f0;
  --mbf-palette-color-gray-200: #e0e0e0;
  --mbf-palette-color-pink: #ffe2ea;
  --mbf-palette-color-pink-light: #ff9fb4;
  --wp--preset--color--pale-pink: #c51e54;

  /* Form */
  --wc-form-color-background: var(--mbf-palette-color-layout);
  --wc-form-border-color: var(--mbf-palette-color-layout);
  --wc-form-border-width: 0px;

  /* 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-5: 30px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-9-5: 38px;
  --spacing-10: 40px;

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

  /* Font Sizes */
  --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;

  /* Header */
  --mbf-header-initial-height: 56px;
  --mbf-header-height: 56px;

  /* Container max-width */
  --container-max-width: 420px;

  /* Link */
  --link-background: linear-gradient(
    to right,
    currentColor 0%,
    currentColor 98%
  );
  --link-background-size: 100% 1px;
  --link-background-size-hover: 0px 1px;
  --link-background-repeat: no-repeat;
  --link-background-position: var(--mbf-underline-bg-position);
  --link-padding-bottom: var(--spacing-1);
  --link-transition: 0.25s;
  --link-text-decoration: none;

  /* 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;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

.mt-0 {
  margin-top: var(--spacing-0) !important;
}

.mb-0 {
  margin-bottom: var(--spacing-0) !important;
}

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

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

.mt-3 {
  margin-top: var(--spacing-3) !important;
}

.mb-3 {
  margin-bottom: var(--spacing-3) !important;
}

.mt-4 {
  margin-top: var(--spacing-4) !important;
}

.mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.mt-6 {
  margin-top: var(--spacing-6) !important;
}

.mb-6 {
  margin-bottom: var(--spacing-6) !important;
}

.px-page {
  padding: 0 var(--page-padding-mobile) !important;
}

@media (min-width: 768px) {
  .px-page {
    padding: 0 var(--page-padding-desktop) !important;
  }
}

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

.rounded-sm {
  border-radius: var(--radius-sm);
}

.font-semibold {
  font-weight: var(--font-semibold);
}

/*--------------------------------------------------------------
# Override
--------------------------------------------------------------*/

.mbf-container {
  padding-left: var(--page-padding-mobile);
  padding-right: var(--page-padding-mobile);
}

@media (min-width: 768px) {
  .mbf-container {
    padding-left: var(--page-padding-desktop);
    padding-right: var(--page-padding-desktop);
  }
}

.mbf-notification-bar {
  background-color: var(--mbf-color-button);
  position: -webkit-sticky;
  position: sticky;
  top: var(--spacing-0);
  z-index: 20;
}

@media (min-width: 768px) {
  .mbf-notification-bar {
    top: var(--mbf-wpadminbar-height);
  }
}

.wp-block-button.is-link > a {
  padding: 0;
  background-color: transparent !important;
  border: transparent;
}

.wp-block-button.is-link > a:hover {
  color: var(--mbf-color-button-contrast) !important;
}

/* All pinpoint location input */
#billing_pinpoint_location_field,
#shipping_pinpoint_location_field {
  display: none !important;
}

.select2-container .select2-dropdown .select2-results__message {
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
}

.woocommerce-loop-product__color_variations {
  display: none !important;
}

/*--------------------------------------------------------------
# Woocommerce Notification Bar
--------------------------------------------------------------*/

.woocommerce-message:before {
  color: var(--mbf-palette-color-white) !important;
  left: var(--spacing-2) !important;
}

.woocommerce-message {
  background: var(--mbf-palette-color-green-dark) !important;
  color: var(--mbf-palette-color-white) !important;
  margin-bottom: var(--spacing-2) !important;
  border-radius: 0 !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-8) !important;
}

.woocommerce-error {
  border-radius: 0 !important;
  background: var(--mbf-palette-color-red-dark) !important;
  color: var(--mbf-palette-color-white) !important;
}

.woocommerce-error:before {
  color: inherit !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.mbf-header-before + .mbf-header {
  position: sticky;
  top: calc(46px + var(--mbf-wpadminbar-height)) !important;
}

.mbf-header .mbf-header__cart-link {
  position: relative;
  display: flex;
  align-items: center;
}

.mbf-header .mbf-header__cart-link .mbf-header__cart-label {
  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);
}

.mbf-header .mbf-header__cart-link .mbf-header__cart-quantity {
  background-color: var(--mbf-color-button);
  color: var(--mbf-color-button-contrast);
  padding: 1px 2px;
  min-height: var(--spacing-3);
  min-width: var(--spacing-3);
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: var(--text-mini);
  font-weight: var(--font-semibold);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  margin-left: 0.5rem;
}

.mbf-header .mbf-header__my-account {
  border: none;
  display: block;
}

.mbf-header .mbf-header__nav {
  padding: var(--spacing-2) 0;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0 calc(var(--page-padding-mobile) * -1);
}

@media (min-width: 992px) {
  .mbf-header .mbf-header__nav {
    margin: 0;
  }
}

.mbf-header .mbf-header__nav::-webkit-scrollbar {
  display: none;
}

@media (min-width: 992px) {
  .mbf-header .mbf-header__nav .mbf-header__nav-inner {
    justify-content: center;
  }
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:first-of-type {
  margin-left: var(--page-padding-mobile);
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:last-of-type {
  padding-right: var(--page-padding-mobile);
}

.mbf-header
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item
  > a:before {
  width: calc(100% - var(--spacing-4));
  left: var(--spacing-2);
  bottom: -2px;
  background-color: var(--mbf-color-button);
}

.mbf-header
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item:first-of-type
  > a:before {
  width: calc(100% - var(--spacing-2));
  left: var(--spacing-0);
}

.mbf-header
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item:last-of-type
  > a:before {
  width: calc(100% - var(--spacing-2));
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li > a {
  font-weight: var(--font-normal);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
  color: var(--mbf-color-button);
  padding: 0 var(--spacing-2);
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:first-of-type > a {
  padding-left: 0;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:last-of-type > a {
  padding-right: 0;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:hover > a > span,
.mbf-header .mbf-header__nav .mbf-header__nav-inner li.mbf-no-focus > a > span {
  color: var(--mbf-color-button);
}

.mbf-offcanvas .mbf-offcanvas__header {
  padding: var(--spacing-0) var(--spacing-2);
}

.mbf-offcanvas .mbf-offcanvas__account {
  padding: var(--spacing-3) var(--spacing-2);
  border-bottom: 1px solid var(--mbf-color-border);
}

.mbf-offcanvas .mbf-offcanvas__account .mbf-offcanvas__account-info {
  display: flex;
  flex-direction: row;
  padding: var(--spacing-2) var(--spacing-3);
  gap: var(--spacing-2);
  align-items: center;
  font-weight: var(--font-bold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: 0.25px;
  vertical-align: middle;
  color: var(--mbf-color-button);
}

.mbf-offcanvas .mbf-offcanvas__account .mbf-offcanvas__account-button {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
}

.mbf-offcanvas .mbf-offcanvas__account .mbf-offcanvas__account-button a {
  width: 100%;
  padding: var(--spacing-3);
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: 140%;
  letter-spacing: 3.5px;
  text-align: center;
  text-transform: uppercase;
}

.mbf-offcanvas .mbf-offcanvas__account .mbf-offcanvas__account-button a.login {
  background-color: var(--mbf-color-button);
  color: var(--mbf-color-button-contrast);
}

.mbf-offcanvas
  .mbf-offcanvas__account
  .mbf-offcanvas__account-button
  a.login:hover {
  background-color: var(--mbf-color-button-hover);
  color: var(--mbf-color-button-hover-contrast);
}

.mbf-offcanvas
  .mbf-offcanvas__account
  .mbf-offcanvas__account-button
  a.register {
  background-color: var(--mbf-palette-color-white);
  color: var(--mbf-color-contrast-800);
  border: 1px solid var(--mbf-palette-color-border);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .mbf-offcanvas__inner {
  padding: var(--spacing-2);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .mbf-offcanvas__inner .widget {
  margin-bottom: var(--spacing-3);
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .mbf-offcanvas__inner
  .widget
  .wp-block-button.is-default.is-style-outline
  > a {
  color: var(--mbf-color-contrast-800);
  background-color: var(--mbf-palette-color-white);
  border-color: var(--mbf-palette-color-border);
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .mbf-offcanvas__inner
  .menu-mobile-menu-container
  > .menu {
  margin: var(--spacing-0);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu > .menu-item {
  width: calc(100% + calc(var(--spacing-2) * 2));
  margin: var(--spacing-0) calc(var(--spacing-2) * -1);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu > .menu-item a {
  padding: 0.8125rem var(--spacing-5);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu > .menu-item > a,
.mbf-offcanvas .mbf-offcanvas__sidebar .sub-menu > .menu-item > a {
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  line-height: 170%;
  letter-spacing: 0px;
  width: 100%;
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu > .menu-item-has-children > span,
.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .sub-menu
  > .menu-item-has-children
  > span {
  top: 0.25rem;
  padding-right: var(--spacing-5);
  width: var(--spacing-10);
  height: var(--spacing-10);
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .menu
  > .menu-item-has-children
  > span::after,
.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .sub-menu
  > .menu-item-has-children
  > span::after {
  font-family: inherit;
  font-size: var(--text-2xl);
  content: "+";
  height: var(--spacing-10);
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .menu
  > .menu-item-has-children.menu-item-expanded
  > span::after,
.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .sub-menu
  > .menu-item-has-children.menu-item-expanded
  > span::after {
  content: "-";
  transform: none;
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu-item > .sub-menu {
  padding: var(--spacing-0);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .sub-menu > .menu-item > a {
  padding-left: calc(var(--spacing-5) + var(--spacing-4));
  border-top: 1px solid var(--mbf-color-border);
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .sub-menu
  > .menu-item:first-of-type
  > a {
  border-top: none;
}

.mbf-offcanvas
  .mbf-offcanvas__sidebar
  .sub-menu
  .sub-menu
  > .menu-item:first-of-type
  > a {
  border-top: 1px solid var(--mbf-color-border);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .sub-menu .sub-menu > .menu-item > a {
  padding-left: calc(var(--spacing-5) + var(--spacing-8));
}

.mbf-offcanvas .mbf-offcanvas__sidebar .sub-menu > .menu-item > a::after {
  display: none;
}

.mbf-offcanvas .mbf-offcanvas__sidebar .menu .current-menu-item > a {
  color: var(--mbf-color-button);
}

.mbf-offcanvas .mbf-offcanvas__sidebar .mbf-offcanvas__bottombar {
  border-top: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.mbf-footer {
  background-color: var(--mbf-palette-color-pink) !important;
  color: var(--mbf-color-primary);
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-0) var(--spacing-0);
  letter-spacing: var(--spacing-0) !important;
}

@media (min-width: 768px) {
  .mbf-footer {
    padding-top: var(--spacing-10);
  }
}

.mbf-footer ul {
  list-style: none;
  padding: var(--spacing-0);
  margin: var(--spacing-0);
}

.mbf-footer ul li {
  margin-bottom: var(--spacing-1-5);
}

.mbf-footer a {
  color: var(--mbf-color-primary) !important;
  font-size: var(--text-base) !important;
  font-weight: var(--font-normal) !important;
  letter-spacing: var(--spacing-0) !important;
  line-height: var(--leading-normal) !important;
  text-decoration: none !important;
  background: var(--link-background);
  background-size: var(--link-background-size-hover);
  background-repeat: var(--link-background-repeat);
  background-position: var(--link-background-position);
  padding-bottom: var(--link-padding-bottom);
  transition: var(--link-transition);
}

.mbf-footer a:hover {
  background-size: var(--link-background-size);
  color: var(--mbf-color-button) !important;
}

.mbf-footer .mbf-footer__item-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-7-5);
  padding-bottom: var(--spacing-0) !important;
  padding-top: var(--spacing-0) !important;
}

@media (min-width: 768px) {
  .mbf-footer .mbf-footer__item-inner {
    flex-direction: row;
  }
}

.mbf-footer .mbf-footer__col-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .mbf-footer .mbf-footer__col-wrapper {
    flex-direction: row;
    gap: var(--spacing-6);
  }
}

.mbf-footer .mbf-footer__col-wrapper .mbf-footer__col {
  flex: 1;
}

@media (min-width: 768px) {
  .mbf-footer .mbf-footer__col-wrapper .mbf-footer__col {
    width: 50%;
    align-items: start;
  }
}

.mbf-footer .mbf-footer__col-wrapper .mbf-col-left,
.mbf-footer .mbf-footer__col-wrapper .mbf-col-right {
  padding: var(--spacing-0) !important;
  margin: var(--spacing-0) !important;
}

@media (min-width: 768px) {
  .mbf-footer
    .mbf-footer__col-wrapper
    .mbf-footer__col
    .mbf-footer__info-group {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-9-5);
    width: 100%;
  }
}

.mbf-footer .mbf-footer__info {
  width: 100%;
  padding-top: var(--spacing-3);
}

.mbf-footer .mbf-footer__info h3 {
  font-size: var(--text-base);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-1);
}

.mbf-footer .mbf-footer__info p {
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
}

.mbf-footer .mbf-footer__bottom {
  margin-top: var(--spacing-6);
  padding: var(--spacing-6) var(--spacing-0);
  border-top: 1px solid var(--mbf-palette-color-pink-light);
  text-align: center;
}

@media (min-width: 768px) {
  .mbf-footer .mbf-footer__bottom {
    margin-top: var(--spacing-8);
  }
}

.mbf-footer .divider {
  border-top: 1px solid var(--mbf-palette-color-pink-light);
  margin-top: -8px;
  margin-bottom: var(--spacing-2);
}

.mbf-footer .mbf-footer__nav {
  display: block !important;
  color: var(--mbf-color-primary) !important;
}

.mbf-footer .mbf-footer__social {
  display: flex;
  justify-content: center;
  gap: var(--spacing-5);
  margin-bottom: var(--spacing-2);
}

.mbf-footer .mbf-footer__social .social-icon {
  font-size: var(--text-2xl) !important;
  color: var(--mbf-color-primary) !important;
  background-size: 0 !important;
}

.mbf-footer .mbf-footer__social .social-icon:hover {
  color: var(--mbf-color-button) !important;
}

.mbf-footer .mbf-footer__copyright {
  place-self: center;
  max-width: 100% !important;
  margin-top: var(--spacing-2);
  padding: var(--spacing-0);
}

.mbf-footer .mbf-footer__desc {
  max-width: 100% !important;
  margin-top: var(--spacing-2);
}

.mbf-footer .mbf-footer__desc,
.mbf-footer .mbf-footer__copyright {
  font-size: var(--text-base) !important;
  font-weight: var(--font-normal) !important;
  color: var(--mbf-color-primary) !important;
}

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

.home main .mbf-main-content .entry-content > * {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.home main .mbf-site-content {
  margin-bottom: var(--spacing-0);
}

.home main .mbf-container {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

@media (min-width: 992px) {
  .home main .mbf-container {
    padding-left: var(--page-padding-desktop);
    padding-right: var(--page-padding-desktop);
  }
}

@media (min-width: 992px) {
  .home main .px-page {
    padding-left: var(--spacing-0) !important;
    padding-right: var(--spacing-0) !important;
  }
}

/* Scrollable Products */

.home main .scrollable-products .gallery {
  overflow: hidden;
}

.home main .scrollable-products .gallery:focus-visible {
  outline: none;
}

.home main .scrollable-products .gallery-cell {
  width: 50%;
  height: 376px;
  margin-right: 10px;
  counter-increment: gallery-cell;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .home main .scrollable-products .gallery-cell {
    width: 25%;
    height: 376px;
    margin-right: 10px;
    counter-increment: gallery-cell;
  }
}

.home main .scrollable-products .gallery-cell img {
  width: 180px;
  height: 180px;
  object-fit: contain;
  margin-top: calc(var(--spacing-5) * 3); /* 60px */
  margin-bottom: calc(var(--spacing-5) * 3); /* 60px */
}

.home main .scrollable-products .gallery-cell p {
  width: 150%;
  font-weight: var(--font-semibold);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  text-align: center;
  color: var(--mbf-color-contrast-800);
  margin-bottom: var(--spacing-0);
  visibility: hidden;
}

@media (min-width: 768px) {
  .home main .scrollable-products .gallery-cell p {
    width: 100%;
  }
}

.home main .scrollable-products .gallery-cell p.category {
  font-size: var(--text-xl);
}

.home main .scrollable-products .gallery-cell:is(.is-selected) p {
  visibility: visible;
}

.home main .scrollable-products .gallery .flickity-prev-next-button,
.home main .scrollable-products .gallery .flickity-page-dots {
  display: none;
}

/* Scrollable Categories */

.home main .entry-content > .scrollable-categories {
  margin-top: var(--spacing-3);
}

.home main .scrollable-categories .slider {
  text-align: left;
  overflow: hidden;
}

.home main .scrollable-categories .slider .slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(284px);
  scroll-snap-type: mandatory;
  margin: 0 var(--page-padding-mobile);
}

@media (min-width: 768px) {
  .home main .scrollable-categories .slider .slides {
    margin: 0;
  }
}

.home main .scrollable-categories .slider .slides::-webkit-scrollbar {
  display: none;
}

.home main .scrollable-categories .slider .slides > .slider-cell {
  scroll-snap-align: start;
  flex-shrink: 0;
  height: 340px;
  width: 284px;
  margin-right: var(--spacing-4);
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;

  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  position: relative;
  padding: var(--spacing-2-5) var(--spacing-4-5);
  border-radius: var(--radius-sm);
}

.home main .scrollable-categories .slider .slides > .slider-cell:last-child {
  margin-right: var(--spacing-0);
}

.home main .scrollable-categories .slider .slides > .slider-cell > img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.home main .scrollable-categories .slider .slides > .slider-cell p,
.home main .scrollable-categories .slider .slides > .slider-cell a {
  position: relative;
  z-index: 1;

  color: var(--mbf-palette-color-white);
}

.home main .scrollable-categories .slider .slides > .slider-cell p {
  font-weight: var(--font-extrabold);
  font-size: var(--text-2xl);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tight);
  margin-bottom: var(--spacing-0);
}

.home main .scrollable-categories .slider .slides > .slider-cell a {
  display: flex;
  padding: var(--spacing-2) var(--spacing-3);
  background-color: var(--mbf-palette-color-white);
  border-radius: var(--radius-xs);
  border: solid 1px var(--mbf-color-contrast-800);
  color: var(--mbf-color-contrast-800);

  font-weight: var(--font-medium);
  font-size: var(--text-xs);
  text-transform: capitalize;
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-none);
  text-align: center;

  box-shadow: 4px 4px 2.5px 0px #00000021;
}

.home main .scrollable-categories .slider .slides > .slider-cell .icon {
  height: var(--spacing-6);
  width: var(--spacing-6);
}

/* Categories Highlight */

.home main .entry-content > .categories-highlight {
  margin-top: var(--spacing-3);
}

.home main .categories-highlight .slider {
  text-align: left;
  overflow: hidden;
  padding: 0 var(--page-padding-mobile);
}

@media (min-width: 768px) {
  .home main .categories-highlight .slider {
    padding: 0;
  }
}

.home main .categories-highlight .slider .slides {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

@media (min-width: 768px) {
  .home main .categories-highlight .slider .slides {
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-points-x: repeat(376px);
    scroll-snap-type: mandatory;
  }
}

.home main .categories-highlight .slider .slides::-webkit-scrollbar {
  display: none;
}

.home main .categories-highlight .slider .slides > .slider-cell {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 336/402;

  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  position: relative;
  padding: var(--spacing-2-5) var(--spacing-4-5);
  border-radius: var(--radius-sm);
}

@media (min-width: 768px) {
  .home main .categories-highlight .slider .slides > .slider-cell {
    height: 521px;
    width: 376px;

    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
    position: relative;

    overflow: hidden;
    margin-right: var(--spacing-4);
  }
}

.home main .categories-highlight .slider .slides > .slider-cell:last-child {
  margin-right: var(--spacing-0);
}

.home main .categories-highlight .slider .slides > .slider-cell > img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.home main .categories-highlight .slider .slides > .slider-cell p,
.home main .categories-highlight .slider .slides > .slider-cell a {
  position: relative;
  z-index: 1;

  color: var(--mbf-palette-color-white);
}

.home main .categories-highlight .slider .slides > .slider-cell p {
  font-weight: var(--font-extrabold);
  font-size: var(--text-2xl);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tight);
  margin-bottom: var(--spacing-0);
}

.home main .categories-highlight .slider .slides > .slider-cell a {
  display: flex;
  padding: var(--spacing-2) var(--spacing-3);
  background-color: var(--mbf-palette-color-white);
  border-radius: var(--radius-xs);
  border: solid 1px var(--mbf-color-contrast-800);
  color: var(--mbf-color-contrast-800);

  font-weight: var(--font-medium);
  font-size: var(--text-xs);
  text-transform: capitalize;
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-none);
  text-align: center;

  box-shadow: 4px 4px 2.5px 0px #00000021;
}

.home main .categories-highlight .slider .slides > .slider-cell .icon {
  height: var(--spacing-6);
  width: var(--spacing-6);
}

/* Product Collection */

.home main .wp-block-woocommerce-product-collection .wc-block-product h3 {
  margin-bottom: var(--spacing-0) !important;
  font-weight: var(--font-semibold);
  font-size: var(--text-sm) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  color: var(--mbf-color-contrast-800);
}

.home main .wp-block-woocommerce-product-collection .wc-block-product h3 a {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.home main .entry-content > .product-collection {
  margin-bottom: var(--spacing-3);
}

/* Brand Promo */

.home main .brand-promo {
  background-color: var(--mbf-palette-color-white-light);
  padding: var(--spacing-0) var(--page-padding-mobile);
  justify-content: center;
  gap: 0;
}

@media (min-width: 768px) {
  .home main .brand-promo {
    padding: var(--spacing-0) var(--page-padding-desktop);
  }
}

.home main .brand-promo .wp-block-columns {
  gap: 0;
}

.home main .brand-promo figure {
  padding: var(--spacing-10) var(--spacing-5);
}

@media (min-width: 768px) {
  .home main .brand-promo figure {
    padding: var(--spacing-0);
  }
}

.home main .brand-promo .usp {
  max-width: 360px;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-6) !important;
}

@media (min-width: 768px) {
  .home main .brand-promo .usp {
    width: 360px;
    margin-bottom: var(--spacing-6) !important;
  }
}

.home main .brand-promo .usp details {
  margin: var(--spacing-0) !important;
}

.home main .brand-promo .usp details summary {
  position: relative;
  anchor-name: --summary;
  font-weight: var(--font-normal);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  padding: var(--spacing-5) var(--spacing-0);
}

.home main .brand-promo .usp details summary::marker {
  content: "";
}

.home main .brand-promo .usp details summary::before,
.home main .brand-promo .usp details summary::after {
  /* Custom marker dimensions */
  content: "";
  border-block-start: 3px solid var(--mbf-color-contrast-600);
  height: 0;
  width: 14px;

  /* Positions the lines */
  inset-block-start: 50%;
  inset-inline-end: 0;

  /* Anchor the shape to the summary */
  position: absolute;
  position-anchor: --summary;
  position-area: top end;
}

/* Rotate just the ::after line to create a "+"" shape */
.home main .brand-promo .usp details summary::after {
  transform: rotate(90deg);
  transform-origin: 50%;
}

/* Rotate the line when open */
.home main .brand-promo .usp details[open] summary::after {
  transform: rotate(0deg);
}

.home main .brand-promo .usp details > p {
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-none);
  color: var(--mbf-color-contrast-800);
}

/* Instagram */

.home main .entry-content > .instagram {
  background-color: var(--mbf-palette-color-pink);
  padding: var(--spacing-6) var(--page-padding-mobile) var(--spacing-0);
  gap: var(--spacing-6);
  justify-content: center;
}

@media (min-width: 768px) {
  .home main .entry-content > .instagram {
    padding: var(--spacing-6) var(--page-padding-desktop) var(--spacing-0);
  }
}

.home main .instagram p {
  font-weight: var(--font-medium);
  font-size: var(--text-xl);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
  color: var(--mbf-color-contrast-800);
}

.home main .instagram .slider {
  text-align: left;
  overflow: hidden;
}

.home main .instagram .slider .slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(220px);
  scroll-snap-type: mandatory;
}

@media (min-width: 768px) {
  .home main .instagram .slider .slides {
    margin: 0;
  }
}

.home main .instagram .slider .slides::-webkit-scrollbar {
  display: none;
}

.home main .instagram .slider .slides > .slider-cell {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 220px;
  height: 222px;
  margin-right: var(--spacing-3);
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;

  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  position: relative;
}

.home main .instagram .slider .slides > .slider-cell:last-child {
  margin-right: var(--spacing-0);
}

.home main .instagram .slider .slides > .slider-cell > img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

/*--------------------------------------------------------------
# Shop / Category / Tag / Search
--------------------------------------------------------------*/
/* tax-product_tag / tax-product_cat */

.woocommerce-shop main .mbf-site-content,
.woocommerce-page main .mbf-site-content,
.search main .mbf-site-content {
  margin-top: var(--spacing-10) !important;
  margin-bottom: var(--spacing-10) !important;
}

.woocommerce-shop main .mbf-page__title,
.woocommerce-page main .mbf-page__title,
.search main .mbf-page__title {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

/* Search only */
.search main .mbf-page__header {
  margin-bottom: var(--spacing-3);
}

/* Search only */
.search main .mbf-posts-area-header {
  display: none;
}

.woocommerce-shop main .woocommerce-info,
.woocommerce-page main .woocommerce-info,
.search main .woocommerce-info {
  margin-bottom: var(--spacing-3);
}

.woocommerce-shop main .woocommerce-products-header,
.woocommerce-page main .woocommerce-products-header,
.search main .woocommerce-products-header {
  margin-bottom: var(--spacing-2);
}

.woocommerce-shop main .woocommerce-products-wrap__content,
.woocommerce-page main .woocommerce-products-wrap__content,
.search main .woocommerce-products-wrap__content {
  margin-top: var(--spacing-2);
  padding: 0;
}

.woocommerce-shop
  main
  .woocommerce-products-wrap__content
  .mbf-shop-sidebar__toggle,
.woocommerce-page
  main
  .woocommerce-products-wrap__content
  .mbf-shop-sidebar__toggle,
.search main .woocommerce-products-wrap__content .mbf-shop-sidebar__toggle {
  font-weight: var(--font-normal);
  font-size: var(--text-xxs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  border-radius: var(--radius-md);
  padding: var(--spacing-2) var(--spacing-3);
}

.woocommerce-shop
  main
  .woocommerce-products-wrap__content
  .woocommerce-ordering
  .woocommerce-ordering-label,
.woocommerce-page
  main
  .woocommerce-products-wrap__content
  .woocommerce-ordering
  .woocommerce-ordering-label,
.search
  main
  .woocommerce-products-wrap__content
  .woocommerce-ordering
  .woocommerce-ordering-label {
  display: none;
}

.woocommerce-shop
  main
  .woocommerce-products-wrap__content
  .woocommerce-ordering
  select,
.woocommerce-page
  main
  .woocommerce-products-wrap__content
  .woocommerce-ordering
  select,
.search main .woocommerce-products-wrap__content .woocommerce-ordering select {
  height: auto;
  font-weight: var(--font-normal);
  font-size: var(--text-xxs) !important;
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  border-radius: var(--radius-md);
  padding: var(--spacing-2) var(--spacing-3) !important;
  background-color: var(--mbf-color-contrast-50);
  min-width: 130px;
}

/* TODO: Arrange based on content heirarchy */
.woocommerce-shop .wc-block-components-price-slider__control,
.woocommerce-page .wc-block-components-price-slider__control,
.search {
  align-items: center;
  display: block !important;
  gap: var(--spacing-1) !important;
}

.woocommerce-shop .wc-block-components-price-slider--is-input-inline,
.woocommerce-page .wc-block-components-price-slider--is-input-inline,
.search .wc-block-components-price-slider--is-input-inline {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-shop .products,
.woocommerce-page .products,
.search .products {
  margin-top: var(--spacing-2) !important;
  display: grid !important;
  gap: var(--spacing-4) !important;
}

.woocommerce-shop .woocommerce-ordering-label,
.woocommerce-page .woocommerce-ordering-label,
.search .woocommerce-ordering-label {
  display: none !important;
}

.woocommerce-shop .orderby,
.woocommerce-page .orderby,
.search .orderby {
  font-size: var(--text-xxs) !important;
  padding: var(--spacing-2) var(--spacing-3) !important;
  --mbf-input-padding-y: var(--spacing-1-5) !important;
  color: var(--mbf-color-contrast-800) !important;
}

.woocommerce-shop .mbf-widget-area .wp-block-woocommerce-filter-wrapper,
.woocommerce-page .mbf-widget-area .wp-block-woocommerce-filter-wrapper,
.search .mbf-widget-area .wp-block-woocommerce-filter-wrapper {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-shop .mbf-widget-area .widget_block:nth-child(3),
.woocommerce-page .mbf-widget-area .widget_block:nth-child(3),
.search .mbf-widget-area .widget_block:nth-child(3) {
  margin-bottom: 6px !important;
}

.woocommerce-shop .mbf-widget-area .widget_text,
.woocommerce-page .mbf-widget-area .widget_text,
.search .mbf-widget-area .widget_text {
  margin-top: var(--spacing-3);
}

.woocommerce-shop .woocommerce-loop-product__link,
.woocommerce-page .woocommerce-loop-product__link,
.search .woocommerce-loop-product__link {
  display: grid !important;
}

.woocommerce-shop .woocommerce-thumbnail,
.woocommerce-page .woocommerce-thumbnail,
.search .woocommerce-thumbnail {
  border-radius: var(--spacing-0) !important;
}

.woocommerce-shop .cfvsw-original-price,
.woocommerce-page .cfvsw-original-price,
.search .cfvsw-original-price {
  display: hidden !important;
  visibility: hidden !important;
  height: var(--spacing-0) !important;
  width: var(--spacing-0) !important;
}

@media (min-width: 1200px) {
  .woocommmerce-shop
    .woocommerce
    .woocommerce-products-header
    .woocommerce-products-header__title,
  .woocommerce-page
    .woocommerce-products-header
    .woocommerce-products-header__title,
  .search .woocommerce-products-header .woocommerce-products-header__title {
    font-weight: var(--font-bold) !important;
    font-size: var(--text-base) !important;
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 1999.5px) {
  .woocommmerce-shop
    .woocommerce
    .woocommerce-products-header
    .woocommerce-products-header__title,
  .woocommerce-page
    .woocommerce-products-header
    .woocommerce-products-header__title,
  .search .woocommerce-products-header .woocommerce-products-header__title {
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 0px;
  }

  .woocommerce-shop .woocommerce .woocommerce-products-wrap,
  .woocommerce-page .woocommerce-products-wrap,
  .search .woocommerce-products-wrap {
    margin-top: var(--spacing-0) !important;
    border-top: none !important;
  }

  .woocommerce-shop
    .woocommerce-products-wrap__sidebar
    .widget:not(:last-child),
  .woocommerce-page
    .woocommerce-products-wrap__sidebar
    .widget:not(:last-child),
  .search .woocommerce-products-wrap__sidebar .widget:not(:last-child) {
    margin-bottom: var(--spacing-0) !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  .woocommerce-shop .woocommerce-products-wrap__sidebar-inner,
  .woocommerce-page .woocommerce-products-wrap__sidebar-inner,
  .search .woocommerce-products-wrap__sidebar-inner {
    padding: var(--spacing-0) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .woocommerce-shop .woocommerce-products-wrap__sidebar-nav-headline-label,
  .woocommerce-page .woocommerce-products-wrap__sidebar-nav-headline-label,
  .search .woocommerce-products-wrap__sidebar-nav-headline-label {
    font-size: var(--text-base) !important;
    line-height: var(--leading-tight) !important;
  }

  .woocommerce-shop .wp-block-woocommerce-filter-wrapper,
  .woocommerce-page .wp-block-woocommerce-filter-wrapper,
  .search .wp-block-woocommerce-filter-wrapper {
    padding: var(--spacing-2) var(--spacing-4) !important;
  }

  .woocommerce-shop
    .wp-block-woocommerce-filter-wrapper:has(.wc-blocks-filter-wrapper[hidden]),
  .woocommerce-page
    .wp-block-woocommerce-filter-wrapper:has(.wc-blocks-filter-wrapper[hidden]),
  .search
    .wp-block-woocommerce-filter-wrapper:has(
      .wc-blocks-filter-wrapper[hidden]
    ) {
    padding: var(--spacing-2) var(--spacing-4) !important;
    display: none;
  }

  .woocommerce-shop .wc-blocks-filter-wrapper .is-style-mbf-heading-title,
  .woocommerce-page .wc-blocks-filter-wrapper .is-style-mbf-heading-title,
  .search .wc-blocks-filter-wrapper .is-style-mbf-heading-title {
    font-size: var(--text-base) !important;
    font-weight: var(--font-semibold) !important;
    margin-bottom: var(--spacing-2) !important;
  }

  .woocommerce-shop .woocommerce-products-wrap__sidebar .widget,
  .woocommerce-page .woocommerce-products-wrap__sidebar .widget,
  .search {
    position: static !important;
  }

  .woocommerce-shop .wc-block-components-price-slider__label,
  .woocommerce-page .wc-block-components-price-slider__label,
  .search .wc-block-components-price-slider__label {
    font-size: var(--text-xs) !important;
    line-height: 12px !important;
  }

  .woocommerce-shop .filter-auto-note,
  .woocommerce-page .filter-auto-note,
  .search .filter-auto-note {
    padding: var(--spacing-2);
  }

  .woocommerce-shop .mbf-widget-area .widget_block:nth-child(3),
  .woocommerce-page .mbf-widget-area .widget_block:nth-child(3),
  .search .mbf-widget-area .widget_block:nth-child(3) {
    border-bottom: none !important;
  }

  .woocommerce-shop .mbf-widget-area .widget_text p,
  .woocommerce-page .mbf-widget-area .widget_text p,
  .search .mbf-widget-area .widget_text p {
    font-size: var(--text-xs) !important;
    padding: 0 var(--spacing-4) !important;
  }
}

/* Pagination */
.woocommerce-shop .woocommerce-pagination,
.woocommerce-page .woocommerce-pagination,
.search .woocommerce-pagination {
  margin-top: var(--spacing-4) !important;
}

/* Filter Widget  */
.woocommerce-shop
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar,
.woocommerce-page
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar,
.search
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar {
  padding: var(--spacing-2) var(--spacing-3);
}

@media (min-width: 1200px) {
  .woocommerce-shop
    .woocommerce-products-wrap__with-sidebar
    .woocommerce-products-wrap__sidebar,
  .woocommerce-page
    .woocommerce-products-wrap__with-sidebar
    .woocommerce-products-wrap__sidebar,
  .search
    .woocommerce-products-wrap__with-sidebar
    .woocommerce-products-wrap__sidebar {
    padding: var(--spacing-2) var(--spacing-4);
  }
}

.woocommerce-shop
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .woocommerce-products-wrap__sidebar-header,
.woocommerce-page
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .woocommerce-products-wrap__sidebar-header,
.search
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .woocommerce-products-wrap__sidebar-header {
  padding: var(--spacing-3) var(--spacing-0) !important;
}

.woocommerce-shop
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .widget::before,
.woocommerce-page
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .widget::before,
.search
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .widget::before {
  display: none !important;
}

.woocommerce-shop
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .wp-widget-group__inner-blocks,
.woocommerce-page
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .wp-widget-group__inner-blocks,
.search
  .woocommerce-products-wrap__with-sidebar
  .woocommerce-products-wrap__sidebar
  .mbf-widget-area
  .wp-widget-group__inner-blocks {
  padding: var(--spacing-0);
}

.woocommerce-shop .wp-widget-group__inner-blocks .is-style-mbf-heading-title,
.woocommerce-page .wp-widget-group__inner-blocks .is-style-mbf-heading-title,
.search .wp-widget-group__inner-blocks .is-style-mbf-heading-title {
  font-size: var(--text-base) !important;
  font-weight: var(--font-semibold) !important;
  margin-bottom: var(--spacing-2) !important;
}

/* .woocommerce-shop .wp-widget-group__inner-blocks .widget > div,
.woocommerce-page .wp-widget-group__inner-blocks .widget > div,
.search .wp-widget-group__inner-blocks .widget > div {
  padding: var(--spacing-0) !important;
} */

/*--------------------------------------------------------------
# My Account
--------------------------------------------------------------*/

.woocommerce-account-no-logged main .mbf-site-content {
  margin-top: var(--spacing-4);
}

.woocommerce-account main .mbf-site-content {
  margin-top: var(--spacing-10);
}

.woocommerce-account main .mbf-entry__header {
  margin-bottom: var(--spacing-2);
}

.woocommerce-account main .entry-title {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-align: left !important;
  text-transform: capitalize;
}

.woocommerce-account:is(.logged-in) main .mbf-entry__wrap {
  margin-top: var(--spacing-0);
}

.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-navigation,
.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-content {
  background-color: var(--mbf-palette-color-layout);
}

.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-navigation ul {
  border-bottom: none;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard {
  display: none;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-navigation
  ul
  li {
  margin-right: var(--spacing-0);
}

.woocommerce-account main .woocommerce-MyAccount-navigation ul li a {
  padding: var(--spacing-3) var(--spacing-2);
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-account main .woocommerce-MyAccount-navigation ul li.is-active {
  background-color: #eeeeee;
}

.woocommerce-account
  main
  .woocommerce-MyAccount-navigation
  ul
  li.is-active:before {
  background: var(--mbf-color-contrast-500) !important;
}

.woocommerce-account main .woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: var(--font-bold);
}

.woocommerce-account
  main
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a {
  display: block;
  padding: var(--spacing-3) var(--spacing-2);
  background: none;
  font-weight: var(--font-medium);
}

.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-content {
  padding: var(--spacing-3) var(--spacing-2);
  margin-top: var(--spacing-3);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce
  > .woocommerce-MyAccount-content:before {
  font-weight: var(--font-semibold);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-2);
}

.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-content p {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  .woocommerce-Addresses {
  padding-top: var(--spacing-2);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address-title {
  padding-bottom: var(--spacing-0);
  margin-bottom: var(--spacing-2);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address-title
  h2 {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-1);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  .woocommerce-Addresses
  address {
  border: solid 1px #dcdcdc;
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  padding: var(--spacing-2);
}

.woocommerce-account:is(.logged-in) main .woocommerce-MyAccount-content form {
  --wc-form-color-background: var(--mbf-palette-color-white);
  --wc-form-border-width: 1px;
  --wc-form-border-color: #dbdbdb;
  background-color: var(--mbf-palette-color-white);
  padding: var(--spacing-3);
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .woocommerce-account:is(.logged-in)
    main
    .woocommerce-MyAccount-content
    form
    > div {
    display: flex;
    gap: var(--spacing-4);
    margin: 0 auto;
  }
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  h2 {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-1);
  max-width: var(--mbf-wc-box-container);
  width: 100%;
  text-align: left;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row {
  margin-bottom: var(--spacing-4);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  label {
  display: block;
  font-weight: var(--font-medium);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
  margin-bottom: var(--spacing-1);
  text-transform: capitalize;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  input
  + span
  em {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  .select2-container,
.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  .select2-selection,
.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  .select2-selection--single
  .select2-selection__rendered {
  min-height: 41px;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .form-row
  .select2-selection--single
  .select2-selection__rendered {
  display: flex;
  align-items: center;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  button.woocommerce-Button {
  width: 100%;
}

.woocommerce-account:is(.logged-in)
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-address-fields {
  width: 100%;
}

/*--------------------------------------------------------------
# My Account - Edit Address
--------------------------------------------------------------*/

.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content:before {
  content: "Addresses";
  display: block;
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  form {
  flex-direction: column;
  gap: var(--spacing-0);
}

@media (min-width: 768px) {
  .woocommerce-account.woocommerce-edit-address
    main
    .woocommerce-MyAccount-content
    form
    .form-row:last-of-type {
    margin-bottom: var(--spacing-0);
  }
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  > p {
  display: flex;
  margin-bottom: var(--spacing-0);
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  > p::before {
  content: "";
  display: block;
  flex-shrink: 0;
  background: url("/wp-content/uploads/static/ic_info.svg");
  width: var(--spacing-3-5);
  height: var(--spacing-3-5);
  margin-right: var(--spacing-1);
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-address-fields
  > p {
  margin-bottom: var(--spacing-0);
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  form
  > div {
  flex-direction: column;
}

.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-address-fields
  > p,
.woocommerce-account.woocommerce-edit-address
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-address-fields
  button {
  width: 100%;
}

/*--------------------------------------------------------------
# My Account - Edit Account
--------------------------------------------------------------*/

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm::before {
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

@media (min-width: 768px) {
  .woocommerce-account.woocommerce-edit-account
    main
    .woocommerce-MyAccount-content
    form
    .woocommerce-EditAccountForm::before {
    margin-bottom: calc(var(--spacing-3) * -1);
  }
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  .form-row {
  margin: var(--spacing-0);
  margin-bottom: var(--spacing-4);
  max-width: none;
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  .form-row:nth-child(4) {
  margin-bottom: var(--spacing-0);
}

@media (min-width: 768px) {
  .woocommerce-account.woocommerce-edit-account
    main
    .woocommerce-MyAccount-content
    form
    .woocommerce-EditAccountForm
    .form-row:nth-child(4) {
    margin-bottom: var(--spacing-0);
  }
}

@media (min-width: 768px) {
  .woocommerce-account.woocommerce-edit-account
    main
    .woocommerce-MyAccount-content
    form
    .woocommerce-EditAccountForm
    .form-row-first,
  .woocommerce-account.woocommerce-edit-account
    main
    .woocommerce-MyAccount-content
    form
    .woocommerce-EditAccountForm
    .form-row-last {
    flex: 0 0 calc(50% - var(--spacing-2));
  }
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  fieldset {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

@media (min-width: 768px) {
  .woocommerce-account.woocommerce-edit-account
    main
    .woocommerce-MyAccount-content
    form
    .woocommerce-EditAccountForm
    fieldset {
    margin: var(--spacing-0);
  }
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  fieldset
  > legend {
  margin: var(--spacing-0);
  padding-top: var(--spacing-4);
  border-top: solid 1px var(--mbf-color-contrast-200);
  margin-bottom: var(--spacing-1);
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  fieldset
  > .form-row {
  margin-bottom: var(--spacing-4);
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  fieldset
  > .form-row:last-of-type {
  margin-bottom: var(--spacing-0);
}

.woocommerce-account.woocommerce-edit-account
  main
  .woocommerce-MyAccount-content
  form
  .woocommerce-EditAccountForm
  p:not(.woocommerce-form-row) {
  width: 100%;
  margin-bottom: var(--spacing-0);
}

/*--------------------------------------------------------------
# My Account - Login / Register Page
--------------------------------------------------------------*/

.woocommerce-account main .woocommerce-form-login,
.woocommerce-account main .woocommerce-form-register {
  margin: var(--spacing-4) auto var(--spacing-0) !important;
}

.woocommerce-account
  main
  .woocommerce-form-login
  .woocommerce-form-login__rememberme {
  margin-top: var(--spacing-0) !important;
  font-weight: var(--font-normal);
}

.woocommerce-account:has(.woocommerce-form-login)
  .woocommerce-MyAccount-navigation
  ul
  li
  a,
.woocommerce-account:has(.woocommerce-form-register)
  .woocommerce-MyAccount-navigation
  ul
  li
  a {
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-contrast-800) !important;
}

.woocommerce-account main .woocommerce-form-login .woocommerce-button,
.woocommerce-account main .woocommerce-form-register .woocommerce-button {
  transition: opacity 0.3s ease-in-out;
  margin-top: var(--spacing-0) !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword {
  text-align: left !important;
}

.woocommerce-account:has(.woocommerce-form-login) .mbf-entry__header-inner {
  max-width: var(--container-max-width) !important;
  margin: 0 auto !important;
}

.woocommerce form.woocommerce-form-login .lost_password a,
.woocommerce form.woocommerce-form-login .woocommerce-LostPassword a {
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal) !important;
}

.woocommerce-account
  main
  .woocommerce-form-register
  .woocommerce-privacy-policy-text {
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-contrast-800) !important;
}

.woocommerce-account
  main
  .woocommerce-form-register
  .woocommerce-privacy-policy-text
  span
  a {
  text-decoration: underline;
}

.woocommerce-account
  main
  .woocommerce-form-register
  .woocommerce-privacy-policy-text
  span
  a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------
# My Account - Reset Password Page
--------------------------------------------------------------*/

.woocommerce-lost-password .mbf-entry__header-inner {
  max-width: var(--container-max-width) !important;
  margin: 0 auto !important;
}

.woocommerce-lost-password .mbf-entry__content-wrap {
  margin: var(--spacing-0) auto !important;
  max-width: var(--container-max-width) !important;
}

.woocommerce-lost-password .mbf-entry__content-wrap p {
  font-size: var(--text-base);
}

.woocommerce-lost-password .mbf-entry__content-wrap .woocommerce-message {
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce-lost-password .woocommerce-ResetPassword p:first-child {
  font-size: var(--text-xs);
  text-align: left;
  margin-bottom: var(--spacing-4);
}

.woocommerce-lost-password .woocommerce-form-row--first {
  margin-bottom: var(--spacing-4) !important;
}

.woocommerce-lost-password .woocommerce-Button {
  margin-top: var(--spacing-0) !important;
  background-color: var(--mbf-color-button) !important;
  color: var(--mbf-color-button-contrast) !important;
}

.woocommerce-lost-password
  .woocommerce
  form.lost_reset_password
  label[for="user_login"] {
  text-align: left;
  margin-bottom: var(--spacing-0);
  display: block !important;
}

.woocommerce-lost-password .woocommerce-Input {
  border: solid 1px var(--mbf-palette-color-layout) !important;
  background-color: var(--mbf-palette-color-layout) !important;
}

/*--------------------------------------------------------------
# My Account - View Order List
--------------------------------------------------------------*/

.woocommerce-orders .woocommerce-orders-table .woocommerce-orders-table__row {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-orders
  .woocommerce-orders-table
  tbody
  tr:first-child
  th:first-child {
  border-radius: var(--spacing-0) !important;
}

.woocommerce-orders
  .woocommerce-orders-table
  .woocommerce-orders-table__row
  .woocommerce-orders-table__cell-order-actions:last-of-type {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.woocommerce-orders
  .woocommerce-orders-table
  .woocommerce-orders-table__row
  .woocommerce-orders-table__cell-order-actions:last-of-type
  > a {
  margin: var(--spacing-0) !important;
}

.woocommerce-orders
  .woocommerce-orders-table
  .woocommerce-orders-table__row:last-of-type
  .woocommerce-orders-table__cell-order-number {
  border-bottom: solid 1px var(--mbf-color-border);
}

/*--------------------------------------------------------------
# My Account - View Order Detail
--------------------------------------------------------------*/

.woocommerce-view-order .woocommerce-column--shipping-address address div,
.woocommerce-view-order .woocommerce-column--billing-address address div {
  line-height: var(--leading-normal);
}

.woocommerce-view-order .mbf-entry__header {
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce-view-order .mbf-entry__wrap {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-view-order .mbf-entry__header h1 {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-semibold);
}

.woocommerce-view-order .woocommerce-MyAccount-content {
  max-width: var(--container-max-width) !important;
  margin: var(--spacing-0) auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: var(--spacing-4) !important;
  gap: 0px !important;
}

@media (min-width: 1000px) {
  .woocommerce-view-order .woocommerce-MyAccount-content {
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, var(--mbf-wc-box-container)) minmax(
        0,
        var(--mbf-wc-box-sidebar)
      );
    justify-content: space-between;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0 2.5rem !important;
  }
}

.woocommerce-view-order .woocommerce-MyAccount-content > p {
  margin-bottom: var(--spacing-2);
}

.woocommerce-view-order .woocommerce-MyAccount-content > p::before {
  display: none;
}

.woocommerce-view-order .woocommerce-order-details {
  margin-bottom: var(--spacing-6);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-order-details__title {
  font-weight: var(--font-medium);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-2);
}

.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 var(--mbf-palette-color-border);
  padding: var(--spacing-1) var(--spacing-3);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .wc-item-meta {
  display: none;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-table-wrapper {
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table-wrapper:not(:has(tfoot)) {
  display: none;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table-wrapper
  td
  .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table--order-details {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table--order-details
  .order-actions--heading
  + td {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: var(--spacing-1);
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_outer_wrap_info
  + br {
  display: none;
}

.woocommerce-view-order .woocommerce-order-details .wps_rma_ul_wrap_info {
  font-size: var(--text-xs);
  justify-content: center;
  border: none !important;
  border-radius: var(--spacing-0) !important;
  border-bottom: 0px !important;
  background: var(--order-tracking-tab-bg-inactive);
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ul_wrap_info
  .wps_rma_li_wrap_info {
  width: 100%;
  background: var(--order-tracking-tab-bg-inactive);
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ul_wrap_info
  .wps_rma_li_wrap_info
  h2 {
  background: none;
  border-radius: var(--spacing-0) !important;
  padding: var(--spacing-2);
  text-align: center !important;
  font-weight: var(--font-semibold);
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  /* transform: translateY(2px) !important; */
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ul_wrap_info
  .wps_rma_li_wrap_info.active {
  background: var(--order-tracking-tab-bg-active);
  border-bottom: solid 1px var(--mbf-color-contrast-100);
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap.active-tab {
  border: none !important;
  font-size: var(--text-xs);
  background: var(--order-tracking-tab-bg-active);
  border-radius: var(--spacing-0) !important;
  padding: var(--spacing-2);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  > * {
  margin-bottom: var(--spacing-1);
  grid-column: span 2;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  h2 {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  table {
  margin-bottom: var(--spacing-2);
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  td {
  border-color: var(--mbf-color-border);
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  td
  .wc-item-meta {
  display: none;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form {
  grid-column: span 2;
  background-color: transparent !important;
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-0) !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form:has(input[name="wps_mra_return_request"]) {
  display: none !important;
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form
  input[name="wps_rma_cancel_return_request"] {
  height: 31px !important;
  width: 191px !important;
  padding: var(--spacing-2) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  line-height: var(--leading-none) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xxs) !important;
}

@media (min-width: 768px) {
  .woocommerce-view-order
    .woocommerce-order-details
    .wps_rma_ret_ex_info_wrap
    form {
    grid-column: span 1;
  }
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form:first-of-type {
  padding-bottom: var(--spacing-0);
}

@media (min-width: 768px) {
  .woocommerce-view-order
    .woocommerce-order-details
    .wps_rma_ret_ex_info_wrap
    form:first-of-type {
    padding-bottom: var(--spacing-3);
  }
}

.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form
  p,
.woocommerce-view-order
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form
  input {
  width: 100%;
  margin: var(--spacing-0) !important;
}

.woocommerce-view-order .woocommerce-order-details .wps_rma_return_rules {
  font-size: var(--text-xs);
  background: var(--mbf-layout-background);
  border: none;
  border-radius: var(--spacing-0);
  padding: var(--order-tracking-standard-padding);
  box-shadow: none;
  margin-top: var(--spacing-1);
}

.woocommerce-view-order .woocommerce-order-details .wps_rma_return_rules h2 {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-view-order .woocommerce-order-details .wps_rma_return_rules ~ br {
  display: none !important;
}

.woocommerce-view-order .woocommerce-customer-details {
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-0);
}

.woocommerce-view-order .woocommerce-form p:first-child {
  display: none !important;
}

.woocommerce-view-order .woocommerce-form-track-order {
  display: flex;
  flex-direction: column;
}

.woocommerce-view-order .form-row {
  width: 100% !important;
}

.woocommerce-view-order .form-row button {
  width: 100% !important;
  background-color: var(--mbf-color-primary) !important;
  color: var(--mbf-color-primary-contrast) !important;
  border: var(--order-tracking-border) !important;
}

.woocommerce-view-order .form-row-first {
  order: 2 !important;
}

.woocommerce-view-order .form-row-last {
  order: 1 !important;
}

.woocommerce-view-order .form-row:has(button) {
  order: 3 !important;
}

.woocommerce-view-order .form-row input {
  border: var(--order-tracking-border) !important;
  background-color: var(--mbf-palette-color-layout) !important;
}

.woocommerce-view-order .woocommerce-error {
  margin-bottom: var(--spacing-2) !important;
}

.woocommerce-view-order .woocommerce-table {
  border-top: none !important;
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-view-order .wp-post-image {
  width: var(--order-tracking-thumbnail-size);
  height: var(--order-tracking-thumbnail-size);
  object-fit: contain;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

.woocommerce-view-order .order-detail-product-name {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
}

.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 .woocommerce-table__product-total .awdr-you-saved-text {
  font-size: var(--text-xxs);
}

.woocommerce-view-order
  .woocommerce-table__product-total
  .awdr-you-saved-text
  .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-xxs);
  font-weight: var(--font-medium);
}

.woocommerce-view-order .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
}

.woocommerce-view-order .order-number,
.woocommerce-view-order .order-status {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  background-color: transparent;
}

.woocommerce-view-order .order-date {
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  background-color: transparent;
}

.woocommerce-view-order .order-info {
  font-size: var(--text-xs) !important;
}

.woocommerce-view-order .woocommerce-table tfoot {
  border-top: none !important;
}

.woocommerce-view-order .woocommerce-table tfoot tr:first-child th,
.woocommerce-view-order .woocommerce-table tfoot tr:first-child td {
  border-top: none !important;
}

.woocommerce-view-order .woocommerce-table tfoot tr th,
.woocommerce-view-order .woocommerce-table tfoot tr td {
  padding: var(--order-tracking-standard-padding) !important;
}

.woocommerce-view-order .order-actions-button {
  margin-right: var(--spacing-0) !important;
  margin-left: var(--order-tracking-standard-padding) !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
  padding: calc(var(--order-tracking-standard-padding) / 1.6)
    var(--order-tracking-standard-padding) !important;
}

.woocommerce-view-order .shipped_via {
  display: block;
}

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

.woocommerce-view-order .woocommerce-column address {
  border: var(--order-tracking-border) !important;
  padding: var(--order-tracking-standard-padding) !important;
  font-size: var(--text-xs);
  background: transparent !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.woocommerce-view-order .woocommerce-column .woocommerce-column__title {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-view-order .woocommerce-column--billing-address {
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.woocommerce-view-order .woocommerce-customer-details--email {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-view-order .product-variation {
  font-size: var(--text-xs);
  padding-bottom: var(--spacing-2) !important;
}

.woocommerce-view-order .order-updates-title {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
}

.woocommerce-view-order .commentlist {
  font-size: var(--text-xs) !important;
  padding-left: 15px !important;
}

.woocommerce-view-order .commentlist .meta {
  margin-bottom: var(--spacing-1) !important;
}

/*--------------------------------------------------------------
# Product Detail Page
--------------------------------------------------------------*/

.single-product main {
  padding-bottom: var(--spacing-0) !important;
}

@media (max-width: 768px) {
  .single-product main .mbf-single-product-summary-wrap {
    border-bottom: var(--mbf-color-contrast-200);
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
}

.single-product main .product_title_wrap {
  margin-top: var(--spacing-0) !important;
  gap: var(--spacing-2) !important;
  flex-direction: column !important;
  align-items: start !important;
  justify-content: start !important;
}

.single-product main .entry-title {
  font-size: var(--text-sm) !important;
  font-weight: var(--font-bold) !important;
}

.single-product main .product_title_wrap:has(.custom-content) p:last-child {
  display: none !important;
}

.single-product main .product_title_wrap .custom-content {
  display: none !important;
}

.single-product main .product_title_wrap:has(ins) .product_title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin: 0;
}

.single-product main .product_title_wrap:has(ins) .price {
  margin-top: var(--spacing-0) !important;
  display: flex !important;
  flex-direction: column;
  gap: var(--spacing-0) !important;
  padding-left: var(--spacing-0) !important;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin: 0;
  text-align: left;
}

.single-product main .product_title_wrap:has(ins) .price del {
  margin-left: var(--spacing-0) !important;
  color: var(--mbf-color-contrast-500) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
}

.single-product main .product_title_wrap:has(ins) ins {
  color: var(--mbf-color-contrast-800) !important;
  font-size: var(--text-lg) !important;
  font-weight: var(--font-bold) !important;
  text-decoration: none;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  display: block;
  text-align: right;
}

.single-product main .price {
  margin-top: var(--spacing-0) !important;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0) !important;
  padding-left: var(--spacing-0) !important;
}

.single-product main .price del {
  margin-left: var(--spacing-0) !important;
  color: var(--mbf-color-contrast-500) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-base) !important;
}

.single-product main .price ins {
  color: var(--mbf-color-contrast-800) !important;
  font-size: var(--text-xl) !important;
  font-weight: var(--font-bold) !important;
}

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

.single-product main .price:has(del) {
  display: flex;
}

.single-product main .price:not(:has(ins):has(del)) {
  color: var(--mbf-color-contrast-800) !important;
  font-size: var(--text-lg) !important;
  font-weight: var(--font-bold) !important;
  flex-direction: row !important;
}

.single-product main .sku_wrapper,
.single-product main .posted_in {
  color: var(--mbf-color-contrast-800) !important;
  font-weight: var(--font-normal) !important;
  font-size: 10px !important;
}

.single-product main .in-stock {
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  color: var(--color-link);
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}

.single-product
  main
  .mbf-single-product-summary
  .entry-summary
  .variations
  tr:not(:first-child) {
  margin-top: var(--spacing-2) !important;
}

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

.single-product main .mbf-single-product-summary form.cart {
  margin-top: var(--spacing-0) !important;
}

.single-product main .mbf-single-product-summary form.cart .qib-container,
.single-product
  main
  .mbf-single-product-summary
  .woocommerce-variation-add-to-cart
  .qib-container {
  margin-top: var(--spacing-4) !important;
}

.single-product main .mbf-single-product-summary form.cart .quantity:before,
.single-product
  main
  .mbf-single-product-summary
  .woocommerce-variation-add-to-cart
  .quantity:before {
  position: absolute;
  top: calc(var(--spacing-4) * -1);
  left: 0;
}

.single-product
  main
  .mbf-single-product-summary
  .woocommerce-variation
  .woocommerce-variation-price {
  margin-bottom: var(--spacing-2) !important;
  margin-top: var(--spacing-0) !important;
}

.single-product main .reset_variations {
  display: none !important;
}

.single-product main .woocommerce-variation .woocommerce-variation-description {
  display: none !important;
}

.single-product main .woocommerce-product-attributes-list {
  margin-top: var(--spacing-0) !important;
}

.single-product
  main
  .mbf-single-product
  .product
  .products
  .price
  > ul.tabs
  > li {
  padding: var(--spacing-3) var(--spacing-2) !important;
}

.single-product
  main
  .mbf-single-product
  .product
  .woocommerce-tabs
  > ul.tabs
  > li
  > a {
  font-weight: var(--font-medium) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  text-transform: capitalize !important;
  padding: var(--spacing-0) !important;
}

.single-product main .woocommerce-Tabs-panel--additional_information h2 {
  margin-bottom: var(--spacing-2) !important;
  font-family: var(--mbf-font-secondary-family), sans-serif !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  color: var(--mbf-palette-color-black) !important;
}

.single-product main .woocommerce-Tabs-panel--additional_information h2::after {
  display: none !important;
}

.single-product main .entry-summary .cart {
  margin-top: var(--spacing-0) !important;
}

.single-product main .variations {
  margin-bottom: var(--spacing-3) !important;
  margin-top: var(--spacing-2) !important;
}

.single-product main .variations label,
.single-product main .variations .cfvsw-selected-label {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
}

.single-product main .single_add_to_cart_button {
  background-color: var(--color-green);
  color: var(--color-white);
  margin-top: var(--spacing-1) !important;
  margin-left: var(--spacing-0) !important;
}

.single-product main .product_meta {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-2) !important;
}

.single-product main .tagged_as {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-2) !important;
}

.single-product main .woocommerce-tabs {
  margin-top: var(--spacing-4) !important;
  padding: var(--spacing-1) !important;
}

.single-product main .woocommerce-tabs-desc-wrap-dm {
  row-gap: var(--spacing-2) !important;
}

.single-product main .woocommerce-panel-subheading {
  font-family: var(--mbf-font-secondary-family), sans-serif !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  margin-bottom: var(--spacing-2) !important;
  color: var(--mbf-palette-color-black) !important;
}

.single-product main .woocommerce-Tabs-panel {
  padding-top: var(--spacing-0) !important;
  margin-top: var(--spacing-4) !important;
}

.single-product main .woocommerce-tabs-desc-content {
  font-family: var(--mbf-font-secondary-family), sans-serif !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  color: var(--mbf-palette-color-black) !important;
}

.single-product main .woocommerce-product-details__short-description {
  margin-top: var(--spacing-2) !important;
}

.single-product main .woocommerce-product-details__short-description p {
  margin-bottom: var(--spacing-2) !important;
}

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

.woocommerce-checkout .woocommerce-breadcrumb {
  margin-bottom: var(--spacing-2);
}

.woocommerce-checkout .mbf-site-content {
  margin-top: 0px !important;
}

.woocommerce-checkout .mbf-entry__wrap {
  margin-top: var(--spacing-2);
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  padding: var(--spacing-3) var(--spacing-7-5);
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login {
  margin: var(--spacing-2) 0;
  padding: var(--spacing-2);
  border: solid 1px #dcdcdc;
  border-radius: var(--radius-sm);
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .form-row {
  padding: var(--spacing-0);
}

.woocommerce-checkout
  .woocommerce-form.woocommerce-form-login
  > p:first-of-type {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

.woocommerce-checkout
  .woocommerce-form.woocommerce-form-login
  .woocommerce-form-login__rememberme {
  margin-top: var(--spacing-0);
}

.woocommerce-checkout
  .woocommerce-form.woocommerce-form-login
  .woocommerce-form-login__submit {
  margin: var(--spacing-0);
  margin-top: var(--spacing-2);
  width: 100%;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .lost_password {
  margin-bottom: var(--spacing-2);
  border-bottom: solid 1px var(--mbf-color-contrast-200);
  padding-bottom: var(--spacing-2);
}

.woocommerce-checkout
  .woocommerce-form.woocommerce-form-login
  .lost_password
  a {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-checkout
  .woocommerce-form.woocommerce-form-login
  .woocommerce-register {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-0);
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-checkout .woocommerce form.checkout_coupon {
  margin: var(--spacing-0);
  margin-bottom: var(--spacing-2);
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: 1px solid #dcdcdc;
  border-radius: var(--radius-sm);
  padding: var(--spacing-2);
}

.woocommerce-checkout .woocommerce form.checkout_coupon > p {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

.woocommerce-checkout .woocommerce form.checkout_coupon .form-group {
  display: flex;
  gap: var(--spacing-1);
}

.woocommerce-checkout .woocommerce form.checkout_coupon .form-row {
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-checkout .woocommerce form.checkout_coupon .form-row-first {
  width: 100%;
}

@media (min-width: 768px) {
  .woocommerce-checkout .woocommerce form.checkout_coupon .form-row-first {
    width: calc(var(--spacing-10) * 10);
  }
}

.woocommerce-checkout .woocommerce form.checkout_coupon .form-row-last {
  width: auto;
}

.woocommerce-checkout .woocommerce form.checkout_coupon .button {
  min-width: 124px;
  height: 38px;
  padding: var(--spacing-0);
  border: none;
  background-color: var(--mbf-color-contrast-800);
  border-radius: var(--radius-sm);
}

.woocommerce-checkout .woocommerce form.checkout_coupon input.has-error {
  border: 1px solid var(--mbf-palette-color-red);
}

.woocommerce-checkout .woocommerce form.checkout_coupon .coupon-error-notice {
  color: var(--mbf-palette-color-red);
}

.woocommerce-checkout .mbf-entry__header {
  margin-bottom: var(--spacing-3) !important;
  margin-right: calc(var(--page-padding-mobile) * -1);
  margin-left: calc(var(--page-padding-mobile) * -1);
}

@media (min-width: 768px) {
  .woocommerce-checkout .mbf-entry__header {
    margin-right: 0;
    margin-left: 0;
  }
}

.woocommerce-checkout .mbf-entry__header:not(:last-child) {
  margin-bottom: var(--spacing-3) !important;
}

.woocommerce-checkout .mbf-entry__header .mbf-entry__header-inner {
  background-color: var(--mbf-layout-background);
  padding: var(--spacing-3);
}

.woocommerce-checkout .mbf-entry__header h1.entry-title {
  justify-self: center;
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-primary);
}

.woocommerce-checkout .wt_coupon_wrapper {
  margin-bottom: var(--spacing-0) !important;
  padding: var(--spacing-0) var(--spacing-1) var(--spacing-3) var(--spacing-1) !important;
}

.woocommerce-checkout .wt_coupon_wrapper .wt-sc-hidden-coupon-box {
  display: none;
}

.woocommerce-checkout .wt_sc_pagination {
  display: none;
}

.woocommerce-checkout .woocommerce-message {
  margin-bottom: 12px !important;
  background-color: var(--mbf-palette-color-green-bright) !important;
  color: var(--mbf-palette-color-green) !important;
}

.woocommerce-checkout .woocommerce-message:before {
  color: var(--mbf-palette-color-green) !important;
}

.woocommerce-checkout .woocommerce-info {
  margin-bottom: 12px !important;
  background-color: var(--mbf-palette-color-blue-light) !important;
  padding: 12px 33px !important;
  color: var(--mbf-color-primary) !important;
  border-radius: 0px;
  border-left: 4px solid #1888c1;
}

.woocommerce-checkout .woocommerce-info:before {
  left: 8px !important;
  color: var(--mbf-color-primary) !important;
}

.woocommerce-checkout form.checkout {
  gap: var(--spacing-6) !important;
}

.woocommerce-checkout form.checkout .woocommerce-error li,
.woocommerce-checkout form.checkout .woocommerce-error strong {
  color: inherit !important;
}

.woocommerce-checkout form.checkout h3 {
  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;
}

.woocommerce-checkout form.checkout select {
  background-color: var(--mbf-layout-background) !important;
  border: 0 !important;
  padding: 8px 12px !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
}

.woocommerce-checkout
  form.checkout
  .select2-container
  .select2-selection
  .select2-selection__rendered {
  min-height: 38px !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  padding: var(--spacing-2-5) var(--spacing-1-5) !important;
}

.woocommerce-checkout form.checkout .form-row {
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-0);
}

.woocommerce-checkout form.checkout #customer_details,
.woocommerce-checkout form.checkout #shipping_method {
  border: 1px solid #dcdcdc !important;
  border-radius: var(--radius-sm);
  padding: var(--spacing-3) var(--spacing-2);
}

/* Customer Details */
.woocommerce-checkout form.checkout #customer_details label {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-1);
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-invalid
  label {
  color: var(--mbf-palette-color-red);
}

.woocommerce-checkout form.checkout #customer_details .required {
  color: var(--mbf-color-contrast-800);
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-invalid
  .required {
  color: var(--mbf-palette-color-red);
}

.woocommerce-checkout
  form.checkout
  #customer_details
  #billing_country_field
  .woocommerce-input-wrapper,
.woocommerce-checkout
  form.checkout
  #customer_details
  #shipping_country_field
  .woocommerce-input-wrapper {
  font-weight: var(--font-bold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

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

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-shipping-fields__field-wrapper {
  display: flex !important;
  flex-direction: column;
  gap: var(--spacing-3) !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-billing-fields__field-wrapper:before,
.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-shipping-fields:before {
  display: none !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-shipping-fields
  .checkbox {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 0px !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-shipping-fields
  .checkbox
  > span {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  text-transform: none !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-additional-fields {
  margin-bottom: 0px !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-additional-fields:before {
  display: none !important;
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-additional-fields
  .notes {
  margin-bottom: 0px;
  padding: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #customer_details
  .woocommerce-additional-fields
  .notes
  > label {
  margin-top: 0px;
}

.woocommerce-checkout form.checkout #customer_details #order_comments {
  min-height: 64px !important;
}

/* Shipping Methods */
.woocommerce-checkout form.checkout .woocommerce-checkout-shipping-methods {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

.woocommerce-checkout form.checkout .woocommerce-checkout-shipping {
  margin-top: var(--spacing-0);
}

.woocommerce-checkout form.checkout #shipping_method {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.woocommerce-checkout form.checkout #shipping_method li {
  margin-bottom: var(--spacing-0);
}

.woocommerce-checkout form.checkout #shipping_method li:not(:last-child) {
  padding-bottom: var(--spacing-1);
  border-bottom: 1px solid var(--mbf-color-contrast-200);
}

.woocommerce-checkout form.checkout #shipping_method li input[type="radio"] {
  color: var(--mbf-color-contrast-800);
  visibility: hidden;
  position: relative;
  margin-top: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #shipping_method
  li
  input[type="radio"]::before {
  display: inline-block;
  width: var(--spacing-4);
  height: var(--spacing-4);
  background-color: var(--mbf-palette-color-white);
  content: "";
  border: 1px solid var(--mbf-palette-color-gray-25);
  border-radius: var(--radius-full);
  visibility: visible;
}

.woocommerce-checkout
  form.checkout
  #shipping_method
  li
  input[type="radio"]:checked::after {
  position: absolute;
  top: 1px;
  display: inline-block;
  width: var(--spacing-4);
  height: var(--spacing-4);
  background-color: var(--mbf-color-contrast-800);
  content: "";
  border: 3px solid var(--mbf-palette-color-gray-25);
  border-radius: var(--radius-full);
  visibility: visible;
}

.woocommerce-checkout form.checkout #shipping_method li label {
  display: inline-flex;
  position: relative;
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

.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 {
  position: absolute;
  bottom: calc(var(--spacing-6) * -1);
  left: 0;
}

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

.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 ins .amount {
  font-weight: var(--font-bold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-contrast-800);
}

.woocommerce-checkout form.checkout #order_review_heading {
  margin-top: var(--spacing-6);
  font-size: var(--text-lg) !important;
  font-weight: var(--font-bold) !important;
}

.woocommerce-checkout form.checkout #order_review {
  background: transparent;
  padding: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table {
  display: grid;
  grid-template-columns: 1frx;
  border-radius: var(--radius-sm);
  background-color: var(--mbf-color-contrast-50);
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-2);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  thead {
  display: none;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr,
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: var(--spacing-3) var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr:not(:last-child),
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr:not(:last-child) {
  border-bottom: 1px solid var(--mbf-color-contrast-200);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr:first-of-type {
  padding-top: var(--spacing-0);
}

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

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  td {
  text-align: right;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item {
  border-bottom: none;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  th {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  .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
  tbody
  tr.cart_item
  .product-variants,
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  .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;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total
  > .amount,
.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr
  .amount {
  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
  tbody
  tr.cart_item
  td.product-total
  br {
  display: none;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tbody
  tr.cart_item
  td.product-total
  .awdr-you-saved-text {
  font-size: 10px;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot {
  border-top: none;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr:last-child {
  padding-bottom: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount {
  color: var(--mbf-palette-color-red);
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount
  .woocommerce-remove-coupon {
  display: inline-flex;
  width: var(--spacing-3-5);
  height: var(--spacing-3-5);
  align-items: center;
  justify-content: center;
  font-size: 0;
  font-weight: normal;
  position: relative;
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount
  .woocommerce-remove-coupon::after {
  position: absolute;
  top: calc(var(--spacing-1) * -1);
  font-family: "Font Awesome 5 Free";
  font-size: var(--text-base);
  line-height: var(--leading-none);
  font-weight: 800;
  font-variant: normal;
  color: var(--mbf-color-primary);
  content: "\f00d";
}

.woocommerce-checkout
  form.checkout
  #order_review
  table.woocommerce-checkout-review-order-table
  tfoot
  tr.cart-discount
  .woocommerce-remove-coupon:hover::after {
  color: var(--mbf-color-contrast-600);
}

.woocommerce-checkout form.checkout #order_review #payment {
  margin-top: var(--spacing-2);
}

.woocommerce-checkout form.checkout #order_review #payment ul.payment_methods {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.woocommerce-checkout form.checkout #order_review #payment .place-order {
  margin-top: var(--spacing-0);
}

.woocommerce-checkout
  form.checkout
  #order_review
  #payment
  .place-order
  .woocommerce-terms-and-conditions-wrapper {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  border-top: 1px solid var(--mbf-color-contrast-200);
  border-bottom: 1px solid var(--mbf-color-contrast-200);
  margin: var(--spacing-3) var(--spacing-0);
  padding: var(--spacing-4) var(--spacing-0) var(--spacing-2);
}

.woocommerce-checkout
  form.checkout
  #order_review
  #payment
  .place-order
  button.button {
  margin-top: var(--spacing-0);
}

/*--------------------------------------------------------------
# Order Tracking page
--------------------------------------------------------------*/

.order-tracking .woocommerce-column--shipping-address address div,
.order-tracking .woocommerce-column--billing-address address div {
  line-height: var(--leading-normal);
}

.order-tracking .mbf-main-content {
  max-width: var(--container-max-width) !important;
  margin: var(--spacing-0) auto !important;
}

.woocommerce-view-order
  .woocommerce-MyAccount-content:has(.woocommerce-order-details) {
  background-color: transparent !important;
}

@media (min-width: 1000px) {
  .order-tracking .mbf-main-content:has(.woocommerce-table--order-details) {
    max-width: none !important;
  }

  .order-tracking
    .mbf-content-area:has(.woocommerce-table--order-details)
    .woocommerce {
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, var(--mbf-wc-box-container)) minmax(
        0,
        var(--mbf-wc-box-sidebar)
      );
    justify-content: space-between;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0 2.5rem;
  }

  .order-tracking .woocommerce .woocommerce-message {
    grid-column: 1 / -1;
  }
}

.order-tracking .mbf-entry__header {
  margin-bottom: var(--spacing-2) !important;
}

.order-tracking .mbf-entry__wrap {
  margin-top: var(--spacing-0) !important;
}

.order-tracking .mbf-entry__header h1 {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-semibold);
}

.order-tracking .woocommerce-form p:first-child {
  display: none !important;
}

.order-tracking .woocommerce-form-track-order {
  display: flex;
  flex-direction: column;
}

.order-tracking .form-row {
  width: 100% !important;
}

.order-tracking .form-row button {
  width: 100% !important;
  background-color: var(--mbf-color-primary) !important;
  color: var(--mbf-color-primary-contrast) !important;
  border: var(--order-tracking-border) !important;
}

.order-tracking .form-row-first {
  order: 2 !important;
}

.order-tracking .form-row-last {
  order: 1 !important;
}

.order-tracking .form-row:has(button) {
  order: 3 !important;
}

.order-tracking .form-row input {
  border: var(--order-tracking-border) !important;
  background-color: var(--mbf-palette-color-layout) !important;
}

.order-tracking .woocommerce-error {
  margin-bottom: var(--spacing-2) !important;
}

.order-tracking .woocommerce-table--order-details {
  margin-top: var(--spacing-0) !important;
}

.order-tracking .woocommerce-table {
  border-top: none !important;
  margin-bottom: var(--order-tracking-standard-padding);
}

.order-tracking .wp-post-image {
  width: var(--order-tracking-thumbnail-size);
  height: var(--order-tracking-thumbnail-size);
  object-fit: contain;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

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

.order-tracking .woocommerce-table__product-name {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
}

.order-tracking .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);
}

.order-tracking .order-detail-product-name {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
}

.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-tracking .woocommerce-table__product-total .awdr-you-saved-text {
  font-size: var(--text-xxs);
}

.order-tracking
  .woocommerce-table__product-total
  .awdr-you-saved-text
  .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-xxs);
  font-weight: var(--font-medium);
}

.order-tracking .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
}

.order-tracking .woocommerce-table-wrapper td .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}

.order-tracking .order-number,
.order-tracking .order-status,
.order-tracking .order-date {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  background-color: transparent;
}

.order-tracking .order-info {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.order-tracking .woocommerce-table-wrapper {
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--order-tracking-standard-padding);
}

.order-tracking .woocommerce-table tfoot {
  border-top: none !important;
}

.order-tracking .woocommerce-table tfoot tr:first-child th,
.order-tracking .woocommerce-table tfoot tr:first-child td {
  border-top: none !important;
}

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

.order-tracking .order-actions-button {
  margin-right: var(--spacing-0) !important;
  margin-left: var(--order-tracking-standard-padding) !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
  padding: calc(var(--order-tracking-standard-padding) / 1.6)
    var(--order-tracking-standard-padding) !important;
}

.order-tracking .shipped_via {
  display: block;
}

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

.order-tracking .wps_rma_return_rules {
  font-size: var(--text-xs);
  background: var(--mbf-layout-background);
  border: none;
  border-radius: var(--spacing-0);
  padding: var(--order-tracking-standard-padding);
  box-shadow: none;
}

.order-tracking .wps_rma_return_rules h2 {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
}

.order-tracking .wps_rma_return_rules ~ br {
  display: none !important;
}

.order-tracking .woocommerce-order-details {
  margin-bottom: var(--spacing-6);
}

.order-tracking .woocommerce-order-details {
  margin-bottom: var(--spacing-6);
}

.order-tracking .woocommerce-order-details .woocommerce-order-details__title {
  font-weight: var(--font-medium);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-2);
}

.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 var(--mbf-palette-color-border);
  padding: var(--spacing-1) var(--spacing-3);
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .wc-item-meta {
  display: none;
}

.order-tracking .woocommerce-order-details .woocommerce-table-wrapper {
  border: var(--order-tracking-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--order-tracking-standard-padding);
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table-wrapper:not(:has(tfoot)) {
  display: none;
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table-wrapper
  td
  .woocommerce-Price-amount {
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}

.order-tracking .woocommerce-order-details .woocommerce-table--order-details {
  margin-top: var(--spacing-0) !important;
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table--order-details
  .order-actions--heading
  + td {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: var(--spacing-1);
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.order-tracking
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.order-tracking .woocommerce-column address {
  border: var(--order-tracking-border) !important;
  padding: var(--order-tracking-standard-padding) !important;
  font-size: var(--text-xs);
  background: transparent !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.order-tracking .woocommerce-column .woocommerce-column__title {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
  font-weight: var(--font-medium);
}

.order-tracking .woocommerce-column--billing-address {
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.order-tracking .woocommerce-customer-details--email {
  margin-bottom: var(--spacing-0) !important;
}

.order-tracking .wps_rma_ul_wrap_info {
  font-size: var(--text-xs);
  justify-content: center;
  border: none !important;
  border-radius: var(--spacing-0) !important;
  border-bottom: 0px !important;
}

.order-tracking .wps_rma_ul_wrap_info .active h2 {
  background: var(--order-tracking-tab-bg-active) !important;
  border: 5px solid var(--order-tracking-tab-bg-active) !important;
}

.order-tracking .wps_rma_li_wrap_info h2 {
  border-radius: var(--spacing-0) !important;
  padding-top: var(--order-tracking-standard-padding) !important;
  padding-bottom: var(--order-tracking-standard-padding) !important;
  text-align: center !important;
  font-size: var(--text-xs) !important;
  transform: translateY(2px) !important;
}

.order-tracking .wps_rma_exchange_info_wrap,
.order-tracking .wps_rma_refund_info_wrap {
  border: none !important;
  font-size: var(--text-xs);
  background: var(--order-tracking-tab-bg-active);
  border-radius: var(--spacing-0) !important;
}

.order-tracking .woocommerce-order-details .wps_rma_outer_wrap_info + br {
  display: none;
}

.order-tracking .woocommerce-order-details .wps_rma_ul_wrap_info {
  font-size: var(--text-xs);
  justify-content: center;
  border: none !important;
  border-radius: var(--spacing-0) !important;
  border-bottom: 0px !important;
  background: var(--order-tracking-tab-bg-inactive);
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-0) !important;
}

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

.order-tracking
  .woocommerce-order-details
  .wps_rma_ul_wrap_info
  .wps_rma_li_wrap_info
  h2 {
  background: none;
  border-radius: var(--spacing-0) !important;
  padding: var(--spacing-2);
  text-align: center !important;
  font-weight: var(--font-semibold);
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  border: none !important;
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ul_wrap_info
  .wps_rma_li_wrap_info.active {
  background: var(--order-tracking-tab-bg-active);
  border-bottom: solid 1px var(--mbf-color-contrast-100);
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap.active-tab {
  border: none !important;
  font-size: var(--text-xs);
  background: var(--order-tracking-tab-bg-active);
  border-radius: var(--spacing-0) !important;
  padding: var(--spacing-2);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap > * {
  margin-bottom: var(--spacing-1);
  grid-column: span 2;
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap h2 {
  font-weight: var(--font-semibold);
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap p {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap table {
  margin-bottom: var(--spacing-2);
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  td {
  border-color: var(--mbf-color-border);
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  table
  tbody
  td
  .wc-item-meta {
  display: none;
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap form {
  grid-column: span 2;
  background-color: transparent !important;
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-0) !important;
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form:has(input[name="wps_mra_return_request"]) {
  display: none !important;
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form
  input[name="wps_rma_cancel_return_request"] {
  height: 31px !important;
  width: 191px !important;
  padding: var(--spacing-2) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  line-height: var(--leading-none) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xxs) !important;
}

@media (min-width: 768px) {
  .order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap form {
    grid-column: span 1;
  }
}

.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form:first-of-type {
  padding-bottom: var(--spacing-0);
}

@media (min-width: 768px) {
  .order-tracking
    .woocommerce-order-details
    .wps_rma_ret_ex_info_wrap
    form:first-of-type {
    padding-bottom: var(--spacing-3);
  }
}

.order-tracking .woocommerce-order-details .wps_rma_ret_ex_info_wrap form p,
.order-tracking
  .woocommerce-order-details
  .wps_rma_ret_ex_info_wrap
  form
  input {
  width: 100%;
  margin: var(--spacing-0) !important;
}

.order-tracking .woocommerce-order-details .wps_rma_return_rules {
  font-size: var(--text-xs);
  background: var(--mbf-layout-background);
  border: none;
  border-radius: var(--spacing-0);
  padding: var(--order-tracking-standard-padding);
  box-shadow: none;
  margin-top: var(--spacing-1);
}

.order-tracking .woocommerce-order-details .wps_rma_return_rules h2 {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
  font-weight: var(--font-medium);
}

.order-tracking .woocommerce-order-details .wps_rma_return_rules ~ br {
  display: none !important;
}

.order-tracking .product-variation {
  font-size: var(--text-xs);
  padding-bottom: var(--spacing-2) !important;
}

.order-tracking .order-updates-title {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
}

.order-tracking .commentlist {
  font-size: var(--text-xs) !important;
  padding-left: 15px !important;
}

.order-tracking .commentlist .meta {
  margin-bottom: var(--spacing-1) !important;
  font-weight: var(--font-bold);
}

.order-tracking .product-item-detail-qty .product-quantity {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--mbf-palette-color-border);
  padding: var(--spacing-1) var(--spacing-3);
}

/*--------------------------------------------------------------
# Order Complaint Page
--------------------------------------------------------------*/

#wps_rma_template1.wps_rma_template1 {
  padding: var(--spacing-0) !important;
  box-shadow: none !important;
}

#wps_rma_template1.wps_rma_template1 h1.wps-rma-form__heading {
  font-weight: var(--font-semibold);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--mbf-color-primary);
}

.wps-rma-form__wrapper .wps-rma-product__table-wrapper {
  background-color: var(--mbf-palette-color-layout) !important;
  border-radius: var(--radius-md);
  padding: 0px 8px !important;
}

@media screen and (max-width: 580px) {
  .wps-rma-form__wrapper .wps-rma-product__table-wrapper tr {
    flex-direction: row !important;
  }
}

#wps_rma_template1.wps_rma_template1 table .product-name img {
  max-height: 56px !important;
}

.wps-rma-product__table
  td.product-name
  .wps-rma-product__wrap
  .wps-rma__product-title {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.wps-rma-product__table
  td.product-name
  .wps-rma-product__wrap
  .wps-rma__product-title
  strong.product-quantity {
  display: none;
}

#wps_rma_template1.wps_rma_template1 table input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 4px !important;
  border-radius: 2px !important;
  border: 2px solid #c7c7c7 !important;
  background: white;
}

@media screen and (max-width: 580px) {
  #wps_rma_template1.wps_rma_template1 table th {
    border-bottom: none !important;
    font-size: var(--text-xs) !important;
  }

  .wps-rma-form__wrapper .wps-rma-product__table tbody td:nth-of-type(3):after {
    content: "";
  }

  .wps-rma-product__table tbody tr td.product-name {
    padding-left: var(--spacing-0) !important;
  }

  .wps-rma-form__wrapper
    .wps-rma-product__table-wrapper
    .wps-rma-product__wrap {
    padding: var(--spacing-0) !important;
  }

  .wps-rma-product__table
    td.product-name
    .wps-rma-product__wrap
    .wps-rma__product-title {
    margin: 0px 0px 0px 4px !important;
  }
}

#wps_rma_template1.wps_rma_template1
  table
  .product-quantity
  input[type="number"] {
  max-width: 46px;
  max-height: 36px;
}

@media screen and (max-width: 580px) {
  .wps-rma-product__table tr td.product-name .wps-rma-product__wrap {
    flex-direction: row !important;
  }
}

.wps-rma-subject__dropdown,
.wps_rma_reason_description {
  margin-top: 12px !important;
}

.wps-rma-form__wrapper .wps_rma_other_subject {
  margin: var(--spacing-0) !important;
}

#wps_rma_template1.wps_rma_template1 select {
  padding: 12px 8px !important;
}

#wps_rma_template1.wps_rma_template1 textarea {
  background-color: var(--mbf-layout-background) !important;
  color: var(--mbf-color-primary);
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  border: none !important;
}

.wps_rma_refund_form_wrapper i {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-primary);
  font-style: normal;
  margin-top: var(--spacing-2);
}

.wps_rma_return_request_morefiles {
  margin-top: var(--spacing-2) !important;
  background-color: var(--mbf-color-primary-contrast) !important;
  color: var(--mbf-color-primary) !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  padding: 4px 16px !important;
  border: 1px solid var(--mbf-color-primary) !important;
  border-radius: var(--radius-sm) !important;
}

.wps-rma-form__wrapper input.btn {
  margin: var(--spacing-0) !important;
}

.wps_rma_return_request_files {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-primary);
}

#wps_rma_template1.wps_rma_template1 .button {
  display: flex;
  justify-self: flex-end;
  background-color: var(--mbf-color-primary) !important;
  color: var(--mbf-color-primary-contrast) !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  padding: 8px 16px !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  transition: background-color 0.3s ease-in-out;
}

#wps_rma_template1.wps_rma_template1 .wps-rma-col:last-of-type {
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-primary) !important;
  padding: var(--spacing-2) !important;
}

.wps-rma-form__wrapper .wps_rma_customer_detail .woocommerce-column {
  border: none !important;
}

@media screen and (max-width: 768px) {
  .wps-rma-form__wrapper .wps_rma_customer_detail .woocommerce-column {
    padding: var(--spacing-0) !important;
  }
}

@media only screen and (min-width: 600px) {
  .wps-rma-refund-request__row {
    display: block !important;
  }

  #wps_rma_template1.wps_rma_template1 .button {
    justify-self: flex-start;
  }

  .wps-rma-form__wrapper .wps_rma_customer_detail .woocommerce-column {
    padding: var(--spacing-0);
  }

  #wps_rma_template1.wps_rma_template1 table thead {
    border-bottom: 1px solid var(--mbf-color-contrast-200);
  }

  #wps_rma_template1.wps_rma_template1 table td.product-quantity {
    margin-top: var(--spacing-2);
  }
}

#wps_rma_template1.wps_rma_template1 table th {
  border: none !important;
}

.wps_rma_customer_detail .woocommerce-column--billing-address h2,
.wps_rma_customer_detail .woocommerce-column--shipping-address h2 {
  font-weight: var(--font-semibold) !important;
}

.wps_rma_customer_detail .woocommerce-column--billing-address h2,
.wps_rma_customer_detail .woocommerce-column--billing-address address,
.wps_rma_customer_detail .woocommerce-column--shipping-address h2,
.wps_rma_customer_detail .woocommerce-column--shipping-address address {
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  color: var(--mbf-color-primary) !important;
}

.wps_rma_customer_detail .woocommerce-column--billing-address address,
.wps_rma_customer_detail .woocommerce-column--shipping-address address {
  font-weight: var(--font-normal) !important;
  border: 1px solid #dcdcdc;
  border-radius: var(--radius-sm);
  padding: var(--spacing-2);
}

.wps_rma_customer_detail .woocommerce-customer-details {
  margin-bottom: var(--spacing-0) !important;
  margin-top: var(--spacing-0) !important;
}

ul#wps_rma_return_alert,
ul#wps_rma_return_alert::before {
  color: white;
}

/* Login Required Message */
.cancel-order-box,
.refund-order-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-2);
  background: var(--mbf-palette-color-white-light);
  border-radius: var(--radius-sm);
}

.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(--mbf-palette-color-black);
  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(--mbf-palette-color-black);
}

/*--------------------------------------------------------------
# Quantity Button - Product Detail Page / Cart Page
--------------------------------------------------------------*/

.woocommerce table.cart td.product-quantity:not(#qib_id):not(#qib_id) {
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

@media (min-width: 768px) {
  .woocommerce table.cart td.product-quantity:not(#qib_id):not(#qib_id) {
    justify-content: center;
  }
}

.qib-container {
  position: relative;
  display: flex;
  border: 1px solid var(--mbf-color-contrast-200);
  border-radius: var(--radius-2xl);
  transition: var(--transition-fast);
  background-color: var(--color-white);
  align-items: center;
}

.qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
  border: none !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
}

.qib-container button.qib-button {
  align-items: center;
  justify-content: center;
  font-size: var(--text-2xl) !important;
  font-weight: var(--font-normal);
  color: var(--mbf-color-contrast-800);
  background: none !important;
  border: none !important;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}

/*--------------------------------------------------------------
# Cart Page
--------------------------------------------------------------*/

.woocommerce-cart .woocommerce-cart-wrap {
  gap: var(--spacing-0) !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals {
    margin-top: var(--spacing-4);
  }
}

.woocommerce-cart .woocommerce-cart-form h1,
.woocommerce-cart .cart-collaterals h2 {
  display: none;
}

.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item {
  position: relative;
  display: block;
  padding: var(--spacing-2) var(--spacing-0);
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item {
    display: table-row;
    padding: var(--spacing-0);
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item:not(:first-child) {
  margin-top: var(--spacing-0);
}

.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item th,
.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item td {
  background-color: transparent !important;
}

.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item td {
  text-align: left !important;
  padding: var(--spacing-0);
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item td {
    text-align: unset !important;
    padding: var(--spacing-6) var(--spacing-0);
  }
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-name,
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-price,
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-quantity,
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-subtotal {
    display: table-cell;
    vertical-align: middle;
  }
}

.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item td::before {
  display: none;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td:not(.product-thumbnail) {
  margin-left: calc(60px + var(--spacing-3));
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td:not(.product-thumbnail) {
    margin-left: unset;
    padding: var(--spacing-6) var(--spacing-5);
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-thumbnail {
  display: block !important;
  float: left;
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-thumbnail {
    display: table-cell !important;
    float: none;
  }
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-name {
    padding-left: var(--spacing-2);
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-name
  .product-base-name {
  font-weight: var(--font-medium);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-name
  .product-variants {
  font-weight: var(--font-medium);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-name
  .product-delete {
  margin-top: var(--spacing-1);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-name
  .product-delete
  a.delete {
  background: var(--link-background);
  background-size: var(--link-background-size);
  background-repeat: var(--link-background-repeat);
  background-position: var(--link-background-position);
  padding-bottom: var(--link-padding-bottom);
  transition: var(--link-transition);
  display: inline;
  text-decoration: none;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-name
  .product-delete
  a.delete:hover {
  background-size: var(--link-background-size-hover);
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-price {
  margin-top: var(--spacing-3);
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-price {
    margin-top: unset;
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-price
  .amount {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-price
  .awdr_cart_strikeout_line {
  display: flex;
  flex-direction: column;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-price
  .awdr_cart_strikeout_line
  del
  .amount {
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  text-decoration: line-through;
  color: var(--mbf-color-contrast-500);
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-price
  .awdr_cart_strikeout_line
  ins {
  text-decoration: none;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-quantity {
  margin-top: var(--spacing-2);
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-quantity {
    margin-top: unset;
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-subtotal {
  position: absolute;
  right: 0;
  bottom: var(--spacing-4-5);
  text-align: right !important;
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr.cart_item
    td.product-subtotal {
    position: unset;
    text-align: left !important;
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-subtotal
  .amount {
  font-weight: var(--font-semibold);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-subtotal:has(.awdr-you-saved-text) {
  bottom: var(--spacing-2-5);
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-subtotal
  .awdr-you-saved-text,
.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr.cart_item
  td.product-subtotal
  .awdr-you-saved-text
  .amount {
  font-size: 10px;
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  color: #029615;
}

.woocommerce-cart .woocommerce-cart-form table.cart tr:has(.actions) {
  margin-top: var(--spacing-3);
  padding-top: var(--spacing-3);
  border-top: 1px solid var(--mbf-color-contrast-200);
  border-radius: 0;
}

.woocommerce-cart .woocommerce-cart-form table.cart tr .actions {
  padding: var(--spacing-0);
  background-color: transparent !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form table.cart tr .actions {
    padding: var(--spacing-4-5);
    background: var(--mbf-layout-background) !important;
  }
}

.woocommerce-cart .woocommerce-cart-form table.cart tr .actions .coupon {
  flex-direction: column;
  gap: var(--spacing-2);
  padding-bottom: var(--spacing-0) !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form table.cart tr .actions .coupon {
    flex-direction: row;
  }
}

.woocommerce-cart .woocommerce-cart-form table.cart tr .actions .coupon > * {
  width: 100% !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form table.cart tr .actions .coupon > * {
    width: unset !important;
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr:not(.cart_item)
  .actions
  .coupon
  .input-text {
  --mbf-input-background-color: var(--mbf-color-contrast-50);
  margin: var(--spacing-0) 2px;
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr:not(.cart_item)
    .actions
    .coupon
    .input-text {
    --mbf-input-background-color: var(--mbf-palette-color-white);
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr:not(.cart_item)
  .actions
  .coupon
  button {
  color: var(--mbf-color-contrast-800);
  background-color: transparent;
  border: 2px solid #e4e4e4;
  border-radius: var(--radius-sm);
  font-weight: var(--font-normal);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-align: center;
}

@media (min-width: 768px) {
  .woocommerce-cart
    .woocommerce-cart-form
    table.cart
    tr:not(.cart_item)
    .actions
    .coupon
    button {
    border: transparent;
    margin-left: var(--spacing-0);
    padding: var(--spacing-0) var(--spacing-0) var(--spacing-1);
    flex-shrink: 0;
  }
}

.woocommerce-cart
  .woocommerce-cart-form
  table.cart
  tr:not(.cart_item)
  .actions
  .coupon
  .coupon-error-notice {
  margin-top: var(--spacing-0);
}

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

.woocommerce-cart .woocommerce-cart-form .wt_coupon_wrapper:has(*:not(style)) {
  display: block;
}

@media (min-width: 768px) {
  .woocommerce-cart .cart-collaterals {
    padding-top: var(--spacing-0);
  }
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
  padding: var(--spacing-0) !important;
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-3) !important;
  border-radius: var(--mbf-layout-elements-border-radius) !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
    margin-top: var(--spacing-0) !important;
    padding: var(--spacing-2) var(--spacing-6) !important;
  }
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
  padding: var(--spacing-3) var(--spacing-2) !important;
  border-color: var(--mbf-color-contrast-200) !important;
}

@media (min-width: 768px) {
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
    padding: var(--spacing-3) var(--spacing-0) !important;
  }
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td:before {
  content: attr(data-title) !important;
  font-weight: var(--font-normal) !important;
  font-size: var(--text-xs) !important;
  letter-spacing: var(--tracking-normal) !important;
  text-transform: capitalize !important;
  color: var(--mbf-color-contrast-800) !important;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-subtotal
  td
  .amount {
  color: var(--mbf-color-contrast-800);
  font-weight: var(--font-bold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-discount
  td {
  color: var(--mbf-palette-color-red);
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-discount
  td
  .amount {
  font-weight: var(--font-bold);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-align: right;
  text-transform: capitalize;
  color: var(--mbf-palette-color-red);
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-discount
  td
  .woocommerce-remove-coupon {
  display: inline-flex;
  width: var(--spacing-3-5);
  height: var(--spacing-3-5);
  align-items: center;
  justify-content: center;
  font-size: 0;
  font-weight: normal;
  position: relative;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-discount
  td
  .woocommerce-remove-coupon::after {
  position: absolute;
  top: calc(var(--spacing-1) * -1);
  font-family: "Font Awesome 5 Free";
  font-size: var(--text-base);
  line-height: var(--leading-none);
  font-weight: 800;
  font-variant: normal;
  color: var(--mbf-color-primary);
  content: "\f00d";
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.cart-discount
  td
  .woocommerce-remove-coupon:hover::after {
  color: var(--mbf-color-contrast-600);
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.woocommerce-shipping-totals {
  display: none;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.order-total
  td {
  font-weight: var(--font-medium) !important;
  font-size: var(--text-xs) !important;
  letter-spacing: var(--tracking-normal);
  text-align: right;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  table.shop_table
  tr.order-total
  td:before {
  font-weight: var(--font-medium) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  background-color: transparent;
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

/*--------------------------------------------------------------
# Order Received / Thank You Page
--------------------------------------------------------------*/

.woorommerce-order-received .woocommerce-column--shipping-address address div,
.woorommerce-order-received .woocommerce-column--billing-address address div {
  line-height: var(--leading-normal);
}

.woocommerce-order-received .mbf-entry__header {
  display: none !important;
}

.woocommerce-order-received .mbf-entry__wrap:not(:first-child) {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-order-received .woocommerce-order .woocommerce-notice {
  font-family: var(--mbf-font-primary-family), sans-serif !important;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  font-weight: var(--font-medium) !important;
  margin-bottom: var(--spacing-0) !important;
}

.woocommerce-order-received .woocommerce-order {
  gap: var(--spacing-4) !important;
}

.woocommerce-order-received .woocommerce ul.order_details {
  margin: 0 !important;
}

.woocommerce-order-received .woocommerce-order ul.order_details {
  padding: var(--spacing-2) !important;
  border-radius: var(--radius-md) !important;
}

.woocommerce-order-received .woocommerce-order ul.order_details li strong {
  font-weight: var(--font-medium) !important;
  color: var(--mbf-color-primary) !important;
  margin-top: var(--spacing-0) !important;
}

.woocommerce-order-received .woocommerce-order-details h2 {
  display: none !important;
}

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

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-MyAccount-content h2 {
  font-weight: var(--font-medium);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--spacing-2);
}

.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-variation {
  display: flex;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty {
  display: flex;
}

.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 var(--mbf-palette-color-border);
  padding: var(--spacing-1) var(--spacing-3);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table__line-item
  .woocommerce-table__product-name
  .product-item-detail
  .product-item-detail-qty
  .wc-item-meta {
  display: none;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table-wrapper {
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table-wrapper:not(:has(tfoot)) {
  display: none;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table-wrapper
  td
  .woocommerce-Price-amount {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table--order-details {
  margin-top: var(--spacing-0) !important;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table--order-details
  .order-actions--heading
  + td {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: var(--spacing-1);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.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 .order-detail-product-name {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
}

.woocommerce-order-received .product-variation {
  font-size: var(--text-xs);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  padding-bottom: var(--spacing-2) !important;
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table-wrapper {
  border: var(--order-tracking-border);
  border-top: none !important;
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-order-received
  .woocommerce-order-details
  .woocommerce-table--order-details
  td
  a {
  margin: var(--spacing-0) !important;
}

.woocommerce-order-received .order-actions-button {
  margin-right: var(--spacing-0) !important;
  margin-left: var(--order-tracking-standard-padding) !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
  padding: calc(var(--order-tracking-standard-padding) / 1.6)
    var(--order-tracking-standard-padding) !important;
  border-radius: 0 !important;
}

.woocommerce-order-received .woocommerce-table tfoot {
  border-top: none !important;
}

.woocommerce-order-received table.shop_table tfoot tr th {
  color: var(--mbf-color-primary);
  padding-left: var(--spacing-2) !important;
  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);
}

.woocommerce-order-received .woocommerce-table tfoot tr th,
.woocommerce-order-received .woocommerce-table tfoot tr td {
  padding: var(--order-tracking-standard-padding) !important;
}

.woocommerce-order-received .woocommerce table.shop_table {
  border-top: none !important;
}

.woocommerce-order-received .woocommerce-column .woocommerce-column__title {
  font-size: var(--text-xs);
  margin-bottom: var(--order-tracking-standard-padding);
}

.woocommerce-order-received .woocommerce-customer-details {
  margin-bottom: var(--spacing-0);
  padding: var(--spacing-0);
}

.woocommerce-order-received .woocommerce-column address {
  border: var(--order-tracking-border) !important;
  padding: var(--order-tracking-standard-padding) !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-normal) !important;
  background: transparent !important;
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

.woocommerce-order-received .woocommerce-column--billing-address {
  margin-bottom: var(--order-tracking-standard-padding) !important;
}

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

/*--------------------------------------------------------------
# Product Card
* Including Shop Page, Related Products, and Product Collection
--------------------------------------------------------------*/

.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 .woocommerce-thumbnail .onsale,
.wc-block-product .wc-block-components-product-sale-badge {
  display: none !important;
}

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

.products .price {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  margin-top: var(--spacing-0) !important;
  color: var(--mbf-color-primary) !important;
  font-weight: var(--font-semibold) !important;
  font-family: var(--font-secondary) !important;
  font-size: var(--text-base) !important;
  text-decoration: none !important;
  text-align: left;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
}

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

.products .price br,
.wp-block-woocommerce-product-price .wc-block-components-product-price br {
  display: none !important;
}

.products .price del,
.wp-block-woocommerce-product-price .wc-block-components-product-price del {
  color: var(--mbf-color-contrast-500) !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 .price ins,
.wp-block-woocommerce-product-price .wc-block-components-product-price ins,
.wp-block-woocommerce-product-price
  .wc-block-components-product-price:not(:has(del)),
.wp-block-woocommerce-product-price
  .wc-block-components-product-price:not(:has(del))
  span.woocommerce-Price-amount.amount {
  color: var(--mbf-color-primary) !important;
  font-weight: var(--font-semibold) !important;
  font-size: var(--text-base) !important;
  text-decoration: none !important;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-tight);
}

.related.products .products,
.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));
}

@media (min-width: 768px) {
  .related.products .products,
  .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));
  }
}

.related.products {
  margin-top: var(--spacing-2) !important;
  padding-top: var(--spacing-2) !important;
  border-top: 1px solid var(--mbf-color-contrast-200) !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(--mbf-font-secondary-family), sans-serif !important;
}

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

.wp-block-woocommerce-product-price
  .wc-block-components-product-price:not(:has(del)) {
  display: flex;
  flex-direction: row;
  align-items: center;
}