@font-face {

    src: url('../fonts/Inter_18pt-Medium.ttf');

    font-family: 'Inter-Medium';

}

@font-face {

    src: url('../fonts/Inter_18pt-Bold.ttf');

    font-family: 'Inter-Bold';

}

@font-face {

    src: url('../fonts/Inter_18pt-Black.ttf');

    font-family: 'Inter-Black';

}

@font-face {

    src: url('../fonts/Inter_18pt-Regular.ttf');

    font-family: 'Inter-Regular';

}

@font-face {

    src: url('../fonts/Inter_18pt-SemiBold.ttf');

    font-family: 'Inter-SemiBold';

}

@font-face {

    src: url('../fonts/NotoSansArmenian-Bold.ttf');

    font-family: 'NotoSansArmenian-Bold';

}

@font-face {

    src: url('../fonts/NotoSansArmenian-Regular.ttf');

    font-family: 'NotoSansArmenian-Regular';

}



* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    outline: none;

    border: none;

    box-sizing: border-box;

    transition: all 300ms ease-out;

}

*:hover {

    transition: all 0.3s ease-in;

}

html {

    scroll-behavior: smooth;

}

.swiper-button-next,  .swiper-button-prev, .minus_plus  {

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

a {

    text-decoration: none;

    color: var(--black);

}

img, video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

:root {

    --black: #000;

    --fontBlack: #282828;

    --brandCherry: #AA0029;

    --gray: #282828;

    --white: #FFF;

}

:root {

    --twelve: 12px;

    --forteen: 14px;

    --sixteen: 16px;

    --eighteen: 18px;

    --twenty: 20px;

    --fontTwentyTwo: 22px;

    --twofour: 24px;

    --titleFont: 30px;

}

.wrapper {

    max-width: 1420px;

    width: 100%;

    padding: 0 30px;

    margin: 0 auto;

}

.sto_ {

    width: 100%;

}

.full_wrapper {

    max-width: 1920px;

    width: 100%;

    margin: 0 auto;

}

.d_flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

body{

    color: var(--gray);

}

html{

    overflow-x: hidden;

}

html[lang="fr"], html[lang="fr"] textarea, html[lang="fr"] input{

    font-family: 'NotoSansArmenian-Regular';

}

html[lang="en"], html[lang="ru"],  html[lang="en"] textarea, 

html[lang="en"] input{

    font-family: 'Inter-Medium';

}

html[lang="fr"] h1, html[lang="fr"] h2, html[lang="fr"] h3,

html[lang="fr"] h4, html[lang="fr"] h5, html[lang="fr"] h6,

html[lang="fr"] .bold_text{

    font-family: 'NotoSansArmenian-Bold';

}

html[lang="en"] h1, html[lang="ru"] h1, html[lang="en"] h2, html[lang="ru"] h2,

html[lang="en"] h3, html[lang="ru"] h3, html[lang="en"] h4, html[lang="ru"] h4,

html[lang="en"] h5, html[lang="ru"] h5, html[lang="en"] h6, html[lang="ru"] h6,

html[lang="en"] .bold_text, html[lang="ru"] .bold_text{

    font-family: 'Inter-Bold';

}

html[lang="en"] .regular_text, html[lang="ru"] .regular_text{

    font-family: 'Inter-Regular';

}

/* header */

header{

    z-index: 10;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    padding: 16px 0;

    background-color: var(--white);

}

.header_mob{

    position: relative;

}

.catalog_header{

    padding: 15px 0 15px 30px !important;

    padding-left: 30px !important;

    display: none !important;

    position: absolute !important;

    top: 60px;

    left: 0;    

    background-color: var(--white);

}

.catalog_header_active{

    display: block !important;

}

.header_block{

    gap: 20px;

}

.head_logo{

    max-width: 102px;

}

.catalog_btn{

    height: 40px;

    cursor: pointer;

    padding: 6px 20px 6px 10px;

    background-color: var(--brandCherry);

    border-radius: 90px;

    gap: 4px;

    color: var(--white);

    font-size: var(--twelve);

}

.catalog_btn_active{

    background-color: var(--fontBlack);

    color: var(--white);

}

.catalog_btn_active svg path{

    stroke-width: var(--fontBlack);

}

.catalog_btn_active .middle_svg{

    opacity: 0;

}

.catalog_btn_active .first_line {

    transform: rotate(48deg) translate(6px, -9px);

}

.catalog_btn_active .last_line {

    transform: rotate(-43deg) translate(-13px, 0px);

}

.head_seach_form{

    height: 40px;

    display: flex;

    align-items: center;

    max-width: 720px;

    width: 100%;

    position: relative;

}

.search_inp{

    padding: 13px 10px 13px 40px;

    border-radius: 90px;

    background: #F5F5F5;

    font-size: var(--twelve);

}

.search_btn{

    width: 20px;

    height: 20px;

    background-color: transparent;

    position: absolute;

    left: 10px;

    cursor: pointer;

}

.dropdown_{

    z-index: 3;

    display: none;

    /* filter: drop-shadow(0px 0px 12px #CCD3D9); */

    min-width: 118px;

    position: absolute;

    border: 1px solid  rgba(40, 40, 40, 0.10);

    top: 45px;

    left: 50%;

    transform: translate(-50%, 0);

    flex-direction: column;

    border-radius: 12px;

    background-color: var(--white);

    max-height: 135px;

    overflow: auto;

}

.dropdown_active{

    display: flex;

}

.dropdown_::-webkit-scrollbar-thumb{

    background-color: var(--brandCherry);

    border-radius: 10px;

    background-clip: padding-box;

    transition: all 300ms ease-out;

}

.dropdown_::-webkit-scrollbar{

    height: 2px;

    width: 2px;

}

.dropdown_::-webkit-scrollbar-track {

    background-color: rgba(40, 40, 40, 0.20);

}

.choose_lang{

    background-color: transparent;

    border-bottom: 1px solid  rgba(40, 40, 40, 0.10);

    cursor: pointer;

    padding: 6px 10px;

    gap: 12px;

    justify-content: start;

}

.choose_lang:hover, .choose_lang_active{

    background: #F5F5F5;

}

.choose_lang:last-child{

    border: none;

}

.lang_flag{

    width: 16px;

    height: 16px;

}

.lang_flag img{

    border-radius: 50%;

}

.lang_sp{

    font-size: var(--twelve);

}

.chosen_lang, .fav_btn{

    cursor: pointer;

    min-width: 40px;

    width: 40px;

    height: 40px;

    border-radius: 50%;border: 1px solid rgba(40, 40, 40, 0.10);

    justify-content: center;

}

.chosen_lang:hover, .fav_btn:hover{

    border-color: var(--brandCherry);

}

.chosen_lang:hover svg path, .fav_btn:hover svg path,

.search_btn:hover svg path{

    fill: var(--brandCherry);

}

.lang_img{

    height: 20px;

    width: 20px;

}

.user_btn{

    min-width: fit-content;

    cursor: pointer;

    height: 40px;

    padding: 10px 12px;

    font-size: var(--twelve);

    gap: 4px;

    border-radius: 90px;

    background-color: var(--fontBlack);

    color: var(--white);

}

.add_cart_btn{

    min-width: fit-content;

    border: 1px solid rgba(40, 40, 40, 0.10);

    border-radius: 90px;

    height: 40px;

    padding: 10px;

    gap: 14px;

    min-width: 116px;

    justify-content: start;

}

.cart_price{

    font-size: var(--twelve);

}

.cart_svg_count{

    position: relative;

}

.countof_cart{

    position: absolute;

    font-size: 8px;

    background-color: var(--fontBlack);

    color: var(--white);

    aspect-ratio: 1/1;

    border-radius: 50%;

    bottom: 0;

    right: 0;

    min-width: 10px;

    text-align: center;

    justify-content: center;

}

.catalog_search_blck{

    gap: 20px;

    max-width: 842px;

    width: 62%;

}

/* end header */



/* main */

main{

    min-height: 60vh;

    margin-top: 90px;

}

.home_section{

    gap: 20px;

    align-items: start;

    margin-bottom: 40px;

}

.home_left_blck{

    flex-direction: column;

    align-items: start;

    gap: 40px;

    max-width: 1015px;

    width: 75%;

}

.swiper-button-next:after, .swiper-button-prev:after,
.swiper-button-next:before, .swiper-button-prev:before{
    width: 0 !important;
    height: 0 !important;
    content: "" !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: .35 !important;
    cursor: auto !important;
    pointer-events: none !important;
}
.swiper-button-next, .swiper-button-prev{

    width: 40px !important;

    height: 40px !important;

    border-radius: 90px;

    background-color: var(--white);

    filter: drop-shadow(0px 0px 12px #CCD3D9);

}

.big_banner_swiper .swiper-button-next,

.big_banner_swiper .swiper-button-prev{

    bottom: 18px !important;

    top: auto !important;

}

.swiper-button-next svg, .swiper-button-prev svg{

    width: 10px !important;

    height: 10px !important;

}

.big_banner_swiper .swiper-button-next{

    right: 44px !important;

}

.big_banner_swiper .swiper-button-prev{

    left: auto !important;

    right: 94px !important;

}

.catalog_blck{

    flex-wrap: wrap;

    gap: 10px;

    justify-content: start;

}

.product_catalog_item{

    border: 1px solid transparent;

    overflow: hidden;

    width: calc(100% / 5 - 8px);

    border-radius: 20px;

    position: relative;

    background-color: #E0E7F8;

}

.product_catalog_item:hover{

    border-color: #9cb6fb;

}

.categ_prod_img{

    /* max-width: 138px; */

    height: 138px;

    margin-left: auto;

}

.product_catalog_item:first-child,

.product_catalog_item:last-child {

    width: calc(100% / 2 - 108px);

}

.nameof_categ{

    text-align: center;

    position: absolute;

    max-width: calc(100% - 28px);

    left: 14px;

    bottom: 14px;

    padding: 4px 10px;

    border-radius: 90px;

    font-size: var(--twelve);

    background-color: var(--white);

}

.title_slider_blck{

    flex-direction: column;

    align-items: start;

    gap: 18px;

}

.general_title{

    font-size: var(--twenty);

}

.products_slide{
    justify-content: space-between;
    display: flex !important;

    flex-direction: column;

    height: auto !important;

    padding: 10px;

    border-radius: 30px;

    border: 1px solid rgba(51, 51, 51, 0.10);

}

.products_slide:hover{

    border-color: var(--brandCherry);

}

.nameof_prod{

    font-size: var(--forteen);

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.price_sale_blck{

    justify-content: start;

    flex-wrap: wrap;

    gap: 4px;

    margin: 5px 0 5px 0;

}

.price_prods{

    font-size: var(--forteen);

}

.kg_piece{

    color: rgba(40, 40, 40, 0.60);

    font-size: 10px;

}

.btns_count_block{
    height: 45px;
    /*overflow: hidden;*/

    margin-top: 10px;

    position: relative;

}

.add_btn{
    height: 100%;
    cursor: pointer;

}

.minus_plus_block, .add_btn{
    height: 100%;
    width: 100%;

    border: 1px solid var(--brandCherry);

    border-radius: 90px;

    padding: 9px;

    gap: 8px;

}

.products_slide .add_btn, .about_prouct_gen_info .add_btn, 

.about_prouct_gen_info .minus_plus_block{

    width: 100%;

}

.input_sp{

    flex-direction: column;

}

.piecs_sp{

    text-align: center;

    font-size: 9px;

    color: rgba(40, 40, 40, 0.40);

}

.prod_quantity{

    background-color: transparent;

    font-size: var(--twelve);

    text-align: center;

    max-width: 82px;

}

.plus_minus{

    justify-content: center;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: #E3E3E3;

    cursor: pointer;

}

.plus_minus:hover svg rect{

    fill: var(--brandCherry);

}

.plus_minus:hover svg path{

    fill: var(--white);

}

.add_btn{

    text-align: center;



    z-index: 1;

    right: 0;

    color: var(--white);

    font-size: var(--twelve);

    justify-content: center;

    background-color: var(--brandCherry);

}

.hide-animation {

    font-size: 0 !important;

    width: 0 !important;

    opacity: 0;

    padding: 0 !important;

}

.sold_sale_blck{

    position: absolute;

    top: 22px;

    left: 10px;

    gap: 4px;

    flex-direction: column;

}

.new_sp, .sold_sp{

    text-transform: uppercase;

    color: var(--white);

    padding: 1.5px 6px;

    font-size: 10px;

    border-radius: 90px;

}

.new_sp{

    background-color: #94CE18;

}

.sold_sp{

    background-color: var(--brandCherry);

}

.add_prod_fav{

    cursor: pointer;

    position: absolute;

    top: 10px;

    z-index: 1;

    right: 10px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    justify-content: center;

    background-color: var(--white);

    border: 1px solid rgba(40, 40, 40, 0.10);

}

.add_prod_fav:hover, .copy_btn:hover, .swiper-button-next:hover, 

.swiper-button-prev:hover{

    background-color: var(--brandCherry);

}

.add_prod_fav:hover svg path, .copy_btn:hover svg path,

.swiper-button-next:hover svg path, .swiper-button-prev:hover svg path{

    fill: var(--white);

}

.minus_sale{

    padding: 1.5px 5px;

    background-color: var(--brandCherry);

    border-radius: 90px;

    color: var(--white);

    font-size: 10px;

}

.old_price{

    text-decoration: line-through;

}

.productsSwiper .swiper-wrapper{

    align-items: stretch !important;

}

.brands_block{

    justify-content: start;

    gap: 20px;

    flex-wrap: wrap;

}
.title_view_blck{
    gap: 10px;
}
.view_all_btn{
    padding: 6px 10px;
    background-color: #F5F5F5;
    cursor: pointer;
    border-radius: 90px;
    text-align: center;
    font-size: var(--twelve);
}
.view_all_btn:hover{
    background-color: var(--brandCherry);
    color: var(--white);
}
.brand_item{

    border-radius: 22px;

    justify-content: center;

    width: calc(100% / 4 - 15px);

    height: 78px;

    padding: 10px;

    cursor: pointer;

    border: 1px solid rgba(40, 40, 40, 0.10);

}
.brand_item a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand_item:hover{

    border-color: var(--brandCherry);

}

.brand_item img{

    width: 74%;

    height: auto;

}

.big_title{

    max-width: 676px;

    font-size: var(--titleFont);

}

.descriptions_, .descriptions_ div, .descriptions_ p,

.descriptions_ span, .descriptions_ li{

    font-size: var(--forteen);

    flex-direction: column;

    gap: 20px;

    align-items: start;

}

.right_general_block{

    flex-direction: column;

    position: sticky;

    top: 90px;

    max-width: 325px;

    width: 40%;
    opacity: 1 !important;
    border-radius: 30px;

    background: #F8F8F8;

    padding: 18px;

}

.scroll_rights_blck{

    padding: 10px;

    justify-content: center;

    overflow: auto;

    height: 66vh;

    flex-direction: column;

    gap: 20px;

}

.empty_title{

    text-align: center;

    font-size: var(--twenty);

    margin-bottom: 40px;

}

.more_info_cart{

    justify-content: start;

    gap: 10px;

    align-items: start;

}

.benefit_img{

    max-width: 32px;

}
.benefit_img img{
    height: auto;
}

.benefit_inf_blck{

    flex-direction: column;

    align-items: start;

    gap: 10px;

}

.benef_descrip{

    font-size: var(--twelve);

}

.beef_title{

    font-size: var(--forteen);

}

.scroll_rights_blck::-webkit-scrollbar-thumb{

    background-color: var(--brandCherry);

    border-radius: 10px;

    background-clip: padding-box;

    transition: all 300ms ease-out;

}

.scroll_rights_blck::-webkit-scrollbar{

    height: 2px;

    width: 2px;

}

.scroll_rights_blck::-webkit-scrollbar-track {

    background-color: rgba(40, 40, 40, 0.20);

}

.empty_cart_img{

    max-width: 160px;

}

.banner_slider {

    height: 300px !important;

}

.banner_slider img{
        height: auto;
    border-radius: 30px;

}

/* end main */



/* footer */

footer{

    background-color: #F8F8F8;

    padding: 30px 0;

}

.f_nav_bar{

    gap: 20px;

    align-items: start;

}

.nav_bar_fbl{

    /* width: 50%; */

    flex-direction: column;

    gap: 8px;

    align-items: start;

}

.f_nav_title{

    margin-bottom: 4px;

    font-size: var(--twenty);

}

.f_two_lines{

    grid-row-gap: 8px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: repeat(6, 1fr);

    grid-column-gap: 20px;

}

.f_nav_alink{

    font-size: var(--forteen);

    color: rgba(40, 40, 40, 0.60);

}

.f_nav_alink:hover{

    color: var(--brandCherry);

}

.gri_items{

    width: 50%;

}

.contact_alink{

    justify-content: start;

    gap: 10px;

}

.cont_link{

    max-width: 138px;

    font-size: var(--forteen);

    color: rgba(40, 40, 40, 0.60);

}

.contact_alink:hover .cont_link{

    color: var(--brandCherry);

}

.cont_svg{

    min-width: 30px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    justify-content: center;

    padding: 5px;

    border: 1px solid rgba(40, 40, 40, 0.10);

}

.cont_svg img{

    max-width: 12px;

    height: auto;

    object-fit: contain;

}

.time_blck{

    flex-direction: column;

    align-items: start;

}

.days_{

    font-size: var(--forteen);

}

.gray_line{

    margin: 30px 0;

    border-bottom: 1px solid rgba(40, 40, 40, 0.10);

}

.f_last_blck{

    gap: 20px;

}

.reserved_blck{

    gap: 4px;

    font-size: var(--forteen);

}

.site_dev{

    font-size: var(--forteen);

    gap: 10px;

}

.site_dev a:hover svg path{

    fill: var(--brandCherry);

}

.cards_fblck{

    gap: 4px;

}

.card_itemf{

    cursor: pointer;

    border: 1px solid transparent;

    width: 50px;

    height: 30px;

    border-radius: 6px;

    justify-content: center;

    background-color: var(--white);

}

.card_itemf:hover{

    border-color: var(--brandCherry);

}

.card_itemf img{

    height: auto;

    max-width: 30px;

}

/* end footer */



/* catalog */

.navigation_block{

    justify-content: start;

    gap: 10px;

    margin-bottom: 30px;

}

.prev_page{

    font-size: var(--forteen);

    color: rgba(40, 40, 40, 0.70);

}

.prev_page:hover{

    text-decoration: underline;

}

.mini_line{

    width: 10px;

    border: 1px solid rgba(40, 40, 40, 0.70);

}

.this_page{

    font-size: var(--forteen);

    color: var(--brandCherry);

}

.catalog_section{

    max-width: 1015px;

    width: 75%;

    flex-direction: column;

    align-items: start;

    gap: 30px;

    margin-bottom: 60px;

}

.catalogSwiper {

    padding-bottom: 15px !important;

}

.swiper-scrollbar-drag{

    background-color: var(--brandCherry) !important;

    cursor: pointer;

}

.catalogSwiper .categ_prod_img, .catalog_header .categ_prod_img{

    /* max-width: 80px; */

    height: 80px;

}

.catalogSwiper .nameof_categ, .catalog_header .nameof_categ{

    max-width: calc(100% - 16px);

    left: 8px;

    bottom: 8px;

}

.filter_block{

    align-items: start;

    gap: 20px;

}

.filter_window{

    position: sticky;

    top: 84px;

    align-items: start;

    gap: 10px;

    max-width: 210px;

    width: 30%;

    padding: 14px;

    flex-direction: column;

    border-radius: 30px;

    background: #F8F8F8;

}

.dashed_line{

    border-bottom: 1px dashed rgba(40, 40, 40, 0.10);

}

.third_title{

    font-size: var(--forteen);

}

.chosen_filtered_block{

    flex-wrap: wrap;

    justify-content: start;

    gap: 20px;

    align-items: stretch;

}

.chosen_filtered_block .products_slide{

    width: calc(100% / 4 - 15px);

}

.catalog_with_prods{

    gap: 14px;

    justify-content: start;

}

.chosen_product_blck{

    gap: 20px;

    align-items: start;

}

.chosen_prod_img{

    position: relative;

    min-width: 78px;

    width: 78px;

    height: 74px;

}

.chosen_prod_img a img{
    border-radius: 12px;
}

.chosen_prod_img .add_prod_fav{

    right: auto;

    width: 34px;

    height: 34px;

    top: -10px;

}

.chosens_inf{

    flex-direction: column;

    align-items: start;

    gap: 10px;

}

.chosens_inf .price_sale_blck{

    margin: 0;

}

.price_count_blk{

    gap: 4px;

} 

.chosens_inf .minus_plus_block{

    width: fit-content;

    padding: 5px 8px;

} 

.total_block{

    padding: 10px;

    flex-direction: column;

    align-items: start;

    gap: 10px;


    border-radius: 20px;

}

.total_price_saled{

    gap: 10px;

    justify-content: start;

}

.total_price_sp{

    font-size: var(--forteen);

}

.total_sale{

    font-size: var(--twelve);

    color: var(--brandCherry);

}

.add_tocart{

    padding: 10px;

    justify-content: center;

    background-color: var(--brandCherry);

    border-radius: 90px;

    cursor: pointer;

    color: var(--white);

    font-size: var(--twelve);

}

.catalog_pagination{

    flex-direction: column;

    gap: 20px;

    align-items: start;

}

.pagination_{

    justify-content: center;

    gap: 12px;

}

.next_prev_arow, .pagination_sp{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: var(--white);

    border: 1px solid rgba(40, 40, 40, 0.10);

    justify-content: center;

    cursor: pointer;

}

.pagination_sp{

    font-size: var(--forteen);

}

.pagination_sp:hover, .pagination_sp_active, .next_prev_arow:hover{

    background-color: var(--brandCherry);

    color: var(--white);

}

.tochki_:hover{

    background-color: var(--white) !important;

    color: var(--fontBlack);

    cursor: initial;

}

.next_prev_arow:hover svg path{

    stroke: var(--white);

}

/* end catalog */



/* about us */

.aboutus_section{

    margin: 60px 0 75px 0;

    gap: 20px;

}

.aboutus_section .aboutus_descrips{

    width: 50%;

}

.about_gallery_block{

    justify-content: center;

    position: relative;

    max-width: 670px;

    width: 50%;

}

.general_img_about{

    height: 478px;

}

.general_img_about img{

    border-radius: 30px;

}

.aboutus_section .descriptions_, .aboutus_section .descriptions_ div, 

.aboutus_section .descriptions_ p, .aboutus_section .descriptions_ span,

.aboutus_section .descriptions_ li{

    font-size: var(--eighteen);

}

.gallerySwiper{

    position: absolute !important;

    bottom: 40px;

    max-width: 590px;

    padding: 0 20px !important;

}

.gallery_img img{

    border-radius: 12px;

}

.gallery_img{

    border: 1px solid transparent;

    cursor: pointer;

    height: 88px !important;

    border-radius: 12px;

}

.gallery_img_active{

    border-color: var(--brandCherry);

}

.more_info_three{

    margin-bottom: 64px;

    gap: 20px;

}

.more_info_three .more_info_cart{

    width: calc(100% / 3);

}

.more_info_three .benefit_img{

    max-width: 46px;

    width: 100%;

}

.more_info_three .beef_title{

    font-size: var(--twenty);

}

.more_info_three .benef_descrip{

    font-size: var(--eighteen);

}

.brands_general_block{

    margin: 42px 0 65px 0;

}

.brands_general_block .brand_item{

    height: 82px;

    width: calc(100% / 5 - 16px);

}

.brands_general_block .brand_item img{

    width: 57%;

}

/* end about us */



/* product */

.product_general_block{

    gap: 20px;

    align-items: start;

}

.product_gen_slider{

    max-width: 555px;

    width: 100%;

    flex-direction: column;

    gap: 20px;

}

.prod_general_img{

    cursor: pointer;

    height: 530px;

}

.prod_general_img img{

    border-radius: 30px;

}

.prod_slide_img{

    height: 95px !important;

}

.about_prouct_gen_info{
    flex-direction: column;
    gap: 20px;
    max-width: 440px;
    width: 100%;
}
.grey_prods_inf_window{
    margin-top: 30px;
    border-radius: 30px;
    background: #F8F8F8;
    padding: 20px;
    flex-direction: column;
    align-items: start;
    gap: 16px;
}
.blocks_flex{
    gap: 14px;
}
.grey_sp{
    min-width: fit-content;
    font-size: var(--sixteen);
    color: rgba(40, 40, 40, 0.60);
}
.blocks_flex .sold_sp{
    margin-right: auto;
}
.copy_btn{
    width: 32px;
    height: 32px;
    border: 1px solid rgba(40, 40, 40, 0.10);
    background: #F8F8F8;
    border-radius: 50%;
    cursor: pointer;
    justify-content: center;
}
.products_name{
    max-width: 255px;
}
.blocks_flex .add_prod_fav{
    position: initial;
    min-width: 48px;
    width: 48px;
    height: 48px;
}
.about_prouct_gen_info .price_prods{
    font-size: var(--sixteen);
}
.about_prouct_gen_info .kg_piece{
    font-size: var(--forteen);
}
.about_prouct_gen_info .btns_count_block{
    max-width: 200px;
}
.prods_descrip{
    font-size: var(--forteen);
    color: #7B7B7B;
}
.categ_descrips{
    gap: 16px;
}
/* end product */

/* popup */
.parent_pop {
    position: relative;
    display: flex;
    justify-content: center;
}
.gray_back {
    background: rgba(17, 17, 17, 0.60);
    display: none;
    position: fixed;
    width: 100%;
    z-index: 32;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.gray_back_active {
    display: block;
}
.product_popup{
    z-index: 33;
    position: fixed;
    display: none;
    max-width: 880px;
    width: 85%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
    top: 10%;
    background: #181717;
}
.product_popup_active {
    display: flex;
}
.product_popup_slider{
    flex-direction: column;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--white);
}
.close_popup{
    margin-left: auto;
    cursor: pointer;
    width: 32px;
    height: 32px;
    justify-content: center;
    border-radius: 50%;
    background: #D9D9D9;
}
.close_popup:hover{
    background-color: red;
}
.close_popup:hover svg path{
    stroke: var(--white);
}

/* end popup */



/* privacy */

.descriptions_ ul, .descriptions_ ol{

    padding-left: 20px;

}

.general_descrip_block{

    font-size: var(--eighteen);

    margin-top: 50px;

}

.privacy_section{

    margin-bottom: 30px;

}

.general_descrip_block h2, .general_descrip_block h3, .general_descrip_block h4,

.general_descrip_block h5, .general_descrip_block h6{

    font-size: 24px;

}

/* end privacy */



/* checkout */

.checkout_section{

    gap: 20px;

    align-items: start;

    margin: 30px 0 60px 0;

}

.cart_left_block{

    flex-direction: column;

    gap: 20px;

    max-width: 782px;

    width: 100%;

}

.cart_title_blck{

    padding: 10px 20px;

    gap: 20px;

    border-radius: 30px;

    background: #F8F8F8;

}

.clear_cart{

    font-size: var(--forteen);

    cursor: pointer;

    padding: 10px 20px 10px 10px;

    gap: 10px;

    border-radius: 90px;

    border: 1px solid rgba(40, 40, 40, 0.10);

}

.clear_cart:hover{

    color: var(--white);

    background-color: var(--brandCherry);

}

.clear_cart:hover svg path{

    fill: var(--white);

}

.chosen_products_block{

    flex-direction: column;

    align-items: start;

    gap: 10px;

    margin-top: 10px;

}

.chosen_product_window{

    padding: 10px 20px;

    border-radius: 30px;

    background: #F8F8F8;

    gap: 20px;

}

.chosens_img_title{

    width: 100%;

    gap: 20px;

}

.chosens_img{

    min-width: 78px;

    width: 78px;

    height: 78px;

}

.chosens_title{

    max-width: 182px;

}

.chosen_product_window .price_sale_blck{

    margin: 0;

}

.button_fav_blck{

    gap: 24px;

}

.chosens_img_title .add_prod_fav{

    position: initial;

    min-width: 34px;

    width: 34px;

    height: 34px;

}

.chosens_img_title .minus_plus_block{

    width: fit-content;

    padding: 7px 25px;

}

.registered_alrdy{

    gap: 12px;

    cursor: pointer;

    font-size: var(--forteen);

}

.two_inps{

    align-items: start;

    gap: 14px;

}

.inps_{

    border: 1px solid transparent;

    padding: 14px;

    background-color: var(--white);

    border-radius: 90px;

    font-size: var(--forteen);

}

.inps_:focus{

    border-color: var(--brandCherry);

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type=number] {

  -moz-appearance: textfield;

}

.inp_rel{

    position: relative;

}

.eye, .eye_line{

    width: 20px;

    height: 20px;

    position: absolute;

    right: 20px;

    display: none;

    cursor: pointer;

}

.eye_active{

    display: flex;

}

.deliv_or_pick_blck{

    max-width: 305px;

    width: 100%;

    align-items: stretch;

    padding: 4px;

    background-color: var(--white);

    border-radius: 90px;

    gap: 4px;

}

.deliv_pickup{

    border-radius: 90px;

    cursor: pointer;

    padding: 4px;

    text-align: center;

    justify-content: center;

}

.deliv_pickup:hover, .deliv_pickup_active{

    background-color: var(--brandCherry);

    color: var(--white);

}

.dropdown_rel{

    position: relative;

}

.chosen_reg{

    font-size: var(--forteen);

}

.drops_title{

    cursor: pointer;

}

.choose_region{

    cursor: pointer;

    padding: 6px 10px;

    font-size: var(--forteen);

}

.choose_region:hover{

    background: #F5F5F5;

}

.delivery_block, .pickup_block{

    display: none;

}

.dp_active{

    display: flex;

}

.passwords_block{

    display: none;

}

.passwords_block_active{

    display: flex;

}

.shops_blcok{

    cursor: pointer;

    justify-content: start;

    gap: 10px;

}

.shop_img{

    width: 16px;

    height: 16px;

}

.shop_img img{

    object-fit: contain;

}

.chosen_shop{

    font-size: var(--forteen);

}

.payments_blck{

    gap: 14px;

    align-items: stretch;

    justify-content: start;

}

.choose_payment_blck{

    justify-content: center;

    border: 1px solid transparent;

    cursor: pointer;

    flex-direction: column;

    gap: 10px;

    width: calc(100% / 4);

    background-color: var(--white);

    border-radius: 12px;

    padding: 10px;

}

.choose_payment_blck:hover, .choose_payment_blck_active{

    border-color: var(--brandCherry);

}

.payments_img{

    max-width: 80px;

}

.payments_img img{

    height: auto;

    object-fit: contain;

}

.payment_sp{

    font-size: var(--twelve);

    text-align: center;

}

textarea{

    resize: none;

}

.textarea_message{

    border-radius: 20px;

}

.total_cart_block{

    position: sticky;

    top: 90px;

    max-width: 555px;

    width: 100%;

    align-items: start;

    border-radius: 30px;

    background: #F8F8F8;

    padding: 20px;

    flex-direction: column;

    gap: 14px;

}

.carts_line_block{

    gap: 10px;

}

.left_cart_sp{

    font-size: var(--forteen);

}

.right_cart_sp{

    font-size: var(--twelve);

}

.red_cart_sp{

    color: var(--brandCherry);

}

.deliv_free{

    justify-content: start;

    font-size: var(--twelve);

    gap: 4px;

    color: rgba(40, 40, 40, 0.60);

}

.deliv_free b{

    color: var(--fontBlack);

}

.total_title{

    font-size: var(--sixteen);

}

.pay_btn{

    border: 1px solid transparent;

    text-align: center;

    border-radius: 90px;

    padding: 15px;

    background-color: var(--brandCherry);

    color: var(--white);

    cursor: pointer;

}

.pay_btn:hover{

    background-color: transparent;

    border-color: var(--brandCherry);

    color: var(--brandCherry);

}

.empty_chekout{

    display: none;

}

.empty_chekout_active{

    display: flex;

}

/* end checkout */



/* login register forgot */

.alert_copied{

    position: fixed;

    top: 10%;

    left: 0;

    transform: translateY(-1000px);

    width: 100%;

    text-align: center;

    font-size: var(--eighteen);

    padding: 10px;

    color: var(--white);

    z-index: 40;

    background-color: var(--fontBlack);

}

.alert_copied_active{

    transform: translate(0);

}

.for_login_blocks .contact_alink{

    margin-left: auto;

}

.full_page{

    width: 100%;

}

.login_reg_block{

    align-items: stretch;

    min-height: 81vh;

    gap: 16px;

}

.login_reg_form{

    background: #F8F8F8;

    width: 40%;

    margin-top: -90px;

    z-index: 1;

    padding: 80px 60px 60px 60px;

}

.for_login_blocks{

    background-color: transparent;

}

.for_login_blocks .header_block {

    gap: 80px;

}

.big_reg_log_img{

    width: 50%;

    height: 100%;

    margin: auto;

}

.login_form{

    max-width: 364px;

    width: 100%;

    flex-direction: column;

    gap: 20px;

}

.forgot_pass{

    align-self: flex-start;

    font-size: var(--forteen);

}

.forgot_pass:hover{

    text-decoration: underline;

}

.radio_lab {

    align-self: flex-start;

    justify-content: start;

    gap: 20px;

    cursor: pointer;

}

.checko_, .checko_ input, .checkbox_form {

    width: 18px;

    height: 18px;

    aspect-ratio: 1 / 1;

}

.checko_ input {

    opacity: 0;

    z-index: 2;

    position: absolute;

    cursor: pointer;

}

.checkbox_form {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--brandCherry);

    border-radius: 5px;

    position: absolute;

    cursor: pointer;

    z-index: 0;

}

.checko_svg{

    display: none;

}

.checko_ input:checked~.checkbox_form .checko_svg{

    display: flex;

}

.choose_radio{

    font-size: var(--forteen);

}

.login_btn{

    padding: 15px;

    border-radius: 90px;

    background-color: var(--brandCherry);

    color: var(--white);

    border: 1px solid transparent;

    cursor: pointer;

}

.login_btn:hover{

    background-color: transparent;

    border-color: var(--brandCherry);

    color: var(--brandCherry);

}

.goto_register{

    font-size: var(--forteen);

}

.goto_register:hover{

    color: var(--brandCherry);

}

.inps_err_blck{

    flex-direction: column;

    align-items: start;

}

.error_message{

    display: none;

    color: red;

    font-size: var(--twelve);

}

.error_message_active{

    display: block;

}

.inps_error{

    border-color: red;

}

.not_found_block{

    margin: 40px 0;

    flex-direction: column;

    gap: 20px;

}

.error_img{

    max-width: 580px;

}

.error_title{

    font-size: var(--twofour);

    text-align: center;

    max-width: 300px;

}

.error_text{

    font-size: var(--forteen);

    color: rgba(40, 40, 40, 0.60);

    text-align: center;

    max-width: 355px;

}

.goto_catalog{

    padding: 10px 26px;

    background-color: var(--brandCherry);

    border: 1px solid transparent;

    color: var(--white);

    font-size: var(--twelve);

    border-radius: 90px;

    cursor: pointer;

}

.goto_catalog:hover{

    border-color: var(--brandCherry);

    background-color: transparent;

    color: var(--brandCherry);

}

.not_found_block .total_cart_block{

    max-width: 480px;

    gap: 10px;

    position: initial;

}

/* end login register forgot */





/*new*/

.fav_btn.active {
  border-color: var(--brandCherry);
 
}
.fav_btn.active svg path {
  fill: #AA0029;
}

.add_prod_fav.active {
    border-color: var(--brandCherry);
    background-color: var(--brandCherry, #AA0029);
}
.add_prod_fav.active svg path {
    fill: #fff; /* или #AA0029, как хочешь */
}


/* по умолчанию */
.btns_count_block .add_btn{display:flex}
.btns_count_block .minus_plus_block{display:none}



/* прибиваем старую "анимацию", если она прячет кнопку */
.add_btn.hide-animation{ display:flex !important; }


/* общий отступ снизу */
.account_wrapper {
  padding-bottom: 60px;
}

/* СЕТКА: 2 ряда справа, большая слева  */
.account_dashboard {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  grid-auto-rows: minmax(180px, auto);
  grid-template-areas:
    "edit password address"
    "edit wishlist orders";
  gap: 24px;
}

/* Привязка областей сетки */
.account_cell--edit       { grid-area: edit; }
.account_card--password   { grid-area: password; }
.account_card--address    { grid-area: address; }
.account_card--wishlist   { grid-area: wishlist; }
.account_card--orders     { grid-area: orders; }

/* ===== ЛЕВАЯ БОЛЬШАЯ КАРТОЧКА ===== */

.account_cell--edit {
  display: flex;
  flex-direction: column;
}

.account_edit_card {
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/* большая картинка */
.account_edit_image {
  border-radius: 40px;
  overflow: hidden;
}

.account_edit_image img {
  display: block;
  width: 100%;
  height: auto;
}

/* строка под картинкой */
.account_edit_footer {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #222222;
}

.account_edit_title {
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}

/* красный кружок со стрелкой */
.account_edit_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #B6233E;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== ПРАВЫЕ КАРТОЧКИ (4 штуки) ===== */

.account_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px;
  background: #F5F6FB;
  color: #222222;
}

.account_card_image {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.account_card_image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.account_card_footer {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.account_card_title {
  font-size: 16px;
  line-height: 1.3;
}

/* красный кружок со стрелкой справа */
.account_card_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #B6233E;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}



/* ===== Адаптив: всё в колонку на мобиле ===== */
@media (max-width: 991px) {
  .account_dashboard {
    grid-template-columns: 1fr;
    grid-template-areas:
      "edit"
      "password"
      "address"
      "wishlist"
      "orders";
  }

  .account_edit_image {
    border-radius: 32px;
  }
}




/* ===== Account Edit Page ===== */

#account-edit {
  width: 100%;
}

.account_section {
  padding: 30px 0 80px;
}

.account_page_inner {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Карточка с формой по центру */
.account_edit_card {
  width: 100%;
  max-width: 720px;
  border-radius: 24px;
  padding: 32px 40px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.04);
}



/* Глобальная ошибка */
.form_global_error {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #ffe6e6;
  color: #b00020;
  font-size: 14px;
}

/* Форма */
.account_edit_form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.account_edit_row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.account_edit_label {
  font-size: 14px;
  font-weight: 500;
  color: #282828;
  margin-bottom: 2px;
}

/* Поля */
.account_edit_card .inps_ {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.account_edit_card .inps_:focus {
  border-color: #aa0029;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(170, 0, 41, 0.15);
}

/* Ошибки под полями */
.account_edit_card .error_message {
  font-size: 12px;
  color: #d3001f;
  margin-top: 4px;
}

/* Кнопки */
.account_edit_buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}

.account_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.05s ease;
}

.account_btn_primary {
  background: #aa0029;
  color: #ffffff;
}

.account_btn_primary:hover {
  background: #c40031;
}

.account_btn_secondary {
  background: transparent;
  color: #282828;
  border-color: #dddddd;
}

.account_btn_secondary:hover {
  background: #f4f4f4;
}

.account_btn:active {
  transform: translateY(1px);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .account_edit_card {
    padding: 24px 18px;
  }

  .account_edit_buttons {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .account_btn {
    width: 100%;
    justify-content: center;
  }
}


/* Центровка контейнера страницы изменения пароля */
#account-password {
  display: flex;
  justify-content: center;
  width: 100%;
}

#account-password .wrapper {
  width: 100%;
}

/* Если ещё не добавлял для edit — общий стиль заголовка */
.account_edit_title {
  text-align: center;

}


#account-password .account_edit_block {
  justify-content: center !important;
}

#account-password .account_edit_card {
  margin: 0 auto !important;
  max-width: 720px;
}


