.elementor-kit-21{--e-global-color-primary:#F5F0E8;--e-global-color-secondary:#2E1F0E;--e-global-color-text:#4A3728;--e-global-color-accent:#BA8756;--e-global-color-1401693:#EDE8DC;--e-global-color-ea8c588:#D4A070;--e-global-color-36230dd:#6B7C5E;--e-global-color-dea110d:#8FA37E;--e-global-color-354fbb9:#7A6E62;--e-global-color-7db7885:#C9BFAE;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:600;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-7db7885 );border-style:none;border-radius:5px 5px 5px 5px;}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:var( --e-global-color-ea8c588 );color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-1401693 );border-radius:10px 10px 10px 10px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ─────────────────────────────────────────
   Котомото · WooCommerce Blocks Checkout/Cart
   Цвета — Global Colors темы, скругления 5px
   ───────────────────────────────────────── */

/* Общая типографика внутри checkout/cart */
.wc-block-checkout,
.wc-block-cart {
  font-family: 'Jost', sans-serif;
  color: #4a3728;
}

.wc-block-components-title,
.wc-block-checkout__form h2,
.wc-block-cart__main-content h2,
.wp-block-woocommerce-checkout-order-summary-block h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  color: #2e1f0e !important;
  letter-spacing: -.01em;
}

/* Поля ввода и select — радиус 5px, gold на фокусе */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-country-input select,
.wc-block-components-state-input select,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
  border-radius: 5px !important;
  border-color: #c9bfae !important;
  font-family: 'Jost', sans-serif !important;
  transition: border-color .2s;
}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-country-input select:focus,
.wc-block-components-state-input select:focus,
.wc-block-components-address-form input:focus,
.wc-block-components-address-form select:focus {
  border-color: #ba8756 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #ba8756 !important;
}

/* Плавающий label — серо-приглушённый, gold когда активен */
.wc-block-components-text-input label {
  color: #7a6e62 !important;
}
.wc-block-components-text-input.is-active label {
  color: #ba8756 !important;
}

/* Чекбоксы — золотая галка */
.wc-block-components-checkbox__input:checked {
  background-color: #ba8756 !important;
  border-color: #ba8756 !important;
}
.wc-block-components-checkbox__input:focus {
  box-shadow: 0 0 0 2px rgba(186,135,86,.3) !important;
}

/* Радиокнопки (способы доставки, оплаты) */
.wc-block-components-radio-control__input:checked {
  background-color: #ba8756 !important;
  border-color: #ba8756 !important;
}
.wc-block-components-radio-control__option {
  border-radius: 5px !important;
  transition: border-color .2s;
}
.wc-block-components-radio-control__option--checked-option {
  border-color: #ba8756 !important;
}

/* Главная кнопка «Оформить заказ» — радиус 5px, gold */
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block button,
.wc-block-cart__submit-button {
  border-radius: 5px !important;
  background-color: #ba8756 !important;
  color: #2e1f0e !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  padding: 16px 32px !important;
  transition: background-color .2s;
}
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout-actions-block button:hover,
.wc-block-cart__submit-button:hover {
  background-color: #d4a070 !important;
}

/* Ссылки — gold */
.wc-block-checkout a,
.wc-block-cart a,
.wc-block-components-order-summary a {
  color: #ba8756;
  transition: color .2s;
}
.wc-block-checkout a:hover,
.wc-block-cart a:hover,
.wc-block-components-order-summary a:hover {
  color: #d4a070;
}

/* Купон/примечание — сворачиваемые панели, радиус 5px */
.wc-block-components-panel,
.wc-block-components-order-summary-coupon-form {
  border-radius: 5px !important;
}

/* Итоги и цены — фирменный шрифт */
.wc-block-components-totals-item__value,
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  color: #2e1f0e !important;
}

/* Уведомления (ошибки/успех/предупреждения) — радиус 5px */
.wc-block-components-notice-banner,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-radius: 5px !important;
}

