.good-item__bookmark.active  {
    opacity: 1;
}
.good-item__bookmark.active svg path {
    fill: #EBAF46;
    stroke: #EBAF46;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
.main-page a {
    color: color(srgb 1 0.7342 0.2758);
}
.bx-sls .bx-ui-sls-fake {
    font-size: 18px;
}
.bx-sls .bx-ui-sls-fake::placeholder {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
    font-size: 16px;
}
.sections .swiper-slide {
    width: fit-content;
}
.header.js-active {

    position: fixed;
    z-index: 99999;
    width: 100%;
}
.field-rows {
    display: flex;
    gap: 25px;
}
.bx-soa-section.bx-step-error {
    display: block !important;
}
.bx-soa-section.bx-active:not(.bx-step-error):not(.bx-step-completed).bx-selected {
    display: block;
}
.bx-soa-editstep {
    display: none;
}
.input-label {
    display: inline;
}
.bx-soa-more-btn {
    display: flex;
}
.btn.btn-sm {
    padding: 10px;
    width: fit-content;
    font-size: 14px;
}
#bx-soa-basket {
    display: none;
}
.bx-sls .dropdown-block {
    border: none;
    background: none;
    padding-left: 0;
    box-shadow: none;
    padding-right: 0;
}
.bx-sls .dropdown-fade2white {
    display: none;
}
.bx-sls .bx-ui-sls-container {
    min-height: 33px;
}
.bx-sls .bx-ui-sls-route {
    font-size: 18px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}
.bx-sls .bx-ui-sls-fake {
    color: #fff !important;
    padding: 10px 0 !important;
    border-bottom: solid 1.5px grey !important;
    font-size: 18px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}
