body {
    background-color: #d1d1c9;
    background-image: url(/assets/images/backgrounds/flover-left-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#main-wrapper {
    background-color: transparent;
    background-image: url(/assets/images/backgrounds/flover-top-right.png);
    background-position: right top;
    background-repeat: no-repeat;
}

@media (max-width: 450px) {
    #main-wrapper {
        padding: 0;
    }
    header.topbar {
        margin-right: -9px;
        width: calc(100% + 26px);
        padding-right: 0px;
        margin-left: -20px;
        margin-top: -9px;
        border-radius: 0;
    }
    .card-body {
        /* padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); */
        --bs-card-spacer-y:10px;
        --bs-card-spacer-x:10px;
    }
}

.product-img {
    aspect-ratio: 4 / 3;
    box-shadow: #6f6f6f 2px 3px 2px 1px;
    transition-property: box-shadow;
    transition-duration: 0.3s;
}

.hover-img:hover .product-img {
    box-shadow: #6f6f6f 5px 6px 7px 1px;
}

.js-catalog-header,
.js-catalog-pre-header,
.js-catalog-filter {
    display: none !important;
}

.btn-primary:not(.min-width-40) {
    background: linear-gradient(0deg, rgb(196 153 159) 0%, rgb(235 195 197) 35%, rgb(234 229 227) 100%);
    text-shadow: 1px 1px 4px black;
    border-color: white !important;
    color: white;
    border-width: 0;
    box-shadow: #12121275 1px 3px 1px 0px;
}

.btn-primary.big {
    font-size: 23px;
}

.btn-primary:not(.min-width-40):hover {
    color: white;
    text-shadow: 2px 2px 4px black;
    background: linear-gradient(0deg, rgb(203 139 148) 0%, rgb(233 161 165) 35%, rgb(245 245 245) 100%);
}

.topbar {
    background: linear-gradient(360deg, #e7e7e7, transparent, #d9d9d9), radial-gradient(#bfbfbf, transparent);
}

.left-sidebar .scroll-sidebar {
    height: calc(100% - 50px);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
    padding: 1px 0;
}

.table-responsive {
    border-radius: 10px;
}

.card {
    background: linear-gradient(0deg, rgb(255 255 255 / 58%) 20%, transparent,  rgb(255 255 255 / 68%) 10%);
}

.left-sidebar {
    background: linear-gradient(90deg, rgb(255 255 255 / 90%) 20%, transparent,  rgb(255 255 255 / 90%) 10%);
}

input.form-control[type=text],
textarea.form-control,
select.form-control  {
    background: white !important;
}
/*
.product-img img {
    margin-top: -20%;
}*/