/* Блок «Детали заказа» — миниатюры со скруглением */
.wc-block-components-order-summary-item__image img {
  border-radius: 5px !important;
}
/* Ограничение ширины страницы Checkout / Cart */
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
}
/* ── Кнопка «Применить» у купона: выровнять высоту с полем + белый текст ── */
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon .wc-block-components-button {
  border-radius: 5px !important;
  background-color: #ba8756 !important;
  color: #ffffff !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px 24px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  align-self: stretch !important;
  transition: background-color .2s;
}
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon .wc-block-components-button:hover {
  background-color: #d4a070 !important;
  color: #ffffff !important;
}

/* ── Правило проекта: белый текст на всех основных gold-кнопках ── */
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block button,
.wc-block-cart__submit-button {
  color: #ffffff !important;
}
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout-actions-block button:hover,
.wc-block-cart__submit-button:hover {
  color: #ffffff !important;
}
/* ─────────────────────────────────────────
   Котомото · Плитки категорий в архиве магазина
   ───────────────────────────────────────── */

/* Сетка плиток — 4 колонки с зазором */
.woocommerce ul.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 0 40px 0 !important;
  list-style: none !important;
}

/* Сама плитка категории */
.woocommerce ul.products li.product-category {
  background: #ede8dc !important;   /* --warm-off */
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
}
.woocommerce ul.products li.product-category:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(46,31,14,.12);
}

/* Ссылка внутри плитки — на всю площадь */
.woocommerce ul.products li.product-category > a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* Обёртка миниатюры (или плейсхолдера) */
.woocommerce ul.products li.product-category img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Плейсхолдер (когда нет изображения) — прячем стандартную серую иконку,
   даём чистый бежевый прямоугольник с золотой рамкой-петлёй */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #2e1f0e !important;
  line-height: 1.15 !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

/* Счётчик товаров рядом с названием — приглушённый */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
  background: transparent !important;
  color: #7a6e62 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .05em !important;
  margin-left: 6px !important;
  padding: 0 !important;
}

/* Отступ между плитками и товарами ниже */
.woocommerce .products + .products {
  margin-top: 40px !important;
}

@media (max-width: 900px) {
  .woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, 1fr) !important; }
  .woocommerce ul.products li.product-category img { height: 220px !important; }
}
@media (max-width: 560px) {
  .woocommerce ul.products.columns-4 { grid-template-columns: 1fr !important; }
  .woocommerce ul.products li.product-category img { height: 200px !important; }
}
/* ─────────────────────────────────────────
   Котомото · Кнопки в архиве товаров (магазин / категории)
   ───────────────────────────────────────── */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button {
  background-color: #ba8756 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  transition: background-color .2s;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product a.button:hover {
  background-color: #d4a070 !important;
  color: #ffffff !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
/* Название товара в архиве — тёмное */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product a .woocommerce-loop-product__title {
  color: #2e1f0e !important;   /* --bark */
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

/* И у ссылки-обёртки тоже, на случай если тема применяет color на <a> */
.woocommerce ul.products li.product > a {
  color: #2e1f0e !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .price {
  font-family: 'Jost', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #2e1f0e !important;
  line-height: 1.2 !important;
  margin: 8px 0 12px 0 !important;
}
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.woocommerce ul.products li.product > a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}
.woocommerce ul.products li.product > a.woocommerce-loop-product__link .woocommerce-loop-product__title {
  flex-grow: 1 !important;
  min-height: 3em !important;
}
.woocommerce ul.products li.product > a.button.add_to_cart_button,
.woocommerce ul.products li.product > a.button {
  margin-top: auto !important;
}
/* Дожимаем WooCommerce для сеточной раскладки плиток категорий */
.woocommerce ul.products.columns-4 > li.product-category,
.woocommerce ul.products.columns-4 > li.product-category.first,
.woocommerce ul.products.columns-4 > li.product-category.last {
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}
.woocommerce ul.products.columns-4::before,
.woocommerce ul.products.columns-4::after {
  display: none !important;
  content: none !important;
}
.koto-subcategories { margin-bottom: 40px; }
.koto-subcat-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 700;
  color: #2e1f0e;
  margin-bottom: 16px;
}
/* ─────────────────────────────────────────
   Котомото · BeRocket AJAX Filters
   Использует ionRangeSlider (.irs-*) и обёртки .bapf_*
   ───────────────────────────────────────── */

