#checkout {
  background-color: var(--neutral-dark)
}

#checkout section#content {
  max-width: 1540px
}

#checkout .user-actions, #checkout .tooglesearch, #checkout .search-box, body#authentication h1.h3.margin-bottom-wrapper, body#registration h1.h3.margin-bottom-wrapper {
  display: none !important
}

#cart {
  background-color: var(--neutral-dark)
}

body .featured-menu, body#authentication .row-city, body#registration .row-city {
  display: none !important
}

body#authentication, body#order-confirmation, body#password, body#registration {
  background-color: var(--neutral-dark)
}

body#registration #content-wrapper, body#authentication #content-wrapper, body#order-confirmation #content-wrapper, body#password #content-wrapper {
  max-width: 900px;
  margin: auto
}

body#contact {
  background-color: var(--neutral-dark)
}

body#contact #content-wrapper {
  max-width: 1400px;
  margin: auto
}

.ets_solo_social {
  padding-left: 0
}

#authentication .ets_solo_social_wrapper.lgp, body#registration .ets_solo_social_wrapper.lgp {
  border: none;
  margin-bottom: 0
}

#checkout-personal-information-step.-complete, #checkout-personal-information-step #checkout-guest-form .row-city {
  display: none
}

section.form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3)
}

section.form-fields .row-alias {
  display: none
}

section.form-fields>* {
  grid-column: 1 / -1;
  padding: 0;
  margin: 0
}

section.form-fields>*>* {
  padding: 0
}

@media (min-width:767px) {
  section.form-fields>.row-phone, section.form-fields>.row-dni, section.form-fields>.row-postcode, section.form-fields>.row-city, section.form-fields>.row-id_state, section.form-fields>.row-id_country, section.form-fields>.row-firstname, section.form-fields>.row-lastname {
    grid-column: span 1
  }
}

.row-password .input-group, .row-new_password .input-group {
  display: flex;
  flex-wrap: nowrap
}

.row-password .input-group span.input-group-btn, .row-new_password .input-group span.input-group-btn {
  display: flex;
  position: absolute;
  right: 15px;
  top: 15px
}

.row-password .input-group span.input-group-btn .btn, .row-new_password .input-group span.input-group-btn .btn {
  color: var(--bg-base);
  background-color: var(--dark)
}

section.form-fields .custom-checkbox input {
  float: left;
  margin-top: 3px;
  margin-right: 10px
}

#identity .row-city {
  display: none
}

.cart-summary-totals {
  position: relative
}

.cart-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: var(--space-3)
}

@media (max-width:991px) {
  .cart-grid {
    grid-template-columns: 1fr
  }
}

.checkout-step, .card-block {
  background: var(--bg-base);
  border-radius: var(--border-radius-sm);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  margin-bottom: var(--space-3);
  padding: var(--space-3)
}

.step-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  justify-content: space-between;

  span {
    display: flex;
    gap: 1rem;
    align-items: center
  }
}

.step-number {
  background: var(--brand);
  color: var(--bg-base);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;

  .icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0
  }
}

.step-edit {
  font-weight: var(--font-weight-normal);
  cursor: pointer;
  font-size: var(--font-size-medium)
}

.-current .step-edit {
  display: none
}

@supports (-ms-ime-align:auto) {
  .form-control {
    padding-top: 0
  }
}

@media (max-width:768px) {
  .form-control {
    font-size: 16px
  }
}

.js-current-step {
  position: relative
}

.checkout-step.-current {
  box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
  border: 1px solid var(--third-color)
}

.checkout-step.-unreachable:not(.js-current-step) {
  display: none
}

@media (max-width:992px) {
  .checkout-step.-complete:not(.js-current-step) {
    display: none
  }
}

#checkout-personal-information-step.-complete {
  display: none
}

.checkout-step:not(.-current) .content, #checkout-personal-information-step.-complete, .checkout-step.-unreachable:not(.-reachable) {
  display: none
}

.acheckout-step.-reachable.-clickable.-unreachable .content {
  display: block
}

.checkout-step .content {
  padding: var(--space-3) 0 0 0
}

.checkout-bar-wrapper {
  padding: 0 0 var(--space-3) 0;
  position: relative
}

.checkout-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}

.checkout-bar li {
  position: relative;
  background: var(--neutral);
  padding: var(--space-2);
  transition: all .3s ease;
  transform: var(--degreesNeg);
  overflow: hidden;
  opacity: .3;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem
}

@media (max-width:767px) {
  .checkout-bar li {
    flex-direction: column;
    align-items: center;
    gap: .25rem
  }
}

.checkout-bar li>div {
  transform: var(--degreesPos);
  display: flex;
  align-items: center;
  gap: var(--space-2)
}

