/* Foxy External Checkout Page */

:root {
  --fc-background-color--background-primary: white;
  --fc-content--neutral-semi-dark: #4d4f51;
  --fc-link-color--link-primary: var(--fc-content--neutral-dark);
  --fc-text-color--text-primary: var(--fc-content--neutral-dark);
  --fc-content--primary-base: #34c6f4;
  --fc-content--accent-dark: #0a7fa3;
  --fc-content--info-base: #42b0ff;
  --fc-text-color--text-alternate: var(--fc-base-color-neutral--white);
  --fc-stroke--neutral-light: #7B7B7B;
  --fc-surface--primary-semi-dark: #4a90e2;
  --fc-content--neutral-white: white;
  --fc-base-color-neutral--white: white;
  --fc-content--neutral-dark: #121417;
  --fc-surface--accent-semi-dark: #14c0f5;
  --fc-base-color-neutral--black: black;
  --fc-surface--accent-base: #ddf5ff;
  --fc-content--accent-base: #fc-14c0f5;
  --utilities--radius-circle: 50%;
  --fc-surface--neutral-light: fc-white;
  --fc-surface--neutral-base: #f6f6fc-f6;
  --fc-content--neutral-light: #a5a6fc-a7;
  --fc-background-color--background-secondary: var(--fc-base-color-neutral--neutral-lightest);
  --fc-border-color--border-primary: var(--fc-content--primary-base);
  --background-color--background-alternate: var(--fc-base-color-neutral--black);
  --fc-link-color--link-alternate: var(--fc-base-color-neutral--white);
  --fc-background-color--background-tertiary: var(--fc-base-color-neutral--neutral-light);
  --fc-text-color--text-secondary: var(--fc-content--neutral-semi-dark);
  --fc-background-color--background-success: var(--fc-base-color-system--success-green-light);
  --fc-text-color--text-success: var(--fc-base-color-system--success-green);
  --fc-background-color--background-error: var(--fc-base-color-system--error-red-light);
  --fc-text-color--text-error: var(--fc-base-color-system--error-red);
  --fc-base-color-neutral--neutral-lightest: #eee;
  --fc-stroke--neutral-white: white;
  --fc-content--neutral-base: #6c6d6f;
  --fc-content--secondary-base: #34c759;
  --fc-content--secondary-dark: #308d47;
  --fc-stroke--neutral-base: #c6c7c7;
  --fc-surface--secondary-light: #f1f7ed;
  --utilities--radius-pill: 9999px;
  --fc-surface--primary-light: #e9f2fb;
  --fc-surface--neutral-dark: #121417;
  --fc-stroke--neutral-dark: #121417;
  --fc-base-color-brand--white: white;
  --fc-surface--neutral-semi-dark: #c6c7c7;
  --fc-surface--accent-light: #fff7e5;
  --fc-content--primary-dark: #3e78bc;
  --fc-surface--warning-light: #fff9e5;
  --fc-content--warning-dark: #d4a106;
  --fc-surface--success-light: #edf8ef;
  --fc-content--success-dark: #218b3a;
  --surface--danger-light: #14c1f56e;
  --fc-content--danger-dark: #14C0F5;
  --fc-content--danger-base: rgba(20, 192, 245, 0.20);
  --fc-surface--primary-dark: #316097;
  --fc-surface--primary-base: #dbe9f9;
  --fc-surface--secondary-dark: #308d47;
  --fc-surface--secondary-semi-dark: #34c759;
  --fc-surface--secondary-base: #dbe9ef;
  --fc-surface--accent-dark: #3a94aa;
  --fc-content--primary-light: #e9f2fb;
  --fc-content--secondary-light: #edf4f7;
  --fc-content--accent-light: #a3dfff;
  --fc-content--success-base: #34c759;
  --fc-content--success-light: #edf8ef;
  --fc-content--info-dark: #3793d4;
  --fc-content--info-light: #42b0ff;
  --fc-content--danger-light: #fbe9eb;
  --fc-base-color-brand--black: black;
  --fc-base-color-neutral--neutral-lighter: #ccc;
  --fc-base-color-neutral--neutral-light: #aaa;
  --fc-base-color-neutral--neutral: #666;
  --fc-base-color-neutral--neutral-dark: #444;
  --fc-base-color-neutral--neutral-darker: #222;
  --fc-base-color-neutral--neutral-darkest: #111;
  --fc-base-color-system--success-green: #027a48;
  --fc-base-color-system--success-green-light: #ecfdf3;
  --fc-base-color-system--error-red: #fc-b42318;
  --fc-base-color-system--error-red-light: #fc-fef3f2;
  --fc-border-color--border-secondary: var(--fc-content--secondary-base);
  --fc-border-color--border-alternate: var(--fc-content--accent-base);
  --fc-link-color--link-secondary: var(--fc-content--neutral-semi-dark);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  -webkit-appearance: none;
}

#fc #fc-cart--responsive .fc-cart__item__image,
#fc #fc-cart--fixed-width .fc-cart__item__image,
#fc .fc-cart__item__price,
#fc .fc-cart__item__quantity,
#fc .fc-cart__item__total,
#fc .fc-cart__items__header__price,
#fc .fc-cart__items__header__quantity,
#fc .fc-cart__items__header__total,
#fc .fc-checkout__main .fc-sidebar--checkout,
#fc .fc-checkout__main #fc-cart--responsive .fc-sidebar--cart,
#fc .fc-checkout__main #fc-cart--responsive .fc-cancel-continue-shopping,
#fc .fc-checkout__main #fc-cart--responsive .fc-cart__main__content,
#fc .fc-checkout__main #fc-cart--responsive .fc-cart__title,
#fc .fc-checkout__main #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item__details,
#fc .fc-checkout__main #fc-cart--fixed-width .fc-cart__items--without-images .fc-cart__item__details,
#fc .fc-checkout__main #fc-cart--fixed-width .fc-sidebar--cart,
#fc .fc-checkout__main #fc-cart--fixed-width .fc-cart__main__content,
#fc .fc-checkout__main #fc-cart--fixed-width .fc-cancel-continue-shopping,
#fc .fc-checkout__main #fc-cart--fixed-width .fc-cart__title,
#fc .fc-checkout__main #fc-cart--responsive .fc-cart__items--without-images .fc-cart__item__details {
  padding-left: 24px;
  padding-right: 24px;
}

#fc body {
  /* padding: 0 !important; */
  margin: 0 !important;
  background: var(--fc-background-color--background-primary) !important;
  color: var(--base-color-brand--black);
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1rem;
  line-height: 1.5;
}

#fc p,
#fc input,
#fc button,
#fc span,
#fc a,
#fc table,
#fc table *,
#fc div,
#fc address,
#fc li,
#fc ul {
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
}

.fc-checkout {
  background: var(--fc-background-color--background-primary) !important;
}

#fc .fc-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 480px) {
  #fc .fc-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #fc .fc-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1200px) {
  #fc .fc-container {
    max-width: 1320px !important;
  }
}

#fc #fc-checkout-container {
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
}

/* ------- */

.fc-checkout__main__contents {
  background: var(--fc-background-color--background-primary) !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow: 0px 8px 40px rgba(18, 20, 23, 0.05) !important;
  padding: 2.5rem !important;
  right: 0 !important;
}

#fc .fc-cart__item__option.fc-cart__item__option__credit {
  display: none !important;
}

#fc .fc-section-counter {
  display: none !important;
}

#fc .fc-transaction__header,
#fc .fc-transaction__ui__header {
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
}

#fc .fc-transaction__header {
  text-align: left !important;
  padding-inline: 15px !important;
}

#fc legend,
#fc #fc-receipt-container #fc-cart--responsive .fc-cart__title__header {
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 2rem !important;
}

#fc .fc-form-control:not(.fc-form-control--create-account):not([type="checkbox"]):not([type="radio"]) {
  border: 1px solid var(--fc-stroke--neutral-light) !important;
  background-color: var(--fc-surface--neutral-light) !important;
  border-radius: 0.25rem !important;
  min-height: 2rem !important;
  margin-bottom: 0 !important;
  padding: .5rem !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  position: relative;
  z-index: 1;
}

#fc .fc-form-control:not(.fc-form-control--create-account):focus {
  border-color: var(--fc-content--primary-base) !important;
}

#fc .fc-form-control:focus {
  border-color: var(--fc-content--primary-base);
}

#fc fieldset:first-child {
  margin-top: 0 !important;
}

#fc .fc-foxycomplete-flag {
  display: none !important;
}

#fc .fc-foxycomplete-combobox {
  display: none !important;
}

#fc .fc-button {
  width: auto;
  height: auto;
  border: unset !important;
  background: var(--fc-base-color-brand--black) !important;
  color: var(--fc-text-color--text-alternate) !important;
  text-align: center !important;
  border-radius: 0rem !important;
  padding: 1rem 2rem !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: all .3s !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

#fc .fc-button:hover {
  background: var(--fc-content--primary-base) !important;
}

/* ------- */

.fc-logotype {
  display: none !important;
}

#fc .fc-cart__title__header {
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 2rem !important;
  text-align: left !important;
}

.fc-checkout .fc-order-quantity {
  text-align: left !important;
  margin-bottom: 1rem !important;
}

.fc-checkout .fc-sidebar.fc-sidebar--checkout {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  padding-left: calc(1.5rem + 15px) !important;
  padding-bottom: 0 !important;
}

.fc-checkout .fc-sidebar.fc-sidebar--checkout::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1.5rem;
  width: calc(100% - 2rem);
  height: 100%;
  background: var(--surface--neutral-light);
  border-radius: 0.75rem;
  box-shadow: 0px 8px 40px rgba(18, 20, 23, 0.05);
}

.fc-checkout .fc-sidebar.fc-sidebar--cart {
  background: transparent !important;
  padding: 0 24px !important;
  margin: 0 !important;
}

.fc-button.fc-button--submit {
  width: 100% !important;
  border: unset !important;
  background: var(--fc-base-color-brand--black) !important;
  color: var(--fc-text-color--text-alternate) !important;
  text-align: center !important;
  border-radius: 0rem !important;
  padding: 1rem 2rem !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: all .3s !important;
  text-shadow: none !important;
}

.fc-button.fc-button--submit:hover {
  background: var(--fc-content--primary-base) !important;
}

#fc .fc-input-group-container {
  border: 1px solid var(--fc-stroke--neutral-light) !important;
  border-radius: 0.75rem !important;
  background: var(--fc-surface--neutral-light) !important;
  overflow: hidden !important;
}

#fc .fc-form-group .fc-input-group-container__title {
  border-radius: 0 !important;
  background: var(--fc-surface--neutral-light) !important;
  border-bottom: none !important;
  padding-left: 2.5rem !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  position: relative !important;
  margin-top: -8px !important;
  text-shadow: none !important;
}

#fc .fc-input-group-container--active .fc-input-group-container__title {
  border-bottom: 1px solid var(--fc-stroke--neutral-light) !important;
}

#fc .fc-input-group-container p {
  color: var(--fc-content--neutral-base);
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

#fc .fc-input-group-container__no-title:before,
#fc .fc-input-group-container__title:before {
  content: "";
  background: var(--fc-surface--neutral-light);
  border-radius: 6px !important;
  border: 1px solid var(--fc-stroke--neutral-light);
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  top: 50% !important;
  left: 8px !important;
  transform: translateY(-50%);
  clip: unset !important;
}

