html {
  scroll-behavior: smooth;
}

body,
html {
  margin: 0;
  padding: 0;
  background: var(--bg-color);
  color: var(--font-color);
}
body {
  @apply font-sans;
}
.box-shadow {
  -webkit-box-shadow: 4px 4px 25px 0px rgba(107, 163, 72, 0.2);
  -moz-box-shadow: 4px 4px 25px 0px rgba(107, 163, 72, 0.2);
  box-shadow: 4px 4px 25px 0px rgba(107, 163, 72, 0.2);
}
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Hide arrows in input number for Chrome, Safari, Edge, and Opera */
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide arrows in input number for Firefox */
.no-arrows[type='number'] {
  -moz-appearance: textfield;
}
.quantity-fixed .quantity {
  max-width: 100%;
  width: 100%;
}
.quantity-fixed .quantity .number {
  font-size: 15px;
}
.quantity-fixed .quantity .quantity-modifier svg {
  font-size: 14px;
}
.product-details-root .footer {
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  .product-details-root .footer {
    padding-bottom: 0;
  }
}