:root, [data-bs-theme=light] {
    --bs-white: #fff;
    --bs-red: #EA5506;
    --bs-yellow: #EA5506;
    --bs-blue: #2862f8;
    --bs-black: #2c2c2e;
    --bs-gray: #6c757d;
    --bs-gray-light: #a9a9a9;
    --bs-gray-dark: #343a40;
    --bs-body-color: #303034;
    --bs-link-color: #2862f8;
    --bs-font-sans-serif: 'Golos Text', sans-serif;
    --bs-font-monospace: 'Golos Text', sans-serif;
    --bs-emphasis-color: #2c2c2e;
    --bs-emphasis-color-rgb: 44 44 46;
    --bs-border-color: #474747;
    --bs-badge-font-color: #FE6558;
    --bs-badge-bg-color: #FFF0EF;
    --brand-yellow-color: #FDC803;
    --bs-enable-transitions: false;
    --gray-light: #f5f5f5;
    --gray-lighter: #f7f7f7;
}

.bg-light {
    background-color: var(--gray-light) !important;
}

.text-main-red {
    color: var(--bs-red) !important;
}

.text-secondary {
    color: var(--bs-gray-light) !important;
}

.no-select {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;
}

input {
    accent-color: var(--bs-yellow);
}

/* убирает стрелочки для уменьшения и увеличения значения в числовом поле ввода
   (кажется, оно портит и остальные отличительные признаки числового поля ввода) */
input[type='number'] {
    -moz-appearance: textfield;
}

/* смотри предыдущий комментарий */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

fieldset {
    padding: 10px 0;
}

legend {
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 1rem;
}

.table-borderless tbody, .table-borderless td, .table-borderless tfoot, 
.table-borderless th, .table-borderless thead, .table-borderless tr {
    border-width: 0;
}

tbody, td, tfoot, th, thead, tr {
    border-width: initial;
}

hr {
    opacity: 1;
    color: #e4e4e4;
}

a {
    color: #EA5506;
}

a:hover {
    color: #dd5004;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #EA5506;
    --bs-btn-border-color: #EA5506;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #dd5004;
    --bs-btn-hover-border-color: #c84904;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f46213;
    --bs-btn-active-border-color: #fb6d20;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e17135;
    --bs-btn-disabled-border-color: #ed8b56;
}

.btn-outline-warning {
    --bs-btn-color: #EA5506;
    --bs-btn-border-color: #EA5506;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #EA5506;
    --bs-btn-hover-border-color: #EA5506;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #EA5506;
    --bs-btn-active-border-color: #EA5506;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #EA5506;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EA5506;
    --bs-gradient: none;
}

.h-45 {
    height: 45% !important;
}

.h-55 {
    height: 55% !important;
}

.h-60 {
    height: 60% !important;
}

.h-40 {
    height: 40% !important;
}

.h-103 {
    height: 103% !important;
}

.my-6 {
    margin-top: 3.8rem!important;
    margin-bottom: 3.8rem!important;
}

.mt-6 {
    margin-top: 3.8rem!important;
}

.mb-6 {
    margin-bottom: 3.8rem!important;
}

.dropdown-item.active, 
.dropdown-item:active {
    background-color: #EA5506;
}

.accordion {
    --bs-accordion-body-padding-x: 40px;
    --bs-accordion-body-padding-y: 25px;
    --bs-accordion-btn-padding-x: 40px;
    --bs-accordion-btn-padding-y: 25px;
    --bs-accordion-border-radius: 10px;
    --bs-accordion-inner-border-radius: 10px;
    --bs-accordion-btn-focus-border-color: #fff;
    --bs-accordion-active-bg: #fff;
    --bs-accordion-active-color: #303034;
    --bs-accordion-border-color: #e4e4e4;
}

.accordion-item {
    border-color: #e4e4e4;
}

.accordion-button:not(.collapsed){
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    background-image: url('../img/arrow.svg');
    height: 12px;
}

.colored-list li::marker {
    color: #EA5506; /* цвет Bootstrap primary */
    font-size: 1.2em; /* опционально — увеличить маркер */
  }

.form-control {
    border-color: #e4e4e4;
}

.form-control:focus,
.form-check-input:focus {
    border-color: var(--bs-yellow);
    box-shadow: none;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}

