.elementor-4680 .elementor-element.elementor-element-baed927{--display:flex;--min-height:100vh;--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;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:7;}.elementor-4680 .elementor-element.elementor-element-883a063{--display:flex;--min-height:100vh;--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-4680 .elementor-element.elementor-element-883a063:not(.elementor-motion-effects-element-type-background), .elementor-4680 .elementor-element.elementor-element-883a063 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amoremio.md/wp-content/uploads/2026/01/desk-ro-moscato.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4680 .elementor-element.elementor-element-2d4b801{--display:flex;--min-height:100vh;--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-4680 .elementor-element.elementor-element-2d4b801:not(.elementor-motion-effects-element-type-background), .elementor-4680 .elementor-element.elementor-element-2d4b801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amoremio.md/wp-content/uploads/2026/01/fragola-fn.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4680 .elementor-element.elementor-element-89d8e35{--display:flex;--min-height:100vh;--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-4680 .elementor-element.elementor-element-89d8e35:not(.elementor-motion-effects-element-type-background), .elementor-4680 .elementor-element.elementor-element-89d8e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amoremio.md/wp-content/uploads/2026/01/desk-ro-orancello.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4680 .elementor-element.elementor-element-eb02eef{--display:flex;--min-height:100vh;--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-4680 .elementor-element.elementor-element-eb02eef:not(.elementor-motion-effects-element-type-background), .elementor-4680 .elementor-element.elementor-element-eb02eef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amoremio.md/wp-content/uploads/2026/01/desk-ro-pesca.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4680 .elementor-element.elementor-element-acdb1d3{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-40px;}.elementor-4680 .elementor-element.elementor-element-96e98bd{--display:flex;--min-height:100vh;--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-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 );}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-2add00a{left:0px;}body.rtl .elementor-4680 .elementor-element.elementor-element-2add00a{right:0px;}.elementor-4680 .elementor-element.elementor-element-2add00a{top:0px;}.elementor-4680 .elementor-element.elementor-element-27a3295{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-1edf291{left:0px;}body.rtl .elementor-4680 .elementor-element.elementor-element-1edf291{right:0px;}.elementor-4680 .elementor-element.elementor-element-1edf291{top:0px;}.elementor-4680 .elementor-element.elementor-element-2625662{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-24ffb5c{left:0px;}body.rtl .elementor-4680 .elementor-element.elementor-element-24ffb5c{right:0px;}.elementor-4680 .elementor-element.elementor-element-24ffb5c{top:0px;}.elementor-4680 .elementor-element.elementor-element-b34ae4f{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-0ba0e38{left:0px;}body.rtl .elementor-4680 .elementor-element.elementor-element-0ba0e38{right:0px;}.elementor-4680 .elementor-element.elementor-element-0ba0e38{top:0px;}.elementor-4680 .elementor-element.elementor-element-c0bcc5b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 30px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;}.elementor-4680 .elementor-element.elementor-element-5963ba2{--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;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--overflow:hidden;--margin-top:100px;--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-4680 .elementor-element.elementor-element-eed8a02{text-align:center;}.elementor-4680 .elementor-element.elementor-element-eed8a02 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:80px;font-weight:400;line-height:1em;}.elementor-4680 .elementor-element.elementor-element-ffdd494{--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;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-1a2bd7a{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-b92debd{left:0%;}body.rtl .elementor-4680 .elementor-element.elementor-element-b92debd{right:0%;}.elementor-4680 .elementor-element.elementor-element-b92debd{top:17%;z-index:10;}.elementor-4680 .elementor-element.elementor-element-b92debd img{width:35%;}.elementor-4680 .elementor-element.elementor-element-5a17f45{text-align:center;}.elementor-4680 .elementor-element.elementor-element-5a17f45 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-d5bdf59{z-index:1;text-align:center;}.elementor-4680 .elementor-element.elementor-element-d5bdf59 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-5e48110{z-index:11;}.elementor-4680 .elementor-element.elementor-element-e8c6641{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-33f2bdb{left:0%;}body.rtl .elementor-4680 .elementor-element.elementor-element-33f2bdb{right:0%;}.elementor-4680 .elementor-element.elementor-element-33f2bdb{top:17%;z-index:8;}.elementor-4680 .elementor-element.elementor-element-33f2bdb img{width:36%;}.elementor-4680 .elementor-element.elementor-element-5318ea4{text-align:center;}.elementor-4680 .elementor-element.elementor-element-5318ea4 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-6439a4a{text-align:center;}.elementor-4680 .elementor-element.elementor-element-6439a4a .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-47814ba{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-a543c45{left:0%;}body.rtl .elementor-4680 .elementor-element.elementor-element-a543c45{right:0%;}.elementor-4680 .elementor-element.elementor-element-a543c45{top:17%;z-index:8;}.elementor-4680 .elementor-element.elementor-element-a543c45 img{width:34%;}.elementor-4680 .elementor-element.elementor-element-b4a519c{text-align:center;}.elementor-4680 .elementor-element.elementor-element-b4a519c .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-c0732ff{text-align:center;}.elementor-4680 .elementor-element.elementor-element-c0732ff .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-739ffd6{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-c45a930{left:0%;}body.rtl .elementor-4680 .elementor-element.elementor-element-c45a930{right:0%;}.elementor-4680 .elementor-element.elementor-element-c45a930{top:17%;z-index:5;}.elementor-4680 .elementor-element.elementor-element-c45a930 img{width:35%;}.elementor-4680 .elementor-element.elementor-element-867aef7{text-align:center;}.elementor-4680 .elementor-element.elementor-element-867aef7 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-4f22819{text-align:center;}.elementor-4680 .elementor-element.elementor-element-4f22819 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-5ffce36{--display:flex;}.elementor-4680 .elementor-element.elementor-element-9c323a6{--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-4680 .elementor-element.elementor-element-c75c239{z-index:10;}.elementor-4680 .elementor-element.elementor-element-c75c239 img{width:19%;}.elementor-4680 .elementor-element.elementor-element-f513a8b{text-align:center;}.elementor-4680 .elementor-element.elementor-element-f513a8b .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-44330b9{z-index:1;text-align:center;}.elementor-4680 .elementor-element.elementor-element-44330b9 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4680 .elementor-element.elementor-element-a0abe6c .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:600;}.elementor-4680 .elementor-element.elementor-element-534cbdf{z-index:11;}.elementor-4680 .elementor-element.elementor-element-858dd47{--display:flex;}.elementor-4680 .elementor-element.elementor-element-4f3fcfc{--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-4680 .elementor-element.elementor-element-16df202{z-index:10;}.elementor-4680 .elementor-element.elementor-element-16df202 img{width:19%;}.elementor-4680 .elementor-element.elementor-element-b6cac9d{text-align:center;}.elementor-4680 .elementor-element.elementor-element-b6cac9d .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-3b08ff3{z-index:1;text-align:center;}.elementor-4680 .elementor-element.elementor-element-3b08ff3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-f8339ce .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:600;}.elementor-4680 .elementor-element.elementor-element-5def3c3{--display:flex;}.elementor-4680 .elementor-element.elementor-element-1887c77{--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-4680 .elementor-element.elementor-element-0289c21{z-index:10;}.elementor-4680 .elementor-element.elementor-element-0289c21 img{width:19%;}.elementor-4680 .elementor-element.elementor-element-d9ba0d9{text-align:center;}.elementor-4680 .elementor-element.elementor-element-d9ba0d9 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-5c77ef0{z-index:1;text-align:center;}.elementor-4680 .elementor-element.elementor-element-5c77ef0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-c23fbc8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:600;}.elementor-4680 .elementor-element.elementor-element-2315dd4{--display:flex;}.elementor-4680 .elementor-element.elementor-element-5b878c5{--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-4680 .elementor-element.elementor-element-025e169{z-index:10;}.elementor-4680 .elementor-element.elementor-element-025e169 img{width:19%;}.elementor-4680 .elementor-element.elementor-element-922459c{text-align:center;}.elementor-4680 .elementor-element.elementor-element-922459c .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:min(4.17vw, 60px);font-weight:500;}.elementor-4680 .elementor-element.elementor-element-8797b3f{z-index:1;text-align:center;}.elementor-4680 .elementor-element.elementor-element-8797b3f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:min(1.39vw, 20px);font-weight:600;line-height:24px;}.elementor-4680 .elementor-element.elementor-element-94eb74c .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:600;}.elementor-4680 .elementor-element.elementor-element-f00b6d8{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-4680 .elementor-element.elementor-element-06f3ae3{--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;--overflow:hidden;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-7c7a674{--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;--overflow:hidden;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-505ff0f{--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;--overflow:hidden;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-4680 .elementor-element.elementor-element-acdb1d3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4680 .elementor-element.elementor-element-c0bcc5b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4680 .elementor-element.elementor-element-5963ba2{--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-4680 .elementor-element.elementor-element-eed8a02 .elementor-heading-title{font-size:67px;}.elementor-4680 .elementor-element.elementor-element-f00b6d8{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-4680 .elementor-element.elementor-element-baed927{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-883a063{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-2d4b801{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-89d8e35{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-eb02eef{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-96e98bd{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-27a3295{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-2625662{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-b34ae4f{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-5963ba2{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-1a2bd7a{--width:48%;}.elementor-4680 .elementor-element.elementor-element-e8c6641{--width:48%;}.elementor-4680 .elementor-element.elementor-element-47814ba{--width:48%;}.elementor-4680 .elementor-element.elementor-element-739ffd6{--width:48%;}.elementor-4680 .elementor-element.elementor-element-7c7a674{--content-width:1440px;}.elementor-4680 .elementor-element.elementor-element-505ff0f{--content-width:1440px;}}@media(max-width:767px){.elementor-4680 .elementor-element.elementor-element-baed927{--min-height:85vh;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4680 .elementor-element.elementor-element-acdb1d3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4680 .elementor-element.elementor-element-96e98bd{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-2add00a{left:10%;}body.rtl .elementor-4680 .elementor-element.elementor-element-2add00a{right:10%;}.elementor-4680 .elementor-element.elementor-element-2add00a{top:50%;}.elementor-4680 .elementor-element.elementor-element-2add00a img{width:85%;}.elementor-4680 .elementor-element.elementor-element-27a3295{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-1edf291{left:10%;}body.rtl .elementor-4680 .elementor-element.elementor-element-1edf291{right:10%;}.elementor-4680 .elementor-element.elementor-element-1edf291{top:50%;}.elementor-4680 .elementor-element.elementor-element-1edf291 img{width:85%;}.elementor-4680 .elementor-element.elementor-element-2625662{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-24ffb5c{left:10%;}body.rtl .elementor-4680 .elementor-element.elementor-element-24ffb5c{right:10%;}.elementor-4680 .elementor-element.elementor-element-24ffb5c{top:50%;}.elementor-4680 .elementor-element.elementor-element-24ffb5c img{width:85%;}.elementor-4680 .elementor-element.elementor-element-b34ae4f{--min-height:95vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}body:not(.rtl) .elementor-4680 .elementor-element.elementor-element-0ba0e38{left:10%;}body.rtl .elementor-4680 .elementor-element.elementor-element-0ba0e38{right:10%;}.elementor-4680 .elementor-element.elementor-element-0ba0e38{top:50%;}.elementor-4680 .elementor-element.elementor-element-0ba0e38 img{width:85%;}.elementor-4680 .elementor-element.elementor-element-c0bcc5b{--e-n-carousel-swiper-slides-to-display:1;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-4680 .elementor-element.elementor-element-5963ba2{--min-height:825px;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4680 .elementor-element.elementor-element-eed8a02 .elementor-heading-title{font-size:32px;}.elementor-4680 .elementor-element.elementor-element-9c323a6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-c75c239 img{width:592px;}.elementor-4680 .elementor-element.elementor-element-f513a8b .elementor-heading-title{font-size:60px;}.elementor-4680 .elementor-element.elementor-element-44330b9 .elementor-heading-title{font-size:20px;}.elementor-4680 .elementor-element.elementor-element-a0abe6c .elementor-button{font-size:16px;line-height:24px;border-radius:34px 34px 34px 34px;padding:16px 100px 16px 100px;}.elementor-4680 .elementor-element.elementor-element-caa5dda img{width:100%;}.elementor-4680 .elementor-element.elementor-element-4f3fcfc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-16df202 img{width:313px;}.elementor-4680 .elementor-element.elementor-element-b6cac9d .elementor-heading-title{font-size:60px;}.elementor-4680 .elementor-element.elementor-element-3b08ff3 .elementor-heading-title{font-size:20px;}.elementor-4680 .elementor-element.elementor-element-f8339ce .elementor-button{font-size:16px;line-height:24px;border-radius:34px 34px 34px 34px;padding:16px 100px 16px 100px;}.elementor-4680 .elementor-element.elementor-element-fcf4847 img{width:100%;}.elementor-4680 .elementor-element.elementor-element-1887c77{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-0289c21 img{width:309px;}.elementor-4680 .elementor-element.elementor-element-d9ba0d9 .elementor-heading-title{font-size:60px;}.elementor-4680 .elementor-element.elementor-element-5c77ef0 .elementor-heading-title{font-size:20px;}.elementor-4680 .elementor-element.elementor-element-c23fbc8 .elementor-button{font-size:16px;line-height:24px;border-radius:34px 34px 34px 34px;padding:16px 100px 16px 100px;}.elementor-4680 .elementor-element.elementor-element-40679fb img{width:100%;}.elementor-4680 .elementor-element.elementor-element-5b878c5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4680 .elementor-element.elementor-element-025e169 img{width:278px;}.elementor-4680 .elementor-element.elementor-element-922459c .elementor-heading-title{font-size:60px;}.elementor-4680 .elementor-element.elementor-element-8797b3f .elementor-heading-title{font-size:20px;}.elementor-4680 .elementor-element.elementor-element-94eb74c .elementor-button{font-size:16px;line-height:24px;border-radius:34px 34px 34px 34px;padding:16px 100px 16px 100px;}.elementor-4680 .elementor-element.elementor-element-239f020 img{width:100%;}.elementor-4680 .elementor-element.elementor-element-f00b6d8{--e-n-carousel-swiper-slides-to-display:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-arrow-prev-left-position:34%;--e-n-carousel-arrow-prev-top-position:58%;--e-n-carousel-arrow-next-right-position:34%;--e-n-carousel-arrow-next-top-position:58%;--e-n-carousel-arrow-size:50px;}.elementor-4680 .elementor-element.elementor-element-06f3ae3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4680 .elementor-element.elementor-element-2ea5a42 img{width:80%;}}/* Start custom CSS for nested-carousel, class: .elementor-element-acdb1d3 */.swiper-pagination-bullet {
    /* 1. Меняем форму на прямоугольник, чтобы мазок не сжимался */
    width: 40px !important;  /* Ширина больше */
    height: 12px !important; /* Высота меньше */
    margin: 0 20px !important;
    border-radius: 0 !important;
    
    /* 2. САМОЕ ВАЖНОЕ: Убираем полупрозрачность самого блока */
    opacity: 1 !important; 
    
    /* 3. Настраиваем маску */
    -webkit-mask-image: url('https://amoremio.md/wp-content/uploads/2025/11/black-mask-for-carousel.svg') !important;
    mask-image: url('https://amoremio.md/wp-content/uploads/2025/11/black-mask-for-carousel.svg') !important;
    
    -webkit-mask-size: contain !important; /* Вписываем картинку */
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;

    /* 4. Цвет НЕАКТИВНЫХ точек */
    /* Делаем их светло-серыми вручную, раз мы отключили opacity */
    background-color: #e0e0e0 !important; 
    
    transition: background-color 0.3s ease !important;
}

/* 5. Цвет АКТИВНОЙ точки */
.swiper-pagination-bullet-active {
    /* Тот самый насыщенный синий */
    background-color: #2C2D8C !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-baed927 *//* --- Тест с внешним SVG --- */
.elementor-4680 .elementor-element.elementor-element-baed927 {
    /* Мы временно используем другой URL для проверки */
    cursor: url('https://amoremio.md/wp-content/uploads/2026/01/apasa.png'), auto !important;
}

.elementor-4680 .elementor-element.elementor-element-baed927 * {
    cursor: inherit !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b92debd */.elementor-4680 .elementor-element.elementor-element-b92debd a {
  cursor: inherit !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a17f45 */.elementor-4680 .elementor-element.elementor-element-5a17f45{
    position: absolute;
  left: 50%;
  top: 12%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d5bdf59 */.elementor-4680 .elementor-element.elementor-element-d5bdf59{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 3%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2bd7a *//* --- CSS для блока #pesca и появления картинок --- */

/* 1. Главный блок */
.elementor-4680 .elementor-element.elementor-element-1a2bd7a {
  position: relative;
}

/* 2. Начальное состояние (без изменений) */
.elementor-4680 .elementor-element.elementor-element-1a2bd7a .bubbles {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a .peach-large-left {
  position: absolute;
  left: 25%;
  top: 55%;
  width: min(11.1vw, 190px);
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a .peach-medium-right {
  position: absolute;
  right: 28%;
  top: 45%;
  width: min(11.1vw, 170px);
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a .peach-small-bottom-right {
  position: absolute;
  right: 28%;
  bottom: 10%;
  width: min(11.1vw, 170px);
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Плавность для бутылки при возврате назад */
.elementor-4680 .elementor-element.elementor-element-1a2bd7a .pesca-bottle {
  transition: all 0.4s ease-out;
}


/* 3. Конечное состояние: ПРИ НАВЕДЕНИИ (HOVER) + ПОДЪЕМ НА 5% */

.elementor-4680 .elementor-element.elementor-element-1a2bd7a:hover .bubbles {
  opacity: 1;
  /* Было -50%, стало -55% (поднимаем выше) */
  transform: translate(-50%, -55%) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a:hover .peach-large-left {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translateY(-55%) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a:hover .peach-medium-right {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translateY(-55%) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a:hover .peach-small-bottom-right {
  opacity: 1;
  /* Просто поднимаем на 5% */
  transform: translateY(-5%) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-1a2bd7a:hover .pesca-bottle {
  /* Поднимаем бутылку на 5% во время увеличения и поворота */
  transform: translateY(-5%) scale(1.2) rotate(15deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33f2bdb */.elementor-4680 .elementor-element.elementor-element-33f2bdb a {
  cursor: inherit !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5318ea4 */.elementor-4680 .elementor-element.elementor-element-5318ea4{
    position: absolute;
  left: 50%;
  top: 12%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6439a4a */.elementor-4680 .elementor-element.elementor-element-6439a4a{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 3%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8c6641 *//* --- CSS для блока с Клубникой (Fragola) --- */

/* 1. Главный блок */
.elementor-4680 .elementor-element.elementor-element-e8c6641 {
  position: relative;
}

/* 2. НАЧАЛЬНОЕ СОСТОЯНИЕ (Скрыто) */

.elementor-4680 .elementor-element.elementor-element-e8c6641 .bubbles {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-e8c6641 .strawberry-large-left {
  position: absolute;
  left: 25%;
  top: 45%;
  width: min(13.89vw, 200px);
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50%) rotate(0) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-e8c6641 .strawberry-medium-right {
  position: absolute;
  right: 35%;
  top: 55%;
  width: min(7.01vw, 101px);
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: translateY(-50%) rotate(0deg) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-e8c6641 .strawberry-small-bottom-left {
  position: absolute;
  left: 36%;
  bottom: 10%;
  width: min(6.32vw, 91px);
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Добавляем плавность самой бутылке, чтобы она не дергалась при возврате */
.elementor-4680 .elementor-element.elementor-element-e8c6641 .fragola-bottle {
  transition: all 0.4s ease-out;
}


/* 3. КОНЕЧНОЕ СОСТОЯНИЕ (HOVER + ПОДЪЕМ НА 5%) */

.elementor-4680 .elementor-element.elementor-element-e8c6641:hover .bubbles {
  opacity: 1;
  /* Было -50%, стало -55% (подняли вверх) */
  transform: translate(-50%, -55%) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-e8c6641:hover .fragola-bottle {
  /* Поднимаем бутылку на 5% во время увеличения и поворота */
  transform: translateY(-5%) scale(1.2) rotate(-10deg);
}

.elementor-4680 .elementor-element.elementor-element-e8c6641:hover .strawberry-large-left {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translateY(-55%) rotate(0) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-e8c6641:hover .strawberry-medium-right {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translateY(-55%) rotate(0deg) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-e8c6641:hover .strawberry-small-bottom-left {
  opacity: 1;
  /* Просто поднимаем на 5% */
  transform: translateY(-5%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a543c45 */.elementor-4680 .elementor-element.elementor-element-a543c45 a {
  cursor: inherit !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4a519c */.elementor-4680 .elementor-element.elementor-element-b4a519c{
    position: absolute;
  left: 50%;
  top: 12%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0732ff */.elementor-4680 .elementor-element.elementor-element-c0732ff{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 3%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47814ba *//* --- CSS для блока Orancello --- */

/* 1. Главный блок */
.elementor-4680 .elementor-element.elementor-element-47814ba {
  position: relative;
}

/* 2. НАЧАЛЬНОЕ СОСТОЯНИЕ (Скрыто) */

.elementor-4680 .elementor-element.elementor-element-47814ba .bubbles {
  position: absolute;
  left: 50%;
  top: 55%;
  
  /* --- Эффект --- */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-47814ba .orange-slice-background {
  position: absolute;
  left: 50%;
  top: 55%;
  width: min(28vw, 410px);
  height: auto;
  z-index: 1;
  
  /* --- Эффект --- */
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg) scale(0);
  transition: all 0.4s ease-out;
}

/* Добавляем плавность для бутылки (чтобы не дергалась при уходе мыши) */
.elementor-4680 .elementor-element.elementor-element-47814ba .orancello-bottle {
  transition: all 0.4s ease-out;
}


/* 3. КОНЕЧНОЕ СОСТОЯНИЕ (HOVER + ПОДЪЕМ НА 5%) */

.elementor-4680 .elementor-element.elementor-element-47814ba:hover .bubbles {
  opacity: 1;
  /* Было -50%, стало -55% (подняли вверх) */
  /* Scale тут у тебя 1.2, я оставил как ты просил */
  transform: translate(-50%, -55%) scale(1.2);
}

.elementor-4680 .elementor-element.elementor-element-47814ba:hover .orange-slice-background {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translate(-50%, -55%) rotate(0deg) scale(1);
}

.elementor-4680 .elementor-element.elementor-element-47814ba:hover .orancello-bottle {
  /* Добавили translateY(-5%) для подъема */
  transform: translateY(-5%) scale(1.2) rotate(-21deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c45a930 */.elementor-4680 .elementor-element.elementor-element-c45a930 a {
  cursor: inherit !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-867aef7 */.elementor-4680 .elementor-element.elementor-element-867aef7{
    position: absolute;
  left: 50%;
  top: 12%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f22819 */.elementor-4680 .elementor-element.elementor-element-4f22819{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 3%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-739ffd6 *//* --- CSS для блока Moscato --- */

/* 1. Главный блок */
.elementor-4680 .elementor-element.elementor-element-739ffd6 {
  position: relative;
}

/* 2. НАЧАЛЬНОЕ СОСТОЯНИЕ (Скрыто) */

.elementor-4680 .elementor-element.elementor-element-739ffd6 .bubbles {
  position: absolute;
  left: 50%;
  top: 55%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* --- Виноградный Лист --- */
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-leaf-background {
  position: absolute;
  left: 50%;
  top: 40%;
  width: min(18vw, 258px);
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* --- Виноград (Общий класс для анимации) --- */
.elementor-4680 .elementor-element.elementor-element-739ffd6 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Добавляем плавность для самой бутылки */
.elementor-4680 .elementor-element.elementor-element-739ffd6 .moscato-bottle {
  transition: all 0.4s ease-out;
}

/* --- Позиции отдельных виноградин (оставляем как есть) --- */
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-1 { left: 41%; top: 31%; width: min(5.35vw, 77px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-2 { left: 35%; top: 43%; width: min(5.76vw, 83px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-3 { left: 30%; top: 46%; width: min(4.31vw, 62px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-4 { left: 31%; bottom: 27.5%; width: min(5.7vw, 82px); z-index: 12; }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-5 { left: 30%; bottom: 15%; width: min(4.38vw, 63px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-6 { left: 51%; bottom: 28%; width: min(4.72vw, 68px); z-index: 6; }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-7 { right: 40%; bottom: 44%; width: min(4.31vw, 62px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-8 { right: 32%; top: 45%; width: min(4.65vw, 67px); }
.elementor-4680 .elementor-element.elementor-element-739ffd6 .grape-9 { right: 30%; top: 35%; width: min(6vw, 80px); }


/* 3. КОНЕЧНОЕ СОСТОЯНИЕ (HOVER + ПОДЪЕМ НА 5%) */

.elementor-4680 .elementor-element.elementor-element-739ffd6:hover .bubbles {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translate(-50%, -55%) scale(1.1);
}

.elementor-4680 .elementor-element.elementor-element-739ffd6:hover .moscato-bottle {
  /* Поднимаем бутылку на 5% */
  transform: translateY(-5%) scale(1.2) rotate(9deg);
}

/* --- Виноградный Лист (Hover) --- */
.elementor-4680 .elementor-element.elementor-element-739ffd6:hover .grape-leaf-background {
  opacity: 1;
  /* Было -50%, стало -55% */
  transform: translate(-50%, -55%) scale(1);
}

/* --- Виноград (Общий класс Hover) --- */
.elementor-4680 .elementor-element.elementor-element-739ffd6:hover .moscato-grape {
  opacity: 1;
  /* Поднимаем все ягоды на 5% вверх */
  transform: translateY(-5%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffdd494 */#vkus-mio {
    cursor: url('https://amoremio.md/wp-content/uploads/2026/01/detalii-cursor.png'), auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c75c239 */.elementor-4680 .elementor-element.elementor-element-c75c239 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
     width: 65%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f513a8b */.elementor-4680 .elementor-element.elementor-element-f513a8b{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44330b9 */.elementor-4680 .elementor-element.elementor-element-44330b9{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0abe6c */.elementor-4680 .elementor-element.elementor-element-a0abe6c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c323a6 *//* --- 1. ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* ЗАМЕНА: вместо .elementor-4680 .elementor-element.elementor-element-9c323a6:hover пишем .elementor-4680 .elementor-element.elementor-element-9c323a6.active */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

/* --- 2. БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .pesca-bottle {
  position: absolute;
  left: 50%;
  top: 45%;
  /* Добавляем transition, чтобы бутылка не прыгала, а плыла */
  transition: all 0.4s ease-out; 
  transform: translate(-50%, -50%) scale(1.2) rotate(18deg);
}

/* --- 3. ПЕРСИКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-large-left-mob {
  position: absolute;
  left: 6%;
  top: 25%;
  width: 158px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-medium-right-mob {
  position: absolute;
  right: 15%;
  top: 27%;
  width: 129px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-small-bottom-right-mob {
  position: absolute;
  right: 15%;
  bottom: 29%;
  width: 129px;
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-small-bottom-right-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16df202 */.elementor-4680 .elementor-element.elementor-element-16df202 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b6cac9d */.elementor-4680 .elementor-element.elementor-element-b6cac9d{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b08ff3 */.elementor-4680 .elementor-element.elementor-element-3b08ff3{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8339ce */.elementor-4680 .elementor-element.elementor-element-f8339ce{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3fcfc *//* --- ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .fragola-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .fragola-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(-8deg);
    z-index: 10;
}

/* --- КЛУБНИКА БОЛЬШАЯ (СЛЕВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-large-left-mob {
  position: absolute;
  left: 3%;
  top: 17%;
  width: 180px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0); /* Убрал translate, чтобы не прыгало */
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА СРЕДНЯЯ (СПРАВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-medium-right-mob {
  position: absolute;
  right: 12%;
  top: 37%;
  width: 110px;
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА МАЛЕНЬКАЯ (СНИЗУ) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-small-bottom-left-mob {
  position: absolute;
  left: 22%;
  bottom: 27%;
  width: 89px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-small-bottom-left-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0289c21 */.elementor-4680 .elementor-element.elementor-element-0289c21 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 68%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d9ba0d9 */.elementor-4680 .elementor-element.elementor-element-d9ba0d9{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c77ef0 */.elementor-4680 .elementor-element.elementor-element-5c77ef0{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c23fbc8 */.elementor-4680 .elementor-element.elementor-element-c23fbc8{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1887c77 *//* --- ПУЗЫРЬКИ (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  
  /* Начальное состояние */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orancello-bottle {
   /* Добавляем плавность для бутылки */
   transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orancello-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    /* Центрируем, увеличиваем и вращаем на -21 градус */
    transform: translate(-50%, -50%) scale(1.2) rotate(-21deg);
    z-index: 10;
}

/* --- ДОЛЬКА АПЕЛЬСИНА (Фон) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orange-slice-background-mob {
  position: absolute;
  left: 6%;
  top: 20%;
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 1;

  /* Эффект */
  opacity: 0;
  /* Убрал translate, чтобы фон не смещался при увеличении */
  transform: scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orange-slice-background-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-025e169 */.elementor-4680 .elementor-element.elementor-element-025e169 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-922459c */.elementor-4680 .elementor-element.elementor-element-922459c{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8797b3f */.elementor-4680 .elementor-element.elementor-element-8797b3f{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94eb74c */.elementor-4680 .elementor-element.elementor-element-94eb74c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b878c5 *//* --- ПУЗЫРЬКИ (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(9.26deg);
    z-index: 10;
}

/* --- ВИНОГРАДНЫЙ ЛИСТ --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
  position: absolute;
  left: 19%;
  top: 8%;
  width: 230px;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Адаптив листа */
@media (min-width: 401px) {
  .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
    left: 21%;
  }
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .grape-leaf-background {
  opacity: 1;
  transform: scale(1);
}

/* --- ВИНОГРАД (Общий стиль анимации) --- */
/* ВАЖНО: Каждой виноградине нужно дать класс moscato-grape */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-grape {
  opacity: 1;
  transform: scale(1);
}

/* --- ПОЗИЦИИ ВИНОГРАДИН --- */
/* Grape 1 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 27%; top: 23%; width: 90px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 33%; } }

/* Grape 2 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 23%; top: 35.5%; width: 83px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 28%; top: 33.5%; } }

/* Grape 3 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 18%; top: 34%; width: 62px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 22%; } }

/* Grape 4 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 15%; bottom: 40%; width: 82px; z-index: 12; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 19%; bottom: 45%; } }

/* Grape 5 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 13%; bottom: 30%; width: 63px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 16%; bottom: 37%; } }

/* Grape 6 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { left: 51%; bottom: 44%; width: 68px; z-index: 11; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { bottom: 47%; } }

/* Grape 7 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-7 { right: 32%; bottom: 58%; width: 62px; }

/* Grape 8 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 16%; top: 35%; width: 67px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 18%; top: 34%; } }

/* Grape 9 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 12%; top: 27%; width: 80px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 16%; top: 26%; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c75c239 */.elementor-4680 .elementor-element.elementor-element-c75c239 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
     width: 65%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f513a8b */.elementor-4680 .elementor-element.elementor-element-f513a8b{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44330b9 */.elementor-4680 .elementor-element.elementor-element-44330b9{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0abe6c */.elementor-4680 .elementor-element.elementor-element-a0abe6c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c323a6 *//* --- 1. ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* ЗАМЕНА: вместо .elementor-4680 .elementor-element.elementor-element-9c323a6:hover пишем .elementor-4680 .elementor-element.elementor-element-9c323a6.active */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

/* --- 2. БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .pesca-bottle {
  position: absolute;
  left: 50%;
  top: 45%;
  /* Добавляем transition, чтобы бутылка не прыгала, а плыла */
  transition: all 0.4s ease-out; 
  transform: translate(-50%, -50%) scale(1.2) rotate(18deg);
}

/* --- 3. ПЕРСИКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-large-left-mob {
  position: absolute;
  left: 6%;
  top: 25%;
  width: 158px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-medium-right-mob {
  position: absolute;
  right: 15%;
  top: 27%;
  width: 129px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-small-bottom-right-mob {
  position: absolute;
  right: 15%;
  bottom: 29%;
  width: 129px;
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-small-bottom-right-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16df202 */.elementor-4680 .elementor-element.elementor-element-16df202 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b6cac9d */.elementor-4680 .elementor-element.elementor-element-b6cac9d{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b08ff3 */.elementor-4680 .elementor-element.elementor-element-3b08ff3{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8339ce */.elementor-4680 .elementor-element.elementor-element-f8339ce{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3fcfc *//* --- ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .fragola-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .fragola-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(-8deg);
    z-index: 10;
}

/* --- КЛУБНИКА БОЛЬШАЯ (СЛЕВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-large-left-mob {
  position: absolute;
  left: 3%;
  top: 17%;
  width: 180px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0); /* Убрал translate, чтобы не прыгало */
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА СРЕДНЯЯ (СПРАВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-medium-right-mob {
  position: absolute;
  right: 12%;
  top: 37%;
  width: 110px;
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА МАЛЕНЬКАЯ (СНИЗУ) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-small-bottom-left-mob {
  position: absolute;
  left: 22%;
  bottom: 27%;
  width: 89px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-small-bottom-left-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0289c21 */.elementor-4680 .elementor-element.elementor-element-0289c21 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 68%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d9ba0d9 */.elementor-4680 .elementor-element.elementor-element-d9ba0d9{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c77ef0 */.elementor-4680 .elementor-element.elementor-element-5c77ef0{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c23fbc8 */.elementor-4680 .elementor-element.elementor-element-c23fbc8{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1887c77 *//* --- ПУЗЫРЬКИ (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  
  /* Начальное состояние */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orancello-bottle {
   /* Добавляем плавность для бутылки */
   transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orancello-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    /* Центрируем, увеличиваем и вращаем на -21 градус */
    transform: translate(-50%, -50%) scale(1.2) rotate(-21deg);
    z-index: 10;
}

/* --- ДОЛЬКА АПЕЛЬСИНА (Фон) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orange-slice-background-mob {
  position: absolute;
  left: 6%;
  top: 20%;
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 1;

  /* Эффект */
  opacity: 0;
  /* Убрал translate, чтобы фон не смещался при увеличении */
  transform: scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orange-slice-background-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-025e169 */.elementor-4680 .elementor-element.elementor-element-025e169 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-922459c */.elementor-4680 .elementor-element.elementor-element-922459c{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8797b3f */.elementor-4680 .elementor-element.elementor-element-8797b3f{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94eb74c */.elementor-4680 .elementor-element.elementor-element-94eb74c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b878c5 *//* --- ПУЗЫРЬКИ (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(9.26deg);
    z-index: 10;
}

/* --- ВИНОГРАДНЫЙ ЛИСТ --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
  position: absolute;
  left: 19%;
  top: 8%;
  width: 230px;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Адаптив листа */
@media (min-width: 401px) {
  .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
    left: 21%;
  }
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .grape-leaf-background {
  opacity: 1;
  transform: scale(1);
}

/* --- ВИНОГРАД (Общий стиль анимации) --- */
/* ВАЖНО: Каждой виноградине нужно дать класс moscato-grape */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-grape {
  opacity: 1;
  transform: scale(1);
}

/* --- ПОЗИЦИИ ВИНОГРАДИН --- */
/* Grape 1 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 27%; top: 23%; width: 90px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 33%; } }

/* Grape 2 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 23%; top: 35.5%; width: 83px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 28%; top: 33.5%; } }

/* Grape 3 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 18%; top: 34%; width: 62px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 22%; } }

/* Grape 4 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 15%; bottom: 40%; width: 82px; z-index: 12; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 19%; bottom: 45%; } }

/* Grape 5 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 13%; bottom: 30%; width: 63px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 16%; bottom: 37%; } }

/* Grape 6 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { left: 51%; bottom: 44%; width: 68px; z-index: 11; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { bottom: 47%; } }

/* Grape 7 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-7 { right: 32%; bottom: 58%; width: 62px; }

/* Grape 8 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 16%; top: 35%; width: 67px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 18%; top: 34%; } }

/* Grape 9 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 12%; top: 27%; width: 80px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 16%; top: 26%; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c75c239 */.elementor-4680 .elementor-element.elementor-element-c75c239 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
     width: 65%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f513a8b */.elementor-4680 .elementor-element.elementor-element-f513a8b{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44330b9 */.elementor-4680 .elementor-element.elementor-element-44330b9{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0abe6c */.elementor-4680 .elementor-element.elementor-element-a0abe6c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c323a6 *//* --- 1. ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* ЗАМЕНА: вместо .elementor-4680 .elementor-element.elementor-element-9c323a6:hover пишем .elementor-4680 .elementor-element.elementor-element-9c323a6.active */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

/* --- 2. БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .pesca-bottle {
  position: absolute;
  left: 50%;
  top: 45%;
  /* Добавляем transition, чтобы бутылка не прыгала, а плыла */
  transition: all 0.4s ease-out; 
  transform: translate(-50%, -50%) scale(1.2) rotate(18deg);
}

/* --- 3. ПЕРСИКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-large-left-mob {
  position: absolute;
  left: 6%;
  top: 25%;
  width: 158px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-medium-right-mob {
  position: absolute;
  right: 15%;
  top: 27%;
  width: 129px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-small-bottom-right-mob {
  position: absolute;
  right: 15%;
  bottom: 29%;
  width: 129px;
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-small-bottom-right-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16df202 */.elementor-4680 .elementor-element.elementor-element-16df202 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b6cac9d */.elementor-4680 .elementor-element.elementor-element-b6cac9d{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b08ff3 */.elementor-4680 .elementor-element.elementor-element-3b08ff3{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8339ce */.elementor-4680 .elementor-element.elementor-element-f8339ce{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3fcfc *//* --- ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .fragola-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .fragola-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(-8deg);
    z-index: 10;
}

/* --- КЛУБНИКА БОЛЬШАЯ (СЛЕВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-large-left-mob {
  position: absolute;
  left: 3%;
  top: 17%;
  width: 180px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0); /* Убрал translate, чтобы не прыгало */
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА СРЕДНЯЯ (СПРАВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-medium-right-mob {
  position: absolute;
  right: 12%;
  top: 37%;
  width: 110px;
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА МАЛЕНЬКАЯ (СНИЗУ) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-small-bottom-left-mob {
  position: absolute;
  left: 22%;
  bottom: 27%;
  width: 89px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-small-bottom-left-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0289c21 */.elementor-4680 .elementor-element.elementor-element-0289c21 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 68%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d9ba0d9 */.elementor-4680 .elementor-element.elementor-element-d9ba0d9{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c77ef0 */.elementor-4680 .elementor-element.elementor-element-5c77ef0{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c23fbc8 */.elementor-4680 .elementor-element.elementor-element-c23fbc8{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1887c77 *//* --- ПУЗЫРЬКИ (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  
  /* Начальное состояние */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orancello-bottle {
   /* Добавляем плавность для бутылки */
   transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orancello-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    /* Центрируем, увеличиваем и вращаем на -21 градус */
    transform: translate(-50%, -50%) scale(1.2) rotate(-21deg);
    z-index: 10;
}

/* --- ДОЛЬКА АПЕЛЬСИНА (Фон) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orange-slice-background-mob {
  position: absolute;
  left: 6%;
  top: 20%;
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 1;

  /* Эффект */
  opacity: 0;
  /* Убрал translate, чтобы фон не смещался при увеличении */
  transform: scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orange-slice-background-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-025e169 */.elementor-4680 .elementor-element.elementor-element-025e169 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-922459c */.elementor-4680 .elementor-element.elementor-element-922459c{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8797b3f */.elementor-4680 .elementor-element.elementor-element-8797b3f{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94eb74c */.elementor-4680 .elementor-element.elementor-element-94eb74c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b878c5 *//* --- ПУЗЫРЬКИ (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(9.26deg);
    z-index: 10;
}

/* --- ВИНОГРАДНЫЙ ЛИСТ --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
  position: absolute;
  left: 19%;
  top: 8%;
  width: 230px;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Адаптив листа */
@media (min-width: 401px) {
  .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
    left: 21%;
  }
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .grape-leaf-background {
  opacity: 1;
  transform: scale(1);
}

/* --- ВИНОГРАД (Общий стиль анимации) --- */
/* ВАЖНО: Каждой виноградине нужно дать класс moscato-grape */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-grape {
  opacity: 1;
  transform: scale(1);
}

/* --- ПОЗИЦИИ ВИНОГРАДИН --- */
/* Grape 1 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 27%; top: 23%; width: 90px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 33%; } }

/* Grape 2 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 23%; top: 35.5%; width: 83px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 28%; top: 33.5%; } }

/* Grape 3 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 18%; top: 34%; width: 62px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 22%; } }

/* Grape 4 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 15%; bottom: 40%; width: 82px; z-index: 12; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 19%; bottom: 45%; } }

/* Grape 5 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 13%; bottom: 30%; width: 63px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 16%; bottom: 37%; } }

/* Grape 6 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { left: 51%; bottom: 44%; width: 68px; z-index: 11; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { bottom: 47%; } }

/* Grape 7 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-7 { right: 32%; bottom: 58%; width: 62px; }

/* Grape 8 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 16%; top: 35%; width: 67px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 18%; top: 34%; } }

/* Grape 9 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 12%; top: 27%; width: 80px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 16%; top: 26%; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c75c239 */.elementor-4680 .elementor-element.elementor-element-c75c239 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
     width: 65%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f513a8b */.elementor-4680 .elementor-element.elementor-element-f513a8b{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44330b9 */.elementor-4680 .elementor-element.elementor-element-44330b9{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0abe6c */.elementor-4680 .elementor-element.elementor-element-a0abe6c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c323a6 *//* --- 1. ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* ЗАМЕНА: вместо .elementor-4680 .elementor-element.elementor-element-9c323a6:hover пишем .elementor-4680 .elementor-element.elementor-element-9c323a6.active */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

/* --- 2. БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .pesca-bottle {
  position: absolute;
  left: 50%;
  top: 45%;
  /* Добавляем transition, чтобы бутылка не прыгала, а плыла */
  transition: all 0.4s ease-out; 
  transform: translate(-50%, -50%) scale(1.2) rotate(18deg);
}

/* --- 3. ПЕРСИКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-large-left-mob {
  position: absolute;
  left: 6%;
  top: 25%;
  width: 158px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-medium-right-mob {
  position: absolute;
  right: 15%;
  top: 27%;
  width: 129px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-small-bottom-right-mob {
  position: absolute;
  right: 15%;
  bottom: 29%;
  width: 129px;
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-small-bottom-right-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16df202 */.elementor-4680 .elementor-element.elementor-element-16df202 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b6cac9d */.elementor-4680 .elementor-element.elementor-element-b6cac9d{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b08ff3 */.elementor-4680 .elementor-element.elementor-element-3b08ff3{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8339ce */.elementor-4680 .elementor-element.elementor-element-f8339ce{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3fcfc *//* --- ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .fragola-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .fragola-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(-8deg);
    z-index: 10;
}

/* --- КЛУБНИКА БОЛЬШАЯ (СЛЕВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-large-left-mob {
  position: absolute;
  left: 3%;
  top: 17%;
  width: 180px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0); /* Убрал translate, чтобы не прыгало */
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА СРЕДНЯЯ (СПРАВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-medium-right-mob {
  position: absolute;
  right: 12%;
  top: 37%;
  width: 110px;
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА МАЛЕНЬКАЯ (СНИЗУ) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-small-bottom-left-mob {
  position: absolute;
  left: 22%;
  bottom: 27%;
  width: 89px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-small-bottom-left-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0289c21 */.elementor-4680 .elementor-element.elementor-element-0289c21 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 68%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d9ba0d9 */.elementor-4680 .elementor-element.elementor-element-d9ba0d9{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c77ef0 */.elementor-4680 .elementor-element.elementor-element-5c77ef0{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c23fbc8 */.elementor-4680 .elementor-element.elementor-element-c23fbc8{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1887c77 *//* --- ПУЗЫРЬКИ (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  
  /* Начальное состояние */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orancello-bottle {
   /* Добавляем плавность для бутылки */
   transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orancello-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    /* Центрируем, увеличиваем и вращаем на -21 градус */
    transform: translate(-50%, -50%) scale(1.2) rotate(-21deg);
    z-index: 10;
}

/* --- ДОЛЬКА АПЕЛЬСИНА (Фон) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orange-slice-background-mob {
  position: absolute;
  left: 6%;
  top: 20%;
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 1;

  /* Эффект */
  opacity: 0;
  /* Убрал translate, чтобы фон не смещался при увеличении */
  transform: scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orange-slice-background-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-025e169 */.elementor-4680 .elementor-element.elementor-element-025e169 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-922459c */.elementor-4680 .elementor-element.elementor-element-922459c{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8797b3f */.elementor-4680 .elementor-element.elementor-element-8797b3f{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94eb74c */.elementor-4680 .elementor-element.elementor-element-94eb74c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b878c5 *//* --- ПУЗЫРЬКИ (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(9.26deg);
    z-index: 10;
}

/* --- ВИНОГРАДНЫЙ ЛИСТ --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
  position: absolute;
  left: 19%;
  top: 8%;
  width: 230px;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Адаптив листа */
@media (min-width: 401px) {
  .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
    left: 21%;
  }
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .grape-leaf-background {
  opacity: 1;
  transform: scale(1);
}

/* --- ВИНОГРАД (Общий стиль анимации) --- */
/* ВАЖНО: Каждой виноградине нужно дать класс moscato-grape */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-grape {
  opacity: 1;
  transform: scale(1);
}

/* --- ПОЗИЦИИ ВИНОГРАДИН --- */
/* Grape 1 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 27%; top: 23%; width: 90px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 33%; } }

/* Grape 2 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 23%; top: 35.5%; width: 83px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 28%; top: 33.5%; } }

/* Grape 3 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 18%; top: 34%; width: 62px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 22%; } }

/* Grape 4 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 15%; bottom: 40%; width: 82px; z-index: 12; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 19%; bottom: 45%; } }

/* Grape 5 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 13%; bottom: 30%; width: 63px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 16%; bottom: 37%; } }

/* Grape 6 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { left: 51%; bottom: 44%; width: 68px; z-index: 11; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { bottom: 47%; } }

/* Grape 7 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-7 { right: 32%; bottom: 58%; width: 62px; }

/* Grape 8 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 16%; top: 35%; width: 67px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 18%; top: 34%; } }

/* Grape 9 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 12%; top: 27%; width: 80px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 16%; top: 26%; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c75c239 */.elementor-4680 .elementor-element.elementor-element-c75c239 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
     width: 65%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f513a8b */.elementor-4680 .elementor-element.elementor-element-f513a8b{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44330b9 */.elementor-4680 .elementor-element.elementor-element-44330b9{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0abe6c */.elementor-4680 .elementor-element.elementor-element-a0abe6c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c323a6 *//* --- 1. ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

/* ЗАМЕНА: вместо .elementor-4680 .elementor-element.elementor-element-9c323a6:hover пишем .elementor-4680 .elementor-element.elementor-element-9c323a6.active */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

/* --- 2. БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6.active .pesca-bottle {
  position: absolute;
  left: 50%;
  top: 45%;
  /* Добавляем transition, чтобы бутылка не прыгала, а плыла */
  transition: all 0.4s ease-out; 
  transform: translate(-50%, -50%) scale(1.2) rotate(18deg);
}

/* --- 3. ПЕРСИКИ --- */
.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-large-left-mob {
  position: absolute;
  left: 6%;
  top: 25%;
  width: 158px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-medium-right-mob {
  position: absolute;
  right: 15%;
  top: 27%;
  width: 129px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

.elementor-4680 .elementor-element.elementor-element-9c323a6 .peach-small-bottom-right-mob {
  position: absolute;
  right: 15%;
  bottom: 29%;
  width: 129px;
  height: auto;
  z-index: 12;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-9c323a6.active .peach-small-bottom-right-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16df202 */.elementor-4680 .elementor-element.elementor-element-16df202 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b6cac9d */.elementor-4680 .elementor-element.elementor-element-b6cac9d{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b08ff3 */.elementor-4680 .elementor-element.elementor-element-3b08ff3{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8339ce */.elementor-4680 .elementor-element.elementor-element-f8339ce{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3fcfc *//* --- ПУЗЫРЬКИ --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .fragola-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .fragola-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(-8deg);
    z-index: 10;
}

/* --- КЛУБНИКА БОЛЬШАЯ (СЛЕВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-large-left-mob {
  position: absolute;
  left: 3%;
  top: 17%;
  width: 180px;
  height: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0); /* Убрал translate, чтобы не прыгало */
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-large-left-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА СРЕДНЯЯ (СПРАВА) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-medium-right-mob {
  position: absolute;
  right: 12%;
  top: 37%;
  width: 110px;
  height: auto;
  z-index: 11;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-medium-right-mob {
  opacity: 1;
  transform: scale(1);
}

/* --- КЛУБНИКА МАЛЕНЬКАЯ (СНИЗУ) --- */
.elementor-4680 .elementor-element.elementor-element-4f3fcfc .strawberry-small-bottom-left-mob {
  position: absolute;
  left: 22%;
  bottom: 27%;
  width: 89px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-4f3fcfc.active .strawberry-small-bottom-left-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0289c21 */.elementor-4680 .elementor-element.elementor-element-0289c21 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 68%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d9ba0d9 */.elementor-4680 .elementor-element.elementor-element-d9ba0d9{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c77ef0 */.elementor-4680 .elementor-element.elementor-element-5c77ef0{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c23fbc8 */.elementor-4680 .elementor-element.elementor-element-c23fbc8{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1887c77 *//* --- ПУЗЫРЬКИ (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  
  /* Начальное состояние */
  opacity: 0;
  transform: translate(-50%, -50%) scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Orancello) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orancello-bottle {
   /* Добавляем плавность для бутылки */
   transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orancello-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    /* Центрируем, увеличиваем и вращаем на -21 градус */
    transform: translate(-50%, -50%) scale(1.2) rotate(-21deg);
    z-index: 10;
}

/* --- ДОЛЬКА АПЕЛЬСИНА (Фон) --- */
.elementor-4680 .elementor-element.elementor-element-1887c77 .orange-slice-background-mob {
  position: absolute;
  left: 6%;
  top: 20%;
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 1;

  /* Эффект */
  opacity: 0;
  /* Убрал translate, чтобы фон не смещался при увеличении */
  transform: scale(0); 
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-1887c77.active .orange-slice-background-mob {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-025e169 */.elementor-4680 .elementor-element.elementor-element-025e169 
{position: absolute;

    /* 2. Сдвигаем левый верхний угол в центр */
    left: 50%;
    top: 45%;

    /* 3. Центрируем саму картинку */
    transform: translate(-50%, -50%);
    
    width: 70%; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-922459c */.elementor-4680 .elementor-element.elementor-element-922459c{
    position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8797b3f */.elementor-4680 .elementor-element.elementor-element-8797b3f{
  position: absolute;
  left: 50%;
  
  /* Привязываем к низу с отступом в 3% */
  bottom: 18%; 
  
  transform: translateX(-50%); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94eb74c */.elementor-4680 .elementor-element.elementor-element-94eb74c{
  position: absolute;

    /* 2. Сдвигаем верхний левый угол в центр */
    left: 50%;
    top: 90%;

    /* 3. Центрируем сам элемент, сдвигая его назад 
          на 50% его собственной ширины и высоты */
    transform: translate(-50%, -50%);

    /* 4. (Рекомендация) 
       Чтобы кнопка не была слишком узкой на телефоне, 
       можно задать ей ширину, например: */
    width: 100%;
    max-width: 300px; /* Максимальная ширина, чтобы не была гигантской */
    text-align: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b878c5 *//* --- ПУЗЫРЬКИ (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .bubbles-mob {
  position: absolute;
  left: 50%;
  top: 45%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .bubbles-mob {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.7);
}

/* --- БУТЫЛКА (Moscato) --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-bottle {
    transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-bottle {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) scale(1.2) rotate(9.26deg);
    z-index: 10;
}

/* --- ВИНОГРАДНЫЙ ЛИСТ --- */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
  position: absolute;
  left: 19%;
  top: 8%;
  width: 230px;
  height: auto;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

/* Адаптив листа */
@media (min-width: 401px) {
  .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-leaf-background {
    left: 21%;
  }
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .grape-leaf-background {
  opacity: 1;
  transform: scale(1);
}

/* --- ВИНОГРАД (Общий стиль анимации) --- */
/* ВАЖНО: Каждой виноградине нужно дать класс moscato-grape */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .moscato-grape {
  position: absolute;
  height: auto;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-out;
}

.elementor-4680 .elementor-element.elementor-element-5b878c5.active .moscato-grape {
  opacity: 1;
  transform: scale(1);
}

/* --- ПОЗИЦИИ ВИНОГРАДИН --- */
/* Grape 1 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 27%; top: 23%; width: 90px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-1 { left: 33%; } }

/* Grape 2 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 23%; top: 35.5%; width: 83px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-2 { left: 28%; top: 33.5%; } }

/* Grape 3 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 18%; top: 34%; width: 62px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-3 { left: 22%; } }

/* Grape 4 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 15%; bottom: 40%; width: 82px; z-index: 12; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-4 { left: 19%; bottom: 45%; } }

/* Grape 5 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 13%; bottom: 30%; width: 63px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-5 { left: 16%; bottom: 37%; } }

/* Grape 6 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { left: 51%; bottom: 44%; width: 68px; z-index: 11; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-6 { bottom: 47%; } }

/* Grape 7 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-7 { right: 32%; bottom: 58%; width: 62px; }

/* Grape 8 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 16%; top: 35%; width: 67px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-8 { right: 18%; top: 34%; } }

/* Grape 9 */
.elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 12%; top: 27%; width: 80px; }
@media (min-width: 401px) { .elementor-4680 .elementor-element.elementor-element-5b878c5 .grape-9 { right: 16%; top: 26%; } }/* End custom CSS */