.elementor-2176 .elementor-element.elementor-element-09d0972{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2176 .elementor-element.elementor-element-61cf5df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;padding:0px 0px 30px 0px;}.elementor-2176 .elementor-element.elementor-element-61cf5df .elementor-heading-title{font-style:italic;}.elementor-2176 .elementor-element.elementor-element-4cd85b2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:-15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for wd_products, class: .elementor-element-5e1ab73 *//* ===== WOODMART — KINNSTUDIO STYLE v3 ===== */

/* ─── 0. СКИДАННЯ ВСІХ РАМОК WoodMart (максимальна специфічність) ─── */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .wd-product-item,
.woocommerce .product-item,
ul.products li.product,
ul.products .wd-product-item {
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Pseudo-елементи теми (WoodMart малює бордери через ::before/::after) */
ul.products li.product::before,
ul.products li.product::after,
.wd-product-item::before,
.wd-product-item::after,
.wd-product-inner::before,
.wd-product-inner::after,
.product-inner::before,
.product-inner::after {
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  content: none !important;
}

/* ─── 1. СІТКА ─── */

.products-libs-loaded,
.products,
.wd-products,
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #F6F4F0 !important;
  width: 100% !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

/* ─── 2. ТОВАРНА КАРТКА ─── */

.wd-product-item,
.product-item,
li.product {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #FAF7F2 !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  aspect-ratio: unset !important;
  cursor: pointer !important;
  width: auto !important;
  float: none !important;
}

/* Усі дочірні елементи — без рамок та тіней */
.wd-product-item > *,
.product-item > *,
li.product > * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ─── 3. ВНУТРІШНЯ ОБГОРТКА ─── */

.product-inner,
.wd-product-inner,
.product-wrapper,
.wd-product-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  background: transparent !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* ─── 4. БЛОК ЗОБРАЖЕННЯ — квадрат 1:1 ─── */

.product-image-wrapper,
.wd-product-image,
.product-image,
.woocommerce-product-gallery,
.wd-product-item .product-element-top,
li.product .product-element-top {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  background: #FAF7F2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
}

/* Зображення — заповнює весь квадрат */
.product-image-wrapper img,
.wd-product-image img,
.product-image img,
.product-element-top img,
li.product .attachment-woocommerce_thumbnail,
li.product img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  display: block !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wd-product-item:hover .product-image-wrapper img,
.wd-product-item:hover .wd-product-image img,
li.product:hover .product-element-top img,
li.product:hover img.wp-post-image {
  transform: scale(1.05) !important;
}

/* ─── 5. НАЗВА ТОВАРУ ─── */

.wd-entities-title,
.wd-product-title,
.product-title,
h2.woocommerce-loop-product__title,
h3.wd-entities-title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  position: relative !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px 2px 12px !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: #1C1C1C !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
  border: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wd-entities-title a,
.product-title a,
h3.wd-entities-title a,
h2.woocommerce-loop-product__title a {
  color: #1C1C1C !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  transition: color 0.25s ease !important;
}

.wd-product-item:hover .wd-entities-title a,
li.product:hover h2.woocommerce-loop-product__title a,
li.product:hover h3.wd-entities-title a {
  color: #9A9A9A !important;
}

/* ─── 6. ЦІНА ─── */

.wd-product-price,
.product-price,
.price,
span.price,
.woocommerce-Price-amount.amount,
li.product .price {
  font-size: 11px !important;
  color: #8A8A8A !important;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  font-family: inherit !important;
  border: none !important;
}

.wd-product-price bdi,
.price bdi { font-weight: 300 !important; letter-spacing: 0.04em !important; }

.wd-product-price del, .price del { opacity: 0.45 !important; margin-right: 4px !important; }

.wd-product-price ins, .price ins {
  text-decoration: none !important;
  color: #C84B4B !important;
  font-weight: 300 !important;
}

/* ─── 7. ФУТЕР КАРТКИ (ціна + все нижче) ─── */

.wd-product-footer,
.product-footer,
.product-content,
.wd-product-info,
.wd-product-item .product-element-bottom,
li.product .product-element-bottom {
  position: static !important;
  background: transparent !important;
  backdrop-filter: none !important;
  text-align: left !important;
  padding: 3px 12px 14px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

/* ─── 8. СВОЧІ (колірні кружечки) ─── */

.wd-swatches-product,
.wd-swatches,
.product-swatches {
  display: flex !important;
  gap: 4px !important;
  margin-top: 5px !important;
  padding: 0 !important;
  background: transparent !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  border: none !important;
  box-shadow: none !important;
}

.wd-swatches-product .wd-swatch,
.wd-swatch {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: inline-block !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* ─── 9. ПРИХОВАТИ — кнопки, рейтинги, зайві елементи ─── */

.wd-add-btn,
.wd-buttons,
.wd-product-buttons,
.product-buttons,
.button.add_to_cart_button,
.wd-product-cats,
.product-categories,
.star-rating,
.wd-compare-btn,
.wd-wishlist-btn,
.wd-quick-view-btn,
.wd-product-rating,
.wd-bottom-panel,
.wd-product-bottom,
.wd-product-add-btn-wrap {
  display: none !important;
}

/* ─── 10. НАКЛЕЙКИ — лівий верхній кут ─── */

.product-labels,
.wd-product-labels,
.wd-labels {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  transform: none !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-label,
.wd-badge,
.wd-product-label {
  background-color: rgba(250, 247, 242, 0.92) !important;
  color: #1C1C1C !important;
  font-size: 9px !important;
  padding: 4px 10px !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  border: none !important;
  white-space: nowrap !important;
}

/* ─── 11. СКИДАННЯ ЗАОКРУГЛЕНЬ СКРІЗЬ ─── */
* { border-radius: 0 !important; }

/* ─── 12. АДАПТИВНІСТЬ ─── */

@media (max-width: 1024px) {
  .products-libs-loaded, .products, ul.products,
  .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .products-libs-loaded, .products, ul.products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .wd-entities-title, h3.wd-entities-title, h2.woocommerce-loop-product__title {
    font-size: 10px !important;
    padding: 8px 10px 2px 10px !important;
  }
  .wd-product-price, .price { font-size: 10px !important; }
  .wd-product-footer, .product-footer { padding: 3px 10px 12px 10px !important; }
  .product-label, .wd-badge { font-size: 8px !important; padding: 3px 8px !important; }
  .wd-swatch { width: 10px !important; height: 10px !important; }
}

@media (max-width: 480px) {
  .products-libs-loaded, .products, ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .product-labels, .wd-labels { top: 8px !important; left: 8px !important; }
}

/* ─── 13. АНІМАЦІЯ ПОЯВИ ─── */

.wd-product-item, li.product {
  animation: fadeInProduct 0.45s ease-out both;
}
.wd-product-item:nth-child(2), li.product:nth-child(2) { animation-delay: 0.05s; }
.wd-product-item:nth-child(3), li.product:nth-child(3) { animation-delay: 0.10s; }
.wd-product-item:nth-child(4), li.product:nth-child(4) { animation-delay: 0.15s; }
.wd-product-item:nth-child(5), li.product:nth-child(5) { animation-delay: 0.20s; }
.wd-product-item:nth-child(6), li.product:nth-child(6) { animation-delay: 0.25s; }
.wd-product-item:nth-child(7), li.product:nth-child(7) { animation-delay: 0.30s; }
.wd-product-item:nth-child(8), li.product:nth-child(8) { animation-delay: 0.35s; }

@keyframes fadeInProduct {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */