.elementor-309 .elementor-element.elementor-element-29a2b1c2{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 5px 1px #FFF900;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-309 .elementor-element.elementor-element-29a2b1c2:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-29a2b1c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D302E;}.elementor-309 .elementor-element.elementor-element-5d46ea18{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-27500a61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-1dea5593{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.46;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-1dea5593::before, .elementor-309 .elementor-element.elementor-element-1dea5593 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-1dea5593 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-1dea5593 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-1dea5593 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-1dea5593 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-309 .elementor-element.elementor-element-6db5b16e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-71edddcd{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-5b964aa3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-309 .elementor-element.elementor-element-234197f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-234197f5::before, .elementor-309 .elementor-element.elementor-element-234197f5 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-234197f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-234197f5 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-234197f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-234197f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-255376ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:400;}.elementor-309 .elementor-element.elementor-element-2b45a56d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-635d2af6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-309 .elementor-element.elementor-element-3b5d6d44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-331f7701{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 0px 35px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-309 .elementor-element.elementor-element-4915de0a .elementor-menu-cart__close-button, .elementor-309 .elementor-element.elementor-element-4915de0a .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-309 .elementor-element.elementor-element-4915de0a{z-index:999;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFD200;--toggle-button-icon-hover-color:#FF0000;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:59px;--items-indicator-text-color:#000000;--items-indicator-background-color:#F7FF02;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--empty-message-color:#FF0000;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-4915de0a .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-6px;top:-6px;}body.rtl .elementor-309 .elementor-element.elementor-element-4915de0a .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:6px;top:-6px;left:auto;}.elementor-309 .elementor-element.elementor-element-4915de0a .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-309 .elementor-element.elementor-element-22137274{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-22137274::before, .elementor-309 .elementor-element.elementor-element-22137274 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-22137274 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-22137274 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-22137274 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-22137274 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-41f4941c{--display:flex;--min-height:640px;--overlay-opacity:0.85;--border-radius:15px 15px 15px 15px;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-41f4941c:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-41f4941c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF57;}.elementor-309 .elementor-element.elementor-element-41f4941c::before, .elementor-309 .elementor-element.elementor-element-41f4941c > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-41f4941c > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-41f4941c > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-41f4941c > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-41f4941c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://simstrav.com.ua/livyy-bereh-darnytski-lazni/wp-content/uploads/sites/7/2025/06/f7str2-1-1.avif");--background-overlay:'';background-position:top right;background-repeat:no-repeat;}.elementor-309 .elementor-element.elementor-element-683eae2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-309 .elementor-element.elementor-element-683eae2f::before, .elementor-309 .elementor-element.elementor-element-683eae2f > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-683eae2f > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-683eae2f > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-683eae2f > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-683eae2f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-12323e23{--display:flex;--overlay-opacity:0.5;}.elementor-309 .elementor-element.elementor-element-12323e23::before, .elementor-309 .elementor-element.elementor-element-12323e23 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-12323e23 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-12323e23 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-12323e23 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-12323e23 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-2651139a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:35px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-2651139a.e-con{--e-con-transform-translateX:35px;}.elementor-309 .elementor-element.elementor-element-5c97a6b1{text-align:left;}.elementor-309 .elementor-element.elementor-element-5c97a6b1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-309 .elementor-element.elementor-element-13236d20{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-13236d20.e-con{--e-con-transform-translateX:65px;}.elementor-309 .elementor-element.elementor-element-36f0323e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-309 .elementor-element.elementor-element-36f0323e.e-con{--e-con-transform-translateX:65px;}.elementor-309 .elementor-element.elementor-element-3546b7cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-309 .elementor-element.elementor-element-3546b7cd.e-con{--e-con-transform-translateX:65px;}.elementor-309 .elementor-element.elementor-element-b4326e9{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-b4326e9.e-con{--e-con-transform-translateX:35px;--align-self:flex-start;}.elementor-309 .elementor-element.elementor-element-5ebde9ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 29px;text-align:left;}.elementor-309 .elementor-element.elementor-element-5ebde9ee .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-shadow:0px 0px 10px #000000;color:#F5A623;}.elementor-309 .elementor-element.elementor-element-2cf1383b{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-2cf1383b.e-con{--e-con-transform-translateX:35px;--align-self:flex-start;}.elementor-309 .elementor-element.elementor-element-566e97ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 29px;text-align:left;}.elementor-309 .elementor-element.elementor-element-566e97ac .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-shadow:0px 0px 10px #000000;color:#F5A623;}.elementor-309 .elementor-element.elementor-element-1221e410{--display:flex;}.elementor-309 .elementor-element.elementor-element-6e6620c0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-309 .elementor-element.elementor-element-1c06dc30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-309 .elementor-element.elementor-element-49dce47c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:15px 15px 15px 15px;}.elementor-309 .elementor-element.elementor-element-49dce47c:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-49dce47c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7B7B7B08;}.elementor-309 .elementor-element.elementor-element-4f005ec7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-115f3a31.elementor-element{--align-self:flex-end;}.elementor-309 .elementor-element.elementor-element-115f3a31{text-align:right;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:300;}.elementor-309 .elementor-element.elementor-element-3eb8483e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-309 .elementor-element.elementor-element-c28dc72{--e-transform-translateY:12px;font-family:"Montserrat", Sans-serif;font-weight:300;}.elementor-309 .elementor-element.elementor-element-21561d8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-309 .elementor-element.elementor-element-21561d8e::before, .elementor-309 .elementor-element.elementor-element-21561d8e > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-21561d8e > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-21561d8e > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-21561d8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-21561d8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-c874d70{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-c874d70::before, .elementor-309 .elementor-element.elementor-element-c874d70 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-c874d70 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-c874d70 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-c874d70 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-c874d70 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-309 .elementor-element.elementor-element-1ef35223{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 5px -1px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-525eea02{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-654674fe{--e-transform-translateX:19px;--e-transform-translateY:-5px;--e-transform-scale:1.2;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-1e70b942{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-6a6222d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-6c37eb76{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-581d10d7{padding:9px 0px 0px 0px;z-index:999;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFBB00;--toggle-button-border-color:#FF0000;--toggle-button-border-width:0px;--toggle-icon-size:28px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-309 .elementor-element.elementor-element-581d10d7 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-309 .elementor-element.elementor-element-2649569c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-45bf4655{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-309 .elementor-element.elementor-element-45bf4655::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://simstrav.com.ua/livyy-bereh-darnytski-lazni/wp-content/uploads/sites/7/2025/06/mobfonss-1-1.avif");--background-overlay:'';background-position:center center;}.elementor-309 .elementor-element.elementor-element-f7c589c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-6a9b3775{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-43f5032d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-5e9c9bd2{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-68434941{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-3298be41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-3298be41.elementor-element{--align-self:center;}.elementor-309 .elementor-element.elementor-element-1316c809{--display:flex;}.elementor-309 .elementor-element.elementor-element-4d361cf0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-309 .elementor-element.elementor-element-4d361cf0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-309 .elementor-element.elementor-element-7aba1655{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-309 .elementor-element.elementor-element-7aba1655 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFBE00;}.elementor-309 .elementor-element.elementor-element-458ff6f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-309 .elementor-element.elementor-element-458ff6f1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;text-shadow:0px 0px 10px #000000;color:#FFBE00;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-309 .elementor-element.elementor-element-8f6c0a0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-8f6c0a0 .elementor-divider-separator{width:100%;}.elementor-309 .elementor-element.elementor-element-8f6c0a0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(min-width:768px){.elementor-309 .elementor-element.elementor-element-5d46ea18{--width:3%;}.elementor-309 .elementor-element.elementor-element-1dea5593{--width:20%;}.elementor-309 .elementor-element.elementor-element-6db5b16e{--width:27%;}.elementor-309 .elementor-element.elementor-element-71edddcd{--width:100%;}.elementor-309 .elementor-element.elementor-element-234197f5{--width:40%;}.elementor-309 .elementor-element.elementor-element-635d2af6{--width:10%;}.elementor-309 .elementor-element.elementor-element-22137274{--content-width:99%;}.elementor-309 .elementor-element.elementor-element-12323e23{--width:100%;}.elementor-309 .elementor-element.elementor-element-1221e410{--width:59%;}.elementor-309 .elementor-element.elementor-element-6e6620c0{--content-width:99%;}.elementor-309 .elementor-element.elementor-element-1c06dc30{--width:50%;}.elementor-309 .elementor-element.elementor-element-4f005ec7{--width:20%;}.elementor-309 .elementor-element.elementor-element-3eb8483e{--width:30%;}.elementor-309 .elementor-element.elementor-element-21561d8e{--content-width:100%;}.elementor-309 .elementor-element.elementor-element-1ef35223{--width:100%;}.elementor-309 .elementor-element.elementor-element-525eea02{--width:20%;}.elementor-309 .elementor-element.elementor-element-1e70b942{--width:20%;}.elementor-309 .elementor-element.elementor-element-6a6222d2{--width:20%;}.elementor-309 .elementor-element.elementor-element-6c37eb76{--width:20%;}.elementor-309 .elementor-element.elementor-element-2649569c{--width:20%;}}@media(min-width:1025px){.elementor-309 .elementor-element.elementor-element-45bf4655::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-45bf4655 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:767px){.elementor-309 .elementor-element.elementor-element-1ef35223{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-309 .elementor-element.elementor-element-525eea02{--width:20%;}.elementor-309 .elementor-element.elementor-element-654674fe{--e-transform-translateX:25px;--e-transform-translateY:0px;--e-transform-scale:1.7;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-309 .elementor-element.elementor-element-654674fe img{width:100%;}.elementor-309 .elementor-element.elementor-element-1e70b942{--width:22%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-309 .elementor-element.elementor-element-6a6222d2{--width:13%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-6a6222d2.e-con{--align-self:flex-end;}.elementor-309 .elementor-element.elementor-element-11486c2c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-11486c2c.elementor-element{--order:99999 /* order end hack */;}.elementor-309 .elementor-element.elementor-element-6c37eb76{--width:25%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-309 .elementor-element.elementor-element-581d10d7{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1px 1px 1px 1px;--main-alignment:center;--toggle-icon-size:40px;--toggle-icon-padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-581d10d7.elementor-element{--align-self:center;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-581d10d7 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-5px;top:-5px;}body.rtl .elementor-309 .elementor-element.elementor-element-581d10d7 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:5px;top:-5px;left:auto;}.elementor-309 .elementor-element.elementor-element-2649569c{--width:20%;}}/* Start custom CSS for html, class: .elementor-element-5b964aa3 *//* добавить к существующему стилю кнопки */ .restaurant-button.attention { position: relative; /* чтобы свечение не «двигало» разметку */ z-index: 1; /* поверх соседних элементов */ animation: pulse 1.6s infinite; } /* ключевые кадры: кольцо расширяется и растворяется */ @keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(255,109,5,0.7); } 70% { box-shadow: 0 0 0 12px rgba(255,109,5,0); } 100% { box-shadow: 0 0 0 0px rgba(255,109,5,0); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3912027e *//* Общий стиль для кнопки */ .unique-menu-button-7strav2 { display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; background-color: #2a2a29; color: #ffcc00; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; } /* Ховер эффект */ .unique-menu-button-7strav2:hover { background-color: #555555; color: #ffcc00; } /* Стиль для иконки (контейнера) */ .unique-menu-button-7strav2 .unique-menu-icon-7strav2 { display: inline-block; position: relative; width: 34px; height: 34px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .unique-menu-button-7strav2:hover .unique-menu-icon-7strav2 > img { transform: scale(1.1); } /* Стиль для первой иконки */ .unique-menu-button-7strav2 .unique-menu-icon-7strav2 > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_dostavka11.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; } /* Стиль для второй иконки (при наведении) */ .unique-menu-button-7strav2 .unique-menu-icon-7strav2 > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_dostavka22'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; /* Делаем вторую иконку невидимой по умолчанию */ transition: opacity 0.3s ease; object-fit: cover; } /* Показывать вторую иконку при наведении */ .unique-menu-button-7strav2:hover .unique-menu-icon-7strav2 > img:last-child { opacity: 1; /* Делаем вторую иконку видимой при наведении */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1611d037 *//* Общий стиль для кнопки */ .unique-menu-button-7strav3 { display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; background-color: #2a2a29; color: #ffcc00; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; } /* Ховер эффект для кнопки */ .unique-menu-button-7strav3:hover { background-color: #555555; color: #ffcc00; } /* Стиль для иконки (контейнера) */ .unique-menu-button-7strav3 .unique-menu-icon-7strav3 { display: inline-block; position: relative; width: 34px; height: 34px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .unique-menu-button-7strav3:hover .unique-menu-icon-7strav3 > img { transform: scale(1.1); } /* Стиль для первой иконки */ .unique-menu-button-7strav3 .unique-menu-icon-7strav3 > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/icons/icon_zabrati1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; } /* Стиль для второй иконки (при наведении) */ .unique-menu-button-7strav3 .unique-menu-icon-7strav3 > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/icons/icon_zabrati2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; /* Делаем вторую иконку невидимой по умолчанию */ transition: opacity 0.3s ease; object-fit: cover; } /* Показывать вторую иконку при наведении */ .unique-menu-button-7strav3:hover .unique-menu-icon-7strav3 > img:last-child { opacity: 1; /* Делаем вторую иконку видимой при наведении */ }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-4915de0a */.elementor-button--checkout { display: none !important; } .elementor-menu-cart__footer-buttons { display: flex; } .elementor-button--view-cart { flex: 1; /* Занимает всю доступную ширину */ text-align: center; } /* ------------ */ .elementor-button--view-cart .elementor-button-text { display: none; /* Скрываем старый текст */ } .elementor-button--view-cart::after { content: "ОФОРМИТИ ЗАМОВЛЕННЯ"; /* Новый текст */ color: white; /* Белый текст */ background-color: red; /* Красный фон */ display: block; /* Отображаем новый текст */ text-align: center; padding: 20px 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 5px; /* Радиус скругления углов */ } /* ------------ */ /* Фон для элементов корзины */ .elementor-menu-cart__main { background-color: #333 !important; /* Белый фон для основного блока */ } /* Фон для кнопок в корзине */ .elementor-menu-cart__footer-buttons .elementor-button { background-color: #333 !important; /* Белый фон для кнопок */ } /* ------------ */ /* Белый цвет для текста "Проміжний підсумок" */ .elementor-menu-cart__subtotal strong { color: #fff !important; } /* Жёлтый цвет для суммы */ .elementor-menu-cart__subtotal .woocommerce-Price-amount { color: #FFD700 !important; /* Жёлтый цвет */ } /* Жёлтый цвет для текста названий товаров и ссылок */ .elementor-menu-cart__product-name a { color: #FFD700 !important; /* Жёлтый цвет для текста ссылки */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29a2b1c2 */.your-header-.elementor-309 .elementor-element.elementor-element-29a2b1c2 { backdrop-filter: blur(10px); } .your-cart-.elementor-309 .elementor-element.elementor-element-29a2b1c2 { z-index: 9999 !important; position: fixed !important; top: 0; right: 0; backdrop-filter: none !important; /*исключаем корзину из фильтра*/ } .elementor-309 .elementor-element.elementor-element-29a2b1c2 { background: linear-gradient(to right, #2d302e, #262323, #2d2e2d); background: -webkit-linear-gradient(to right, #2d302e, #262323, #2d2e2d); background: -moz-linear-gradient(to right, #2d302e, #262323, #2d2e2d); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7d2104f2 *//* Общий стиль для кнопки */ .custom-menu-button-sups { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки */ .custom-menu-button-sups:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) */ .custom-menu-button-sups .custom-menu-icon-sups { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-sups:hover .custom-menu-icon-sups > img { transform: scale(1.1); } /* Стиль для первой иконки */ .custom-menu-button-sups .custom-menu-icon-sups > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/icons/menu_sup2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) */ .custom-menu-button-sups .custom-menu-icon-sups > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/icons/menu_sup2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; /* Делаем вторую иконку невидимой по умолчанию*/ transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении*/ .custom-menu-button-sups:hover .custom-menu-icon-sups > img:last-child { opacity: 1; /* делаем вторую иконку видимой */ } /*скрывать первую иконку при наведении*/ .custom-menu-button-sups:hover .custom-menu-icon-sups > img:first-child { opacity: 0; /* делаем первую иконку невидимой */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4859ae37 *//* Общий стиль для кнопки "Салати" */ .custom-menu-button-salad { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки "Салати" */ .custom-menu-button-salad:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке "Салати" */ .custom-menu-button-salad .custom-menu-icon-salad { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-salad:hover .custom-menu-icon-salad > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке "Салати" */ .custom-menu-button-salad .custom-menu-icon-salad > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_salad1-1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке "Салати" */ .custom-menu-button-salad .custom-menu-icon-salad > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_salad2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке "Салати"*/ .custom-menu-button-salad:hover .custom-menu-icon-salad > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке "Салати"*/ .custom-menu-button-salad:hover .custom-menu-icon-salad > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-328a464a *//* Общий стиль для кнопки "Локшина" */ .custom-menu-button-lokshina { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки "Локшина" */ .custom-menu-button-lokshina:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке "Локшина" */ .custom-menu-button-lokshina .custom-menu-icon-lokshina { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке "Локшина"*/ .custom-menu-button-lokshina .custom-menu-icon-lokshina > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_noodles1.svg');/* отображаем эту иконку по умолчанию*/ background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке "Локшина"*/ .custom-menu-button-lokshina .custom-menu-icon-lokshina > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_noodles2.svg');/*показываем эту иконку при наведении*/ background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке "Локшина"*/ .custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img:last-child { opacity: 1; /* Делаем вторую иконку видимой при наведении */ } /*скрывать первую иконку при наведении в кнопке "Локшина"*/ .custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img:first-child { opacity: 0; /* делаем первую иконку невидимой при наведении */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-64d2e20f *//* Общий стиль для кнопки "Рис" */ .custom-menu-button-rice { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки "Рис" */ .custom-menu-button-rice:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке "Рис" */ .custom-menu-button-rice .custom-menu-icon-rice { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-rice:hover .custom-menu-icon-rice > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке "Рис" */ .custom-menu-button-rice .custom-menu-icon-rice > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_ris1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке "Рис" */ .custom-menu-button-rice .custom-menu-icon-rice > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_ris1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке "Рис"*/ .custom-menu-button-rice:hover .custom-menu-icon-rice > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке "Рис"*/ .custom-menu-button-rice:hover .custom-menu-icon-rice > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-396587c3 *//* Общий стиль для кнопки М'ЯСО" */ .custom-menu-button-meat { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки М'ЯСО" */ .custom-menu-button-meat:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке М'ЯСО" */ .custom-menu-button-meat .custom-menu-icon-meat { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-meat:hover .custom-menu-icon-meat > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке М'ЯСО" */ .custom-menu-button-meat .custom-menu-icon-meat > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_meat1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке М'ЯСО" */ .custom-menu-button-meat .custom-menu-icon-meat > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_meat2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке М'ЯСО"*/ .custom-menu-button-meat:hover .custom-menu-icon-meat > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке М'ЯСО"*/ .custom-menu-button-meat:hover .custom-menu-icon-meat > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-171bb801 *//* Общий стиль для кнопки Пельмені" */ .custom-menu-button-dumplings { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки Пельмені" */ .custom-menu-button-dumplings:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке Пельмені" */ .custom-menu-button-dumplings .custom-menu-icon-dumplings { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке Пельмені" */ .custom-menu-button-dumplings .custom-menu-icon-dumplings > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_dumplings01.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке Пельмені" */ .custom-menu-button-dumplings .custom-menu-icon-dumplings > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_dumplings2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке Пельмені"*/ .custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке Пельмені"*/ .custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9e32d55 *//* Общий стиль для кнопки Стір-фрай" */ .custom-menu-button-steerfry { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки Стір-фрай" */ .custom-menu-button-steerfry:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке Стір-фрай" */ .custom-menu-button-steerfry .custom-menu-icon-steerfry { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке Стір-фрай" */ .custom-menu-button-steerfry .custom-menu-icon-steerfry > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_steerfry1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке Стір-фрай" */ .custom-menu-button-steerfry .custom-menu-icon-steerfry > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_steerfry2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке Стір-фрай"*/ .custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке Стір-фрай"*/ .custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-18bac0d5 *//* Общий стиль для кнопки НапоЇ" */ .custom-menu-button-napoi { display: inline-flex; align-items: left !important; justify-content: left !important; padding: 10px 15px; background-color: transparent; color: #333333; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; background-color: #f5a623 !important; /* Принудительный оранжевый фон */ width: 200px; /* Фиксированная ширина в 200 пикселей */ text-align: left !important; /* Выравнивание текста по левому краю */ box-shadow: 5px 11px 6px rgba(0, 0, 0, 0.3) !important; /* Тень */ } /* Ховер эффект для кнопки НапоЇ" */ .custom-menu-button-napoi:hover { background-color: #333333 !important; color: #ff0000; font-size: 20px; border-radius: 5px; } /* Стиль для иконки (контейнера) в кнопке НапоЇ" */ .custom-menu-button-napoi .custom-menu-icon-napoi { display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .custom-menu-button-napoi:hover .custom-menu-icon-napoi > img { transform: scale(1.1); } /* Стиль для первой иконки в кнопке НапоЇ" */ .custom-menu-button-napoi .custom-menu-icon-napoi > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_napoi1.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; opacity: 1; /* Делаем первую иконку видимой по умолчанию*/ } /* Стиль для второй иконки (при наведении) в кнопке НапоЇ" */ .custom-menu-button-napoi .custom-menu-icon-napoi > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_napoi2.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /*показывать вторую иконку при наведении в кнопке НапоЇ"*/ .custom-menu-button-napoi:hover .custom-menu-icon-napoi > img:last-child { opacity: 1; } /*скрывать первую иконку при наведении в кнопке НапоЇ"*/ .custom-menu-button-napoi:hover .custom-menu-icon-napoi > img:first-child { opacity: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c2dbe6a *//* Общий стиль для информационного блока */ .unique-info-7strav3300 { display: flex; align-items: center; /* Центрируем по вертикали */ justify-content: center; /* Центрируем по горизонтали */ padding: 10px 15px; background-color: #30302f; color: #ffcc00; font-size: 20px; font-family: 'Montserrat', sans-serif; white-space: nowrap; border-radius: 8px; text-align: center; /* Центрируем текст внутри */ } /* Ховер эффект убран, так как это не кнопка */ .unique-info-7strav3300:hover { background-color: #2e2e2d; color: #ffcc00; } /* Стиль для иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 { display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 8px; vertical-align: middle; } /* Текст информации */ .unique-info-7strav3300 .button-text { display: flex; flex-direction: column; align-items: center; /* Центрируем текст по горизонтали */ font-weight: 300; /* Тонкий текст */ } /* Основной заголовок */ .unique-info-7strav3300 .button-text { font-size: 20px; } /* Подзаголовок (время работы) */ .unique-info-7strav3300 .subtext { font-size: 14px; color: #ddd; margin-top: 2px; font-weight: 300; /* Тонкий текст для подзаголовка */ } /* Стиль для первой иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 > img:first-child { display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; object-fit: cover; } /* Стиль для второй иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 > img:last-child { display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19925c6c *//* Общий стиль для информационного блока */ .unique-info-7strav3300 { display: flex; align-items: center; /* Центрируем по вертикали */ justify-content: center; /* Центрируем по горизонтали */ padding: 10px 15px; background-color: #30302f; color: #ffcc00; font-size: 20px; font-family: 'Montserrat', sans-serif; white-space: nowrap; border-radius: 8px; text-align: center; /* Центрируем текст внутри */ } /* Ховер эффект убран, так как это не кнопка */ .unique-info-7strav3300:hover { background-color: #2e2e2d; color: #ffcc00; } /* Стиль для иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 { display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 8px; vertical-align: middle; } /* Текст информации */ .unique-info-7strav3300 .button-text { display: flex; flex-direction: column; align-items: center; /* Центрируем текст по горизонтали */ font-weight: 300; /* Тонкий текст */ } /* Основной заголовок */ .unique-info-7strav3300 .button-text { font-size: 20px; } /* Подзаголовок (время работы) */ .unique-info-7strav3300 .subtext { font-size: 14px; color: #ddd; margin-top: 2px; font-weight: 300; /* Тонкий текст для подзаголовка */ } /* Стиль для первой иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 > img:first-child { display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; object-fit: cover; } /* Стиль для второй иконки */ .unique-info-7strav3300 .unique-menu-icon-7strav3300 > img:last-child { display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-345c2239 *//* Общий стиль для кнопки */ .unique-menu-button-7strav33 { display: flex; align-items: center; justify-content: center; padding: 10px 15px; background-color: #2a2a29; color: #ffcc00; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 300; /* Тонкий шрифт */ text-align: center; /* Центрирование текста */ cursor: pointer; white-space: nowrap; border: none; box-shadow: none; outline: none; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; } /* Ховер эффект для кнопки */ .unique-menu-button-7strav33:hover { background-color: #555555; color: #ffcc00; } /* Стиль для иконки */ .unique-menu-button-7strav33 .unique-menu-icon-7strav33 { display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s ease; } .unique-menu-button-7strav33:hover .unique-menu-icon-7strav33 > img { transform: scale(1.1); } /* Текст кнопки */ .unique-menu-button-7strav33 .button-text { display: flex; flex-direction: column; align-items: flex-start; } /* Подзаголовок (время работы) */ .unique-menu-button-7strav33 .subtext { font-size: 14px; color: #ddd; margin-top: 2px; } /* Стиль для первой иконки */ .unique-menu-button-7strav33 .unique-menu-icon-7strav33 > img:first-child { content: ""; display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; object-fit: cover; } /* Стиль для второй иконки (при наведении) */ .unique-menu-button-7strav33 .unique-menu-icon-7strav33 > img:last-child { content: ""; display: inline-block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; object-fit: cover; } /* Показывать вторую иконку при наведении */ .unique-menu-button-7strav33:hover .unique-menu-icon-7strav33 > img:last-child { opacity: 1; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1f7784a6 *//* Общие стили для модального меню */ .modal-menu { display: none; /* Модальное окно по умолчанию скрыто */ position: fixed; /* Фиксированное положение */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); /* Затененный фон */ z-index: 1000; /* Высокий z-index, чтобы окно было поверх всего */ justify-content: center; align-items: center; overflow: auto; /* Позволяет прокручивать, если контент не помещается */ } .modal-menu-content { background-color: #333; /* Темно-серый фон содержимого окна */ padding: 20px; /* внутренний отступ */ margin: 1px; /* внешний отступ */ border-radius: 5px; /* Закругление углов */ max-width: 99%; max-height: 99%; /* Максимальная ширина и высота */ overflow: auto; color: white; /* Белый цвет текста */ position: relative; /* Позиционирование относительно родительского элемента */ width: 100%; /* Занимает всю ширину экрана */ } /* Стили для разделов внутри модального окна */ .modal-section, .order-and-hours, .social-links { margin-bottom: 20px; } /* Стили для заголовков разделов */ .modal-section h2, .order-info h5, .working-hours h5, .social-links h5 { margin-bottom: 10px; } /* Стили для колонок */ .menu-columns, .nav-columns { display: flex; /* Выравнивание элементов в строку */ justify-content: space-between; /* Размещаем элементы с равными отступами */ } .menu-columns .column, .nav-columns .column { width: calc(50% - 10px); /* Устанавливаем ширину колонок */ box-sizing: border-box; /* Учитываем внутренний отступ и рамку при расчете ширины */ } /* Стили для списков */ .menu-columns ul, .nav-columns ul, .order-info ul { list-style: none; /* Убираем маркеры у списка */ padding: 0; margin: 0; } /* Стили для элементов списка */ .menu-columns li, .nav-columns li, .order-info li { margin-bottom: 5px; padding: 0; } /* стили для кнопок меню*/ .menu-button{ display: inline-flex; align-items:center; justify-content: flex-start; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); color:white; padding:10px; text-align: left; border-radius: 10px; width: 100%; cursor: pointer; text-decoration: none; /* убираем подчеркивание */ transition: background-color 0.3s ease; /* Плавный переход для фона */ background: rgba(0, 0, 0, 0.6); /* Черный цвет с 70% прозрачностью */ } /* стили для иконки в кнопках меню */ .menu-button .menu-icon { margin-right: 10px; font-size: 30px; width: 30px; height: 30px; display:inline-flex; align-items:center; justify-content:center; } /* Стиль для кнопок при наведении */ .menu-button:hover { background: rgba(255, 255, 255, 0.1); /* устанавливаем новый цвет фона */ } /*стили для ссылок навигации*/ .nav-columns a, .order-info a { color: white; /* устанавливаем цвет текста*/ text-decoration: none; /* убираем подчеркивание */ display: inline-flex; align-items: center; line-height: 1.5; margin-bottom: 5px; } /*стили для иконок в ссылках*/ .nav-columns i, .order-info i { margin-right: 10px; font-size: 18px; } /* Стили для блока телефонов и времени */ .order-and-hours { display: flex; /* Выравниваем элементы в строку */ justify-content: space-between; /* Размещаем элементы с равными отступами */ } .order-and-hours div { width: calc(50% - 10px); /* Устанавливаем ширину блока */ box-sizing: border-box; /* учитываем padding */ } /* Стили для кнопки закрытия */ .modal-close-button { position: absolute; top: 10px; right: 10px; font-size: 40px; background: none; border: none; color: white; cursor: pointer; } /* Базовые стили для кнопки зона доставки */ .menu-button2 { display: inline-flex; /* Размещение элементов в строку */ align-items: center; /* Выравнивание по центру по вертикали */ justify-content: center; /* Выравнивание текста по центру */ gap: 8px; /* Расстояние между иконкой и текстом */ text-decoration: none; /* Убираем подчеркивание ссылки */ font-family: Arial, sans-serif; /* Шрифт */ font-size: var(--button2-font-size, 22px); /* Размер текста */ color: var(--button2-text-color, #d6d6d6); /* Цвет текста */ background-color: #666666; /* Фон кнопки */ padding: 10px 20px; /* Внутренние отступы */ border: 1px solid #ff8a14c; /* Граница кнопки */ border-radius: 8px; /* Скругление углов */ transition: all 0.3s ease; /* Плавные переходы для анимации */ /* Настройка ширины */ width: var(--button2-width, auto); /* Ширина кнопки (по умолчанию автоматическая) */ min-width: var(--button2-min-width, 80%); /* Минимальная ширина */ max-width: var(--button2-max-width, 90%); /* Максимальная ширина */ } /* Стиль для иконки второй кнопки */ .menu-icon2 img { width: 30px; /* Размер иконки */ height: 30px; } /* Общий стиль для заголовка h5 */ h5 { font-family: Arial, sans-serif; /* Шрифт */ font-size: 20px; /* Размер текста */ margin: 0; /* Убираем отступы */ } /* Стиль для "Робочий час:" */ .work-hours-label { color: #ffbb00; /* Цвет текста (серый) */ } /* Стиль для "з 12:00 до 20:00" */ .work-hours-time { color: #28d60d; /* Цвет текста (оранжевый) */ } /* Стиль для заголовка навігація*/ .navigation-title { color: #ffbb00; /* Цвет текста */ font-family: Arial, sans-serif; /* Шрифт */ font-size: 24px; /* Размер текста */ margin-top: 20px; /* Отступ сверху */ } /* Стиль для заголовка навігація2*/ .navigation-title2 { color: #ffbb00; /* Цвет текста */ font-family: Arial, sans-serif; /* Шрифт */ font-size: 18px; /* Размер текста */ margin-top: 20px; /* Отступ сверху */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11486c2c *//* Основные стили для мобильной версии */ @media screen and (max-width: 768px) { /* Кнопка в шапке */ .header-phone { padding: 15px; text-align: right; } .phone-icon-btn { background: none; border: 2px solid #ffbb00; border-radius: 50%; width: 36px; height: 36px; cursor: pointer; padding: 0; transition: 0.3s; position: relative; } .phone-icon-btn svg { fill: #ff0022; width: 23px; height: 23px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .phone-icon-btn:hover { border-color: #e5c100; transform: scale(1.05); } /* Модальное окно */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .modal-content { background: white; margin: 35% auto; padding: 15px; border-radius: 12px; width: 85%; max-width: 360px; text-align: center; position: relative; } .close { position: absolute; right: 15px; top: 10px; font-size: 34px; color: #888; cursor: pointer; } .close:hover { color: #555; } .call-button { background: #25D366; color: white; padding: 16px; border: none; border-radius: 25px; width: 100%; font-size: 25px; font-weight: 500; margin: 20px 0 15px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: 0.3s; } .call-time { color: #FFD700; font-size: 18px; margin: 35px 0 20px; /* Добавлен верхний отступ 15px */ line-height: 1.4; font-weight: 400; text-align: center; } } /* Стили для десктопов */ @media screen and (min-width: 769px) { .header-phone { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a3ec310 */.burger-menu-button i{ font-size: 28px; color: white; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ef35223 */.your-header-.elementor-309 .elementor-element.elementor-element-1ef35223 { backdrop-filter: blur(10px); } .your-cart-.elementor-309 .elementor-element.elementor-element-1ef35223 { z-index: 9999 !important; position: fixed !important; top: 0; right: 0; backdrop-filter: none !important; /*исключаем корзину из фильтра*/ } .elementor-309 .elementor-element.elementor-element-1ef35223 { background: linear-gradient(to right, #2d302e, #262323, #2d2e2d); background: -webkit-linear-gradient(to right, #c1d6db, #f0f4f5, #f0f4f5); background: -moz-linear-gradient(to right, #c1d6db, #f0f4f5, #f0f4f5); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5e9c9bd2 *//* Стили для кнопок */ .mobile-buttons { display: flex; justify-content: space-around; align-items: center; padding: 10px; } /* Общие стили для всех кнопок */ .mobile-btn-1a, .mobile-btn-2b, .mobile-btn-3c { background-color: #ffaa00; border: none; padding: 10px 15px; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; font-size: 16px; cursor: pointer; border-radius: 5px; color: #333; width: 45%; } /* Иконки кнопок */ .mobile-btn-1a i, .mobile-btn-2b i, .mobile-btn-3c i { font-size: 26px; margin-bottom: 10px; color: #333; } /* Общие стили для модальных окон */ .modal-dlv-1a, .modal-pck-2b, .modal-twk-3c { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); margin-top: 15px; padding: 0; } /* Контент модальных окон */ .modal-dlv-1a .modal-content, .modal-pck-2b .modal-content, .modal-twk-3c .modal-content { color: rgba(255,255,255,0.1); margin: 0% auto; padding: 20px; border: 1px solid #888; width: 98%; border-radius: 5px; position: relative; margin: 0 auto; } /* Кнопка закрытия */ .modal-dlv-1a .close, .modal-pck-2b .close, .modal-twk-3c .close { color: #aaa; position: absolute; top: 10px; right: 15px; font-size: 38px; font-weight: bold; cursor: pointer; } .modal-dlv-1a .close:hover, .modal-dlv-1a .close:focus, .modal-pck-2b .close:hover, .modal-pck-2b .close:focus, .modal-twk-3c .close:hover, .modal-twk-3c .close:focus { color: black; text-decoration: none; cursor: pointer; } body.modal-open { overflow: hidden; } @media (min-width: 768px) { .mobile-buttons { display: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d361cf0 */@font-face { font-display: swap; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7aba1655 */@font-face { font-display: swap; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-458ff6f1 */@font-face { font-display: swap; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bf4655 */@font-face { font-display: swap; }/* End custom CSS */