/*Дэфолтные настройки*/
* {
    box-sizing: border-box;
}
*:hover{
    transition: 0.3s;
}
ul li{
    list-style: none;
}
html, body {
    margin: 0;
    position: relative;
    height: 100%;
    scroll-behavior: smooth;
}
body{
    overflow-x: clip;
}
h1,h2,h3,h4,h5,p,li,ul{
    margin: 0;
    padding: 0;
    transition: 0.3s;
}
ul{
    padding: 0;
    margin: 0;
}
body {
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    color: #141414;
}
a {
    color: #141414;
    text-decoration: none;
    transition: 0.3s;
}
a:hover:after,
a:focus:after {
    width: 100%;
}
.container-2{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
input, textarea {
    outline:none;
    font-family: 'Roboto', sans-serif;
}
input::placeholder, textarea::placeholder{
    font-family: 'Roboto', sans-serif;
}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
button:active, button:focus {
    outline: none;
}
button::-moz-focus-inner {
    border: 0;
}
button{
    cursor: pointer;
    border: none;
    font-family: 'Roboto', sans-serif;
}
/*Дэфолтные настройки*/
header{
    width: 100%;
    position: fixed;
    z-index: 15;
    top: 0;
    background: #F5F4F4;
    padding: 11px 0;
}
.flexHeader{
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    height: 63px;
    position: relative;
}
.leftListHeader{
    display: flex;
    align-items: center;
    gap: 16px;
}
.linkHeader{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
}
.rightHeader{
    display: flex;
    align-items: center;
    gap: 24px;
}
.logoHeader{
    /*margin-left: -9%;*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.bagHeader{
    position: relative;
}
.circleHeaderBag{
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 99px;
    background: #FC581F;
    height: 16px;
    width: 16px;
    color: #FFFFFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 12px; /* 100% */
}
.linkHeader{
    padding: 0;
    background: transparent;
}


.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.20);
    min-width: 180px;
    z-index: 1;
}
.dropdown-content-2{
    right: 0;
}
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown:hover .dropdown-content {display: block;}
.mainContent{
    padding-top: 104px;
}
.titleMainContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.titleMainContent_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.titleMainContent span{
    display: flex;
    align-items: center;
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.titleMainContent a{
    display: flex;
    align-items: center;
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.titleMainContent h1{
    color: #141414;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px; /* 120% */
}
.rightBag{
    border-radius: 16px;
    background:  #F5F4F4;
    display: flex;
    width: 360px;
    padding: 24px 48px 32px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.text-rightBag{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}
.text-rightBag p{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.text-rightBag h3{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 44px; /* 122.222% */
}
.text-rightBag span{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.btn-rightBag{
    width: 100%;
    border-radius: 8px;
    background: #FC581F;
    display: flex;
    height: 48px;
    padding: 0px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.lineLeftBag{
    display: flex;
    padding: 16px;
    align-items: stretch;
    gap: 32px;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    width: 100%;
}
.left-lineLeftBag{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}
.text-left-lineLeftBag h3{
    color: #141414;
    width: 100%;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    margin-bottom: 8px;
}
.sizeFlex{
    display: flex;
    align-items: center;
    gap: 8px;
}
.sizeFlex a{
    color: #141414;
    display: flex;
    width: 44px;
    height: 40px;
    padding: 0px 12px;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #DBDBDB;
    align-items: center;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.activeSize{
    color: #FFF!important;
    border: none!important;
    background: #141414;
}
.size-text-left-lineLeftBag{
    margin-bottom: 16px;
}
.size-text-left-lineLeftBag p{
    color: #7A7A7A;
    margin-bottom: 4px;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.cartBag-photo{
    width: 150px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cartBag-photo > img {
    border-radius: 8px;
    max-width: 100%;
    max-height: 100%;
    /*aspect-ratio: 150/200;*/
}
.text-left-lineLeftBag{
    display: flex;
    flex-direction: column;
}
.quantityCardBag p{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 4px;
}
.price-right-lineLeftBag{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
}
.price-right-lineLeftBag h3{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
}
.price-right-lineLeftBag p{
    color: #7A7A7A;
    white-space: nowrap;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.count {
    display: flex;
    gap: 8px;
    align-items: center;
}
.count .change {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #141414;
    background: transparent;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    font-weight: 600;
    line-height: 24px; /* 150% */
    cursor: pointer;
}
.count input {
    max-width: 32px;
    text-align: center;
    background-color: #fff;
    border: none;
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.delete-right-lineLeftBag{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.right-lineLeftBag{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    align-items: flex-end;
}
.leftBag{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}
.flexBag{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}
footer{
    background: #F5F4F4;
    padding: 32px 0;
    margin-top: 48px;
}
.col-left-flexFooter a{
    color: #525252;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.col-left-flexFooter{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.left-flexFooter{
    display: flex;
    align-items: flex-start;
    gap: 48px;
}
.col-left-flexFooter-2{
    align-items: flex-end;
}
.flexFooter{
    display: flex;
    align-items: stretch;
    gap: 30px;
    justify-content: space-between;
}
.logoFooter{
    display: flex;
    align-items: center;
    justify-content: center;
}


#menu__toggle {
    opacity: 0;
    display: none;
}
#menu__toggle:checked ~ .menu__btn > span::before {
    display: none;
}
.closeBurger{
    display: none;
}
#menu__toggle:checked ~ .menu__btn {
    .closeBurger{
        display: flex;
    }
}
#menu__toggle:checked ~ .menu__btn {
    .burgerSvg{
        display: none;
    }
}
#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right: 0;
}
.menu__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
    width: 45px;
    height: 45px;
    position: relative;
}
.menu__box {
    position: fixed;
    visibility: hidden;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    margin: 0;
    list-style: none;
    background: #FFF;
    transition-duration: .25s;
    z-index: 999;
    padding: 20px 0 32px;
}
.closeBurger-2{
    opacity: 0;
    display: block;
}
.hamburger-menu{
    display: none;
}
.card-flexMainCatalog{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: calc(25% - 18px);
}
.block-flexCatalogCategory{
    width: 100%;
    position: relative;
}
.block-flexCatalogCategory-2{
    z-index: -1;
    top: 0;
    position: absolute;
    left: 0;
    /*position: relative;*/
}
.block-flexCatalogCategory-2.invisible{
    position: static;
    opacity: 0;
}
.wrapper-block-flexCatalogCategory:hover .block-flexCatalogCategory-2:last-child{
    left: -16px;
    top: -16px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.30);
    padding: 16px;
    z-index: 2;
    box-sizing: content-box;
}
.wrapper-block-flexCatalogCategory .block-flexCatalogCategory-1{
    position: relative;
    z-index: -1;
    display: none;
}
.wrapper-block-flexCatalogCategory:hover .block-flexCatalogCategory-1{
    position: relative;
    z-index: -1;
}
.text-title-block-flexCatalogCategory{
    transition: 0.3s;
    width: 100%;
}
.text-title-block-flexCatalogCategory-2{
    position: relative;
    pointer-events: none;
    opacity: 0;
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*padding-top: 100%;*/
    /*position: relative;*/
}
.text-title-block-flexCatalogCategory-2:before {
    /*content: '';*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
.wrapper-block-flexCatalogCategory:hover .text-title-block-flexCatalogCategory-2{
    opacity: 1;
    /*position: relative;*/
    pointer-events: all;
}
.flexMainCatalog{
    display: flex;
    align-items: flex-start;
    gap: 32px 24px;
    flex-wrap: wrap;
}
.card-flexMainCatalog img{
    width: 100%;
    border-radius: 8px;
}
.card-flexMainCatalog p{
    color: #141414;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.flexCatalogCategory{
    display: flex;
    align-items: stretch;
    gap: 32px;
    flex-wrap: wrap;
}
.block-flexCatalogCategory{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.block-flexCatalogCategory img{
    width: 100%;
    border-radius: 8px;
}
.image-block-flexCatalogCategory {
    width: 100%;
    padding-bottom: calc(843/632*100%);
    background-position: center center;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4%;
}
.title-block-flexCatalogCategory{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.text-title-block-flexCatalogCategory-2{
    margin-top: 16px;
}
.title-block-flexCatalogCategory p{
    color: #525252;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.title-block-flexCatalogCategory span{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.countSpan{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.flex-count{
    display: flex;
}
.addToBagCard{
    width: 100%;
    display: flex;
    height: 40px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: #FC581F;
    text-align: center;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-top: 16px;
    line-height: 24px; /* 150% */
}
.wrapper-block-flexCatalogCategory{
    position: relative;
    width: calc(25% - 25px);
}
.wrapper-block-flexCatalogCategory:hover .block-flexCatalogCategory{
    /*position: absolute;*/
    z-index: 10;
}
.swiper-slideLittleCard{
    width: 64px;
    max-width: 68px;
    max-height: 68px;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 8px;
}
.swiper-slideLittleCard.swiper-slide-thumb-active{
    border: 2px solid #141414;
}
.swiper-slideLittleCard img{
    width: 56px;
    border-radius: 4px;
    opacity: 0;
}
.mySwiper {
    width: 230px;
}
.swiper-button-next::after{
    content: ""!important;
}
.swiper-button-prev::after{
    content: "" !important;
}
.swiper-slideLittleCard img{
    /*width: 100%;*/
}
.contentFlexBigSlider{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.left-flexCardBlock{
    max-width: 600px;
    width: 600px;
}
.contentFlexBigSlider{
    width: 100%;
    position: relative;
}
.contentFlexBigSlider{
    padding-left: 48px;
    padding-right: 48px;
}
.swiper-slideBigCard {
    display: flex !important;
    max-width: 100%;
    overflow: hidden;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.swiper-slideBigCard > img  {
    display: block;
    max-width: 100%;
}
.swiper-button-prev{
    left: 10px !important;
}
.left-flexCardLittle{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    padding-right: 16px;
}
.flexCardBlock{
    display: flex;
    align-items: flex-start;
    gap: 48px;
}
.price-right-flexCardBlock{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 44px; /* 122.222% */
    margin-bottom: 16px;
}
.bnt-right-flexCardBlock{
    color: #FFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    display: flex;
    width: 200px;
    height: 56px;
    padding: 0px 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FC581F;
    margin-top: 16px;
    margin-bottom: 32px;
}
.text-right-flexCardBlock{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 32px;
}
.titleMainContent-2{
    margin-bottom: 40px;
}
.line-flex-right-flexCardBlock{
    display: flex;
    align-items: flex-end;
    gap: 4px;
    width: 100%;
}
.flex-right-flexCardBlock{
    width: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.line-flex-right-flexCardBlock p{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    white-space: nowrap;
}
.line-flex-right-flexCardBlock span{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    white-space: nowrap;
    text-align: left;
    width: 76px;
    min-width: 76px;
}
.lineStroke-flex-right-flexCardBlock{
    width: 100%;
    border-bottom: 1px dashed #EBEBEB;
    margin-bottom: 7px;
}
.flexBag-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.title-flexBag-2{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 125% */
}
.btn-flexBag-2{
    display: flex;
    height: 56px;
    padding: 0px 28px;
    justify-content: center;
    border-radius: 8px;
    background: #FC581F;
    color: #FFFFFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    align-items: center;
}
.span-flexBag-2{
    color: #7A7A7A;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.span-flexBag-2 a{
    color: #3F66C2;
}
.flexStatisticText{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 640px;
    margin: 0 auto;
}
.block-flexStatisticText{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.block-flexStatisticText h3{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 127.273% */
    margin-bottom: 8px;
}
.block-flexStatisticText h3:not(:first-child){
    margin-top: 32px;
}
.block-flexStatisticText ul{
    margin: 20px 0;
}
.block-flexStatisticText p{
    color: #525252;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.block-flexStatisticText ul li{
    list-style: disc;
    color: #525252;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.block-flexStatisticText ul{
    padding-left: 20px;
}
.logoCheckout{
    margin: 20px auto 16px;
}
.section-logoCheckout{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footerCheckout{
    padding-bottom: 24px;
    margin-top: 40px;
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    text-align: center;
}
.titleMainContent-2 a{
    color: #7A7A7A;
    margin-top: 8px;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.left-flexCheckout{
    max-width: 640px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.block-left-flexCheckout{
    width: 100%;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}
.title-block-left-flexCheckout{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    background: #FAFAFA;
    padding: 12px 16px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.left-title-block-left-flexCheckout{
    display: flex;
    align-items: center;
    gap: 14px;
}
.left-title-block-left-flexCheckout p{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
}
.block-1-block-left-flexCheckout{
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.left-block-1-block-left-flexCheckout{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.text-left-block-1-block-left-flexCheckout{
    flex-direction: column;
    align-items: flex-start;
}
.text-left-block-1-block-left-flexCheckout h5{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
}
.text-left-block-1-block-left-flexCheckout p{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.right-block-1-block-left-flexCheckout{
    display: flex;
    align-items: center;
    gap: 8px;
}
.right-block-1-block-left-flexCheckout p{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.right-block-1-block-left-flexCheckout span{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.stroke-block-1-block-left-flexCheckout{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}
.line-block-1-block-left-flexCheckout{
    width: 100%;
    background: #F5F4F4;
    height: 1px;
}
.next-btn-block-left-flexCheckout{
    color: #FFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    display: flex;
    width: 87px;
    height: 40px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FC581F;
}
.prev-btn-block-left-flexCheckout{
    color: #141414;
    display: flex;
    height: 40px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F5F4F4;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.btn-block-left-flexCheckout{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #EBEBEB;
    padding: 12px 16px;
}
.btn-block-left-flexCheckout-1{
    justify-content: right;
}
.block-2-block-left-flexCheckout{
    padding: 16px;
    /*padding: 0;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}
.input-block-2-block-left-flexCheckout{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.input-block-2-block-left-flexCheckout p{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.input-block-2-block-left-flexCheckout p span{
    color: #FC581F;
}
.input-block-2-block-left-flexCheckout input, .input-block-2-block-left-flexCheckout textarea {
    width: 100%;
    border-radius: 8px;
    background: #F5F4F4;
    display: flex;
    height: 40px;
    padding: 0px 12px;
    gap: 8px;
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    border: none;
}
.input-block-2-block-left-flexCheckout .bx-sls {
    width: 100%;

    width: 100%;
    border-radius: 8px;
    background: #F5F4F4;
    display: flex;
    height: 40px;
    padding: 0px 0px;
    gap: 8px;
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    border: none;
}
.input-block-2-block-left-flexCheckout .dropdown-block {
    width: 100%;
    border-radius: 8px;
    background: #F5F4F4 !important;
    display: flex;
    height: 40px;
    padding: 0px 12px;
    gap: 8px;
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    border: none !important;
}
.bx-sls .dropdown-fade2white {
    width: 46px;
    height: 31px;
    position: absolute;
    top: 2px;
    right: 0;
    color: #f5f4f4;
    background: -moz-linear-gradient(left,rgba(245,244,244,0) 0,rgba(245,244,244,1) 30%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(245,244,244, 0)), color-stop(30%, rgba(245,244,244, 1))) !important;
    background: -webkit-linear-gradient(left, rgba(245,244,244, 0) 0, rgba(245,244,244, 1) 30%) !important;
    background: -o-linear-gradient(left,rgba(245,244,244,0) 0,rgba(245,244,244,1) 30%) !important;
    background: -ms-linear-gradient(left,rgba(245,244,244,0) 0,rgba(245,244,244,1) 30%) !important;
    background: linear-gradient(to right, rgba(245,244,244, 0) 0, rgba(245,244,244, 1) 30%) !important;
}
.input-block-2-block-left-flexCheckout input::placeholder{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.text-block-2-block-left-flexCheckout{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.block-3-block-left-flexCheckout{
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.left-radioBtnContent{
    display: flex;
    align-items: center;
    gap: 8px;
}
.left-radioBtnContent p{
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.radioBtnContent{
    border-radius: 8px;
    background: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    width: 250px;
    height: 56px;
    border: 1px solid #EBEBEB;
}
.left-radioBtnContent input[type=radio] {
    display: none;
}
.left-radioBtnContent label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 0;
    user-select: none;

    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.left-radioBtnContent label:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.radioBtnContent:has(input[type=radio]:checked) {
    border-color: #FC581F;
}
.next-btn-block-left-flexCheckout-2{
    width: auto;
}
.flex-btn-block-left-flexCheckout{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.btn-block-left-flexCheckout-2{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.btn-block-left-flexCheckout-2 p{
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.right-flexCheckout{
    display: flex;
    width: 360px;
}
.line-right-flexCheckout{
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 12px;
}
.line-right-flexCheckout p{
    white-space: nowrap;
    color: #7A7A7A;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.line-right-flexCheckout span{
    white-space: nowrap;
    color: #141414;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.borderLine-line-right-flexCheckout{
    margin-bottom: 7px;
    width: 100%;
    border-bottom: 1px dashed #DBDBDB;
}
.line-right-flexCheckout .line-right-flexCheckout-price{
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: -3px;
}
.flexCheckout{
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.title-flexOrderWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.title-flexOrderWrapper p{
    color: #141414;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px; /* 120% */
}
.flexOrderWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.text-flexOrderWrapper{
    color: #141414;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.text-flexOrderWrapper span{
    font-weight: 700;
}
.flex-textAndBtn{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.flex-textAndBtn a{
    border-radius: 8px;
    background: #FC581F;
    display: flex;
    height: 40px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.span-flexOrderWrapper{
    max-width: 480px;
    color: #7A7A7A;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.span-flexOrderWrapper a{
    color: #3F66C2;
}
.mainContent-3{
    padding-top: 127px;
}
.mainContent{
    display: flex; /* Создаем гибкую структуру */
    flex-direction: column; /* Располагаем элементы вертикально */
    min-height: 100vh;
    justify-content: space-between;
}
.logoFooter{
    margin-left: -7%;
}
.sizeFlex a{
    min-width: 44px;
}
.rightBag{
    min-width: 360px;
}
.swiper-slide-thumb-active{
    opacity: 0.6!important;
}
.left-title-block-left-flexCheckout img{
    height: 32px;
}
.title-block-left-flexCheckout{
    gap: 1px;
}
.wrapper-block-flexCatalogCategory:hover .block-flexCatalogCategory-1 {
    position: relative;
}
.wrapper-block-flexCatalogCategory .sizeFlex{
    width: 100%;
    overflow: auto;
}
.force-hidden {
    display: none !important;

}
.icon-warning {
    position: absolute;
    left: 16px;
    width: 22px;
    height: 20px;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjAiPjxzdHlsZT4uc3Qwe2ZpbGw6I2RlYTcxMn08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMjEuNyAxNi43TDEyLjkgMS4xQzEyLjMuMSAxMS0uMyAxMCAuM2MtLjQuMi0uNy41LS45LjhMLjMgMTYuN2MtLjQuNy0uNCAxLjUgMCAyLjIuNC43IDEuMSAxLjEgMS45IDEuMWgxNy43Yy44IDAgMS41LS40IDEuOS0xLjEuMy0uNy4zLTEuNS0uMS0yLjJ6bS0xMC43LjhjLS44IDAtMS40LS42LTEuNS0xLjQgMC0uOC42LTEuNCAxLjQtMS41LjggMCAxLjQuNiAxLjUgMS40IDAgLjgtLjYgMS41LTEuNCAxLjV6bTEuNC02LjJjMCAuOC0uNiAxLjQtMS40IDEuNHMtMS40LS42LTEuNC0xLjRWNC43YzAtLjQuMy0uNy43LS43aDEuNWMuNCAwIC43LjMuNy43bC0uMSA2LjZ6Ii8+PC9zdmc+);
}
#bx-soa-main-notifications {
    padding: 15px 10px 15px 0px;
    background: #fcf8e3;
    display: none;
}
#bx-soa-main-notifications:has(.row) {
    display: block;
}
#bx-soa-order {
    counter-reset: heading;
}
.checkout .bx-soa-section .bx-soa-section-title-count:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 10px;
    color: #98979d;
    line-height: 15px;
    counter-increment: heading;
    content: counter(heading);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.checkout .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after {
    color: #fff;
}
.checkout .bx-soa-section-title-count:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: -5px;
    bottom: -2px;
    display: none;
    background: url("/bitrix/components/bitrix/sale.order.ajax/templates/.default/images/sprite.png") no-repeat center;
}
.checkout .bx-soa-section.bx-step-warning .bx-soa-section-title-count:before {
    display: block;
    background-position: center -37px;
}
.checkout .bx-soa-section.bx-step-warning .bx-soa-section-title-count:after {
    color: #000;
}
.checkout .bx-soa-section-title-count {
    display: inline-block;
    min-width: 17px;
    height: 17px;
    border-radius: 8px;
    border: 1px solid #98979d;
    vertical-align: middle;
    position: relative;
    margin: -3px 10px 0 0;
}
.checkout .bx-soa-section.bx-step-completed .bx-soa-section-title-count {
    background: #87c73d;
    border-color: #87c73d;
}
.checkout .bx-soa-section.bx-step-warning .bx-soa-section-title-count {
    background: #f8c11a;
    border-color: #f8c11a;
}
.checkout .bx-soa-item-imgcontainer {
    width: 48px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.checkout .bx-soa-coupon {
    display: none;
}
.bx-ui-sls-container {
    width: 100%;
}
.checkout .bx-soa-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}
.checkout .bx-soa-tooltip.bx-soa-tooltip-static {
    position: relative;
    z-index: 0;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.checkout .bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow {
    left: 20px;
}
.checkout .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow {
    border-top-color: #f2dede;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.checkout .bx-soa-tooltip .tooltip-inner {
    max-width: 300px;
}
.checkout .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    background: #f2dede;
    color: #a94442;
}
.checkout .bx-soa-section.bx-step-warning {
    border: 1px solid #ccbe71;
}
.checkout .bx-soa-section.bx-step-error {
    border: 1px solid #db4a29;
}
.checkout .bx-soa-section.bx-selected {
    border: 1px solid #91cedc;
}
.checkout .bx-soa-section.bx-step-error .bx-soa-section-title-count {
    background: #db4c4c;
    border-color: #db4c4c;
}
.checkout .bx-soa-section.bx-step-error .bx-soa-section-title-count:before {
    display: block;
    background-position: center -20px;
}
.p_15 {
    padding: 0 15px;
}
.alert {
    border: 0;
    border-radius: 1px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.checkout .bx-soa-section-content .alert {
    margin: 5px 0px;
}
.checkout .bx-soa-pp-company-image {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.checkout input[type=checkbox].bx-soa-pp-company-checkbox {
    position: absolute;
    top: 7px;
    left: 7px;
    margin: 0;
    padding: 0;
    z-index: 100;
}
.checkout .bx-soa-pp-company-graf-container {
    border: 2px solid #c3cace;
    border-radius: 2px;
    position: relative;
    background: #fff;
    width: auto;
    height: 0;
    padding-top: 50%;
}
.checkout .bx-soa-pp-company-smalltitle {
    padding-top: 9px;
    color: #a3a3a3;
    font-size: 11px;
    text-align: center;
    padding-bottom: 5px;
}
.checkout .bx-soa-pp-item-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 58%;
    flex: 7 1 100px;
}
.checkout .bx-soa-pp-desc-container {
    padding-top: 7px;
    flex: 3 1 100px;
}
.checkout .bx-soa-pp .bx-soa-pp-company {
    width: 33%;
    padding: 7px;
    border: 1px solid transparent;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}
.checkout .bx-soa-section-content .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 15px 15px;
    flex-wrap: wrap;
}
.checkout .bx-soa-section-content .col-sm-12 {
    width: 100%;
}
.bx-pagination {
    width: 100%;
}
.checkout .bx-soa-pp-desc-container .bx-soa-pp-company {
    width: 100%;
    background: #f8fafc;
    border: 1px solid #d5dadc;
    padding: 7px 15px;
    box-sizing: border-box;
}
.checkout .bx-soa-pp-company-subTitle {
    font-size: 15px;
    font-weight: 700;
}
.checkout .bx-soa-pp-desc-container .bx-soa-pp-company-logo {
    max-width: 150px;
}
.checkout .bx-soa-pp-company-logo {
    padding-top: 6px;
}
.checkout .bx-soa-pp-company-block {
    font-size: 14px;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label, .checkbox label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;

    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.checkout .bx-soa-pp-company-block .checkbox label, .checkout .bx-soa-pp-company-block .form-group label {
    font-size: 13px;
}
.checkout .bx-soa-service-small {
    color: #a3a3a3;
    font-size: 11px;
}
.bx-pagination {
    margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
    text-align: center;
    position: relative;
}
.bx-pagination .bx-pagination-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span {
    -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -moz-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -ms-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -o-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    background: #eff0f1;
    padding: 0 4px;
    display: block;
    height: 26px;
    min-width: 26px;
    line-height: 26px;
    color: #444;
    font-size: 12px;
    border-radius: 16px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    color: #aab1b4;
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 22px;
    padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 22px;
    padding: 0 18px;
    color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #0083d1;
    color: #fff;
}
.checkout .bx-soa-pp-delivery-cost {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding: 2px 4px;
    right: -2px;
    bottom: -2px;
    border-radius: 1px;
    background: rgba(0,0,0,.5);
}
.checkout ul.bx-soa-pp-list {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #000;
}
.checkout ul.bx-soa-pp-list li {
    clear: both;
    padding: 5px 0;
}
.checkout .bx-soa-pp-list-termin {
    color: #8d8d8d;
    display: block;
}
.checkout .bx-soa-pp-list-description {
    display: block;
}
.checkout .bx-soa-section-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 15px 15px;
}
.checkout .bx-active.bx-selected .bx-soa-section-content {
    margin: 10px 0px 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
}
.checkout .bx-soa-section-content .alert {
    width: 100%;
}
.checkout .bx-soa-pp-company-selected {
    flex: 1 1 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;

}
.checkout .bx-soa-pp-price {
    flex: 0 1 100px;
    text-align: right;
}
.checkout .bx-soa-pp-company-selected img {
    display: block;
    margin-right: 10px;
}
.checkout .bx-soa-pp-company-selected strong {
    font-size: 14px;
}
.checkout .bx-soa-cart-total {
    width: 100%;
    padding: 24px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 16px;
    background: #F5F4F4;
    box-sizing: border-box;
}
.checkout .bx-soa-cart-total.bx-soa-cart-total-fixed {
    position: fixed;
    top: 100px;
}
#bx-soa-properties .soa-property-container {
    width: 100%;
}
#bx-soa-orderSave {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
#bx-soa-orderSave .checkbox {
    width: 100%;
}
.bx-soa-cart-total-button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 40px;
}
.bx-soa-cart-total-button-container a {
    color: #FFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    display: flex;
    height: 40px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FC581F;
    white-space: nowrap;
}

.news-detail-content ul {
    list-style: disc outside;
    margin: 10px 0 10px;
    padding-left: 16px;
}
.news-detail-content li {
    list-style: disc outside;
}
.news-detail-content p {
    margin: 10px 0;
}