.check-ico {
    height: 24px;
    width: 24px;
    font-size: 16px;
    color: rgb(10, 145, 10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}

.check-ico::before {
    content: "✓";
}

/* Underline animation */
.un {
    display: inline-block;
    padding-bottom: 1px;
    background-image: linear-gradient(#000 0 0);
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition:
      background-size 0.2s,
      background-position 0s 0.2s; /*change after the size immediately*/
  }
  
  .un:hover {
    background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 1px;
  }
/* Underline animation */


.slider.slider-horizontal {
    width: 100%;
    padding-top: 40px;
}

span.badge.text-bg-bestprice {
    color: #FE6558;
    background-color: #FFF0EF;
    border-radius: 2px;
    font-weight: 500;
}

.nav-link.btn.btn-warning {
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}

a.link.fw-semibold:not(:hover) {
    text-decoration-line: none;
}

a.link.fw-semibold.active {
    text-decoration: underline;
}

p.text-grey.my-0.h6 {
    color: #7f7f7f !important;
}

.footer-wrapper .container .row .col p.text-grey.my-0.h6 {
    color: #7f7f7f !important;
}

li.nav-item.footer{
    height: 40px;
}

.footer-wrapper .footer-ico {
    max-height: 20px;
    max-width: 20px;
}

.range.unchanged {
    color: #777777;
}

.navbar {
    --bs-navbar-nav-link-padding-x: 2rem;
    --bs-navbar-nav-link-padding-y: 1.5rem;
    --bs-navbar-hover-color: #fff;
}

.navbar-brand {
    margin-right: 0;
}

.fs-7 {
    font-size: 0.9rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.row-fix {
    margin-left: calc(.5 * var(--bs-gutter-x));
    margin-right: calc(.5 * var(--bs-gutter-x));
}

.text-main-red {
    color: #EA5506;
}


header {
    background-color: #fff;
}

@media screen and (min-width: 768px){     /* MD */
    header {
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .mb-md-7 {
        margin-bottom: 4rem;
    }

    .carousel.slider-img .carousel-item .carousel-caption {
        left: 10%;
    }
}

@media screen and (min-width: 992px){      /* LG */
    .account .account-nav {
        height: calc(100vh - 515px);
    }

    .account .account-nav,
    #category-filters-nav {
        position: sticky;
        top: 100px;   /* header height */
        z-index: 2;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }

    #catalog-item-carousel {
        position: sticky;
        top: 100px;   /* header height */
        z-index: 2;
    }


    #cart-form .summary,
    #order-form .summary {
        position: sticky;
        top: 100px;   /* header height */
        z-index: 2;
    }

    .catalog-filters.collapse:not(.show) {
        display: block;
        height: auto !important;
        visibility: visible;
    }

    .catalog-filters.collapsing {
        position: relative;
        height: unset !important;
        overflow: hidden;
    }
}


input.cart:disabled {
    background-color: transparent;
}

.page-body-order {
    background-color: #F5F5F6;
}

div.page-body:has(main.order) {
    background-color: #F5F5F6;
}

.bordered {
    border: 1px solid var(--bs-yellow);
    border-radius: 5px;
}

.summary {
    background-color: #F5F5F6;
}

.nav-profile .dropdown-profile > img {
    width: 18px;
}

.btn.dropdown-toggle.btn-outline-secondary {
    border-left-style: none !important;
}

.form-control.city {
    border-right-style: none !important;
}

.custom-form {
    border-color: #E8E9EB;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

input::placeholder {
    color: #A9A9A9 !important;
}

.no-animation.collapsing {
    transition: none !important;
    visibility: hidden;
}

.catalog-item .chars table,
.catalog-item .item-properties table {
    font-size: 14px;
    border: 0;
    width: 100%;
}

.catalog-item .chars table p,
.catalog-item .chitem-propertiesars table p {
    margin: 0;
}

.catalog-item .chars table tr td:nth-child(1),
.catalog-item .item-properties table tr td:nth-child(1) {
    color: #696969;
    padding-right: 5px;
}

.catalog-item .preview ul {
    padding-left: 1.2rem;
}

.item-properties td:only-of-type,
.item-card td:only-of-type,
.dotted-container {
    align-items: baseline;
    display: flex;
}

.item-properties td:only-of-type::before,
.item-card td:only-of-type::before,
.dotted-container::before {
    content: '';
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-color: #c8c8c8;
    flex-grow: 1;
    order: 2;
    margin: 0 5px;
}

.item-properties td,
.item-card td {
    border-style: none;
}

.item-properties strong,
.item-card strong,
.dotted {
    order: 3;
    white-space: nowrap;
}

.transparent {
    background-color: transparent;
}

/* оформление радиокнопок по мотивам статьи https://dev.to/adbutterfield/custom-styling-radio-buttons-the-modern-way-the-butterfield-way-emk
   на том же сайте от того же автора есть статья про галочки */
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 2px solid var(--bs-yellow);
    appearance: none;
    background-color: transparent;
    outline: none;
    vertical-align: baseline;
    position: relative;
    top: 5px;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"] {
    border-radius: 2px;
    border: 1px solid #ddd;
}

input[type="radio"]:not(:disabled):checked {
    border-color: var(--bs-yellow);
    background-color: var(--bs-yellow);
    background-clip: content-box;
    padding: 2px;
    background-image: radial-gradient(
        circle,
        var(--bs-yellow) 0%,
        var(--bs-yellow) 50%,
        transparent 60%,
        transparent 100%
    );
}

input[type="checkbox"]:not(:disabled):checked {
    border-color: var(--bs-yellow);
    background-color: var(--bs-yellow);
    background-clip: content-box;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
}

.cart-amount {
    flex: 1;
    min-width: 0;
    text-align: center;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.enhanced-click-area {
    position: relative;
}

.input-group-text {
    font-weight: bold;
}

.main-nav .navbar-brand img,
.footer-wrapper .navbar-brand img{
    width: 210px;
    max-height: none;
}

.main-nav .nav-contacts .phone {
    font-weight: 600;
    margin-right: 90px;
    font-size: 17px;
}

.employment-nav .navbar-nav .nav-link,
.main-nav .navbar-nav .nav-link {
    text-decoration: none;
}

.item-tabs .nav .nav-link:hover,
.employment-nav .navbar-nav .nav-link.active,
.main-nav .navbar-nav .nav-link.active,
.employment-nav .navbar-nav .nav-link:hover,
.main-nav .navbar-nav .nav-link:hover {
    color: #EA5506;
}

.footer-wrapper {
    background-color: var(--bs-black);
    color: var(--bs-white);
}

.footer-wrapper .nav {
    --bs-nav-link-color: #a9a9a9;
    --bs-link-hover-color: #fff;
}

.accordion {
    --bs-accordion-border-color: #a9a9a9;
}

.breadcrumb {
    --bs-breadcrumb-divider-color: var(--bs-gray-light);
}

.breadcrumb .breadcrumb-item {
    color: var(--bs-gray-light);
}

.breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: var(--bs-gray-light);
}

.breadcrumb .breadcrumb-item.active {
    color: var(--bs-black);
}

.popup {
    width: min(80vw, max(20vw, 650px));
    border: 25px solid transparent;
    right: -25px;
    top: calc(100% - 25px);
    border-radius: 30px;
}

#overlay {
    cursor: pointer;
    position: fixed;
    pointer-events: none;
    background-color: rgba(0,0,0,0.1);
}

