
.bme_container{ width:100%; max-width:1200px; margin:auto; padding:0 10px; position:relative; }


.bme_header{ position:fixed; top:0; left:0; z-index:999; width:100%; height:70px; background:#FFF; box-shadow:0 4px 20px rgba(0, 0, 0, 0.04); border-bottom:1px solid #eee; transition:top .3s ease-in-out; }
.bme_header.is-scrolled{ box-shadow:0 4px 20px rgba(0, 0, 0, 0.08); }

    .bme_header_container{ width:100%; height:100%; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }

        .bme_header_logo{ position:relative; display:flex; align-items:center; }
        .bme_header_logo img{ display:block; }
        .bme_header_cart{ cursor:pointer; }
        .bme_header_logo_num{ position:absolute; top:-4px; right:-6px; width:16px; height:16px; border-radius:50%; background:#fff; 
            box-shadow:0 0 0 1px #ddd; color:#1a1a1a; font-size:10px; font-weight:700; line-height:1; display:flex; align-items:center; justify-content:center; }


@media only screen and (max-width: 475px) {
    .bme_header{ height:60px; }
    .bme_header_container{ padding:0 15px; }
}


.bme_hero{ background:#f2f2f2; padding-top:80px; position:relative; }
    
    .bme_levissime{ text-align:center; margin-bottom:40px; }

    .bme_title{ text-align:center; color: #313131; font-size: 50px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 6px; }
    .bme_title strong{ font-weight:700; }
    .bme_subtitle{ text-align:center; color:#5a5a5a; font-size:16px; font-weight:400; letter-spacing:3px; text-transform:uppercase; margin:10px auto; line-height:1.2; }
    
    .bme_products{ margin:0 0 40px 0; }
    .bme_products img{ width:100%; max-width:900px; height:auto; display:block; margin:0 auto; }

    .bme_video{ position:relative; z-index: 2; width:100%; aspect-ratio:16/9; border-radius:24px; overflow:hidden; box-shadow:0 25px 50px rgba(0,0,0,.18); }
    .bme_video iframe{ width:100%; height:100%; display:block; border:0; }  
    
    .bme_hero_white{ position:absolute; z-index: 1; bottom:0; left:0; width:100%; height:300px; background-color:#fff; }


@media only screen and (max-width: 768px) {
    .bme_hero_white{ height:100px; }
}

@media only screen and (max-width: 475px) {
    .bme_levissime{ margin-bottom:20px; }
    .bme_levissime img{ width:220px; height:auto; }

    .bme_title{ font-size: 30px; }
    .bme_subtitle{ font-size:13px; }

    .bme_products{ margin:0 0 20px 0; }
}


.bme_intro{ text-align:center; padding:40px 0; }
    .bme_intro_title{ color: #313131; text-align: center; font-size: 50px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 6px; }
    .bme_intro_title strong{ font-weight:600; }
    .bme_intro_subtitle{ color: #313131; text-align: center; font-size: 30px; font-style: normal; font-weight: 300; line-height: 1.2; }
    
    .bme_divider{ width:60px; height:2px; background:#d0d0d0; margin:60px auto 20px auto; }


@media only screen and (max-width: 650px) {
    .bme_intro_title{ font-size: 25px; }
    .bme_intro_subtitle{ font-size:21px; margin-top:10px; }

    .bme_divider{ margin:30px auto 0px auto; }
}



.bme_compare + .bme_compare{ margin-top:70px; }

    .bme_compare_intro{ text-align:center; color:#313131; font-size:15px; line-height:1.6; max-width:800px; margin:0 auto 25px; font-weight:400; }
    .bme_compare_intro strong{ font-weight:600; }

    .bme_table_scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .bme_table{ display:flex; flex-direction:column; min-width:700px; }
    .bme_table_row{ display:grid; grid-template-columns:2fr repeat(4,1fr); column-gap:15px; }
    
    .bme_table_cell{ background:#F5F5F5; padding:14px 16px; min-height:48px; display:flex; align-items:center; justify-content:center; text-align:center; border-bottom:1px solid #B6B6B6; }

    .bme_table_need{ position:sticky; left:0; justify-content:flex-start; text-align:left; font-size:14px; color:#000; z-index:2; font-weight:400; color:#313131; box-shadow:8px 0 0 #fff; }
    .bme_table_row:first-child .bme_table_cell{ border-radius:12px 12px 0 0; }
    .bme_table_row:last-child .bme_table_cell{ border-bottom:none; border-radius:0 0 12px 12px; }
    .bme_table_head .bme_table_cell{ font-weight:700; font-size:14px; letter-spacing:1px; color:#313131; text-transform:uppercase; }
    .bme_table_head .bme_table_need{ justify-content:space-between; }
    .bme_table_mixicon{ height:32px; width:auto; }


.bme_table_velvet{ background:#EEE5F4; }
.bme_table_firm{ background:#FFF7E0; }
.bme_table_age{ background:#EBF6EA; }
.bme_table_dual{ background:#FFE9EF; }


@media (max-width:767px){
    .bme_table_row{ grid-template-columns:140px repeat(4,100px); column-gap:10px; }
    .bme_table{ min-width:0; width:max-content; }
    .bme_table_cell{ padding:12px 10px; }
    .bme_table_head .bme_table_need{ flex-direction:column; justify-content:center; gap:6px; }
    .bme_table_mixicon{ height:26px; }
}








.bme_section_head{ text-align:center; padding:60px 0 40px 0; }

    .bme_section_head_line{ width:100%; height:1px; background:#e5e5e5; margin-bottom:40px; }

    .bme_section_head_tag{ display:inline-block; background:#2b2b2b; padding:8px 18px; margin-bottom:20px; color: #FFF; text-align: center; font-size: 32px; 
        font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 4.2px; }

    .bme_section_head_title{ text-align:center; color: #313131; font-size: 50px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 6px; }
    .bme_section_head_title strong{ font-weight:700; }

    .bme_section_head_divider{ width:60px; height:2px; background:#d0d0d0; margin:30px auto 0; }

@media only screen and (max-width: 475px) {
    .bme_section_head{ padding:40px 0 20px 0; }

    .bme_section_head_tag{ font-size:20px; margin-bottom:10px; }

    .bme_section_head_title{ font-size:30px; letter-spacing:2px; }
    .bme_section_head_line{ margin-bottom:25px; }
}





.bme_products_section{ padding:60px 0; }

    .bme_tag{ display:inline-block; background:#EFE9F5; color:#313131; font-size:30px; font-weight:600; letter-spacing:1px; line-height: 1.2; text-transform:uppercase; padding:12px 24px; margin-bottom:30px; 
     max-width: 500px; }


        .bme_main_product{ display:grid; grid-template-columns:40% 60%; align-items:center; gap:80px; }
            .bme_main_product_image img{ width:100%; height:auto; display:block; }

            .bme_main_product_info{ }
                .bme_main_product_title{ font-size:22px; font-weight:700; letter-spacing:1px; color:#313131; margin-bottom:14px; }
                .bme_main_product_desc{ font-size:16px; font-weight:500; line-height:1.7; color:#3f3f3f; margin-bottom:20px; }
                .bme_main_product_price{ font-size:22px; font-weight:600; color:#313131; margin-bottom:18px; }



    .bme_btn_add{ display:inline-flex; position: absolute; z-index: 10; align-items:center; gap:12px; background:#2b2b2b; color:#fff; border:0; font-size:15px; font-weight:700; 
        letter-spacing:.5px; text-transform:uppercase; padding:12px 20px; border-radius:8px; cursor:pointer; margin-top:-40px; right:10px; }

    .bme_btn_add_done{ display:none; }

    .bme_btn_icon{ position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px; width:22px; height:22px; border:1px solid #fff; border-radius:50%; }
    .bme_btn_icon::before{ content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#fff; transform:translate(-50%,-50%); }
    .bme_btn_icon::after{ content:""; position:absolute; top:50%; left:50%; width:1px; height:10px; background:#fff; transform:translate(-50%,-50%); }

    .bme_btn_add.is-added{ background:#3d7a4a; }
    .bme_btn_add.is-added .bme_btn_add_label{ display:none; }
    .bme_btn_add.is-added .bme_btn_add_done{ display:inline; }
    .bme_btn_add.is-added .bme_btn_icon{ border-color:#fff; }
    .bme_btn_add.is-added .bme_btn_icon::before{ width:9px; height:5px; top:45%; left:50%; background:none; border:0; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translate(-50%,-50%) rotate(-45deg); }
    .bme_btn_add.is-added .bme_btn_icon::after{ content:none; }

    .bme_added_msg{ display:none; font-size:12px; color:#8a8a8a; text-decoration:underline; margin-top:10px; }

    .bme_btn_add.is-disabled{ opacity:.4; cursor:not-allowed; pointer-events:none; }


@media only screen and (max-width: 800px) {
    .bme_products_section{ padding:20px 0 60px 0; }

    .bme_tag{ display: block; width: fit-content; font-size:19px; margin:0 auto 30px auto; text-align:center; }
}


.bme_concentrates_section{ padding:10px; width:100%; max-width:1200px; margin:auto; }
    
    .bme_concentrates_swiper{ margin:0 -10px; padding:0 10px 10px; }
        
        .bme_concentrates_swiper .swiper-slide{ width:260px; height:auto; }

            .bme_concentrate_card{ flex:0 0 260px; scroll-snap-align:start; }

                .bme_concentrate_image{ position:relative; aspect-ratio:1/1; overflow:hidden; }
                .bme_concentrate_image img{ width:100%; height:100%; object-fit:cover; display:block; }

                    .bme_concentrate_label{ position:absolute; top:14px; left:14px; z-index:2; background:#2b2b2b; color:#fff; font-size:11px; font-weight:700; letter-spacing:.5px; 
                        text-transform:uppercase; padding:6px 14px; }
                
                .bme_concentrate_content{ padding:0 10px; }

                .bme_concentrate_name{ font-size:15px; font-weight:700; letter-spacing:1px; color:#313131; margin-top:16px; }

                .bme_concentrate_price{ font-size:16px; font-weight:600; color:#313131; margin:6px 0 12px; }
                
                .bme_concentrate_desc{ font-size:13px; line-height:1.6; font-weight: 400; color:#5a5a5a; margin-top:14px; }
                .bme_concentrate_desc strong{ font-weight:700; color:#313131; }


    .bme_concentrates_dots{ display:flex; justify-content:center; gap:8px; margin-top:25px; height: 0; opacity:0; }
    .bme_dot{ width:9px; height:9px; border-radius:50%; background:#d8d8d8; display:inline-block; }

    .bme_concentrates_thumbs{ max-width:340px; margin:50px auto 0; display:none; height: 0; opacity:0; }
    .bme_concentrates_thumbs .swiper-slide{ width:70px; height:70px; overflow:hidden; opacity:.5; cursor:pointer; }
    .bme_concentrates_thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
    .bme_concentrates_thumbs .swiper-slide-thumb-active{ opacity:1; /*box-shadow:0 0 0 2px #2b2b2b;*/ }


@media only screen and (max-width: 799px) {
    .bme_concentrates_dots{ height:auto; opacity:1; }
    .bme_concentrates_thumbs{ display:block; height:auto; opacity:1; }
}




@media only screen and (max-width: 768px) {
    .bme_main_product{ grid-template-columns:1fr; }
    .bme_main_product_image{ max-width:260px; margin:0 auto; }
}


.bme_cart{ padding:0 10px; }
    
    .bme_cart .bme_container{ padding:60px 0; border-top:1px solid #ccc; }

    .bme_cart_list{ }
        .bme_cart_item{ display:grid; grid-template-columns:110px 1fr auto auto; align-items:center; column-gap:20px; padding:16px 0; border-bottom:1px solid #ccc; }
        .bme_cart_item img{ width:110px; height:110px; object-fit:cover; border-radius:8px; display:block; }
        .bme_cart_item_name{ font-size:15px; font-weight:400; color:#000; }
        .bme_cart_item_price{ font-size:15px; font-weight:600; color:#313131; text-align:right; }
        .bme_cart_item_remove{ background:none; border:0; padding:6px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }

    .bme_cart_total{ display:flex; justify-content:space-between; align-items:center; padding:20px 0; font-size:16px; font-weight:700; color:#313131; text-transform:uppercase; letter-spacing:.5px; }

    .bme_btn_cart_submit{ display:inline-flex; align-items:center; gap:12px; background:#2b2b2b; color:#fff; border:0; 
        font-size:15px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:16px 28px; border-radius:8px; cursor:pointer; }

        .bme_btn_cart_submit .bme_cart_submit_loading{ display:none; }
        .bme_btn_cart_submit .bme_cart_submit_done{ display:none; }
        .bme_btn_cart_submit.is-loading{ opacity:.7; pointer-events:none; }
        .bme_btn_cart_submit.is-loading .bme_cart_submit_label{ display:none; }
        .bme_btn_cart_submit.is-loading .bme_cart_submit_loading{ display:inline; }
        .bme_btn_cart_submit.is-added{ background:#3d7a4a; }
        .bme_btn_cart_submit.is-added .bme_cart_submit_label{ display:none; }
        .bme_btn_cart_submit.is-added .bme_cart_submit_done{ display:inline; }





.bme_example{ display:grid; grid-template-columns:45% 55%; align-items:center; gap:60px; border-top:1px solid #ccc; padding-top:50px; }

    .bme_example_image{ }
        .bme_example_image img{ width:100%; height:auto; display:block; }

    .bme_example_content{ }
        .bme_example_text{ font-size:26px; font-weight:300; line-height:1.4; color:#313131; margin-bottom:25px; }
        .bme_example_text strong{ font-weight:700; }
        .bme_example_btn{ display:inline-block; background:#2b2b2b; color:#fff; font-size:14px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:16px 26px; text-decoration:none; }

@media only screen and (max-width: 768px) {
    .bme_example{ grid-template-columns:1fr; gap:25px; }
    .bme_example_text{ font-size:20px; }
}