/*
Theme Name: Kadence Child - Fasad Krovlya LNR
Template: kadence
Version: 1.0.2
*/

/* =========================================
   ПЕРЕМЕННЫЕ
   ========================================= */
:root {
  --fk-primary: #a41b28;
  --fk-primary-hover: #8b0000;
  --fk-dark: #4c4948;
  --fk-text: #050607; /* #333333; */
  --fk-text-light: #666666;
  --fk-border: #e5e5e5;
  --fk-bg-light: #f9f9f9;
  --fk-text-white: #ffffff;

  --color-success: #27ae60;
  --color-success-dark: #15803d;
  --color-warning: #e67e22;
  --color-error: #a41b28;

  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
  --btn-border-radius: 8px;
}

/* =========================================
   ОБЩИЕ СТИЛИ
   ========================================= */
.fk-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .fk-container {
    max-width: 100%;
  }
}

article.entry.single-entry {
  box-shadow: none;
}

/* =========================================
   СТРАНИЦА КОНТАКТОВ
   ========================================= */
.fk-contacts-wrapper {
  margin: 40px 0;
}

.fk-contacts-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

/* Левая колонка */
.fk-contacts-info {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
}

/* Главный заголовок страницы Контакты */
.page-main-header {
  font-size: 2rem;
  font-weight: 700;
  color: var(--fk-dark);
  margin-bottom: 20px;
}

/* Строки с сеткой 2х2 внутри информации */
.fk-info-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

/* Лейблы (Серый текст) */
.fk-info-label {
  font-size: 14px;
  color: #888888;
  margin-bottom: 8px;
  font-weight: 400;
}

/* Значения (Черный текст) */
.fk-info-value {
  font-size: 16px;
  color: #111111;
  line-height: 1.5;
  font-weight: 500;
}

.fk-info-value a {
  color: #111111;
  text-decoration: none;
  transition: color 0.3s;
}

.fk-info-value a:hover {
  color: var(--fk-primary);
}

/* Социальные иконки */
.fk-info-socials {
  display: flex;
  gap: 12px;
}

.fk-info-socials a {
  color: var(--fk-primary); /* Красный цвет иконок по макету */
  display: inline-flex;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.fk-info-socials a:hover {
  transform: translateY(-2px);
  /* opacity: 0.8; */
  color: var(--fk-primary-hover);
}

/* Нижний текст */
.fk-info-text {
  margin-top: auto; /* Прижимаем к низу колонки */
  padding-top: 40px;
  font-size: 15px;
  line-height: 1.6;
  color: #333333;
}

/* Правая колонка: Карта */
.fk-contacts-map {
  flex: 1 1 500px;
  min-height: 400px; /* Высота карты */
  border-radius: 12px;
  overflow: hidden;
  background-color: #e5e5e5; /* Цвет-заглушка */
}

/* Адаптив для планшетов и мобилок */
@media (max-width: 768px) {
  .fk-info-row {
    grid-template-columns: 1fr; /* На мобилке все пункты друг под другом */
    gap: 20px;
    margin-bottom: 20px;
  }

  .fk-contacts-map {
    min-height: 300px;
    width: 100%;
  }

  .fk-info-text {
    padding-top: 20px;
  }
}

/* Стили для заголовков на странице Контакты */

.wp-heading-badge {
  font-size: 1rem;
  font-weight: 300;
  color: var(--fk-text-light);
}

.contacts-text {
  font-size: 1.1rem;
  color: var(--fk-text);
  line-height: 1.6;
}

.no-entry-content-wrap .entry-content-wrap {
  padding: 0;
}

.entry-content-wrap {
  padding: 2rem 0;
}

.kb-row-layout-id32_572c04-8e > .kt-row-column-wrap {
  padding: 2rem;
}

@media (max-width: 767px) {
  .entry-content-wrap {
    padding: 1.5rem 0;
  }

  .kb-row-layout-id32_572c04-8e > .kt-row-column-wrap {
    padding: 0 1.5rem;
  }
}

/* =========================================
   ПУСТАЯ КАТЕГОРИЯ (НЕТ ТОВАРОВ)
   ========================================= */

/* Скрываем стандартное сообщение WooCommerce */
.woocommerce-info.wc-no-products-found,
.woocommerce-no-products-found {
  display: none;
}

.category-coming-soon,
.no-products-message {
  text-align: center;
  padding: 60px 20px;
  background: #f9f9f9;
  border-radius: 12px;
  margin: 40px 0;
}

.coming-soon-icon {
  margin-bottom: 24px;
}

.category-coming-soon h3,
.no-products-message h3 {
  font-size: 24px;
  color: #333333;
  margin-bottom: 16px;
}

.category-coming-soon p,
.no-products-message p {
  font-size: 16px;
  color: #666666;
  margin-bottom: 12px;
  line-height: 1.6;
}

.coming-soon-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 24px 0;
}

.coming-soon-phone,
.no-products-phone a {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  transition: color 0.2s;
}

.coming-soon-phone:hover,
.no-products-phone a:hover {
  color: var(--fk-primary);
}

.coming-soon-btn,
.no-products-btn {
  display: inline-block;
  background: var(--fk-primary);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  margin-top: 16px;
  transition: background 0.2s;
}

.coming-soon-btn:hover,
.no-products-btn:hover {
  background: var(--fk-primary-hover);
  color: #ffffff;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .category-coming-soon,
  .no-products-message {
    padding: 40px 16px;
    margin: 24px 0;
  }

  .category-coming-soon h3 {
    font-size: 20px;
  }

  .coming-soon-phone {
    font-size: 20px;
  }
}

/* =========================================
   ПОДКАТЕГОРИИ
   ========================================= */

.subcategories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}

/* .subcategory-card {
  display: block;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s;
}

.subcategory-card:hover {
  border-color: var(--fk-primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
} */

.subcategory-image {
  aspect-ratio: 4/3;
  overflow: hidden;
  /* background: #f5f5f5; */
}

.subcategory-image img.subcategory-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s;
}

/* .subcategory-card:hover .subcategory-image img {
  transform: scale(1.05);
} */

.subcategory-name {
  padding: 16px;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
  color: #333333;
}

/* .subcategory-card:hover .subcategory-name {
  color: var(--fk-primary);
} */

/* =========================================
   СООБЩЕНИЕ "НЕТ ТОВАРОВ"
   ========================================= */

.woocommerce-info {
  display: none;
}

.no-products-message {
  text-align: center;
  padding: 60px 20px;
  background: #f9f9f9;
  border-radius: 12px;
  margin: 40px 0;
}

