.elementor-kit-2885{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d4fa8ae:#E987DA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2885 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Прибрати зірочки з віджета "Популярні фігурки" */
.widget_top_rated_products .star-rating,
.widget_products .star-rating,
.widget_recently_viewed_products .star-rating {
  display: none !important;
}

.woocommerce-result-count {
    display: none !important;
}

/* сховати неклікабельний підпис категорії теми (Astra) */
.ast-woo-product-category { display: none !important; }

/* Назва товару */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #111 !important;
  transition: color 0.25s ease;
}

/* Зміна кольору при наведенні */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #d94b8c !important; /* твій рожевий бренд */
}

/* Не даємо темі перефарбовувати SVG/лого */
.ast-site-identity svg,
.custom-logo svg { fill: initial !important; }

/* Забороняємо будь-які фільтри, що “чорнять” зображення */
.ast-site-identity .custom-logo,
.ast-site-identity .site-logo-img img,
.custom-logo-link img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/*стиль характеристик*/
/* 🔸 Вирівнювання тексту по центру рядка */
.single-product .summary .shop_attributes tbody tr {
  display: flex;
  align-items: center; /* вирівнює обидві колонки по вертикалі */
  justify-content: flex-start;
  gap: 14px;
  padding: 3px 0;
  border: none;
}

/* Ліва колонка (лейбл) */
.single-product .summary .shop_attributes th {
  flex: 0 0 140px;
  color: #777;
  font-weight: 600;
  font-size: 13.5px;
  line-height: 1.4;
  text-align: left;
  padding: 0;
  background: none;
  border: none;
}

/* Права колонка (значення) */
.single-product .summary .shop_attributes td {
  flex: 1;
  color: #111;
  font-weight: 500;
  font-size: 13.5px;
  line-height: 1.4;
  font-style: normal;
  padding: 0;
  background: none;
  border: none;
  display: flex;
  align-items: center; /* ідеальне вертикальне вирівнювання */
}

/* Мобільна версія — одна колонка */
@media (max-width: 768px) {
  .single-product .summary .shop_attributes tbody tr {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .single-product .summary .shop_attributes th,
  .single-product .summary .shop_attributes td {
    flex: none;
    font-size: 13px;
  }
}

/*кошик на головній*/
/* 1) Головна — білий текст/іконки на банері */
.home .ast-header-woo-cart .woocommerce-Price-amount,
.home .ast-header-woo-cart .woocommerce-Price-currencySymbol,
.home .ast-header-woo-cart .ast-icon-shopping-bag {
    color: #fff !important;
}

/* 2) Усі НЕ головна — чорний текст/іконки */
:not(.home) .ast-header-woo-cart .woocommerce-Price-amount,
:not(.home) .ast-header-woo-cart .woocommerce-Price-currencySymbol,
:not(.home) .ast-header-woo-cart .ast-icon-shopping-bag {
    color: #000 !important;
}

/* 3) ЦИФРА в кружечку кошика (усюди): робимо білою, фон чорний */
.ast-header-woo-cart .ast-icon-shopping-bag:after {
    color: #fff !important;
    background: #000 !important;
    border-radius: 50%;
}

/* (опційно) якщо розмір цифри/кружечка різний — підправити */
.ast-header-woo-cart .ast-icon-shopping-bag:after {
    min-width: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 700;
}

/*кнопки в кошику*/
/* Ховаємо всі стандартні кнопки checkout у кошику */
.wc-proceed-to-checkout .checkout-button { 
  display: none !important; 
}

/* Показуємо тільки нашу */
.wc-proceed-to-checkout .al-checkout-btn { 
  display: inline-block !important; 
}

/* Товар Очікується */
/* Робимо картку сірою, якщо товар не в наявності */
.product-outofstock img {
  filter: grayscale(100%) brightness(0.9);
  opacity: 0.7;
}

/* Змінюємо вигляд кнопки */
.out-of-stock-btn {
  background-color: #ddd;
  color: #666;
  cursor: not-allowed;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  padding: 10px 15px;
  width: 100%;
  font-weight: 600;
}

/* Контейнер зображень у карточці */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

/* Друге зображення (з галереї) – поверх першого, невидиме */
.woocommerce ul.products li.product .animelavka-second-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Перше зображення – стандартне (featured) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
    transition: opacity 0.3s ease;
}

/* На ховері ховаємо перше, показуємо друге */
.woocommerce ul.products li.product:hover .woocommerce-LoopProduct-link img:first-child {
    opacity: 0;
}

.woocommerce ul.products li.product:hover .animelavka-second-image {
    opacity: 1;
}/* End custom CSS */