/* ==== Address book page center ==== */

#account-address {
  display: flex;
  justify-content: center;
  width: 100%;
}

#account-address .account_section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; /* центрируем внутренний блок */
}

#account-address .account_edit_block {
  width: 100%;
  justify-content: center;
}




.required_star {
      color: #d3001f;
      margin-left: 4px;
    }

    /* ВЫРОВНЯТЬ ВСЕ ПОЛЯ ФОРМЫ ПО ШИРИНЕ */
    #account-address .account_edit_block {
      justify-content: center;
    }

    #account-address .account_edit_card {
      width: 100%;
      max-width: 720px; /* как на скрине, можно 540–600 если нужно шире */
      margin: 0 auto;
    }

    #account-address .account_edit_form {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    #account-address .account_edit_row {
      width: 100%;
      display: flex;
    }

    #account-address .account_edit_row .inps_err_blck {
          width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    }

    /* главный стиль для всех input/select с классом .inps_ */
    #account-address .account_edit_card .inps_ {
      display: block;
      width: 100% !important;
      box-sizing: border-box;
    }

    /* чтобы кнопки были такой же ширины, только если нужно */
    #account-address .account_edit_buttons {
      width: 100%;
      justify-content: space-between;
      gap: 12px;
      margin-top: 20px;
    }

    @media (max-width: 768px) {
      #account-address .account_edit_card {
        max-width: 100%;
      }

      #account-address .account_edit_buttons {
        flex-direction: column-reverse;
      }

      #account-address .account_btn {
        width: 100%;
        justify-content: center;
      }
    }

