/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.0.1769639630
Updated: 2026-01-29 00:33:50

*/
/* === OUT OF STOCK: card + button disabled === */

/* Вся карточка — визуально бледнее */
li.product.outofstock {
    opacity: 0.55;
}

/* Запрещаем клики по кнопкам */
li.product.outofstock a.button,
li.product.outofstock .ast-on-card-button {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Кнопка "Оберіть розмір" — серой и спокойной */
li.product.outofstock a.button {
    background: #e0e0e0 !important;
    color: #777 !important;
    border-color: #e0e0e0 !important;
    box-shadow: none !important;
}

/* Убираем hover-эффекты */
li.product.outofstock a.button:hover {
    background: #e0e0e0 !important;
    color: #777 !important;
}
/* ===============================
   OUT OF STOCK — полностью отключаем интерактив
   =============================== */

/* 1. Запрещаем клики по изображению */
li.product.outofstock .woocommerce-LoopProduct-link {
	pointer-events: none !important;
	cursor: default !important;
}

/* 2. Запрещаем hover-эффекты Astra */
li.product.outofstock:hover,
li.product.outofstock:hover * {
	color: inherit !important;
	background-color: inherit !important;
	transform: none !important;
	box-shadow: none !important;
}

/* 3. Убираем hover-эффекты изображения */
li.product.outofstock img {
	filter: grayscale(100%);
	opacity: 0.6;
	transition: none !important;
}

/* 4. Надпись "Немає в наявності" — без hover */
li.product.outofstock .ast-shop-product-out-of-stock {
	pointer-events: none;
}

/* 5. Кнопка — визуально и логически отключена */
li.product.outofstock a.button,
li.product.outofstock .ast-on-card-button {
	pointer-events: none !important;
	opacity: 0.4;
	cursor: not-allowed !important;
}

/* 6. На всякий случай — иконка корзины */
li.product.outofstock .ast-icon {
	opacity: 0.4;
}
/* ================================
   OUT OF STOCK — компактная плашка
   шаг 1
================================ */

/* контейнер — якорь для позиции */
li.product.outofstock .astra-shop-thumbnail-wrap {
	position: relative;
}

/* сама плашка */
li.product.outofstock .ast-shop-product-out-of-stock {
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;

	padding: 3px 6px !important;
	height: auto !important;
	line-height: 1.2 !important;

	font-size: 10px !important;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;

	background: rgba(255,255,255,0.9) !important;
	color: #333 !important;

	border-radius: 4px;
	text-align: center;

	pointer-events: none !important;
	z-index: 3;
}

/* полностью убираем любые hover-эффекты */
li.product.outofstock:hover .ast-shop-product-out-of-stock,
li.product.outofstock .ast-shop-product-out-of-stock:hover {
	background: rgba(255,255,255,0.9) !important;
	color: #333 !important;
}

/* Astra иногда добавляет псевдоэффекты — гасим */
li.product.outofstock .ast-shop-product-out-of-stock::before,
li.product.outofstock .ast-shop-product-out-of-stock::after {
	display: none !important;
}
/* -----------------------------------------------------------------------------
   Шаг 1: аккуратная плашка “Немає в наявності” — меньше и без реакции на hover
   -----------------------------------------------------------------------------
*/

/* 1) Уменьшаем размеры и отступы самой плашки */
li.product.outofstock .ast-shop-product-out-of-stock {
    position: absolute;
    bottom: 6px;      /* чуть ближе к краю, на твой вкус можно +/- */
    left: 6px;
    right: 6px;

    background: rgba(255,255,255,0.9); /* светлая, но не полностью белая */
    color: #333;                       /* темный текст */
    font-size: 10px;                   /* маленький шрифт */
    font-weight: 500;
    letter-spacing: .03em;
		text-transform: uppercase;
    text-align: center;

    padding: 2px 4px;                  /* минимальные отступы */
    border-radius: 3px;                /* слегка скругленная */

    z-index: 2;
    pointer-events: none;              /* плашка не реагирует на мышь */
}

/* 2) Убираем любые hover/transition изменения цвета или фона */
li.product.outofstock .ast-shop-product-out-of-stock:hover,
li.product.outofstock .ast-shop-product-out-of-stock:focus {
    /* не меняем ничего при наведении или фокусе */
    background: rgba(255,255,255,0.9) !important;
    color: #333 !important;
}

/* 3) Дополнительно: чтобы карточка и кнопка остались неактивными и визуально приглушёнными
      (если нужно — можно оставить, можно убрать, но это продолжает идею приглушения) */
li.product.outofstock {
    opacity: 0.75;          /* чуть бледнее, чем обычные товары */
}

li.product.outofstock .astra-shop-thumbnail-wrap a,
li.product.outofstock .astra-shop-summary-wrap .button,
li.product.outofstock .astra-shop-summary-wrap .ast-on-card-button {
    pointer-events: none;   /* отключаем клики полностью */
    cursor: default;        /* курсор не походит на ссылку */
    opacity: 0.6;           /* мягче, не ярко */
}
/* OUT OF STOCK — компактная плашка без hover */
li.product.outofstock .ast-shop-product-out-of-stock {
    font-size: 11px;
    line-height: 1.2;
    padding: 4px 8px;
    border-radius: 4px;

    background: rgba(255,255,255,0.9);
    color: #333;

    pointer-events: none;   /* не реагирует на мышь */
}

/* защита от hover-стилей Astra */
li.product.outofstock a:hover .ast-shop-product-out-of-stock {
    color: #333;
    background: rgba(255,255,255,0.9);
}
/* OUT OF STOCK — название товара не кликабельно */
li.product.outofstock .ast-loop-product__link {
    pointer-events: none;
    cursor: default;
}
li.product.outofstock .woocommerce-loop-product__title {
    opacity: 0.6;
}
/* === Mobile: отступы у карточек товаров === */
@media (max-width: 544px) {

  /* общий контейнер товаров */
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

}
/* Фиксируем высоту названия товара */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 3.2em;      /* ≈ 3 строки */
    line-height: 1.6em;
    overflow: hidden;
}
/* Карточка — flex колонка */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