#fc .fc-input-group-container--checkbox .fc-input-group-container__title input,
#fc .fc-input-group-container--radio .fc-input-group-container__title input {
  background: var(--fc-surface--neutral-light);
  border-radius: 6px;
  border: 1px solid var(--fc-stroke--neutral-light);
  width: 24px !important;
  height: 24px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  margin: 0;
  opacity: 1;
  outline: none;
  box-shadow: none;
}

#fc .fc-input-group-container--checkbox .fc-input-group-container__title input:checked,
#fc .fc-input-group-container--radio .fc-input-group-container__title input:checked {
  opacity: 1;
  background: var(--fc-surface--primary-semi-dark);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--ic' width='16' height='16' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  border: 1px solid var(--fc-surface--primary-semi-dark);
}

#fc .fc-alert {
  margin-top: -12px !important;
  background-color: var(--fc-content--danger-base) !important;
  border-color: var(--fc-content--danger-base) !important;
  color: var(--fc-content--neutral-dark) !important;
  padding: 20px 16px 8px !important;
  border-radius: .25rem !important;
  text-shadow: none !important;
}

#fc [data-fc-error-notifier].fc-alert.fc-alert--danger h3 {
  margin: 0 !important;
}

#fc .fc-input-group-container__no-title.fc-input-group-container__title--forced:before,
#fc .fc-input-group-container__title.fc-input-group-container__title--forced:before {
  display: none;
}

#fc .fc-alert-container--error .fc-input-group-container {
  border-color: var(--fc-content--danger-base) !important;
}

#fc .fc-alert-container--error .fc-input-group-container__title {
  background-color: var(--fc-content--danger-base) !important;
  border-color: var(--fc-content--danger-base) !important;
  color: var(--fc-content--neutral-dark) !important;
}

#fc .fc-alert--succefc-ss {
  background-color: var(--fc-content--success-base) !important;
  color: var(--fc-content--neutral-white) !important;
}

.fc-input-group.fc-input-group--customer-password {
  display: flex;
  align-items: center;
  column-gap: 8px;
  height: 48px;
  border: none !important;
  background: transparent !important;
}

.fc-input-group.fc-input-group--customer-password .fc-input-group__button {
  flex: none;
  width: auto;
  align-self: stretch;
}

.fc-button.fc-button--sign-in {
  width: auto !important;
  height: 48px !important;
  margin-left: 8px !important;
}

#fc .fc-password-actions .fc-password-action .fc-button-link {
  color: var(--fc-content--accent-base);
  padding: 0;
}

#fc .fc-cancel-continue-shopping {
  display: flex;
  flex-direction: row;
  text-align: left;
}

#fc .fc-button.fc-button--cancel {
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--fc-content--neutral-base) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: none !important;
  text-decoration-thickness: auto !important;
  text-underline-offset: auto !important;
  text-underline-position: from-font !important;
}

#fc .fc-button.fc-button--cancel svg {
  display: none !important;
}

#fc .fc-cart__item {
  padding: 8px 0 !important;
  font-size: 14px;
  display: flex;
  column-gap: 16px;
  margin: 0;
  background: transparent !important;
}

#fc .fc-cart__item::before,
#fc .fc-cart__item::after {
  content: unset;
}

#fc #fc-cart--fixed-width .fc-cart__item__details-and-image {
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 16px;
}

#fc #fc-cart--fixed-width .fc-cart__item__image {
  flex: none !important;
  width: 32% !important;
  padding: 0 !important;
  border-radius: 0.75rem !important;
  background-color: #f8f8f1 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

#fc #fc-cart--fixed-width .fc-cart__item__image span {
  border: none !important;
  border-radius: 0 !important;
}

#fc #fc-cart--fixed-width .fc-cart__item__details {
  width: auto !important;
  flex: 1 !important;
  padding: 0 !important;
}

#fc .fc-cart__item__name {
  margin-bottom: 0.25rem !important;
  color: var(--fc-content--neutral-dark) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

#fc .fc-cart__item__options,
#fc .fc-cart__item__actions {
  margin: 0 !important;
  padding: 0 !important;
}

#fc .fc-cart__item__option,
#fc .fc-cart__item__option__name,
#fc .fc-cart__item__option__value {
  padding: 0 !important;
  color: var(--fc-content--neutral-base) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
}

#fc .fc-cart__item__option__value {
  color: var(--fc-content--neutral-dark) !important;
  font-weight: 500 !important;
}

#fc #fc-cart--fixed-width .fc-cart__item__totals {
  width: 25% !important;
  flex: none !important;
  padding: 0 !important;
}

#fc .fc-cart__item__quantity .fc-form-control {
  margin: 0;
}

.fc-cart__item__option.fc-cart__item__option__agreement {
  display: none !important;
}

#fc .fc-checkout .fc-transaction__header {
  color: var(--fc-content--neutral-dark) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem !important;
  text-align: left !important;
  margin: 1rem 0 0 !important;
  border-top: unset !important;
}

#fc .fc-checkout .fc-transaction__total .fc-subtotal__label {
  color: var(--fc-content--neutral-base) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
}

#fc .fc-checkout .fc-transaction__total .fc-subtotal__value {
  color: var(--fc-content--neutral-dark) !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.75rem !important;
}

#fc .fc-container__grid--checkout-submit {
  width: auto;
}

#fc .fc-container__grid--input--plastic-new-card-number {
  width: 100%;
}

#fc .fc-form-label--new-cc-cvv2 {
  display: none !important;
}

#fc .fc-form-control.fc-form-control--new-customer-password {
  margin-bottom: 1rem !important;
}

#fc #fc-payment {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#fc #fc-payment .fc-form-group[data-fc-error-for="purchase_order"] {
  order: -1;
}

#fc .fc-payment-method--plastic__saved .fc-alert {
  padding: 8px 16px !important;
  width: calc(100% + 28px + 28px);
  margin-left: -28px;
  margin-right: -28px;
  margin-bottom: -10px;
}

