/*
 * @shop/styleguide theme compat
*/
.v3-h1,
.v3-h2,
.v3-h3,
.v3-h4 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 375px) {
  .v3-h1,
.v3-h2,
.v3-h3,
.v3-h4 {
    margin-top: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
.v3-h1 {
  font-size: 2rem;
  line-height: 2.375rem;
}

.v3-h2 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
}

.v3-h3 {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.v3-h4 {
  font-size: 1rem;
  line-height: 1.375rem;
}

.v3-p1,
.v3-p1--bold {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.v3-p2,
.v3-p2--bold {
  font-size: 0.75rem;
  line-height: 1rem;
}

.v3-p3 {
  font-size: 0.625rem;
  line-height: 0.875rem;
}

@media screen and (max-width: 543px) {
  .v3-h1 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
  .v3-h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.v3-link {
  font-size: 0.875rem;
}

.v3-link--small {
  font-size: 0.75rem;
}

.v3-link--large {
  font-size: 1.125rem;
}

.v3-btn {
  height: 2.875rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
}

.v3-btn--small {
  height: 2.25rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.v3-btn__cart--only-icon.v3-btn--small {
  width: 2.25rem;
  min-width: 2.25rem;
}

.v3-btn__cart--only-icon,
.v3-btn__toggleIcon {
  width: 2.875rem;
  min-width: 2.875rem;
}

.v3-btn__cart .v3-btn__icon,
.v3-btn__toggleIcon.v3-btn--active .v3-btn__icon,
.v3-btn__toggleIcon .v3-btn__icon {
  height: 1.5rem;
}

.v3-btn__loader {
  height: 2.25rem;
  width: 2.25rem;
  top: calc(50% - 1.4375rem);
  left: calc(50% - 1.125rem);
  margin: 0.3125rem 0;
}

.z-brand-theme-bitiba .v3-btn__loader {
  height: 1.125rem;
  width: 1.125rem;
  top: calc(50% - 1.4375rem);
  left: calc(50% - 0.5625rem);
  margin: 0.875rem 0;
}

.v3-counter__icon {
  height: 1.5rem;
}

.v3-select__arrow {
  height: 2.25rem;
}

/*
 * @shop/styleguide component compat
*/
.v3-tooltip__left,
.v3-tooltip__right,
.v3-tooltip__top,
.v3-tooltip__bottom {
  font-size: 0.75rem;
}

.v3-info-tag {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.v3-cloud-tag {
  font-size: 0.75rem;
}

.v3-box {
  padding: 0.625rem;
}

@media screen and (min-width: 544px) {
  .v3-box {
    padding: 0.9375rem;
  }
}
.v3-flatbox {
  padding: 0.625rem;
}

@media screen and (min-width: 544px) {
  .v3-flatbox {
    padding: 0.9375rem;
  }
}
.v3-notification__btn,
.v3-notification__btnMobile {
  padding: 0.5rem 1.25rem;
  min-height: 2.25rem;
  font-size: 0.875rem;
}

.v3-notification__text {
  font-size: 0.875rem;
}

.v3-modal__header {
  padding: 1.875rem 1.25rem;
}

.v3-modal__content {
  padding: 1.25rem 0.9375rem;
}

.v3-modal__footer {
  padding: 1.25rem;
}

@media screen and (min-width: 768px) {
  .v3-modal__content {
    padding: 1.875rem 0.9375rem;
  }
}
.v3-pagination__list li:not(:last-child) {
  margin-right: 0.3125rem;
}

.v3-pagination__page {
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
}

.v3-pagination__icon {
  height: 1.5rem;
  width: 1.5rem;
}

.v3-pagination__icon--right {
  margin-left: 0.3125rem;
}

.v3-pagination__icon--left {
  margin-right: 0.3125rem;
}

.v3-price__prefix {
  font-size: 0.75rem;
  line-height: 1rem;
}

.v3-price__main {
  font-size: 0.875rem;
  margin: 0.1875rem 0;
}

.z-brand-theme-bitiba .v3-price__main {
  font-size: 1.5rem;
}

.v3-price__main--google {
  font-size: 1.125rem;
}

.z-brand-theme-bitiba .v3-price__main {
  font-size: 2rem;
}

.v3-price__main--bestPricing {
  padding: 0.1875rem 0.3125rem;
}

.v3-price__icon {
  height: 1.5rem;
  width: 1.5rem;
}

.v3-price__previousText {
  font-size: 0.75rem;
}

.z-brand-theme-bitiba .v3-price__main {
  font-size: 0.875rem;
}

/*
 * @shop/styleguide form compat
*/
.v3-form__message {
  font-size: 0.75rem;
}

.v3-form__icon,
.v3-form__arrow {
  right: 0.9375rem;
}

.v3-form__img {
  left: 0.9375rem;
}

.v3-form__input--withIcon,
.v3-form__select {
  padding: 0.8125rem 2.8125rem 0.8125rem 0.9375rem;
}

.v3-form__input,
.v3-form__select {
  height: 2.875rem;
}

.v3-form__select--withImg {
  padding: 0.8125rem 2.8125rem;
}

.v3-form__textarea {
  height: 8.625rem;
  min-height: 2.875rem;
  max-height: 20.125rem;
  padding: 0.9375rem;
}

@media screen and (max-width: 543px) {
  .v3-form__input,
.v3-form__select,
.v3-form__textarea {
    font-size: 1rem;
  }
}
.v3-checkbox,
.v3-radio {
  margin-right: 0.9375rem;
}

.v3-checkbox__input,
.v3-radio__input {
  left: 0.3125rem;
  top: 0.3125rem;
}

.v3-checkbox__label--mandatory,
.v3-radio__label--mandatory {
  padding: 0.9375rem;
}

.v3-checkbox__input:checked + .v3-checkbox__label--error:before,
.v3-checkbox__input:checked + .v3-checkbox__label--default:before,
.v3-checkbox__label--default:before,
.v3-checkbox__label--error:before,
.v3-checkbox__label--disabled:before,
.v3-checkbox__label--disabled:before,
.v3-checkbox__label--notClickable:before,
.v3-radio__input:checked + .v3-radio__label--error:before,
.v3-radio__input:checked + .v3-radio__label--default:before,
.v3-radio__label--default:before,
.v3-radio__label--error:before,
.v3-radio__label--disabled:before,
.v3-radio__label--disabled:before,
.v3-radio__label--notClickable:before {
  margin-right: 0.4375rem;
}