/* Контент карточки */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Кнопка — всегда внизу */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .ast-on-card-button {
    margin-top: auto;
}
/* === SHOP PAGE TOP — clean fashion layout (SAFE full-width) === */

/* Общий отступ сверху магазина */
.woocommerce.archive .site-content {
    padding-top: 40px;
}

/* Контейнер заголовка магазина */
.woocommerce-products-header {
    margin-bottom: 32px;
}

/* Хлебные крошки */
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 12px;
    font-size: 13px;
    color: #9aa0a6;
}

/* Заголовок + сортировка — одна строка */
.woocommerce-products-header + .woocommerce-notices-wrapper + .woocommerce-result-count,
.woocommerce-products-header + .woocommerce-notices-wrapper {
    display: none;
}

/* Блок: заголовок + счетчик + сортировка */
.woocommerce .woocommerce-products-header + .woocommerce-notices-wrapper + form.woocommerce-ordering,
.woocommerce .woocommerce-products-header + form.woocommerce-ordering {
    margin-top: 0;
}

.woocommerce .woocommerce-result-count {
    font-size: 14px;
    color: #9aa0a6;
    margin: 6px 0 0;
}

/* Обёртка заголовка */
.woocommerce .woocommerce-products-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Заголовок магазина */
.woocommerce .woocommerce-products-header__title {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    margin: 0;
}

/* Строка под заголовком: счетчик + сортировка */
.woocommerce .woocommerce-products-header::after {
    content: "";
    display: block;
}

/* Контейнер для счетчика и сортировки */
.woocommerce .woocommerce-result-count,
.woocommerce form.woocommerce-ordering {
    display: inline-block;
    vertical-align: middle;
}

/* Выравнивание */
@media (min-width: 769px) {
    .woocommerce .woocommerce-result-count {
        float: left;
    }

    .woocommerce form.woocommerce-ordering {
        float: right;
    }
}

/* Сброс float */
.woocommerce .woocommerce-products-header::after {
    content: "";
    display: table;
    clear: both;
}

