.container {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (min-width: 1200px) {
  .container {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
@media (min-width: 1900px) {
  .container {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/**
 * CONTENTS
 *
 * COLORS
 * Brand Colors...............Globally-available variables and config
 * Neutral Colors.............Grayscale colors, including white and black
 * Utility Colors.............Info, Warning, Error, Success
 *
 * TYPOGRAPHY
 * Font Families..............The fonts used in the design system
 * Sizing.....................Font sizing
 *
 * LAYOUT
 * Max-widths.................Maximum layout container width
 *
 * SPACING
 * Spacing defaults...........Spacing between elements
 *
 * BORDERS
 * Border Width...............Border thicknesses
 * Border Radius..............Border radius definitions
 *
 * ANIMATION
 * Animation Speed............Transition/animation speed variables
 * Animation easing...........Easing variables
 *
 * BREAKPOINTS
 * Breakpoints................Global breakpoint definitions
 */
/*------------------------------------*\
     #COLORS
\*------------------------------------*/
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/**
 * In this file, we take the literal colors from our palette (defined in variables.scss)
 * and define them against variables that we can utilise anywhere throughout the project.
 */
/*------------------------------------*\
    #GLOBAL TEXT COLOR
\*------------------------------------*/
/**
 * Body text and background colors
 */
/**
 * Highlight colors
 */
/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/*------------------------------------*\
    #BUTTONS Primary
\*------------------------------------*/
/*------------------------------------*\
    #BUTTONS Outline
\*------------------------------------*/
/*------------------------------------*\
    #BUTTONS text
\*------------------------------------*/
/*------------------------------------*\
    #BUTTONS Secondary
\*------------------------------------*/
/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/*------------------------------------*\
     #TYPOGRAPHY
 \*------------------------------------*/
/**
 * Font Family
 */
/**
 * Font Sizing Mobile
 */
/**
* Font Sizing Desktop
*/
/**
* Font Sizing HD Desktop
*/
/**
* Font Sizing Paragraph Mobile
*/
/**
* Font Sizing Paragraph
*/
/**
 * Font Sizing Paragraph HD
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Max Width
 */
/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Spacing and offsets
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/**
 * Border widths
 */
/**
 * Border radius
 */
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Transition Speed
 */
/**
 * Transition Ease
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints used in media queries
 */
.product-line-grid {
  align-items: center;
}
.product-line-grid:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.product-line-grid__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -5px;
}
@media (min-width: 768px) {
  .product-line-grid__row {
    flex-wrap: nowrap;
  }
}
.product-line-grid__block {
  padding: 0 0.625rem;
}
.product-line-grid__block--image {
  align-self: flex-start;
  flex: 0 0 80px;
  max-width: 80px;
  order: -3;
}
@media (min-width: 768px) {
  .product-line-grid__block--image {
    align-self: center;
    flex: 0 0 100px;
    max-width: 100px;
  }
}
.product-line-grid__block--prod {
  order: -2;
  flex: 0 0 calc(100% - 5rem - 3.125rem);
  max-width: calc(100% - 5rem - 3.125rem);
}
@media (min-width: 768px) {
  .product-line-grid__block--prod {
    flex: 1 1 auto;
    max-width: inherit;
  }
}
.product-line-grid__block--qty {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0.9375rem 0 0;
}
@media (min-width: 768px) {
  .product-line-grid__block--qty {
    margin: 0;
    flex: 0 0 8.125rem;
    max-width: 8.125rem;
  }
}
.product-line-grid__block--total {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0.9375rem 0 0;
  text-align: right;
}
@media (min-width: 768px) {
  .product-line-grid__block--total {
    margin: 0;
    text-align: center;
    flex: 0 0 7.5rem;
    max-width: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .product-line-grid__block--total {
    flex: 0 0 9.375rem;
    max-width: 9.375rem;
  }
}
.product-line-grid__block--delete {
  flex: 0 0 3.125rem;
  max-width: 3.125rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .product-line-grid__block--delete {
    align-self: flex-start;
    order: -1;
    padding-top: 0.3125rem;
  }
}

.checkout-step:not(:first-child) {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
.checkout-step__header {
  border-bottom: 0;
}
.checkout-step .step-number {
  display: inline-block;
}
.checkout-step .content {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
.checkout-step .not-allowed {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkout-step .content,
.checkout-step .done,
.checkout-step .step-edit {
  display: none;
}
.checkout-step.-unreachable .step-title {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkout-step.-current .step-title {
  cursor: default;
}
.checkout-step.-current .content {
  display: block;
}
.checkout-step.-reachable.-complete .done {
  display: inline-block;
}
.checkout-step.-reachable.-complete .content {
  display: none;
}
.checkout-step.-current.-reachable.-complete .done,
.checkout-step.-current.-reachable.-complete .step-edit {
  display: none;
}
.checkout-step.-current.-reachable.-complete .step-number {
  display: inline-block;
}
.checkout-step.-current.-reachable.-complete .content {
  display: block;
}

.js-payment-binary {
  display: none;
}
.js-payment-binary .accept-cgv {
  display: none;
}
.js-payment-binary.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.js-payment-binary.disabled::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
}
.js-payment-binary.disabled .accept-cgv {
  display: block;
}

#thecheckout-address-invoice,
#thecheckout-shipping,
#thecheckout-payment,
#thecheckout-login-form,
#thecheckout-address-delivery,
#thecheckout-account {
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  #thecheckout-address-invoice,
  #thecheckout-shipping,
  #thecheckout-payment,
  #thecheckout-login-form,
  #thecheckout-address-delivery,
  #thecheckout-account {
    padding-bottom: 64px;
  }
}

#tc-container-mobile #thecheckout-cart-summary {
  order: -1;
}
#tc-container-mobile #thecheckout-login-form {
  margin-top: 40px;
}

.checkout-area-3 {
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .checkout-area-3 {
    padding-bottom: 64px;
  }
}

#create_account {
  margin-bottom: 0px;
}

.account-fields {
  margin-bottom: 16px;
}

.blocks-row {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .blocks-row {
    max-width: 629px;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 64px;
  }
}

@media (min-width: 1200px) {
  .block-row-checkout {
    max-width: 411px;
    margin-left: 22px;
    margin-top: 64px;
    position: relative;
  }
}

.cart-grid.row {
  gap: 24px;
}
@media (min-width: 1200px) {
  .cart-grid.row {
    gap: 32px;
  }
}

.block-promo, .cart-items {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .block-promo, .cart-items {
    margin-bottom: 32px;
  }
}

.block-promo .promo-input-button {
  height: unset;
  gap: 24px;
}

.promo-code form {
  width: 100%;
}

.terms-and-conditions {
  margin-bottom: 8px;
}

.block-promo .promo-input-button .promo-input {
  color: #858585;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: var(--font-weight-light, 400);
  font-size: 12px;
  border: unset !important;
  border-bottom: 1px solid #343955 !important;
  padding: 12px;
}
@media (min-width: 992px) {
  .block-promo .promo-input-button .promo-input {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 20px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  .block-promo .promo-input-button .promo-input {
    font-size: 18px;
    line-height: var(--font-line-height-xs, 24px); /* 137.5% */
  }
}

#thecheckout-html-box-4 {
  padding: 24px 0px;
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid var(--Border-light, #E7E7E7);
}
@media (min-width: 1200px) {
  #thecheckout-html-box-4 {
    padding: 32px 0px;
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.icon-remove-red-eye {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0 !important;
  right: 24px;
  position: absolute;
}

.checkout-block.sticky {
  background: #fbf8f6;
  padding: 10px 0px;
  position: relative;
}

.checkout-block.sticky:after {
  content: "";
  position: absolute;
  background: #fbf8f6;
  left: -10px;
  right: -10px;
  top: 0;
  bottom: 0;
  z-index: -1;
}

#tc-container {
  display: none;
}
@media (min-width: 992px) {
  #tc-container {
    display: block;
  }
}

#checkout .checkout-block section.form-fields {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
#checkout .checkout-block .field-half {
  flex-basis: calc(50% - 2px) !important;
}
#checkout .checkout-block .delivery-options, #checkout .checkout-block .payment-options {
  padding: unset;
}
#checkout .checkout-block .error-msg {
  padding: 0px 4px;
  top: -11px;
}

