body, .main_menu .cws_megamenu_item, .main_menu .sub-menu .menu-item > a{ font-family: ABeeZee; font-size: 17px; line-height: 29px; color: #eeee22; }#wp-calendar td#prev a:before, #wp-calendar td#next a:before, .widget #searchform .screen-reader-text:before, #search_bar_item input[name='s']{ font-size:17px; }.site_header#sticky.alt .main_menu .menu-item, .testimonial.without_image .author_info + .author_info:before{ color: #eeee22; }.site_header#sticky.alt .main_menu.sandwich .sandwich_switcher .ham, .site_header#sticky.alt .main_menu.sandwich .sandwich_switcher .ham:before, .site_header#sticky.alt .main_menu.sandwich .sandwich_switcher .ham:after{ background-color: #eeee22; }.widget ul>li.recentcomments:before, .widget ul>li.recentcomments:after{ width: 29px; height: 29px; } .widget .menu .pointer{ height: 29px; } .main_menu .menu-item, #mobile_menu .megamenu_item_column_title, #mobile_menu .widget_nav_menu .menu-item{ font-family: Merienda One; font-size: 18px; line-height: 36px; color: #ffff96; }.main_menu.sandwich .sandwich_switcher .ham, .main_menu.sandwich .sandwich_switcher .ham:before, .main_menu.sandwich .sandwich_switcher .ham:after, #mobile_header .sandwich_switcher .ham, #mobile_header .sandwich_switcher .ham:before, #mobile_header .sandwich_switcher .ham:after{ background-color: #1c3545; }.cws_megamenu_item .megamenu_item_column_title .pointer{ font-size:18px; }#mobile_menu .menu-item:hover{ color:#ffff96; } .widgettitle{ font-family: Merienda One; font-size: 28px; line-height: 39px; color: #eeee22; }.widgettitle + .carousel_nav{ line-height: 39px; } h1, h2, h3, h4, h5, h6, .pagination .page-numbers:not(.prev):not(.next), .pagination .page_links a, blockquote, q, input[type='submit']{ font-family: Merienda One; color: #eeee22; }ol, .widget ul a, .cwsstaff_post.posts_grid_post:hover .post_title, a.more-link{ color: #eeee22; }input[type='submit'], a.more-link, a.more-link:hover{ border-color: #eeee22; }a.more-link:hover{ background-color: #eeee22; }.cwsstaff_post_title > svg{ fill: #eeee22; }.bellaria_button, .post_single.format-quote .post_single_post_media, .widget ul>li.recentcomments:before, .vc_pie_chart .vc_pie_chart_value, .cooked-recipe-grid .cooked-recipe-name, .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab > a, .product .summary .price, .cooked-recipe-grid .cooked-recipe-card-title{ font-family: Merienda One; } @media screen and ( min-width: 981px ){ #page.single_sidebar .cwsstaff_posts_grid.posts_grid_2 .cwsstaff_post_title.posts_grid_post_title, #page.double_sidebar .cwsstaff_posts_grid.posts_grid_2 .cwsstaff_post_title.posts_grid_post_title{ color: #eeee22; } } @media screen and ( max-width: 479px ){ .cwsstaff_post_title.posts_grid_post_title{ color: #eeee22; } } .bellaria_button, .bellaria_button i, .bellaria_button.alt:hover, .bellaria_button.figure, .bellaria_button.figure.alt:hover, .products:not(.list) .add_to_cart_button{ color: #eeee22; } .bellaria_button:hover, .bellaria_button:hover span:before, .bellaria_button.figure:hover, .bellaria_button.figure:hover span:before, .bellaria_button.alt, .bellaria_button.alt span:before, .bellaria_button.alt.figure, .bellaria_button.alt.figure span:before, .products:not(.list) .product_type_simple:hover, .products:not(.list) .add_to_cart_button:hover, .products:not(.list) .product_type_variable:hover{ background-color: #eeee22; } .bellaria_button, .bellaria_button.figure, .bellaria_button:hover, .bellaria_button:hover span:before, .bellaria_button.figure:hover, .bellaria_button.figure:hover span:before, .bellaria_button.alt, .bellaria_button.alt span:before, .bellaria_button.alt.figure, .bellaria_button.alt.figure span:before, .products:not(.list) .product_type_simple:hover, .products:not(.list) .add_to_cart_button:hover, .products:not(.list) .product_type_variable:hover{ border-color: #eeee22; } a, ul li:before, ul.custom_icon_style .list_list, .widget ul a:hover, h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .post_posts_grid_post_content.read_more_alt .more-link:hover, #comments .comments_number, .wp-playlist-light .wp-playlist-current-item:before, .wp-playlist-light .wp-playlist-tracks .wp-playlist-playing, .cwsstaff_post_terms.single_post_terms, #footer_widgets .widget ul a:hover, #footer_social .social_icon:hover, .banner_icon, .bellaria_services_column:hover .testimonial .author_status, .cws_twitter .cws_twitter_icon i, .select2-results .select2-highlighted, .widget_icon, span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-validates-as-required.wpcf7-not-valid + .wpcf7-not-valid-tip:after, .post_posts_grid_post_content.read_more_alt .more-link i, .comment-reply-link, .widget #searchform .screen-reader-text.hover, .widget_social .social_icon:hover, .widget.custom_color .widget_social .social_icon:hover, .bellaria_process_title .process_number, .bellaria_process_icon, .small_type .latest_post_post:hover .latest_post_post_date .date, .latest_post_post .latest_post_post_media .link:hover, .hexagon_grid .pic .links a:hover, .post_info_wrap .info_icon, .post_info_wrap i, .comment-reply-link .reply_icon, .post_post_header > a:hover, .widget ul>li:before, .cws_megamenu_item .megamenu_item_column_title, .main_menu .cws_megamenu_item .widget .menu .menu-item > a:before, .pricing_plan_price, .dropcap:not(.dropcap_fill), .main_menu > .menu-item:hover > a, .main_menu .sub-menu .menu-item.current-menu-item > a, #main_menu.main_menu .menu-item.current-menu-item, #header_wrapper .main_menu > .menu-item.current-menu-parent, #main_menu.main_menu > .menu-item.current_page_ancestor, #site_header .main_menu > .menu-item.current_page_item, #header_wrapper .main_menu .sub-menu > .menu-item.current-menu-ancestor > a, #header_wrapper .main_menu > .menu-item.current_page_ancestor, #header_wrapper .main_menu .sub-menu > .menu-item.current-menu-ancestor, .large_type .latest_post_post .latest_post_post_data .date, #mobile_menu.main_menu .menu-item.current-menu-item, .main_menu .cws_megamenu_item:hover, .main_menu .sub-menu .menu-item:hover > a{ color: #5fcac7; } .bellaria_services_column.hovered:hover .bellaria_services_icon svg, .bellaria_services_column.icon_alt .bellaria_services_icon svg{ fill: #5fcac7; } hr:before, .post_terms .v_sep{ border-left-color: #5fcac7; } abbr{ border-bottom-color: #5fcac7; } .more-link:hover, .widget ul>li.recentcomments:after, .widget .menu .pointer:before, .widget .menu .pointer:after, .widget .menu .menu-item.active, .widget .menu .menu-item:hover, a[rel^="attachment"]:before, .gallery .gallery-item a:before, .wp-playlist-light .wp-playlist-current-item, hr.posts_grid_small_divider, hr.short, .testimonial.bellaria_module figcaption:before, .process_number_wrap, .testimonial.bellaria_module .quote q:after, .vc_tta.vc_tta-accordion.vc_general .vc_tta-panel-body:before, .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:before, .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:after, .vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab.vc_active, body.wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel.vc_active, body.wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body, .portfolio_item_post .side_load .load_bg, .widget .tagcloud a:hover, #wp-calendar td:not(#prev):not(#next) a, #wp-calendar td:not(#prev):not(#next) a:before, #wp-calendar td:not(#prev):not(#next) a:after, .main_menu .sub-menu .menu-item > a:after, .dropcap.dropcap_fill, .widget .woocommerce-product-search .screen-reader-text, .main_menu > .menu-item > a:before, .tabs_alternative.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-heading .vc_tta-panel-title, .sec_desc .benefits_media:hover .benefits_hover_content:before, .benefits_icon .icon, .widget-bellaria-about .bellaria_button_wrapper .bellaria_button:hover, .widget-bellaria-about .image_wrap:before, .cooked-recipe-card-modern-centered:hover .cooked-recipe-card-sep, .cooked-browse-search-button, .vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_active .vc_tta-panel-heading .vc_tta-panel-title, .mc4wp-form .mc4wp-form-fields > p + p:hover{ background-color: #5fcac7; } .more-link:hover, button, .latest_tweets .tweet:before, .cws_twitter .cws_twitter_icon i, .cta_icon, span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-not-valid, .dropcap.dropcap_border, .widget .woocommerce-product-search .screen-reader-text, .select2-container .select2-selection--single, .widget-bellaria-about .bellaria_button_wrapper .bellaria_button:hover, .bellaria_pricing_plan, .pricing_plan_content > *, .main_menu .menu-item > .sub-menu:before, .menu_wrapper .wpml-ls-sub-menu:before{ border-color: #5fcac7; } .main_menu > .menu-item >.sub-menu, .bellaria_services_column{ border-top-color: #5fcac7; } .comment-form-rating .stars .stars-active, .post_post_terms, .post_post_terms a, .latest_post_list_more{ color: #5fcac7; } .vc_toggle .vc_toggle_icon, span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child + input[type='submit'], #banner_404_away .bellaria_button{ border-color: #5fcac7; } hr:before{ border-right-color: #5fcac7; } .hex:after{ border-top-color: #5fcac7; } .vc_toggle.vc_toggle_active .vc_toggle_icon, span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child + input[type='submit'], .post_post.sticky > .post_post_header, .hex, #banner_404_away .bellaria_button:hover, .woo_mini_count{ background-color: #5fcac7; } #wp-calendar td#prev a:hover:before, #wp-calendar td#next a:hover:before, .vc_toggle .vc_toggle_icon, .vc_toggle.vc_toggle_active .vc_toggle_title > h4, .search_posts_grid .post_post_terms, .search_posts_grid .post_post_terms a{ color: #5fcac7; }.bellaria_pb_progress, .post_post_header a:hover, .post_post_header .info_icon, .post_post_header .fa, .post_post_header .like .sl-icon, .post_post_header .like a:hover, .post_post_media .date span:first-child, .pagination .page_links .page-numbers.current, .pagination .page_links .page-numbers:hover, .pagination .page_links a:hover, blockquote:before, blockquote:after, q:before, ul > li:before, .post_title.post_post_title a:hover, .post_posts_grid .pic.link_post .link, .post_single_post_media .pic.link_post .link, .format-quote .post_no_image_wrap:before, .post_single.format-quote .post_single_post_media:before, .post_single.format-quote .post_single_post_media:after, .widget ul>li.recentcomments:before, .widget_post_terms a, .widget .recentcomments a.url, .posts_grid .portfolio_item_post.under_img .cwsportfolio_post_title:hover, a:hover > .cwsstaff_post_title, .cwsstaff_social_links.post_social_links a:hover, .filter_wrap .filter.active h5, .filter_wrap .filter:hover h5, .widget.widget_categories ul>li, .post_post_media .link a:hover, #commentform .submit, #commentform p.logged-in-as a, #scroll_to_top{ color: #ff91a4; } .bellaria_pb_progress, .widget .searchform .screen-reader-text, .widget .woocommerce-product-search .screen-reader-text, table thead tr:first-child, .widget .tagcloud a, .woo_banner_wrapper{ background: #ff91a4; } .post_format-post-format-gallery .gallery_post_carousel_nav.prev:hover:before, .post_format-post-format-gallery .gallery_post_carousel_nav.next:hover:before, .post_format-post-format-gallery .gallery_post_carousel_nav.prev:hover:after, .post_format-post-format-gallery .gallery_post_carousel_nav.next:hover:after, #commentform .submit{ border-color: #ff91a4; } hr:before, .owl-controls .owl-page, .cwsstaff_social_links.post_social_links a, #commentform .submit:hover, mark{ background-color: #ff91a4; } .owl-controls .owl-page, .cwsstaff_photo:before, .cwsstaff_social_links.post_social_links a, .main_menu > .menu-item:after{ border-color: #ff91a4; } .posts_grid .portfolio_item_post.under_img .cwsportfolio_post_title:hover a .div_left, .posts_grid .portfolio_item_post.under_img .cwsportfolio_post_title:hover a .div_right, a:hover > .cwsstaff_post_title > svg, .filter_wrap .filter_svg svg, .filter_wrap .filter_shape, #scroll_to_top:hover > svg{ fill: #ff91a4; } .hex:before, .menu_search_wrap .search-field{ border-bottom-color: #ff91a4; } #scroll_to_top:hover > svg{ fill: #ff91a4 !important; } #header_img_bg:before{ background-color:rgba(28,53,69,0.9); } .main_menu > .menu-item > a, .main_menu > .menu-item > span.pointer{ padding-top: 20px;padding-left: 15px;padding-right: 15px;padding-bottom: 20px; }#page_title_section .page_title_content{ padding-top: 120px !important; }#page_title_section .page_title_content{ padding-bottom: 120px !important; } #site_header{ background-color:rgba(255,255,255,0); } #site_header .woo_minicart_bar_item .bar_element, .menu_wrapper .bellaria_extra_button a.extra_btn_url, .header_wrap_menu .bellaria_extra_button a.extra_btn_url, .menu_wrapper .menu_search_button, #site_header .main_menu > .menu-item{ color: #ffffff; } .main_menu > .wpml-ls-slot-main-menu:before{ border-right-color: #ffffff; } #header_img_bg{ background-image: url(../media/c0b35e77609bf3fa.jpg); } #page_title, #page_title_section .bread-crumbs{ color: #ffff96; } #footer_widgets{ color: #b0b0b0; } #footer:before{ background-color: rgba(10,0,0,0.9);; } #footer_widgets .carousel_nav > *{ color: #b0b0b0; border-color: #b0b0b0; } #footer_widgets h1, #footer_widgets h2, #footer_widgets h3, #footer_widgets h4, #footer_widgets h5, #footer_widgets h6, #footer_widgets i, #footer_widgets .carousel_nav > *:hover, #footer_widgets .widget ul a, #footer_widgets .widget.custom_color input[type='submit']:hover, #footer_widgets .widget textarea{ color: #ffffff; } #footer_widgets .widget_icon{ color: #0a0000 !important; } #footer_widgets .carousel_nav > *:hover{ border-color: #ffffff; } #footer_widgets .widget_header .carousel_nav > *:hover{ background-color: #ffffff; } #site_footer{ background-color: rgba(20,20,20,0.3);; color: #ffffff; } #footer_social .social_icon{ color: #ffffff; } #document > #wpadminbar{ margin-top: auto; } /*# sourceURL=cws_main-inline-css */ #mobile_header { background-color: #171A1D; /* red background */ } .header_logo { display: flex; justify-content: center; /* Centers horizontally */ align-items: center; /* Centers vertically */ height: 100px; /* Adjust to your header height */ width: 100%; /* Ensures full width */ text-align: center; /* Centers text or inline elements */ } .header_logo_img { max-width: 100%; /* Ensures logo fits within the header */ height: auto; /* Maintains aspect ratio */ } .menu-tab img.menu-icon { width: 28px; height: 28px; object-fit: contain; border-radius: 8px; background: #fff; padding: 2px; } .menu-tab { display: flex; flex-direction: column; align-items: center; text-align: center; background: #C68CBB; border: none; padding: 10px; border-radius: 10px; cursor: pointer; } .menu-tab.active { background: #ffbdb3; } .menu-icon-wrapper { width: 40px; height: 40px; margin-bottom: 6px; } .menu-icon-wrapper img.menu-icon { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; background: #fff; padding: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .menu-card-content { padding: 12px; text-align: center; background-color: #C68CBB; /* або будь-який інший колір */ } .menu-tab { background-color: #C68CBB !important; color: #333 !important; border: none !important; padding: 10px 15px !important; border-radius: 8px !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 8px !important; font-weight: bold !important; } .menu-tab.active { background-color: #eeee22 !important; color: #000 !important; } .price { color: #C68CBB !important; font-weight: normal; margin-bottom: 10px; } .order-button { background: #eeee22 !important; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; } #sticky_box { background-color: #363636; } #site_header .woo_minicart_bar_item .bar_element, .menu_wrapper .bellaria_extra_button a.extra_btn_url, .header_wrap_menu .bellaria_extra_button a.extra_btn_url, .menu_wrapper .menu_search_button, #site_header .main_menu > .menu-item { color: #fff; } .bellaria_extra_button, .menu_search_button { display: flex; align-items: center; margin-top: -4px; position: relative; z-index: 1; color: #fff; cursor: pointer; margin-left: 10px; padding-left: 10px; font-size: 21px; } .main_menu.sandwich .sandwich_switcher .ham, .main_menu.sandwich .sandwich_switcher .ham:before, .main_menu.sandwich .sandwich_switcher .ham:after, #mobile_header .sandwich_switcher .ham, #mobile_header .sandwich_switcher .ham:before, #mobile_header .sandwich_switcher .ham:after { background-color: #fff; } #site_header, #mobile_header, #mobile_menu_wrapper { background-color: #171A1D; z-index: 4; } .instagram-swiper { padding-bottom: 0px !important; } #header_img_bg { background-size: contain; background-position: center center; } #page > .bellaria_layout_container { margin-top: -110px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #page { padding-top: 0px; padding-bottom: 40px; } #document { background: #282828; position: relative; } #commentform { margin-left: -10px; border: 4px solid #282828; border-radius: 20px; box-sizing: border-box; padding: 20px 30px 0 20px; background: #363636; } input:not([type='checkbox']):not([type='radio']):not(.adminbar-input):not(.search-field):not([name="update_cart"]):not([name="apply_coupon"]), textarea { background-color: #fff; font-size: 0.933333em; padding: 0 10px; border: 1px solid #edecec; max-width: 100%; margin: auto; min-width: 160px; min-height: 42px; border-radius: 6px; } .cws_divider img { display: block; margin: auto; padding: 0 20px; background: transparent; } body.custom-background { background-color: #282828; } .vc_custom_1781941820418{margin-top: -50px !important;margin-bottom: 0px !important;}.vc_custom_1774805949614{margin-top: -70px !important;border-color: #FFFFFF !important;}.vc_custom_1781941896979{margin-top: -50px !important;margin-bottom: 0px !important;}.vc_custom_1774806342606{margin-top: -80px !important;}.vc_custom_1757434860047{margin-top: -60px !important;padding-top: 90px !important;padding-bottom: 90px !important;background: #000000B8 url(../media/2f16e0af90254d9b.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434592920{margin-top: -20px !important;margin-bottom: 20px !important;background-image: url(../media/ae4f65686377177b.jpg) !important;}.vc_custom_1757434912862{margin-top: -60px !important;padding-top: 90px !important;padding-bottom: 90px !important;background: #000000B8 url(../media/6d626346aa081c30.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434953092{margin-top: -75px !important;padding-top: 80px !important;padding-bottom: 100px !important;background: #000000DB url(../media/8f630e070760aa21.jpeg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434481992{margin-top: -90px !important;margin-bottom: -80px !important;padding-top: 80px !important;padding-bottom: 120px !important;background: #000000DB url(../media/7a8b2428420493ea.webp) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;border-color: #00000000 !important;}.vc_custom_1757434487907{margin-bottom: -120px !important;padding-top: 70px !important;padding-bottom: 100px !important;background-image: url(../media/06520319745e88b3.webp) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434496614{margin-top: 100px !important;margin-bottom: -70px !important;background-image: url(../media/7a8b2428420493ea.webp) !important;}.vc_custom_1756330785009{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1781941626318{margin-bottom: 20px !important;}.vc_custom_1781942290441{margin-bottom: 0px !important;}.vc_custom_1781942388452{margin-bottom: 20px !important;}.vc_custom_1756714271313{margin-bottom: 10px !important;} .vc_custom_1781941820418{margin-top: -50px !important;margin-bottom: 0px !important;}.vc_custom_1774805949614{margin-top: -70px !important;border-color: #FFFFFF !important;}.vc_custom_1781941896979{margin-top: -50px !important;margin-bottom: 0px !important;}.vc_custom_1774806342606{margin-top: -80px !important;}.vc_custom_1757434860047{margin-top: -60px !important;padding-top: 90px !important;padding-bottom: 90px !important;background: #000000B8 url(../media/2f16e0af90254d9b.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434592920{margin-top: -20px !important;margin-bottom: 20px !important;background-image: url(../media/ae4f65686377177b.jpg) !important;}.vc_custom_1757434912862{margin-top: -60px !important;padding-top: 90px !important;padding-bottom: 90px !important;background: #000000B8 url(../media/6d626346aa081c30.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434953092{margin-top: -75px !important;padding-top: 80px !important;padding-bottom: 100px !important;background: #000000DB url(../media/8f630e070760aa21.jpeg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434481992{margin-top: -90px !important;margin-bottom: -80px !important;padding-top: 80px !important;padding-bottom: 120px !important;background: #000000DB url(../media/7a8b2428420493ea.webp) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;border-color: #00000000 !important;}.vc_custom_1757434487907{margin-bottom: -120px !important;padding-top: 70px !important;padding-bottom: 100px !important;background-image: url(../media/06520319745e88b3.webp) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1757434496614{margin-top: 100px !important;margin-bottom: -70px !important;background-image: url(../media/7a8b2428420493ea.webp) !important;}.vc_custom_1756330785009{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1781941626318{margin-bottom: 20px !important;}.vc_custom_1781942290441{margin-bottom: 0px !important;}.vc_custom_1781942388452{margin-bottom: 20px !important;}.vc_custom_1756714271313{margin-bottom: 10px !important;} .vc_custom_1756388173151{margin-top: 20px !important;margin-bottom: -70px !important;padding-top: 30px !important;background: #000000B8 url(../media/e0506342d1150dde.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}.vc_custom_1752424248194{margin-bottom: 50px !important;} .vc_custom_1756376481849{margin-top: 20px !important;margin-bottom: -70px !important;padding-bottom: 30px !important;background: #000000B8 url(../media/c0b35e77609bf3fa.jpg?id=2975) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;} .vc_custom_1782134557956{margin-top: 30px !important;margin-bottom: -20px !important;} #nptHeroLite.npt-hero-lite, #nptHeroLite .npt-hero-lite__slider-wrap, #nptHeroLite .npt-hero-lite__slider, #nptHeroLite .npt-hero-lite__slide, #nptHeroLite .npt-hero-lite__content, #nptHeroLite .npt-hero-lite__nav, #nptHeroLite .npt-hero-lite__actions, #nptHeroLite .npt-hero-lite__dots { box-sizing: border-box; } #nptHeroLite.npt-hero-lite { position: relative; width: 100%; margin: 0; padding: 0; isolation: isolate; font-family: inherit; --npt-hero-side: clamp(18px, 5vw, 72px); --npt-hero-radius: 32px; } #nptHeroLite .npt-hero-lite__slider-wrap { position: relative; width: 100vw; left: 50%; margin-left: -50vw; overflow: hidden; min-height: 420px; height: clamp(460px, 61vh, 780px); background: #1b171c; border-radius: 0 0 var(--npt-hero-radius) var(--npt-hero-radius); box-shadow: 0 24px 60px rgba(17, 12, 18, 0.20); } #nptHeroLite .npt-hero-lite__slider { position: relative; width: 100%; height: 100%; } #nptHeroLite .npt-hero-lite__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s ease; background: #1b171c; } #nptHeroLite .npt-hero-lite__slide.is-active { opacity: 1; visibility: visible; z-index: 1; } #nptHeroLite .npt-hero-lite__slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; user-select: none; -webkit-user-drag: none; pointer-events: none; transform: scale(1.01); filter: brightness(.62) saturate(1.04) contrast(1.03); } #nptHeroLite .npt-hero-lite__slide--contain img { object-fit: contain; object-position: center center; padding: 22px; transform: none; filter: brightness(.88) saturate(1.02) contrast(1.02); } #nptHeroLite .npt-hero-lite__overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(22,18,24,.78) 0%, rgba(22,18,24,.44) 34%, rgba(22,18,24,.12) 66%, rgba(22,18,24,.28) 100%), linear-gradient(180deg, rgba(22,18,24,.02) 0%, rgba(22,18,24,.06) 38%, rgba(22,18,24,.52) 100%); } #nptHeroLite .npt-hero-lite__content { position: absolute; z-index: 3; left: var(--npt-hero-side); top: 50%; transform: translateY(-50%); width: min(580px, calc(100% - 36px)); padding-right: 12px; } #nptHeroLite .npt-hero-lite__eyebrow { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 14px; margin: 0 0 16px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.95); font-size: 12px; line-height: 1; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #nptHeroLite .npt-hero-lite__title { margin: 0 0 14px; color: #ffffff; font-size: clamp(40px, 5.3vw, 78px); line-height: .94; letter-spacing: -.04em; font-weight: 800; text-wrap: balance; text-shadow: 0 10px 26px rgba(0,0,0,.26); } #nptHeroLite .npt-hero-lite__text { max-width: 540px; margin: 0 0 24px; color: rgba(255,255,255,.88); font-size: clamp(15px, 1.35vw, 19px); line-height: 1.58; text-shadow: 0 4px 14px rgba(0,0,0,.18); } #nptHeroLite .npt-hero-lite__actions { display: flex; flex-wrap: wrap; gap: 12px; } #nptHeroLite .npt-hero-lite__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 20px; border-radius: 999px; text-decoration: none; font-size: 13px; font-weight: 700; letter-spacing: .03em; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease; will-change: transform; text-align: center; } #nptHeroLite .npt-hero-lite__btn:hover { transform: translateY(-2px); } #nptHeroLite .npt-hero-lite__btn--primary { color: #2d2a18; background: linear-gradient(180deg, #eceb28 0%, #d8cf24 100%); box-shadow: 0 10px 24px rgba(229, 220, 56, .25); border: 1px solid rgba(255,255,255,.10); } #nptHeroLite .npt-hero-lite__btn--primary:hover { box-shadow: 0 14px 30px rgba(229, 220, 56, .32); } #nptHeroLite .npt-hero-lite__btn--ghost { color: #ffffff; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #nptHeroLite .npt-hero-lite__btn--ghost:hover { background: rgba(255,255,255,.14); } #nptHeroLite .npt-hero-lite__nav { position: absolute; z-index: 4; left: var(--npt-hero-side); right: var(--npt-hero-side); bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; pointer-events: none; } #nptHeroLite .npt-hero-lite__arrow, #nptHeroLite .npt-hero-lite__dots { pointer-events: auto; } #nptHeroLite .npt-hero-lite__arrow { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; cursor: pointer; background: rgba(255,255,255,.10); color: #fff; transition: transform .25s ease, background .25s ease, border-color .25s ease; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #nptHeroLite .npt-hero-lite__arrow:hover { transform: translateY(-2px); background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.20); } #nptHeroLite .npt-hero-lite__arrow span { font-size: 24px; line-height: 1; transform: translateY(-1px); } #nptHeroLite .npt-hero-lite__dots { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #nptHeroLite .npt-hero-lite__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.42); cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; } #nptHeroLite .npt-hero-lite__dot.is-active { background: #ef77b1; transform: scale(1.16); box-shadow: 0 0 0 4px rgba(255,255,255,.06); } @media (max-width: 1180px) { #nptHeroLite.npt-hero-lite { --npt-hero-side: 28px; } #nptHeroLite .npt-hero-lite__slider-wrap { height: clamp(430px, 56vh, 660px); border-radius: 0 0 28px 28px; } #nptHeroLite .npt-hero-lite__content { width: min(500px, calc(100% - 56px)); } #nptHeroLite .npt-hero-lite__title { font-size: clamp(34px, 4.7vw, 60px); } } /* ТІЛЬКИ ТЕЛЕФОН */ @media (max-width: 767px) { #nptHeroLite.npt-hero-lite { --npt-hero-side: 14px; --npt-hero-radius: 18px; } #nptHeroLite .npt-hero-lite__slider-wrap { height: 360px; min-height: 360px; max-height: 360px; border-radius: 0 0 18px 18px; } #nptHeroLite .npt-hero-lite__overlay { background: linear-gradient(180deg, rgba(22,18,24,.08) 0%, rgba(22,18,24,.10) 18%, rgba(22,18,24,.16) 45%, rgba(22,18,24,.50) 100%), linear-gradient(90deg, rgba(22,18,24,.05) 0%, rgba(22,18,24,.02) 100%); } #nptHeroLite .npt-hero-lite__content { top: 50%; transform: translateY(-50%); bottom: auto; left: 14px; right: 14px; width: auto; padding-right: 0; } #nptHeroLite .npt-hero-lite__eyebrow { min-height: 28px; padding: 6px 12px; margin-bottom: 10px; font-size: 10px; letter-spacing: .09em; } #nptHeroLite .npt-hero-lite__title { font-size: 26px; margin-bottom: 8px; max-width: 90%; line-height: .98; } #nptHeroLite .npt-hero-lite__text { display: block; font-size: 13px; line-height: 1.4; margin: 0 0 14px; max-width: 92%; } #nptHeroLite .npt-hero-lite__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } #nptHeroLite .npt-hero-lite__btn { width: auto; min-width: 0; min-height: 36px; padding: 8px 14px; font-size: 11px; line-height: 1.1; white-space: nowrap; } #nptHeroLite .npt-hero-lite__nav { left: 14px; right: 14px; bottom: 10px; gap: 10px; } #nptHeroLite .npt-hero-lite__arrow { width: 34px; height: 34px; flex-basis: 34px; } #nptHeroLite .npt-hero-lite__arrow span { font-size: 18px; } #nptHeroLite .npt-hero-lite__dots { min-height: 34px; padding: 6px 10px; gap: 6px; flex: 1 1 auto; } #nptHeroLite .npt-hero-lite__dot { width: 7px; height: 7px; } /* ТРЕТІЙ СЛАЙД ПОВНІСТЮ */ #nptHeroLite .npt-hero-lite__slide--contain img { object-fit: contain; object-position: center center; padding: 10px; width: 100%; height: 100%; background: #1b171c; filter: brightness(.90) saturate(1.02) contrast(1.02); } } @media (max-width: 480px) { #nptHeroLite .npt-hero-lite__slider-wrap { height: 340px; min-height: 340px; max-height: 340px; border-radius: 0 0 16px 16px; } #nptHeroLite .npt-hero-lite__content { left: 10px; right: 10px; } #nptHeroLite .npt-hero-lite__eyebrow { font-size: 9px; padding: 5px 10px; margin-bottom: 8px; } #nptHeroLite .npt-hero-lite__title { font-size: 22px; margin-bottom: 7px; } #nptHeroLite .npt-hero-lite__text { font-size: 12px; line-height: 1.36; margin-bottom: 12px; } #nptHeroLite .npt-hero-lite__actions { gap: 8px; } #nptHeroLite .npt-hero-lite__btn { min-height: 34px; padding: 7px 12px; font-size: 10px; } #nptHeroLite .npt-hero-lite__nav { left: 10px; right: 10px; bottom: 8px; } #nptHeroLite .npt-hero-lite__arrow { width: 32px; height: 32px; flex-basis: 32px; } #nptHeroLite .npt-hero-lite__dots { min-height: 32px; padding: 5px 8px; } #nptHeroLite .npt-hero-lite__slide--contain img { padding: 8px; } } @media (prefers-reduced-motion: reduce) { #nptHeroLite .npt-hero-lite__slide, #nptHeroLite .npt-hero-lite__btn, #nptHeroLite .npt-hero-lite__arrow, #nptHeroLite .npt-hero-lite__dot { transition: none !important; } } .npt-about-wow, .npt-about-wow *{ box-sizing:border-box; } .npt-about-wow{ --pink:#da5a95; --cyan:#01acb7; --yellow:#eeee22; --white:#fff8fc; --white-soft:rgba(255,248,252,.84); --line:rgba(255,255,255,.08); --shadow:0 30px 60px rgba(0,0,0,.35); --shadow-soft:0 16px 34px rgba(0,0,0,.18); position:relative; padding:84px 30px; border-radius:36px; overflow:hidden; background: linear-gradient(180deg, rgba(14,10,16,.66), rgba(14,10,16,.80)), url("../media/6d626346aa081c30.jpg"); background-size:cover; background-position:center; border:1px solid var(--line); box-shadow:var(--shadow); isolation:isolate; } .npt-about-wow__backdrop{ position:absolute; inset:0; background: radial-gradient(circle at 10% 20%, rgba(218,90,149,.18), transparent 30%), radial-gradient(circle at 90% 20%, rgba(1,172,183,.16), transparent 30%), radial-gradient(circle at 50% 92%, rgba(238,238,34,.08), transparent 20%); pointer-events:none; } .npt-about-wow__texture{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 30%); opacity:.6; pointer-events:none; } .npt-about-wow__spark{ position:absolute; border-radius:50%; pointer-events:none; filter:blur(2px); opacity:.8; } .npt-about-wow__spark--one{ width:180px; height:180px; left:-40px; top:50px; background:radial-gradient(circle, rgba(218,90,149,.18), transparent 72%); } .npt-about-wow__spark--two{ width:170px; height:170px; right:-30px; bottom:60px; background:radial-gradient(circle, rgba(1,172,183,.16), transparent 72%); } .npt-about-wow__container{ max-width:1160px; margin:auto; position:relative; z-index:1; } .npt-about-wow__head{ text-align:center; margin-bottom:34px; } .npt-about-wow__pill{ display:inline-block; padding:8px 18px; border-radius:999px; background:rgba(255,255,255,.10); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:#ffff96; margin-bottom:18px; } .npt-about-wow__title{ font-size:clamp(34px,4vw,54px); font-weight:900; color:#fff; margin:0 0 14px; line-height:1.02; } .npt-about-wow__title span{ color:#ffff96; } .npt-about-wow__lead{ font-size:18px; line-height:1.64; color:var(--white-soft); max-width:760px; margin:0 auto 18px; } .npt-about-wow__tags{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; } .npt-about-wow__tag{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:8px 14px; border-radius:999px; background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); color:rgba(255,255,255,.92); font-size:12px; font-weight:700; white-space:nowrap; } .npt-about-wow__grid{ display:grid; grid-template-columns:1.2fr .95fr; gap:24px; align-items:stretch; } .npt-about-wow__main{ background:rgba(0,0,0,.34); border-radius:26px; padding:24px; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.07); } .npt-about-wow__main-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px; } .npt-about-wow__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:6px 10px; margin-bottom:10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.86); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .npt-about-wow__subtitle{ font-size:28px; color:#ffff96; margin:0; } .npt-about-wow__mini-note{ max-width:210px; padding:12px 14px; border-radius:16px; background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); color:rgba(255,255,255,.78); font-size:13px; line-height:1.45; } .npt-about-wow__list{ display:grid; gap:14px; } .npt-about-wow__item{ display:flex; gap:14px; background:rgba(255,255,255,.06); padding:15px; border-radius:18px; border:1px solid rgba(255,255,255,.05); } .npt-about-wow__item--link{ text-decoration:none; color:inherit; align-items:center; transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .npt-about-wow__item--link:hover{ transform:translateY(-2px); border-color:rgba(238,238,34,.26); background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.05)); box-shadow:0 12px 28px rgba(0,0,0,.16); } .npt-about-wow__icon{ width:46px; height:46px; flex:0 0 46px; display:flex; align-items:center; justify-content:center; font-size:21px; border-radius:14px; background:linear-gradient(135deg, rgba(218,90,149,.24), rgba(1,172,183,.18)); box-shadow:0 8px 18px rgba(0,0,0,.12); } .npt-about-wow__item-body{ flex:1 1 auto; min-width:0; } .npt-about-wow__item-title{ font-weight:800; color:#fff; margin-bottom:5px; font-size:17px; transition:color .22s ease; } .npt-about-wow__item--link:hover .npt-about-wow__item-title{ color:var(--yellow); } .npt-about-wow__item-text{ color:rgba(255,255,255,.84); font-size:15px; line-height:1.52; } .npt-about-wow__item-cta{ align-self:center; margin-left:8px; min-width:max-content; color:var(--yellow); font-size:13px; font-weight:800; letter-spacing:.04em; opacity:0; transform:translateX(-8px); transition:opacity .22s ease, transform .22s ease, color .22s ease; } .npt-about-wow__item--link:hover .npt-about-wow__item-cta{ opacity:1; transform:translateX(0); } .npt-about-wow__side{ display:grid; gap:18px; } .npt-about-wow__visual-card{ position:relative; background:rgba(0,0,0,.34); border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.07); backdrop-filter:blur(6px); } .npt-about-wow__visual-glow{ position:absolute; inset:auto -40px -40px auto; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(238,238,34,.14), transparent 72%); pointer-events:none; } .npt-about-wow__visual-image-wrap{ position:relative; aspect-ratio:1 / .72; overflow:hidden; } .npt-about-wow__visual-image-wrap img{ width:100%; height:100%; display:block; object-fit:cover; filter:brightness(.92) saturate(1.03); } .npt-about-wow__visual-content{ padding:18px 18px 20px; } .npt-about-wow__visual-kicker{ display:inline-block; margin-bottom:8px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.08); color:#ffff96; font-size:10px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; } .npt-about-wow__visual-title{ color:#fff; font-size:24px; line-height:1.1; font-weight:850; margin-bottom:8px; } .npt-about-wow__visual-text{ color:rgba(255,255,255,.82); font-size:14px; line-height:1.55; margin:0; } .npt-about-wow__cards-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; } .npt-about-wow__card{ background:rgba(0,0,0,.34); border-radius:22px; padding:22px; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.07); } .npt-about-wow__card-title{ font-size:20px; font-weight:800; margin-bottom:8px; color:#ffff96; } .npt-about-wow__card-icon{ font-size:24px; margin-bottom:10px; } .npt-about-wow__card p{ margin:0; color:rgba(255,255,255,.84); line-height:1.55; font-size:14px; } .npt-about-wow__footer{ display:flex; justify-content:center; margin-top:28px; } .npt-about-wow__location{ text-align:center; font-size:16px; color:#fff; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); padding:12px 22px; border-radius:999px; display:inline-block; } @media (max-width:980px){ .npt-about-wow__grid{ grid-template-columns:1fr; } .npt-about-wow__cards-row{ grid-template-columns:1fr 1fr; } } @media (max-width:767px){ .npt-about-wow{ padding:58px 16px; border-radius:24px; } .npt-about-wow__head{ margin-bottom:24px; } .npt-about-wow__title{ font-size:32px; } .npt-about-wow__lead{ font-size:15px; line-height:1.56; } .npt-about-wow__tags{ gap:8px; } .npt-about-wow__tag{ font-size:11px; min-height:30px; padding:7px 11px; } .npt-about-wow__main{ padding:18px 14px; border-radius:20px; } .npt-about-wow__main-top{ flex-direction:column; margin-bottom:14px; } .npt-about-wow__mini-note{ max-width:none; width:100%; } .npt-about-wow__subtitle{ font-size:22px; } .npt-about-wow__item{ padding:12px; border-radius:16px; align-items:flex-start; } .npt-about-wow__icon{ width:40px; height:40px; flex-basis:40px; font-size:18px; } .npt-about-wow__item-title{ font-size:15px; } .npt-about-wow__item-text{ font-size:14px; line-height:1.45; } .npt-about-wow__item-cta{ opacity:1; transform:none; margin-left:0; margin-top:6px; align-self:flex-end; font-size:12px; } .npt-about-wow__item--link{ display:grid; grid-template-columns:40px 1fr; gap:12px; } .npt-about-wow__item-body{ min-width:0; } .npt-about-wow__item-cta{ grid-column:2; justify-self:start; } .npt-about-wow__visual-card{ border-radius:20px; } .npt-about-wow__visual-content{ padding:16px 14px 18px; } .npt-about-wow__visual-title{ font-size:20px; } .npt-about-wow__visual-text{ font-size:14px; } .npt-about-wow__cards-row{ grid-template-columns:1fr; gap:12px; } .npt-about-wow__card{ padding:16px 14px; border-radius:18px; } .npt-about-wow__card-title{ font-size:18px; } .npt-about-wow__footer{ margin-top:18px; } .npt-about-wow__location{ font-size:14px; padding:10px 14px; } } .npt-menu-premium, .npt-menu-premium *{ box-sizing:border-box; } .npt-menu-premium{ --npt-pink:#da5a95; --npt-cyan:#01acb7; --npt-yellow:#eeee22; --npt-white:#fff8fc; --npt-white-soft:rgba(255,248,252,.84); --npt-line:rgba(255,255,255,.08); --npt-shadow:0 30px 60px rgba(0,0,0,.35); position:relative; width:100%; padding:78px 26px; border-radius:34px; overflow:hidden; border:1px solid var(--npt-line); box-shadow:var(--npt-shadow); isolation:isolate; background: linear-gradient(180deg, rgba(16,12,18,.74), rgba(16,12,18,.86)), url("../media/28ed7948809b5ac4.jpg"); background-size:cover; background-position:center center; background-repeat:no-repeat; } .npt-menu-premium__bg{ position:absolute; inset:0; background: radial-gradient(circle at 10% 20%, rgba(218,90,149,.16), transparent 30%), radial-gradient(circle at 90% 15%, rgba(1,172,183,.14), transparent 30%), radial-gradient(circle at 50% 92%, rgba(238,238,34,.07), transparent 18%); pointer-events:none; } .npt-menu-premium__glow{ position:absolute; border-radius:50%; pointer-events:none; filter:blur(2px); opacity:.8; } .npt-menu-premium__glow--1{ width:180px; height:180px; left:-40px; top:40px; background:radial-gradient(circle, rgba(218,90,149,.18), transparent 72%); } .npt-menu-premium__glow--2{ width:170px; height:170px; right:-30px; bottom:50px; background:radial-gradient(circle, rgba(1,172,183,.16), transparent 72%); } .npt-menu-premium__container{ position:relative; z-index:1; max-width:1180px; margin:0 auto; } .npt-menu-premium__head{ text-align:center; max-width:780px; margin:0 auto 30px; } .npt-menu-premium__eyebrow{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:8px 18px; border-radius:999px; background:rgba(255,255,255,.10); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:#ffff96; margin-bottom:16px; font-weight:800; } .npt-menu-premium__title{ margin:0 0 12px; font-size:clamp(32px,4vw,56px); line-height:1.02; font-weight:900; color:#fff; } .npt-menu-premium__text{ margin:0 auto; max-width:720px; font-size:17px; line-height:1.62; color:var(--npt-white-soft); } .npt-menu-premium__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .npt-menu-premium__card{ display:flex; flex-direction:column; min-width:0; text-decoration:none; color:inherit; background:rgba(0,0,0,.34); border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 18px 34px rgba(0,0,0,.18); transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .npt-menu-premium__card:hover{ transform:translateY(-6px); box-shadow:0 26px 44px rgba(0,0,0,.28); border-color:rgba(238,238,34,.22); } .npt-menu-premium__image-wrap{ position:relative; aspect-ratio:1 / 1.02; overflow:hidden; } .npt-menu-premium__image-wrap img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .45s ease; } .npt-menu-premium__card:hover .npt-menu-premium__image-wrap img{ transform:scale(1.04); } .npt-menu-premium__content{ display:flex; flex-direction:column; gap:8px; padding:16px 16px 18px; } .npt-menu-premium__label{ display:inline-flex; align-items:center; width:max-content; max-width:100%; min-height:28px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.07); color:#ffff96; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } .npt-menu-premium__card-title{ margin:0; font-size:22px; line-height:1.08; font-weight:850; color:#fff; transition:color .25s ease; } .npt-menu-premium__card:hover .npt-menu-premium__card-title{ color:var(--npt-yellow); } .npt-menu-premium__card-text{ margin:0; font-size:14px; line-height:1.56; color:rgba(255,255,255,.82); flex:1 1 auto; } .npt-menu-premium__link{ display:inline-flex; align-items:center; gap:8px; margin-top:2px; font-size:13px; font-weight:900; color:var(--npt-yellow); letter-spacing:.03em; } .npt-menu-premium__link::after{ content:"→"; transition:transform .22s ease; } .npt-menu-premium__card:hover .npt-menu-premium__link::after{ transform:translateX(3px); } @media (max-width:1100px){ .npt-menu-premium__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:767px){ .npt-menu-premium{ padding:54px 14px; border-radius:24px; } .npt-menu-premium__glow{ display:none; } .npt-menu-premium__head{ margin-bottom:22px; } .npt-menu-premium__eyebrow{ min-height:30px; padding:7px 12px; font-size:10px; margin-bottom:12px; } .npt-menu-premium__title{ font-size:30px; } .npt-menu-premium__text{ font-size:15px; line-height:1.54; } .npt-menu-premium__grid{ grid-template-columns:1fr; gap:14px; } .npt-menu-premium__card{ border-radius:18px; } .npt-menu-premium__image-wrap{ aspect-ratio:1 / .82; } .npt-menu-premium__content{ padding:14px 14px 16px; } .npt-menu-premium__card-title{ font-size:20px; } .npt-menu-premium__card-text{ font-size:14px; line-height:1.48; } }