body {
    background-color: var(--store-bg);
}

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


.text-warning {
    color: var(--store-warning) !important;
}

.modal {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* Изначальное состояние (до открытия) */
.modal.modal-zoom .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

/* При показе */
.modal.modal-zoom.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

/* При закрытии */
.modal.modal-zoom .modal-dialog {
    will-change: transform, opacity;
}

.form-select,
.form-control {
    background-color: var(--store-dark-gray-90);
    color: var(--store-light-gray);
    border: unset;
    padding: 11px 11px !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 1rem;

    &.with-button {
        padding: 11px 50px 11px 11px !important
    }
}

.ql-editor.ql-blank::before {
    padding: 0 11px !important;
}

.ql-editor.ql-blank::before,
.form-control::placeholder,
.form-select::placeholder {
    color: var(--store-light-gray);
}

.form-select {
    background-color: var(--store-dark-gray-90);
    color: var(--store-light-gray);
    border-color: var(--store-warning);
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 6px 3px rgba(247, 166, 29, 0.25) !important;
}

.form-switch .form-check-input:focus,
.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F7A11D'/%3e%3c/svg%3e") !important;
}

.form-check-input:checked {
    background-color: #2e3132;
    border-color: #2e3132;
}

.btn {
    border: unset;
    border-radius: 1rem;
}

.accordion-item {
    border: none;
    background-color: transparent;
}

.accordion-header {
    border-bottom: none;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-radius: 1rem;
}

.accordion-button:not(.no-padding) {
    padding: 10px !important;
}

.accordion-button {
    background-color: var(--store-dark-gray-90);
    color: var(--store-light-gray);
    border: none;
    box-shadow: none;
    transition: background-color 0.3s ease,
    color 0.3s ease,
    border-radius 0.8s ease; /* добавлено для плавности */
}

.accordion-button:focus,
.accordion-button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.accordion-button:has(.collapsed):not(.rounded) {
    border-radius: 1rem 1rem 0 0 !important;
}

.accordion-button:not(.collapsed) {
    &:not(.rounded) {
        border-radius: 1rem 1rem 0 0 !important;
    }

    background-color: var(--store-dark-gray-90) !important;
    color: var(--bs-light);
    box-shadow: none;
    border: none;
    transition: background-color 0.3s ease,
    color 0.3s ease,
    border-radius 0.2s ease;

    .icon {
        color: var(--bs-light);
    }
}

.accordion-body {
    border-radius: 0 0 1rem 1rem;
    background-color: var(--store-dark-gray-90);
    transition: border-radius 0.3s ease; /* плавный переход */
}

.accordion-button:active {
    box-shadow: none;
    border: none;
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE5LjY4NjkiIGhlaWdodD0iMTkuNjg2OSIgcng9IjYuNTYyMzEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMzEzMDQ5IDE5Ljg0MzUpIiBmaWxsPSIjQjRCOENDIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz4KPHBhdGggZD0iTTEwLjE1NDggOC45MzY4NUwxMi43MzU4IDExLjUxNzhDMTIuODk2IDExLjY3OCAxMy4xNTU3IDExLjY3OCAxMy4zMTU4IDExLjUxNzhDMTMuNDc2IDExLjM1NzcgMTMuNDc2IDExLjA5OCAxMy4zMTU4IDEwLjkzNzhMMTAuNTg5OCA4LjIxMTgxQzEwLjM0OTYgNy45NzE1NSAwLjk5MDA1IDcuOTcxNTUgOS43MTk3OSA4LjIxMTgxTDYuOTkzNzkgMTAuOTM3OEM2LjgzMzYxIDExLjA5OCA2LjgzMzYxIDExLjM1NzcgNi45OTM3OSAxMS41MTc4QzcuMTUzOTYgMTEuNjc4IDcuNDEzNjUgMTEuNjc4IDcuNTczODIgMTEuNTE3OEwxMC4xNTQ4IDguOTM2ODVaIiBmaWxsPSIjNzI3MjcyIi8+Cjwvc3ZnPg==");
    --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE5LjY4NjkiIGhlaWdodD0iMTkuNjg2OSIgcng9IjYuNTYyMzEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMzEzMDQ5IDE5Ljg0MzUpIiBmaWxsPSIjQjRCOENDIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz4KPHBhdGggZD0iTTEwLjE1NDggOC45MzY4NUwxMi43MzU4IDExLjUxNzhDMTIuODk2IDExLjY3OCAxMy4xNTU3IDExLjY3OCAxMy4zMTU4IDExLjUxNzhDMTMuNDc2IDExLjM1NzcgMTMuNDc2IDExLjA5OCAxMy4zMTU4IDEwLjkzNzhMMTAuNTg5OCA4LjIxMTgxQzEwLjM0OTYgNy45NzE1NSAwLjk5MDA1IDcuOTcxNTUgOS43MTk3OSA4LjIxMTgxTDYuOTkzNzkgMTAuOTM3OEM2LjgzMzYxIDExLjA5OCA2LjgzMzYxIDExLjM1NzcgNi45OTM3OSAxMS41MTc4QzcuMTUzOTYgMTEuNjc4IDcuNDEzNjUgMTEuNjc4IDcuNTczODIgMTEuNTE3OEwxMC4xNTQ4IDguOTM2ODVaIiBmaWxsPSIjNzI3MjcyIi8+Cjwvc3ZnPg==");
}

.btn-success {
    background: var(--store-btn-success-bg);
}

.btn-gray {
    background: var(--store-btn-gray-bg) !important;
}

.btn-warning {
    background: linear-gradient(90deg, rgb(247, 151, 29), rgb(247, 151, 29)); /* однотонный градиент */
    transition: background 0.5s ease;
}

.btn-warning:hover {
    background: linear-gradient(90deg, rgb(247, 151, 29) 0%, rgb(247, 173, 29) 50.94%, rgb(247, 151, 29) 100%);
}

.btn-danger {
    background: var(--store-btn-danger-bg);
}

.btn-info {
    background: var(--store-btn-info-bg);
}

.text-danger {
    color: var(--store-danger) !important;
}

.text-info {
    color: var(--store-info) !important;
}

.text-danger-90 {
    color: var(--store-text-danger) !important;
}

.btn-dark {
    color: var(--store-light-gray);
    background: var(--store-btn-dark-bg);

    &:hover {
        .icon {
            color: var(--bs-light);
        }
    }
}

.text-success {
    color: var(--store-success) !important;
}

.bg-danger {
    background-color: var(--store-danger) !important;
}

.bg-danger {
    background-color: var(--store-danger) !important;
}

.nav {
    --bs-nav-link-padding-y: 0.8rem;
}

.nav .nav-link,
.nav .nav-link:focus,
.nav .nav-link:hover {
    color: var(--bs-light);
    border-radius: 1rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--store-warning) !important;

    .icon {
        color: var(--bs-light);
    }
}

.offcanvas.offcanvas-end {
    width: 100%;
}

.progress-bar {
    background-color: var(--store-light-gray);
}

.page-link {
    width: 30px !important;
    height: 30px !important;
    padding: unset !important;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    display: flex
}

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-font-size: 1rem;
    padding: 10px;
}

@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid rgba(255, 255, 255, 0.2); /* подстрой под свою тему */
    }
}