.main .own-advantages {
    height: 530px;
    cursor: default;
}

.main .own-advantages .advantage {
    background-color: #fff;
    font-size: 45px;
    line-height: 1;
    color: #E95F2C;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;

}

.main .own-advantages .advantage.warranty,
.main .own-advantages .advantage.info,
.main .own-advantages .advantage.a100,
.main .own-advantages .advantage.free {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.main .own-advantages .advantage.a100 {
    background-image: url('../img/100.png');
}

.main .own-advantages .advantage.free {
    background-image: url('../img/free_delivery.png');
}

.main .own-advantages .advantage.warranty {
    background-image: url('../img/warranty.png');
}

.main .own-advantages .advantage.info {
    background-image: url('../img/info.png');
}

.main .about {
    font-size: 36px;
}

.catalog-filters .slider.slider-horizontal .slider-selection,
.catalog-filters .slider.slider-horizontal .slider-track-low,
.catalog-filters .slider.slider-horizontal .slider-track-high {
    color: var(--bs-yellow);
    background-color: var(--bs-yellow);
    background-image: none;
    height: 2px;
}

.slider.slider-horizontal .slider-track {
    margin-top: 0;
    height: 2px;
}

/*поводки*/
.slider-handle {
    color: var(--bs-yellow);
    background-color: var(--bs-yellow);
    background-image: none;
    border-radius: 50%;
    border: 7px solid white;
    box-shadow: 1px 1px 3px 1px #7f7f7f;
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="text"].range,
input[type="number"].range {
    width: 50%;
    outline:none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 10px
}

.radio label:before {
    border-radius: 50%; /* Rounded edges for radio buttons */
}

.checkbox label:before {
    border-radius: 3px; /* Slightly rounded edges for checkboxes */
}

.range.unchanged {
    color: #777777;
}

.catalog-filters .slider.slider-horizontal .slider-selection,
.catalog-filters .slider.slider-horizontal .slider-track-low,
.catalog-filters .slider.slider-horizontal .slider-track-high {
    background-color: var(--bs-yellow);
    background-image: none;
    height: 1px;
}

.catalog-filters .slider.slider-horizontal .slider-track-low,
.catalog-filters .slider.slider-horizontal .slider-track-high {
    background-color: #e0e0e0;
}

.catalog-filters .filter-btn {
    min-width: 110px;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
}

p.slider {
    display: block;
    padding: 10px 10px 3px 10px;
    margin-bottom: 3px;
}

.login-page, .register-page {
    max-width:420px;
}

.login-page .form-label,
.login-page .form-check-label,
.register-page .form-label,
.register-page .form-check-label {
    font-size: 14px;
}

.bestsellers-wr {
    background-color: #f5f5f5;
    margin: 50px 0;
}

.catalog-item .name,
.catalog-item .price {
    font-size: 24px;
}

.catalog-item .price {
    color: #D14C46;
}

.catalog-item .old-price {
    font-size: 20px;
    text-decoration: line-through;
    color: var(--bs-gray-light);
}

.catalog-item .buy-button {
    font-size: 16px;
    padding: 13px 10px;
}

.catalog-item .preview {
    font-size: 16px;
}

.catalog-item .preview p {
    margin-bottom: 0;
}

.catalog-category-short .category-name {
    font-size: 48px;
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: #EA5506;
}

.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    display: none;
}