@media screen and (max-width: 767px) {
  .fc-checkout .fc-sidebar.fc-sidebar--checkout {
    padding: 0px 15px !important;
    margin-bottom: 2rem !important;
  }

  .fc-checkout .fc-sidebar.fc-sidebar--checkout::before {
    left: 0px !important;
    width: 100% !important;
  }

  #fc .fc-container {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  #fc .fc-checkout__main__contents {
    padding: 24px !important;
  }

  #fc .fc-transaction {
    border-bottom: none !important;
  }

  #fc .fc-container__grid--plastic-new-csc {
    width: 30%;
  }
}

/* New style for checkout side cart */
[data-fc-sidecart] {
  overflow-x: hidden !important;
  scrollbar-width: thin;
}

[data-fc-sidecart],
#fc .fc-checkout {
  background-color: var(--fc-background-color--background-primary) !important;
}

#fc .fc-sidecart-only-fixed {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0px !important;
  right: 0px !important;
  left: auto !important;
}

#fc .fc-sidecart-only-fixed .fc-fixed-button-left {
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  padding: 24px !important;
}

#fc .fc-sidecart-only-fixed [data-fc-sidecart-dismiss] {
  flex: none !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url('data:image/svg+xml, %3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath d="M18 6L6 18" stroke="%23121417" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3Cpath d="M6 6L18 18" stroke="%23121417" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#fc .fc-sidecart-only-fixed [data-fc-sidecart-dismiss] * {
  display: none !important;
}

#fc .fc-fixed-button-right {
  display: none !important;
}

[data-fc-sidecart] *:not(.fc-button),
#fc .fc-checkout *:not(.fc-button) {
  color: var(--fc-base-color-brand--black) !important;
}

/*#fc .fc-cart__title.fc-container__grid,*/
/*#fc .fc-cart__main__content.fc-container__grid,*/
/*#fc .fc-sidebar--cart .fc-transaction {*/
/*  padding: 0px !important;*/
/*}*/

/*#fc .fc-container__row {*/
/*  margin-inline: 0px !important;*/
/*}*/

#fc .fc-sidecart-button {
  width: 100% !important;
  border: unset !important;
  text-align: center !important;
  border-radius: 0rem !important;
  padding: .5rem 1rem !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: all .3s !important;
  text-shadow: none !important;
}

#fc .fc-fixed-button-right .fc-sidecart-button {
  background: var(--fc-base-color-brand--black) !important;
  color: var(--fc-text-color--text-alternate) !important;
}

#fc #fc-cart.fc-container {
  padding: 0 1.5rem !important;
  color: var(--fc-base-color-brand--black) !important;
  background-color: var(--fc-background-color--background-primary) !important;
}

#fc #fc-cart .fc-order-quantity {
  color: var(--fc-base-color-brand--black) !important;
  text-align: left !important;
}

#fc .fc-messages .fc-messages__empty-notification,
#fc .fc-messages .fc-alert--info {
  border-radius: unset !important;
  background-color: var(--fc-content--primary-base) !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding: 1rem 2rem !important;
  border: unset !important;
}

#fc .fc-messages .fc-messages__empty-notification a,
#fc .fc-messages .fc-alert--info * {
  color: var(--fc-text-color--text-alternate) !important;
  font-size: 1.125rem;
}

#fc .fc-sidebar--cart {
  background: unset !important;
  margin-top: 1rem !important;
  padding-inline: 15px !important;
  border-top: solid 1px var(--fc-base-color-brand--black);
  border-radius: unset !important;
}

#fc .fc-checkout .fc-sidebar--cart {
  padding-inline: 1.5rem !important;
}

#fc .fc-sidebar--cart .fc-button {
  padding: .5rem 1rem !important;
  font-size: .75rem !important;
  margin: 0 !important;
}

#fc .fc-sidebar--cart .fc-coupon-entry--input {
  margin-top: .5rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
}

#fc .fc-sidebar--cart .fc-coupon-entry--input .fc-input-group__button {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
}

#fc .fc-sidebar--cart .fc-coupon-entry--input .fc-input-group__button .fc-button.fc-coupon-entry__apply {
  left: 0 !important;
}

#fc .fc-sidebar--cart .fc-transaction,
#fc .fc-sidebar--cart .fc-address-entry {
  border-bottom: unset;
  margin: 0 !important;
}

#fc .fc-sidebar--cart .fc-transaction {
  padding-top: 1rem !important;
}

#fc .fc-action--checkout--button,
#fc .fc-button--subscription-cancel,
#fc .fc-button--submit {
  width: 100% !important;
  border: unset !important;
  text-align: center !important;
  border-radius: 0rem !important;
  padding: .5rem 1rem !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: all .3s !important;
  text-shadow: none !important;
  background: var(--fc-base-color-brand--black) !important;
  color: var(--fc-text-color--text-alternate) !important;
}

#fc .fc-action--checkout--button:hover,
#fc .fc-button--subscription-cancel:hover,
#fc .fc-button--submit:hover {
  background: var(--fc-content--primary-base) !important;
}

/* New style for checkout page */
#fc .fc-checkout .fc-alert * {
  color: var(--fc-text-color--text-dark) !important;
}

/*Style for item on cart*/
#fc .fc-cart__item__name {
  font-size: 1.125rem !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

#fc .fc-cart__item__option--code *,
#fc .fc-cart__item__option--category * {
  font-size: .75rem !important;
}

#fc [data-fc-id="item-remove-link"] {
  text-decoration: underline !important;
  color: var(--fc-base-color-brand--black) !important;
  line-height: 1.5 !important;
}

#fc .fc-action--checkout--button .fc-svg-icon {
  display: none !important;
}

#fc [data-fc-id="block-order-totals"] .fc-transaction__header,
#fc [data-fc-id="block-order-totals"] .fc-transaction {
  padding-inline: 0 !important;
}