.InputWrap:has(.orig-field:not(:-moz-placeholder-shown)) .InputPlaceholder {
  opacity: 0;
  pointer-events: none;
}

.InputWrap:has(.orig-field:not(:placeholder-shown)) .InputPlaceholder {
  opacity: 0;
  pointer-events: none;
}

.checkout-option__col--thumb {
  flex: 0 0 3.125rem;
  max-width: 3.125rem;
}
@media (min-width: 576px) {
  .checkout-option__col--thumb {
    flex: 0 0 3.75rem;
    max-width: 3.75rem;
  }
}

.checkout-option-block {
  position: relative;
}
.checkout-option-block > input {
  position: absolute;
  left: -99999em;
}
.checkout-option-block.selected .card {
  border-color: #007bff;
}

#order-confirmation .page-header {
  text-align: left !important;
}

.products-info .label {
  width: 110px;
}
.products-info__line {
  gap: 24px;
}

.card-group-confirm {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  width: 100;
}
.card-group-confirm .card-confirm {
  flex: 1 0 0;
}

.block-account-transform {
  border-radius: var(--Radius-l, 16px);
  background: var(--Surface-base, #FBF8F6);
  display: flex;
  padding: var(--Spacing-xl, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-xl, 32px);
  align-self: stretch;
}

#checkout .header-top__block--search,
#checkout .header-top__block--user,
#checkout .header-top__block--favorite {
  display: none;
}