@font-face {
    font-display: swap;
    font-family: 'Geist Mono';
    font-style: normal;
    font-weight: 400;
    src: url('/public/fonts/geist-mono/geist-mono-400.woff2') format('woff2'),
        url('/public/fonts/geist-mono/geist-mono-400.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Geist Mono';
    font-style: normal;
    font-weight: 700;
    src: url('/public/fonts/geist-mono/geist-mono-700.woff2') format('woff2'),
        url('/public/fonts/geist-mono/geist-mono-700.ttf') format('truetype');
}

* {
    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: 1.1em !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("/public/img/icons/select-arrow.png");
}

.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;
}

a.nav-link img {
    transition: opacity .5s;
}

a.nav-link:hover img {
    opacity: .75 !important;
}

.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;
    }
}

@media only screen and (min-width: 600px) {
    .w-lg-100 {
        width: 100%;
    }
}