[data-fc-sidecart] #fc .fc-cart__main__content.fc-container__grid {
  padding-inline: .5rem !important;
}

[data-fc-sidecart] #fc .fc-messages .fc-messages__empty-notification,
[data-fc-sidecart] #fc .fc-messages .fc-alert--info {
  margin-inline: 0 !important;
}

/*Payment style */
#fc-payment svg {
  display: none !important;
}

#fc-payment .fc-input-group-container.fc-input-group-container--active {
  padding: .75rem 1.75rem 1rem !important;
}

#fc .fc-input-group-container.fc-input-group-container--checkbox.fc-input-group-container--active {
  padding: .75rem 1.75rem 1rem !important;
}

#fc [data-fc-error-for="customer_password"],
#fc [data-fc-error-for="cc_number"],
#fc [data-fc-error-for="cc_exp_month cc_exp_year"],
#fc [data-fc-error-for="new_customer_password"],
#fc [data-fc-error-for] .fc-alert {
  margin-top: .5rem !important;
}

#fc [data-fc-error-for="customer_password"],
#fc [data-fc-error-for="cc_number"],
#fc [data-fc-error-for="cc_exp_month cc_exp_year"],
#fc [data-fc-error-for="new_customer_password"],
#fc [data-fc-error-for] .fc-alert--success {
  padding: 1rem .5rem !important;
}

#fc [data-fc-error-for] .fc-button {
  color: var(--fc-text-color--text-alternate) !important;
  font-size: .875rem !important;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  height: auto !important;
}

#fc [data-fc-error-for] .fc-input-group__button {
  vertical-align: top !important;
}

#fc [data-fc-error-for] input {
  height: auto !important;
}

#fc-payment-method-purchase-order {
  display: none;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio .fc-payment-method-logo {
  display: none !important;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio .fc-input-group-container__title {
  position: relative !important;
  color: var(--fc-background-color--background-primary) !important;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio .fc-input-group-container__title::after {
  display: block;
  content: "Pay by Credit Points";
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
  color: var(--fc-base-color-brand--black) !important;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio.fc-input-group-container--active {
  padding-top: 7px !important;
  padding-bottom: 0 !important;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio.fc-input-group-container--active .fc-input-group-container__title {
  border-bottom: none !important;
}

#fc-payment-method-purchase-order .fc-input-group-container.fc-input-group-container--radio.fc-input-group-container--active .fc-form-group {
  display: none !important;
}

[part="label"] {
  display: none !important;
}

.fc-list.fc-list--inline {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}

/* Foxy External Checkout Page */
/* Last Update 5 August 2025 */

#fc body {
  padding: 0 !important;
}

#fc .fc-checkout {
  background: #f5f5f5 !important;
}

#fc .fc-container {
  width: 100%;
  margin-inline: unset !important;
  max-width: none !important;
  padding-inline: unset !important;
}

#fc #fc-checkout-container {
  height: 100% !important;
  margin: 0 !important;
}

#fc [data-fc-error-notifier] {
  bottom: 0 !important;
  top: auto !important;
  background: rgb(238, 245, 255) !important;
  border-color: rgb(76, 206, 248) !important;
  padding: 1rem !important;
}

/*START :: Right Container*/
#fc .fc-sidebar.fc-sidebar--checkout {
  padding-right: 8svw !important;
}

#fc .fc-sidebar.fc-sidebar--checkout::before {
  display: none !important;
}

#fc .fc-sidebar.fc-sidebar--checkout .fc-subtotal__label,
#fc .fc-sidebar.fc-sidebar--checkout .fc-subtotal__value {
  font-weight: bold !important;
  font-size: 1.5rem !important;
  color: black !important;
}

/*SUB START :: DISCOUNT*/
#fc .fc-sidebar .fc-button:not(.fc-button.fc-button--cancel) {
  background: #EDEDED !important;
  border: solid 1px #999999 !important;
  border-radius: .25rem !important;
  color: #717171 !important;
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}

#fc .fc-sidebar .fc-button.fc-button--cancel {
  text-transform: none !important;
}

#fc .fc-sidebar.fc-sidebar--cart {
  border-top: unset !important;
}

#fc .fc-sidebar.fc-sidebar--cart .fc-transaction__header {
  display: none !important;
}

#fc .fc-sidebar .fc-coupon-entry--input {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem !important;

}

#fc .fc-sidebar .fc-coupon-entry__input.fc-form-control {
  padding: .75rem !important;
  flex-grow: 1;
  height: auto;
}

#fc .fc-sidebar .fc-input-group__button {
  height: 100% !important;
  width: auto !important;
}

#fc .fc-sidebar .fc-alert--warning {
  margin: 0 !important;
  margin-top: 1.5rem !important;
  padding: 1rem !important;
  background: #eef5ff !important;
  border-radius: .25rem !important;
  border: solid 1px #4ccef8 !important;
}

#fc .fc-sidebar .fc-transaction__discounts.fc-transaction__section table {
  margin-top: 1.5rem !important;
}

/*SUB END :: DISCOUNT*/

/*SUB START :: CART ITEM*/
#fc #fc-cart--fixed-width .fc-cart__item__image {
  width: 3rem !important;
}

#fc #fc-cart--fixed-width .fc-cart__item__name {
  font-size: 1rem !important;
  text-transform: none !important;
  font-weight: 500 !important;
  margin-top: .75rem !important;
}

#fc #fc-cart--fixed-width ul.fc-cart__item__options {
  display: none !important;
}

#fc .fc-subtotal__label {
  padding-left: 0 !important;

}

/*SUB END :: CART ITEM*/
/*END :: Right Container*/

/*START :: Main Container*/
#fc #fc-main {
  border-radius: unset !important;
  background: white !important;
  height: 100%;
  padding-left: 8svw !important;
  box-shadow: unset !important;
  border-right: solid #e9e9e9 2px !important;
  padding-bottom: 4rem !important;
}