.account_edit_card{
        margin: 0 auto !important;
    max-width: 720px;
}

.form-group{
    width: 100%;
}



.order_card {
  background: #fff;
  padding: 32px;
  border-radius: 24px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.order_title {
  text-align: center;
  margin-bottom: 32px;
}

.order_section {
  margin-bottom: 32px;
  gap: 24px;
  flex-wrap: wrap;
}

.order_box {
  flex: 1 1 300px;
}

.order_box_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.order_box_text {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}

.order_table_wrapper {
  overflow-x: auto;
  border-radius: 12px;
}

.order_table {
  width: 100%;
  border-collapse: collapse;
}

.order_table th {
  background: #fafafa;
  padding: 12px;
  text-align: left;
  font-weight: 600;
}

.order_table td {
  padding: 12px;
  border-bottom: 1px solid #eee;
}

.total_label {
  text-align: right;
  font-weight: 600;
  background: #fafafa;
}

.total_value {
  font-weight: 600;
}

.order_comment_block {
  margin-top: 24px;
}

.order_comment {
  background: #f7f7f7;
  padding: 14px 16px;
  border-radius: 12px;
  color: #444;
}

.order_btn_wrap {
  text-align: right;
  margin-top: 32px;
}


.order_list_card {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 32px;
  border-radius: 24px;
  width: 100%;
}

/* Таблица */
.order_table_wrapper {
  width: 100%;
  overflow-x: auto;
  margin-top: 20px;
}

.order_table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}