.catalog-item-page .price {
    color: #D14C46;
    font-size: 32px;
}

.catalog-item-page .old-price {
    font-size: 24px;
    text-decoration: line-through;
    color: var(--bs-gray-light);
}

.catalog-item-page .buy-button {
    background-color: #EA5506;
    color: #fff;
    font-size: 18px;
    transition: all 0.2s ease;
    border: 1px solid #fff;
}

.catalog-item-page .buy-button:hover {
    border: 1px solid #EA5506;
}

.catalog-item-page .cart-in-button {
    background-color: #fff;
    color: #EA5506;
    font-size: 18px;
    transition: all 0.2s ease;
    border: 1px solid #EA5506;
}

.catalog-item-page .cart-in-button:hover {
    background-color: #EA5506;
    color: #fff;
}

.cart-item .link,
.catalog-item-page .link {
    color: var(--bs-black);
}

.cart-item .link:not(:hover),
.catalog-item-page .link:not(:hover) {
    text-decoration: none;
}

.cart-item .price {
    color: #D14C46;
}

.cart-item .old-price {
    text-decoration: line-through;
    color: var(--bs-gray-light);
}

.catalog-item-page #catalog-item-carousel .carousel-item img {
    transition: transform 0.2s ease;
    cursor: pointer;
}

.catalog-item-page #catalog-item-carousel .carousel-item img:hover {
    transform: scale(1.02);
}

.catalog-item-page #catalog-item-carousel .carousel-indicators {
    margin-bottom: 0;
}

.catalog-item-page #catalog-item-carousel .carousel-indicators [data-bs-target] {
    border: 0;
    height: 45px;
    width: auto;
}

.catalog-item-page #catalog-item-carousel .carousel-inner {
    padding-bottom: 50px;
}

.catalog-item-page #catalog-item-carousel .carousel-item.active {
    display: flex;
}

.catalog-item-page .item-tabs .nav-link {
    color: #000;
    font-size: 30px;
}

#catalog-item-related-items .catalog-item-related .name {
    font-size: 16px;
}

#catalog-item-related-items .catalog-item-related .price {
    font-size: 20px;
}

#catalog-item-related-items .catalog-item-related .buy-button {
    background-color: #EA5506;
    border-radius: 50%;
    padding: 14px;
    border: 1px solid #fff;
    transition: all 0.2s ease;
}

#catalog-item-related-items .catalog-item-related .buy-button:hover {
    border: 1px solid #EA5506;
}