#fc #fc-main .fc-checkout__main__form,
#fc #fc-main>* {
  max-width: 56.25rem !important;
  /*max-width: 62.5rem !important;*/
  margin-left: auto !important;
}

#fc #fc-main button.fc-button {
  background-color: #15c0f6 !important;
  color: white !important;
  border-radius: .25rem !important;
  width: 100% !important;
}

/*SUB START :: Email */
#fc #fc-main #fc-email {
  display: flex !important;
  align-items: stretch !important;
  flex-direction: column !important;
}

#fc #fc-main #fc-email .fc-form-group.fc-alert-container--success,
#fc #fc-main .fc-alert.fc-alert--warning {
  margin-inline: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: #eef5ff !important;
  border-radius: .25rem !important;
  border: solid 1px #4ccef8 !important;
}

#fc #fc-main .fc-alert {
  padding: 1rem 2rem !important;
  margin-inline: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: #eef5ff !important;
  border-radius: .25rem !important;
  border: solid 1px #4ccef8 !important;
}

#fc #fc-main #fc-email .fc-alert.fc-alert--success {
  background: transparent !important;
  margin: 0 !important;
  padding: 1rem 2rem !important;
}

#fc #fc-main #fc-email .fc-container__grid--input--customer-email {
  padding-inline: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}

#fc #fc-main #fc-email #fc-checkout__section--express-options {
  margin-left: 0 !important;
  width: 100% !important;
}

/*SUB END :: Email */

/*SUB START :: Address */
#fc #fc-main .fc-address-entry {
  display: flex !important;
  flex-direction: column !important;
}

#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline,
#fc #fc-main .fc-address-entry .fc-form-group--postal-code {
  margin-inline: -.5rem !important;
  display: flex !important;
  flex-direction: row !important;
}

#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline label {
  display: none;
}

#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--input--first-name,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--input--last-name,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--input--company,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--input--phone,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--input--address1,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--label--address2,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--city,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline .fc-container__grid--region {
  margin: 0 !important;
  padding-inline: .5rem !important;
  flex-grow: 1 !important;
}

#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline input,
#fc #fc-main .fc-address-entry .fc-form-group.fc-form-group--multiple-inline select {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/*SUB END :: Postal Code */
#fc #fc-main .fc-address-entry .fc-container-checkout__grid--postal-code {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#fc #fc-main .fc-address-entry .fc-container-checkout__grid--postal-code .fc-postal-code-entry {
  width: 100% !important;
  margin-inline: unset !important;
}

#fc #fc-main .fc-address-entry .fc-container-checkout__grid--postal-code .fc-postal-code-entry .fc-form-group.fc-form-group--multiple-inline {
  margin-inline: unset !important;
}

#fc #fc-main .fc-address-entry .fc-container-checkout__grid--postal-code .fc-postal-code-entry .fc-form-group--multiple-inline {
  width: 100% !important;
}

#fc #fc-main .fc-address-entry .fc-container__grid--postal-code,
#fc #fc-main .fc-address-entry .fc-container__grid--postal-code-actions {
  padding-inline: .5rem !important;
  flex-grow: 1;
  width: auto !important;
}

#fc #fc-main .fc-address-entry .fc-form-label--city-options,
#fc #fc-main .fc-address-entry .fc-postal-code-entry__city-state-options,
#fc #fc-main .fc-address-entry #billing_city_options {
  height: 100% !important;
}

#fc #fc-main .fc-address-entry .fc-form-group.fc-postal-code-entry__with-search {
  margin-inline: unset !important;
}

#fc #fc-main .fc-address-entry .fc-container__grid--country {
  width: 100% !important;
  padding-inline: .5rem !important;
}

#fc #fc-main .fc-address-entry .fc-location.fc-form-control {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  height: 100% !important;
}

#fc #fc-main .fc-address-entry .fc-container__grid--postal-code-actions {
  width: 30% !important;
  flex: none !important;
}

#fc #fc-main .fc-address-entry .fc-postal-code-entry__submit {
  margin: 0 !important;
}

#fc #fc-main .fc-address-entry .fc-postal-code-entry__submit .fc-button {
  height: 52.75px !important;
}

/*SUB END :: Postal Code */

/*SUB START :: Payment Method */
#fc #fc-main #fc-payment legend::after {
  content: "Each order is processed through a secure, 256-bit encrypted payment processing gateway to ensure your privacy.";
  display: block;
  margin-top: .5rem;
  font-size: .875rem;
  font-weight: 400;
  color: #999999;
  line-height: 1.1 !important;
}

#fc #fc-main #fc-payment .fc-form-group {
  margin-bottom: 0 !important;
}

#fc #fc-main #fc-payment .fc-form-group:nth-of-type(1) {
  margin-bottom: 0 !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

#fc #fc-main #fc-payment .fc-form-group:nth-of-type(1) .fc-input-group-container.fc-input-group-container--radio .fc-input-group-container__title,
#fc #fc-main #fc-payment .fc-container__grid--payment-method.fc-payment-method--plastic__saved {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

#fc #fc-main #fc-payment .fc-container__grid--payment-method.fc-payment-method--plastic__saved {
  overflow: hidden !important;
}

#fc #fc-main #fc-payment .fc-form-group {
  margin-inline: 0 !important;
}

#fc #fc-main #fc-payment .fc-container__grid--payment-method {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#fc #fc-main #fc-payment .fc-container__grid--payment-method .fc-input-group-container {
  border-radius: unset !important;
  border: solid 1px #ebebeb !important;
  background: #f5f5f5 !important;
}

#fc #fc-main #fc-payment .fc-container__grid--payment-method .fc-input-group-container .fc-input-group-container__title {
  border-bottom: solid 1px #ebebeb !important;
  background: white !important;
  margin-top: -.5rem !important;
}