.no-products-icon {
  margin-bottom: 24px;
}

.no-products-message h3 {
  font-size: 24px;
  color: #333333;
  margin-bottom: 16px;
}

.no-products-message p {
  font-size: 16px;
  color: #666666;
  margin-bottom: 12px;
  line-height: 1.6;
}

.no-products-phones {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 24px 0;
}

.no-products-phone {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  transition: color 0.2s;
}

.no-products-phone:hover {
  color: var(--fk-primary);
}

.no-products-btn {
  display: inline-block;
  background: var(--fk-primary);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  margin-top: 16px;
  transition: background 0.2s;
}

.no-products-btn:hover {
  background: var(--fk-primary-hover);
  color: #ffffff;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .subcategories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .subcategory-name {
    /* padding: 12px;
        font-size: 14px; */
    font-size: 0.9rem;
    padding: 8px 5px;
  }

  .no-products-message {
    padding: 40px 16px;
  }

  .no-products-message h3 {
    font-size: 20px;
  }

  .no-products-phone {
    font-size: 20px;
  }
}

/* Описание категории на страницах категорий/подкатегорий */
.archive-description {
  font-size: 0.9rem;
  color: var(--fk-text-light);
}

/* =========================================
   SEO-ТЕКСТ КАТЕГОРИИ (ВНИЗУ СТРАНИЦЫ)
   ========================================= */

.category-text {
  margin-top: 60px;
  padding-block: 40px;
  border-top: 1px solid #e5e5e5;
}

.category-text-inner {
  /* max-width: 900px; */
  font-size: 0.9rem;
  /* line-height: 1.8; */
  color: var(--fk-text-light);
}

.category-text-inner h2 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--fk-dark);
  margin-top: 16px;
  margin-bottom: 8px;
}

.category-text-inner h2:first-child {
  margin-top: 0;
}

.category-text-inner h3 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--fk-dark);
  margin-top: 12px;
  margin-bottom: 6px;
}

.category-text-inner p {
  margin-bottom: 16px;
}

.category-text-inner ul,
.category-text-inner ol {
  margin-bottom: 16px;
  padding-left: 24px;
}

.category-text-inner li {
  margin-bottom: 8px;
}

.category-text-inner a {
  color: var(--fk-primary);
  text-decoration: none;
}

.category-text-inner a:hover {
  text-decoration: underline;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .category-text {
    margin-top: 40px;
    padding-block: 32px;
  }

  /* .category-text-inner {
        font-size: 0.9rem;
    }
    
    .category-text-inner h2 {
        font-size: 1.5rem;
    }
    
    .category-text-inner h3 {
        font-size: 1.25rem;
    } */
}

/* =========================================
   ГЛАВНАЯ СТРАНИЦА КАТАЛОГА
   ========================================= */

.catalog-page {
  padding: 40px 0 60px;
}

.catalog-page__title {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 40px;
}

.section__title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 24px;
}

/* =========================================
   КАТЕГОРИИ
   ========================================= */

/* .catalog-categories {
    margin-bottom: 50px;
} */

.categories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.category-card {
  display: block;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s;
}

.category-card:hover {
  border-color: var(--fk-primary);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.category-card-image {
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #f5f5f5;
}

.category-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.category-card:hover .category-card-image img {
  transform: scale(1.05);
}

.category-card-content {
  padding: 20px;
}

.category-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 0 0 8px;
  transition: color 0.2s;
}

.category-card:hover .category-card-title {
  color: var(--fk-primary);
}

.category-card-count {
  font-size: 14px;
  color: #888888;
}

/* =========================================
   SEO-ТЕКСТ КАТАЛОГА
   ========================================= */

.catalog-seo-text {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}

.catalog-seo-inner {
  max-width: 900px;
  font-size: 15px;
  line-height: 1.8;
  color: #555555;
}

.catalog-seo-inner h2 {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  margin-top: 32px;
  margin-bottom: 16px;
}

.catalog-seo-inner h2:first-child {
  margin-top: 0;
}

.catalog-seo-inner h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-top: 24px;
  margin-bottom: 12px;
}

.catalog-seo-inner p {
  margin-bottom: 16px;
}

.catalog-seo-inner ul,
.catalog-seo-inner ol {
  margin-bottom: 16px;
  padding-left: 24px;
}

.catalog-seo-inner li {
  margin-bottom: 8px;
}

.catalog-seo-inner a {
  color: var(--fk-primary);
  text-decoration: none;
}

.catalog-seo-inner a:hover {
  text-decoration: underline;
}

/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ КАТАЛОГА
   ========================================= */

@media (max-width: 768px) {
  .catalog-page {
    padding: 24px 0 40px;
  }

  .catalog-title {
    font-size: 26px;
    margin-bottom: 32px;
  }

  .section__title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .brands-grid {
    gap: 12px;
  }

  .brand-card {
    padding: 16px 20px;
    min-width: 120px;
    min-height: 60px;
  }

  .brand-card img {
    max-width: 80px;
    max-height: 35px;
  }

  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .category-card-content {
    padding: 16px;
  }

  .category-card-title {
    font-size: 15px;
  }

  .category-card-count {
    font-size: 13px;
  }

  .catalog-seo-text {
    margin-top: 40px;
    padding-top: 32px;
  }

  .catalog-seo-inner {
    font-size: 14px;
  }
}

.content-area {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

@media (max-width: 1024px) {
  .content-area {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
}

/* =========================================
   КАТЕГОРИИ В ПОИСКЕ
   ========================================= */

.fk-search-categories {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
  background: #f9f9f9;
}

.fk-search-categories-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #888888;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.fk-search-category-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  text-decoration: none;
  color: #333333;
  transition: color 0.2s;
}

.fk-search-category-item:hover {
  color: var(--fk-primary);
}

.fk-search-category-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  background: #ffffff;
}

.fk-search-category-item span {
  font-size: 14px;
  font-weight: 500;
}

/* =========================================
   КАТЕГОРИИ В ПОИСКЕ
   ========================================= */

.fk-search-categories {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
  background: var(--fk-text-white);
}

.fk-search-categories-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--fk-text-light);
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.fk-search-category-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  text-decoration: none;
  color: var(--fk-text);
  transition: all 0.2s;
  border-bottom: 1px solid #f0f0f0;
}

.fk-search-category-item:last-child {
  border-bottom: none;
}

.fk-search-category-item:hover {
  color: var(--fk-primary);
}

.fk-search-category-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}

.fk-search-category-item span {
  font-size: 14px;
  font-weight: 500;
}

