* {
     font-family: 'Geist Mono', monospace;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

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

 .text-input {
     outline: none !important;
     background: transparent !important;
     border: none !important;
     padding: 0 !important;
     margin: 0 !important;
 }


 .min-w-0 {
     min-width: 0;
 }

 h4 {
     line-height: calc(1.275rem + .3vw) !important;
 }

 small,
 .small {
     line-height: .875em !important;
 }

 .smaller {
     font-size: .8em !important;
     line-height: .8em !important;
 }

 .form-control {
     background-color: #000000 !important;
     outline: none !important;
     box-shadow: none !important;
     border-width: 1px !important;
     color: #ffffff80 !important;
 }

 .form-control.form-input {
     border: 1px solid #e05a00 !important;
 }

 .form-control.form-input::placeholder {
     color: #f2f2f260 !important;
 }

 .input-group-append {
     background: none !important;
 }

 .input-group-text {
     background-color: #e05a00;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-color: #e05a00 !important;
 }

 .form-select {
     --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(249 115 22 / 0.3)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }

 .select-sm {
     font-size: .8rem;
 }

 .text-primary {
     color: #e05a00 !important;
 }

 .text-orange {
     color: #fb923c !important;
 }

 .text-yellow {
     color: #c5a61c !important;
 }

 .text-green {
     color: #4ade80 !important;
 }

 .text-pink {
     color: #ff7675 !important;
 }

 .absolute-center {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .opacity-25 {
    opacity: .25;
 }


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

 body {
     background-color: #080C14;
 }

 .small-text {
     font-size: .9rem;
     line-height: 1.25rem;
 }

 .border,
 .border-top,
 .border-bottom,
 .form-control {
     border-color: rgb(249 115 22 / 0.3) !important;
 }

 .bg-dark {
     background-color: #000000 !important;
 }

 .navbar {
     border-bottom: 1px #1F2937 solid;
     padding-top: 1rem;
     padding-bottom: 1rem;
 }

 .navbar-brand {
     font-size: 1.5rem;
     line-height: 1.5rem;
     font-weight: 700;
 }

 .bg-gradient-orange {
     background-image: linear-gradient(to right, #f973161a, #ef44441a);
 }

 .bg-gradient-dark {
     background-image: linear-gradient(to bottom right, #20140e, #000000);
 }

 .rounded {
     border-radius: .75rem !important;
 }

 .text-light {
     color: #c6ab8c !important;
 }

 .text-lighter {
     color: #ffffff;
     opacity: 0.25;
 }

 .navbar-brand img {
     margin-right: .75rem;
 }

 .mushroom {
     margin-top: -25px;
     margin-bottom: -70px;
     filter: brightness(40%);
     height: 300px;
 }

 .mushroom-tag {
     position: absolute;
     top: calc(100% - 1.5rem);
     left: 50%;
     transform: translateX(-50%);
     padding: .5rem .5rem;
     background-color: #000000;
     color: #fff;
     opacity: 50%;
 }

 .opacity-15 {
     opacity: .15;
 }

 .dot {
     width: 9px;
     height: 9px;
     display: inline-block;
 }

 .dot+.dot {
     margin-left: 1px;
 }

 .bg-pattern {
     background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l30 17.32v34.64L30 60 0 51.96V17.32L30 0zm0 5.77L6.18 20.19v28.62L30 54.23l23.82-5.42V20.19L30 5.77z' fill='%23ff6b35' fillOpacity='0.1' fillRule='evenodd'/%3E%3C/svg%3E");
     background-size: 30px 30px;
     opacity: .5;
 }

 .pattern-card {
     background-color: #111827cc;
     backdrop-filter: blur(6px);
 }

 .pattern-card:after {
     content: '';
     background: #3D2722;
     display: block;
     height: 5px;
 }

 .btn {
     background-image: linear-gradient(to right, #ea580c, #dc2626);
     border: none;
 }

 .btn-border,
 .btn-border:disabled {
     background-image: none;
     border: 1px solid #ea580c !important;
     color: #ea580c;
     transition: none !important;
 }

 .btn-border:hover,
 .btn-border:focus,
 .btn-border:active {
     background-image: linear-gradient(to right, #ea580c, #dc2626) !important;
     color: #fff !important;
 }

 .pattern-card img {
     filter: brightness(80%);
 }

 .underline-hover:hover {
     text-decoration: underline !important;
 }

 .bg-gradient-1 {
     background: linear-gradient(135deg, #ff512f, #a21856);
 }

 .bg-gradient-2 {
     background: linear-gradient(135deg, #ff5722, #891a18);
 }

 .category-icon {
     width: 35px;
     height: 35px;
     border-radius: .5rem;
     padding: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: auto;
     color: #ffffff;
 }

 .footer {
     border-top: 1px #1F2937 solid;
 }

 @media only screen and (max-width: 600px) {
     .categories {
         overflow-x: scroll;
         flex-wrap: nowrap;
     }

     .category {
         width: 250px;
     }

     .brand-filter-label {
         width: 200px;
     }
 }