* {
    margin: 0;
    padding: 0;
    box-sizing: border-box ;
   /* color:red;*/
}
.bx-soa-cart-total-ghost{
    padding-top: 0!important;
}
.w-70 {
    width: 70%;
}

.w-60 {
    width: 60%;
}

.mb-70-20 {
    margin-bottom: 70px !important;
}

:root {
    --max-width: 76.875rem; /*1230px*/
    --max-width-768: 48rem; /*768px; */
    --header-height: 3.94rem;

    --Website-Dark-blue-color: #0A0924;
    --Borders-Secondary-color: #0A092480;
    --Website-Dark-blue-transparent: #0A092499;
    --Website-Blue-color: #1C1B32;
    --Text-Primary-color: #FFE1BE;
    --Borders-Primary-color: #E1AB6B;
    --Text-Secondary-color: #0A0924;
    --Text-Tertiary-color: #E1AB6B;
    --Text-Quinary-color: #5C4E3D;
    --Website-Beige-color: #E1AB6B;
    --WebsiteBeigetransparent: #E1AB6B;
    --Website-Light-beige-color: #FFE1BE;
    --Website-Red-color: #C94444;
    --Website-White-color: #FFFFFF;
    --Borders-Tertiary-color: #5C4E3D;
    --Website-Light-blue-color: #262546;
    --WebsiteVioletcolor:#2E2B56;
    --Website-Dark-brown-color:#5C4E3D;
    --Text-Attention-color: #C94444;
}