.checkout-bar .stepname {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-normal);
  color: var(--dark-light);
  transition: color .3s ease;
  transform: var(--degreesPos);
  display: block
}

.checkout-bar .step-number {
  transform: var(--degreesPos)
}

.checkout-bar li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: var(--brand);
  transform: scaleY(0);
  transition: transform .3s ease;
  transform-origin: bottom
}

.checkout-bar-wrapper.checkout-addresses-step li[data-step="1"], .checkout-bar-wrapper.checkout-delivery-step li[data-step="2"], .checkout-bar-wrapper.checkout-payment-step li[data-step="3"] {
  opacity: 1
}

.checkout-bar-wrapper.checkout-addresses-step li[data-step="1"]::before, .checkout-bar-wrapper.checkout-delivery-step li[data-step="2"]::before, .checkout-bar-wrapper.checkout-payment-step li[data-step="3"]::before {
  transform: scaleY(1)
}

.checkout-bar li.step-clickable {
  cursor: pointer;
  transition: all .3s ease;
  opacity: .7
}

.checkout-bar li.step-clickable:hover {
  opacity: 1;
  background-color: var(--neutral-light, #f5f5f5)
}

.checkout-bar li.step-clickable:active {
  transform: var(--degreesNeg) scale(.98)
}

.checkout-bar li.step-clickable.active {
  opacity: 1
}

.checkout-bar li.step-disabled {
  opacity: .3;
  cursor: not-allowed
}

.checkout-bar-wrapper.checkout-addresses-step li[data-step="1"], .checkout-bar-wrapper.checkout-delivery-step li[data-step="1"], .checkout-bar-wrapper.checkout-delivery-step li[data-step="2"], .checkout-bar-wrapper.checkout-payment-step li[data-step="1"], .checkout-bar-wrapper.checkout-payment-step li[data-step="2"], .checkout-bar-wrapper.checkout-payment-step li[data-step="3"] {
  opacity: 1
}

.checkout-bar li.step-clickable {
  cursor: pointer
}

.checkout-bar li.step-clickable .stepname {
  text-decoration: underline;
  text-underline-offset: 4px
}

.checkout-bar li.step-disabled {
  opacity: .3;
  cursor: not-allowed
}

.checkout-bar li.step-clickable {
  cursor: pointer;
  opacity: .7
}

.checkout-bar li.step-clickable .stepname {
  text-decoration: underline;
  color: var(--brand-light, #4a90e2)
}

.checkout-bar-wrapper.checkout-addresses-step li[data-step="1"], .checkout-bar-wrapper.checkout-delivery-step li[data-step="2"], .checkout-bar-wrapper.checkout-payment-step li[data-step="3"] {
  opacity: 1
}

.checkout-bar-wrapper.checkout-addresses-step li[data-step="1"] .stepname, .checkout-bar-wrapper.checkout-delivery-step li[data-step="2"] .stepname, .checkout-bar-wrapper.checkout-payment-step li[data-step="3"] .stepname {
  color: var(--brand, #2175d9);
  font-weight: var(--font-weight-bold);
  text-decoration: none
}

.checkout-bar li.step-disabled {
  opacity: .3;
  cursor: not-allowed
}

.checkout-bar-wrapper.checkout-delivery-step li[data-step="1"], .checkout-bar-wrapper.checkout-payment-step li[data-step="1"], .checkout-bar-wrapper.checkout-payment-step li[data-step="2"] {
  opacity: .85
}

label.label-border {
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  flex: 1;
  margin-bottom: 0;
  display: flex;
  gap: 1rem;
  border: 2px solid var(--border-color);
  padding: .6em 1em;
  margin-left: 0;
  padding-left: 40px;
  margin-bottom: 1.5rem;
  justify-content: space-between
}

label.label-border .address-footer {
  display: none
}

input[type="radio"]:checked+label.label-border {
  opacity: 1;
  border-color: var(--brand)
}

input[type="radio"]:checked+label.label-border .address-footer {
  display: flex
}

.delivery-option input[type="radio"], .payment-option input[type="radio"], .address-option input[type="radio"] {
  margin-top: 1rem;
  position: absolute;
  margin-left: 1rem
}

.delivery-option input[type="radio"] {
  margin-top: 35px
}

.delivery-option, .payment-option, .address-option {
  display: flex;
  align-items: flex-start
}

.address-footer {
  display: flex;
  gap: 1rem
}

.address-item .btn {
  padding: .5rem 1rem;
  border-radius: 3rem;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  background-color: var(--border-color);
  max-width: 120px
}

.carrier {
  display: flex;
  align-items: center;
  width: 100%
}

.carrier-logo img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  max-width: 70px;
  object-fit: contain
}

.payment-options label.label-border {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.payment-option input[type="radio"] {
  margin-top: 1.5rem
}

.additional-information {
  margin-bottom: var(--space-4)
}

.js-discount {
  list-style: none;
  padding: 0;
  margin: var(--spacing-2) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1)
}

.js-discount:empty {
  display: none !important
}

.js-discount li {
  padding: var(--space-2);
  background: var(--neutral-dark);
  position: relative;
  border-radius: var(--border-radius-sm);
  border: 2px dashed var(--border-color);
  transition: all .3s ease;
  cursor: pointer
}

.js-discount li:hover {
  background: var(--neutral-base);
  border-color: var(--brand)
}

.js-discount .discount-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-1)
}