/* Скрываем "Ничего не найдено" когда есть категории */
.dgwt-wcas-suggestions-wrapp:has(.fk-search-categories)
  .dgwt-wcas-suggestion-nores {
  display: none !important;
}

/* =========================================
   СТРАНИЦА ВСЕХ АКЦИЙ
   ========================================= */

.sales-archive-page {
  padding: 40px 0 60px;
}

.sales-archive-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 40px;
}

/* Сетка акций */
.sales-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.sale-card {
  display: block;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
}

.sale-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.sale-card.sale-inactive {
  opacity: 0.6;
}

.sale-card-image {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f5f5f5;
}

.sale-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.sale-card:hover .sale-card-image img {
  transform: scale(1.05);
}

.sale-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--fk-primary) 0%, #ff6b6b 100%);
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

.sale-card-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: var(--fk-primary);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
}

.sale-card-content {
  padding: 24px;
}

.sale-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  margin: 0 0 12px;
  transition: color 0.2s;
}

.sale-card:hover .sale-card-title {
  color: var(--fk-primary);
}

.sale-card-date {
  font-size: 14px;
  color: #888888;
}

.no-sales-message {
  text-align: center;
  padding: 60px 20px;
  background: #f9f9f9;
  border-radius: 12px;
  color: #666666;
}

.sale-more {
  margin-top: auto;
  color: var(--color-accent);
  font-weight: 500;
  font-size: 14px;
}

/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ АКЦИЙ
   ========================================= */
@media (max-width: 1024px) {
  .sales-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .sales-archive-page {
    padding: 24px 0 40px;
  }

  .sales-archive-title {
    font-size: 26px;
    margin-bottom: 24px;
  }

  .sales-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .sale-card-content {
    padding: 20px;
  }
}

/* =========================================
   СТРАНИЦА ВСЕХ БРЕНДОВ
   ========================================= */

.brands-list-grid {
  display: grid;
  grid-template-columns: repeat(var(--brand-columns, 3), 1fr);
  gap: 24px;
  margin: 40px 0;
}

.brand-list-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 32px 24px;
  text-decoration: none;
  transition: all 0.3s;
}

.brand-list-card:hover {
  border-color: var(--fk-primary);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.brand-list-logo {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.brand-list-logo img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  filter: grayscale(30%);
  opacity: 0.9;
  transition: all 0.3s;
}

.brand-list-card:hover .brand-list-logo img {
  filter: grayscale(0%);
  opacity: 1;
}

.brand-list-name-large {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.brand-list-info {
  text-align: center;
}

.brand-list-name {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 8px;
  transition: color 0.2s;
}

.brand-list-card:hover .brand-list-name {
  color: var(--fk-primary);
}

.brand-list-count {
  font-size: 13px;
  color: #888888;
}

/* =========================================
   СТРАНИЦА ОТДЕЛЬНОГО БРЕНДА
   ========================================= */

.brand-single-page {
  padding: 40px 0 60px;
}

.brand-header {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 40px;
  padding: 32px;
  background: #f9f9f9;
  border-radius: 16px;
}

.brand-header-logo {
  flex-shrink: 0;
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
}

.brand-header-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.brand-header-info {
  flex: 1;
}

.brand-header-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 16px;
}

.brand-header-description {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  margin-bottom: 16px;
}

.brand-header-description p {
  margin: 0;
}

.brand-header-count {
  font-size: 14px;
  color: #888888;
}

.brand-products {
  margin-top: 32px;
}

/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ БРЕНДОВ
   ========================================= */

@media (max-width: 992px) {
  .brands-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .brand-list-card {
    padding: 24px 16px;
  }

  .brand-list-logo {
    height: 60px;
  }

  .brand-list-logo img {
    max-height: 60px;
  }
}

@media (max-width: 768px) {
  .brands-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .brand-list-card {
    padding: 20px 12px;
  }

  .brand-list-name {
    font-size: 14px;
  }

  .brand-header {
    flex-direction: column;
    gap: 24px;
    padding: 24px;
  }

  .brand-header-logo {
    width: 100%;
    height: 80px;
  }

  .brand-header-title {
    font-size: 26px;
  }
}

/* =========================================
   СЕКЦИЯ HERO — ГЛАВНАЯ СТРАНИЦА
   Два слайдера: основной (сверху) + ссылки (снизу)
   ========================================= */

.hero {
  overflow: hidden;
}

.hero__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
}

/* =========================================
   КАТЕГОРИИ ТОВАРОВ — СЕТКА
   ========================================= */

.catalog-categories {
  padding: 40px 0;
}

.section__title {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 700;
  margin-bottom: 24px;
  color: #1a1a1a;
}

/* .categories-grid {
  display: grid;
  gap: 20px;
} */

/* Колонки по умолчанию (4) */
.catalog-categories .categories-grid,
.catalog-categories--cols-4 .categories-grid {
  grid-template-columns: repeat(4, 1fr);
}

/* Варианты колонок */
.catalog-categories--cols-2 .categories-grid {
  grid-template-columns: repeat(2, 1fr);
}

.catalog-categories--cols-3 .categories-grid {
  grid-template-columns: repeat(3, 1fr);
}

.catalog-categories--cols-5 .categories-grid {
  grid-template-columns: repeat(5, 1fr);
}

.catalog-categories--cols-6 .categories-grid {
  grid-template-columns: repeat(6, 1fr);
}

/* Карточка категории */
.category-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
}

.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.category-card-image {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #f5f5f5;
}

.category-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.category-card:hover .category-card-image img {
  transform: scale(1.05);
}

.category-card-content {
  padding: 16px;
  text-align: center;
}

.category-card-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #1a1a1a;
  line-height: 1.3;
}

.category-card-count {
  font-size: 13px;
  color: #888;
}

/* =========================================
   АДАПТИВ КАТЕГОРИЙ
   ========================================= */