.order_table th {
  background: #fafafa;
  padding: 14px 12px;
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}

.order_table td {
  padding: 14px 12px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
}

.order_table tr:hover td {
  background: #fdf3f4;
}

/* Пагинация */
.order_pagination_block {
  margin-top: 20px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.order_empty_text {
  text-align: center;
  padding: 30px 0;
  color: #777;
  font-size: 15px;
}

/* Адаптивность */
@media (max-width: 768px) {
  .order_list_card {
    padding: 20px;
    border-radius: 18px;
  }

  .order_table {
    min-width: 600px;
  }

  .order_pagination_block {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

.order_view_btn {
  display: inline-block;
  background: #a5161c; /* твой красный */
  color: #fff;
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
  white-space: nowrap;
}

.order_view_btn:hover {
  background: #850f14;
  color: #fff;
}




/* ==== MOBILE FILTER (до 768px) ==== */
@media (max-width: 768px) {
    .filter_window {
        position: relative;       /* убираем sticky, чтобы не прыгал */
        top: 0;
        width: 100% !important;   /* фильтр на всю ширину */
        max-width: 100%;
        padding: 18px 16px;
        border-radius: 20px;
        background: #F8F8F8;
        margin-bottom: 20px;      /* чтобы не прилипал к товарам */
    }

    /* уменьшаем внутренние блоки */
    .filter_window .bf-section {
        padding: 10px 0;
    }

    /* контролы — немного увеличиваем кликабельность */
    .filter_window input[type="checkbox"],
    .filter_window input[type="radio"] {
        transform: scale(1.2);
        margin-right: 8px;
    }

    /* цена по вертикали выглядит лучше */
    .filter_window .bf-price-inputs {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .bf-panel-wrapper{
        width: 100%;
    }
}


[data-aos=fade-left]{
    transform: none !important
}

.quantity .button-update{
    display: flex !important;
}



.delivery_methods_list {
  /*flex-direction: column;*/
  gap: 10px;
  width: 100%;
}

.shipping_group_title {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}

.delivery_method_option {
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  transition: border-color .2s ease, background-color .2s ease;
}

.delivery_method_option_active {
  border-color: #AA0029;
  background: #fff7f8;
}

.delivery_radio {
  display: flex;
  align-items: center;
  margin-right: 10px;
  position: relative;
}

.delivery_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.custom_radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #CCCCCC;
  display: inline-block;
  box-sizing: border-box;
}

.delivery_radio input[type="radio"]:checked + .custom_radio {
  border-color: #AA0029;
  box-shadow: 0 0 0 3px rgba(170, 0, 41, 0.15);
  background: radial-gradient(circle, #AA0029 0, #AA0029 50%, transparent 51%);
}

.delivery_method_content {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.delivery_method_title {
  font-weight: 500;
  font-size: 14px;
}

.delivery_method_price {
  font-weight: 600;
  font-size: 14px;
}





.terms_block {
  margin-top: 20px;
}

.terms_content {
  justify-content: start;
    align-items: flex-start;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.terms_label {
  cursor: pointer;
  gap: 10px;
  display: flex;
    align-items: center;
    justify-content: start;
  flex: 1;
}

/* текст слева */
.terms_label_text {
  font-size: 14px;
  line-height: 1.4;
}

/* СКРЫВАЕМ настоящий чекбокс name="agree" */
.terms_block .terms_label input[type="checkbox"][name="agree"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* unified checkbox for CGV block – same look as .checkout_checkbox_custom */
.custom_checkbox {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #991b2b; /* same бордовый, как в .checkout_checkbox_custom */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* галочка – по умолчанию скрыта */
.custom_checkbox::before {
  content: "";
  width: 12px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* показываем галочку, когда checkbox отмечен */
.terms_label input[type="checkbox"][name="agree"]:checked + .custom_checkbox::before {
  opacity: 1;
}

/* Кнопка использует твой общий стиль .pay_btn / .send_btn */

.terms_block .pay_btn {
    flex: 0 0 auto;
    width: 100%;
    max-width: 900px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
}

/* На узких экранах кнопка и текст встают в колонку и кнопка на всю ширину */
@media (max-width: 768px) {
    .terms_content {
        flex-direction: column;
        align-items: stretch;
    }

    .terms_block .pay_btn {
        max-width: 100%;
        width: 100%;
    }
}


/* Скрываем стандартный radio внутри блока доставки */
#shipping-method .delivery_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* На всякий случай — сам контейнер */
#shipping-method .delivery_radio {
    position: relative;
    display: flex;
    align-items: center;
}

/* Наш кастомный кружок */
#shipping-method .delivery_radio .custom_radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #D0D0D0;
    margin-right: 10px;
    box-sizing: border-box;
}

/* Заполненный кружок для выбранного варианта */
#shipping-method .delivery_method_option_active .delivery_radio .custom_radio {
    border-color: #AA0029; /* твой красный */
    box-shadow: 0 0 0 3px rgba(170, 0, 41, 0.2);
}

#shipping-method .delivery_method_option_active .delivery_radio .custom_radio::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 3px auto 0;
    border-radius: 50%;
    background: #AA0029;
}


.payment_methods_block {
  margin-top: 20px;
}

.payment_method_option {
  border-radius: 14px;
  background: #fafafa;
  padding: 14px 18px;
  margin-bottom: 10px;
  align-items: center;
  cursor: pointer;
  transition: 0.2s ease;
}

.payment_method_option_active {
  border: 2px solid #aa0029;
  background: #fff;
}

.delivery_radio {
  position: relative;
  margin-right: 12px;
}

.delivery_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.custom_radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: inline-block;
  box-sizing: border-box;
}

.payment_method_option_active .custom_radio {
  border-color: #aa0029;
  box-shadow: 0 0 0 4px rgba(170, 0, 41, 0.15);
}

.delivery_method_content {
      justify-content: flex-start;
    width: 100%;
    gap: 20px;
}



.comment-area{
        border-radius: 8px;
}

/* ==== Unified custom radio styles for shipping & payment ==== */

/* Hide native radios */
#shipping-method .delivery_radio input[type="radio"],
#payment-method .delivery_radio input[type="radio"],
.payment_method_option .delivery_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

/* Base custom circle */
#shipping-method .delivery_radio .custom_radio,
#payment-method .delivery_radio .custom_radio,
.payment_method_option .delivery_radio .custom_radio {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #d4d4d4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  transition: all 0.2s ease;
}

/* Active state (same UI for shipping & payment) */
.delivery_method_option_active .custom_radio,
.payment_method_option_active .custom_radio {
  border-color: #d0293c; /* brand red */
  box-shadow: 0 0 0 4px rgba(208, 41, 60, 0.15);
}

.delivery_method_option_active .custom_radio::before,
.payment_method_option_active .custom_radio::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d0293c;
}


.input-comments {
    border-radius: 8px;
}


#quickcheckoutconfirm textarea.form-control {
    display: block;           /* на всякий случай убираем flex */
    padding: 18px 24px;       /* нормальный padding */
    line-height: 1.4;         /* адекватная высота строки */
    box-sizing: border-box;   /* padding внутри высоты */
    resize: vertical;         /* только по вертикали можно тянуть */
  }


  /* Блок выбора типа платежного адреса */
.address_type_switch {
  margin-bottom: 10px;
}

.address_type_option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

/* Скрываем стандартный radio */
.address_type_option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Кастомный кружочек */
.address_type_custom_radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #c53;           /* бордовый/красный под твой стиль */
  box-shadow: 0 0 0 4px rgba(197, 51, 51, 0.08);
  position: relative;
  transition: all 0.2s ease;
}

/* Внутренняя точка при checked */
.address_type_option input[type="radio"]:checked + .address_type_custom_radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #c53;
}