body {
background: var(--Website-Dark-blue-color, #0A0924);

}

.alert-danger{
    color: var(--Text-Primary-color, #FFE1BE);
    padding:10px;
    font-family: 'Inter Regular 18pt';

    font-size: 14px;

}
.basket-popup{
    background: var(--Website-Dark-blue-color, #0A0924);
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    min-width: 200px;
}
.basket-popup .popup-window-titlebar-text{
    display: block;
    font-size: 18px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    text-decoration: none;

}
.basket-popup  .popup-window-content{
    background: var(--Website-Dark-blue-color, #0A0924) !important;
    background-color: red;
}

.popup-window-content p{
    color: var(--Text-Primary-color, #FFE1BE);
}
.popup-window-buttons{
    color: var(--Text-Secondary-color, #0A0924);
    font-family: 'Inter SemiBold 18pt';
    cursor: pointer;
    border-radius: 30px;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    padding: 20px!important;
}
#bx-soa-main-notifications{
    display: none!important;
}
.ex-page-wrap{
    width: 100%;
}
.ex-page-ul{
    width: 300px;
    margin: 50px auto;
}
.ex-page-ul  li{
    list-style: none;
    padding-bottom: 20px;
}
.ex-page-ul a{
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    text-decoration: none;


}
.ex-page-ul a:visited {
    color: var(--Text-Tertiary-color, #E1AB6B);

}
.ex-page-ul a:hover{
    text-decoration: underline;
}
.sale_order_full_table{
    font-family: 'Inter Regular 18pt';
    font-size: 14px;
    color: var(--Text-Primary-color, #FFE1BE);
}
h1 {
    font-size: 30px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';

}

.wrapper {
    max-width: var(--max-width);
    background-image: url('../imgs/fl2.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: initial;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wrapper-page {
    max-width: var(--max-width);
    background-image: url('../imgs/fl3.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: initial;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.header_main {
    margin-top: 180px;
    border-radius: 50px;
    border: 2px solid var(--Borders-Secondary-color, #0A092480);
    background: var(--Website-Dark-blue-transparent, #0A092499);
    backdrop-filter: blur(36px);
    box-shadow: 0px 20px 30px 0px #04031B;

}

.header-page {
    margin-top: 70px;
    border-radius: 50px;
    border: 2px solid var(--Borders-Secondary-color, #0A092480);
    background: var(--Website-Dark-blue-transparent, #0A092499);
    backdrop-filter: blur(36px);
    box-shadow: 0px 20px 30px 0px #04031B;
}

main {
    /* Чтобы занимал оставшееся пространство */
    flex-grow: 1;
    margin-top: 70px;
}

footer {
    /* Чтобы footer не уменьшался */
    flex-shrink: 0;

}

.head_body_wrap {

}

.head_body {
    margin: 25px 50px;
    /*  height: 54px;*/
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.head_btn_catalog {
    width: 213px;
    border-radius: 50px;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Medium 18pt';
    cursor: pointer;
}

.head_btn_catalog svg {
   width: 50px;
}

.head_btn_contact {
    background: var(--Website-Blue-color, #1C1B32);
    width: 174px;
    height: 54px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;

}

.head_btn_contact span {
    font-family: 'Inter Medium 18pt';
    font-size: 14px;
    color: var(--Text-Primary-color, #FFE1BE);
    text-transform: uppercase;

}

.head_btn_cart {
    width: 54px;
    height: 54px;
    border-radius: 30px;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;

}


.head_btn_instagram {
    display: flex;
    margin-left: auto;
    cursor: pointer;
}
.head_btn_instagram a{
    display: flex;
}

.logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%); /* Смещение на половину ширины и высоты */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 274px;
    height: 274px;
    border-radius: 274px;
    background: var(--Website-Dark-blue-color, #0A0924);
    backdrop-filter: blur(36px);
    box-shadow: 0px 20px 30px 0px #04031B;

}

.logo-page {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%); /* Смещение на половину ширины и высоты */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    background: var(--Website-Dark-blue-color, #0A0924);
    backdrop-filter: blur(36px);
    box-shadow: 0px 20px 30px 0px #04031B;

}
/*
.logo-page img {
    width: 113px;
}*/

.desc_wrap {
    margin: 0 50px;
    display: flex;
    gap: 30px;
}

.img_left {
    width: 200px;
    min-height: 208px;
}

.img_left img {
    max-width: 148px;
    border-radius: 30px;
    height: 100%;
    object-fit: cover;
    /*min-height: 278px;*/
}

.text-down {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-top: 10px;
}

.txt_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: end;
}

.right_txt {
    font-family: 'Inter Bold 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
}

.txt-1 {
    font-size: 16px;
}

.txt-2 {
    font-size: 20px;
}

.txt-3 {
    font-family: 'Inter Regular 18pt';
    font-size: 14px;
    color: var(--Text-Primary-color, #FFE1BE);
}

.main_txt {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--Text-Primary-color, #FFE1BE);
    text-align: center;
}

.element_txt {
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--Text-Primary-color, #FFE1BE);
}

.element_txt-1 {
    font-size: 30px;
    font-family: 'Inter Medium 18pt';
}

.element_txt-2 {
    font-size: 14px;
    font-family: 'Inter Regular 18pt';

}

.main_txt-1 {
    font-size: 30px;
    font-family: 'Inter Medium 18pt';
}

.main_txt-2 {
    font-size: 14px;
    font-family: 'Inter Regular 18pt';
    text-align: center;
    margin: 0 auto;
    width: 60%;
}

.section_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 50px auto 0 auto;
}


.section_wrapper .sec_item {
    width: calc(33% - 1.099rem);
    aspect-ratio: 1 / 1.2;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    padding: 30px;

}

.section_wrapper .sec_item .img {
    width: 100%;
    height: calc(100% - (100% / 1 / 2.5));
    border-radius: 20px;
    overflow: hidden;

}

.product-wrap{
    width: calc(33% - 1.099rem);

}
.product-wrap .sec_item {
    width: 100%;
    aspect-ratio: 1 / 1.2;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    padding: 30px;

}
.sec_item .img {
    width: 100%;
    height: calc(100% - (100% / 1 / 2.5));
    border-radius: 20px;
  /*  height: 243px;*/
    overflow: hidden;

}
.section_wrapper .sec_item .catalog-img {
    width: 100%;
    height: calc(100% - (100% / 1 / 2.5));
    border-radius: 20px;
    overflow: hidden;
}
.catalog-img img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.img img {
    width: 100%;
    height: 100%;
    scale: 1.2;
    object-fit: contain;


}

.section_wrapper .sec_item .sec_item_link {
    vertical-align: middle;
    width: auto;
    padding: 10px 20px 0 20px;
    height: 39px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;

    margin-top: 20px;
    text-decoration: none;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    color: var(--Text-Secondary-color, #0A0924);
    font-family: 'Inter SemiBold 18pt';
}

.sec_item_txt {
    margin-top: 15px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Light 18pt';
}

.sec_item_txt p{
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Light 18pt';
}




.section_wrapper .sec_item__main {
    width: calc(33% - 1.099rem);
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    padding: 30px;
    text-decoration: none;
}
.section_wrapper .sec_item__main .sec_item_link {
    vertical-align: middle;
    width: auto;
    padding: 10px 20px 0 20px;
    height: 39px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;

    margin-top: 20px;
    text-decoration: none;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    color: var(--Text-Secondary-color, #0A0924);
    font-family: 'Inter SemiBold 18pt';
}

.sec_item__main .sec_item_txt {
    margin-top: 15px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Light 18pt';
}

.section_wrapper .sec_item__main .img {
    width: 100%;

    border-radius: 20px;
    /*  height: 243px;*/
    overflow: hidden;

}


.section_wrapper .sec_item__main .img img {
    width: 100%;
    height: 100%;
    scale: 1.2;
    object-fit: contain;


}
.section_wrapper .sec_item__main p{
   /* color: var(--Text-Tertiary-color, #E1AB6B);*/
}
    /*а:visited , а:focus , а:hover  {
        color: var(--Text-Tertiary-color, #E1AB6B);
    }*/


a:visited, a:focus {
    color: var(--Text-Tertiary-color, #E1AB6B);
}

.sec_foot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
}

.sec_foot .sec_foot_item {
    width: calc(25% - 30px);
    aspect-ratio: 1 / 1.2;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    padding: 30px;
   /* flex: 1;*/
}

.sec_foot_item .img {
    width: 100%;
    height: calc(100% - (100% / 3 / 2.5));
    border-radius: 20px;

    overflow: hidden;
    max-height: 240px;
}

.sec_foot_item_link {
    vertical-align: middle;
    width: auto;
    padding: 10px 20px 0 0px;
    height: 39px;
    border-radius: 30px;
    font-size: 18px;
    display: inline-block;
    color: var(--Text-Primary-color, #FFE1BE);

    margin-top: 20px;
    text-decoration: none;
    font-family: 'Inter Medium 18pt';
}

.sec_foot_item_txt {
    margin-top: 10px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 14px;
    font-family: 'Inter Light 18pt';
}

.pre_foot {
    margin: 70px  auto 0 auto;
    font-family: 'Inter Light 18pt';
    font-size: 14px;
    color: var(--Text-Primary-color, #FFE1BE);
    text-align: center;
    width: 80%;

}

.line {
    width: 100%;
    height: 1px;
    background: linear-gradient(86.2deg, #080808 7.72%, #FFE1BE 48.43%, #080808 97.81%);
    margin: 70px auto;
}

footer {
    margin: 70px auto 50px auto;
    text-align: center;
    width: 40%;

}
footer a{
    font-family: 'Inter Light 18pt';
    font-size: 14px;
    padding-bottom: 20px;
    color: var(--Text-Primary-color, #FFE1BE);
}

footer p {
    font-family: 'Inter Light 18pt';
    font-size: 14px;
    padding-bottom: 20px;
    color: var(--Text-Primary-color, #FFE1BE);

}

.head_section {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin: 150px 50px 50px 50px;
}

.head_section .sec_item {
    width: calc(16% - 1.099rem);
    aspect-ratio: 1 / 1.2;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 30px;
    padding: 20px;
}

.head_section .sec_item .img {
    margin-bottom: 20px;
}

.head_section .sec_item .sec_item_link {
    font-family: 'Inter SemiBold 18pt';
    color: var(--Text-Tertiary-color, #E1AB6B);
    text-decoration: none;
}

.navigation {
    width: 100%;
}

.navigation ul {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.navigation ul li {
    list-style: none;
    font-size: 14px;
    font-family: 'Inter Regular 18pt';
    color: var(--Text-Quinary-color, #5C4E3D);

}

.navigation .separator {
    font-family: 'Inter Regular 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
}

.navigation ul li a {
    font-size: 14px;
    font-family: 'Inter Regular 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
    text-decoration: none;

}

.logo-desctop {
    display: block;
}

.logo-mobile {
    display: none;
}

.content {
    width: 100%;
    height: auto;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    padding: 30px;
    margin-top: 50px;
    border-radius: 20px;


}

.page-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.element-wrap {
    display: flex;
    gap: 30px;
}

.page-wrap p {
    font-size: 16px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter Regular 18pt';
}

.element-wrap .item {
 /*   width: 50%;*/
    max-height: 540px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 20px;
}

.pic img {
    width: 100%;
   /* height: 100%;*/
    border-radius: 20px;
}

.toggle-button {
    display: none;
}

.txt-line {
    display: none;
}

.section_txt {
    margin-top: 50px;
    text-align: center;
}

.sec_item_link_c {
    display: block;
    font-size: 18px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    text-decoration: none;
    margin-top: 20px;
}

.sec_item_desc {
    font-size: 14px;
    font-family: 'Inter Light 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
    margin-top: 10px;
}

.price .old {
    font-size: 12px;
    color: var(--Text-Quinary-color, #5C4E3D);
    font-family: 'Inter SemiBold 18pt';
    text-decoration: line-through;
}

.price .current {
    font-size: 20px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
}

.block_cart {
    display: flex;
    margin-top: auto;
    gap: 20px;
}

.block_cart .price {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    align-items: end;
}

.cat {
    display: flex;
    flex-direction: column;
}

.pagin {
    width: 100%;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.pagin a {
    display: flex;
    width: 45px;
    height: 50px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: var(--Website-Blue-color, #1C1B32);
    border-radius: 5px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter Light 18pt';

}

.pagin a.active {
    background: var(--Website-Beige-color, #E1AB6B);
    color: var(--Text-Secondary-color, #0A0924);
    box-shadow: 0px 5px 15px 0px var(--WebsiteBeigetransparent);


}

.pagin a:hover {
    background: var(--Website-Beige-color, #E1AB6B);
    color: var(--Text-Secondary-color, #0A0924);
    box-shadow: 0px 5px 15px 0px var(--WebsiteBeigetransparent);
    transition: 0.5s;
}

.flag-cart {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.flag-cart.active{
    display: block;
}
.blick_event {
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
}

.element-price {
    display: flex;
    flex-direction: column;
}

.element-price .old {
    font-size: 18px;
    color: var(--Text-Quinary-color, #5C4E3D);
    font-family: 'Inter SemiBold 18pt';
    text-decoration: line-through;
}

.element-price .current {
    font-size: 30px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
}

.btn_cart_element {
    width: 193px;
    height: 54px;
    border-radius: 30px;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;

}

.btn_cart_element span {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--Text-Secondary-color, #0A0924);
    font-family: 'Inter SemiBold 18pt';
    margin-left: 16px;
}

.element-cart {
    display: flex;
    gap: 10px;
}

.wrap-quantity {
    width: 145px;
    height: 54px;
    border: 2px solid var(--Website-Blue-color, #1C1B32);
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.quantity-count {
    width: 20px;
}

.btn-quantity {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background: var(--Website-Blue-color, #1C1B32);
    color: var(--Website-Light-beige-color, #FFE1BE);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s;
}

.quantity-minus svg {
    fill: #FFE1BE;
    transition: 0.5s;
}

.quantity-minus:hover {
    background: var(--Website-Beige-color, #E1AB6B);
    transition: 0.5s;
}

.quantity-minus:hover svg {
    fill: #1C1B32;
    transition: 0.5s;
}

.quantity-plus svg {
    fill: #FFE1BE;
    transition: 0.5s;
}

.quantity-plus:hover {
    background: var(--Website-Beige-color, #E1AB6B);
    transition: 0.5s;
}

.quantity-plus:hover svg {
    fill: #1C1B32;
    transition: 0.5s;
}


.quantity-count {
    width: 40px;
    height: 44px;
    text-align: center;
    background: var(--Website-Dark-blue-color, #0A0924);
    color: var(--Website-Light-beige-color, #FFE1BE);
    border: 0;
}

.section_title {
    font-size: 30px;
    color: var(--Text-Primary-color, #FFE1BE);
    width: 100%;
    text-align: center;
    font-family: 'Inter Medium 18pt';
}

.block-contact-info-wrap {
    display: flex;
    background: var(--Website-Blue-color, #1C1B32);
    border-radius: 20px;
    padding: 30px;
}

.block-contact-info-item {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.block-contact-info-item .item-titile {
    font-size: 16px;
    font-family: 'Inter SemiBold 18pt';
    color: var(--Text-Tertiary-color, #E1AB6B);
}

.block-contact-info-item .item-phone a {
    font-size: 30px;
    font-family: 'Inter SemiBold 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
    text-decoration: none;
}

.block-contact-info-item .item-instagram {
    padding-top: 15px;
}

.block-contact-info-item .item-instagram-txt a {
    font-size: 16px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter Regular 18pt';
    text-decoration: none;

}

.block-contact-info-item .item-desc {
    padding-top: 10px;
    font-size: 16px;
    font-family: 'Inter Regular 18pt';
    color: var(--Text-Primary-color, #FFE1BE);

}

.pad-top-02 {
    padding-top: 10px;
}

.map-wrap {
    width: 100%;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 10px;
}

.cart-item {
    display: flex;
    gap: 30px;
    width: 100%;
    border-bottom: 1px solid var(--Borders-Tertiary-color, #5C4E3D);
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 110px;
    align-items: center;
}
.cart-item:first-child{
    padding-top: 0px;
}
.cart-wrap {
    display: flex;
    padding: 30px;
    margin-bottom: 50px;
    flex-direction: column;
}

.total-order {
    border-bottom: none;
    justify-content: end;
    padding-bottom: 0px;
}

.btn-to-order {
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    width: 256px;
    height: 54px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:16px;
    border: none;
    cursor:pointer;
}
 .btn-to-order span{
    font-size: 16px;
    font-family: 'Inter SemiBold 18pt';
     color: var(--Text-Secondary-color, #0A0924);
     text-transform: uppercase;
     text-decoration: none;


 }

.cart-total {
    font-size: 30px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
}

.cart-img {
    width: 110px;
    height: 90px;
    overflow: hidden;
    background-position: 50% 50%;
    border-radius: 20px;
}

.cart-title {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.cart-title .main {
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter SemiBold 18pt';

}
.cart-title a{
    text-decoration: none;
}
.cart-title .desc {
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 14px;
    font-family: 'Inter Regular 18pt';
}

.cart-price {
    display: flex;
    justify-content: center;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter Regular 18pt';
    font-size: 16px;
    flex-direction: column;
    margin-left: auto;

}

.cart-q {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.cart-price-full {
    font-size: 20px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    display: flex;
    justify-content: center;
    flex-direction: column;

}

.cart-btn-del {
    width: 45px;
    height: 50px;
    background: var(--Website-Blue-color, #1C1B32);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;

}

.cart-btn-del-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-btn-del svg {
    fill: #5C4E3D;
    transition: 0.5s;
}

.cart-btn-del:hover {
    background: var(--Website-Red-color, #C94444);
    transition: 0.5s;
}

.cart-btn-del:hover svg {
    fill: white;
    transition: 0.5s;
}

.order-line-wrap{
    width: 100%;
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}
.order-line-item{
    width:14.2% ;
    display: flex;
    flex-direction: column;
    gap:10px;
    align-items: anchor-center;
}
.order-line-item span{
    color: var(--Website-Dark-blue-color, #0A0924);
    font-size: 12px;
    font-family: 'Inter SemiBold 18pt';
}
.order-line-item span.txt{
    color: var(--Text-Quinary-color, #5C4E3D);
}
.order-line-item span.active{
    color: var(--Text-Primary-color, #FFE1BE);
}
.order-line-item  .wrap-line{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.order-line-item  .wrap-line .line-def{
   height: 14px;
    background: var(--Website-Light-blue-color, #262546);
    width: 100%;
    display: flex;
    align-items: center;
}
.line-def .line-inner{
    height: 8px;
    width: 50%;

}
.line-def .line-inner.active{
    background:  var(--Borders-Primary-color, #E1AB6B);
}
.radis-left{
    border-top-left-radius:14px;
    border-bottom-left-radius:14px;
}
.mar-left-3{
    margin-left: 3px;
}
.wrap-line .point{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background: var(--Website-Dark-brown-color, #5C4E3D);

    width: 40px;
    height: 40px;
    border-radius: 80px;
    border-width: 10px;
    border: 10px solid var(--Website-Light-blue-color, #262546);
    box-shadow: 0px 5px 15px 0px var(--WebsiteVioletcolor,);


}
.wrap-line .point.active{
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
}

.radis-right{
    border-top-right-radius:14px;
    border-bottom-right-radius:14px;

}

.order-wrap{
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-bottom: 50px;

}
/*
.order-wrap .order-item:nth-child(1){
    order:2;
}
.order-wrap .order-item:nth-child(2){
    order:3;
}
.order-wrap .order-item:nth-child(3){

}
.order-wrap .order-item:nth-child(4){
    order:3;
}
.order-wrap .order-item:nth-child(5){

}
.order-wrap .order-item:nth-child(6){
   order:1;
}

.order-wrap .order-item:nth-child(7){

}
.order-wrap .order-item:nth-child(8){
  order:2;
}
.order-wrap .order-item:nth-child(9){
 order:4;
}
.order-wrap .order-item:nth-child(10){
    order:5;
    display: none!important;
}
.order-wrap .order-item:nth-child(11){
    display: none!important;
}
.order-wrap .order-item:nth-child(12){
    order:6;
}*/

.order-item{
    border-radius: 20px;
    background: var(--Website-Blue-color, #1C1B32);
    display: flex;
    flex-direction: column;
    gap:30px;
    padding: 30px;

}
.order-item-content{
    display: flex;
    flex-direction: column;
    /*gap:30px;*/
}
.gap-01{
    gap:30px;
}
.textareaOrder{
    width: 100%;
    overflow-y: unset;
}
.item-title{
  /*  min-height: 84px;*/
    display: flex;
    gap:23px;
    align-items: center;
   /* padding: 30px;*/
}

.item-title .title-01{
    color: var(--Text-Tertiary-color, #E1AB6B);
    font-size: 18px;
    font-family: 'Inter Medium 18pt';
}
.item-title .title-02{
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 18px;
    font-family: 'Inter Medium 18pt';
}
.item-title svg {
    margin-left: auto;
    transition: transform 0.3s ease-in-out; /* Smooth transition over 0.3 seconds */
    transform: rotate(180deg); /* Initial state */
}

.item-title svg.rotated {
    transform: rotate(0deg); /* Transformed state */
}

.delivery-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:30px;
}
.delivery-choice-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:30px;

}
.delivery-item{
    width: calc(50% - 15px);
    display: flex;
    align-items: center;
}
.checkbox-item{
    display: flex;
    align-items: center;
    gap:20px;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter Medium 18pt';
    width: 100%;
}

/* Отключаем стандартный стиль чекбокса */
.checkbox-input {
    appearance: none;
    -webkit-appearance: none; /* для поддержки в Safari */
}

/* Стилизация чекбокса */
.checkbox-input {
    appearance: none;
    width: 36px;
    height: 36px;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 36px;
    background: var(--Website-Dark-blue-color, #0A0924);
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
min-width: 36px;
}
/* Оформление состояния checked */
.checkbox-input:checked{
background-position: 50%;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22url(%23paint0_linear_155_1615)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_155_1615%22%20x1%3D%221.97727%22%20y1%3D%2224%22%20x2%3D%2224.9328%22%20y2%3D%2222.4736%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C4945B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFC27B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}

/* Эффект нажатия */
.checkbox-input:active {
    filter: brightness(90%);
}
.btn-next-wrap{
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 30px;
}
.btn-next{
    font-size: 16px;
    font-family: 'Inter SemiBold 18pt';
    color: var(--Text-Secondary-color, #0A0924);
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
 /*   width: 256px;*/
    height: 54px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 30px;
}

.pay-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.pay-choice-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.pay-item {
    width: calc(33% - 30px);
    display: flex;
    align-items: center;
}

.personal-wrap{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
    /* text field */

.text-field__label {
    display: block;
    margin-bottom: 0.25rem;
}
.personal-form-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.personal-form-wrap .text-field_floating{
    flex: 1 0 calc( 33.33% - 20px);
}
.personal-form-wrap .text-field_floating:nth-child(4){
    flex: 1 0 100%;
}


.text-field__input {
    display: block;
    width: 100%;
    height:59px;
    background: var(--Website-Dark-blue-color, #0A0924);

    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-radius: 59px;

}

.text-field__input[type="search"]::-webkit-search-decoration,
.text-field__input[type="search"]::-webkit-search-cancel-button,
.text-field__input[type="search"]::-webkit-search-results-button,
.text-field__input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.text-field__input::placeholder {
    color: #212529;
    opacity: 0.4;
}

.text-field__input:focus {
    outline: 0;
}

.text-field__input:disabled,
.text-field__input[readonly] {
    background-color: #f5f5f5;
    opacity: 1;
}

/* with floating label */
.text-field_floating {
    position: relative;
}

.text-field_floating .text-field__input {
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    padding-left: 52px;
}

.has-error .text-field__input{
    border: 2px solid red;
}
.textareaOrder{
    resize: none;
    overflow: hidden;
}

.text-field__label  span{
    color: var(--Text-Attention-color, #C94444);

}
.text-field svg{
    position: absolute;
    top: 18px;
    left: 25px;

}
.text-field_floating .text-field__label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px 54px;
    color: var(--Text-Tertiary-color, #E1AB6B);
    font-family: 'Inter Regular 18pt';
    font-size: 12px;

}

.text-field_floating .text-field__input::-moz-placeholder {

    padding-top: 1.625rem;
    padding-bottom: .625rem;
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    opacity: 1;
}

.text-field_floating .text-field__input::placeholder {

    padding-top: 1.625rem;
    padding-bottom: .625rem;
    color: var(--Text-Primary-color, #FFE1BE);
    opacity: 1;
    font-family: 'Inter SemiBold 18pt';
}

.text-field_floating .text-field__input:focus,
.text-field_floating .text-field__input:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}
/*
.text-field_floating .text-field__input:focus~.text-field__label,
.text-field_floating .text-field__input:not(:placeholder-shown)~.text-field__label {
    opacity: .65;
    transform: scale(.85) translateY(-.75rem) translateX(.15rem);
}*/

.personal-item{
    width: 100%;
    display: flex;
    gap:10px;
}
.personal-item .text-field{
    width: 33%;
}
.personal-item .adress{
    width: 100%;
}

.user-info-wrap{
    width: 100%;
    display: flex;
    padding: 30px;
    background: var(--Website-Light-blue-color, #262546);
    border-radius: 20px;
}
.user-info-wrap .user-info-item{
    width: 25%;
    display: flex;
    flex-direction: column;
    gap:5px;
}
.user-info-wrap .user-info-item label{
    color: var(--Text-Tertiary-color, #E1AB6B);
    font-size: 18px;
    font-family: 'Inter Medium 18pt';
}
.user-info-wrap .user-info-item span{
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Medium 18pt';
}


.order-final-wrap{
    display: flex;
    flex-direction: column;
    gap:30px;

}


.order-list-wrap{
    background: var(--Website-Light-blue-color, #262546);
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: none;
   /* border-radius: 20px;*/
  /*  padding: 20px;*/


}

.bx-soa-cart-total .order-list-item:last-child{
    border-bottom: none;
}

.bx-soa-cart-total{
    border: 2px solid var(--Borders-Primary-color, #E1AB6B);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: none;
}

.list-pad-01{
    padding: 30px 0px;
}
.list-pad-left-01{
    padding-left: 20px;
}
.list-pad-right-01{
    padding-right: 20px;
}
.list-bor-bot{
    border-bottom:  2px solid var(--Borders-Primary-color, #E1AB6B);
}
.list-right-bot{
    border-right:  2px solid var(--Borders-Primary-color, #E1AB6B);
}
.order-list-item{
    display: flex;
}
.order-list-item .title{
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    font-size: 18px;
}

.order-list-item .title a{
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    font-size: 18px;
    text-decoration: none;
}

.order-list-item .product a{
    color: var(--Text-Primary-color, #FFE1BE);
    font-family: 'Inter SemiBold 18pt';
    font-size: 18px;
    text-decoration: none;
}

.text-al-center{
    text-align: center;
}
.text-right-center{
    text-align: right;
}

.order-list-item .w1{
    width: 28%;

}

.order-list-item .w2{
    width: 9%;

}

.order-list-item .w3{
    width: 20%;

}

.order-list-item .w4{
    width: 15%;
    display: flex;
    justify-content: end;
}
.order-list-item .w5{
    width: 85%;

}
.order-list-item .total{
display: flex;
    justify-content: end;
    align-items: center;
}
.product{
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Light 18pt';
    background: var(--Website-Dark-blue-color, #0A0924);


}

.total-item{
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    font-family: 'Inter Light 18pt';
}
.total-final{
    background: var(--Website-Red-color, #C94444);

    border-bottom-right-radius:20px;
}

.bx-basket{
    position: relative;
}
.bx-basket-item-list{
    position: absolute!important;
    right: -50px;
    padding: 30px;
    border: 2px solid var(--Borders-Primary-color, #E1AB6B)!important;
    border-radius: 30px;
    background: var(--Website-Dark-blue-color, #0A0924);
    border-top:  2px solid var(--Borders-Primary-color, #E1AB6B);
    top:80px;
    max-height: 522px;
    z-index: 99

}
.bx-basket-item-list-container{
    display: flex;
    flex-direction: column;
    overflow-y: scroll!important;
    max-height: 245px;
    width: 600px;
    gap:20px;
    padding-bottom: 5px;
}
.bx-basket-item-list-item{
    display: flex;
    max-height: 50px;
    gap:30px;
    align-items: center;
    justify-content: center;
}
.bx-basket-item-list-item .bx-basket-item-list-item-img {
    width: 15%;
    height: 100%;
}
.bx-basket-item-list-item .bx-basket-item-list-item-name {
    width: 35%;
}
.bx-basket-item-list-item-name a{
    font-family: 'Inter SemiBold 18pt';
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    color: var(--Text-Primary-color, #FFE1BE);
    text-decoration: none;

}
.bx-basket-item-list-item-price-block{
    font-family: 'Inter SemiBold 18pt';
    color: var(--Text-Primary-color, #FFE1BE);
    font-size: 16px;
    width: 35%;
    text-transform: uppercase;
}
.bx-basket-item-list-item-remove{
    width: 15%;
}


.bx-basket-item-list-container::-webkit-scrollbar {
    width: 6px;
    background: var(--Website-Blue-color, #1C1B32);

}

.bx-basket-item-list-container::-webkit-scrollbar-thumb {
    background: var(--Website-Beige-color, #E1AB6B);
    border-radius: 5px;

}
.border-t-01{
    border-top: 1px solid var(--Borders-Tertiary-color, #5C4E3D);
    margin-right: 25px;
}
.bx-basket-item-list-item-img{
    border-radius: 10px;
    overflow:hidden;
}
.bx-basket-total{
    border: 2px solid var(--Borders-Primary-color, #E1AB6B)!important;
    border-radius: 20px;
    display: flex;
    margin-top: 20px;
    margin-right: 25px;

    overflow: hidden;
}

.bx-basket-total-item{
    display: flex;
    width: 100%;
}

.bx-basket-total-item .title{
    font-family: 'Inter Regular 18pt';
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    color: var(--Text-Primary-color, #FFE1BE);
    padding: 20px;
    width: 70%;
   display: flex;

    justify-content: end;

}
.bx-basket-total-item .price_sum{
    font-family: 'Inter Regular 18pt';
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    color: var(--Text-Primary-color, #FFE1BE);
    padding: 20px;
    width: 30%;
    display: flex;
    background: var(--Website-Red-color, #C94444);

    justify-content: end;
   border-left: 2px solid var(--Borders-Primary-color, #E1AB6B)!important; ;

}
.wrap_cart_btn{
    margin-top: 20px;
    display: flex;
    justify-content: end;
    margin-right: 25px;
}
.wrap_cart_btn a{
    background: linear-gradient(86.2deg, #C4945B 7.72%, #FFC27B 97.81%);
    border-radius: 30px;
    display: flex;
    width: 193px;
    height: 54px;

    align-items: center;
    justify-content: center;
    gap: 16px;
    border: none;
    font-family: 'Inter SemiBold 18pt';
    font-size: 16px;
    leading-trim: NONE;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--Text-Secondary-color, #0A0924);


}

.gallery {
    position: relative;
    margin-bottom: 25px;
    min-width: 540px;
}
.gallery .fa-chevron-left {
    font-size: 40px;
    opacity: 0.5;
    position: absolute;
    color: #fff;
    top: 190px;
    left: 20px;
    cursor: pointer;
    z-index: 999;
}
.fa-solid, .fas {
    font-weight: 900;
}

.gallery .active {
    opacity: 1;
}
.main-image {
    width: 98%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: opacity 0.5s ease;
    opacity: 1;
}
.gallery .fa-chevron-right {
    font-size: 40px;
    opacity: 0.5;
    position: absolute;
    color: #fff;
    top: 190px;
    right: 20px;
    cursor: pointer;
}
.fa-solid, .fas {
    font-weight: 900;
}
.thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 10px;
}
.thumbnails img.active {
    opacity: 1;
    border: 1px solid #AF1B57;
}
.thumbnail:hover, .thumbnail.active {
    border-color: var(--c-darkblack);
}
.gallery .active {
    opacity: 1;
}
.thumbnail {
    width: 100px;
    height: 75px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 1s;
    border: 2px solid transparent;
}

.modal-ia {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}
.modal-content-ia {
    position: relative;
    width: 90%;
    height: 90%;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.count-wrap {
    position: absolute;
    color: #fff;
    top: -41px;
    right: 70px;
    font-size: 20px;
}
.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg-download {
    position: absolute;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    right: 20px;
    top: -37px;
    color: white;
}
.modal-close-ia {
    position: absolute;
    top: -50px;
    right: 0px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}
.gallery .fa-chevron-left {
    font-size: 40px;
    opacity: 0.5;
    position: absolute;
    color: #fff;
    top: 190px;
    left: 20px;
    cursor: pointer;
    z-index: 999;
}
.modal-ia .fa-chevron-left {
    top: calc(50% - 20px) !important;
}
.modal-ia .fa-chevron-left, .modal-ia .fa-chevron-right {
    color: white;
    font-size: 30px;
    z-index: 1001;
}
.fa-solid, .fas {
    font-weight: 900;
}
.modal-content-ia img {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
}

@media (max-width: 1250px) {

    .bx-basket-item-list {
        right: -15px;
    }
    .btn-next-wrap{
        margin-top: 20px;
    }
    .gap-01{
        gap:20px;
    }
    .head_body {
        margin: 15px 35px;
        display: flex;
        align-items: center;
        gap: 15px;
        position: relative;
    }

    main {
        margin: 70px 19px 0px 19px;
    }

    footer {
        width: 90%;
    }

    .main_txt-1 {
        font-size: 20px;
    }

    .main_txt-2 {
        font-size: 12px;
        width: 100%;
    }

    .sec_foot {
        gap: 15px;
        margin: 20px auto;
    }

    .sec_foot .sec_foot_item {
        padding: 10px;
    }

    .order-line-item {
        width: 26.2%;

    }
    .order-line-item span{
        height: 30px;
    }
    .order-line-item.empty-line{
        width:auto;
    }
    .delivery-choice-wrap{
        flex-direction: column;
    }
    .delivery-item {
        width: 100%;

    }
    .checkbox-label{
        font-size: 16px;
    }
    .pay-item {
        width: calc(50% - 30px);

    }
    .order-wrap{
        margin-bottom: 0;
    }


    .head_section {
        gap: 20px;

    }
    .head_section .sec_item {
        width: calc(33% - 1.099rem);
        padding: 10px;
    }
}

@media (max-width: 1000px) {


    .personal-form-wrap .text-field_floating{
        flex: 1 0 100%;
    }


    .bx-basket {
        position: initial;
    }
    .bx-basket-item-list {
        right: 0px;
        left:0px;
        padding: 20px;
        gap:10px;
        top:70px;
    }
    .border-t-01{
        margin-right: auto;
    }
    .element-cart {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .bx-basket-item-list-item{
        gap:10px;
    }
    .bx-basket-item-list-container {
       width: 100%;
        gap:10px;
        max-height: 300px;
    }
    .btn-next-wrap{
        margin-top: 10px;
    }
    .bx-basket-total-item .title {

        padding: 10px;
        width: 50%;

    }
    .bx-basket-total-item .price_sum {

        padding: 10px;
        width: 50%;

    }
    .bx-basket-item-list-item-name a {
        font-size: 14px;
    }
    .bx-basket-item-list-item-price-block {
        font-size: 14px;
    }
    .cart-btn-del {
        width: 35px;
        height: 40px;

    }
    .bx-basket-total-item .title {

        font-size: 14px;

    }
    .bx-basket-total-item .price_sum {
        font-size: 14px;

    }
    .bx-basket-item-list-item .bx-basket-item-list-item-name {
        width: 45%;
    }
    .wrap_cart_btn a {

        border-radius: 30px;

        width: 193px;
        height: 34px;

        font-size: 14px;

    }
    .bx-basket-total {

        border-radius: 10px;

        margin-top: 20px;
        margin-right: auto;
        overflow: hidden;
    }
    .wrap_cart_btn {
        margin-top: 10px;

        margin-right: auto;
    }
    .bx-basket-item-list-item-img{
        display: none;
        width: 0;
    }
    .gap-01{
        gap:10px;
    }

    .line {


        margin: 0px auto;
    }
    main {
        flex-grow: 1;
        margin-top: 25px;
    }

    .header-page {
        padding: 0 19px;
    }

    .header_main {
        padding: 0 19px;
    }

    .logo-desctop {
        display: none;
    }

    .logo-mobile {
        display: block;
    }

    .head_body {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
    }

    .wrapper-page, .wrapper {
        max-width: var(--max-width);
        background-image: none;
    }

    .header-page {
        margin-top: 25px;
        border-radius: 0;
        border: none;
        backdrop-filter: none;
        box-shadow: none;
    }

    .header_main {
        margin-top: 25px;
        border-radius: 0;
        border: none;
        backdrop-filter: none;
        box-shadow: none;
        position: relative;
    }

    .head_btn_catalog span, .head_btn_contact span {
        display: none;
    }

    .head_btn_catalog {
        width: 55px;
        border-radius: 54px;
        height: 54px;
    }

    .head_btn_catalog svg {
        margin-right: 0px;
    }

    .head_btn_instagram {

        order: 3;
    }

    #bx_basketFKauiI{
        order:4;
    }
    .logo-page {
        position: relative;
        left: 0;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 54px;
        border-radius: 0;
        background: none;
        backdrop-filter: none;
        box-shadow: none;
        order: 1;
    }

    .logo {
        position: relative;
        left: 0;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 54px;
        border-radius: 0;
        background: none;
        backdrop-filter: none;
        box-shadow: none;
        order: 1;
    }

    .head_btn_contact {
        order: 4;
        width: 54px;
        height: 54px;
        border-radius: 54px;
    }

    .head_btn_cart {
        order: 5;

    }

    .sec_foot .sec_foot_item {
        width: calc(50% - 10px);
        padding: 10px;
        flex: auto;
        border-radius: 10px;
    }

    .sec_foot_item .img {
        border-radius: 10px;
        max-height: 100%;

    }

    .sec_foot_item_txt {
        display: none;
    }

    .sec_foot_item_link {
        vertical-align: middle;
        width: auto;
        padding: 10px;

        border-radius: 30px;
        font-size: 18px;
        margin: 0px auto;
        display: flex;
        justify-content: center;


    }

    .pre_foot {
        margin: 20px auto;
        width: 100%;
        font-size: 12px;

    }

    footer {
        margin: 20px auto 20px auto;
    }

    .content {
        padding: 15px;
        margin-top: 20px;
    }

    .page-wrap p {
        font-size: 12px;
    }

    h1 {
        font-size: 22px;
    }

    .main_txt {
        margin-top: 20px;
    }

    .desc_wrap {
        flex-direction: column;
        margin: 0;
    }

    .img_left {
        width: 100%;
    }

    .img_left img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .txt-1 {
        font-size: 14px;
        text-align: center;
    }

    .txt-2 {
        font-size: 14px;
    }

    .txt-3 {
        font-size: 12px;
    }

    .toggle-button {
        margin: 0 auto;
        display: block;
        cursor: pointer;
        height: 34px;
        width: 140px;
        background: var(--Website-Blue-color, #1C1B32);
        color: var(--Text-Primary-color, #FFE1BE);
        border: none;
        font-size: 12px;
        border-radius: 10px;
    }

    .text-down {
        overflow: hidden; /* Скрывает содержимое, выходящее за границы элемента */
        max-height: 0; /* Начальная высота - 0 */
        transition: max-height 0.5s ease-out; /* Плавное изменение высоты */

    }

    .txt-line {
        display: block;
        margin-top: 20px;
    }

    .text-down.active {

    }

    .toggle-button svg {
        margin-left: 10px;
        transition: transform 0.3s ease-in-out; /* Smooth transition over 0.3 seconds */
        transform: rotate(0deg); /* Initial state */
    }

    .toggle-button svg.rotated {
        transform: rotate(180deg); /* Transformed state */
    }

    .section_wrapper {
        margin: 20px auto 0 auto;
        gap: 10px;
    }
    .product-wrap {
        width: calc(50% - 10px);
    }
    .section_wrapper .sec_item {
        width: calc(50% - 10px);
        aspect-ratio: 1 / 1.2;
        border-radius: 10px;
        padding: 0px;
        border: 0;
        margin-bottom: 10px;
    }
    .product-wrap .sec_item {
        width: 100%;
        aspect-ratio: 1 / 1.2;
        border-radius: 10px;
        padding: 0px;
        border: 0;
        margin-bottom: 10px;
    }

    .section_wrapper .sec_item .sec_item_link {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        font-size: 12px;
        height: 35px;
    }

    .sec_item_txt {
        display: none;
    }

    .sec_item .img {

     /*   height: calc(100% - (100% / 3 / 2.5));*/
        height:auto;
        border-radius: 10px;
        overflow: hidden;
    }

    .section_wrapper .sec_item__main {
        width: calc(50% - 10px);
        border-radius: 10px;
        padding: 0px;
        border: 0;
        margin-bottom: 10px;
    }

    .section_wrapper .sec_item__main .sec_item_link {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        font-size: 12px;
        height: auto;
        padding: 10px 20px 10px 20px;
    }


    .mb-70-20 {
        margin-bottom: 20px !important;
    }

    .pagin {
        flex-flow: row wrap;
    }

    .sec_item_link_c {
        margin-top: 10px;
        font-size: 14px;
    }

    .sec_item_desc {
        margin-top: 5px;
        font-size: 12px;
    }

    .price .old {
        font-size: 10px;
    }

    .price .current {
        font-size: 14px;

    }

    .element-wrap {
        flex-direction: column;
    }

    .element-wrap .item {
        width: 100%;
        aspect-ratio: auto;
    }

    .blick_event {
        gap: 20px;
        justify-content: center;
    }

    .element_txt {
        margin: 20px auto;
        gap: 10px;
    }

    .element_txt-1 {
        font-size: 22px;
    }

    .section_title {
        font-size: 22px;
    }

    .block-contact-info-wrap {
        flex-direction: column;
        padding: 10px;
    }

    .block-contact-info-item {
        width: 100%;

    }

    .block-contact-info-item .item-titile {
        font-size: 14px;
    }

    .block-contact-info-item .item-phone a {
        font-size: 22px;

    }

    .block-contact-info-item .item-desc {
        font-size: 14px;
    }
    .cart-wrap{
        margin-bottom: 20px;
    }

    .cart-item {
        flex-direction: column;
        align-items: center;
        gap:10px;
    }

    .cart-price {
        margin-left: 0;
    }
    .total-order{
        margin-top:10px;
    }
    .cart-total{
        font-size: 22px;
    }

    .order-wrap{
        gap:10px;
    }
    .order-line-wrap{
        margin-bottom: 30px;
    }

    .item-title .title-01, .item-title .title-02{
        font-size: 16px;
    }

    .order-item{
        padding: 20px;
    }

    .checkbox-label{
        font-size: 16px;
        width: 90%;
    }
    .pay-item {
        width: calc(100% - 30px);

    }

    .personal-item{
        flex-direction: column;
    }

    .personal-item .text-field {
        width: 100%;
    }
    .personal-wrap {
        gap: 20px;
    }
    .personal-form-wrap {
        gap: 10px;
    }
    .user-info-wrap{
        gap:10px;
        flex-wrap: wrap;
        padding:20px;
    }
    .user-info-wrap .user-info-item {
        width: calc(50% - 10px);

    }
    .user-info-wrap .user-info-item label {
        font-size: 12px;
    }
    .user-info-wrap .user-info-item span {
        font-size: 12px;
    }
    .order-list-item .title {

        font-size: 14px;
    }

    .list-pad-01 {
        padding: 15px 0px;
    }
    .list-pad-left-01 {
        padding-left: 10px;
    }
    .list-pad-right-01 {
        padding-right: 10px;
    }
    .product {
        font-size: 12px;
    }
    .total-item {
        font-size: 14px;
    }

    .head_section {
        flex-direction: column;
        gap:10px;
        margin: 10px auto;
        position: absolute;
        width:calc(100% - 38px);;
        background: aliceblue;
        background: var(--Website-Dark-blue-color, #0A0924);
        z-index: 9999;

    }
    .head_section .sec_item {
        width: 100%;
        aspect-ratio: 1 / 1.2;
        border-radius: 10px;
        padding: 10px;

        height: 80px;
        display: flex;
        align-items: center;
        gap:10px;
    }

    .head_section .sec_item .img {
        height:60px ;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 0px;
        width: 80px;
    }
}
@media (max-width: 750px){
    .checkbox-label{
        width: 70%;
    }
    .w1{
        flex: 1;
    }
    .order-list-item .w2{
        width:15% ;
    }
    .order-list-item .w4{
        width: 30%;
    }
    .order-list-item .w5{
        width: 70%;
    }
    .order-list-item .title:nth-child(2),  .order-list-item .product:nth-child(2),
    .order-list-item .title:nth-child(4),  .order-list-item .product:nth-child(4){
        display: none;
    }
    .order-list-item .title {
        font-size: 12px;
    }
    .order-item {
        padding: 10px;
        gap: 10px;
    }
    .order-final-wrap {
        gap: 10px;
    }
    .total-item {
        font-size: 12px;
    }
    .product {
        font-size: 10px;
    }
    .btn-next{
        font-size: 12px;
        padding: 0 15px;
        height: 34px;
    }

    .gallery {

        min-width: 100%;
    }


    .count-wrap {
        top: -21px;
    }
    .modal-close-ia{
        top: -27px;
    }
}
@media (max-width: 550px) {
    .head_btn_instagram {
        display: none;
    }

    .head_btn_contact {
        margin-left: auto;
    }

    .sec_foot_item .img {

        height: calc(100% - (100% / 2 / 2));

    }
    .order-line-item {
        width: 46.2%;

    }
    .order-line-wrap {
        flex-wrap: wrap;
    }

    .item-title .title-01, .item-title .title-02{
        font-size: 12px;
    }
    .item-title {
        gap: 15px;
    }
    .user-info-wrap .user-info-item {
        width: calc(100% - 10px);
    }
}

.bx-closed .bx-basket-item-list{
    display: none!important;
}

.alert.alert-warning{display:none;}
.displayN {
    display: none;
}
.no-active{
    display: none!important;
}
.pad-bot-1000{
    padding-bottom: 1000px;
}

.www {
    border: 1px solid red;
}