#catalog-item-related-items .catalog-item-related .buy-button img {
    width: 30px;
}

#catalog-item-related-items .catalog-item-related {
    text-decoration: none;
    display: block;
    border: 1px solid #c5c5c5;
}

#catalog-item-related-items .catalog-item-related:hover {
    border: 1px solid #7a7a7a;
}


/* Image Modal Styles */
#image-modal .modal-dialog {
    max-width: 90vw;
    max-height: 90vh;
}

#image-modal .modal-content {
    background-color: #fff;
    border: none;
    border-radius: 0;
}

#image-modal .modal-header {
    background: transparent;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1050;
}

#image-modal .btn-close {
    opacity: 0.8;
    color: #000;
}

#image-modal .btn-close:hover {
    opacity: 1;
}

#image-modal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

#image-modal img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

#image-modal .btn-outline-light {
    background-color: transparent;
    border: none;
    color: #000;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#image-modal .btn-outline-light:hover {
    background-color: rgba(256, 256, 256, 0.3);
    color: #000;
    transform: scale(1.1);
}

#image-modal .btn-outline-light:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
}

#image-modal .btn-outline-light:disabled:hover {
    background-color: transparent;
    transform: none;
}

#image-modal #modalImageCounter {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.catalog-categories .card {
    border: none;
    transition: all 0.2s ease;
    overflow: hidden;
}

.catalog-categories .card .card-body {
    min-height: 70px;
}

.catalog-categories .card img {
    transition: all 0.2s ease;
}

.catalog-categories .card:hover img {
    transform: scale(1.02);
}

.catalog-categories .card .category-titile {
    transition: all 0.2s ease;
}

.catalog-categories .card:hover .un {
    background-position: 100% 100%;
    background-size: 100% 1px;
}

.slider-img .blackout {
    background: rgba(22, 22, 22, 0.4);
    height: 100%;
}

.slider-img .carousel-item {
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider-img .carousel-item .carousel-caption {
    background: rgba(22, 22, 22, 0.4);
    display: inline-table;
    bottom: 10%;
    left: 0%;
    cursor: default;
}

.slider-img .carousel-control-next, 
.slider-img .carousel-control-prev {
    width: 10%;
}

.employment-menu-block .employment-menu-item {
    display: block;
    height: 245px;
    position: relative;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 1) 5%,
        rgba(0, 0, 0, 0) 45%
    ), var(--bg-img);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.employment-menu-block .employment-menu-item:hover .employment-menu-item-name {
    text-decoration: underline;
}

.employment-menu-block .employment-menu-item .employment-menu-item-name {
    bottom: 0;
    position: absolute;
}

#order-form #payment-form .radio.form-check,
#order-form #delivery-form .radio.form-check {
    min-height: 70px;
    align-items: center;
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
}

#order-form #payment-form .radio.form-check:has(input:checked),
#order-form #delivery-form .radio.form-check:has(input:checked) {
    border: 1px solid #FE6558;
}

#order-form #payment-form .radio.form-check:has(input:disabled),
#order-form #delivery-form .radio.form-check:has(input:disabled) {
    background-color: var(--gray-light);
    opacity: 0.6;
    cursor: not-allowed;
}

#order-form #payment-form .form-check-input[type=radio],
#order-form #delivery-form .form-check-input[type=radio] {
    float: none;
}

#order-form #payment-form .form-check .form-check-input,
#order-form #delivery-form .form-check .form-check-input {
    margin-left: 0;
}

#order-form #delivery-form .radio.form-check .caption {
    color: #A9A9A9;
    font-size: 14px;
    line-height: 1.4;
}

.order .payment .channel,
#order-form #payment-form .form-check .ico {
    position: relative;
    padding-left: 28px; /* отступ под иконку */
}

.order .payment .channel::before,
#order-form #payment-form .form-check .ico::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

#order-form #payment-form .form-check.tbank_qr .ico::before,
.order .payment .channel.tbank_qr::before {
    background-image: url('../img/sbp.svg');
    height: 23px;
}

#order-form #payment-form .form-check.cod .ico::before,
.order .payment .channel.cod::before {
    background-image: url('../img/cash.svg');
    height: 14px;
}

.account {
    padding-top: 45px;
}

.account-nav a {
    color: black;
    text-decoration: none;
    font-weight: 600;
}

.account-nav a:hover {
    opacity: 0.8;
}

.account-nav a.active {
    color: #EA5506;
}