#fc #fc-main #fc-payment .fc-input-group-container.fc-input-group-container--radio.fc-input-group-container--active .fc-input-group-container__title {
  margin-top: -.75rem !important;
  background-color: #eef5ff !important;
  border: solid 1px #15c0f6 !important;
  margin-inline: -27px !important;
}

#fc #fc-main #fc-payment input:not([type="radio"]),
#fc #fc-main #fc-payment select {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  height: auto !important;
  background-color: white !important;
}

#fc #fc-main #fc-payment #fc-payment-method-plastic-new .fc-form-group.fc-form-group-multiple-inline {
  padding: 0 !important;
  padding-top: 1rem !important;
  margin-top: 0 !important;
}

#fc #fc-main #fc-payment #fc-payment-method-plastic-new .fc-form-group.fc-form-group-multiple-inline:nth-of-type(2) label {
  display: none;
}

#fc #fc-main #fc-payment #fc-payment-method-plastic-new .fc-form-group.fc-form-group-multiple-inline:nth-of-type(2) #fc-payment-method-plastic-expires-month {
  padding-left: 0 !important;
  padding-right: 8px !important;
  width: 33.33%;
}

#fc #fc-main #fc-payment #fc-payment-method-plastic-new .fc-form-group.fc-form-group-multiple-inline:nth-of-type(2) #fc-payment-method-plastic-expires-year {
  padding-left: 8px !important;
  padding-right: 8px !important;
  width: 33.33%;
}

#fc #fc-main #fc-payment #fc-payment-method-plastic-new .fc-form-group.fc-form-group-multiple-inline:nth-of-type(2) #fc-payment-method-plastic-csc {
  padding-left: 8px !important;
  padding-right: 0 !important;
  width: 33.33%;
}

#fc #fc-main #fc_payment_method_plastic_saved,
#fc #fc-main #fc_payment_method_plastic_new {
  border-radius: 100% !important;
  background-color: white !important;
  border-color: whitesmoke !important;
}

#fc #fc-main #fc_payment_method_plastic_saved:checked,
#fc #fc-main #fc_payment_method_plastic_new:checked {
  background-color: #15c0f6 !important;
  border-color: #15c0f6 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
  background-size: 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#fc #fc-main .fc-input-group-container__no-title:before,
#fc #fc-main .fc-input-group-container__title:before {
  border-radius: 100% !important;
  border-color: transparent !important;
}

/*SUB END :: Payment Method */

/*SUB STARRT :: Almost Done */
#fc #fc-main #fc-additional-fields {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  padding: 0 !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] {
  order: -1;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: unset !important;
  border: none !important;
  background: transparent !important;
  max-height: none !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container .fc-input-group-container__title {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--base-font--primary, "Montserrat Variable", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 2rem !important;
  color: var(--fc-base-color-brand--black) !important;
  min-height: 0 !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container .fc-form-group {
  border: none !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
  max-height: none !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container .fc-form-group p {
  display: block !important;
  margin: 0 !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: rgb(153, 153, 153) !important;
  line-height: 1.1 !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container .fc-form-group label {
  display: none !important;
}

#fc #fc-main #fc-additional-fields [data-fc-container="account-creation"] .fc-checkout__additional-field--save-account .fc-input-group-container .fc-form-group .fc-form-control {
  top: 0 !important;
  margin-top: 20px !important;
}

#fc #fc-main #fc-additional-fields legend {
  display: none !important;
}

#fc #fc-main #fc-additional-fields .fc-checkout__additional-field--custom-checkbox p {
  color: #999999 !important;
  margin-left: .25rem !important;
  padding-inline: 0 !important;
}

#fc #fc-main #fc-additional-fields .fc-form-control.fc-form-control--custom-checkbox {
  transform: translateY(0) !important;
  top: 1rem !important;
  padding: 0 !important;
}

#fc #fc-main #fc-additional-fields .fc-input-group-container.fc-input-group-container--checkbox {
  padding-left: 20px !important;
  padding-right: 0 !important;
}

#fc #fc-main #fc-additional-fields .fc-checkout__additional-field--custom-checkbox {
  padding: 0px !important;
}

#fc #fc-main .fc-checkout__section--submit .fc-container__grid--checkout-submit {
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

#fc #fc-main .fc-checkout__section--submit .fc-container__grid--checkout-submit .fc-button.fc-button--submit {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}

/*SUB END :: Almost Done */

/*END :: Main Container*/

/*START :: Navbar*/
#fc .navbar_container {
  padding-inline: 2rem !important;
}

#fc .button.is-navbar.is-secondary {
  border-color: white !important;
  background-color: white !important;
  color: black !important;
}

#fc .button.is-navbar.is-secondary:hover {
  text-decoration: unset !important;
}

@media screen and (max-width: 576px) {
  #fc .navbar_container {
    padding-inline: 1.25rem !important;
  }
}

/*END :: Navbar*/

/*START :: Responsive*/
@media screen and (max-width: 991px) {
  html {
    font-size: 80%;
  }

  #fc #fc-cart--fixed-width .fc-cart__item__details-and-image {
    flex-direction: column;

  }

  #fc #fc-main {
    padding-left: 3svw !important;
    padding-right: 1rem !important;
  }

  #fc .fc-sidebar.fc-sidebar--checkout {
    padding-right: 3svw !important;
    padding-left: 1rem !important;
  }
}

/*END :: Responsive*/

/*START :: Receipt Spesific Styling*/
#fc #fc-receipt-container,
#fc .fc-receipt__section--footer {
  padding-inline: 3svw !important;
  margin: 0 auto !important;
  max-width: calc(82rem + 6svw) !important;
}

/*START:: Receipt Header*/
#fc #fc-receipt-container #fc-receipt__section--header {
  background-color: var(--fc-surface--primary-light) !important;
}