/* Заголовок фильтра */
.bapf_sfilter .bapf_head,
.bapf_sfilter .bapf_head h3,
.berocket_single_filter_widget .bapf_head h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  color: #2e1f0e !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin: 20px 0 14px !important;
}

/* Внутренний контейнер тела фильтра */
.bapf_sfilter .bapf_body {
  padding: 0 !important;
}

/* ── Слайдер цены — линия ── */
.irs--big .irs-line {
  background: #c9bfae !important;   /* --rule */
  border: none !important;
  height: 4px !important;
  top: 33px !important;
  border-radius: 5px !important;
}

/* Активный диапазон */
.irs--big .irs-bar {
  background: #ba8756 !important;   /* --gold */
  border: none !important;
  height: 4px !important;
  top: 33px !important;
}

/* Ползунки (кружки) */
.irs--big .irs-handle {
  background: #ba8756 !important;
  border: 2px solid #ba8756 !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  top: 26px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(46,31,14,.2) !important;
}
.irs--big .irs-handle i { display: none !important; }
.irs--big .irs-handle:hover,
.irs--big .irs-handle.state_hover {
  background: #d4a070 !important;
  border-color: #d4a070 !important;
}

/* Значения над ползунками (плашки с ценами) */
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  background: #ba8756 !important;
  color: #ffffff !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  top: 0 !important;
}
.irs--big .irs-from::before,
.irs--big .irs-to::before,
.irs--big .irs-single::before {
  border-top-color: #ba8756 !important;
}

/* Мин/макс подсказки (обычно скрыты, но на всякий случай) */
.irs--big .irs-min,
.irs--big .irs-max {
  background: transparent !important;
  color: #7a6e62 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
}

/* ── Чекбоксы (Материал, Питомец, и т.д.) ── */
.bapf_sfilter input[type="checkbox"] {
  accent-color: #ba8756 !important;
  cursor: pointer !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

.bapf_sfilter label {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a3728 !important;
  line-height: 1.8 !important;
  cursor: pointer !important;
}
.bapf_sfilter label:hover { color: #ba8756 !important; }

.bapf_sfilter ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.bapf_sfilter ul li {
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* ── Цветные квадратики (Color Squares) ── */
.bapf_sfilter .bapf_colour,
.bapf_sfilter .bapf_color_item {
  border-radius: 3px !important;
  border: 1px solid #c9bfae !important;
  cursor: pointer !important;
  transition: border-color .2s, transform .15s !important;
}
.bapf_sfilter .bapf_colour:hover,
.bapf_sfilter .bapf_color_item:hover {
  border-color: #ba8756 !important;
  transform: scale(1.08) !important;
}
.bapf_sfilter .bapf_colour.bapf_selected,
.bapf_sfilter .bapf_color_item.bapf_selected {
  border: 2px solid #ba8756 !important;
  box-shadow: 0 0 0 2px rgba(186,135,86,.2) !important;
}

/* ── Кнопка «Сброс» — белый текст на gold ── */
.bapf_sfilter .bapf_reset_button,
.bapf_reset_button,
.bapf_sfilter button[type="button"],
.br_filter_reset_button,
.berocket_reset_button,
.bapf_sfilter a.bapf_reset,
.bapf_sfilter .bapf_button_ajax {
  background: #ba8756 !important;
  color: #ffffff !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  transition: background-color .2s !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.bapf_sfilter .bapf_reset_button:hover,
.bapf_reset_button:hover,
.bapf_sfilter button[type="button"]:hover,
.br_filter_reset_button:hover,
.berocket_reset_button:hover,
.bapf_sfilter a.bapf_reset:hover {
  background: #d4a070 !important;
  color: #ffffff !important;
}/* End custom CSS */