:root {
    --scrollbar-thumb: #CB5D5D;
    --delivery-info-bg: #f5f5f5;
    --accent-color: var(--price-item-bg-color);

    --action-btn-text-color: #359EFF;
    --action-btn-border-color: #359EFF;
    --actions-popup-bg: #FFFFFF;
    --action-item-div: 1px solid #F4F4F4;
    --action-name: #333333;
    --action-desc: #858585;
    --action-notif-default-bg: #0F0F0F;
    --action-notif-default-text: #FFFFFF;
    --action-notif-error-bg: #0F0F0F;
    --action-notif-error-text: #F08282;

    --border-radius-xxs: .25rem; 	/* 0.25rem  4px */
    --border-radius-xs: .50rem; 	/* 0.50rem  8px */
    --border-radius-sm: .75rem; 	/* 0.75rem 12px */
    --border-radius-md: 1rem; 		/* 1.00rem 16px */
    --border-radius-xl: 1.5rem; 	/* 1.50rem 24px */
    --border-radius-xxl: 2rem; 		/* 2.00rem 32px */
}

.theme--dark {
    --scrollbar-thumb: #0A5CA6;
    --delivery-info-bg: #2e2525;
    --accent-color: var(--price-item-bg-color);

    --actions-popup-bg: #333333;
    --action-item-div: 1px solid #404040;
    --action-name: #F6F6F6;
    --action-desc: #979797;
    --action-notif-default-bg: #302C3E;
    --action-notif-default-text: #FFFFFF;
    --action-notif-error-bg: #733531;
    --action-notif-error-text: #F08282;
}

body {
    width: 100vw;
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: var(--bg-color);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--backdrop-color);
}
body:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}
@media (max-width: 768px) {
    body::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
}

.splide {
    border-radius: .5rem;
}

.header .header-image .header-text span {
    border-radius: var(--border-radius-xxs) !important;
}

@media (min-width: 1600px) {
    .header {
        max-width: 1100px !important;
    }
}

.edit-details-container .edit-details-block {
    width: calc(100vw - 1rem);
    margin: .5rem;
    border-radius: 1rem !important;
}
@media (max-width: 524px) {
    .edit-details-container .close-button {
        border-bottom-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
        padding: 1rem .75rem 1rem 1rem !important;
        margin-right: .5rem;
        margin-top: .5rem;
    }
}

.edit-details-block-content .button,
.edit-details-container .price-button {
    border-radius: 0.75rem !important;
    box-shadow: none !important;
    background: var(--button-primary-bg-color) !important;
    color: var(--button-primary-text-color) !important;
}
.edit-details-container .price-button.price-button--disabled,
.edit-details-container .price-button.price-button--disabled:active {
    transform: none !important;
    border: none;
    border-radius: 0 !important;
    color: var(--main-font-color) !important;
    background-color: transparent !important;
    border-top: 1px solid var(--list-items-separator) !important;
    padding-bottom: 0;
    padding-left: 0;
}
.edit-details-block-content.mb-175 {
    margin-bottom: 0;
}

.layer-cart.screen-content ul li .count .pointer {
    color: var(--price-item-bg-color);
}
.layer-cart.screen-content li.no-data button {
    background: var(--button-primary-bg-color) !important;
    color: var(--button-primary-text-color) !important;
    box-shadow: none;
    border-radius: .75rem;
}

@media (min-width: 768px) {
    .layer-cart.screen-content {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: unset;
        transform: none !important;
        width: 25vw;
        min-width: 500px;
        margin: 0;
        max-width: unset;
        border-radius: 0;
        border: none;
        height: unset;
    }

    .cart-wd-container {
        position: fixed !important;
        top: 2rem !important;
        right: 2rem !important;
        bottom: unset !important;
        width: unset !important;
    }
}

.docs-container {
    border-top: 1px solid var(--backdrop-color);
    padding: 1.5rem 0 1.5rem 0;
    margin-top: 1.75rem;
}
.docs-container .docs-header {
    font-size: var(--fs-110);
    font-weight: 400;
    padding: 0;
    margin: 0;
}
.docs-container ul {
    padding-top: .35rem;
    font-size: var(--fs-90);
}

.total-value {
    color: var(--main-font-color);
}
.remove-add-cost-button {
    width: 1.5em;
    height: 1.5em;
    background: var(--accent-color-semi);
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.actions-button {
    border-radius: var(--border-radius-xxs) !important;
}
.popup-content {
    border-radius: var(--border-radius-xxs);
}

.order-icon {
    color: var(--accent-color) !important;
    fill: var(--accent-color) !important;
}