.js-discount .code {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: .5px
}

.js-discount .discount-value {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: var(--brand)
}

.js-discount .discount-info {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  color: var(--dark-light)
}

.js-discount .description {
  font-size: var(--font-size-medium)
}

.js-discount .validity {
  font-size: var(--font-size-medium);
  color: var(--dark-light)
}

.js-discount li:hover::after {
  opacity: 1
}

.js-discount li.copied::after {
  content: "¡Aplicado!";
  color: var(--brand)
}

@media (max-width:768px) {
  .js-discount li {
    padding: var(--spacing-2)
  }

  .js-discount .discount-content {
    flex-direction: column;
    align-items: flex-start
  }

  .js-discount li::after {
    display: none
  }

  #_mobile_mini_cart {
    margin-top: calc(-1 * var(--space-4))
  }

  #_mobile_mini_cart .card-block {
    border-radius: 0
  }

  #_mobile_mini_cart .title-cart {
    justify-content: space-between;
    padding-right: 2rem
  }

  #_mobile_mini_cart .title-cart::after {
    content: "\f550";
    font: normal normal normal 24px / 1 "Pedalmoto";
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: -8px;
    background-color: var(--neutral);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    transform: rotate(180deg)
  }

  #_mobile_mini_cart:not(.expanded) .title-cart {
    margin-bottom: 0
  }

  #_mobile_mini_cart:not(.expanded) .title-cart::after {
    transform: rotate(0)
  }

  #_mobile_mini_cart:not(.expanded) .minicart-items, #_mobile_mini_cart:not(.expanded) .minicart-item-subtotal, #_mobile_mini_cart:not(.expanded) #delivery_widget, #_mobile_mini_cart:not(.expanded) .cart-voucher, #_mobile_mini_cart:not(.expanded) .loyalty-block, #_mobile_mini_cart:not(.expanded) .promo-discounts, #_mobile_mini_cart:not(.expanded) .minicart-item-coupon {
    display: none !important
  }
}

#_mobile_points:empty {
  display: none
}

.bg-loading-checkout {
  z-index: 8;
  position: absolute;
  height: calc(100% - 40px);
  line-height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  width: calc(100% - 40px);
  max-width: 100%;
  background: rgba(255, 255, 255, .8);
  color: var(--brand)
}

.nav.nav-inline {
  display: flex;
  gap: var(--spacing-1);
  margin: 0 0 var(--spacing-2) 0;
  padding: 0
}

.nav-item {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav-link {
  color: var(--dark-light);
  display: inline-block;
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  padding: .5rem var(--spacing-2);
  position: relative;
  text-decoration: none;
  transition: all .4s ease-in-out;
  border-radius: var(--border-radius-sm);
  background-color: var(--neutral-dark);
  transform: var(--degreesNeg)
}

.nav-link span {
  display: block;
  transform: var(--degreesPos)
}

.nav-link:hover {
  background-color: var(--neutral);
  color: var(--dark)
}

.nav-link.active {
  background-color: var(--brand);
  color: var(--white)
}

.address-border {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm)
}

#cart .cart-items {
  padding: 0;
  margin: 1rem 0;
  list-style: none
}

#cart .cart-items .minicart-item {
  border-top: 1px solid var(--border-color);
  border-bottom: none !important;
  padding: var(--spacing-2) 0
}

#cart .cart-items .minicart-item {
  display: flex;
  align-items: flex-start;
  padding: var(--spacing-2) 0;
  gap: var(--spacing-2);
  border-bottom: 1px solid var(--border-color)
}

#cart .loyalty-block.loyalty-block-shopping-cart {
  display: none !important
}

#cart .item-details {
  width: 100%
}

#cart .minicart-items, #cart .title-cart.js-toogle-class {
  display: none !important
}

#global-checkout-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .99);
  font-weight: 400;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center
}

#global-checkout-loader .loader-container {
  text-align: center;
  padding: 1rem;
  background-color: white;
  opacity: 1;
  border-radius: .25rem;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

#global-checkout-loader .loader-container i {
  font-size: 4rem;
  color: var(--brand)
}

#global-checkout-loader .loader-container p {
  margin-top: .5rem
}
body#my-account .weather-info img.d-none.d-lg-block {
  display: none !important;
}