/* Мобилка */
@media (max-width: 768px) {
    .woocommerce .woocommerce-products-header {
        gap: 12px;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce form.woocommerce-ordering {
        float: none;
        display: block;
    }

    .woocommerce form.woocommerce-ordering {
        margin-top: 6px;
    }
}
/* ================================
   SHOP PAGE – CLEAN HEADER FIX
   (safe, full-width preserved)
================================ */

/* 1️⃣ Аккуратный внутренний отступ для верха магазина */
.woocommerce-page .ast-woocommerce-container {
	padding-left: 32px;
	padding-right: 32px;
}

/* 2️⃣ Breadcrumbs (Головна / Магазин) — не липнут к краю */
.woocommerce-page .woocommerce-breadcrumb {
	margin-left: 0;
	margin-bottom: 12px;
}

/* 3️⃣ Заголовок + строка "Показано X–Y" */
.woocommerce-page .woocommerce-products-header {
	margin-bottom: 24px;
}

/* 4️⃣ Гарантированно показать строку количества товаров */
.woocommerce-page .woocommerce-result-count {
	display: block !important;
	margin-top: 6px;
	color: #9aa0a6;
	font-size: 14px;
}

/* 5️⃣ Сортировка — справа и аккуратно */
.woocommerce-page .woocommerce-ordering {
	margin-top: 12px;
}

/* 6️⃣ Мобильная версия — меньше отступ */
@media (max-width: 768px) {
	.woocommerce-page .ast-woocommerce-container {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.footer-socials {
  display: flex;
  gap: 14px;
  margin-top: 16px;
}

.footer-socials a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: background 0.25s ease, transform 0.25s ease;
}

.footer-socials svg {
  width: 18px;
  height: 18px;
  fill: #000;
  transition: fill 0.25s ease;
}

.footer-socials a:hover {
  background: #000;
  transform: translateY(-2px);
}

.footer-socials a:hover svg {
  fill: #fff;
}
/* ===============================
   FOOTER — MOBILE COMPACT VERSION
   =============================== */
@media (max-width: 768px) {

  /* Общий контейнер футера Astra */
  .site-footer {
    padding: 32px 16px;
  }

  /* Вся сетка футера — в колонку */
  .site-footer .ast-footer-grid,
  .site-footer .ast-footer-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* Каждая колонка */
  .site-footer .widget {
    margin: 0;
    text-align: center;
  }

  /* Заголовки колонок */
  .site-footer h2,
  .site-footer h3,
  .site-footer h4 {
    font-size: 14px;
    margin-bottom: 8px;
  }

  /* Текст */
  .site-footer p,
  .site-footer li,
  .site-footer a {
    font-size: 13px;
    line-height: 1.4;
  }

  /* Списки — компактнее */
  .site-footer ul {
    margin: 0;
    padding: 0;
  }

  .site-footer li {
    margin-bottom: 6px;
  }

  /* Соцсети */
  .footer-socials {
    justify-content: center;
    margin-top: 12px;
  }

  .footer-socials a {
    width: 32px;
    height: 32px;
  }

  .footer-socials svg {
    width: 16px;
    height: 16px;
  }

  /* Copyright */
  .site-footer .site-info {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .site-footer h3,
  .site-footer h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
  }
}
/* БАЗА плитки */
.home-tile {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

/* Центрируем заголовок */
.home-tile .tile-title {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none; /* важно */
}

/* Ссылка растягивается на всю плитку */
.home-tile .tile-link {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.home-tile .tile-link a {
    width: 100%;
    height: 100%;
    opacity: 0;           /* делаем невидимой */
    pointer-events: auto;
}

/* Убираем стандартные отступы кнопки Elementor */
.home-tile .elementor-button {
    padding: 0 !important;
    border: none !important;
    background: none !important;
}
/* Каталог: 3 колонки */
.main-header-menu li.menu-item-has-children > ul.sub-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 40px;
    min-width: 620px;
    padding: 24px;
}
/* аккуратный вид пунктов */
.main-header-menu .sub-menu li a {
    padding: 6px 0;
    white-space: normal;
}

/* убираем стрелки у дочерних */
.main-header-menu .sub-menu .menu-item-has-children > a:after {
    display: none;
}
@media (max-width: 921px) {
    .main-header-menu li.menu-item-has-children > ul.sub-menu {
        display: block;
        min-width: unset;
        padding: 10px;
    }
}
/* Верхний хедер: ссылки в ряд */
.top-header-links {
  display: flex;
  flex-direction: row;
  gap: 18px;              /* расстояние между пунктами */
  align-items: center;
}

/* Стили самих ссылок */
.top-header-links a {
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  opacity: 0.85;
  white-space: nowrap;   /* чтобы не переносились */
}

/* Hover */
.top-header-links a:hover {
  opacity: 1;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .top-header-links {
    flex-wrap: wrap;
    gap: 10px 16px;
    justify-content: center;
  }
}
/* === ASTRA: МЕГА-МЕНЮ КАТАЛОГ — СТАБИЛЬНО === */

/* само мегаменю */
.ast-desktop .main-header-menu > li.menu-item-has-children > .sub-menu {
    position: fixed;
    top: calc(var(--ast-header-height, 80px));
    left: 50%;
    transform: translateX(-50%);

    width: 950px;
    max-width: calc(100vw - 40px);

    padding: 32px 48px;
    background: #f5f5f5;

    box-sizing: border-box;
    z-index: 9999;

    /* ❗ никаких анимаций */
    transition: none !important;
}

/* 4. Компактность пунктов */
.ast-desktop .main-header-menu .sub-menu li {
    margin-bottom: 6px;
    break-inside: avoid;
}

/* 5. Текст */
.ast-desktop .main-header-menu .sub-menu a {
    font-size: 14px;
    line-height: 1.35;
    padding: 2px 0;
    display: inline-block;
}
/* Уменьшаем вертикальные отступы между товарами */
.woocommerce ul.products li.product {
    margin-bottom: 18px !important;
}
/* Убираем нижний отступ у изображения */
.woocommerce ul.products li.product a img {
    margin-bottom: 5px !important;
}

/* Убираем верхний отступ у названия */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 0 !important;
}

/* Если Astra добавляет внутренний отступ */
.ast-woocommerce-container ul.products li.product {
    padding-bottom: 0 !important;
}
/* Кнопка товара */
.woocommerce ul.products li.product .button {
    background: #ffffff;
    color: #1a1a1a;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 500;
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce ul.products li.product .button:hover {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}
/* Карточка товара */
.woocommerce ul.products li.product {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover карточки */
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
.woocommerce ul.products li.product h2 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 6px;
}
/* === КНОПКА В КАРТОЧКЕ ТОВАРА — ПРИНУДИТЕЛЬНО === */

.single-product form.cart .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product .button.single_add_to_cart_button {

    background-color: #111 !important;
    color: #fff !important;

    border-radius: 8px !important;
    padding: 14px 28px !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* Контейнер кнопки и количества */
.single-product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

/* Кнопка */
.single-product form.cart .single_add_to_cart_button {
    margin-bottom: 0;
}

/* Уведомление — всегда новой строкой */
.single-product .custom-size-notice {
    flex-basis: 100%;
    margin-top: 14px;
    padding: 16px 20px;

    background: #f7f5f2;
    border: 1px solid #e6dfd7;
    border-radius: 12px;

    font-size: 14px;
    line-height: 1.5;
    color: #444;

    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.notice-heart {
    color: #b34747;
    font-size: 15px;
    margin-left: 4px;
}
/* Sticky Add to Cart — делаем кнопку как основную */
.ast-sticky-add-to-cart .single_link_to_cart_button.button {
    background: #888 !important;      /* серый как основная */
    color: #fff !important;
    border-radius: 8px;
    padding: 10px 22px;
    transition: all 0.2s ease;
}

/* Когда товар можно добавить (активное состояние) */
.ast-sticky-add-to-cart .single_link_to_cart_button.button:not(.disabled) {
    background: #111 !important;      /* черная как основная */
}

/* Hover */
.ast-sticky-add-to-cart .single_link_to_cart_button.button:hover {
    background: #000 !important;
}
/* === PREMIUM STICKY BAR === */

.ast-sticky-add-to-cart {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 6px 30px rgba(0,0,0,0.06);
    padding: 14px 0;
}
.ast-sticky-add-to-cart-title-wrap {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.ast-sticky-add-to-cart-action-price {
    font-weight: 600;
    font-size: 16px;
    color: #111;
}
.ast-sticky-add-to-cart .single_link_to_cart_button.button {
    background: #111 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 26px;
    font-weight: 500;
    letter-spacing: 0.4px;
    transition: transform 0.15s ease;
}

/* лёгкий premium hover */
.ast-sticky-add-to-cart .single_link_to_cart_button.button:hover {
    transform: translateY(-1px);
    background: #111 !important;
}
/* Мобильное меню — уменьшение шрифта */
.ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    font-size: 13px !important;
    padding: 8px 20px !important;
    line-height: 1.3 !important;
}

/* Уменьшаем высоту строки списка */
.ast-builder-menu-mobile .main-navigation .menu-item {
    margin: 0 !important;
}

/* Делаем разделители тоньше и аккуратнее */
.ast-builder-menu-mobile .main-navigation .menu-item {
    border-bottom: 1px solid #efefef !important;
}

/* Убираем лишние отступы вокруг меню */
.ast-builder-menu-mobile .main-navigation {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* Убираем линии между пунктами мобильного меню */
.ast-builder-menu-mobile .main-navigation .menu-item {
    border-bottom: none !important;
}
/* Центрируем названия категорий */
.ast-builder-menu-mobile .main-navigation .menu-link {
    text-align: center !important;
}
/* Чуть аккуратнее вертикальные отступы */
.ast-builder-menu-mobile .main-navigation .menu-link {
    padding: 10px 0 !important;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 0.3px;
}
/* Убираем линии между пунктами мобильного меню */
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
    border-bottom: none !important;
}
/* Активная категория — делаем заметной */
.ast-builder-menu-mobile .main-navigation .current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .current-menu-ancestor > .menu-link {
    font-weight: 600;
    color: #111 !important;
}
/* Активная категория в мегаменю (десктоп) */
.ast-desktop .main-header-menu .sub-menu .current-menu-item > a,
.ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > a {
    color: #111 !important;
    font-weight: 600;
    opacity: 1 !important;
}

/* Убираем осветление активного пункта */
.ast-desktop .main-header-menu .sub-menu .current-menu-item > a:hover,
.ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > a:hover {
    color: #000 !important;
}
.ast-desktop .main-header-menu .sub-menu .current-menu-item > a::before,
.ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #111;
    margin-right: 10px;
    vertical-align: middle;
}
.ast-builder-menu-mobile .current-menu-item > .menu-link {
    position: relative;
}

.ast-builder-menu-mobile .current-menu-item > .menu-link::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: #111;
    border-radius: 2px;
}
.ast-builder-menu-mobile .main-navigation {
    max-width: 320px;
    margin: 0 auto;
}

/* MOBILE ONLY */
@media (max-width: 921px){

 /* Off-canvas mobile menu slide from right */
@media (max-width: 921px){

  .ast-mobile-header-wrap .ast-mobile-header-content {
    position: fixed !important;

    top: 115px; /* ← высота мобильного хедера */
    right: 0;

    width: 85%;
    height: calc(100vh - 115px); /* чтобы не перекрывал header */

    background: #fff;

    transform: translateX(100%);
    transition: transform 0.35s ease;

    z-index: 99999;
    overflow-y: auto;
  }

  body.ast-main-header-nav-open 
  .ast-mobile-header-wrap 
  .ast-mobile-header-content {
    transform: translateX(0);
  }

}

@media (max-width: 921px){

  /* 1️⃣ Отступ слева и справа у названия */
  body.single-product .entry-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 2️⃣ Уменьшаем расстояние между названием и картинкой */
  body.single-product .entry-header {
    margin-bottom: 10px;
  }

  /* 3️⃣ Убираем лишний верхний отступ у галереи */
  body.single-product .woocommerce-product-gallery {
    margin-top: 0 !important;
  }

}
@media (max-width: 921px){

  /* фиксируем хедер */
  .ast-mobile-header-wrap{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }

  /* компенсируем его высоту */
  .site-content{
    padding-top: 80px;
  }

}
@media (max-width: 921px){

  body.tax-product_cat .ast-container{
    margin-top: 45px !important;
  }

}
.ast-sticky-add-to-cart{
  display:none !important;
}
/* стиль стики кнопки на странице товара для мобильной */
@media (max-width: 921px){

  .mobile-sticky-cart{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    transform: translateY(100%);
    transition: 0.3s ease;
  }

  .mobile-sticky-cart.show{
    transform: translateY(0);
  }

  .msc-price{
    font-size: 18px;
    font-weight: 600;
  }

  .msc-button{
    background: #000;
    color: #fff;
    border: none;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
  }

  body.single-product{
    padding-bottom: 80px;
  }

}
.mobile-sticky-cart{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  transform: translateY(100%);
  transition: 0.3s ease;
}
.variation-error{
  animation: shake 0.4s ease;
}
/* стиль уведомления о добавлении в карзину */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

@media (max-width: 921px){

.custom-cart-toast{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -8px 30px rgba(0,0,0,0.12);
    padding: 16px;
    transform: translateY(100%);
    transition: 0.3s ease;
    z-index: 9999;
}

.custom-cart-toast.show{
    transform: translateY(0);
}

.toast-text{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.toast-buttons{
    display: flex;
    gap: 10px;
}

.toast-continue{
    flex: 1;
    background: #f2f2f2;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-weight: 500;
}

.toast-checkout{
    flex: 1;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

}
/* Полностью отключаем tooltip Woo Variation Swatches */
.woo-variation-swatches .variable-item::before,
.woo-variation-swatches .variable-item::after,
.woo-variation-swatches .wvs-tooltip {
    display: none !important;
    content: none !important;
}
/* Убираем слово "Размер" (label) */
table.variations th.label label {
    display: none !important;
}

/* Форматируем выбранное значение */
.woo-selected-variation-item-name {
    font-weight: 600;
    font-size: 16px;
}

/* Добавляем корректный текст перед значением */
table.variations th.label::before {
    content: "Розмір: ";
    font-weight: 600;
}
.loop-sku {
    display: block;
    font-size: 13px;
    opacity: 0.65;
    margin-top: 2px;
    letter-spacing: 0.5px;
}
.woocommerce ul.products li.product h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px;
}

.loop-sku {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 4px;
}
.loop-sku {
    font-size: 12px;
    opacity: 0.55;
    margin-top: 2px;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}
/* Карточка как колонка */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

/* Контейнер с названием и ценой */
.astra-shop-summary-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Цена всегда внизу summary */
.woocommerce ul.products li.product .price {
    margin-top: auto;
    font-weight: 600;
    font-size: 15px;
}

/* SKU сразу под ценой */
.loop-sku {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 4px;
}
.woocommerce ul.products li.product {
    padding-bottom: 8px;
}

.astra-shop-summary-wrap {
    gap: 4px;
}
.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
}
.loop-sku {
    font-size: 11px;
    opacity: 0.5;
    letter-spacing: 0.5px;
}
.woocommerce-result-count {
    font-size: 12px;
    opacity: 0.6;
    margin-bottom: 8px;
}

.woocommerce-ordering {
    margin-bottom: 16px;
}
.woocommerce-ordering select {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 13px;
    background-color: #fff;
}
.woocommerce-products-header {
    margin-bottom: 20px;
}
.load_more_button,
.button.load-more {
    background: #111;
    color: #fff;
    border-radius: 30px;
    padding: 10px 22px;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.woocommerce-cart .cart_totals {
    max-width: 600px;
    margin: 40px auto;
}
.woocommerce-cart .cart_totals {
    background: #fff;
    padding: 30px;
    border: 1px solid #eee;
}
.woocommerce-cart .cart_totals h2 {
    font-size: 28px;
    margin-bottom: 20px;
}
body {
    background: red !important;
}
body {
    background: red !important;
}