.elementor-1009 .elementor-element.elementor-element-20af2ccc{--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-1009 .elementor-element.elementor-element-181c59f3{--display:flex;}.elementor-1009 .elementor-element.elementor-element-3a12f8d{--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-1009 .elementor-element.elementor-element-2c2e28fc .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-1009 .elementor-element.elementor-element-1b669a22{--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-1009 .elementor-element.elementor-element-f727744 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-1009 .elementor-element.elementor-element-f727744.elementor-wc-products ul.products{grid-column-gap:16px;grid-row-gap:4px;}.elementor-1009 .elementor-element.elementor-element-f727744 .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Balsamiq Sans", Sans-serif;font-weight:700;}.elementor-1009 .elementor-element.elementor-element-59e6e29b{--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-1009 .elementor-element.elementor-element-59e6e29b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1009 .elementor-element.elementor-element-1e2c5d6d{--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-1009 .elementor-element.elementor-element-389f2286{--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-1009 .elementor-element.elementor-element-21c21fc3 .elementor-heading-title{font-family:"Balsamiq Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-1009 .elementor-element.elementor-element-798e136d{--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-1009 .elementor-element.elementor-element-c13e2df{font-family:"Balsamiq Sans", Sans-serif;font-size:18px;font-weight:400;line-height:23px;color:#747474;}body.elementor-page-1009:not(.elementor-motion-effects-element-type-background), body.elementor-page-1009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}@media(min-width:768px){.elementor-1009 .elementor-element.elementor-element-181c59f3{--content-width:1440px;}.elementor-1009 .elementor-element.elementor-element-3a12f8d{--content-width:1194px;}.elementor-1009 .elementor-element.elementor-element-1e2c5d6d{--content-width:1276px;}}@media(max-width:767px){.elementor-1009 .elementor-element.elementor-element-20af2ccc{--content-width:100%;}.elementor-1009 .elementor-element.elementor-element-181c59f3{--content-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-1009 .elementor-element.elementor-element-2c2e28fc .elementor-heading-title{font-size:32px;}.elementor-1009 .elementor-element.elementor-element-1b669a22{--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-1009 .elementor-element.elementor-element-1b669a22.e-con{--align-self:center;}.elementor-1009 .elementor-element.elementor-element-f727744{width:100%;max-width:100%;}.elementor-1009 .elementor-element.elementor-element-f727744 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:19px 19px 19px 19px;}.elementor-1009 .elementor-element.elementor-element-f727744 a > img{border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-1009 .elementor-element.elementor-element-f727744 .woocommerce .woocommerce-loop-category__title{font-size:18px;}.elementor-1009 .elementor-element.elementor-element-59e6e29b{--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-1009 .elementor-element.elementor-element-21c21fc3 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for wc-categories, class: .elementor-element-f727744 *//* ================== Головна сітка 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'); /* Підключення шрифту *//* End custom CSS */