.elementor-340 .elementor-element.elementor-element-6b87204{--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;--padding-top:015px;--padding-bottom:090px;--padding-left:30px;--padding-right:30px;}.elementor-340 .elementor-element.elementor-element-be55afd{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-340 .elementor-element.elementor-element-be55afd > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:015px 015px 015px 015px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-340 .elementor-element.elementor-element-be55afd.elementor-element{--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-340 .elementor-element.elementor-element-20fc289{width:100%;max-width:100%;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products  ul.products{grid-column-gap:15px;grid-row-gap:30px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-text );background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product{border-radius:0px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product span.onsale{display:block;}body.elementor-page-340:not(.elementor-motion-effects-element-type-background), body.elementor-page-340 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-340 .elementor-element.elementor-element-6b87204{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:070px;--padding-left:15px;--padding-right:15px;}.elementor-340 .elementor-element.elementor-element-be55afd{width:100%;max-width:100%;}.elementor-340 .elementor-element.elementor-element-be55afd > .elementor-widget-container{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-340 .elementor-element.elementor-element-20fc289{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-element{--order:99999 /* order end hack */;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:15px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:5px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-340 .elementor-element.elementor-element-20fc289.elementor-wc-products ul.products li.product .price{font-size:12px;}}/* Start custom CSS for filter-everything-filters, class: .elementor-element-be55afd *//* 1. Загальний фон і скидання білих підкладок */
.widget_wpc_filters_widget,
.wpc-filters-main-wrap,
.wpc-filters-widget-content,
.wpc-filters-scroll-container,
.wpc-filters-widget-wrapper,
.wpc-filter-content,
.wpc-filters-section,
.wpc-search-field-wrapper {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 2. Головний заголовок: Playfair Display 24px Semi-Bold, "ФІЛЬТРИ" */
.wpc-filter-set-widget-title h2.widgettitle,
.wpc-widget-popup-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.2 !important;
  margin-bottom: 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  visibility: hidden !important; /* Ховаємо слово "Фільтр" */
  position: relative !important;
  height: auto !important;
}

/* Підставляємо текст "Фільтри" замість "Фільтр" */
.wpc-filter-set-widget-title h2.widgettitle::before,
.wpc-widget-popup-title::before {
  content: "ФІЛЬТРИ" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}

/* 3. Заголовки груп (Розмір, Колір, Категорії): Montserrat 16px (14px mobile) */
.wpc-filter-header .wpc-filter-title,
.wpc-filter-header .widget-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 12px !important;
}

/* 4. Пункти списків (S, M, L, Білий, Чорний...): Montserrat 16px (14px mobile) */
.wpc-filters-ul-list li.wpc-radio-item,
.wpc-filters-ul-list li.wpc-term-item,
.wpc-filters-ul-list .wpc-filter-link,
.wpc-filters-ul-list label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
}

/* 5. Поле пошуку */
.wpc-search-field-wrapper input.wpc-search-field {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #1a1a1a !important;
  background-color: transparent !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
}

/* 6. Круглі точки (радіокнопки) */
.wpc-filters-ul-list input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  border: 1.5px solid #1a1a1a !important;
  border-radius: 50% !important;
  background: transparent !important;
  outline: none !important;
  cursor: pointer !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  position: relative !important;
}

.wpc-filters-ul-list input[type="radio"]:checked {
  background-color: #1a1a1a !important;
  box-shadow: inset 0 0 0 2px #f7f1e5 !important; /* Колір фону сайту */
}

/* 7. Кнопка "Показати" (Жовта капсула FFC850) */
.wpc-filters-widget-controls-container .wpc-filters-apply-button {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background-color: #FFC850 !important;
  color: #1a1a1a !important;
  border: 1.5px solid #1a1a1a !important;
  border-radius: 999px !important;
  padding: 10px 24px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: none !important;
}

/* Кнопка "Відміна / Скинути" */
.wpc-filters-widget-controls-container .wpc-filters-close-button {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  text-decoration: underline !important;
}

/* Ховаємо сервісне посилання адміна */
.wpc-edit-filter-set {
  display: none !important;
}

/* 8. Адаптив під смартфони (max-width: 768px): 14px та 12px */
@media (max-width: 768px) {
  .wpc-filter-set-widget-title h2.widgettitle,
  .wpc-widget-popup-title {
    font-size: 20px !important;
  }

  .wpc-filter-header .wpc-filter-title,
  .wpc-filter-header .widget-title {
    font-size: 14px !important; /* 14px на мобільному */
  }

  .wpc-filters-ul-list li.wpc-radio-item,
  .wpc-filters-ul-list li.wpc-term-item,
  .wpc-filters-ul-list .wpc-filter-link,
  .wpc-filters-ul-list label {
    font-size: 12px !important; /* 12px на мобільному */
  }

  .wpc-filters-widget-controls-container .wpc-filters-apply-button,
  .wpc-filters-widget-controls-container .wpc-filters-close-button {
    font-size: 12px !important;
  }
}


/* 2. Фікс поля пошуку (вирівнювання лупи та тексту) */
.wpc-search-field-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

/* Позиціонування іконки лупи ліворуч всередині поля */
.wpc-search-field-wrapper .wpc-search-icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  margin: 0 !important;
}

/* Сама плашка вводу тексту */
.wpc-search-field-wrapper input.wpc-search-field {
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #1a1a1a !important;
  background-color: transparent !important;
  border: 1.5px solid #1a1a1a !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 8px 36px 8px 38px !important; /* Відступ зліва під лупу */
  outline: none !important;
}

/* Кнопка очищення (хрестик) праворуч */
.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}
/* Прибираємо зовнішню велику рамку віджета на мобільних */
.widget_wpc_filters_widget,
.wpc-filters-open-button-container {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}

/* Робимо саму кнопку "Фільтри" округлою капсулою 1:1 як сортування */
.wpc-filters-open-button-container a.wpc-open-close-filters-button,
a.wpc-open-close-filters-button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  
  background-color: transparent !important;
  border: 1.5px solid #1a1a1a !important; /* Така сама тонка рамка */
  border-radius: 999px !important;       /* Повне заокруглення (капсула) */
  padding: 10px 20px !important;
  
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* Внутрішній контейнер кнопки */
.wpc-filters-open-button-container .wpc-button-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: none !important; /* Прибирає квадратну рамку навколо іконки з текстом */
  padding: 0 !important;
  margin: 0 !important;
}