.bx-soa-reference {
    display: none;
}
.bx-sls .dropdown-icon {
    display: none;
}
.bx-soa-pp-item-container {
    display: flex;
    flex-direction: column;
    gap: 8px;

}
.bx-soa-pp-company input {
    display: none;
}
.bx-soa-pp-company {
    padding: 16px 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.4);
    display: flex;
    flex-direction: column-reverse;
}
.bx-soa-pp-company .btn {
    display: block;
    width: fit-content;
    margin: 10px auto;
}
.bx-soa-pp-company.bx-selected {
    border-color: #FFBB46;
}
.sale_order_full_table a {
    color: #FFBB46;
}
.bx-soa-pp-company-smalltitle {
    font-size: 20px;
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #fff;
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.good-item {
    position: relative;
}
.good-item.option-available {
    overflow: visible;
    border-radius: 10px 10px 0 0;
}
.option-available .good-item__add {
    transform: rotate(45deg);
    opacity: .4;
}
.good-item img {
    border-radius: 10px 10px 0 0;
}
.loyality-title {
    display: none;
}

.payment {
    background: #4B3A33;
    padding: 13px 17px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .loyality-title {
        display: block;
        margin-top: 30px;
        margin-bottom: 26px;
    }
}
.loyality-text p {
    opacity: .6;
    line-height: 150%;
}
.profile-actions a {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -3%;
}
.list-style {
    margin: 30px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.list-style li {
    padding: 0;
    display: flex;
    gap: 10px;
    font-size: 16px;
    line-height: 140%;
}
.list-style li:before {
    background: url('../images/list-item.svg') center no-repeat;
    flex-shrink: 0;
    width: 14px;
    height: 9px;
    display: block;
    content: '';
    margin-top: 5px;
}
.profile-actions {
    display: flex;
    justify-content: space-between;
    opacity: .6;
}
.good-item__additional {
    position: absolute;
    top: 100%;
    width: 100%;
    background: rgba(75, 58, 51, 1);
    border-radius: 0 0 10px 10px;
    padding: 8px 14px 8px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.good-item .js-to-btn {
    color: rgba(255, 187, 70, 1);
    font-size: 16px;
    margin-top: 6px;
}
.good-item .counter__value {
    font-size: 16px;
    margin-top: 2px;
}
.program-block__wrapper {
    overflow: hidden;
}
.program-block__value {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 15px;
}

input, textarea {
 border-radius: 0;
}

.good-params {
    height: 64px;
    display: flex;
    align-items: center;
    background: #4B3A33;
    justify-content: space-between;
}

.counter {
    display: flex;
    gap: 15px;
    color: #fff;
    /*width: 100%;*/
}

.counter__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.counter__title {
    font-size: 13px;
    opacity: .6;
    line-height: 120%;
    margin-bottom: 2px;
}

.counter__value {
    font-size: 22px;
    white-space: nowrap;
    width: 70px;
    text-align: center;
}

.main.feedback-main {
    padding-bottom: 105px;
}

.cart-btn {
    position: relative;
}

.cart-btn span {
    background: color(srgb 1 0.7342 0.2758);
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 0;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity:0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 48px;
    height: 24px;
    border-radius: 0;
    background: rgba(51, 42, 38, 1);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor:pointer;
    border-radius: 100px;
}

input + .switch-paddle {
    margin:0
}

.switch-paddle:after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width:18px;
    height: 18px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 0;
    background: rgba(96, 68, 54, 1);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    content: "";
    border-radius: 50%;
}

input:checked ~ .switch-paddle {
    background: rgba(255, 187, 70, 1);
}

input:checked ~ .switch-paddle:after {
    left: 27px;
}

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline:0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.switch-active {
    left: 8%;
    display:none
}

input:checked + label > .switch-active {
    display:block
}

.switch-inactive {
    right:15%
}

input:checked + label > .switch-inactive {
    display:none
}

.feedback-footer {
    height: 105px;
    background: #4B3A33;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 150%;
    font-weight: 500;
    display: flex;
    align-items: center;
    z-index: 9;
}

.good-params .plus svg, .good-params .minus svg {
    display: block;
}
.good-params .plus, .good-params .minus {
    display: flex;
    align-items: center;
}

.good-params .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.good-params select {
    appearance: none;
    font-size: 16px;
    background: url('../images/arrow.svg') right center no-repeat;
    padding-right: 25px;
    width: 50%;
    color: #fff;
    border: none;
}

.good-params select option {
    color: black;
}

.footer {
    margin-top: 40px;
    color: #fff;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -2%;
}

.footer a {
    color: #fff;
}

.footer hr {
    height: 1px;
    background:  rgba(255, 255, 255, 0.1);
    width: 100%;
    margin-bottom: 24px;
    border: none;
}


.footer__menus ul li {
    list-style-type: none;
}

.footer__menus ul a {
    opacity: .6;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -2%;
}
.footer__menus ul a:hover {
    opacity: 1;
}
.footer__menus {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}
.footer__menus ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer .container {
    /*padding-top: 24px;*/
}

.footer__apps ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer__apps ul {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    row-gap: 4px;
}
.footer__apps span {
    display: block;
    margin-bottom: 6px;
    opacity: .6;
}

.footer__bottom {
    margin-top: 25px;
    margin-bottom: 25px;
}
.footer__bottom ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.footer__bottom ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer__bottom a,

.footer__bottom span {
    opacity: .6;
}

.pc-logo {
    display: none;
}

.pc-title {
    display: none;
}

p.bx-authform-content-container {
    opacity: .6;
}

.footer__apps br {
    display: none;
}

.pc-header {
    display: none;
}

.footer .logo {
    display: none;
}

.pc-basket {
    display: none;
}

.bx-soa-section-content.container-fluid {
    padding: 0;
}

.menu li a:hover {
    color: #FFBB46;
}

.pc-order-item {
    display: none;
}


body #bx-panel {
    display: none !important;
}

@media (min-width: 1024px){
    body > .mainwrapper {
        height: 100vh;
    }
    
    .header-order-item {
        display: none !important;
    }

    body #bx-panel {
        display: block !important;
    }
    .orders .pc-card .page-head .container {
        padding: 0;
        width: auto;
    }
    body > .mainwrapper {
        display: flex;
        flex-direction: column;
    }
    body > .mainwrapper .footer {
        margin-top: auto;
        padding-top: 55px;
    }
    .order-history {
        margin: 38px 0 26px;
        border-bottom: none;
    }
    .orders .pc-card .page-head__row .page-head__title  {
        font-size: 22px;
        margin-bottom: 16px;
    }
    .orders .pc-card .page-head__row {
        justify-content: flex-start;
    }
    .pc-order-item {
        display: flex;
        gap: 20px;
    }
    .orders .pc-card {
        width: 100%;
    }
    .pc-basket {
        display: block;
    }

    .page-footer.bx-soa-more {
        margin-top: 40px;
    }
    .bx-soa-more-btn {
        gap: 10px
    }

    .cart-row {
        margin-bottom: 15px;
        font-size: 16px;
    }

    /*HOME*/
    .start-block {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .age-confirm {
        width: fit-content;
    }
    .pc-logo {
        display: flex;
        opacity: .1;
        margin-bottom: 35px;
    }
    .splashscreen__text {
        display: none;
    }
    .splashscreen .logo {
        display: none;
    }


    .footer .logo {
        display: block;
    }

    .btn:hover {
        border-color: #FFBB46;
        /*color: #FFBB46;*/
    }
    .btn.btn-primary:hover {
        opacity: .9;
    }
    .btn:active, .btn.btn-primary:active {
        opacity: .7;
    }

    /*LOGIN*/
    .header {
        display: none;
        background: none;
        box-shadow: none !important;
        padding-top: 0;
    }
    .header_catalog .page-head {
        padding-top: 0;
        padding-bottom: 32px;
    }
    .header .logo {
        display: none;
    }
    .page-head__title {
        font-size: 44px;
    }
    .catalog-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 10px;
        row-gap: 10px;
    }
    .good-item__title {
        font-size: 19px;
    }
    .good-item__params {
        font-size: 15px;
    }
    .sections li a {
        font-size: 20px;
        padding: 16px 0;
    }
    .sections {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        justify-content: flex-start;
        gap: 40px;
    }
    body.order .header,
    body.catalog .header,
    body.profile .header,
    body.favourites .header {
        display: block;

    }
    .header .page-back {
        display: none;
    }

    body.order .page-head__title._sm {
        font-size: 44px;
        text-align: center;
    }
    body.order .page-head__row {
        justify-content: center !important;
    }
    .order-progress {
        width: 327px;
        margin: 0 auto;
    }

    body.auth .header, body.registration .header {
        display: none;
    }
    .header_pr {
        position: relative;
    }
    .page-head {
        background: none;
    }
    .pc-card, .bx-soa-section, #bx-soa-orderSave {
        padding: 47px 56px;
        border-radius: 30px;
        width: 440px;
        background: #4B3A33;
        margin: 0 auto;
    }
    .profile:not(.favourites):not(.about):not(.loyality) .header .container,
    .profile:not(.favourites) .catalog .container,
    .profile:not(.favourites) .profile-edit .container,
    .profile:not(.favourites) .feedback-main .container,
    .profile:not(.favourites).payments main .container,
    /*.profile:not(.favourites).loyality main .container,*/
    .profile:not(.favourites) .history .container {
        width: 560px;
    }
    .profile:not(.favourites).loyality main .container {
        display: flex;
        gap: 58px;
    }
    .loyality-col {
        display: flex;
        flex-direction: column;
    }
    .loyality-col .program-block {
        order: 3;
        width: 400px;
    }
    .loyality-col .profile-sales {
        order: 2;
        width: 400px;
        margin-top: 50px;
    }
    .loyality .facts {
        margin-top: 0;
        padding: 30px;
    }
    .loyality-col p {
        order: 1;
        font-size: 20px;
        line-height: 130%;
        opacity: .6;
    }
    .feedback-main p,
    .payments p {
        opacity: .6;
        text-align: center;
        margin-bottom: 45px;
    }
    .mb-order-item {
        display: none;
    }
    .orders .page-head__row,
    .feedback .page-head__row,
    .payments .page-head__row {
        justify-content: center;
    }
    .feedback-footer {
        display: none;
    }
    .edit .page-footer {
        margin-top: 30px;
    }
    .about .main .container {
        display: flex;
        gap: 106px;
        justify-content: space-between;
    }
    .about .main .container p {
        font-size: 24px;
        opacity: .6;
        margin-top: 0;
    }

    .about .facts {
        margin-top: 0;
        width: 570px;
        flex-shrink: 0;
        padding: 30px;
    }
    .about .main {
        margin-top: 30px;
    }
    .page-head__title.ep-title {
        font-size: 44px;
    }
    .edit .page-head__row {
        justify-content: center !important;
    }
    .profile:not(.favourites) .page-head {
        padding: 0;
    }
    .profile:not(.favourites) .header {
        padding-bottom: 14px;
    }
    .menu {
        padding: 33px 35px;
    }

    .payment {
        background: #5D4940;
    }
    
    .payment__title {
        font-size: 12px;
        opacity: .4;
        color: #fff;
        margin-bottom: 2px;
    }
    .payment__value {
        font-size: 14px;
        color: #fff;
    }
    
    .bx-soa-section, #bx-soa-orderSave {
        width: 560px;
        padding: 40px;
    }
    .pc-title {
        display: block;
        margin-bottom: 50px;
        font-size: 40px;
    }

    .main.v-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        height: auto;
    }


    /*MAIN*/
    #clear-basket-btn {
        margin-top: 15px;
    }
    .container-fluid, .container, .good {
        width: 1200px;
        padding: 0 20px;
        max-width: 100%;
        margin: 0 auto;
    }
    .page-back, .good .page-back {
        display: none;
    }
    .good {
        background: none;
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 20px;
        min-height: 0;
    }
    .good .swiper {
        width: 100%;
        height: 570px;
    }
    .good__title {
        font-size: 44px;
        margin-bottom: 20px;
    }
    .good-params {
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .page-footer {
        margin-top: auto;
    }
    .page-footer .btn {
        padding: 23px;
        border-radius: 10px;
    }
    .good__price {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .good__text {
        line-height: 130%;
        letter-spacing: -3%;
    }
    .good__content {
        border-radius: 30px;
        padding: 36px 40px;
        background: #F6F2E6;
        display: flex;
        flex-direction: column;
    }
    main.cart .container {
        display: flex;
        flex-direction: row-reverse;
        gap: 20px;
    }
    .cart-good {
        background: #5D4940;
    }



    .cart .pc-card {
        width: 100%;
    }
    .cart .pc-card.pc-card__basket-form {
        width: 470px;
        flex-shrink: 0;
    }
    .good-params select {
        width: 170px;
    }
    .good__slider img {
        height: 100%;
    }
    .good__slider {
        width: 100%;
        overflow: hidden;
        border-radius: 30px;
    }
    .page-footer {
        position: relative;
    }
    .header__row {
        display: none;
    }
    .full-links {
        gap: 20px;
        row-gap: 20px;
        margin-bottom: 0px;
        height: 275px;
    }
    .full-link {
        height: 100%;
        font-size: 32px;
    }
    .csearch__title {
        font-size: 44px;
        margin-bottom: 20px;
    }
    .csearch__text {
        font-size: 16px;
        margin-bottom: 28px;
    }
    .csearch__img {
        width: 151px;
    }
    .csearch__img span {
        font-size: 16px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .csearch {
        padding: 36px 40px;
    }
    .full-link:hover {
        background: rgba(75, 58, 51, 0.6);
    }
    .home-slider {
        margin-bottom: 20px;
    }
    .full-link__icon {
        width: 124px;
        height: 124px;
    }
    .full-link__icon img {
        width: 60px;
    }
    .main.home .container-fluid {
        display: grid;
        grid-template-areas: 'A B'
    'A C';
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .main.home .home-slider {
        grid-area: A;
        width: 100%;
        height: 100%;
    }
    .main.home .full-links {
        grid-area: B;
    }
    .main.home .full-link.csearch {
        grid-area: C;
    }
    .slider-progress {
        bottom: 40px;
        left: 40px;
        right: 40px;
    }
    .home-slider__title {
        bottom: 74px;
        font-size: 44px;
        left: 40px;
    }
    .footer__menus ul a {
        font-size: 16px;
    }
    .footer__row {
        display: grid;
        grid-template-areas: 'D A B'
    'D A C';
    }
    .footer .logo {
        grid-area: D;
    }
    .footer__subrow {
        margin-left: auto;
    }
    .footer__menus {
        grid-area: A;
        gap: 70px;
    }
    .footer__apps {
        grid-area: B;
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 22px;
    }
    .footer__apps span {
        font-size: 16px;
    }
    .footer__bottom {
        grid-area: C;
        margin-top: 0;
    }
    .footer {
        margin-top: 55px;
        font-size: 16px;
        line-height: 130%;
    }
    .footer hr {
        margin-bottom: 30px;
    }
    .footer__menus ul {
        gap: 12px;
    }
    .footer__apps br {
        display: block;
    }
    .footer__bottom ul {
        flex-direction: row;
        gap: 30px;
        margin-bottom: 12px;
    }
    .footer__bottom a, .footer__bottom span {
        opacity: .3;
    }
    .footer__bottom a:hover {
        opacity: .8;
    }
    .pc-header__actions {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .pc-header__actions a svg,
    .pc-header__actions a {
        display: block;
    }
    .pc-header__actions a:hover svg path {
        stroke: #FFBB46;
    }
    .pc-header {
        display: block;
        padding: 27px 0;
        line-height: 130%;
        margin-bottom: 25px;
    }
    .pc-header ul {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        gap: 70px;
    }
    .pc-header ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .pc-header ul li a {
        opacity: .6;
        color: #fff;
        font-size: 16px;
    }
    .pc-header ul li a:hover {
        color: #FFBB46;
        opacity: 1;
    }
    .pc-header .container-fluid {
        display: flex;
        justify-content: space-between;;
    }
}