.elementor-512 .elementor-element.elementor-element-f020a81{--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-512 .elementor-element.elementor-element-0d6cbb5{--display:flex;}.elementor-512 .elementor-element.elementor-element-4468240{--display:flex;}.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-512 .elementor-element.elementor-element-132119a .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-512 .elementor-element.elementor-element-59e3266{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-512 .elementor-element.elementor-element-59e3266.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-30eada6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-512 .elementor-element.elementor-element-c5844a8{--display:flex;}.elementor-512 .elementor-element.elementor-element-c5844a8.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-5491aed{--display:flex;}.elementor-512 .elementor-element.elementor-element-5491aed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-512 .elementor-element.elementor-element-eb57a7c{width:var( --container-widget-width, 603px );max-width:603px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-512 .elementor-element.elementor-element-eb57a7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-underline .elementor-item:after, .elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-overline .elementor-item:before, .elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-double-line .elementor-item:before, .elementor-512 .elementor-element.elementor-element-eb57a7c .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-512 .elementor-element.elementor-element-3985be4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-512 .elementor-element.elementor-element-3985be4.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-512 .elementor-element.elementor-element-fec4952 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products{grid-column-gap:3px;grid-row-gap:10px;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;margin-bottom:7px;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product .price{color:#000000;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product{background-color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-512 .elementor-element.elementor-element-2e800c8b{--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-512 .elementor-element.elementor-element-13483b04{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-79747b9c .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-512 .elementor-element.elementor-element-6c60d813{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-512 .elementor-element.elementor-element-78e6594{font-family:"Balsamiq Sans", Sans-serif;font-size:18px;font-weight:400;line-height:23px;color:#747474;}.elementor-512 .elementor-element.elementor-element-31cf7256{--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-512 .elementor-element.elementor-element-2778c525{--display:flex;}.elementor-512 .elementor-element.elementor-element-3b7d0b70{--display:flex;}.elementor-512 .elementor-element.elementor-element-23698cc9 .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-512 .elementor-element.elementor-element-23327807{--display:flex;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-512 .elementor-element.elementor-element-2e82ea65 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-2e82ea65.elementor-wc-products ul.products{grid-column-gap:16px;grid-row-gap:4px;}.elementor-512 .elementor-element.elementor-element-2e82ea65 .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Balsamiq Sans", Sans-serif;font-weight:700;}.elementor-512 .elementor-element.elementor-element-4051f5fc{--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-512 .elementor-element.elementor-element-4051f5fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-058e686{--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-512 .elementor-element.elementor-element-4788cd7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-512 .elementor-element.elementor-element-b6dc641{--e-nav-menu-horizontal-menu-item-margin:calc( 31px / 2 );}.elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:31px;}.elementor-512 .elementor-element.elementor-element-c513886{--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-512 .elementor-element.elementor-element-c513886.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-c368757{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-512 .elementor-element.elementor-element-c368757.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-0831151 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products{grid-column-gap:3px;grid-row-gap:10px;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;margin-bottom:7px;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product .price{color:#000000;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product{background-color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-512 .elementor-element.elementor-element-593b726{--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-512 .elementor-element.elementor-element-0a856ff{--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-512 .elementor-element.elementor-element-446313c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-e4dc675 .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-512 .elementor-element.elementor-element-d68b04e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-e3a6afa{font-family:"Balsamiq Sans", Sans-serif;font-size:18px;font-weight:400;line-height:23px;color:#747474;}body.elementor-page-512:not(.elementor-motion-effects-element-type-background), body.elementor-page-512 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}@media(min-width:768px){.elementor-512 .elementor-element.elementor-element-0d6cbb5{--content-width:1440px;}.elementor-512 .elementor-element.elementor-element-4468240{--content-width:1194px;}.elementor-512 .elementor-element.elementor-element-59e3266{--content-width:1400px;}.elementor-512 .elementor-element.elementor-element-30eada6{--content-width:1244px;}.elementor-512 .elementor-element.elementor-element-c5844a8{--width:28%;}.elementor-512 .elementor-element.elementor-element-5491aed{--width:100%;}.elementor-512 .elementor-element.elementor-element-3985be4{--width:954px;}.elementor-512 .elementor-element.elementor-element-2e800c8b{--content-width:1276px;}.elementor-512 .elementor-element.elementor-element-2778c525{--width:1214px;}.elementor-512 .elementor-element.elementor-element-3b7d0b70{--content-width:1194px;}.elementor-512 .elementor-element.elementor-element-c368757{--width:954px;}}@media(max-width:1024px){.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-512 .elementor-element.elementor-element-fec4952.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-512 .elementor-element.elementor-element-79747b9c .elementor-heading-title{font-size:32px;}.elementor-512 .elementor-element.elementor-element-31cf7256{--content-width:100%;}.elementor-512 .elementor-element.elementor-element-2778c525{--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-512 .elementor-element.elementor-element-23698cc9 .elementor-heading-title{font-size:32px;}.elementor-512 .elementor-element.elementor-element-23327807{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-23327807.e-con{--align-self:center;}.elementor-512 .elementor-element.elementor-element-2e82ea65{width:100%;max-width:100%;}.elementor-512 .elementor-element.elementor-element-2e82ea65 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:19px 19px 19px 19px;}.elementor-512 .elementor-element.elementor-element-2e82ea65 a > img{border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-512 .elementor-element.elementor-element-2e82ea65 .woocommerce .woocommerce-loop-category__title{font-size:18px;}.elementor-512 .elementor-element.elementor-element-4051f5fc{--content-width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-c513886{--width:436px;}.elementor-512 .elementor-element.elementor-element-c368757{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-512 .elementor-element.elementor-element-0831151{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-512 .elementor-element.elementor-element-0831151 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 2px 0px 2px;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-512 .elementor-element.elementor-element-0831151.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-512 .elementor-element.elementor-element-e4dc675 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for nav-menu, class: .elementor-element-eb57a7c *//* КНОПКИ МЕНЮ */ #menu-1-eb57a7c > .menu-item > a { display: inline-flex; /* Робимо кнопку flex-контейнером */ align-items: center; /* Вирівнюємо по вертикалі */ width: 304px; /* Ширина кнопки */ height: 88px; /* Висота кнопки */ background-color: white; color: black; border: 2px solid black; border-radius: 24px; font-family: 'Balsamiq Sans', sans-serif; font-weight: 700; font-size: 24px; line-height: 1; /* Висота рядка */ letter-spacing: 4%; padding: 0; /* Забираємо внутрішні відступи */ text-decoration: none; margin-bottom: 12px; transition: all 0.3s ease; overflow: hidden; /* ❗️Обрізаємо все, що виходить за межі */ position: relative; /* Щоб мати контроль над вкладеними елементами */ } /* АКТИВНА КНОПКА */ #menu-1-eb57a7c > .current-menu-item > a { background-color: #9ACB34; color: white; } /* ХОВЕР-ЕФЕКТ */ #menu-1-eb57a7c > .menu-item > a:hover { background-color: #e4f3cd; color: black; } /* ІКОНКИ В МЕНЮ */ #menu-1-eb57a7c img._mi._before._image { width: 96px !important; /* Розмір самої іконки */ height: auto !important; border-radius: 8px !important; flex-shrink: 0; /* Щоб не стискалось */ margin-left: -28px !important; /* ❗️Виносимо іконку за ліву межу кнопки на ~30% */ margin-right: 24px !important; /* Відступ до тексту */ z-index: 1; /* Іконка буде над фоном */ } /* ТЕКСТ В КНОПЦІ */ #menu-1-eb57a7c > .menu-item > a span { display: inline-block; padding-right: 16px; /* Відступ справа, якщо треба */ }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-2e82ea65 *//* ================== Головна сітка UL (контейнер карток) ================== */ ul.products.elementor-grid, ul.products { display: grid !important; /* Використовуємо CSS Grid */ grid-template-columns: repeat(2, 1fr); /* 2 колонки в ряд (мобільний) */ gap: 24px !important; /* Відстань між картками */ justify-items: center !important; /* Центруємо картки по горизонталі */ justify-content: center !important; /* Центруємо всю сітку по центру контейнера */ padding: 0 !important; /* Без внутрішніх відступів UL */ margin: 0 auto !important; /* Центруємо по ширині */ list-style: none !important; /* Без маркерів списку */ width: 100% !important; /* На всю ширину */ } /* ================== Адаптив: планшет — 3 в ряд ================== */ @media (min-width: 600px) { ul.products.elementor-grid, ul.products { grid-template-columns: repeat(3, 1fr) !important; /* 3 колонки на планшеті */ } } /* ================== Адаптив: десктоп — 4 в ряд ================== */ @media (min-width: 900px) { ul.products.elementor-grid, ul.products { grid-template-columns: repeat(4, 1fr) !important; /* 4 колонки на десктопі */ } } /* ================== Картка категорії ================== */ ul.products > li.product-category { width: 170px !important; /* Ширина картки */ min-height: 170px !important; /* Мінімальна висота (виправлено з 170x) */ height: auto !important; /* Автоматична висота */ background: #fff !important; /* Білий фон */ border-radius: 16px !important; /* Заокруглені кути */ display: flex !important; /* Включаємо flex для вертикального розміщення */ flex-direction: column !important; /* Вертикально: фото над текстом */ align-items: center !important; /* Центруємо всередині картки */ justify-content: flex-start !important; /* Від верху до низу */ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.08) !important; /* Тінь для об'єму */ border: none !important; /* Без рамки */ margin: 0 !important; /* Без зовнішніх відступів */ padding: 0 !important; /* Без внутрішніх відступів */ position: relative !important; /* Для позиціонування, якщо буде треба */ box-sizing: border-box !important; /* Враховуємо padding/border у розмір */ overflow: visible !important; /* Не обрізаємо вміст */ } /* ================== Фото категорії ================== */ ul.products > li.product-category img { width: 120px !important; /* Фіксована ширина фото */ height: 120px !important; /* Фіксована висота фото */ object-fit: contain !important; /* Фото не обрізається */ display: block !important; /* Блочний елемент */ margin: 0 auto !important; /* Центруємо фото */ background: none !important; /* Без фону */ border-radius: 0 !important; /* Без округлення */ box-shadow: none !important; /* Без тіні */ padding: 0 !important; /* Без падінгу */ } /* ================== Назва категорії ================== */ ul.products > li.product-category h2.woocommerce-loop-category__title { margin-top: 12px !important; /* Відступ зверху — від фото */ margin-bottom: 12px !important; /* Відступ знизу — до краю картки */ width: 100% !important; /* На всю ширину картки */ text-align: center !important; /* Центруємо текст */ font-family: 'Balsamiq Sans', sans-serif !important; /* Шрифт */ font-weight: 700 !important; /* Жирний шрифт */ font-size: 18px !important; /* Розмір шрифту */ line-height: 1 !important; /* Міжрядковий інтервал */ letter-spacing: 0.04em !important; /* 4% міжсимвольний інтервал */ color: #222 !important; /* Колір тексту */ background: none !important; /* Без фону */ box-shadow: none !important; /* Без тіні */ padding: 0 !important; /* Без падінгу */ overflow: hidden !important; /* Не виходить за межі */ text-overflow: ellipsis !important; /* ... якщо занадто довго */ white-space: nowrap !important; /* В один рядок */ position: static !important; /* Стандартне позиціювання */ display: block !important; /* ГАРАНТІЯ, що показує */ text-transform: capitalize !important; /* Перша літера велика, решта малі */ } /* ================== Ховаємо кількість товарів ================== */ ul.products > li.product-category .count { display: none !important; /* Не показуємо кількість */ } /* ================== Скидання стилів для лінка ================== */ ul.products > li.product-category a { background: none !important; /* Без фону */ border: none !important; /* Без рамки */ box-shadow: none !important; /* Без тіні */ text-decoration: none !important; /* Без підкреслення */ display: flex !important; /* flex для контенту */ flex-direction: column !important; /* Вертикально */ align-items: center !important; /* Центруємо */ padding: 0 !important; /* Без падінгу */ } /* ================== Підключення Google Fonts ================== */ @import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap'); /* Підключення шрифту */ /* === Показуємо пів зображення (напівколо), не весь круг === */ /* Базово: позиціонуємо картинку всередині картки */ ul.products > li.product-category { overflow: visible !important; /* можна лишити visible — clip-path усе обрізує */ } ul.products > li.product-category a { position: relative !important; padding-top: 12px !important; /* трохи простору зверху */ } /* Розмір картинки залишаємо як у тебе (120×120), але відрізаємо половину */ ul.products > li.product-category img { width: 120px !important; height: 120px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; /* ВАРІАНТ 1: показати ТІЛЬКИ ВЕРХНЮ половину ("пів піци" зверху) */ /*clip-path: inset(0 0 50% 0) !important;*/ } /* Заголовок трохи нижче від краю картинки */ ul.products > li.product-category h2.woocommerce-loop-category__title { margin-top: 10px !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-b6dc641 */@import url('https://fonts.googleapis.com/css?family=Balsamiq+Sans:400,600&display=swap'); /* Контейнер меню: налаштування тільки для цього меню */ .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main { display: flex !important; flex-wrap: wrap; justify-content: flex-start; background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; } .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item { background: #EFEFEF !important; color: #000 !important; border-radius: 32px !important; border: none !important; font-family: 'Balsamiq Sans', Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; padding: 6px 12px !important; min-width: 66px; min-height: 34px; display: inline-flex !important; align-items: center; line-height: 1 !important; box-shadow: none !important; letter-spacing: 0.04em !important; text-decoration: none !important; transition: background 0.18s, color 0.18s, border 0.18s !important; } .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item:last-child { margin-right: 0 !important; } .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item.current-menu-item { background: #9ACB34 !important; color: #000 !important; border: 2px solid #000 !important; font-weight: 600 !important; } .elementor-512 .elementor-element.elementor-element-b6dc641 .elementor-nav-menu--main .elementor-item:hover { background: #9ACB34 !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c513886 *//* ===== Mobile horizontal product card (v9 - Parent Padding Override) ===== */ @media (max-width: 640px) { .elementor-widget-wc-archive-products .elementor-widget-container, .elementor-widget-wc-archive-products .woocommerce { padding-left: 0 !important; padding-right: 0 !important; } /* * ============================================= * 2. ГОЛОВНА СІТКА (1 КОЛОНКА) * Тепер вона має 100% ширини екрану (мінус 20px на бічні відступи) * ============================================= */ body .elementor-widget-wc-archive-products ul.products.elementor-grid { grid-template-columns: 1fr !important; /* 1 колонка */ justify-items: stretch !important; gap: 14px !important; /* * Встановлюємо 100% ширини і додаємо відступи, * щоб картки не прилипали до країв екрану */ width: 100% !important; padding: 0 !important; box-sizing: border-box !important; margin: 0 !important; } /* * ============================================= * 3. КАРТКА ТОВАРУ (Горизонтальний flex) * ============================================= */ ul.products.elementor-grid > li.product.custom-product-card { display: flex !important; flex-direction: row !important; align-items: center !important; /* Розміри картки */ height: 163px !important; padding: 12px 16px 12px 6px !important; border-radius: 24px !important; gap: 10px !important; /* Картка займає 100% ширини, що їй доступна */ width: 100% !important; max-width: 358px !important; /* Обмеження ширини картки */ /* Центруємо картку, якщо екран ширший за 358px */ margin-left: auto !important; margin-right: auto !important; /* Інше */ position: relative !important; background-color: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; box-sizing: border-box !important; min-height: auto !important; } /* 4. ФОТО (139px) */ ul.products.elementor-grid > li.product.custom-product-card .product-image { flex: 0 0 139px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; margin: 0 !important; } ul.products.elementor-grid > li.product.custom-product-card .product-image img { width: 139px !important; height: 139px !important; object-fit: contain !important; border-radius: 8px !important; } /* 5. КОНТЕНТ СПРАВА */ ul.products.elementor-grid > li.product.custom-product-card .product-content { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 0 !important; margin: 0 !important; } /* 6. Заголовок, мета, опис */ ul.products.elementor-grid > li.product.custom-product-card .product-title { font-size: 22px !important; line-height: 1.1 !important; margin: 0 !important; font-weight: 700 !important; } ul.products.elementor-grid > li.product.custom-product-card .product-meta { display: flex !important; gap: 14px !important; align-items: center !important; font-size: 14px !important; color: #4B5563 !important; } ul.products.elementor-grid > li.product.custom-product-card .product-description { color: #6b7280 !important; font-size: 14px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; margin: 0 !important; } /* 7. НИЗ КАРТКИ (Grid для цін) */ ul.products.elementor-grid > li.product.custom-product-card .product-bottom { margin-top: auto !important; padding-top: 10px !important; display: grid !important; grid-template-columns: 1fr auto !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 0 12px !important; } /* 8. КНОПКА "Хочу!" */ ul.products.elementor-grid > li.product.custom-product-card .add_to_cart_button { grid-row: 1 / span 2 !important; grid-column: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 36px !important; padding: 9px 16px 8px 16px !important; background-color: #9ACB34 !important; border-radius: 32px !important; border: 2px solid #000 !important; color: #000 !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1 !important; white-space: nowrap !important; text-decoration: none !important; cursor: pointer !important; margin: 0 !important; } /* 9. ЦІНИ (стара + нова) */ ul.products.elementor-grid > li.product.custom-product-card .product-price { grid-row: 2 !important; grid-column: 1 !important; font-weight: 700 !important; font-size: 24px !important; white-space: nowrap !important; color: #1F2737 !important; line-height: 1.2 !important; } ul.products.elementor-grid > li.product.custom-product-card .product-old-price { grid-row: 1 !important; grid-column: 1 !important; font-size: 16px !important; color: #EF4444 !important; text-decoration: line-through !important; line-height: 1.2 !important; } /* 10. ПОЗИЦІЯ СЕРЦЯ */ ul.products.elementor-grid > li.product.custom-product-card .product-heart { position: absolute !important; z-index: 2 !important; width: 19.5px !important; height: 17.33px !important; top: 145.7px !important; left: 14px !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; border: none !important; bottom: auto !important; right: auto !important; } ul.products.elementor-grid > li.product.custom-product-card .product-heart svg { width: 100% !important; height: 100% !important; stroke: #000 !important; } } /* 11. Загальна перестраховка */ ul.products > li.product { width: 100% !important; margin: 0 !important; } //* ===== ФІКС v2: Обнуляємо відступи батьківських контейнерів (агресивніше) ===== */ @media (max-width: 640px) { /* Обнуляємо padding для основного контейнера теми Astra всередині контенту */ .site-content .ast-container { padding-left: 0 !important; padding-right: 0 !important; } /* Обнуляємо padding для безпосереднього контейнера віджету Elementor */ .elementor-widget-wc-archive-products > .elementor-widget-container { padding-left: 0 !important; padding-right: 0 !important; } /* Обнуляємо padding для WooCommerce обгортки всередині віджета */ .elementor-widget-wc-archive-products .woocommerce { padding-left: 0 !important; padding-right: 0 !important; } /* Переконуємось, що сам список UL.products все ще має свої 10px відступи від краю екрану */ body.mobile-columns-2 .elementor-widget-wc-archive-products ul.products { padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; /* Переконуємось, що UL займає всю ширину */ box-sizing: border-box !important; margin-left: 0 !important; /* Скидаємо можливі margin */ margin-right: 0 !important; /* Скидаємо можливі margin */ } } /* * ============================================= * !! ВИПРАВЛЕННЯ СЕРЦЯ (позиція як на "Цезаріо") * ============================================= */ ul.products > li.custom-product-card .product-heart { position: absolute !important; z-index: 2 !important; /* * Розрахунок позиції відносно картки: * top: 14px (padding картки) + 112px (висота фото) - 32px (висота серця) - 8px (відступ знизу) = ~86px * left: 14px (padding картки) + 8px (відступ зліва) = 22px */ right: 0px !important; /* Скидаємо стилі, які могли бути */ bottom: auto !important; background: none !important; box-shadow: none !important; width: 32px !important; /* Розмір самої іконки */ height: 32px !important; } /* Перестраховка */ ul.products > li.product-category, ul.products > li.product { width: 100% !important; } }/* End custom CSS */