/* Текст всередині кнопки */
.wpc-filters-open-button-container .wpc-filters-button-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1 !important;
}

/* Лінії іконки фільтра чорного кольору */
.wpc-filters-open-button-container .wpc-icon-html-wrapper span {
  background-color: #1a1a1a !important;
}

/* 1. Контейнер липких кнопок: прозорий фон замість білого */
.wpc-sticky-buttons {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 16px 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

/* 2. Головна кнопка "Застосувати": жовта фірмова капсула */
.wpc-sticky-buttons a.wpc-filters-submit-button,
a.wpc-filters-submit-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background-color: #FFC850 !important; /* Жовтий акцентний колір */
  color: #1a1a1a !important;
  border: 1.5px solid #1a1a1a !important;
  border-radius: 999px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  min-height: 42px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.wpc-sticky-buttons a.wpc-filters-submit-button:hover {
  background-color: #f5be42 !important;
  color: #1a1a1a !important;
}

/* Лічильник кількості в дужках */
.wpc-sticky-buttons .wpc-pc-apply-button {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-left: 2px !important;
}

/* 3. Другорядна кнопка "Скинути": мінімалістичний стиль */
.wpc-sticky-buttons a.wpc-filters-reset-button,
a.wpc-filters-reset-button {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: #1a1a1a !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: opacity 0.2s ease !important;
}

.wpc-sticky-buttons a.wpc-filters-reset-button:hover {
  opacity: 0.7 !important;
  background: transparent !important;
  color: #1a1a1a !important;
}

/* 4. Адаптив під мобільні екрани (12px) */
@media (max-width: 768px) {
  .wpc-sticky-buttons a.wpc-filters-submit-button {
    font-size: 12px !important;
    padding: 8px 18px !important;
    min-height: 38px !important;
  }

  .wpc-sticky-buttons a.wpc-filters-reset-button {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
}

/* 1. Повне видалення блакитної рамки/бордера навколо липкого блоку кнопок */
.wpc-sticky-buttons,
.wpc-filters-widget-controls-container,
.wpc-filters-widget-controls-wrapper {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* 2. Стилізація контейнера чіпсів */
ul.wpc-filter-chips-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  list-style: none !important;
}

/* 3. Окремий чіпс (капсула в стилі сайту) */
ul.wpc-filter-chips-list li.wpc-filter-chip {
  margin: 0 !important;
  padding: 0 !important;
}

ul.wpc-filter-chips-list li.wpc-filter-chip a,
ul.wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  background-color: transparent !important;
  border: 1.5px solid #1a1a1a !important; /* Чорна рамка замість червоної/синьої */
  border-radius: 999px !important;        /* Закруглена капсула */
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

/* Наведення на чіпс */
ul.wpc-filter-chips-list li.wpc-filter-chip a:hover,
ul.wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:hover {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

ul.wpc-filter-chips-list li.wpc-filter-chip a:hover .wpc-chip-remove-icon,
ul.wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:hover .wpc-chip-remove-icon {
  color: #ffffff !important;
}

/* Іконка видалення (хрестик) */
ul.wpc-filter-chips-list .wpc-chip-remove-icon {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #1a1a1a !important;
  margin-left: 2px !important;
}

/* 4. Чіпс "Скинути всі" (можна залишити текстовим або зробити з суцільною заливкою) */
ul.wpc-filter-chips-list li.wpc-chip-reset-all a {
  border: 1.5px dashed #1a1a1a !important; /* Пунктирна обводка для відмінності */
  font-weight: 600 !important;
}

/* 5. Адаптив під смартфони */
@media (max-width: 768px) {
  ul.wpc-filter-chips-list li.wpc-filter-chip a,
  ul.wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link] {
    font-size: 12px !important;
    padding: 4px 10px !important;
  }
}
/* Стан наведення (hover) для кнопки "Застосувати" */
.wpc-sticky-buttons a.wpc-filters-submit-button:hover,
a.wpc-filters-submit-button:hover {
  background-color: #E0AB36 !important; /* Глибший, насичений темний жовтий */
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
  opacity: 1 !important;                 /* Повна непрозорість */
  filter: none !important;              /* Прибирає будь-які розмиття/фільтри */
  box-shadow: none !important;
}

/* Прибираємо прозорість для лічильника при наведенні */
.wpc-sticky-buttons a.wpc-filters-submit-button:hover .wpc-pc-apply-button {
  color: #1a1a1a !important;
  opacity: 1 !important;
}
/* Повне приховування білої лінії-розділювача над заголовком фільтрів */
.wpc-filters-widget-top-container,
.wpc-widget-top-inside,
.wpc-inner-widget-chips-wrapper,
.wpc-filter-set-widget-title,
.wpc-filters-widget-content,
.wpc-filters-widget-containers-wrapper {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Якщо плагін генерує псевдоелемент або лінію hr */
.wpc-filters-widget-top-container::before,
.wpc-filters-widget-top-container::after,
.wpc-filter-set-widget-title::before,
.wpc-filter-set-widget-title::after {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}/* Робимо фон контейнера чіпсів повністю прозорим */
.wpc-filters-widget-top-container,
.wpc-widget-top-inside,
.wpc-inner-widget-chips-wrapper,
.wpc-filter-chips-list,
.wpc-filter-chips-list li.wpc-filter-chip {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-20fc289 *//* Повне приховування кнопок "Купити" / "Оберіть опції" у каталозі товарів */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce ul.products li.product a.button {
  display: none !important;
}
/* Обгортка форми сортування WooCommerce */
.woocommerce .woocommerce-ordering,
form.woocommerce-ordering {
  margin-bottom: 24px !important;
  float: none !important;
}

/* Стилізація самого випадаючого списку (селекту) */
.woocommerce .woocommerce-ordering select.orderby,
form.woocommerce-ordering select.orderby {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  
  background-color: transparent !important;
  border: 1.5px solid #1a1a1a !important;
  border-radius: 999px !important; /* Повне заокруглення капсули */
  
  padding: 10px 40px 10px 20px !important; /* Відступ праворуч під кастомну стрілку */
  min-height: 44px !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  
  /* Кастомна темна стрілочка вниз */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 14px !important;
}

/* Ховаємо стандартну стрілку в IE/Edge */
.woocommerce .woocommerce-ordering select.orderby::-ms-expand {
  display: none !important;
}

/* Стилізація списку опцій всередині селекту */
.woocommerce .woocommerce-ordering select.orderby option {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  background-color: #f7f1e5 !important; /* Фон під колір сайту */
  color: #1a1a1a !important;
}

/* Адаптив під смартфони */
@media (max-width: 768px) {
  .woocommerce .woocommerce-ordering select.orderby,
  form.woocommerce-ordering select.orderby {
    font-size: 12px !important;
    padding: 8px 36px 8px 16px !important;
    min-height: 40px !important;
    width: 100% !important; /* На весь екран на мобільному */
  }
}
/* Обгортка картки */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Вертикальне фото 2:3 без зуму та деформацій */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 16px !important;
  border: 1.5px solid #1a1a1a !important;
  box-sizing: border-box !important;
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b87204 */@media (max-width: 768px) {
  /* 1. Скидаємо контейнер у звичайний вертикальний потік */
  .elementor-element-6b87204 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* 2. Рядок 1: Кнопка фільтрів на всю ширину з відступом 10px вниз */
  .elementor-element-6b87204 .elementor-element-be55afd {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  .wpc-filters-open-button-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  /* 3. Рядок 2: Сортування на всю ширину з відступом 20px до карток товарів */
  .elementor-element-6b87204 .elementor-element-20fc289 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .elementor-element-20fc289 form.woocommerce-ordering {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    float: none !important;
  }

  .elementor-element-20fc289 form.woocommerce-ordering select.orderby {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 40px 0 20px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    background-position: right 18px center !important;
  }

  /* 4. Шрифти: Montserrat 12px вага 500 для обох */
  .wpc-filters-open-button-container .wpc-filters-button-text,
  .elementor-element-20fc289 form.woocommerce-ordering select.orderby,
  .elementor-element-20fc289 form.woocommerce-ordering select.orderby option {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
  }

  /* 5. Сітка товарів */
  .elementor-element-20fc289 ul.products {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  /* 1. Скидаємо розриви контейнера Elementor */
  .elementor-element-6b87204,
  .elementor-element-6b87204.e-con {
    --gap: 0px !important;
    gap: 0px !important;
    row-gap: 0px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 2. Блок фільтрів: забезпечуємо повну клікабельність */
  .elementor-element-be55afd {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 99 !important;
    pointer-events: auto !important;
  }

  .elementor-element-be55afd .elementor-widget-container,
  .elementor-element-be55afd .widget_wpc_filters_widget,
  .elementor-element-be55afd .wpc-filters-main-wrap {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
    pointer-events: auto !important;
  }

  /* 3. Кнопка "Фільтри" */
  .wpc-filters-open-button-container {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: relative !important;
    z-index: 100 !important;
    pointer-events: auto !important;
  }

  .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 101 !important;
  }

  /* 4. Прибираємо зайвий прихований хвіст віджета під кнопкою */
  .wpc-filters-main-wrap:not(.wpc-opened) .wpc-edit-filter-set {
    display: none !important;
  }

  /* 5. Блок сортування: чіткий відступ 10px від кнопки фільтрів */
  .elementor-element-20fc289 {
    width: 100% !important;
    margin: 10px 0 0 0 !important; /* Рівно 10px після кнопки фільтрів */
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .elementor-element-20fc289 .woocommerce-notices-wrapper {
    display: none !important;
  }

  .elementor-element-20fc289 form.woocommerce-ordering {
    width: 100% !important;
    margin: 0 0 20px 0 !important; /* 20px до сітки товарів */
    padding: 0 !important;
    float: none !important;
  }

  .elementor-element-20fc289 form.woocommerce-ordering select.orderby {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 40px 0 20px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    cursor: pointer !important;
  }
}
.wpc-open-close-filters-button {
    margin-bottom: 5px !important;
}
/* Примусове застосування object-fit: cover для фото товарів */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 2 / 3 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}/* End custom CSS */