/* Активное состояние всего лейбла */
.address_type_option input[type="radio"]:checked + .address_type_custom_radio {
  box-shadow: 0 0 0 6px rgba(197, 51, 51, 0.15);
}

/* Текст */
.address_type_label {
  font-weight: 500;
}

/* Блок с селектом адреса */
.address_existing_block {
  margin-bottom: 15px;
}

.address_select_wrapper {
  max-width: 100%;
}

.address_select {
  border-radius: 12px;
  border: 1px solid #e0d7d7;
  padding: 10px 14px;
  font-size: 14px;
}



/* Общий блок адреса */
.checkout_block.checkout_block--address,
.checkout_block.checkout_block--address-form {
  background: #f8f8f8;
  border-radius: 40px;
  padding: 30px 40px;
  margin-bottom: 24px;
}

.checkout_block_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 32px;
}

.checkout_field {
  width: 100%;
  /* min-width: 260px; */
  /* flex: 1 1 calc(50% - 32px); */
}

/* Радио-свитч существующий / новый адрес */
.address_type_switch {
  margin-bottom: 20px;
  gap: 24px;
}

.address_type_option {
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.address_type_option input[type="radio"] {
  display: none;
}

.address_type_custom_radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #b21d2b; /* твой бордовый */
  position: relative;
}