@media (max-width: 1200px) {
  .catalog-categories--cols-6 .categories-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .catalog-categories--cols-5 .categories-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  .catalog-categories .categories-grid,
  .catalog-categories--cols-4 .categories-grid,
  .catalog-categories--cols-5 .categories-grid,
  .catalog-categories--cols-6 .categories-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .catalog-categories--cols-2 .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .catalog-categories {
    padding: 30px 0;
  }

  .categories-grid {
    gap: 12px;
  }

  .catalog-categories .categories-grid,
  .catalog-categories--cols-3 .categories-grid,
  .catalog-categories--cols-4 .categories-grid,
  .catalog-categories--cols-5 .categories-grid,
  .catalog-categories--cols-6 .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-card {
    border-radius: 12px;
  }

  .category-card-content {
    /* padding: 12px; */
    padding: 12px 6px;
  }

  .category-card-title {
    font-size: 0.85rem;
  }

  .category-card-count {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .catalog-categories--cols-2 .categories-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   GEO MARQUEE — Бегущая строка городов
   ========================================= */

.geo-marquee {
  width: 100%;
  padding: 24px 0;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.geo-marquee__container {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* Градиенты по краям */
.geo-marquee__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 10;
  pointer-events: none;
}

.geo-marquee__fade--left {
  left: 0;
  background: linear-gradient(to right, #ffffff 0%, transparent 100%);
}

.geo-marquee__fade--right {
  right: 0;
  background: linear-gradient(to left, #ffffff 0%, transparent 100%);
}

/* Трек анимации */
.geo-marquee__track {
  display: flex;
  width: max-content;
  animation: geoMarqueeScroll 60s linear infinite;
}

.geo-marquee__track:hover {
  animation-play-state: paused;
}

/* Контент (набор городов) */
.geo-marquee__content {
  display: flex;
  gap: 16px;
  padding-right: 16px; /* Отступ между дубликатами */
}

/* Карточка города */
.geo-marquee__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  /* background: rgba(196, 30, 58, 0.04); */
  /* border: 1px solid rgba(196, 30, 58, 0.12); */
  border-radius: 12px;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: default;
}

/* .geo-marquee__item:hover {
  background: rgba(196, 30, 58, 0.08);
  border-color: rgba(196, 30, 58, 0.25);
  transform: translateY(-2px);
} */

/* Иконка */
.geo-marquee__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(196, 30, 58, 0.08);
  border-radius: 50%;
  color: var(--fk-primary, #c41e3a);
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.geo-marquee__icon svg {
  width: 16px;
  height: 16px;
}

.geo-marquee__item:hover .geo-marquee__icon {
  background: var(--fk-primary, #c41e3a);
  color: #ffffff;
}

/* Название города */
.geo-marquee__city {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
}

/* Анимация */
@keyframes geoMarqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* =========================================
   АДАПТИВ
   ========================================= */

@media (max-width: 768px) {
  .geo-marquee {
    padding: 20px 0;
  }

  .geo-marquee__fade {
    width: 40px;
  }

  .geo-marquee__content {
    gap: 12px;
    padding-right: 12px;
  }

  .geo-marquee__item {
    padding: 10px 16px;
    gap: 8px;
    border-radius: 10px;
  }

  .geo-marquee__icon {
    width: 28px;
    height: 28px;
  }

  .geo-marquee__icon svg {
    width: 14px;
    height: 14px;
  }

  .geo-marquee__city {
    font-size: 14px;
  }

  .geo-marquee__track {
    animation-duration: 45s; /* Быстрее на мобильных */
  }
}

@media (max-width: 480px) {
  .geo-marquee {
    padding: 16px 0;
  }

  .geo-marquee__fade {
    width: 24px;
  }

  .geo-marquee__item {
    padding: 8px 12px;
    border-radius: 8px;
  }

  .geo-marquee__icon {
    width: 24px;
    height: 24px;
  }

  .geo-marquee__icon svg {
    width: 12px;
    height: 12px;
  }

  .geo-marquee__city {
    font-size: 13px;
  }

  .geo-marquee__track {
    animation-duration: 35s;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .geo-marquee__track {
    animation: none;
  }
}

/* =========================================
   ИЗОБРАЖЕНИЯ ТОВАРОВ — ВПИСЫВАЮТСЯ
   Тема Kadence + WooCommerce
   ========================================= */

/* Контейнер ссылки с изображением */
.woocommerce ul.products li.product .woocommerce-loop-image-link,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 12px;
}

/* Само изображение — вписывается */
.woocommerce ul.products li.product .woocommerce-loop-image-link img,
.woocommerce-LoopProduct-link img,
li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px;
  background: #ffffff;
  transition: transform 0.3s ease;
}

/* Hover эффект */
.woocommerce ul.products li.product .woocommerce-loop-image-link:hover img {
  transform: scale(1.03);
}

/* =========================================
   КАРТОЧКА ТОВАРА — УЛУЧШЕННЫЙ СТИЛЬ
   ========================================= */

/* Сама карточка */
.woocommerce ul.products li.product,
li.product.type-product {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* Контент карточки */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .entry-content-wrap {
  padding: 16px;
}

/* Название товара */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
  padding: 0;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product div.woocommerce-loop-product__title {
  padding: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
  color: inherit;
  text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
  color: var(--fk-primary, #c41e3a);
}

/* Цена */
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
  font-size: 1.5rem;
  font-weight: 700;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
  font-size: 1.15rem;
}

.woocommerce ul.products li.product .price del {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--fk-primary, #c41e3a);
}

/* Кнопка "В корзину" */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  background: var(--fk-primary, #c41e3a);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #a01825;
  transform: translateY(-2px);
}

/* Иконки в кнопке */
.woocommerce ul.products li.product .button .kadence-svg-icon {
  width: 16px;
  height: 16px;
}

/* Скрываем лишние иконки до hover/клика */
.woocommerce ul.products li.product .button .kadence-spinner-svg,
.woocommerce ul.products li.product .button .kadence-check-svg {
  display: none;
}

.woocommerce ul.products li.product .button.loading .kadence-spinner-svg {
  display: block;
}

.woocommerce ul.products li.product .button.added .kadence-check-svg {
  display: block;
}

/* =========================================
   СТРАНИЦА ТОВАРА — ОСНОВНОЕ ИЗОБРАЖЕНИЕ
   ========================================= */

/* Главное изображение */
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img,
.flex-viewport img {
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff;
  padding: 20px;
}

/* Миниатюры галереи */
.woocommerce div.product div.images .flex-control-thumbs li img {
  object-fit: contain !important;
  background: #f8f8f8;
  padding: 5px;
  border-radius: 8px;
}

/* =========================================
   АДАПТИВ
   ========================================= */

@media (max-width: 768px) {
  .woocommerce ul.products li.product .woocommerce-loop-image-link img {
    padding: 8px;
  }

  .woocommerce ul.products li.product .product-details {
    padding: 12px;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
  }

  .woocommerce ul.products li.product .price {
    font-size: 16px;
  }

  .woocommerce ul.products li.product .button {
    padding: 10px 16px;
    font-size: 13px;
  }
}

/* =========================================
   КНОПКА "В КОРЗИНУ"
   ========================================= */

.fk-add-to-cart-wrap,
.product-action-wrap {
  margin-top: 12px;
}

.fk-btn,
.woocommerce ul.products li.product .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  background: var(--fk-primary, #c41e3a);
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.fk-btn:hover,
.woocommerce ul.products li.product .button:hover {
  background: #a01825;
  transform: translateY(-2px);
  color: #ffffff !important;
}

/* Состояние загрузки */
.fk-btn__loader,
.fk-btn__success {
  display: none;
}

.fk-btn.loading .fk-btn__text,
.fk-btn.loading .fk-btn__icon {
  opacity: 0;
}

.fk-btn.loading .fk-btn__loader {
  display: block;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Добавлено в корзину */
.fk-btn.added .fk-btn__text,
.fk-btn.added .fk-btn__icon,
.fk-btn.added .fk-btn__loader {
  display: none;
}

.fk-btn.added .fk-btn__success {
  display: block;
}

.fk-btn.added {
  background: #2d7d46;
}

/* Кнопка "Выбрать опции" */
.fk-btn--options {
  background: #f0f0f0;
  color: #333 !important;
}

.fk-btn--options:hover {
  background: #e5e5e5;
  color: #333 !important;
}

/* Убедись что кнопка не скрыта */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button,
.product-action-wrap {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Попытки вписать изображения товаров в квадратные контейнеры 
с помощью object-fit: contain, 
а также улучшить стили карточек товаров и кнопок "В корзину". 
Также добавлены адаптивные стили для разных экранов. */

/* Контейнер изображения */
.product-card__image,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  position: relative;
  aspect-ratio: 1 / 1; /* Квадрат */
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 12px;
}

/* Само изображение */
.product-card__image img,
.woocommerce ul.products li.product a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 10px; /* Отступ от краёв */
}

.woocommerce ul.products li.product a img {
  object-fit: contain;
  object-position: center;
  background: #ffffff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* =========================================
   КАРТОЧКА ТОВАРА — ПОЛНАЯ ВЫСОТА
   ========================================= */

/* Сама карточка — flex для растягивания */
.woocommerce ul.products li.product,
li.product.type-product,
.products .product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #ffffff;
  border-radius: 16px;
  overflow: visible !important; /* Не обрезаем! */
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* Ссылка с изображением */
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product .woocommerce-loop-image-link {
  display: block;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 16px 16px 0 0;
}

/* Изображение — вписывается */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-loop-image-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 15px !important;
  background: #ffffff !important;
}

/* Контент карточки — растягивается */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .entry-content-wrap,
.woocommerce ul.products li.product .content-bg {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 16px !important;
  overflow: visible !important;
}

/* Название товара */
/* .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px 0;
  color: #1a1a1a;
  flex-grow: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
  color: inherit;
  text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
  color: var(--fk-primary, #c41e3a);
} */

/* Цена */
/* .woocommerce ul.products li.product .price {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 12px;
  flex-grow: 0;
} */

/* Описание (если есть) */
.woocommerce ul.products li.product .product-excerpt {
  flex-grow: 1; /* Занимает свободное место */
  min-height: 0;
}

/* Блок с кнопкой — прижат к низу */
.woocommerce ul.products li.product .product-action-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: auto !important; /* Прижимаем к низу */
  padding-top: 12px;
}

/* Кнопка "В корзину" */
.woocommerce ul.products li.product .product-action-wrap .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  background: var(--fk-primary, #c41e3a);
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #a01825;
  transform: translateY(-2px);
}

/* Иконки в кнопке Kadence */
/* .woocommerce ul.products li.product .button .kadence-svg-iconset {
  display: inline-flex;
  align-items: center;
} */

.woocommerce ul.products li.product .button .kadence-arrow-right-alt-svg {
  width: 16px;
  height: 16px;
}

/* Скрываем спиннер и галочку по умолчанию */
.woocommerce ul.products li.product .button .kadence-spinner-svg,
.woocommerce ul.products li.product .button .kadence-check-svg {
  display: none;
}

/* Показываем при загрузке */
.woocommerce ul.products li.product .button.loading .kadence-spinner-svg {
  display: inline-block;
  animation: fkSpin 1s linear infinite;
}

.woocommerce
  ul.products
  li.product
  .button.loading
  .kadence-arrow-right-alt-svg {
  display: none;
}

/* Показываем галочку когда добавлено */
.woocommerce ul.products li.product .button.added .kadence-check-svg {
  display: inline-block;
}

.woocommerce ul.products li.product .button.added .kadence-arrow-right-alt-svg,
.woocommerce ul.products li.product .button.added .kadence-spinner-svg {
  display: none;
}

.woocommerce ul.products li.product .button.added {
  background: #2d7d46;
}

@keyframes fkSpin {
  to {
    transform: rotate(360deg);
  }
}

/* =========================================
   СЕТКА ТОВАРОВ НА СТРАНИЦЕ БРЕНДА
   ========================================= */

.woocommerce .brand-products ul.products {
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 768px) {
  .woocommerce .brand-products ul.products {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .woocommerce .brand-products ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================
   СЕТКА ПОХОЖИХ ТОВАРОВ
   ========================================= */

.woocommerce section.related ul.products {
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 768px) {
  .woocommerce section.related ul.products {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .woocommerce section.related ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================
   СЕТКА ТОВАРОВ
   ========================================= */

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.single-content .woocommerce ul.products {
  grid-template-columns: repeat(5, 1fr);
}
/* Планшеты */
@media (max-width: 1200px) {
  .single-content .woocommerce ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  .single-content .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .single-content .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .single-content .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .woocommerce ul.products li.product .product-details {
    padding: 12px !important;
  }

  /* .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
  } */

  /* .woocommerce ul.products li.product .price {
    font-size: 16px;
  } */

  .woocommerce ul.products li.product .add_to_cart_button {
    padding: 10px 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   КАРТОЧКА ТОВАРА — ПЕРЕОПРЕДЕЛЕНИЕ KADENCE
   ========================================= */

/* Убираем режим "показывать при наведении" */
.woocommerce ul.products li.product .product-action-wrap,
.woocommerce
  ul.products.woo-archive-action-on-hover
  li.product
  .product-action-wrap {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  padding: 0 !important;
  margin-top: 12px !important;
  transform: none !important;
  transition: none !important;
}

/* Кнопка "В корзину" — нормальный вид */
.woocommerce ul.products li.product .product-action-wrap .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce
  ul.products:not(.woo-archive-btn-button)
  li
  .button:not(.kb-button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 20px !important;
  background: var(--fk-primary, #c41e3a) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #a01825 !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

/* Иконки в кнопке */
.woocommerce ul.products li.product .button .kadence-svg-iconset {
  /* display: inline-flex !important; */
  display: none;
  align-items: center !important;
}

.woocommerce ul.products li.product .button .kadence-arrow-right-alt-svg {
  width: 16px !important;
  height: 16px !important;
}

/* Скрываем спиннер и галочку по умолчанию */
.woocommerce ul.products li.product .button .kadence-spinner-svg,
.woocommerce ul.products li.product .button .kadence-check-svg {
  display: none !important;
}

/* Показываем спиннер при загрузке */
.woocommerce ul.products li.product .button.loading .kadence-spinner-svg {
  display: inline-block !important;
  animation: fkSpinBtn 1s linear infinite;
}

.woocommerce
  ul.products
  li.product
  .button.loading
  .kadence-arrow-right-alt-svg {
  display: none !important;
}

/* Показываем галочку когда добавлено */
.woocommerce ul.products li.product .button.added {
  background: #2d7d46 !important;
}

.woocommerce ul.products li.product .button.added .kadence-check-svg {
  display: inline-block !important;
}

.woocommerce ul.products li.product .button.added .kadence-arrow-right-alt-svg {
  display: none !important;
}

@keyframes fkSpinBtn {
  to {
    transform: rotate(360deg);
  }
}

/* Убираем дубликат кнопки (твой код добавил вторую) */
.woocommerce ul.products li.product .fk-add-to-cart-wrap {
  display: none !important;
}

/* =========================================
   КАРТОЧКА ТОВАРА — СТРУКТУРА
   ========================================= */

/* Контейнер карточки */
.woocommerce ul.products li.product,
li.product.type-product {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* Ссылка с изображением */
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product .woocommerce-loop-image-link {
  display: block;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8f8f8;
}

/* Изображение */
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 15px !important;
  background: #ffffff !important;
}

/* Контент карточки */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .entry-content-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 16px !important;
}

/* Название */
/* .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px 0 !important;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
  color: inherit;
  text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
  color: var(--fk-primary, #c41e3a);
} */

/* Цена */
/* .woocommerce ul.products li.product .price {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0 !important;
} */

/* Описание — занимает свободное место */
.woocommerce ul.products li.product .product-excerpt {
  flex-grow: 1;
}

/* =========================================
   СЕТКА ТОВАРОВ
   ========================================= */

/* .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
} */

/* Сброс старых стилей сетки */
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* @media (max-width: 1200px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
} */

@media (max-width: 768px) {
  /* .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  } */

  .woocommerce ul.products li.product .product-details {
    padding: 12px !important;
  }

  /* .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
  } */

  /* .woocommerce ul.products li.product .price {
    font-size: 16px;
  } */

  .woocommerce ul.products li.product .add_to_cart_button {
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
}

/* @media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
} */

.woocommerce
  ul.products.woo-archive-action-on-hover
  li.product:hover
  .entry-content-wrap,
.woocommerce
  ul.products.woo-archive-action-on-hover
  li.product:focus-within
  .entry-content-wrap {
  transform: translateY(0) !important;
}

/* Убираем стандартные рамки и чередующийся фон таблицы атрибутов */
.woocommerce table.shop_attributes,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  border: none !important;
  background: transparent !important;
}

/* Превращаем строки в гибкие контейнеры */
.woocommerce table.shop_attributes tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent !important;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
}

/* Настраиваем левую колонку с названиями параметров */
.woocommerce
  table.shop_attributes
  th.woocommerce-product-attributes-item__label {
  text-align: left;
  white-space: nowrap;
  padding: 0;
  width: auto;
  color: var(--fk-text);
  font-weight: 400;
}

/* Настраиваем правую колонку со значениями */
.woocommerce
  table.shop_attributes
  td.woocommerce-product-attributes-item__value {
  text-align: right;
  white-space: nowrap;
  padding: 0;
  width: auto;
  font-weight: 500;
  color: var(--fk-text);
  font-style: normal;
}

/* Убираем лишние отступы и возможный курсив у значений */
.woocommerce table.shop_attributes td p {
  margin: 0;
  padding: 0;
  font-style: normal !important;
}

.woocommerce-privacy-policy-text {
  font-size: 0.9rem;
  font-weight: bold;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.select2-container .select2-selection--single {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 12px 15px !important;
  font-size: 16px !important;
  background-color: #f9fafb !important;
  transition: all 0.3s ease !important;
  min-height: 48px;
}

/* 2. Эффект свечения при клике на поле (покажет, что сайт живой) */
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea:focus {
  background-color: #ffffff !important;
  border-color: #3b82f6 !important; /* Синий цвет акцента */
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
  outline: none !important;
}

div.woocommerce ul#shipping_method li {
  flex-wrap: nowrap;
}

/* div.woocommerce ul#shipping_method li input {
  vertical-align: baseline;
} */

p.woocommerce-thankyou-order-received {
  font-weight: bold;
}

/* 3. Выделение блока "Ваш заказ" в красивую карточку с легкой тенью */
#order_review {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f3f4f6;
  margin-top: 20px;
}

/* 4. Огромная продающая кнопка "Подтвердить заказ" */
button#place_order {
  background-color: #16a34a; /* Доверительный зеленый цвет */
  color: white;
  font-size: 18px;
  font-weight: 700;
  padding: 18px 20px;
  border-radius: 8px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.3s;
  margin-top: 20px;
}

button#place_order:hover {
  background-color: #15803d; /* Темнеет при наведении */
}

/* 5. Делаем заголовки блоков более стильными */
.woocommerce-checkout h3 {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 10px;
}

.terms_description {
  font-size: 0.9rem;
}

/* =======================================================
   СОВРЕМЕННАЯ КОРЗИНА WOOCOMMERCE (В СТИЛЕ CHECKOUT)
======================================================= */

/* --- 1. ТАБЛИЦА ТОВАРОВ (Делаем плашки вместо грубой таблицы) --- */
.woocommerce-cart table.cart {
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 15px !important; /* Отступы между товарами */
  background: transparent !important;
}

/* Заголовки колонок (Товар, Цена, Количество) */
.woocommerce-cart table.cart th {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #e5e7eb !important;
  text-transform: uppercase;
  font-size: 13px !important;
  color: #6b7280 !important;
  letter-spacing: 0.5px;
  padding-bottom: 12px;
}

/* Строки с товарами (Белые плашки) */
.woocommerce-cart table.cart td {
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-style: solid none !important; /* Рамки только сверху и снизу */
  padding: 20px 15px !important;
  vertical-align: middle !important;
}

/* Закругляем края у плашек товаров */
.woocommerce-cart table.cart td:first-child {
  border-left: 1px solid #f3f4f6 !important;
  border-radius: 12px 0 0 12px !important;
}
.woocommerce-cart table.cart td:last-child {
  border-right: 1px solid #f3f4f6 !important;
  border-radius: 0 12px 12px 0 !important;
}

/* --- 2. ЭЛЕМЕНТЫ ВНУТРИ ТАБЛИЦЫ --- */

/* Фото товара */
.woocommerce-cart table.cart img {
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Название товара */
.woocommerce-cart table.cart .product-name a {
  font-weight: 600 !important;
  color: #1f2937 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}
.woocommerce-cart table.cart .product-name a:hover {
  color: #3b82f6 !important; /* Синий при наведении */
}

/* Кнопка "Удалить товар" (Красный крестик) */
.woocommerce-cart table.cart a.remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background-color: #fee2e2 !important; /* Светло-красный фон */
  color: #ef4444 !important; /* Красный крестик */
  font-size: 20px !important;
  font-weight: bold !important;
  transition: all 0.3s !important;
  border: none !important;
}
.woocommerce-cart table.cart a.remove:hover {
  background-color: #ef4444 !important;
  color: #ffffff !important;
}

.woocommerce table.shop_table td.product-quantity .quantity.spinners-added {
  display: flex;
  align-items: center;
}

/* --- 3. ПОЛЯ ВВОДА (Количество и Купон) --- */
.woocommerce-cart .quantity input.qty,
.woocommerce-cart .coupon input.input-text {
  /* border: 1px solid #e5e7eb !important;
  border-radius: 8px !important; */
  padding: 10px 15px !important;
  font-size: 16px !important;
  /* background-color: #f9fafb !important; */
  min-height: 48px !important;
  transition: all 0.3s ease !important;
  /* color: #1f2937 !important; */
}

/* Поле количества чуть уже */
.woocommerce-cart .quantity input.qty {
  width: 70px !important;
  text-align: center !important;
  padding: 10px !important;
}

/* Эффект свечения при клике */
.woocommerce-cart .quantity input.qty:focus,
.woocommerce-cart .coupon input.input-text:focus {
  background-color: #ffffff !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
  outline: none !important;
}

/* Второстепенные кнопки (Применить купон, Обновить корзину) */
.woocommerce-cart .actions button.button {
  border-radius: 8px !important;
  min-height: 48px !important;
  font-weight: 600 !important;
  padding: 0 24px !important;
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
  transition: all 0.3s !important;
}
.woocommerce-cart .actions button.button:hover {
  background: #e5e7eb !important;
}

/* --- 4. БЛОК "СУММА КОРЗИНЫ" (Справа или внизу) --- */
.woocommerce-cart .cart-collaterals .cart_totals {
  background: #ffffff !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important; /* Мягкая тень */
  border: 1px solid #f3f4f6 !important;
  width: 100% !important;
}

/* Заголовок "Сумма заказов" */
.woocommerce-cart .cart-collaterals h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid #f3f4f6 !important;
  color: #111827 !important;
}

/* Итоговая жирная строка */
.woocommerce-cart .cart-collaterals table .order-total th,
.woocommerce-cart .cart-collaterals table .order-total td {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  border-top: 2px solid #e5e7eb !important;
  padding-top: 15px !important;
}

/* --- 5. ГЛАВНАЯ КНОПКА "ПЕРЕЙТИ К ОФОРМЛЕНИЮ" --- */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #16a34a !important; /* Зеленая как на чекауте */
  color: white !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  display: block !important;
  transition: all 0.3s !important;
  box-shadow: 0 4px 6px rgba(22, 163, 74, 0.2) !important;
  margin-top: 20px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #15803d !important; /* Темнеет при наведении */
  box-shadow: 0 6px 12px rgba(22, 163, 74, 0.3) !important;
}

.other-products {
  padding: 30px 0;
}

.other-products__title {
  margin-bottom: 20px;
}

.other-products__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.other-products__btn {
  padding: 10px 16px;
  color: var(--fk-text);
  background: var(--fk-text-white);
  text-decoration: none;
  border: 2px solid var(--fk-primary);
  border-radius: var(--btn-border-radius);
}

.other-products__btn:hover,
.other-products__btn:focus {
  background: var(--fk-primary-hover);
  border-color: var(--fk-primary-hover);
  color: var(--fk-text-white);
}

/* ================================================
   Фиксация высоты галереи товара
   Все изображения вписываются в рамку без обрезки
================================================ */

/* 1. Фиксируем высоту основного контейнера галереи */
.woocommerce-product-gallery {
  position: relative;
}

/* 2. Фиксируем высоту контейнера главного изображения */
.woocommerce-product-gallery__image {
  height: 500px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--border-radius-sm);
  overflow: hidden !important;
}

/* 3. Само изображение вписывается в рамку целиком */
.woocommerce-product-gallery__image img.wp-post-image {
  width: 100% !important;
  height: 500px !important; /* Та же высота что и у контейнера */
  object-fit: contain !important;
  object-position: center !important;
}

/* 4. Убираем растягивание для зум-изображения (оно скрыто но влияет на высоту блока) */
.woocommerce-product-gallery__image img.zoomImg {
  display: none !important;
}

/* 5. Миниатюры в нижней строке тоже фиксируем */
.woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image:not(:first-child) {
  height: 100px !important;
}

.woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image:not(:first-child)
  img {
  height: 100px !important;
  width: 100% !important;
  object-fit: contain !important;
  /* background-color: #f9fafb !important; */
}

/* 6. Адаптив для планшетов */
@media (max-width: 1024px) {
  .woocommerce-product-gallery__image {
    height: 400px !important;
  }

  .woocommerce-product-gallery__image img.wp-post-image {
    height: 400px !important;
  }
}

/* 7. Адаптив для мобильных */
@media (max-width: 768px) {
  .woocommerce-product-gallery__image {
    height: 300px !important;
  }

  .woocommerce-product-gallery__image img.wp-post-image {
    height: 300px !important;
  }
}

/* ================================================
  Блок SUMMARY на странице товара
================================================ */

.summary.entry-summary {
  border-radius: var(--border-radius-lg);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.woocommerce div.product h1.product_title {
  font-size: 1.5rem;
}

.woocommerce .single-product-category a.product-single-category {
  font-size: 0.8rem;
  letter-spacing: 0;
}

.woocommerce p.price .woocommerce-Price-amount {
  font-weight: 800;
  font-size: 2.5rem;
}

.single_add_to_cart_button,
form.cart div.quantity.spinners-added {
  border-radius: var(--btn-border-radius);
}

.woocommerce div.product .stock {
  font-weight: 600;
  font-size: 0.8rem;
}

.woocommerce div.product .stock.in-stock {
  color: var(--color-success);
}

.woocommerce div.product .stock.on-backorder {
  color: var(--color-warning);
}

.woocommerce div.product .stock.out-of-stock {
  color: var(--fk-text-light);
}

/* 7. Адаптив для мобильных */
@media (max-width: 768px) {
  .woocommerce div.product h1.product_title {
    font-size: 1.15rem;
  }

  .woocommerce p.price .woocommerce-Price-amount {
    font-size: 1.5rem;
  }

  .woocommerce .woocommerce-product-details__short-description p {
    font-size: 0.9rem;
  }
}

@media (max-width: 425px) {
  .woocommerce div.product form.cart {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .kadence-cart-button-medium-large.woocommerce
    div.product
    .summary
    form.cart
    div.quantity.spinners-added {
    width: 100%;
  }

  .kadence-cart-button-medium-large.woocommerce
    div.product
    .summary
    form.cart
    div.quantity.spinners-added
    ~ .button.single_add_to_cart_button {
    width: 100%;
  }
}

a.button {
  border-radius: var(--btn-border-radius);
}

/* ================================================
   Toast-уведомления WooCommerce
   Появляются в правом нижнем углу экрана
================================================ */

/* 1. Основной контейнер уведомлений */
.woocommerce-notices-wrapper {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999;
  width: 380px;
  max-width: calc(100vw - 40px); /* Не выходит за экран на мобильных */
  pointer-events: none; /* Контейнер не перехватывает клики */
  display: flex;
  flex-direction: column;
  gap: 10px;

  margin: 0;
  padding: 0;
  /* float: none; */
}

/* 2. Каждое отдельное уведомление */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info {
  pointer-events: all; /* Само уведомление перехватывает клики */
  border-radius: 12px;
  padding: 16px 20px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  border: none;
  border-left: none; /* Убираем стандартную левую полосу WooCommerce */
  list-style: none;

  /* Анимация появления */
  animation: toast-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* .woocommerce .woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  color: var(--fk-text-white);
  font-size: 0.9rem;
} */

/* 3. Успешное уведомление (Товар добавлен в корзину) */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  background-color: #f0fdf4;
  color: var(--color-success);
  border: 1px solid #bbf7d0;
}

/* Иконка для успешного уведомления */
/* .woocommerce .woocommerce-notices-wrapper .woocommerce-message::before {
  content: "✓";
  background-color: var(--color-success);
  border-radius: 50%;
  font-weight: 700;
} */

/* 4. Уведомление об ошибке */
.woocommerce .woocommerce-notices-wrapper .woocommerce-error {
  background-color: var(--fk-bg-light);
  color: var(--color-error);
  border: 1px solid var(--color-error);
}

/* .woocommerce .woocommerce-notices-wrapper .woocommerce-error::before {
  content: "!";
  background-color: var(--color-error);
  border-radius: 50%;
  font-weight: 700;
} */

/* 5. Информационное уведомление */
.woocommerce .woocommerce-notices-wrapper .woocommerce-info {
  background-color: var(--fk-text-white);
  color: var(--color-warning);
  border: 1px solid var(--fk-text-white);
}

/* .woocommerce .woocommerce-notices-wrapper .woocommerce-info::before {
  content: "i";
  background-color: var(--color-warning);
  border-radius: 50%;
  font-weight: 700;
  font-style: italic;
} */

/* 6. Ссылка "Посмотреть корзину" внутри уведомления */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button {
  background: var(--color-success);
  color: var(--fk-text-white);
  padding: 6px 14px;
  border-radius: var(--btn-border-radius);
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  margin-left: auto; /* Прижимаем кнопку вправо */
  white-space: nowrap;
  transition: background 0.2s;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover {
  background: var(--color-success-dark);
}

/* 7. Анимация появления (прилетает снизу) */
@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 8. Анимация исчезновения (улетает вниз) */
@keyframes toast-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
    max-height: 200px;
    margin-bottom: 10px;
    padding: 16px 20px;
  }
  to {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    max-height: 0;
    margin-bottom: 0;
    padding: 0;
  }
}

/* Класс который добавляется перед удалением */
.toast-hiding {
  animation: toast-out 0.3s ease forwards;
  pointer-events: none;
  overflow: hidden;
}

/* 9. Адаптив для мобильных */
@media (max-width: 768px) {
  .woocommerce-notices-wrapper {
    bottom: 16px;
    right: 16px;
    left: 16px;
    width: auto;
  }
}

.checkout-inline-error-message {
  color: var(--color-error);
  font-size: 0.8rem;
}

/* Стили для карточек категорий проектов */

.projects-category {
  padding: 3rem 0;
}

@media (max-width: 992px) {
  .projects-category {
    padding: 2rem 0;
  }
}

/* Стили для проектов на странице проектов и карточки на странице категории проектов */
.projects-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}

.projects-load-more-wrap {
  margin-top: 32px;
  text-align: center;
}

.projects-load-more {
  padding: var(--space-xs) var(--space-xl);
  border: 0;
  border-radius: var(--border-radius-md);
  background: var(--color-accent);
  color: var(--color-secondary);
  cursor: pointer;
}

.projects-load-more:hover,
.projects-load-more:focus,
.projects-load-more:active {
  background: var(--color-accent-hover);
}

/* =========================================
   БРЕНДЫ
   ========================================= */

.brands {
  margin-bottom: 50px;
}

.brands__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.phone-order {
  margin-top: var(--space-md);
}

.phone-order__note {
  margin-top: var(--space-xs);
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}

.price-unit {
  margin-left: 4px;
}

.price-from {
  margin-right: 4px;
}

.price-from,
.price-unit {
  font-size: var(--font-size-sm);
  font-weight: inherit;
  color: var(--color-text-light);
}

/* Стили таблицы размеров в на страницах товаров
Например: тротуарная плитка */

.product-table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

.product-size-table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  font-size: 15px;
}

.product-size-table th,
.product-size-table td {
  padding: 12px 14px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}

.product-size-table th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.product-size-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

@media (max-width: 600px) {
  .product-size-table {
    font-size: 14px;
  }

  .product-size-table th,
  .product-size-table td {
    padding: 10px;
  }
}