@media (min-width: 1025px) {
.h-custom {
height: 100vh !important;
}
}

.number-input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}

.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}

.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
text-align: center;
}

.number-input.number-input {
border: 1px solid #ced4da;
width: 10rem;
border-radius: .25rem;
}

.number-input.number-input button {
width: 2.6rem;
height: .7rem;
}

.number-input.number-input button.minus {
padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
width: .7rem;
background-color: #495057;
}

.number-input.number-input input[type=number] {
max-width: 4rem;
padding: .5rem;
border: 1px solid #ced4da;
border-width: 0 1px;
font-size: 1rem;
height: 2rem;
color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color:transparent) {

.number-input.def-number-input.safari_only button:before,
.number-input.def-number-input.safari_only button:after {
margin-top: -.3rem;
}
}
}

.shopping-cart .def-number-input.number-input {
border: none;
}

.shopping-cart .def-number-input.number-input input[type=number] {
max-width: 2rem;
border: none;
}

.shopping-cart .def-number-input.number-input input[type=number].black-text,
.shopping-cart .def-number-input.number-input input.btn.btn-link[type=number],
.shopping-cart .def-number-input.number-input input.md-toast-close-button[type=number]:hover,
.shopping-cart .def-number-input.number-input input.md-toast-close-button[type=number]:focus {
color: #212529 !important;
}

.shopping-cart .def-number-input.number-input button {
width: 1rem;
}

.shopping-cart .def-number-input.number-input button:before,
.shopping-cart .def-number-input.number-input button:after {
width: .5rem;
}

.shopping-cart .def-number-input.number-input button.minus:before,
.shopping-cart .def-number-input.number-input button.minus:after {
background-color: #9e9e9e;
}

.shopping-cart .def-number-input.number-input button.plus:before,
.shopping-cart .def-number-input.number-input button.plus:after {
background-color: #4285f4;
}

body {
  background: #e8e5e0;
  color: #222;
}

.hero-title {
  color: #b8860b;
  letter-spacing: 0.12em;
}

.shopping-cart {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.15);
}

.card-body {
  background: linear-gradient(180deg, #fffdfa 0%, #f2e8c9 100%);
}

.order-item-card {
  background: #f8f4eb;
  border: 1px solid #000;
  border-radius: 1rem;
  padding: 1rem;
}

.order-item-card h5,
.order-item-card h6,
.order-item-card p {
  color: #333;
}

.order-item-card .fw-bold.mb-0.me-5.pe-3 {
  color: #333;
}

.coupon-row .form-control {
  border: 2px solid #000;
  background: #fff;
}

.coupon-row .btn-apply {
  background: #d4af37;
  color: #111;
  border: 2px solid #000;
}

.coupon-row .btn-apply:hover,
.btn-primary:hover {
  background: #b8860b !important;
  border-color: #000 !important;
  color: #111 !important;
}

.payment-summary {
  background: #ffffff;
  border: 2px solid #000;
  border-radius: 1rem;
  padding: 1rem;
}

.btn-primary {
  background: #d4af37 !important;
  border-color: #000 !important;
  color: #111 !important;
}

.btn-primary:focus,
.btn-primary:active {
  box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.35);
}

.form-control {
  border: 2px solid #000;
  background: #f7f1de;
  color: #111;
}

.form-control:focus {
  border-color: #b8860b;
  box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

.bg-primary {
  background: #f6e6b6 !important;
  color: #111 !important;
}

.d-flex.justify-content-between.p-2.mb-2.bg-primary {
  border: 2px solid #000;
  border-radius: 1rem;
}

input[type="number"] {
  color: #111;
}

.number-input.number-input {
  border: 2px solid #000;
  background: #fff;
}

.btn-secondary {
  background: #6c757d !important;
  border-color: #000 !important;
  color: #fff !important;
}

.btn-secondary:hover {
  background: #5a6268 !important;
  border-color: #000 !important;
}

.order-summary {
  background: #f8f4eb;
  border: 2px solid #000;
  border-radius: 1rem;
  padding: 1rem;
}

.order-item-card input[type="checkbox"] {
  margin-right: 0.5rem;
}

.order-item-card input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}