.elementor-425 .elementor-element.elementor-element-04fdc38{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--overlay-opacity:0.3;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:060px;--padding-right:60px;}.elementor-425 .elementor-element.elementor-element-04fdc38:not(.elementor-motion-effects-element-type-background), .elementor-425 .elementor-element.elementor-element-04fdc38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F2A2A00;background-image:url(39cbd26f_top-background-scaled.jpg);background-position:center center;background-repeat:no-repeat;}.elementor-425 .elementor-element.elementor-element-04fdc38::before, .elementor-425 .elementor-element.elementor-element-04fdc38 > .elementor-background-video-container::before, .elementor-425 .elementor-element.elementor-element-04fdc38 > .e-con-inner > .elementor-background-video-container::before, .elementor-425 .elementor-element.elementor-element-04fdc38 > .elementor-background-slideshow::before, .elementor-425 .elementor-element.elementor-element-04fdc38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-425 .elementor-element.elementor-element-04fdc38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-425 .elementor-element.elementor-element-3032357{width:auto;max-width:auto;text-align:left;}.elementor-425 .elementor-element.elementor-element-3032357.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-425 .elementor-element.elementor-element-3032357 img{width:90%;}.elementor-425 .elementor-element.elementor-element-9c6f36d{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-425 .elementor-element.elementor-element-4f1d0c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-425 .elementor-element.elementor-element-928bf9f{--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-425 .elementor-element.elementor-element-91baa99 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-e6c95c2{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-e6c95c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-9d651d7{--display:flex;}.elementor-425 .elementor-element.elementor-element-518bc0b .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-44a307e{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-44a307e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-3749563{--display:flex;}.elementor-425 .elementor-element.elementor-element-d468811 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-2de3c37{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-2de3c37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-f6dce04{--display:flex;}.elementor-425 .elementor-element.elementor-element-efeb6e3 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-4f631f4{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-4f631f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-7811284{--display:flex;}.elementor-425 .elementor-element.elementor-element-7a40b93{--display:flex;}.elementor-425 .elementor-element.elementor-element-20b3a93{--display:flex;}.elementor-425 .elementor-element.elementor-element-9faf1cc{--display:flex;}.elementor-425 .elementor-element.elementor-element-5931b4a{--display:flex;}.elementor-425 .elementor-element.elementor-element-743d2c1{--display:flex;}.elementor-425 .elementor-element.elementor-element-c516612{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 20px 4px 20px;border-radius:50px 50px 50px 50px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#FFFFFF;--n-menu-dropdown-content-box-border-radius:50px 50px 50px 50px;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#3F4040;}.elementor-425 .elementor-element.elementor-element-c516612.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-73c13c7{--display:flex;}.elementor-425 .elementor-element.elementor-element-024f751{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-425 .elementor-element.elementor-element-3e61a3b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-425 .elementor-element.elementor-element-82107b7{--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-425 .elementor-element.elementor-element-2fcf0d2 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-d43596f{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-d43596f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-dc05ee4{--display:flex;}.elementor-425 .elementor-element.elementor-element-c8031b8 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-bf6a337{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-bf6a337 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-436c118{--display:flex;}.elementor-425 .elementor-element.elementor-element-5127715 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-2a55207{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-2a55207 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-19324ac{--display:flex;}.elementor-425 .elementor-element.elementor-element-d15215c .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:18px;color:#000000;}.elementor-425 .elementor-element.elementor-element-ce38f80{--grid-columns:1;--grid-row-gap:8px;}.elementor-425 .elementor-element.elementor-element-ce38f80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-9aa10b0{--display:flex;}.elementor-425 .elementor-element.elementor-element-d815091{--display:flex;}.elementor-425 .elementor-element.elementor-element-27dd64c{--display:flex;}.elementor-425 .elementor-element.elementor-element-8acb26e{--display:flex;}.elementor-425 .elementor-element.elementor-element-1ab0a16{--display:flex;}.elementor-425 .elementor-element.elementor-element-0098f52{--display:flex;}.elementor-425 .elementor-element.elementor-element-e7bd27c{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 20px 4px 20px;border-radius:50px 50px 50px 50px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#FFFFFF;--n-menu-title-active-color-dropdown:#FFFFFF;--n-menu-dropdown-content-box-border-radius:50px 50px 50px 50px;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:#FFFFFF;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#3F4040;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:#1B1B1B;}.elementor-425 .elementor-element.elementor-element-e7bd27c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-9d26ea1 .elementor-button{background-color:#3F4040;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;line-height:20px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-style:none;border-radius:50px 50px 50px 50px;}.elementor-425 .elementor-element.elementor-element-9d26ea1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-425 .elementor-element.elementor-element-9d26ea1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-425 .elementor-element.elementor-element-c1ff2a9{width:auto;max-width:auto;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-425 .elementor-element.elementor-element-c1ff2a9 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-425 .elementor-element.elementor-element-c516612{padding:10px 10px 10px 10px;--n-menu-toggle-icon-distance-from-dropdown:20px;}.elementor-425 .elementor-element.elementor-element-c516612.elementor-element{--order:2;}:where( .elementor-425 .elementor-element.elementor-element-c516612 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-right:50px;--padding-bottom:50px;--padding-left:50px;}:where( [data-core-v316-plus='true'] .elementor-element.elementor-widget-n-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-block-start:50px;--padding-inline-end:50px;--padding-block-end:50px;--padding-inline-start:50px;}.elementor-425 .elementor-element.elementor-element-e7bd27c{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;padding:0px 0px 0px 0px;--n-menu-title-font-size:28px;--n-menu-title-padding:40px 40px 40px 40px;--n-menu-toggle-icon-border-radius:50px 50px 50px 50px;--n-menu-toggle-icon-padding:10px 10px 10px 10px;--n-menu-toggle-icon-distance-from-dropdown:40px;}.elementor-425 .elementor-element.elementor-element-e7bd27c.elementor-element{--order:2;}.elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}:where( .elementor-425 .elementor-element.elementor-element-e7bd27c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-right:50px;--padding-bottom:50px;--padding-left:50px;}}@media(max-width:1024px){.elementor-425 .elementor-element.elementor-element-3032357{text-align:left;}.elementor-425 .elementor-element.elementor-element-3032357 img{width:85%;}.elementor-425 .elementor-element.elementor-element-e6c95c2{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-44a307e{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-2de3c37{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-4f631f4{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-d43596f{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-bf6a337{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-2a55207{--grid-columns:2;}.elementor-425 .elementor-element.elementor-element-ce38f80{--grid-columns:2;}}@media(max-width:767px){.elementor-425 .elementor-element.elementor-element-04fdc38{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-425 .elementor-element.elementor-element-3032357{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-425 .elementor-element.elementor-element-3032357 img{width:70%;}.elementor-425 .elementor-element.elementor-element-e6c95c2{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-44a307e{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-2de3c37{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-4f631f4{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-d43596f{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-bf6a337{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-2a55207{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-ce38f80{--grid-columns:1;}.elementor-425 .elementor-element.elementor-element-e7bd27c{--n-menu-title-padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-2ce2d61 > .elementor-widget-container{margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-c1ff2a9{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c13c7 *//* === СТИЛИЗАЦИЯ КНОПКИ ТЕЛЕФОНА (ФИНАЛ V2 - С КРУЖКОМ) === */

/* 1. Базовый контейнер кнопки */
.e-n-menu a[href^="tel:"] {
    background-color: #4CAF50 !important; /* Зеленый фон кнопки */
    border-radius: 25px !important;
    padding: 6px 20px 6px 8px !important; /* Уменьшил левый отступ, т.к. там теперь кружок */
    margin: 10px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 2. Текст номера */
.e-n-menu a[href^="tel:"] .e-n-menu-title-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-left: 8px !important; /* Небольшой отступ текста от кружка с иконкой */
}

/* --- ГЛАВНЫЕ ИЗМЕНЕНИЯ ЗДЕСЬ (ИКОНКА В КРУЖКЕ) --- */
.e-n-menu a[href^="tel:"]::before {
    content: "\f095" !important; /* Код трубки */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    /* Создаем белый круг */
    display: flex !important; /* Чтобы центрировать иконку внутри круга */
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;  /* Фиксированная ширина круга */
    height: 28px !important; /* Фиксированная высота круга */
    background-color: #ffffff !important; /* БЕЛЫЙ ФОН круга */
    border-radius: 50% !important; /* Делаем круглым */

    /* Стили самой иконки внутри круга */
    color: #4CAF50 !important; /* СЕРЫЙ ЦВЕТ ТРУБКИ (Замените #333333 на ваш код фона, если нужно) */
    font-size: 14px !important; /* Размер иконки чуть меньше, чтобы влезла в круг */

    /* ОТЗЕРКАЛИВАНИЕ */
    transform: scaleX(-1) !important; /* Разворачиваем иконку по горизонтали */
}
/* ----------------------------------------------- */

/* 4. Эффект при наведении */
.e-n-menu a[href^="tel:"]:hover {
    background-color: #43a047 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-e7bd27c *//* --- 1. СЕРАЯ ОБЕРТКА (Только геометрия, фон и тень) --- */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-wrapper {
    /* Размеры и позиция */
    width: calc(100vw - 120px) !important;
    min-width: 0 !important;
    max-height: calc(100vh - 160px) !important;
    
    position: fixed !important;
    top: 100px !important;
    left: 60px !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    
    /* Серый фон рамки */
    background-color: #3F4040 !important; 
    border-radius: 20px !important; /* Это скругление СЕРОЙ рамки */
    padding: 10px !important; 
    
    /* Тень на весь экран */
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.7) !important;
    
    /* Скролл и слои */
    z-index: 9999 !important;
    overflow-y: scroll !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-wrapper::-webkit-scrollbar {
    display: none;
}

/* --- 2. ВНУТРЕННЕЕ МЕНЮ (Только ширина) --- */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-content {
    width: 100% !important;
    /* Я УБРАЛ border-radius и padding. Теперь работают твои 50px из настроек */
}

/* --- 3. ФИКС КЛИКА --- */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-toggle {
    position: relative !important;
    z-index: 10005 !important;
}

/* --- 4. АДАПТИВ (Только внешние отступы) --- */
@media (max-width: 1024px) {
    .elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-wrapper {
        top: 90px !important; 
        left: 30px !important;
        width: calc(100vw - 60px) !important;
    }
}

@media (max-width: 767px) {
    .elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-wrapper {
        top: 90px !important;
        left: 10px !important;
        width: calc(100vw - 20px) !important;
        padding: 10px 10px 10px 20px !important;
    }
}

/* --- УМЕНЬШАЕМ РАССТОЯНИЕ МЕЖДУ ПУНКТАМИ --- */

/* 1. Сжимаем контейнер списка */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-heading {
    gap: 0px !important; /* Убираем зазор между блоками */
}

/* 2. Убираем отступы у самих слов (ссылок) */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-item > a,
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-item > div.e-n-menu-title {
    padding-top: 10px !important;    /* Сверху (было около 15-20) */
    padding-bottom: 10px !important; /* Снизу */
    min-height: 0 !important;       /* Убираем минимальную высоту */
    line-height: 1.2 !important;    /* Поджимаем межстрочное */
}

/* 3. Убираем отступы у самих блоков Li */
.elementor-425 .elementor-element.elementor-element-e7bd27c .e-n-menu-item {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Стилизация активного пункта в выпадающем меню */
.e-n-menu-wrapper .e-n-menu-item .e-n-menu-title.e-current {
    border-radius: 12px !important; /* Скругление углов (можно больше/меньше) */
    padding: 10px 20px !important;  /* Внутренние отступы, чтобы тексту было просторно */
    margin: 5px 15px !important;    /* Внешние отступы, чтобы кнопка не прилипала к краям списка */
    display: flex !important;       /* Чтобы отступы и размеры работали корректно */
}/* End custom CSS */
/* Start custom CSS for fibosearch, class: .elementor-element-2ce2d61 *//* ================================================= */
/* ФИНАЛЬНЫЙ ФИКС РАЗРЫВА (DUSBERG HOME)             */
/* ================================================= */

/* 1. Убираем нижний отступ у контейнера поиска на главной */
.home .elementor-widget-fibosearch,
.home .dgwt-wcas-search-wrapp {
    margin-bottom: 0 !important;
}

/* 2. ПОДНИМАЕМ СПИСОК ВВЕРХ */
/* Используем transform - он работает поверх любой логики плагина */
.home .dgwt-wcas-autocomplete {
    /* Тянем список вверх на 25 пикселей. */
    /* Если щель останется - поставь -30px. Если наедет - поставь -20px */
    transform: translateY(-25px) !important; 
    
    /* Убираем верхнюю границу, чтобы стык был невидимым */
    border-top: none !important;
    
    /* Скругляем только низ */
    border-radius: 0 0 20px 20px !important;
    
    /* Поднимаем слой максимально высоко */
    z-index: 999999 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-c1ff2a9 *//* 1. ПАНЕЛЬ-КАРТОЧКА (Стиль из 1-го кода: парящая, с отступами и скруглением) */
.my-side-cart .elementor-menu-cart__container.elementor-menu-cart--side {
    background-color: transparent !important;
}

.my-side-cart .elementor-menu-cart__main {
    position: fixed !important;
    top: 20px !important;    /* Отступ сверху */
    right: 20px !important;  /* Отступ справа */
    bottom: 20px !important; /* Отступ снизу */
    height: calc(100vh - 40px) !important; /* Высота минус отступы */
    width: 420px !important;
    background: #ffffff !important;
    border-radius: 25px !important; /* Скругление всей карточки */
    box-shadow: -10px 0 50px rgba(0,0,0,0.2) !important;
    padding: 30px !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    /* Плавный выезд */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Настройка оверлея */
.my-side-cart .elementor-menu-cart__overlay {
    background-color: rgba(0,0,0,0.4) !important;
    backdrop-filter: blur(2px);
}

/* 2. ЦВЕТА ТЕКСТА И ЦЕН (Из 2-го кода: Цвет 3F4040) */
.my-side-cart .elementor-menu-cart__product-name a,
.my-side-cart .elementor-menu-cart__product-price .amount,
.my-side-cart .elementor-menu-cart__subtotal,
.my-side-cart .elementor-menu-cart__product-remove svg,
.my-side-cart .elementor-menu-cart__close-button svg {
    color: #3F4040 !important;
    fill: #3F4040 !important;
    font-family: 'Manrope', sans-serif !important;
}

.my-side-cart .elementor-menu-cart__subtotal {
    font-weight: 800 !important;
    font-size: 22px !important;
    font-family: 'Oswald', sans-serif !important;
    border-top: 1px solid #f0f0f0 !important;
    padding: 20px 0 !important;
}

/* 3. БЛОК ПЛЮС И МИНУС (Из 2-го кода: Овальная капсула) */
.my-side-cart .quantity {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #eeeeee !important;
    border-radius: 25px !important; /* Овальная форма */
    overflow: hidden !important;
    background: #f9f9f9 !important;
    height: 36px !important;
    width: fit-content !important;
}

.my-side-cart .quantity .minus, 
.my-side-cart .quantity .plus,
.my-side-cart .quantity button {
    width: 35px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: transparent !important;
    color: #3F4040 !important; 
    font-size: 18px !important;
    border: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.my-side-cart .quantity input.qty {
    width: 35px !important;
    height: 100% !important;
    background: #ffffff !important;
    border: none !important;
    color: #3F4040 !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 0 !important;
}

/* 4. КНОПКИ ВНИЗУ (Из 2-го кода: Зеленый A5B034 и скругление 25) */
.my-side-cart .elementor-menu-cart__footer-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.my-side-cart .elementor-menu-cart__footer-buttons a {
    height: 55px !important;
    border-radius: 25px !important; /* Скругление кнопок 25 */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.my-side-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout {
    background-color: #A5B034 !important;
    color: #ffffff !important;
}

.my-side-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Делаем иконку корзины круглой кнопкой */
.elementor-menu-cart__toggle .elementor-button {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Полупрозрачный фон */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Тонкая рамка */
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important; /* Идеальный круг */
    padding: 0 !important;
    transition: all 0.3s ease;
}

/* Эффект при наведении на кружок */
.elementor-menu-cart__toggle .elementor-button:hover {
    background-color: #A9B55A !important; /* Твой фирменный цвет при наведении */
    border-color: #A9B55A !important;
}

/* Центрируем саму иконку внутри круга */
.elementor-menu-cart__toggle .elementor-button-icon {
    margin: 0 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

/* Стилизуем баббл (цифру количества товаров) */
.elementor-menu-cart__toggle .elementor-button-icon-qty {
    background-color: #A9B55A !important; /* Цвет кружка с цифрой */
    color: #000000 !important; /* Черная цифра */
    font-size: 10px !important;
    right: -5px !important;
    top: -5px !important;
    font-weight: bold !important;
}

/* Убираем лишние отступы у виджета в шапке */
.elementor-widget-woocommerce-menu-cart {
    width: auto !important;
}

/* ================================================= */
/* ФИКС ДЛЯ МОБИЛЬНЫХ ТЕЛЕФОНОВ (iPhone и др.)     */
/* Добавить в самый конец CSS                       */
/* ================================================= */

@media (max-width: 767px) {
    .my-side-cart .elementor-menu-cart__main {
        width: 100% !important;        /* Ширина на весь экран */
        height: 100% !important;       /* Высота на весь экран */
        top: 0 !important;             /* Прижимаем к верху */
        right: 0 !important;           /* Прижимаем к правому краю */
        bottom: 0 !important;          /* Прижимаем к низу */
        border-radius: 0 !important;   /* Убираем скругление углов (на весь экран оно не нужно) */
        padding: 15px !important;      /* Уменьшаем внутренние отступы (было 30px, стало 15px) */
    }

    /* Подстраховка для кнопок, чтобы они не вылезали */
    .my-side-cart .elementor-menu-cart__footer-buttons {
        padding-bottom: 20px !important; /* Отступ снизу для iPhone (зона свайпа) */
    }
}

/* ================================================= */
/* ФИКС Z-INDEX (ЧТОБЫ КОРЗИНА БЫЛА ПОВЕРХ БУРГЕРА) */
/* ================================================= */

/* Поднимаем контейнер корзины на максимальный уровень */
.my-side-cart .elementor-menu-cart__container {
    z-index: 999999 !important; 
}

/* На всякий случай поднимаем и саму шторку */
.elementor-menu-cart__main {
    z-index: 999999 !important;
}/* End custom CSS */