/*
Theme Name: Kyere Offline Store
Theme URI:  https://example.com/
Author:     Automated Assistant
Description: Minimal WooCommerce theme: витрина, карточка товара, корзина и оформление заказа.
Version:    1.0.0
License:    GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyere-offline-store
Tags: ecommerce, woocommerce, minimal
*/

/*
 * Цвета карточки в каталоге и в Woo-блоках статей.
 * Не фиксируем RGB: берём палитру сайта (--kyere-body-text, --kyere-accent), как в плагинах/обёртках.
 */
:root {
  --kyere-loop-product-title-color: var(--kyere-body-text, rgb(239, 239, 239));
  --kyere-loop-product-price-color: var(--kyere-accent, rgb(187, 157, 123));
  --kyere-loop-product-price-del-color: var(--kyere-price-del-color, #8f8f8f);
  --kyere-loop-sale-badge-bg: var(--kyere-accent, #bb9d7b);
}

/* Basic reset so the theme is usable immediately */
/* Manrope подключается в functions.php (kyere-google-fonts). */
body{margin:0;font-family:'Manrope',Arial,Helvetica,sans-serif;font-weight:300;font-size:14px;color:var(--kyere-body-text, rgb(239, 239, 239));background:#000;}
a{color:var(--kyere-body-text, rgb(239, 239, 239));text-decoration:none;}
/* Do NOT style generic <header> tags (e.g. header.page-header inside content). */
.site-header, .site-footer { padding: 20px; background: #151515; }
.site-footer { background: #151515; }
.site-content{padding:20px;}

/* Header layout: left menu, centered logo, right icons */
.site-header {
  background: #151515;
  border-bottom: none;
}
.site-header .header-container {
  background: #151515;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 20px;
  padding-bottom: 0;
}
.header-left,
.header-center,
.header-right {
  display: flex;
  align-items: center;
}
.header-left { flex:1; }
/* Make header-left wider so logo has more space from the center menu */
.site-header .header-left { flex: 0 0 22% !important; max-width: 22% !important; padding-left: 16px; justify-content: flex-start; }
/* Central block width as percentage; adjust as needed (30% here) */
.header-center { flex: 0 0 18% !important; max-width: 18% !important; justify-content:center; }
.header-right { flex:1; justify-content:flex-end; gap:18px; }

/* Primary menu */
.primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 24px;
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.primary-menu li { display:inline-block; }
.primary-menu li a { color: rgb(255, 255, 255); text-decoration:none; display:inline-block; padding:6px 0; font-family: 'Manrope', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; }
.primary-menu li a:hover { color: #bb9d7b; }

/* Branding */
.site-branding a { font-family: 'Manrope', Arial, Helvetica, sans-serif; font-weight:600; font-size:20px; color: rgb(239, 239, 239); text-decoration:none; display:block; text-align:center; }

/* Header icons (non-clickable) */
.header-icon {
  display:flex;
  align-items:center;
  gap:8px;
  color: rgb(239, 239, 239);
  opacity:0.95;
}
.header-icon svg { width:20px;height:20px;fill:currentColor; display:block; }
.header-icon .icon-label { font-size:13px; color:#666; display:none; }

/* Ensure icons do not scale unexpectedly (override theme/global rules) */
.header-right .header-icon {
  flex: 0 0 auto;
  width: auto;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header-right .header-icon svg {
  width: 24px !important;
  height: 24px !important;
  max-width: 32px;
  max-height: 32px;
  display: block;
}
.header-right .header-icon svg * {
  vector-effect: non-scaling-stroke;
}

/* Header cart count badge */
.header-right .header-icon.header-cart {
  position: relative;
}
.header-right .header-icon.header-cart .kyere-cart-count {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(35%, -35%);
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  pointer-events: none;
}
.header-right .header-icon.header-cart .kyere-cart-count[aria-hidden="true"] {
  display: none;
}

/* Stock status display: out-of-stock / preorder */
.kyere-stock-label {
  display: inline-block;
  font-weight: 600;
}

.kyere-stock-label--out {
  color: #8f8f8f;
}

.kyere-stock-label--preorder {
  margin-left: 8px;
  color: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  font-size: 0.92em;
}

/* Category/archive: preorder text on next line, centered, smaller */
.woocommerce ul.products li.product .price .kyere-stock-label--preorder,
.woocommerce-page ul.products li.product .price .kyere-stock-label--preorder {
  display: block;
  margin-left: 0;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}

/* Single product: preorder text smaller than loop */
body.single-product .summary .price .kyere-stock-label--preorder {
  display: inline-block;
  margin-left: 8px;
  margin-top: 0;
  font-size: 10px;
  line-height: 1.2;
}

/* Preorder warning banner (cart/checkout) */
.kyere-preorder-banner {
  margin: 12px 0 16px;
  padding: 12px 14px;
  border-left: 4px solid var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  border-radius: 4px;
  background: rgba(187, 157, 123, 0.12) !important;
  color: var(--kyere-body-text, #2b2b2b);
  font-size: 14px;
  line-height: 1.45;
}

/* Highlight preorder items in cart/checkout list */
.kyere-preorder-item {
  background: rgba(255, 192, 203, 0.22) !important;
  border-radius: 6px;
}

.kyere-preorder-badge {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 192, 203, 0.42);
  color: #c62828 !important;
  -webkit-text-fill-color: #c62828 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

/* Blocks cart / checkout: Woo часто задаёт цвет родителю — фиксируем красный для бейджа */
body.woocommerce-cart .wc-block-cart .kyere-preorder-badge,
body.woocommerce-cart .wp-block-woocommerce-cart .kyere-preorder-badge,
body.woocommerce-checkout .wc-block-checkout .kyere-preorder-badge,
body.woocommerce-checkout .wp-block-woocommerce-checkout .kyere-preorder-badge,
.wc-block-cart .kyere-preorder-item .kyere-preorder-badge,
.wc-block-components-order-summary .kyere-preorder-item .kyere-preorder-badge,
tr.wc-block-cart-items__row.kyere-preorder-item .kyere-preorder-badge,
.kyere-preorder-item .kyere-preorder-badge {
  color: #c62828 !important;
  -webkit-text-fill-color: #c62828 !important;
}

.woocommerce-cart-form .kyere-preorder-badge--inline,
.woocommerce-checkout-review-order-table .kyere-preorder-badge--inline {
  display: inline-block;
  margin-left: 8px;
  margin-top: 0;
  vertical-align: middle;
  color: #c62828 !important;
  -webkit-text-fill-color: #c62828 !important;
  font-weight: 600;
  font-size: 13px;
}

/* Out of stock: white 15% overlay on product image (catalog/loop) */
.woocommerce ul.products li.product.outofstock .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product.outofstock .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product.outofstock .woocommerce-loop-product__link {
  position: relative;
}

.woocommerce ul.products li.product.outofstock .woocommerce-LoopProduct-link::after,
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link::after,
.woocommerce-page ul.products li.product.outofstock .woocommerce-LoopProduct-link::after,
.woocommerce-page ul.products li.product.outofstock .woocommerce-loop-product__link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

/* Out of stock: same overlay on single product image */
body.single-product div.product.outofstock .woocommerce-product-gallery {
  position: relative;
}

body.single-product div.product.outofstock .woocommerce-product-gallery::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}
/* Ensure fallback menus (wp_page_menu) are also styled */
.main-navigation ul,
.main-navigation .menu,
.main-navigation .primary-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
}
.main-navigation ul li,
.main-navigation .menu li,
.main-navigation .primary-menu li {
  display: inline-block !important;
}
.main-navigation ul li a,
.main-navigation .menu li a,
.main-navigation .primary-menu li a {
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  display: inline-block !important;
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}
.main-navigation ul li a:hover,
.main-navigation .menu li a:hover,
.main-navigation .primary-menu li a:hover {
  color: #bb9d7b !important;
}

/* Sale badge styling: square, no rounding, same color as buy button, white uppercase text */
.woocommerce span.onsale,
.onsale {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  /* Make rectangle fit text with padding */
  width: auto !important;
  height: auto !important;
  padding: 6px 14px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  background: #bb9d7b !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 30 !important;
}

/* Ensure badge positioned correctly on product images (adjust offsets if needed) */
.woocommerce ul.products li.product .onsale,
.woocommerce div.product .onsale,
.woocommerce .product .onsale {
  position: absolute !important;
  right: 8px !important;
  top: 8px !important;
  transform: none !important;
  z-index: 50 !important;
}

/* Ensure product list items and gallery wrapper are positioning context for badge */
.woocommerce ul.products li.product { position: relative; }
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  position: relative;
}

/* Specifically style badge when inside product gallery (single product): top-right, padding 7px 15px */
.woocommerce div.product .woocommerce-product-gallery .onsale {
  right: 12px !important;
  left: auto !important;
  top: 12px !important;
  padding: 7px 15px !important;
  font-size: 12px !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  line-height: 1 !important;
}

/* Ensure each gallery image container is a positioning context */
.woocommerce-product-gallery__image {
  position: relative !important;
}

/* When badge is placed directly inside an image container, pin to top-right of photo */
.woocommerce-product-gallery__image > .onsale {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 12px !important;
  z-index: 60 !important;
  padding: 7px 15px !important;
  box-sizing: border-box !important;
}

/* Stronger constraints to prevent full-width stretching; top-right, beige padding 15px sides 7px top/bottom */
.woocommerce-product-gallery__image .onsale,
.woocommerce div.product .woocommerce-product-gallery__wrapper .onsale {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
  right: 12px !important;
  left: auto !important;
  top: 12px !important;
  padding: 7px 15px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* Move product title above gallery to span full width */
/* Place product title in the summary area (right of photo) using default flow */
.single-product .product_title,
.single-product h1.product_title {
  display: block;
  width: auto;
  margin: 0 0 8px !important;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
}

/* Ensure product ratings show in the summary under the price (not over the image) */
.single-product .summary .kyere-product-ratings { display: inline-flex !important; position: static !important; margin-top: 8px !important; background: transparent !important; padding: 0 !important; }
.kyere-product-ratings .kyere-stars-wrap { display: inline-flex; align-items: center; gap: 6px; }
.kyere-product-ratings .kyere-stars-value { color: var(--kyere-body-text, #2b2b2b) !important; font-weight: 700; margin-left: 6px; font-size: 14px; }

/* Ensure any ratings accidentally placed on the gallery are reset */
.woocommerce div.product .woocommerce-product-gallery__image .kyere-product-ratings { position: static !important; left: auto !important; top: auto !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }

/* Price color: white */
.single-product .summary .price { color: #ffffff !important; }

/* Breadcrumbs: единый стиль на странице товара, категории, магазина и атрибутов */
.woocommerce-notices-wrapper .kyere-breadcrumbs-full {
  display: block;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 10px 20px;
  box-sizing: border-box;
  color: rgb(143,143,143);
  font-size: 12px;
  line-height: 1.25;
}
.woocommerce-notices-wrapper .kyere-breadcrumbs-full a {
  color: rgb(143,143,143);
  text-decoration: none;
}
.woocommerce-notices-wrapper .kyere-breadcrumbs-full a:hover {
  color: #bb9d7b;
  text-decoration: none;
}
.woocommerce-notices-wrapper .kyere-breadcrumbs-sep {
  display: inline-block;
  margin: 0 10px;
  color: rgb(143,143,143);
}
.woocommerce-notices-wrapper .kyere-breadcrumbs-current {
  color: rgb(143,143,143);
}

/* Уведомление «Товар в корзине»: без рамки; «Просмотр корзины» — как .kyere-buy-btn (градиент, акцент из Color Scheme) */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-message,
ul.woocommerce-message {
  border: none !important;
  border-top: none !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.woocommerce-message a.button.wc-forward,
.woocommerce-message .button.wc-forward {
  --beige: var(--kyere-accent, #bb9d7b);
  width: auto !important;
  max-width: none;
  display: inline-block;
  padding: 12px 18px;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  color: var(--kyere-action-btn-text, #fff) !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease;
  line-height: 1.2;
  vertical-align: middle;
}
body.single-product .woocommerce-message a.button.wc-forward,
body.single-product .woocommerce-message .button.wc-forward {
  --beige: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b)) !important;
  color: var(--kyere-single-buy-text, #fff) !important;
  border-color: var(--kyere-single-buy-accent, var(--beige)) !important;
}
.woocommerce-message a.button.wc-forward:hover,
.woocommerce-message .button.wc-forward:hover {
  background-position: -100% 0% !important;
  color: var(--beige) !important;
}
body.single-product .woocommerce-message a.button.wc-forward:hover,
body.single-product .woocommerce-message .button.wc-forward:hover {
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
}

/* Checkout Block: кнопка «Оформить заказ» — как «Просмотр корзины» */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.contained,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button.contained,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.wp-element-button {
  --beige: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  text-align: center;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--kyere-single-buy-text, #fff) !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
  color: inherit !important;
  font: inherit !important;
  font-weight: 600 !important;
  transition: color 200ms ease !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button.contained:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.contained:focus,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.contained:focus-visible,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button.contained:hover,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button.contained:focus,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button.contained:focus-visible {
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-size: 200% 100% !important;
  background-position: -100% 0% !important;
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
  box-shadow: none !important;
  outline: none !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover .wc-block-components-checkout-place-order-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus .wc-block-components-checkout-place-order-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible .wc-block-components-checkout-place-order-button__text {
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button[aria-disabled="true"] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Single product meta block: используем основной цвет текста сайта */
.single-product .product_meta,
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .sku_wrapper *,
.single-product .product_meta .product-attribute,
.single-product .product_meta .product-attribute *,
.single-product .product_meta .product-attributes,
.single-product .product_meta .product-attributes *,
.single-product .product_meta .kyere-variants-title,
.single-product .product_meta .kyere-variant-title {
  color: var(--kyere-body-text, #2b2b2b);
}
.single-product .product_meta strong {
  font-weight: 400;
  color: var(--kyere-body-text, #2b2b2b);
}

/* Make stars ~30% smaller (was 28px -> now ~20px) */
.kyere-star, .kyere-star svg { width: 20px !important; height: 20px !important; }
.kyere-stars-wrap { gap: 6px !important; align-items: center; }
.kyere-stars-count { font-size: 13px !important; color: var(--kyere-body-text, #2b2b2b) !important; margin-left: 6px !important; }

/* Ensure rating in summary is visible under price */
.single-product .summary .kyere-product-ratings { display: inline-flex !important; position: static !important; margin-top: 8px !important; background: transparent !important; padding: 0 !important; }

/* Visual tweaks for ratings overlay on image */
.woocommerce div.product .woocommerce-product-gallery__image .kyere-product-ratings {
  background: rgba(0,0,0,0.35);
  padding: 6px 10px;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.kyere-product-ratings .kyere-stars-count { color: var(--kyere-body-text, #2b2b2b) !important; margin-left:4px; font-size:14px; }

@media (max-width:800px) {
  .woocommerce div.product .woocommerce-product-gallery__image .kyere-product-ratings {
    left: 8px;
    top: 8px;
    padding: 5px 8px;
  }
  .kyere-product-ratings .kyere-stars-count { font-size:13px; }
}

/* Percent styling inside sale badge */
.kyere-sale-percent {
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-left: 8px !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  display: inline-block;
  vertical-align: middle;
}

/* Defensive: some themes set svg {width:100%} globally — override it inside header */
.site-header svg {
  width: auto !important;
  height: auto !important;
  max-width: 32px !important;
  max-height: 32px !important;
}

/* Ensure left navigation displays inline and items have small gaps */
.header-left .main-navigation { display: block !important; }
.header-left .main-navigation ul,
.header-left .main-navigation .menu,
.header-left .main-navigation .primary-menu {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.header-left .main-navigation li {
  display: inline-block !important;
  margin: 0 !important;
}
.header-left .main-navigation a {
  padding: 6px 8px !important;
  white-space: nowrap;
  font-size: 15px !important;
}

/* Center branding */
.header-center { text-align: center; }
.site-branding { display: inline-block; }
/* Logo image sizing */
.site-branding img {
  /* Make logo scale to center block */
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
  max-height: 60px; /* keep reasonable cap */
}

/* Slightly smaller logo on small screens */
@media (max-width:800px) {
  .site-branding img {
    max-height: 40px;
  }
  .site-header .header-center { width: 160px; }
}

/* Banner slider styles */
.kyere-banner-slider {
  /* Full-bleed banner: stretch to viewport width and remove surrounding gaps */
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + 0px);
  margin-right: calc(-50vw + 0px);
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}
.kyere-banner-slides { position: relative; display:block; }
.kyere-banner-slide { display: none; width:100%; }
.kyere-banner-slide.active { display:block; }
.kyere-banner-slide img { width:100%; height:auto; display:block; }
.kyere-banner-prev, .kyere-banner-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color:#fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  z-index: 20;
}
.kyere-banner-prev { left: 12px; }
.kyere-banner-next { right: 12px; }
.kyere-banner-dots { position: absolute; left:50%; transform:translateX(-50%); bottom:12px; z-index:20; display:flex; gap:8px; }
.kyere-banner-dot { width:10px; height:10px; border-radius:50%; background: rgba(255,255,255,0.6); border:none; cursor:pointer; }
.kyere-banner-dot.active { background: #fff; box-shadow:0 0 0 3px rgba(0,0,0,0.08); }

@media (max-width:800px) {
  .kyere-banner-prev, .kyere-banner-next { padding:6px 10px; }
  .kyere-banner-dots { bottom:8px; }
}

/* Remove default padding around main content for banner area */
.content-area { padding: 0; }

/* Remove gap between header and banner */
.site-header { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.site-content, main.site-content, .content-area { padding-top: 0 !important; margin-top: 0 !important; }
.content-area, .site-content, main.site-content {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.kyere-banner-slider { margin-top: 0 !important; }

/* Responsive */
@media (max-width:800px) {
  .header-container { padding:10px; }
  .primary-menu { gap:12px; font-size:14px; }
  .header-center { width: 140px; }
  .header-icon .icon-label { display:none; }
}

/* Mobile header: burger left, logo center, icons right. Toggle main-navigation as full-width dropdown */
.mobile-burger { display:none; background:transparent; border:0; color:#222; padding:6px; }
.mobile-burger svg { display:block; width:24px; height:24px; }

@media (max-width:800px) {
  /* Swap ordering: left (burger), center (logo), right (icons) */
  .site-header .header-left { order: 1; flex: 0 0 auto; max-width: none; }
  .site-header .header-center { order: 2; flex: 1 1 auto; max-width: none; justify-content:center; }
  .site-header .header-right { order: 3; }

  /* Show burger, hide desktop logo, show mobile logo */
  .mobile-burger { display: inline-flex !important; align-items:center; justify-content:center; }
  .desktop-logo { display: none !important; }
  .mobile-logo { display: block !important; text-align:center; width:100%; }
  .mobile-logo .custom-logo-link, .mobile-logo img.custom-logo { margin: 0 auto; max-height:44px; height:auto; display:inline-block; }

  /* Hide the normal horizontal menu and show it when header has mobile-nav-open */
  .site-header .main-navigation { display: none !important; }
  .site-header.mobile-nav-open .main-navigation {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    background: #000 !important;
    padding: 12px 16px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    z-index: 9999 !important;
  }
  .site-header.mobile-nav-open .main-navigation ul,
  .site-header.mobile-nav-open .main-navigation .primary-menu { flex-direction: column !important; gap: 10px !important; }
  .site-header.mobile-nav-open .main-navigation a { display: block !important; padding: 10px 6px !important; }
}

/* Mobile menu overlay fix: ensure mobile navigation appears above banners and other content */
#mobile-nav,
.mobile-nav,
.mobile-menu,
.main-mobile-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999 !important;
  background: rgba(0,0,0,0.95) !important;
  overflow: auto !important;
}

/* Also ensure the theme's mobile main-navigation is fixed and on top when open */
.site-header.mobile-nav-open .main-navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100000 !important;
}

.mobile-burger,
button.mobile-burger {
  position: relative !important;
  z-index: 100001 !important;
}

/* Visible state guard */
#mobile-nav.open,
.mobile-nav.open,
.mobile-menu.open,
.site-header.mobile-nav-open .main-navigation.open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure WooCommerce product lists render as a grid (remove bullets and default list styling) */
/* Отключаем clearfix ::before/::after у ul.products — они становятся первыми ячейками грида и дают пустой первый столбец */
.content-area.product-archive .products::before,
.content-area.product-archive .products::after,
.content-area.product-archive .woocommerce .products::before,
.content-area.product-archive .woocommerce .products::after {
  display: none !important;
  content: none !important;
}
.content-area.product-archive .products,
.content-area.product-archive .woocommerce .products {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  align-items: start;
  /* Ordering/result-count в WooCommerce часто float'ятся, и если убрать clear, сетка товаров может начаться рядом. */
  clear: both !important;
}

/* WooCommerce: topbar sorting styling (black background, light gray text) */
.content-area.product-archive .woocommerce-ordering,
.content-area.product-archive .woocommerce .woocommerce-ordering {
  background: #000;
  color: rgb(239, 239, 239);
}
.content-area.product-archive .woocommerce-ordering label {
  color: rgb(239, 239, 239);
}
.content-area.product-archive .woocommerce-ordering .orderby,
.content-area.product-archive .woocommerce .woocommerce-ordering .orderby {
  background: #000;
  color: rgb(200, 200, 200);
  border: 1px solid rgba(187, 157, 123, 0.85);
  border-radius: 0;
  padding: 8px 14px;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
}
.content-area.product-archive .woocommerce-ordering .orderby:hover,
.content-area.product-archive .woocommerce-ordering .orderby:focus,
.content-area.product-archive .woocommerce .woocommerce-ordering .orderby:hover,
.content-area.product-archive .woocommerce .woocommerce-ordering .orderby:focus {
  /* Only highlight frame on hover/focus, no fill */
  background: #000;
  color: rgb(239, 239, 239);
  border-color: #bb9d7b;
}
.content-area.product-archive .woocommerce-ordering .orderby:focus,
.content-area.product-archive .woocommerce .woocommerce-ordering .orderby:focus {
  outline: none;
  border-color: #bb9d7b;
}
.content-area.product-archive .woocommerce-ordering .orderby option {
  background: #000;
  color: rgb(200, 200, 200);
}
.content-area.product-archive .woocommerce-ordering .orderby option:hover,
.content-area.product-archive .woocommerce-ordering .orderby option:checked {
  /* Keep dropdown items without beige fill; browser may ignore some option styles */
  background: #000;
  color: rgb(239, 239, 239);
}
.content-area.product-archive .products li.product,
.content-area.product-archive .woocommerce ul.products li.product {
  display: block;
  box-sizing: border-box;
  clear: none !important;
  float: none !important;
  min-width: 0;
  width: auto;
  margin: 0 !important;
  overflow: visible;
}
.kyere-attr-products.product-archive .products li.product,
.kyere-attr-products.product-archive .woocommerce ul.products li.product {
  display: block;
  box-sizing: border-box;
  clear: none !important;
  float: none !important;
  min-width: 0;
  width: auto;
  margin: 0 !important;
  overflow: visible;
}
.content-area.product-archive .products li.product a,
.content-area.product-archive .woocommerce ul.products li.product a {
  overflow: visible;
}
.kyere-attr-products.product-archive .products {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  align-items: start;
}
.kyere-attr-products.product-archive .products li.product {
  display: block;
  box-sizing: border-box;
}
@media (max-width:900px){
  .content-area.product-archive .products,
  .content-area.product-archive .woocommerce .products,
  .kyere-attr-products.product-archive .products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width:480px){
  .content-area.product-archive .products,
  .content-area.product-archive .woocommerce .products,
  .kyere-attr-products.product-archive .products {
    grid-template-columns: 1fr !important;
  }
}

/* Category mobile: пропорции превью из настроек WooCommerce (см. functions.php → --kyere-loop-thumb-*) */
@media (max-width:900px){
  .content-area.product-archive .products li.product img,
  .content-area.product-archive .products li.product .attachment-woocommerce_thumbnail,
  .content-area.product-archive .woocommerce ul.products li.product img,
  .content-area.product-archive .woocommerce ul.products li.product .attachment-woocommerce_thumbnail{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--kyere-loop-thumb-aspect, 1 / 1);
    object-fit: var(--kyere-loop-thumb-object-fit, cover) !important;
    display: block !important;
  }
}
.content-area.product-archive .products li.product img,
.kyere-attr-products.product-archive .products li.product img {
  width: 100%;
  height: auto;
  display: block;
}
/* Ensure product archive containers have a consistent max width so images scale the same */
.content-area.product-archive .products,
.content-area.product-archive .woocommerce .products {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
/* For attribute pages use 95% width */
.kyere-attr-products.product-archive .products {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
/* Превью в сетке: соотношение сторон и object-fit из настроек миниатюры каталога WooCommerce */
.kyere-attr-products.product-archive .products li.product .attachment-woocommerce_thumbnail,
.kyere-attr-products.product-archive .products li.product img {
  width: 100%;
  height: auto;
  aspect-ratio: var(--kyere-loop-thumb-aspect, 1 / 1);
  object-fit: var(--kyere-loop-thumb-object-fit, cover);
  display: block;
}

.content-area.product-archive .products li.product .attachment-woocommerce_thumbnail,
.content-area.product-archive .products li.product img {
  width: 100%;
  height: auto;
  aspect-ratio: var(--kyere-loop-thumb-aspect, auto);
  object-fit: var(--kyere-loop-thumb-object-fit, none);
  display: block;
}
/* Variants scroller styles */
.kyere-variants-block { margin-top:18px; }
.kyere-variants-title { font-family: Manrope, Arial, Helvetica, sans-serif; font-weight:600; font-size:20px; color: rgb(239,239,239); margin-bottom:8px; }
.kyere-variants-scroller { display:flex; gap:18px; overflow-x:auto; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
.kyere-variants-scroller { display:flex; gap:18px; overflow-x:auto; padding-bottom:6px; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; }
.kyere-variants-scroller .kyere-variant-item { min-width:160px; max-width:240px; flex:0 0 auto; }
.kyere-variant-thumb img { width:100%; height:140px; object-fit:cover; display:block; }
.kyere-variants-prev, .kyere-variants-next { background:transparent;border:none;color:rgb(239,239,239);font-size:28px;line-height:1;padding:6px 8px;cursor:pointer;opacity:0.9;}
.kyere-variants-prev:hover, .kyere-variants-next:hover { opacity:1; color:#bb9d7b; }

/* Hide native scrollbar visually but keep scroll functionality */
.kyere-variants-scroller {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-color: transparent transparent;
}
.kyere-variants-scroller::-webkit-scrollbar { height: 0; background: transparent; }
.kyere-variants-scroller::-webkit-scrollbar-thumb { background: transparent; }
.kyere-variant-title { margin-top:6px; font-size:13px; color:rgb(239,239,239); font-weight:400; text-align:center; }
.kyere-variant-price { margin-top:6px; color: rgb(187, 157, 123) !important; font-size:16px; font-weight:600; text-align:center; }
/* Ensure product link block stretches so image occupies top area */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: block;
}

/* Make scroller reserve space for arrows and show 3 smaller items */
.kyere-variants-wrap .kyere-variants-scroller {
  padding-left: 48px !important;
  padding-right: 48px !important;
  gap: 12px !important;
}
.kyere-variants-wrap .kyere-variants-scroller .kyere-variant-item {
  min-width: 140px !important;
  max-width: 170px !important;
}
/* Обёртка только вокруг кнопки (как <div class="kyere-buy-wrap" style="margin:18px 0">) — не на form.cart */
.kyere-buy-wrap { margin: 18px 0; }
form.cart .kyere-buy-wrap {
  width: 100%;
  flex: 1 1 100%;
}

/* Единый стиль кнопки: градиент и hover (цвета на странице товара — Kyere Color Scheme) */
.kyere-buy-btn {
  --beige: #bb9d7b;
  width: 100%;
  display: inline-block;
  padding: 12px 18px;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0,0,0,0) 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  border: 2px solid var(--beige);
  color: #fff !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease;
  box-sizing: border-box;
}
.kyere-buy-btn:hover { background-position: -100% 0%; color: var(--beige) !important; }
.kyere-buy-btn.active { background-position: -100% 0%; color: var(--beige) !important; }
.kyere-buy-btn[disabled], .kyere-buy-btn[aria-disabled="true"] {
  opacity: 0.85;
}
.kyere-buy-btn[disabled]:hover, .kyere-buy-btn[aria-disabled="true"]:hover {
  background-position: -100% 0;
  color: var(--beige);
}

/* WooCommerce / block theme: не затирать градиент .kyere-buy-wrap .kyere-buy-btn */
body.single-product .kyere-buy-wrap .kyere-buy-btn.button.alt,
body.single-product .kyere-buy-wrap .kyere-buy-btn.alt.wp-element-button {
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0,0,0,0) 50%) !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.single-product .kyere-buy-wrap .kyere-buy-btn.button.alt:hover,
body.single-product .kyere-buy-wrap .kyere-buy-btn.alt.wp-element-button:hover {
  background-position: -100% 0% !important;
}

/* Количество на странице товара: − число + (фон/текст из Kyere Color Scheme) */
body.single-product form.cart .kyere-quantity-stepper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0 0 14px 0;
  padding: 0;
  border: none;
  background: transparent;
  min-height: 52px;
  box-sizing: border-box;
}
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-btn {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 16px;
  min-width: 44px;
  min-height: 52px;
  border: none !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--kyere-single-price, #efefef) !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-btn:hover,
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-btn:focus-visible {
  opacity: 0.88;
  outline: none;
}
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-value {
  flex: 0 0 auto;
  width: 3.4em;
  min-width: 3em;
  max-width: 6rem;
  margin: 0;
  padding: 12px 6px;
  border: none !important;
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  background: var(--kyere-content-bg, var(--kyere-body-bg)) !important;
  background-color: var(--kyere-content-bg, var(--kyere-body-bg)) !important;
  color: var(--kyere-body-text) !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  -moz-appearance: textfield;
  appearance: textfield;
}
/* Поле числа: 17px при типичной цене 20px в .summary .price */
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-value::-webkit-outer-spin-button,
body.single-product form.cart .kyere-quantity-stepper .kyere-qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Вариативный товар: сначала select, затем подпись (как блок количества — Manrope 17px, без рамки) */
body.single-product form.cart table.variations {
  width: 100%;
  border: none;
  margin: 0 0 12px 0;
}
body.single-product form.cart table.variations tr.kyere-variation-tr,
body.single-product form.cart table.variations td.kyere-variation-row-cell {
  border: none;
  display: block;
  width: 100%;
  padding: 0;
}
body.single-product form.cart .kyere-variation-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 0 0 12px 0;
}
body.single-product form.cart .kyere-variation-select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
body.single-product form.cart select.kyere-variation-select {
  margin: 0;
  min-width: 12em;
  max-width: 100%;
  padding: 12px 32px 12px 8px;
  border: none !important;
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  /* Выпадающий список: тёмная тема нативного контроля + тот же фон, что у страницы */
  color-scheme: dark;
  background-color: var(--kyere-content-bg, var(--kyere-body-bg)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 12 8'%3E%3Cpath fill='%23e8e8e8' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 14px 9px !important;
  color: var(--kyere-body-text) !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
/* Пункты выпадающего списка (Chromium, Firefox — частично; основной фон как у body) */
body.single-product form.cart select.kyere-variation-select option {
  background-color: var(--kyere-body-bg, #000000) !important;
  color: var(--kyere-body-text, #efefef) !important;
}
body.single-product form.cart select.kyere-variation-select option:checked,
body.single-product form.cart select.kyere-variation-select option:hover {
  background-color: var(--kyere-input-bg, #1a1a1a) !important;
  color: var(--kyere-body-text, #efefef) !important;
}
body.single-product form.cart select.kyere-variation-select:focus,
body.single-product form.cart select.kyere-variation-select:focus-visible {
  outline: none;
  box-shadow: none !important;
}
body.single-product form.cart label.kyere-variation-label {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--kyere-body-text) !important;
  cursor: pointer;
}
body.single-product form.cart .kyere-variation-required {
  flex: 0 0 auto;
  margin: 0 0 0 2px;
  padding: 0;
  color: #e53935;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1;
  align-self: center;
}
body.single-product form.cart .kyere-variation-row .reset_variations {
  flex: 0 0 auto;
  margin: 0;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.single-product form.cart .kyere-variation-row .reset_variations:hover,
body.single-product form.cart .kyere-variation-row .reset_variations:focus-visible {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Корзина / оформление: число количества — фон как у области контента (не тёмный input из Color Scheme) */
.woocommerce-cart-form .quantity input.input-text.qty,
.woocommerce-cart-form .quantity input.qty,
.woocommerce-checkout .quantity input.input-text.qty,
.woocommerce-checkout .quantity input.qty,
.woocommerce .widget_shopping_cart .quantity input.qty,
table.shop_table_responsive.cart .quantity input.qty,
table.shop_table.cart .quantity input.qty {
  background-color: var(--kyere-content-bg, var(--kyere-body-bg)) !important;
  color: var(--kyere-body-text) !important;
  border-color: var(--kyere-input-border) !important;
}
.wc-block-components-quantity-selector {
  background-color: var(--kyere-content-bg, var(--kyere-body-bg)) !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
  background-color: transparent !important;
  color: var(--kyere-body-text) !important;
}

/* Корзина: «Перейти к оформлению заказа» — тот же градиент и акцент, что у «Добавить в корзину» */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button.button {
  --beige: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  text-align: center;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--kyere-single-buy-text, #fff) !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button.button:hover,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button.button:focus {
  background-position: -100% 0% !important;
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
}

/* Блочная корзина WooCommerce: та же кнопка оформления (перебиваем .contained / .wp-element-button) */
.wc-block-cart__submit-container a.wc-block-cart__submit-button.wc-block-components-button,
.wc-block-cart a.wc-block-cart__submit-button.wc-block-components-button {
  --beige: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  text-align: center;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--kyere-single-buy-text, #fff) !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease !important;
}
.wc-block-cart__submit-container a.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-container a.wc-block-cart__submit-button:focus,
.wc-block-cart__submit-container a.wc-block-cart__submit-button:focus-visible,
.wc-block-cart a.wc-block-cart__submit-button:hover,
.wc-block-cart a.wc-block-cart__submit-button:focus,
.wc-block-cart a.wc-block-cart__submit-button:focus-visible {
  background-position: -100% 0% !important;
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
  box-shadow: none !important;
  outline: none !important;
}
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-cart a.wc-block-cart__submit-button .wc-block-components-button__text {
  color: inherit !important;
  font: inherit !important;
  font-weight: 600 !important;
}

/* Согласия чекаута (Kyere Color Scheme): блок WC часто в flex-колонке — order 99 сразу над actions (100) */
body.woocommerce-checkout #kyere-checkout-consents.kyere-checkout-consents-wrap {
  order: 99 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kyere-checkout-consents-wrap {
  margin: 0 0 16px;
  padding: 0;
  text-align: left;
}
.kyere-checkout-consent-row {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--kyere-body-text, inherit);
}
.kyere-checkout-consent-row label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  margin: 0;
}
.kyere-checkout-consent-row .kyere-checkout-consent-cb {
  flex: 0 0 auto;
  margin: 3px 0 0;
  width: auto;
  min-width: 18px;
  min-height: 18px;
  accent-color: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
}
.kyere-checkout-consent-label a {
  text-decoration: underline;
}
.kyere-required-star {
  display: inline;
  color: #d63638;
  font-weight: 700;
  font-size: 0.95em;
  line-height: 1;
  margin-right: 2px;
  vertical-align: text-top;
}

/* Сообщение об ошибке согласий — сразу над кнопкой оформления */
body.woocommerce-checkout #kyere-checkout-consents-inline-notice.kyere-checkout-consents-inline-notice {
  order: 99 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kyere-checkout-consents-inline-notice {
  margin: 0 0 12px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #3c1f1f;
  background: #fcf0f0;
  border: 1px solid #e39b9b;
  border-radius: 4px;
}
.kyere-checkout-consents-inline-notice[hidden] {
  display: none !important;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Make product title and price identical on category and attribute pages */
.content-area.product-archive .products li.product .woocommerce-loop-product__title,
.kyere-attr-products.product-archive .products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products li.product .woocommerce-loop-product__title,
.archive-product .products li.product .woocommerce-loop-product__title {
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-size: 19px; /* slightly larger */
  font-weight: 300 !important; /* Light */
  margin: 12px 0 6px;
  color: var(--kyere-loop-product-title-color);
  line-height: 1.2;
  text-align: center;
  display: block;
}
.content-area.product-archive .products li.product .price,
.kyere-attr-products.product-archive .products li.product .price,
.woocommerce ul.products li.product .price,
.products li.product .price,
.archive-product .products li.product .price {
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-size: 22px; /* 3px larger than title */
  font-weight: 300 !important;
  color: var(--kyere-loop-product-price-color);
  margin-top: 6px;
  text-align: center;
  display: block;
}

/* В циклах (категории, похожие, атрибуты): без подчёркивания, цена после скидки без жирности */
.woocommerce ul.products li.product .price,
.products li.product .price,
.woocommerce ul.products li.product .price ins,
.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.products li.product .price ins .woocommerce-Price-amount {
  text-decoration: none !important;
  font-weight: 400 !important;
}
/* Старая цена в циклах: меньше, темнее, зачёркнута */
.woocommerce ul.products li.product .price del,
.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol,
.products li.product .price del .woocommerce-Price-amount,
.products li.product .price del .woocommerce-Price-currencySymbol {
  color: var(--kyere-loop-product-price-del-color) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1;
}

/* Make struck (old) prices semi-transparent to de-emphasize them (fallback where not overridden above) */
.price del,
.price del .woocommerce-Price-amount,
.woocommerce .price del,
.woocommerce del .woocommerce-Price-amount {
  opacity: 0.5;
}

/* Hover overlay on product cards: dark curtain + excerpt + button */
.products li.product { position: relative; overflow: visible; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.products li.product a.woocommerce-LoopProduct-link,
.products li.product a.woocommerce-loop-product__link {
  position: relative; /* anchor is positioning context for absolute children like .onsale */
  display: block;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .onsale,
.products li.product a .onsale {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  margin: 0 !important;
  display: inline-flex !important;
  z-index: 65 !important;
}

/* Woo blocks в статьях (product template / product collection): как h2.woocommerce-loop-product__title в каталоге */
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-post-title,
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-post-title a,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li.wc-block-product .wp-block-post-title,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li.wc-block-product .wp-block-post-title a,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-post-title,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-post-title a,
body.single-post ul.wc-block-product-template li.wc-block-product h2.wp-block-post-title.has-text-color,
body.single-post ul.wc-block-product-template li.wc-block-product h2.wp-block-post-title.has-text-color a,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li h2.wp-block-post-title.has-text-color,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li h2.wp-block-post-title.has-text-color a,
body.single-post ul.wc-block-product-template li.wc-block-product a[data-wp-on--click*="viewProduct"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li.wc-block-product a[data-wp-on--click*="viewProduct"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li a[data-wp-on--click*="viewProduct"],
body.single-post ul.wc-block-product-template li a[data-wp-on--click*="viewProduct"] {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-size: 19px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: var(--kyere-loop-product-title-color) !important;
  -webkit-text-fill-color: var(--kyere-loop-product-title-color) !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-post-title,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-post-title {
  margin: 12px 0 6px !important;
}
/* Цена в блоке = span.price в каталоге: 22px, вес 400 (см. .woocommerce ul.products li.product .price + ins ниже) */
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-grid__product-price,
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-price,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-grid__product-price,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price,
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-price.has-small-font-size,
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-price.has-medium-font-size,
body.single-post ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-price.has-large-font-size,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price.has-small-font-size,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price.has-medium-font-size,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price.has-large-font-size,
body.single-post ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="small"],
body.single-post ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="medium"],
body.single-post ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="large"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="small"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="medium"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wp-block-woocommerce-product-price[data-font-size="large"],
body.single-post ul.wc-block-product-template li .wc-block-components-product-price,
body.single-post ul.wc-block-product-template li .wc-block-grid__product-price,
body.single-post ul.wc-block-product-template li .wp-block-woocommerce-product-price {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--kyere-loop-product-price-color) !important;
  -webkit-text-fill-color: var(--kyere-loop-product-price-color) !important;
  text-align: center !important;
}
/* Вложенные узлы цены: тот же размер/цвет/вес, что у .price .amount в каталоге */
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price .wc-block-components-product-price__value,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price .wc-block-components-formatted-money-amount,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price bdi,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price .woocommerce-Price-currencySymbol,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price .woocommerce-Price-amount,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price .wc-block-components-product-price__value,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price .wc-block-components-formatted-money-amount,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price bdi,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price .woocommerce-Price-currencySymbol,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price .wc-block-components-product-price__value,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price .wc-block-components-formatted-money-amount,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price bdi,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price .woocommerce-Price-currencySymbol {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: var(--kyere-loop-product-price-color) !important;
  -webkit-text-fill-color: var(--kyere-loop-product-price-color) !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price ins,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price ins .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price ins bdi,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price ins,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price ins .woocommerce-Price-amount,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price ins bdi,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price ins,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price ins .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price ins bdi {
  text-decoration: none !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--kyere-loop-product-price-color) !important;
  -webkit-text-fill-color: var(--kyere-loop-product-price-color) !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price del,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price del .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price del .woocommerce-Price-currencySymbol,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price del bdi,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price del,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price del .woocommerce-Price-amount,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price del .woocommerce-Price-currencySymbol,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-price del bdi,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price del,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price del .woocommerce-Price-amount,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price del .woocommerce-Price-currencySymbol,
body.single-post ul.wc-block-product-template li .wc-block-components-product-price del bdi {
  color: var(--kyere-loop-product-price-del-color) !important;
  -webkit-text-fill-color: var(--kyere-loop-product-price-del-color) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-sale-badge,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-sale-badge {
  background: var(--kyere-loop-sale-badge-bg) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Кнопка «В корзину» в подборке в статье — как .kyere-buy-btn */
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link {
  --beige: var(--kyere-single-buy-accent, var(--kyere-accent, #bb9d7b));
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  display: inline-block !important;
  padding: 12px 18px !important;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-color: transparent !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  border: 2px solid var(--beige) !important;
  border-radius: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-transform: uppercase !important;
  font-family: Manrope, Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-position 400ms ease, color 200ms ease !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link:hover,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link:focus,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link:hover,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link:focus {
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0, 0, 0, 0) 50%) !important;
  background-size: 200% 100% !important;
  background-position: -100% 0% !important;
  color: var(--kyere-single-buy-accent, var(--beige)) !important;
  -webkit-text-fill-color: var(--kyere-single-buy-accent, var(--beige)) !important;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link[disabled],
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link[aria-disabled="true"],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link[disabled],
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link[aria-disabled="true"] {
  opacity: 0.85;
  cursor: not-allowed;
}
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link[disabled]:hover,
body.single-post ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button .wp-block-button__link[aria-disabled="true"]:hover,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link[disabled]:hover,
body.single-post .wp-block-woocommerce-product-collection ul.wc-block-product-template li .wc-block-components-product-button .wp-block-button__link[aria-disabled="true"]:hover {
  background-position: -100% 0 !important;
  color: var(--beige) !important;
  -webkit-text-fill-color: var(--beige) !important;
}

/* Hover curtain removed — product card overlay stays hidden */
.kyere-loop-overlay{display:none !important;}

.kyere-loop-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 220ms ease, background-color 220ms ease;
  z-index: 40 !important; /* ensure overlay sits above image */
}
.products li.product:hover .kyere-loop-overlay,
.products li.product:focus-within .kyere-loop-overlay,
.products li.product.kyere-overlay-open .kyere-loop-overlay {
  pointer-events: auto;
  opacity: 1;
  background: rgba(0,0,0,0.7);
}
.kyere-loop-overlay-inner {
  color: #fff;
  max-width: 90%;
  transform: translateY(14px);
  opacity: 0;
  transition: transform 260ms cubic-bezier(.2,.8,.2,1), opacity 220ms ease;
  z-index: 41 !important;
}
.products li.product:hover .kyere-loop-overlay-inner,
.products li.product:focus-within .kyere-loop-overlay-inner,
.products li.product.kyere-overlay-open .kyere-loop-overlay-inner {
  transform: translateY(0);
  opacity: 1;
}
.kyere-loop-excerpt {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.3;
  color: rgb(239,239,239);
}
.kyere-loop-more.kyere-buy-btn {
  --beige: #bb9d7b;
  display: inline-block;
  padding: 8px 12px;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0,0,0,0) 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  border: 2px solid var(--beige);
  color: #fff;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease;
}
.kyere-loop-more.kyere-buy-btn:hover { background-position: -100% 0%; color: var(--beige); }

/* Kyere reviews stars styling */
.kyere-stars { display:inline-flex; align-items:center; gap:0; color: #bb9d7b; }
.kyere-star { width:28px; height:28px; display:inline-block; position:relative; background: none; box-sizing: border-box; flex:0 0 auto; margin:0; padding:0; }
.kyere-star:before {
  content: '☆';
  position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; line-height:28px; font-size:22px; color:#bb9d7b;
}
.kyere-star-fill {
  position:absolute; left:0; top:0; bottom:0; width:0; overflow:hidden;
}
.kyere-star-fill:before {
  content: '★';
  position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; line-height:28px; font-size:22px; color:#bb9d7b;
}
.kyere-stars-count { color: var(--kyere-body-text, #2b2b2b); margin-left:6px; font-size:14px; display:inline-flex; align-items:center; line-height:28px; transform: translateY(-2px); }
.kyere-stars-value { font-size:20px; font-weight:700; color: var(--kyere-body-text, #2b2b2b); margin-left:6px; display:inline-flex; align-items:center; line-height:28px; transform: translateY(-2px); }

/* Ensure SVGs render without inline gaps */
.kyere-stars svg { display:block; }

/* Single product price styling: larger, без жирности, reduce surrounding spacing */
.single-product .summary .price,
.product .summary .price,
.single-product .price {
  font-size: 20px !important;
  font-weight: 400 !important;
  margin: 4px 0 !important; /* reduced spacing */
  line-height: 1.05 !important;
}

/* Sale price: remove underline on <ins>, цена после скидки без жирности */
.single-product .summary .price ins,
.single-product .summary .price ins .woocommerce-Price-amount {
  font-weight: 400 !important;
  text-decoration: none !important; /* remove default <ins> underline */
}
.single-product .summary .price del,
.single-product .summary .price del .woocommerce-Price-amount{
  opacity: 0.5; /* keep old price de-emphasized */
}

/* Make pre-discount price darker, smaller and striked-through on single product page */
.single-product .summary .price del,
.single-product .summary .price del .woocommerce-Price-amount {
  color: #8f8f8f !important; /* darker grey */
  font-size: 12px !important; /* slightly smaller than main price */
  text-decoration: line-through !important;
  opacity: 1 !important; /* ensure color is not reduced by opacity */
  display: inline-block;
  margin-top: 4px;
}
/* Ensure currency symbol inherits style for sale/new and old prices */
.single-product .summary .price ins .woocommerce-Price-currencySymbol,
.single-product .summary .price ins .woocommerce-Price-amount,
.single-product .summary .price del .woocommerce-Price-currencySymbol,
.single-product .summary .price del .woocommerce-Price-amount {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-decoration: inherit !important;
}

/* Center page titles for category and attribute pages and set Medium weight */
.content-area.product-archive .page-header h1,
.kyere-attr-products.product-archive .page-header h1,
.product-archive .page-header h1,
.archive-product .page-header h1,
.taxonomy-product_cat .page-header h1,
.content-area.product-archive h1.page-title,
.archive-product h1.page-title,
.taxonomy-product_cat h1.page-title,
.product-archive h1.page-title,
body.tax-product_cat h1.page-title,
body.archive h1.page-title,
body.post-type-archive-product h1.page-title {
  text-align: center !important;
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important; /* Medium */
  line-height: 1.2; /* keep existing height */
  color: rgb(239, 239, 239) !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Product tabs (Описание / Детали / Отзывы) — градиент в стиле кнопки: бежевый → прозрачный */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0;
  display: flex;
  gap: 1px;
  align-items: center;
  border-bottom: 1px solid #bb9d7b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  --beige: #bb9d7b;
  display: inline-block;
  padding: 10px 14px;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0,0,0,0) 50%);
  background-size: 200% 100%;
  background-position: 0 0;
  color: #000;
  border: 2px solid var(--beige);
  text-decoration: none;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: none;
  border-radius: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  background-position: -100% 0%;
  color: var(--beige);
  border: 2px solid #000 !important;
  box-shadow: none !important;
  outline: none !important;
  outline-width: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block; /* remove inline gaps */
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  -webkit-tap-highlight-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:active {
  box-shadow: none !important;
  outline: none !important;
}
/* Force no rounding and no white outline (override WC/other) */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .wc-tabs .tabs li a {
  border-radius: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .wc-tabs li a {
  outline: 0 !important;
  box-shadow: none !important;
}

/* Override WooCommerce default outline/border color #cfc8d8 → beige (survives WC updates) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .wc-tabs li a {
  border-color: #bb9d7b !important;
  outline-color: #bb9d7b !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  border-color: #000 !important;
  outline: none !important;
}
/* WooCommerce вешает border и border-radius на сам li — перебиваем с !important (селектор усилен, чтобы грузиться после WC) */
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #bb9d7b !important;
  border-radius: 0 !important;
}
/* Убираем border у псевдоэлементов WC (li::before, li::after) — светлая обводка #cfc8d8 */
.woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: 0 !important;
}
/* Убираем светлые уголки внизу таба: у WC они от box-shadow и border-radius на ::before/::after */
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  box-shadow: none !important;
  border-radius: 0 !important;
  display: none !important;
}
/* Убираем border-bottom у псевдоэлемента ul.tabs::before (линия #cfc0d8 под табами от WC) */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
  border: 0 !important;
  border-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border-top: none;
  background: transparent;
  color: var(--kyere-body-text, #2b2b2b);
  padding-top: 8px;
}

/* Hover zoom effect for single product gallery images */
.woocommerce-product-gallery.kyere-gallery-js-enabled .woocommerce-product-gallery__image img {
  transition: transform 260ms ease;
  will-change: transform;
  transform-origin: 50% 50%;
  cursor: zoom-in;
}
.woocommerce-product-gallery__image.kyere-zoom-active img {
  transform: none;
  cursor: zoom-in;
}

/* Ensure anchors don't show outlines/white backgrounds during interactions */
.woocommerce-product-gallery__image a {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Тема отключает zoom.js WooCommerce; скрываем возможные остатки разметки/кнопки */
.single-product .woocommerce-product-gallery .zoomContainer,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Loupe styles: circular magnifier */
.kyere-loupe {
  width: 200px;
  height: 200px;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.45);
  background-repeat: no-repeat;
  background-size: 220%;
  display: none;
  z-index: 99999;
  border: 3px solid #bb9d7b;
}

/* Single product main price: slightly larger, без жирности */
.single-product .product .summary .price,
.single-product .product .summary .price .woocommerce-Price-amount,
.single-product .product .summary .price ins,
.single-product .product .summary .price ins .woocommerce-Price-amount {
  color: #ffffff !important;
  font-size: 35px !important;
  font-weight: 400 !important;
}

/* Single product old (pre-discount) price: darker, smaller, striked-through */
.single-product .product .summary .price del,
.single-product .product .summary .price del .woocommerce-Price-amount,
.single-product .product .summary .price del .woocommerce-Price-currencySymbol {
  color: #8f8f8f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}

/* kyere-banners: scale typography proportionally with viewport */
.kyere-banner-overlay .hero-banner-content h1 {
  font-size: clamp(24px, 4.5vw, 48px);
  line-height: 1.05;
  margin: 0 0 8px;
}
.kyere-banner-overlay .hero-banner-content {
  font-size: clamp(14px, 1.8vw, 18px);
}
.kyere-banner-slide img { width:100%; height:auto; display:block; }

/* kyere-home-inserts responsive behavior */
.khi-full-width-wrap { width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; position:relative; }
.kyere-home-insert-wrap { margin-top:50px; }
.kyere-home-layout { display:grid; gap:12px; align-items:start; }
.kyere-home-layout-cols-2 { grid-template-columns: repeat(2, 1fr); }
.kyere-home-layout-cols-3 { grid-template-columns: repeat(3, 1fr); }
.kyere-home-layout-cols-4 { grid-template-columns: repeat(4, 1fr); }
/* Сетка kyere-home-inserts: block вместо flex — иначе min-width:auto у flex-ребёнка не даёт колонке сужаться под мобильный экран (картинки в HTML). */
.kyere-home-layout .kh-layout-grid > .kh-block { display: block; min-width: 0; max-width: 100%; }
.kyere-home-layout .kh-block { position:relative; min-height:220px; overflow:hidden; display:flex; align-items:center; }
.kyere-home-layout .kh-block .kh-block-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.kyere-home-layout .kh-block .kh-block-html { position:relative; padding:18px; color:#fff; background:transparent; width:100%; box-sizing:border-box; }

/* Indent helper (used inside content) */
.khi-indent { padding-left:70px; padding-right:20px; }
@media (max-width:800px) { .khi-indent { padding-left:12px; padding-right:12px; } }

/* Behavior for cols 2 & 3: scale down slightly on medium screens, then stack under 800px */
@media (max-width:1200px) {
  .kyere-home-layout-cols-2 .kh-block,
  .kyere-home-layout-cols-3 .kh-block {
    min-height: 180px;
  }
  .kyere-home-layout .kh-block .kh-block-html { font-size: 0.95rem; }
}
@media (max-width:800px) {
  .kyere-home-layout-cols-2,
  .kyere-home-layout-cols-3 {
    grid-template-columns: 1fr !important;
  }
  .kyere-home-layout .kh-block { min-height: 160px; }
}

/* Behavior for cols 4: -> 2x2 under 800px, -> single column under 600px */
@media (max-width:800px) {
  .kyere-home-layout-cols-4 { grid-template-columns: repeat(2,1fr) !important; gap:12px; }
}
@media (max-width:600px) {
  .kyere-home-layout-cols-4,
  .kyere-home-layout-cols-2,
  .kyere-home-layout-cols-3 {
    grid-template-columns: 1fr !important;
  }
  .kyere-home-layout .kh-block { min-height: 140px; }
}

/* Ensure images inside blocks scale down responsively */
.kyere-home-layout .kh-block .kh-block-bg { background-size: cover; background-position: center; }
.kyere-home-layout .kh-block img { max-width:100%; height:auto; display:block; }
/* Attribute links styling: default light, on hover beige */
.product-attributes .attribute-values a,
.woocommerce-product-attributes .attribute-values a,
.product-attribute .attribute-values a {
  color: var(--kyere-body-text, #2b2b2b);
  text-decoration: none;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}
.product-attributes .attribute-values a:hover,
.woocommerce-product-attributes .attribute-values a:hover,
.product-attribute .attribute-values a:hover {
  color: #bb9d7b;
  text-decoration: none;
}

/* Рейтинг на карточке товара: показываем и красим как основной текст сайта */
.single-product .woocommerce-product-rating {
  display: block !important;
  margin: 8px 0 0 !important;
}
.single-product .woocommerce-product-rating .star-rating {
  color: var(--kyere-accent, #bb9d7b) !important;
}
.single-product .woocommerce-product-rating .woocommerce-review-link,
.single-product .woocommerce-product-rating .woocommerce-review-link:visited,
.single-product .woocommerce-product-rating .woocommerce-review-link:hover,
.single-product .woocommerce-product-rating .woocommerce-review-link:focus {
  display: inline !important;
  color: var(--kyere-body-text, #2b2b2b) !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
/* Аггрегированный рейтинг (kyere-reviews) + блок атрибутов под кнопкой:
   всегда цвет из основного текста сайта (управляется kyere-color-scheme). */
.single-product .summary .kyere-agg-value,
.single-product .summary .kyere-agg-count,
.single-product .summary .kyere-stars-value,
.single-product .summary .kyere-stars-count {
  color: var(--kyere-body-text, #2b2b2b) !important;
  -webkit-text-fill-color: var(--kyere-body-text, #2b2b2b) !important;
}
.single-product .summary .product-attributes.kyere-under-button-attributes,
.single-product .summary .product-attributes.kyere-under-button-attributes *,
.single-product .summary .product-attributes.kyere-under-button-attributes .attribute-label,
.single-product .summary .product-attributes.kyere-under-button-attributes .attribute-values,
.single-product .summary .product-attributes.kyere-under-button-attributes strong {
  color: var(--kyere-body-text, #2b2b2b) !important;
  -webkit-text-fill-color: var(--kyere-body-text, #2b2b2b) !important;
}
/* Stronger hide: cover multiple theme/plugin variations and force no layout space */
/* removed overly broad hiding rules to allow comments to render normally */

/* ------------------------------------------------------------
   Kyere reviews (unified line layout for WP + external + internal)
------------------------------------------------------------ */
.kyere-tab-ext-item,
.kyere-wp-comment-item,
.kyere-internal-item{
  margin-bottom: 10px;
  padding: 2px 0;
}

.kyere-tab-ext-line,
.kyere-wp-line,
.kyere-internal-line{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap; /* desktop: single line */
  line-height: 1.35;
}

.kyere-tab-ext-date,
.kyere-wp-date,
.kyere-internal-date{
  color: #8f8f8f;
  font-size: 12px;
  flex: 0 0 auto;
}

.kyere-tab-ext-quote{
  color: #efefef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(56vw, 720px);
}

.kyere-wp-text,
.kyere-internal-text{
  color: #efefef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(56vw, 720px);
}

.kyere-tab-ext-author,
.kyere-wp-author,
.kyere-internal-author{
  color: #8f8f8f;
  font-weight: 300; /* no bold for (name) */
  font-size: 12px;
  flex: 0 0 auto;
}

/* External reviews: original link must be visible */
.kyere-tab-ext-link{
  color: #bb9d7b;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 300;
  flex: 0 0 auto;
  white-space: nowrap;
}
.kyere-tab-ext-link:hover{
  color: #bb9d7b;
  text-decoration: none;
}
.kyere-tab-ext-link--missing{
  color: #8f8f8f;
  text-decoration: none;
}

/* Archive/product card rating (categories + attr pages): single aggregated line below price */
.woocommerce ul.products li.product .kyere-archive-ratings,
.archive .products li.product .kyere-archive-ratings{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}
/* Safety: hide default WooCommerce loop rating stars in archives */
.woocommerce ul.products li.product .star-rating,
.archive .products li.product .star-rating{
  display: none !important;
}
.woocommerce ul.products li.product .kyere-archive-ratings .kyere-stars-wrap{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.woocommerce ul.products li.product .kyere-archive-ratings .kyere-star{
  width: 14px !important;
  height: 14px !important;
}
.woocommerce ul.products li.product .kyere-archive-ratings .kyere-stars-value{
  font-size: 13px;
  font-weight: 300;
  color: var(--kyere-body-text, #2b2b2b);
  -webkit-text-fill-color: var(--kyere-body-text, #2b2b2b);
  line-height: 14px;
  margin-left: 4px;
}
.woocommerce ul.products li.product .kyere-archive-ratings .kyere-stars-count{
  font-size: 12px;
  font-weight: 300;
  color: var(--kyere-body-text, #2b2b2b);
  -webkit-text-fill-color: var(--kyere-body-text, #2b2b2b);
  line-height: 14px;
  margin-left: 4px;
}

/* Кнопка для баннеров (цвет и эффект как у кнопки «Купить») */
.kyere-btn {
  --beige: #bb9d7b;
  display: inline-block;
  padding: 7px 20px;
  text-decoration: none;
  background: linear-gradient(90deg, var(--beige) 50%, rgba(0,0,0,0) 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  border: 2px solid var(--beige);
  color: #fff !important;
  text-transform: uppercase;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-position 400ms ease, color 200ms ease;
}
.kyere-btn:hover {
  background-position: -100% 0%;
  color: var(--beige) !important;
}

/* Mobile: allow wrapping and show full text */
@media (max-width: 768px){
  .kyere-tab-ext-line,
  .kyere-wp-line,
  .kyere-internal-line{
    flex-wrap: wrap;
  }
  .kyere-tab-ext-quote,
  .kyere-wp-text,
  .kyere-internal-text{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    max-width: 100%;
  }
}

/*
 * Final override: force the same product grid on category/tag pages
 * when they are wrapped with `section.kyere-attr-products.product-archive`.
 * This prevents Woo/category CSS from breaking the mobile grid.
 */
section.kyere-attr-products.product-archive .products{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px 0 !important;
}

/* Force WooCommerce `columns-*` width rules off inside grid.
 * Otherwise li can stay ~25% width (columns-4) and create empty side area. */
section.kyere-attr-products.product-archive ul.products.columns-1 li.product,
section.kyere-attr-products.product-archive ul.products.columns-2 li.product,
section.kyere-attr-products.product-archive ul.products.columns-3 li.product,
section.kyere-attr-products.product-archive ul.products.columns-4 li.product,
section.kyere-attr-products.product-archive ul.products li.product{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

/* Images on categories must behave exactly like on attribute pages.
 * Category pages live inside `.content-area.product-archive`, which has its own
 * thumbnail rules. Force crop+centering for this wrapper to avoid side-shifts. */
section.kyere-attr-products.product-archive .products li.product img,
section.kyere-attr-products.product-archive .products li.product .attachment-woocommerce_thumbnail{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: var(--kyere-loop-thumb-aspect, 1 / 1);
  object-fit: var(--kyere-loop-thumb-object-fit, cover) !important;
  object-position: center center !important;
  display: block !important;
}
@media (max-width: 900px){
  section.kyere-attr-products.product-archive .products{
    grid-template-columns: repeat(2, 1fr) !important;
  }
  section.kyere-attr-products.product-archive .products li.product img,
  section.kyere-attr-products.product-archive .products li.product .attachment-woocommerce_thumbnail{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--kyere-loop-thumb-aspect, 1 / 1);
    object-fit: var(--kyere-loop-thumb-object-fit, cover) !important;
    display: block !important;
  }
}
@media (max-width: 600px){
  section.kyere-attr-products.product-archive .products{
    grid-template-columns: 1fr !important;
    gap: 20px 0 !important;
  }
}

/* Checkout Block: скрыть «Использовать этот адрес для выставления счетов» */
body.woocommerce-checkout .wc-block-checkout__use-address-for-billing,
body.woocommerce-checkout .wc-block-checkout__shipping-fields .wc-block-components-checkbox-control,
body.woocommerce-checkout .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-checkbox-control {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}