.address_type_option input[type="radio"]:checked + .address_type_custom_radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #b21d2b;
}

.address_type_label {
  font-weight: 500;
}

/* Селект с адресом */
.address_select_wrapper {
  max-width: 480px;
}

.address_select {
  width: 100%;
}

@media (max-width: 991px) {
  .checkout_field {
    flex: 1 1 100%;
  }
}


/* общий блок */
.grey_prods_inf_window.customer_block {
  border-radius: 30px;
  background: #f8f8f8;
  padding: 20px;
}

/* сетка */
.customer_block_inner {
  flex-wrap: wrap;
}

/* каждый инпут */
.customer_field {
  margin-bottom: 20px;
}

/* лейблы и инпуты как на новом UI */
.customer_label {
  display:block;
  margin-bottom:6px;
  font-weight:600;
}

.customer_input {
  border-radius: 8px;
  height: 44px;
}

/* Общий контейнер блока клиента */
.grey_prods_inf_window.customer_block {
  border-radius: 30px;
  padding: 20px;
}

.customer_block_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Сетка полей клиента и кастомных полей */
.checkout_fields_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 колонки на десктопе */
  gap: 20px 32px;
}

.checkout_fields_grid--custom {
  margin-top: 20px;
}

/* Один вид всех полей */
.checkout_field {
  display: flex;
  flex-direction: column;
}