#fc #fc-receipt-container #fc-receipt__section--header h3 {
  color: var(--fc-text-color--text-primary) !important;
  font-size: 1.25rem !important;
}

#fc-receipt__section--header .fc-container__grid--receipt--transaction-subject {
  padding: 0px !important;
}

/*END:: Receipt Header*/

/*START:: Receipt Messaging*/
#fc #fc-receipt-container #fc-receipt__section--receipt_messaging_and_actions .fc-alert {
  padding: 10px !important;
  margin-top: -8px !important;
}

#fc #fc-receipt-container .fc-button {
  border-radius: 0.25rem !important;
  text-wrap: auto !important;
}

/*END:: Receipt Messaging*/

/*START:: Receipt General Information*/
#fc-receipt__section--general-information legend,
#fc-receipt__section--billing-information legend,
#fc-receipt__section--shipping-information legend,
#fc-receipt__section--custom-fields legend {
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
}

#fc-receipt__section--general-information .fc-form-label,
#fc-receipt__section--general-information .fc-form-control--static,
#fc-receipt__section--billing-information .fc-form-label,
#fc-receipt__section--billing-information .fc-form-control--static,
#fc-receipt__section--shipping-information .fc-form-label,
#fc-receipt__section--shipping-information .fc-form-control--static,
#fc-receipt__section--custom-fields .fc-form-label,
#fc-receipt__section--custom-fields .fc-form-control--static {
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

/*END:: Receipt General Information*/

/*START:: Receipt Cart*/
#fc #fc-receipt-container #fc-cart--responsive .fc-cart__title {
  margin-bottom: 20px !important;
}

#fc #fc-receipt-container .fc-cart__title {
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
}

#fc #fc-receipt-container .fc-order-quantity {
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

#fc #fc-receipt-container .fc-cart__main__content,
#fc #fc-receipt-container .fc-sidebar {
  width: calc(50% - 15px) !important;
}

#fc #fc-receipt-container .fc-cart__main__content {
  margin-right: 15px !important;
}

#fc #fc-receipt-container #fc-cart--responsive .fc-cart__item__image {
  width: 6rem !important;
}

#fc #fc-receipt-container .fc-cart__item__name {
  font-size: 1rem !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

#fc #fc-receipt-container .fc-sidebar .fc-logo,
#fc #fc-receipt-container .fc-sidebar [data-fc-id="block-address-entry"] {
  display: none !important;
}

#fc #fc-receipt-container .fc-sidebar--cart {
  margin-top: 0px !important;
}

#fc #fc-receipt-container .fc-sidebar--cart,
#fc #fc-receipt-container .fc-sidebar--cart .fc-transaction {
  padding-top: 0px !important;
}

#fc #fc-receipt-container .fc-transaction__subtotal h5 {
  margin: 0px !important;
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

#fc #fc-receipt-container .fc-subtotal__value,
#fc #fc-receipt-container .fc-subtotal__label {
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

#fc #fc-receipt-container .fc-transaction__total .fc-subtotal__value,
#fc #fc-receipt-container .fc-transaction__total .fc-subtotal__label {
  font-size: 1.25rem !important;
}

#fc #fc-receipt-container .fc-transaction__subtotal,
#fc #fc-receipt-container .fc-transaction__shipping,
#fc #fc-receipt-container .fc-transaction__total {
  padding: 0px !important;
  margin: 0rem 0rem 0.5rem 0rem !important;
}

#fc #fc-receipt-container .fc-transaction__subtotal h5,
#fc #fc-receipt-container .fc-subtotal__label,
#fc #fc-receipt-container .fc-subtotal__value {
  color: var(--fc-base-color-neutral--black) !important;
}

#fc #fc-receipt-container .fc-cart__items__header {
  border-radius: 0.25rem !important;
}

/*END:: Receipt Cart*/

/*START :: Responsive*/
@media screen and (max-width: 991px) {

  #fc #fc-receipt-container .fc-cart__main__content,
  #fc #fc-receipt-container .fc-sidebar {
    width: 100% !important;
  }

  #fc #fc-receipt-container .fc-sidebar {
    margin-top: 1.25rem !important;
  }

  #fc #fc-receipt-container #fc-cart--responsive .fc-cart__item__image {
    width: 4rem !important;
  }
}

/*END :: Responsive*/

/*END :: Receipt Spesific Styling*/

/*UPDATE: 27 August 2025*/
@media (min-width: 768px) {
  #fc #fc-checkout-container .fc-sidebar--checkout {
    left: 60% !important;
    width: 40% !important;
  }

  #fc #fc-checkout-container #fc-main {
    width: 60% !important;
  }
}

#fc #fc-checkout-container #fc-cart {
  max-width: 37.5rem !important;
}

#fc #fc-receipt-container .fc-cart__item__option--code,
#fc #fc-receipt-container .fc-cart__item__option--category {
  display: none !important;
}

/*
#fc #fc-receipt-container .fc-cart__item__details {
  display: flex !important;
  height: 100% !important;
  flex-wrap: wrap !important;
  align-content: center !important;
}*/

/*START :: Email */
#fc .form-horizontal .form-group,
#fc .fc-checkout__main__form .form-group,
#fc .fc-address-entry .form-group,
#fc .form-horizontal .fc-form-group,
#fc .fc-checkout__main__form .fc-form-group,
#fc .fc-address-entry .fc-form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*END :: Email */

/*START :: Custom Footer Links*/
#fc .fc-checkout .custom-footer-links {
  margin-top: 3rem;
  border-top: 1px solid #ebebeb;
  padding-top: 1.5rem;
}

#fc .fc-checkout .footer_link {
  color: #999999 !important;
  text-decoration: underline;
  transition: all 0.2s ease;
}

#fc .fc-checkout .footer_link:hover {
  color: var(--fc-base-color-brand--black) !important;
  text-decoration: underline;
}

/*END :: Custom Footer Links*/