.checkout_field--hidden {
  display: none;
}

.checkout_label {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 6px;
}

.checkout_input.form-control {
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  height: 44px;
  padding: 0 14px;
  box-shadow: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 14px;
}
.cart_left_block .qc-col-1 {
  width: 100%;
}
select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
}
select {
  background-position: right 14px center;
  padding-left: 40px;
}
select::-ms-expand {
  display: none;
}
/* textarea в том же стиле */
textarea.checkout_input.form-control {
  min-height: 90px;
  padding-top: 10px;
}

/* Блок «Создать аккаунт» и чекбоксы */
.checkout_account_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
  margin-top: 24px;
}



/* Адаптив */
@media (max-width: 991px) {
  .checkout_fields_grid {
    grid-template-columns: 1fr; /* на планшетах и мобильных — по одному полю в строку */
  }

  .grey_prods_inf_window.customer_block {
    padding: 16px;
    border-radius: 24px;
  }

  .checkout_account_block {
    flex-direction: column;
    align-items: flex-start;
  }
}


.checkout_login_block {
  margin-top: 25px;
  gap: 20px;
}

.checkout_input_group {
  display: flex;
  gap: 10px;
  align-items: center;
}

.checkout_btn_primary {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
}

.checkout_btn_primary:hover {
  background: #333;
}

.forgot_link {
  font-size: 14px;
  margin-left: 5px;
  color: #777;
}

.forgot_link:hover {
  color: #000;
}


/* ====== REGISTER BLOCK (пароль + чекбоксы) ====== */

.checkout_register_block {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3; /* тонкая линия как на скрине */
}

/* строка с 2 инпутами (пароль / подтверждение) */
.checkout_register_block .checkout_fields_row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 18px;
}

/* сами колонки */
.checkout_register_block .checkout_field {
  flex: 1 1 calc(50% - 16px);
  min-width: 260px;
}

/* подпись к полю */
.checkout_register_block .checkout_label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

/* инпуты пароля – тот же стиль, что и у остальных */
.checkout_register_block .checkout_input {
  width: 100%;
  /* если у тебя уже есть общий стиль для .checkout_input – можно эти
     свойства не дублировать, либо оставить – они совпадают с UI */
  border-radius: 12px;
  padding: 12px 18px;
}

/* блок с чекбоксами под полями */
.checkout_register_extras {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* общий стиль чекбоксов (создать аккаунт, согласие, рассылка) */


/* чтобы подпись "Создать аккаунт" над блоком не прилипала к верху */
.create_account_label {
  margin-top: 18px;
}




/* Шапка аккаунта: заголовок + кнопка logout */
.account_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

/* Заголовок "Mon compte" */
.account_page_title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
}

/* Кнопка выхода */
.account_logout_btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #971b2f; /* твой бордовый */
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
      max-width: 220px;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

/* текст внутри */
.account_logout_text {
  white-space: nowrap;
}

/* круглая иконка */
.account_logout_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

/* hover-эффекты */
.account_logout_btn:hover {
  background: #b6203a;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(151, 27, 47, 0.3);
}

.account_logout_btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(151, 27, 47, 0.25);
}

/* на маленьких экранах — перенос под заголовок */
@media (max-width: 768px) {
  .account_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}


/* Общий стиль для кастомного чекбокса в checkout */
.checkout_checkbox_label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* НАФИГ нативный чекбокс – прячем жёстко */
.checkout_checkbox_label input[type="checkbox"],
.checkout_checkbox_input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  border: none !important;
  background: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Красный квадратик */
.checkout_checkbox_custom {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #991b2b; /* твой бордовый */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* Галочка (по умолчанию невидима) */
.checkout_checkbox_custom::before {
  content: "";
  width: 12px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* Когда checkbox отмечен – показываем галочку */
.checkout_checkbox_label input[type="checkbox"]:checked + .checkout_checkbox_custom::before,
.checkout_checkbox_input:checked + .checkout_checkbox_custom::before {
  opacity: 1;
}

/* Текст справа от чекбокса */
.checkout_checkbox_text {
  font-size: 16px;
  line-height: 1.4;
}

/* Чтобы клик по спанам шёл на label */
.checkout_checkbox_custom,
.checkout_checkbox_text {
  pointer-events: none;
}


.product_meta_block {
  margin-top: 8px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 14px;
  color: #555;
}

.product_meta_item {
  display: flex;
  gap: 6px;
  align-items: center;
}

.meta_label {
  font-weight: 600;
  color: #222;
}

.meta_value {
  color: #666;
}




/* ================================
   SHIPPING ADDRESS (ТОЛЬКО ЭТОТ БЛОК)
   ================================ */

/* сам блок */
#shipping-address{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 22px;
    align-items: flex-start;
    font-size: 18px;
    background: rgb(248, 248, 248);
    border-radius: 30px;
    padding: 20px;
}

/* заголовок "Adresse de livraison" (у тебя он просто текст внутри div) */
#shipping-address{
  font-weight: 700;
}
#shipping-address > *:first-child{
  /* если первым элементом идёт текст/узел — иногда не применяется.
     поэтому ниже добавим более надёжный вариант через псевдо. */
}

/* Надёжный заголовок: если хочешь 100% как на скрине — включи это.
   Если не нужно — удали этот блок.
*/
/*
#shipping-address:before{
  content: "Adresse de livraison";
  display: block;
  width: 100%;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 6px 0;
}
*/

/* колонки */
#shipping-address .col-sm-6{
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
  font-weight: 600;
}

/* мобилка */
@media (max-width: 768px){
  #shipping-address .col-sm-6{
    width: 100%;
  }
}

/* label */
#shipping-address .control-label{
      font-weight: 500;
    font-size: 15px;
    margin-bottom: 6px;
}

/* input + select */
#shipping-address .form-control{
  
  box-shadow: none;
  transition: .2s ease;

    border-radius: 10px;
    border: 1px solid #e2e2e2;
    height: 44px;
    padding: 0 14px;
    box-shadow: none;
}

/* focus */
#shipping-address .form-control:focus{
  outline: none;
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

/* required аккуратно (не ломая твои классы) */
#shipping-address .required .control-label:after,
#shipping-address .col-sm-6.required .control-label:after{
  content: " *";
  color: #b00020;
  font-weight: 800;
}

/* скрытые поля не трогаем */
#shipping-address .hide{
  display: none !important;
}

/* select zone (стрелка нормальная) */
#shipping-address select.form-control{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 44px;
  background-image:
    linear-gradient(45deg, transparent 50%, #121212 50%),
    linear-gradient(135deg, #121212 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 22px,
    calc(100% - 16px) 22px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

#shipping-address .col-sm-6 > .form-control,
#shipping-address .col-sm-6 > input.form-control,
#shipping-address .col-sm-6 > select.form-control {
  width: 100% !important;
}

#shipping-address .col-sm-6.required {
  display: flex !important;
  flex-direction: column !important;
}

/* custom fields контейнер — чтобы не ломал сетку */
#custom-field-shipping{
  width: 100%;
}

#quickcheckoutconfirm .col-sm-6 {
    float: none !important;
    display: inline-block;
    width: 47% !important;
    vertical-align: top;
}

/* 1) Лейбл всегда сверху (только payment-address) */
#payment-address .checkout_field{
  display: flex;
  flex-direction: column;
}

#payment-address .checkout_field > .checkout_label.control-label{
  display: block;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

/* 2) Звёздочка required (только payment-address) */
#payment-address .checkout_field.required > .checkout_label.control-label:after{
  content: " *";
  color: #b00020;
  font-weight: 800;
}

/* ===== Reviews block ===== */
.nur-reviews{
  max-width: none !important;
  width: 100% !important;
  margin: 40px 0 !important;  /* вместо margin auto */
  padding: 0 !important;      /* пусть задаёт родитель */
  box-sizing: border-box;
}

.nur-reviews__slider{
  width: 100%;
}

.nur-reviews__header{
  margin-bottom: 20px;
}

.nur-reviews__header h2{
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}

.nur-reviews__header p{
  margin: 6px 0 0;
  color: #777;
  font-size: 14px;
}

/* ===== Card ===== */
.nur-review{
  background: #fff;
  border-radius: 16px;
  padding: 18px;
  height: 100%;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nur-review__top{
  display: flex;
  align-items: center;
  gap: 12px;
}

.nur-review__avatar{
   width:42px;
  height:42px;
  border-radius:50%;
  background: linear-gradient(180deg, #f2f2f7, #e5e5ea);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);
}

.nur-review__avatar::before{
  content:"";
  width:18px;
  height:18px;
  display:block;
  background:#8e8e93;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.76 0 5-2.46 5-5.5S14.76 1 12 1 7 3.46 7 6.5 9.24 12 12 12Zm0 2c-4.42 0-8 2.91-8 6.5V23h16v-2.5c0-3.59-3.58-6.5-8-6.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.76 0 5-2.46 5-5.5S14.76 1 12 1 7 3.46 7 6.5 9.24 12 12 12Zm0 2c-4.42 0-8 2.91-8 6.5V23h16v-2.5c0-3.59-3.58-6.5-8-6.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.nur-review__name{
  font-weight: 600;
  font-size: 14px;
}

.nur-review__meta{
  font-size: 12px;
  color: #888;
}

.nur-review__stars{
  color: #f5b400;
  font-size: 13px;
  margin-top: 4px;
}

.nur-review__text{
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nur-review__badge{
  margin-top: 14px;
  font-size: 12px;
  color: #888;
}

/* swiper */
.nur-reviews .swiper-slide{
  height: auto;
}

@media (max-width: 768px){
  .nur-reviews{
    margin: 40px auto;
  }
}