/* Компоненты «Біопласт». Только структура и размеры; цвета берутся из токенов (tokens.css). */

/* ----- переключатель темы в шапке ----- */
.oboishop-theme-item { display: flex; align-items: center; }
.oboishop-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; padding: 0;
  border: 1px solid var(--oboi-border); border-radius: 50%;
  background: transparent; color: var(--oboi-heading); cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
.oboishop-theme-toggle:hover { background: var(--oboi-surface); border-color: var(--oboi-accent); }
.oboishop-theme-toggle:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; }
.oboishop-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.oboishop-icon--sun { display: none; }
html[data-theme="dark"] .oboishop-icon--sun  { display: block; }
html[data-theme="dark"] .oboishop-icon--moon { display: none; }

/* ----- кнопки ----- */
.oboi-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 28px; border-radius: 999px; border: 1px solid transparent;
  font-weight: 700; font-size: 15px; text-decoration: none; cursor: pointer;
  transition: background-color .15s, border-color .15s, color .15s;
}
.oboi-btn--primary { background: var(--oboi-accent); color: var(--oboi-on-accent); }
.oboi-btn--primary:hover { background: var(--oboi-accent-hover); color: var(--oboi-on-accent); }
.oboi-btn--ghost { border-color: var(--oboi-border); color: var(--oboi-heading); background: transparent; }
.oboi-btn--ghost:hover { border-color: var(--oboi-accent); color: var(--oboi-heading); }
.oboi-btn:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; }
.oboi-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.oboi-link { color: var(--oboi-heading); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--oboi-accent); }
.oboi-link:hover { color: var(--oboi-accent-hover); }

/* ----- секции главной ----- */
.oboi-section { padding-block: var(--oboi-space-section); }
.oboi-section--alt { background: var(--oboi-surface); }
.oboi-section__title { margin: 0 0 clamp(20px, 3vw, 36px); color: var(--oboi-heading); }
.oboi-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

/* ----- hero ----- */
.oboi-hero { padding-block: clamp(40px, 7vw, 88px); background: var(--oboi-bg); }
.oboi-hero__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 5vw, 64px); align-items: center; }
.oboi-eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oboi-accent-hover); }
.oboi-hero h1 { margin: 0 0 16px; font-size: clamp(34px, 5vw, 56px); line-height: 1.08; color: var(--oboi-heading); }
.oboi-hero__lead { margin: 0 0 28px; max-width: 34em; font-size: clamp(16px, 1.6vw, 19px); color: var(--oboi-text); }
.oboi-hero__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--oboi-space-gap); }
.oboi-hero__tile { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--oboi-radius); box-shadow: var(--oboi-shadow) ; }
.oboi-hero__tile-link { display: block; border-radius: var(--oboi-radius); transition: transform .25s ease; }
.oboi-hero__tile-link:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 3px; }
@media (hover: hover) { .oboi-hero__tile-link:hover { transform: translateY(-5px); } }
.oboi-hero__tiles > a:nth-child(2) { margin-top: 28px; }
@media (max-width: 800px) {
  .oboi-hero__inner { grid-template-columns: 1fr; }
  .oboi-hero__tiles > a:nth-child(2) { margin-top: 0; }
}

/* ----- серии ----- */
.oboi-series { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--oboi-space-gap); }
@media (min-width: 640px) { .oboi-series { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .oboi-series { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.oboi-series__link { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--oboi-radius); text-decoration: none; background: var(--oboi-surface); box-shadow: var(--oboi-shadow); }
.oboi-series__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.oboi-series__item { --k: 0; position: relative; z-index: 0; transform: translateY(calc(var(--k) * -16px)) scale(calc(1 + var(--k) * .09)); transition: transform .18s ease-out; will-change: transform; }
.oboi-series__item:hover, .oboi-series__item:focus-within { z-index: 1; }
/* лёгкая тень (в тёмной теме светлая) как у фото обоев + усиление при наведении (эффект Dock) */
.oboi-series__link { box-shadow: var(--oboi-img-shadow, none), 0 calc(var(--k) * 22px) calc(var(--k) * 26px) rgba(0, 0, 0, calc(var(--k) * .25)); }
.oboi-series__link::after { content: ''; position: absolute; z-index: 2; inset: 0; border-radius: inherit; border: 2px solid var(--oboi-accent); opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.oboi-series__link:hover::after, .oboi-series__link:focus-visible::after { opacity: 1; }
.oboi-series__name { display: flex; align-items: center; justify-content: space-between; gap: 12px; transition: background .3s; }
.oboi-series__link:hover .oboi-series__name { background: linear-gradient(transparent, rgba(0, 0, 0, .72)); }
.oboi-series__arrow { opacity: 0; transform: translateX(-10px); transition: opacity .3s, transform .3s; color: var(--oboi-accent); font-size: 22px; line-height: 1; }
.oboi-series__link:hover .oboi-series__arrow, .oboi-series__link:focus-visible .oboi-series__arrow { opacity: 1; transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .oboi-series__item, .oboi-series__arrow, .oboi-series__link::after { transition: none; } }
.oboi-series__name, .oboi-series__count { position: relative; z-index: 1; padding-inline: 18px; }
.oboi-series__name { padding-top: 40px; font-weight: 700; font-size: 18px; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .55)); }
.oboi-series__count { padding-bottom: 14px; font-size: 13px; color: rgba(255, 255, 255, .85); background: rgba(0, 0, 0, .55); }

/* ----- преимущества ----- */
.oboi-benefits { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--oboi-space-gap); }
.oboi-benefit { padding: 24px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius); background: var(--oboi-bg-raised); }
.oboi-benefit__title { margin: 0 0 8px; font-size: 18px; color: var(--oboi-heading); }
.oboi-benefit__text { margin: 0; color: var(--oboi-text); }

/* ----- контакты ----- */
.oboi-contact { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.oboi-contact__lead { margin: 0; color: var(--oboi-text); }
.oboi-contact__links { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.oboi-contact__hours { flex-basis: 100%; margin: 4px 0 0; font-size: 14px; color: var(--oboi-text); }
@media (max-width: 800px) { .oboi-contact { grid-template-columns: 1fr; } }

/* ----- карточка товара ----- */
.oboi-product-type { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--oboi-accent-hover); }

/* ----- фильтры каталога: компактная строка кнопок с выпадающими списками ----- */
.oboi-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 var(--oboi-space-gap); }
.oboi-dd { position: relative; }
.oboi-dd__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--oboi-border); border-radius: 999px; background: var(--oboi-bg-raised); color: var(--oboi-heading); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; user-select: none; }
.oboi-dd__btn::-webkit-details-marker { display: none; }
.oboi-dd__btn::after { content: '▾'; font-size: 11px; color: var(--oboi-accent-hover); }
.oboi-dd[open] > .oboi-dd__btn { border-color: var(--oboi-accent); }
.oboi-dd[open] > .oboi-dd__btn::after { content: '▴'; }
.oboi-dd__btn:hover { border-color: var(--oboi-accent); }
.oboi-dd__btn:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; }
.oboi-dd__btn.is-active { background: var(--oboi-surface); border-color: var(--oboi-accent); }
.oboi-dd__count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--oboi-accent); color: var(--oboi-on-accent); font-size: 12px; font-weight: 700; }
.oboi-dd__menu { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; display: flex; flex-direction: column; gap: 4px; min-width: 240px; max-width: min(92vw, 340px); max-height: 340px; overflow-y: auto; padding: 12px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-bg-raised); box-shadow: var(--oboi-shadow); }
.oboi-dd__menu--swatch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: min(92vw, 340px); }
.oboi-dd__menu--price { gap: 12px; min-width: 260px; }
.oboi-check { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; font-size: 14px; color: var(--oboi-text); cursor: pointer; }
.oboi-check:hover { background: var(--oboi-surface); }
.oboi-check input { flex: none; accent-color: var(--oboi-accent); }
.oboi-check:has(input:checked) { color: var(--oboi-heading); font-weight: 600; }
.oboi-check__dot { flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18); }
.oboi-price { display: flex; align-items: center; gap: 8px; }
.oboi-price input { width: 100%; min-height: 40px; padding: 0 12px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-bg); color: var(--oboi-heading); }
.oboi-btn--sm { min-height: 40px; padding: 0 20px; font-size: 14px; }
.oboi-filters__reset { margin-left: 4px; font-size: 14px; color: var(--oboi-text); text-decoration: underline; text-underline-offset: 3px; }
.oboi-filters__reset:hover { color: var(--oboi-accent-hover); }
@media (max-width: 800px) {
  .oboi-dd__menu { position: fixed; left: 12px; right: 12px; top: auto; bottom: 12px; max-width: none; max-height: 60vh; }
}

/* ----- корзина в шапке ----- */
.oboishop-cart-item { display: flex; align-items: center; }
.oboishop-cart-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--oboi-heading); text-decoration: none; }
.oboishop-cart-link:hover { color: var(--oboi-accent-hover); }
.oboishop-cart-link:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; border-radius: 50%; }
.oboishop-cart-count { position: absolute; top: 0; right: -2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--oboi-accent); color: var(--oboi-on-accent); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.oboishop-cart-count[hidden] { display: none; }
/* мобильная корзина: круглая кнопка внизу справа, только на узких экранах (на десктопе корзина в меню шапки) */
.oboishop-mobile-cart { display: none; }
@media (max-width: 999px) {
  .oboishop-mobile-cart { display: block; position: fixed; z-index: 50; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); }
  .oboishop-mobile-cart .oboishop-cart-link { width: 56px; height: 56px; border-radius: 50%; background: var(--oboi-accent); color: var(--oboi-on-accent); box-shadow: 0 6px 20px rgba(0, 0, 0, .35); }
  .oboishop-mobile-cart .oboishop-cart-link:hover { background: var(--oboi-accent-hover); color: var(--oboi-on-accent); }
  .oboishop-mobile-cart .oboishop-icon { width: 24px; height: 24px; }
  .oboishop-mobile-cart .oboishop-cart-count { top: -4px; right: -4px; background: var(--oboi-heading); color: var(--oboi-bg); }
}

/* ----- товарные блоки WooCommerce (пустая корзина, подборки): ровная сетка и одинаковые картинки -----
   Селекторы усилены ([class*=...]), потому что собственные стили блока («has-4-columns» = 25%) иначе перебивают наши. */
.wc-block-grid[class*="has-"][class*="-columns"] .wc-block-grid__products { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--oboi-space-gap); margin: 0; padding: 0; list-style: none; }
.wc-block-grid[class*="has-"][class*="-columns"] .wc-block-grid__product { flex: none; width: auto; max-width: none; margin: 0; padding: 0; }
.wc-block-grid__product-image img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--oboi-radius-sm); }

/* ----- шапка: только логотип; название сайта скрыто визуально (остаётся для поисковиков и экранных дикторов) ----- */
.site-branding .site-title-container { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.site-branding .site-logo-container img { width: auto; height: 104px; position: relative; top: -18px; filter: drop-shadow(3px 8px 7px rgba(60, 40, 15, .52)); }
html[data-theme="dark"] .site-branding .site-logo-container img { filter: drop-shadow(3px 8px 8px rgba(0, 0, 0, .85)); }
@media (max-width: 689px) { .site-branding .site-logo-container img { height: 68px; top: -9px; } }
/* две версии логотипа: светлая и тёмная; показываем нужную по теме */
.site-logo-container img.oboi-logo-dark { display: none; }
html[data-theme="dark"] .site-logo-container img.default-logo { display: none; }
html[data-theme="dark"] .site-logo-container img.oboi-logo-dark { display: inline-block; }

/* ----- названия и цены товаров в сетках ----- */
.wc-block-grid__product-title, .woocommerce-loop-product__title, .woocommerce-loop-product__title a { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--oboi-heading); text-decoration: none; }
.wc-block-grid__product-link, .woocommerce-loop-product__link { text-decoration: none; }
.wc-block-grid__product-link:hover .wc-block-grid__product-title, .woocommerce-loop-product__title a:hover { color: var(--oboi-accent-hover); }
.wc-block-grid__product-price, [data-products] .price { font-size: 16px; font-weight: 600; color: var(--oboi-text); }

/* ----- карточки товаров в сетках: вся карточка приподнимается и отбрасывает тень при наведении ----- */
[data-products] .product, .wc-block-grid__product {
  padding: 10px 10px 16px; border: 1px solid transparent; border-radius: var(--oboi-radius);
  background: transparent; transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease;
}
[data-products] .product figure, .wc-block-grid__product-image { overflow: hidden; border-radius: var(--oboi-radius-sm); }
[data-products] .product img, .wc-block-grid__product-image img { transition: transform .45s ease; }
@media (hover: hover) {
  [data-products] .product:hover, .wc-block-grid__product:hover {
    transform: translateY(-6px); background-image: var(--oboi-lift); border-color: color-mix(in srgb, var(--oboi-border) 45%, transparent); box-shadow: var(--oboi-shadow-hover);
  }
  [data-products] .product:hover img, .wc-block-grid__product:hover .wc-block-grid__product-image img { transform: scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
  [data-products] .product, [data-products] .product img, .wc-block-grid__product, .wc-block-grid__product-image img { transition: none; transform: none !important; }
}

/* ----- подвал ----- */
.oboi-footer { margin-top: var(--oboi-space-section); padding-top: clamp(32px, 5vw, 64px); background: var(--oboi-surface); border-top: 1px solid var(--oboi-border); color: var(--oboi-text); }
.oboi-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: clamp(24px, 4vw, 48px); padding-bottom: clamp(24px, 4vw, 48px); }
.oboi-footer__title { margin: 0 0 14px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--oboi-heading); }
.oboi-footer__text { margin: 0 0 10px; font-size: 14px; line-height: 1.55; }
.oboi-footer__phone { margin: 0 0 6px; font-size: 20px; font-weight: 700; color: var(--oboi-heading); }
.oboi-footer__list, .oboi-footer__chips, .oboi-footer__langs { list-style: none; margin: 0; padding: 0; }
.oboi-footer__list li { margin: 0 0 8px; }
.oboi-footer a { color: var(--oboi-text); text-decoration: none; }
.oboi-footer a:hover { color: var(--oboi-accent-hover); text-decoration: underline; text-underline-offset: 3px; }
.oboi-footer__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.oboi-chip { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border: 1px solid var(--oboi-border); border-radius: 999px; background: var(--oboi-bg-raised); font-size: 13px; font-weight: 600; color: var(--oboi-heading) !important; text-decoration: none !important; }
.oboi-chip:hover { border-color: var(--oboi-accent); }
.oboi-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 18px; border-top: 1px solid var(--oboi-border); font-size: 13px; }
.oboi-footer__langs { display: flex; gap: 14px; }
.oboi-footer__langs a[aria-current="true"] { color: var(--oboi-heading); font-weight: 700; }
@media (max-width: 900px) { .oboi-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .oboi-footer__grid { grid-template-columns: 1fr; } .oboi-footer__bottom { flex-direction: column; align-items: flex-start; } }

/* ----- блог: список, карточки статей ----- */
.oboi-blog__head { margin-bottom: clamp(24px, 4vw, 44px); }
.oboi-blog__head h1 { margin: 0 0 8px; color: var(--oboi-heading); }
.oboi-blog__lead { margin: 0; max-width: 40em; font-size: 18px; color: var(--oboi-text); }
.oboi-post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--oboi-space-gap); }
.oboi-post-card { border-radius: var(--oboi-radius); background: var(--oboi-bg-raised); border: 1px solid var(--oboi-border); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.oboi-post-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.oboi-post-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--oboi-surface); }
.oboi-post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.oboi-post-card__body { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px 22px; flex: 1; }
.oboi-post-card__meta { font-size: 13px; color: var(--oboi-text); }
.oboi-post-card__title { margin: 0; font-size: 19px; line-height: 1.3; color: var(--oboi-heading); }
.oboi-post-card__excerpt { font-size: 15px; line-height: 1.5; color: var(--oboi-text); }
.oboi-post-card__more { margin-top: auto; padding-top: 6px; font-weight: 700; font-size: 14px; color: var(--oboi-accent-hover); }
@media (hover: hover) {
  .oboi-post-card:hover { transform: translateY(-4px); box-shadow: var(--oboi-shadow-hover); }
  .oboi-post-card:hover .oboi-post-card__media img { transform: scale(1.05); }
}
.navigation.pagination { margin-top: clamp(24px, 4vw, 44px); }
.navigation.pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.navigation.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--oboi-border); border-radius: 999px; color: var(--oboi-heading); text-decoration: none; }
.navigation.pagination .page-numbers.current { background: var(--oboi-accent); border-color: var(--oboi-accent); color: var(--oboi-on-accent); font-weight: 700; }

/* ----- страница статьи ----- */
.oboi-article__head { max-width: 960px; padding-top: clamp(28px, 5vw, 56px); }
.oboi-article__back { display: inline-block; margin-bottom: 14px; font-size: 14px; font-weight: 600; color: var(--oboi-text); text-decoration: none; }
.oboi-article__back:hover { color: var(--oboi-accent-hover); }
.oboi-article__head h1 { margin: 0 0 10px; font-size: clamp(30px, 4.4vw, 46px); line-height: 1.12; color: var(--oboi-heading); }
.oboi-article__meta { margin: 0 0 clamp(18px, 3vw, 30px); font-size: 14px; color: var(--oboi-text); }
.oboi-article__cover { margin: 0 0 clamp(24px, 4vw, 44px); border-radius: var(--oboi-radius); overflow: hidden; box-shadow: var(--oboi-shadow); aspect-ratio: 21 / 9; background: var(--oboi-surface); }
.oboi-article__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.oboi-prose { max-width: 760px; margin: 0 auto; font-size: 18px; line-height: 1.75; color: var(--oboi-text); }
.oboi-prose > :first-child { font-size: 20px; color: var(--oboi-heading); }
.oboi-prose h2 { margin: 2em 0 .6em; font-size: clamp(24px, 3vw, 30px); line-height: 1.25; color: var(--oboi-heading); }
.oboi-prose h3 { margin: 1.6em 0 .5em; font-size: 21px; color: var(--oboi-heading); }
.oboi-prose p, .oboi-prose ul, .oboi-prose ol { margin: 0 0 1.1em; }
.oboi-prose ul, .oboi-prose ol { padding-left: 1.3em; }
.oboi-prose li { margin-bottom: .55em; padding-left: .2em; }
.oboi-prose li::marker { color: var(--oboi-accent-hover); font-weight: 700; }
.oboi-prose strong { color: var(--oboi-heading); }
.oboi-prose a:not(.oboi-btn) { color: var(--oboi-heading); text-decoration: underline; text-decoration-color: var(--oboi-accent); text-underline-offset: 3px; }
.oboi-prose a:not(.oboi-btn):hover { color: var(--oboi-accent-hover); }
.oboi-prose img { max-width: 100%; height: auto; border-radius: var(--oboi-radius-sm); }
.oboi-prose .oboi-btn { margin-top: .6em; }
.oboi-article__cta { margin-top: clamp(40px, 6vw, 72px); padding-block: clamp(28px, 4vw, 48px); background: var(--oboi-surface); }
.oboi-article__cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.oboi-article__cta h2 { margin: 0 0 6px; font-size: clamp(22px, 2.6vw, 28px); color: var(--oboi-heading); }
.oboi-article__cta p { margin: 0; color: var(--oboi-text); }

/* ----- фотогалерея ----- */
.oboi-gallery__lead { margin: 0 0 clamp(20px, 3vw, 32px); max-width: 40em; font-size: 18px; color: var(--oboi-text); }
.oboi-gallery { list-style: none; margin: 0; padding: 0; columns: 3 260px; column-gap: var(--oboi-space-gap); }
.oboi-gallery li { break-inside: avoid; margin: 0 0 var(--oboi-space-gap); }
.oboi-gallery a { display: block; overflow: hidden; border-radius: var(--oboi-radius-sm); }
.oboi-gallery img { display: block; width: 100%; height: auto; transition: transform .45s ease; }
@media (hover: hover) { .oboi-gallery a:hover img { transform: scale(1.04); } }
.oboi-lightbox { max-width: 96vw; max-height: 96vh; padding: 0; border: 0; background: transparent; overflow: visible; }
.oboi-lightbox::backdrop { background: rgba(15, 14, 13, .88); }
.oboi-lightbox img { display: block; max-width: calc(100vw - 150px); max-height: calc(100vh - 170px); border-radius: var(--oboi-radius-sm); }
/* кнопки — рядом с листом, но не на нём: крестик над правым верхним углом, стрелки по бокам; на телефоне стрелки под листом, подпись между ними */
.oboi-lightbox__close, .oboi-lightbox__nav { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #1d1a16; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.oboi-lightbox__close { top: -52px; right: 0; }
.oboi-lightbox__nav { top: 50%; transform: translateY(-50%); }
.oboi-lightbox__prev { left: -56px; } .oboi-lightbox__next { right: -56px; }
@media (max-width: 699px) {
  .oboi-lightbox img { max-width: 94vw; max-height: calc(100vh - 190px); }
  .oboi-lightbox__nav { top: calc(100% + 10px); transform: none; }
  .oboi-lightbox__prev { left: 0; } .oboi-lightbox__next { right: 0; }
  .oboi-lightbox__cap { padding: 0 52px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
}

/* ----- видео ----- */
.oboi-video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--oboi-space-gap); }
.oboi-video { margin: 0 0 1.4em; }
.oboi-video figcaption { margin-top: 10px; font-size: 15px; font-weight: 600; color: var(--oboi-heading); }
.oboi-video__btn, .oboi-video iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; border-radius: var(--oboi-radius); overflow: hidden; background: var(--oboi-surface); cursor: pointer; box-shadow: var(--oboi-shadow); }
.oboi-video__btn img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.oboi-video__play { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: var(--oboi-accent); box-shadow: 0 6px 20px rgba(0, 0, 0, .35); transition: transform .25s ease; }
.oboi-video__play::after { content: ''; position: absolute; left: 27px; top: 21px; border-left: 20px solid var(--oboi-on-accent); border-top: 13px solid transparent; border-bottom: 13px solid transparent; }
@media (hover: hover) { .oboi-video__btn:hover img { transform: scale(1.04); } .oboi-video__btn:hover .oboi-video__play { transform: scale(1.1); } }
.oboi-video__btn:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 3px; }
.oboi-video-group { margin: clamp(28px, 4vw, 48px) 0 16px; color: var(--oboi-heading); }
.oboi-video-group:first-of-type { margin-top: 8px; }

/* ----- акции ----- */
.oboi-btn--sale { background: transparent; border-color: var(--oboi-accent); color: var(--oboi-heading); }
.oboi-btn--sale:hover { background: var(--oboi-accent); color: var(--oboi-on-accent); }
.oboi-sale__until { margin: 0 0 18px; font-size: 15px; font-weight: 600; color: var(--oboi-accent-hover); }
.oboi-section__head .oboi-sale__until { margin: -18px 0 18px; }

/* ----- мессенджеры: значок бренда + название ----- */
.oboi-msg { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px 0 7px; border: 1px solid var(--oboi-border); border-radius: 999px; background: var(--oboi-bg-raised); color: var(--oboi-heading) !important; font-weight: 700; font-size: 15px; text-decoration: none !important; transition: border-color .15s, transform .15s, box-shadow .15s; }
.oboi-msg__icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--brand); color: #fff; }
.oboi-msg__icon svg { width: 19px; height: 19px; }
.oboi-msg:hover { border-color: var(--brand, var(--oboi-accent)); transform: translateY(-2px); box-shadow: var(--oboi-shadow); }
.oboi-msg:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; }
.oboi-msg--sm { min-height: 38px; padding: 0 14px 0 5px; gap: 8px; font-size: 13px; }
.oboi-msg--sm .oboi-msg__icon { width: 28px; height: 28px; } .oboi-msg--sm .oboi-msg__icon svg { width: 16px; height: 16px; }

/* ----- номер телефона в блоке контактов ----- */
.oboi-contact__phone { margin: 14px 0 0; font-size: 22px; font-weight: 700; color: var(--oboi-heading); letter-spacing: .01em; }

/* ----- ярлык скидки: свой цвет (не как у кнопок) ----- */
.onsale { background: var(--oboi-sale-badge) !important; color: #fff !important; border-radius: 999px !important; padding: 5px 12px !important; min-height: 0 !important; min-width: 0 !important; line-height: 1.2 !important; font-size: 13px; font-weight: 700; letter-spacing: .02em; box-shadow: 0 4px 12px rgba(0, 0, 0, .18); }

/* ----- фото в карточках каталога: пропорции 4:3 (решение Саши — квадратные карточки смотрелись хуже) ----- */
[data-products] .product .ct-media-container { aspect-ratio: 4 / 3; }
[data-products] .product .ct-media-container img { aspect-ratio: 4 / 3 !important; width: 100%; height: 100%; object-fit: cover; }
/* сопутствующие товары (ведёрки, упаковки): показываем целиком, без обрезки краёв */
[data-products] .product[class*="product_cat-additional"] .ct-media-container img { object-fit: contain; background: #fff; }

/* ----- карточка товара ----- */
.oboi-pack-note { margin: -4px 0 18px; font-size: 15px; color: var(--oboi-text); }
.oboi-calc { margin: 0 0 22px; padding: 16px 18px; border: 1px dashed var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); }
.oboi-calc__label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--oboi-heading); }
.oboi-calc__row { display: flex; align-items: center; gap: 10px; }
.oboi-calc__row input { width: 120px; min-height: 42px; padding: 0 12px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-bg-raised); color: var(--oboi-heading); font-size: 16px; }
.oboi-calc__result { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: var(--oboi-text); }
.oboi-calc__result strong { color: var(--oboi-heading); }
.oboi-calc__result span { font-size: 13px; }
.oboi-calc__set { margin-left: 6px; padding: 4px 12px; border: 1px solid var(--oboi-accent); border-radius: 999px; background: transparent; color: var(--oboi-heading); font-size: 13px; font-weight: 600; cursor: pointer; }
.oboi-calc__set:hover { background: var(--oboi-accent); color: var(--oboi-on-accent); }
.oboi-assure { list-style: none; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid var(--oboi-border); display: grid; gap: 10px; font-size: 14px; color: var(--oboi-text); }
.oboi-assure li { position: relative; padding-left: 26px; }
.oboi-assure li::before { content: '✓'; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--oboi-accent-hover); }
.oboi-assure__msgs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
/* на карточках обоев категории только шум («Рідкі шпалери Біопласт» у каждого) — скрываем */
[data-products] li.product[class*="product_cat-bioplast"] .entry-meta,
[data-products] li.product[class*="product_cat-additional"] .entry-meta { display: none; }

/* ----- шапка страницы категории (Blocksy рисует пустую полосу 250 px): компактнее и с мягким фоном ----- */
.hero-section[data-type="type-2"] { min-height: 0 !important; padding: clamp(24px, 3.4vw, 40px) 0 clamp(18px, 2.6vw, 30px) !important; background: linear-gradient(180deg, var(--oboi-surface), var(--oboi-bg)) !important; border-bottom: 1px solid var(--oboi-border); }
.hero-section[data-type="type-2"] .page-title { margin: 0; font-size: clamp(28px, 3.6vw, 40px); }
.woocommerce-products-header .term-description { max-width: 46em; margin: 0 0 20px; font-size: 17px; color: var(--oboi-text); }
.hero-section[data-type="type-2"] { padding-block: clamp(24px, 3.2vw, 38px) !important; }
.hero-section[data-type="type-2"] .entry-header { min-height: 0 !important; padding: 0 !important; }

/* описание категории в шапке Blocksy дублирует наше (под шапкой) и плохо читается на фото — скрываем */
.hero-section[data-type="type-2"] .page-description { display: none !important; }

/* ----- галерея товара: квадрат (иначе тема тянет всё под высоту вертикального фото упаковки) ----- */
.woocommerce-product-gallery .ct-product-gallery-container { max-width: 500px; }
.woocommerce-product-gallery .flexy-item .ct-media-container { aspect-ratio: 1 / 1; }
.woocommerce-product-gallery .flexy-item img { width: 100%; height: 100%; aspect-ratio: 1 / 1 !important; object-fit: cover; }
.woocommerce-product-gallery .flexy-item:not(:first-child) img { object-fit: contain; background: #fff; }

/* ----- подсказки в полях ввода: бледные, чтобы не казалось, что введены настоящие данные ----- */
input::placeholder, textarea::placeholder { color: var(--oboi-text); opacity: .42; font-style: italic; font-weight: 400; }
.oboi-price__hint { margin: 0; font-size: 13px; color: var(--oboi-text); }

/* подсказки в полях: бледнее и принудительно (стили темы иначе перебивают) */
input::placeholder, textarea::placeholder, .oboi-calc input::placeholder, .oboi-price input::placeholder {
  color: color-mix(in srgb, var(--oboi-text) 38%, transparent) !important; opacity: 1 !important; font-style: italic; font-weight: 400;
}
.oboi-calc__row input { width: 150px; }

/* ----- сенсорные экраны: ссылки в списках и подвале с достаточной зоной нажатия (≥ 40 px по высоте) ----- */
@media (pointer: coarse) {
  .oboi-footer a, .oboi-link, .oboi-article__back, .woocommerce-loop-product__title a, .woocommerce-cart-form a, .cart_totals a { display: inline-block; padding-block: 10px; }
  .oboishop-cart-count, .woocommerce-result-count { font-size: 12px; }
}

/* выпадающие списки (сортировка, количество и т. п.): пункты в цветах темы, иначе в тёмной теме светлый текст на белом не виден */
select option, select optgroup { background-color: var(--oboi-bg-raised); color: var(--oboi-heading); }

/* ----- телефон: карточки товаров видимо отделены друг от друга (подложка, рамка, интервал) ----- */
@media (max-width: 689px) {
  [data-products] { row-gap: 16px !important; }
  [data-products] .product, .wc-block-grid__product {
    padding: 12px 12px 18px; background: color-mix(in srgb, var(--oboi-surface) 20%, transparent); border-color: color-mix(in srgb, var(--oboi-border) 40%, transparent); box-shadow: none;
  }
  /* тёмная тема: лёгкая белая тень (тёмная на тёмном фоне не видна) */
  html[data-theme="dark"] [data-products] .product, html[data-theme="dark"] .wc-block-grid__product { box-shadow: 0 4px 20px rgba(255, 255, 255, .06); }
}

/* ----- таблицы (характеристики товара и т. п.): цвета темы вместо серой «зебры» Blocksy/WooCommerce ----- */
.woocommerce-product-attributes, .shop_attributes { width: 100%; border-collapse: collapse; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); overflow: hidden; }
.woocommerce-product-attributes th, .woocommerce-product-attributes td, .shop_attributes th, .shop_attributes td {
  padding: 14px 16px; border: 1px solid var(--oboi-border); background: transparent; color: var(--oboi-text); text-align: left; vertical-align: top;
}
.woocommerce-product-attributes th, .shop_attributes th { width: 38%; color: var(--oboi-heading); font-weight: 600; }
.woocommerce-product-attributes tr:nth-child(even) th, .woocommerce-product-attributes tr:nth-child(even) td,
.shop_attributes tr:nth-child(even) th, .shop_attributes tr:nth-child(even) td { background: color-mix(in srgb, var(--oboi-surface) 70%, transparent); }
.woocommerce-product-attributes td a, .shop_attributes td a { color: var(--oboi-accent-hover); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--oboi-accent) 45%, transparent); }
.woocommerce-product-attributes td a:hover, .shop_attributes td a:hover { border-bottom-color: var(--oboi-accent-hover); }
.woocommerce-product-attributes td p, .shop_attributes td p { margin: 0; padding: 0; }

/* ----- оформление заказа: выбор города и отделения «Новой Почты» ----- */
.oboi-ship-field, .oboi-ship-hidden { display: none !important; }   /* !important: WooCommerce JS (address-i18n) ставит display инлайном */
.woocommerce-checkout[data-np="1"] .oboi-ship-field--np, .woocommerce-checkout[data-ukr="1"] .oboi-ship-field--ukr { display: block !important; }
/* для «Новой Почты» и «Укрпошты» обычные поля адреса не нужны (отделение выбирается из списка) */
.woocommerce-checkout[data-np="1"] #billing_address_1_field, .woocommerce-checkout[data-ukr="1"] #billing_address_1_field, .woocommerce-checkout[data-np="1"] #billing_address_2_field, .woocommerce-checkout[data-ukr="1"] #billing_address_2_field,
.woocommerce-checkout[data-np="1"] #billing_city_field, .woocommerce-checkout[data-ukr="1"] #billing_city_field, .woocommerce-checkout[data-np="1"] #billing_postcode_field, .woocommerce-checkout[data-ukr="1"] #billing_postcode_field,
.woocommerce-checkout[data-np="1"] #billing_state_field, .woocommerce-checkout[data-ukr="1"] #billing_state_field, .woocommerce-checkout[data-np="1"] #billing_country_field, .woocommerce-checkout[data-ukr="1"] #billing_country_field { display: none !important; }
.oboi-np-list { position: absolute; z-index: 30; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 4px; list-style: none; max-height: 280px; overflow-y: auto;
  background: var(--oboi-bg-raised); border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); box-shadow: var(--oboi-shadow-hover); }
.oboi-np-list li { padding: 10px 12px; border-radius: 6px; color: var(--oboi-text); cursor: pointer; line-height: 1.35; }
.oboi-np-list li:hover, .oboi-np-list li.is-active { background: var(--oboi-surface); color: var(--oboi-heading); }
.oboi-np-list .oboi-np-empty { color: var(--oboi-text); cursor: default; }
.oboi-np-list .oboi-np-empty:hover { background: none; }
.oboi-ship-field input:disabled { opacity: .6; cursor: not-allowed; }

/* ----- переключатель языка: текущий язык выделен цветом и жирностью (подчёркивание в шапке убрано — язык выбирается выпадающим списком) ----- */
.lang-item.current-lang > a, .lang-item.current-lang > a:hover { color: var(--oboi-accent-hover) !important; font-weight: 700; }
.mobile-menu .lang-item.current-lang > a { box-shadow: inset 3px 0 0 var(--oboi-accent); padding-left: 12px; }

/* ----- кабинет покупателя ----- */
.oboishop-account-item { display: flex; align-items: center; }
.oboishop-account-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--oboi-heading); text-decoration: none; }
.oboishop-account-link:hover { color: var(--oboi-accent-hover); }
.oboishop-account-link:focus-visible { outline: 2px solid var(--oboi-accent); outline-offset: 2px; border-radius: 50%; }
.oboi-account-note { margin: 0 0 24px; padding: 14px 16px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); color: var(--oboi-text); }
.oboi-account-note a { color: var(--oboi-accent-hover); }

/* ----- уведомления WooCommerce («Уже покупали?», «Товар добавлен», ошибки): цвета темы вместо светлой плашки ----- */
.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner {
  background: var(--oboi-surface) !important; color: var(--oboi-text) !important; border: 1px solid var(--oboi-border) !important;
  border-left: 3px solid var(--oboi-accent) !important; border-radius: var(--oboi-radius-sm);
}
.woocommerce-error { border-left-color: var(--oboi-sale) !important; }
.woocommerce-info a, .woocommerce-message a, .woocommerce-error a { color: var(--oboi-accent-hover); }
.woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { color: var(--oboi-accent); }
.woocommerce-message .button, .woocommerce-info .button { float: none; margin-left: 12px; }

/* ----- ручной ввод отделения (сбой API Новой почты) и данные продавца в подвале ----- */
.oboi-ship-note { margin: 10px 0 0; padding: 12px 14px; font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--oboi-heading); background: var(--oboi-surface); border: 1px solid var(--oboi-border); border-left: 3px solid var(--oboi-sale); border-radius: var(--oboi-radius-sm); }
.oboi-footer__seller { padding-top: 12px; font-size: 13px; line-height: 1.5; color: var(--oboi-text); opacity: .85; text-align: center; }

/* ----- прайс-лист: группы цен из каталога ----- */
.oboi-price { overflow-x: auto; }
.oboi-price__table { width: 100%; border-collapse: collapse; font-size: 16px; }
.oboi-price__table th { text-align: left; font-weight: 600; color: var(--oboi-heading); border-bottom: 2px solid var(--oboi-border); padding: 10px 12px; }
.oboi-price__table td { padding: 12px; border-bottom: 1px solid var(--oboi-border); vertical-align: top; color: var(--oboi-text); }
.oboi-price__num { white-space: nowrap; text-align: right; }
.oboi-price__table th:not(:first-child) { text-align: right; white-space: nowrap; }
.oboi-price__skus a { color: var(--oboi-accent-hover); text-decoration: none; }
.oboi-price__skus a:hover { text-decoration: underline; }
.oboi-price__gallery { margin-top: 10px; }
.oboi-price__gallery summary { cursor: pointer; display: inline-block; padding: 4px 14px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); color: var(--oboi-heading); }
.oboi-price__thumbs { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 8px; }
.oboi-price__thumbs a { display: block; text-align: center; font-size: 13px; text-decoration: none; color: var(--oboi-text); }
.oboi-price__thumbs img { width: 100%; height: auto; display: block; border-radius: var(--oboi-radius-sm); }
@media (max-width: 720px) {   /* на телефоне строка прайса — карточка; селекторы усилены (td.…), иначе общее правило td перебивает flex */
  .oboi-price__table thead { display: none; }
  .oboi-price__table, .oboi-price__table tbody { display: block; border: 0; }
  .oboi-price__table tr { display: block; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); margin-bottom: 14px; padding: 4px 0; background: var(--oboi-surface); }
  .oboi-price__table td { display: block; border: 0; padding: 8px 14px; }
  .oboi-price__table td.oboi-price__num { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; text-align: right; border-top: 1px solid var(--oboi-border); }
  .oboi-price__table td.oboi-price__num::before { content: attr(data-label); font-weight: 600; text-align: left; color: var(--oboi-heading); }
}

/* ----- «Нет в наличии»: товар остаётся на сайте, но метка заметна; в прайсе такие артикулы приглушены ----- */
.stock.out-of-stock { display: inline-block; padding: 6px 14px; border: 1px solid var(--oboi-sale); border-radius: var(--oboi-radius-sm); color: var(--oboi-sale); font-weight: 600; }
.oboi-price__skus a.is-out { opacity: .6; text-decoration: line-through; }
.oboi-price__thumbs .is-out img { opacity: .5; }

/* ----- заказ принят / просмотр заказа: товары и суммы выделены, итог заметен (селекторы усилены: тема перебивает обычные) ----- */
.woocommerce-order ul.woocommerce-order-overview { list-style: none; margin: 0 0 28px !important; padding: 0 !important; border: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.woocommerce-order ul.woocommerce-order-overview li { margin: 0 !important; padding: 16px 20px !important; background: var(--oboi-surface); border: 1px solid var(--oboi-border) !important; border-radius: var(--oboi-radius-sm); font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--oboi-text); }
.woocommerce-order ul.woocommerce-order-overview li strong { display: block; margin-top: 8px; font-size: 20px; line-height: 1.3; text-transform: none; letter-spacing: 0; color: var(--oboi-heading); }
.woocommerce-order h2.woocommerce-order-details__title, .woocommerce-order h2.woocommerce-column__title, .woocommerce h2.woocommerce-order-details__title, .woocommerce h2.woocommerce-column__title { margin: 40px 0 16px !important; font-size: 26px !important; font-weight: 700 !important; color: var(--oboi-heading); }
.woocommerce-order table.woocommerce-table--order-details { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--oboi-surface); border: 1px solid var(--oboi-border) !important; border-radius: var(--oboi-radius-sm); overflow: hidden; }
.woocommerce-order table.woocommerce-table--order-details th, .woocommerce-order table.woocommerce-table--order-details td { padding: 16px 22px !important; border: 0 !important; border-bottom: 1px solid var(--oboi-border) !important; text-align: left; vertical-align: middle !important; }
.woocommerce-order table.woocommerce-table--order-details thead th { padding-top: 14px !important; padding-bottom: 14px !important; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--oboi-text); }
.woocommerce-order table.woocommerce-table--order-details thead th:last-child, .woocommerce-order table.woocommerce-table--order-details td:last-child { text-align: right !important; }
.woocommerce-order table.woocommerce-table--order-details td.product-name { font-size: 19px !important; font-weight: 700 !important; color: var(--oboi-heading); }
.woocommerce-order table.woocommerce-table--order-details td.product-name a { color: var(--oboi-heading); }
.woocommerce-order table.woocommerce-table--order-details .product-quantity { display: inline-block; margin-left: 8px; padding: 2px 10px; border-radius: 999px; background: var(--oboi-border); color: var(--oboi-heading); font-size: 15px; font-weight: 700; }
.woocommerce-order table.woocommerce-table--order-details td.product-total { font-size: 19px !important; font-weight: 700 !important; white-space: nowrap; color: var(--oboi-heading); }
.woocommerce-order table.woocommerce-table--order-details tfoot th { font-size: 16px; font-weight: 500; color: var(--oboi-text); }
.woocommerce-order table.woocommerce-table--order-details tfoot td { font-size: 16px; font-weight: 600; color: var(--oboi-heading); }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:has(.oboi-grand-total) th, .woocommerce-order table.woocommerce-table--order-details tfoot tr:has(.oboi-grand-total) td { padding-top: 22px !important; padding-bottom: 22px !important; background: rgba(127, 127, 127, .12); border-top: 2px solid var(--oboi-accent) !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:has(.oboi-grand-total) th { font-size: 22px; font-weight: 700; color: var(--oboi-heading); }
.oboi-grand-total { font-size: 28px; font-weight: 800; color: var(--oboi-accent-hover); }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child td { border-bottom: 0 !important; }
@media (max-width: 600px) {
  .woocommerce-order table.woocommerce-table--order-details th, .woocommerce-order table.woocommerce-table--order-details td { padding: 12px 14px !important; }
  .woocommerce-order table.woocommerce-table--order-details td.product-name, .woocommerce-order table.woocommerce-table--order-details td.product-total { font-size: 17px !important; }
  .oboi-grand-total { font-size: 24px; }
}

/* ----- сертификаты и дипломы: карточки документов ----- */
.oboi-docs__group { margin: clamp(28px, 4vw, 48px) 0 18px; }
.oboi-docs__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--oboi-space-gap); }
.oboi-doc { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.oboi-doc__thumb { position: relative; display: block; overflow: hidden; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: #fff; box-shadow: var(--oboi-shadow); transition: transform .25s ease, box-shadow .25s ease; }
.oboi-doc__thumb img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; }
@media (hover: hover) { .oboi-doc__thumb:hover { transform: translateY(-4px); box-shadow: var(--oboi-shadow-hover); } }
.oboi-doc__pages { position: absolute; right: 10px; bottom: 10px; padding: 3px 10px; border-radius: 999px; background: var(--oboi-accent); color: var(--oboi-on-accent); font-size: 12px; font-weight: 700; }
.oboi-doc__title { margin: 8px 0 0; font-weight: 600; line-height: 1.3; color: var(--oboi-heading); }
.oboi-doc__sub { margin: 0; font-size: 14px; line-height: 1.4; color: var(--oboi-text); }
/* подпись под увеличенным документом: вне потока, ширина = ширине изображения (длинная подпись не раздвигает окно и стрелки) */
.oboi-lightbox__cap { position: absolute; top: calc(100% + 10px); left: 0; right: 0; margin: 0; text-align: center; font-size: 14px; line-height: 1.4; color: rgba(255, 255, 255, .92); }

/* кнопки мессенджеров: значок и название строго по центру по вертикали (у ссылок в подвале большой межстрочный интервал смещал текст вниз) */
.oboi-msg, .oboi-msg__name { line-height: 1; }
.oboi-msg__name { display: inline-flex; align-items: center; }

/* ----- оформление заказа: оплата и подтверждение — отдельные блоки-карточки (на телефоне всё сливалось в один тёмный фон) ----- */
.woocommerce-checkout #payment { background: transparent; border: 0; border-radius: 0; padding: 0; margin-top: 8px; }
.woocommerce-checkout #payment .wc_payment_methods { display: grid; gap: 14px; margin: 0 0 20px; padding: 0; border: 0; }
.woocommerce-checkout #payment .wc_payment_methods > li { margin: 0; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); box-shadow: 0 2px 8px rgba(0, 0, 0, .18); overflow: hidden; transition: border-color .2s ease; }
.woocommerce-checkout #payment .wc_payment_methods > li:has(input:checked) { border-color: var(--oboi-accent); background: color-mix(in srgb, var(--oboi-accent) 9%, var(--oboi-surface)); }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method > label { display: flex; flex-flow: row nowrap; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; border: 0; font-weight: 600; line-height: 1.35; color: var(--oboi-heading); cursor: pointer; }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method > label::before { flex: 0 0 16px; margin: 0; }
body.woocommerce-checkout #payment .place-order { padding-top: 16px; }
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper { margin: 0; padding: 0; }
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; padding: 0; }
.woocommerce-checkout #payment .wc_payment_methods .payment_box { margin: 0; padding: 0 16px 14px 16px; border: 0; background: transparent; color: var(--oboi-text); font-size: 15px; }
.woocommerce-checkout #payment .wc_payment_methods .payment_box::before, .woocommerce-checkout #payment .wc_payment_methods .payment_box::after { display: none; }
.woocommerce-checkout #payment .wc_payment_methods .payment_box p { margin: 0; }
.woocommerce-checkout #payment .place-order { margin: 0; padding: 16px; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text { margin: 0 0 14px; font-size: 14px; line-height: 1.5; color: var(--oboi-text); }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p { margin: 0; }
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text { line-height: 1.4; }
.woocommerce-checkout #payment #place_order { width: 100%; margin-top: 16px; }
/* у второй и следующих карточек оплаты тема убирает верхнюю рамку (li + li { border-top: 0 }) — возвращаем полную рамку у каждой */
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method { border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method:has(input:checked) { border-color: var(--oboi-accent); }

/* ----- подвал на телефоне: блоки-карточки, списки в две колонки, плотные строки ----- */
@media (max-width: 560px) {
  .oboi-footer { margin-top: 32px; padding-top: 20px; }
  .oboi-footer__grid { gap: 12px; padding-bottom: 20px; }
  .oboi-footer__grid > :not(:first-child) { padding: 16px; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); background: var(--oboi-bg-raised); }
  .oboi-footer__title { margin: 0 0 8px; font-size: 12px; letter-spacing: .1em; color: var(--oboi-accent-hover); }
  .oboi-footer__list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
  .oboi-footer__list li { margin: 0; }
  .oboi-footer__list a { display: block; padding: 8px 0; font-size: 14px; line-height: 1.3; }
  .oboi-footer__phone { margin: 0 0 4px; font-size: 20px; }
  .oboi-footer__text { margin: 0 0 8px; font-size: 14px; line-height: 1.45; }
  .oboi-footer__chips { margin: 4px 0 12px; }
  .oboi-footer__bottom { gap: 8px; padding-block: 14px 20px; }
}

/* ----- оформление заказа: «Ваш заказ» — отдельные блоки (товары, подытог, доставка, итого) вместо одной таблицы ----- */
body.woocommerce-checkout .ct-order-review { padding: 0; border: 0; background: transparent; }
body.woocommerce-checkout #order_review_heading { margin: 0 0 14px; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table { display: grid; gap: 12px; margin: 0 0 12px; border: 0; background: transparent; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead { display: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody { display: block; padding: 4px 16px; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; border-bottom: 1px dashed var(--oboi-border); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item:last-child { border-bottom: 0; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td { display: block; padding: 12px 0; border: 0; background: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total { flex: 0 0 auto; white-space: nowrap; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot { display: contents; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th, body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td { display: block; padding: 0; border: 0; background: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping { flex-direction: column; align-items: stretch; gap: 8px; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total { border-color: var(--oboi-accent); background: color-mix(in srgb, var(--oboi-accent) 9%, var(--oboi-surface)); font-size: 18px; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td { color: var(--oboi-heading); font-weight: 700; }
/* оплата выходила за края (тема сдвигала её на ширину внутренней рамки, которой больше нет) */
body.woocommerce-checkout #payment { margin: 12px 0 0; padding: 0; width: auto; }
body.woocommerce-checkout #payment .wc_payment_methods, body.woocommerce-checkout #payment .place-order { margin-left: 0; margin-right: 0; }

/* «Ваш заказ»: один блок с разделителями строк (товары, подытог, доставка, итого), а не четыре отдельные карточки; отдельными остаются только способы оплаты */
body.woocommerce-checkout .woocommerce-checkout-review-order-table { display: block; margin: 0 0 20px; padding: 2px 16px; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody { padding: 0; border: 0; border-radius: 0; background: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item:last-child { border-bottom: 1px dashed var(--oboi-border); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot { display: block; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr { padding: 14px 0; border: 0; border-bottom: 1px dashed var(--oboi-border); border-radius: 0; background: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total { padding: 16px 0 14px; border-bottom: 0; background: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td { color: var(--oboi-accent-hover); }
/* согласие и кнопка — без отдельной рамки */
body.woocommerce-checkout #payment .place-order { padding: 0; border: 0; background: none; }

/* способы оплаты — один блок: строки разделены линией, выбранная отмечена золотой полоской, пояснение — во вставке под названием */
body.woocommerce-checkout #payment ul.wc_payment_methods { gap: 0; margin: 0 0 20px; border: 1px solid color-mix(in srgb, var(--oboi-text) 30%, transparent); border-radius: var(--oboi-radius-sm); background: var(--oboi-surface); overflow: hidden; }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method { border: 0; border-radius: 0; box-shadow: none; background: none; }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method + li.wc_payment_method { border-top: 1px solid var(--oboi-border); }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method:has(input:checked) { background: color-mix(in srgb, var(--oboi-accent) 8%, transparent); box-shadow: inset 3px 0 0 var(--oboi-accent); }
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method .payment_box { margin: 0 14px 14px; padding: 12px 14px; border-radius: 8px; background: color-mix(in srgb, var(--oboi-bg) 70%, transparent); font-size: 14px; line-height: 1.5; }
/* пояснение к способу оплаты — обычным приглушённым текстом под названием, без вставки */
body.woocommerce-checkout #payment ul.wc_payment_methods > li.wc_payment_method .payment_box { margin: 0; padding: 0 16px 14px 44px; border-radius: 0; background: none; font-size: 14px; line-height: 1.45; color: var(--oboi-text); }

/* товар нет в наличии (списки): кнопка-надпись приглушена и не похожа на «Додати в кошик», фото чуть приглушено */
.oboi-btn-oos, .oboi-btn-oos:hover, .oboi-btn-oos:focus { background: transparent !important; color: var(--oboi-text) !important; border: 1px solid var(--oboi-border) !important; box-shadow: none !important; font-weight: 500; cursor: default; opacity: .85; }
[data-products] .product.outofstock figure img { opacity: .55; filter: grayscale(.35); }

/* корзина: «Применить купон» и «Обновить корзину» — разные по виду и смыслу (главная золотая кнопка здесь только «Оформить заказ») */
.woocommerce-cart-form .actions .coupon .button[name="apply_coupon"] { background: transparent; color: var(--oboi-accent-hover); border: 1px solid var(--oboi-accent); box-shadow: none; }
.woocommerce-cart-form .actions .coupon .button[name="apply_coupon"]:hover { background: color-mix(in srgb, var(--oboi-accent) 14%, transparent); color: var(--oboi-accent-hover); }
.woocommerce-cart-form .actions .button[name="update_cart"] { background: var(--oboi-surface); color: var(--oboi-heading); border: 1px solid var(--oboi-border); box-shadow: none; font-weight: 500; }
.woocommerce-cart-form .actions .button[name="update_cart"]:hover:not(:disabled) { border-color: var(--oboi-text); }
.woocommerce-cart-form .actions .button[name="update_cart"]:disabled, .woocommerce-cart-form .actions .button[name="update_cart"][aria-disabled="true"] { opacity: .45; cursor: not-allowed; }

/* «Обновить корзину» заметнее: светлая рамка и текст; в неактивном состоянии — лишь слегка приглушена */
.woocommerce-cart-form .actions .button[name="update_cart"] { background: color-mix(in srgb, var(--oboi-text) 10%, transparent); color: var(--oboi-heading); border: 1px solid color-mix(in srgb, var(--oboi-text) 55%, transparent); font-weight: 600; }
.woocommerce-cart-form .actions .button[name="update_cart"]:hover:not(:disabled) { background: color-mix(in srgb, var(--oboi-text) 20%, transparent); border-color: var(--oboi-heading); }
.woocommerce-cart-form .actions .button[name="update_cart"]:disabled, .woocommerce-cart-form .actions .button[name="update_cart"][aria-disabled="true"] { opacity: .7; }

/* корзина, итог: обе кнопки — сплошные, как были, но разных цветов: «Применить купон» золотая, «Обновить корзину» нейтральная (серо-бежевая) */
.woocommerce-cart-form .actions .coupon .button[name="apply_coupon"] { background: var(--oboi-accent); color: var(--oboi-on-accent); border: 1px solid var(--oboi-accent); font-weight: 500; }
.woocommerce-cart-form .actions .coupon .button[name="apply_coupon"]:hover { background: var(--oboi-accent-hover); color: var(--oboi-on-accent); }
.woocommerce-cart-form .actions .button[name="update_cart"] { background: var(--oboi-text); color: var(--oboi-bg); border: 1px solid var(--oboi-text); font-weight: 500; }
.woocommerce-cart-form .actions .button[name="update_cart"]:hover:not(:disabled) { background: var(--oboi-heading); border-color: var(--oboi-heading); color: var(--oboi-bg); }
.woocommerce-cart-form .actions .button[name="update_cart"]:disabled, .woocommerce-cart-form .actions .button[name="update_cart"][aria-disabled="true"] { opacity: .55; }

/* «Просмотр корзины» после добавления товара: вторичная кнопка с золотым контуром (серая заливка тема делала бледной и нечитаемой) */
a.added_to_cart, .woocommerce a.added_to_cart.wc-forward { background: transparent !important; color: var(--oboi-accent-hover) !important; border: 1px solid var(--oboi-accent) !important; font-weight: 600; box-shadow: none; opacity: 1; }
a.added_to_cart:hover, .woocommerce a.added_to_cart.wc-forward:hover { background: color-mix(in srgb, var(--oboi-accent) 14%, transparent) !important; color: var(--oboi-accent-hover) !important; }

/* цена со скидкой: новая цена заметная (цвет скидки, полужирная, крупнее), старая — приглушённая и зачёркнутая */
.price ins, .sale-price ins, .wc-block-grid__product-price ins { text-decoration: none; font-weight: 700; color: var(--oboi-sale); font-size: 1.08em; }
.price del, .sale-price del, .wc-block-grid__product-price del { color: var(--oboi-text); opacity: .6; font-weight: 400; font-size: .85em; margin-right: 6px; }

/* выпадающие подменю шапки (переключатель языка): цвета темы, а не светлая подложка Blocksy в тёмной теме */
.ct-header .sub-menu, .menu-container .sub-menu { --dropdown-background-color: var(--oboi-bg-raised); background: var(--oboi-bg-raised) !important; border: 1px solid var(--oboi-border); border-radius: var(--oboi-radius-sm); box-shadow: var(--oboi-shadow-hover); }
.ct-header .sub-menu a, .menu-container .sub-menu a { color: var(--oboi-text); }
.ct-header .sub-menu a:hover, .menu-container .sub-menu a:hover { color: var(--oboi-heading); }

/* ----- переключатель языка ----- */
/* телефон (шторка): без выпадашки — оба языка сразу, как обычные пункты меню */
/* компьютер: компактное выпадающее меню языка — подложка светлее шапки, рамка, мягкая тень, отступы пунктов */
.ct-header .sub-menu { min-width: 160px; margin-top: 8px; padding: 6px; background: var(--oboi-surface) !important; border: 1px solid color-mix(in srgb, var(--oboi-text) 22%, transparent); border-radius: 12px; box-shadow: 0 14px 34px rgba(0, 0, 0, .35); }
.ct-header .sub-menu li { margin: 0; }
.ct-header .sub-menu a { display: block; padding: 10px 14px; border-radius: 8px; line-height: 1.2; }
.ct-header .sub-menu a:hover { background: color-mix(in srgb, var(--oboi-text) 10%, transparent); }
.ct-header .sub-menu .lang-item.current-lang > a::after { content: "\2713"; float: right; margin-left: 12px; }

/* язык: выпадающее меню на компьютере — прямо под пунктом (а не под всей шапкой); на телефоне — два «пилюль-пункта» в ряд, без отступов и маркеров подменю */
.ct-header [data-device="desktop"] .menu > li.menu-item-has-children > .sub-menu { top: calc(50% + 24px); margin-top: 0; }
#offcanvas 
/* кнопки товаров («Додати в кошик», «В корзину», оформление заказа) — полужирные, как у наших кнопок («До каталогу») */
[data-products] .button:not(.oboi-btn-oos), .wc-block-grid__product .wp-block-button__link, .single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt, #place_order, .checkout-button, .woocommerce .actions .coupon .button[name="apply_coupon"] { font-weight: 700; }

/* язык на телефоне: строка «Українська ⌄» раскрывается в аккуратную карточку со списком (без отступов и маркеров подменю), текущий — золотой с галочкой */
#offcanvas .mobile-menu li.pll-parent-menu-item .sub-menu { margin: 6px 0 14px; padding: 6px; border: 1px solid var(--oboi-border); border-radius: 14px; background: var(--oboi-surface); box-shadow: none; }
#offcanvas .mobile-menu .sub-menu li { margin: 0; padding: 0; }
#offcanvas .mobile-menu .sub-menu li::before, #offcanvas .mobile-menu .sub-menu li::after, #offcanvas .mobile-menu .sub-menu a::before { content: none !important; }
#offcanvas .mobile-menu .sub-menu a { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-radius: 10px; font-size: 17px; color: var(--oboi-text); box-shadow: none; }
#offcanvas .mobile-menu .sub-menu a:active { background: color-mix(in srgb, var(--oboi-text) 10%, transparent); }
#offcanvas .mobile-menu .sub-menu .lang-item.current-lang > a { padding-left: 14px; color: var(--oboi-accent-hover) !important; background: color-mix(in srgb, var(--oboi-accent) 9%, transparent); box-shadow: none; }
#offcanvas .mobile-menu .sub-menu .lang-item.current-lang > a::after { content: "\2713"; float: none; margin-left: 12px; }

/* небольшая тень под самим фото обоев (а не под карточкой): списки товаров и образцы в шапке главной */
[data-products] .product figure, .wc-block-grid__product-image { border-radius: var(--oboi-radius-sm); box-shadow: var(--oboi-img-shadow); }
.oboi-hero__tile { box-shadow: var(--oboi-img-shadow); }

/* значок числа на корзине не должен касаться кнопки темы справа: больший зазор между пунктами шапки */
.header-menu-1 .oboishop-cart-item { margin-right: 10px; }
.oboishop-cart-count { right: -6px; }

/* тёмная тема: усиление тени при наведении у карточек серий тоже убрано (тёмная тень на тёмном фоне только грязнит) */
html[data-theme="dark"] .oboi-series__link { box-shadow: none; }

/* «Читайте также»: четыре карточки в ряд на широком экране, две — на среднем, одна — на телефоне (ровная сетка, без пустого места справа) */
.oboi-post-grid--related { grid-template-columns: 1fr; }
@media (min-width: 640px) { .oboi-post-grid--related { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .oboi-post-grid--related { grid-template-columns: repeat(4, 1fr); } }

/* фото образца на карточке товара: чуть меньше и с лёгким скруглением углов */
.woocommerce-product-gallery .ct-product-gallery-container, .woocommerce-product-gallery .flexy-item .ct-media-container, .woocommerce-product-gallery .flexy-item img { border-radius: 8px; }
.woocommerce-product-gallery .ct-product-gallery-container { overflow: hidden; }

/* страница результатов поиска (и архивы): фото в карточках с лёгким скруглением углов */
.search .entry-card .ct-media-container, .search .entry-card .ct-media-container img, .archive .entry-card .ct-media-container, .archive .entry-card .ct-media-container img { border-radius: 10px; }
.search .entry-card .ct-media-container, .archive .entry-card .ct-media-container { overflow: hidden; }

/* кабинет: статус заказа внутри предложения пишется со строчной буквы («…на даний момент на утриманні») */
.woocommerce-MyAccount-content > p mark.order-status, .woocommerce p.order-info mark.order-status { text-transform: lowercase; background: none; padding: 0; font-weight: 600; }
.woocommerce-bacs-bank-details { margin-bottom: 2rem; }
.woocommerce h2.wc-bacs-bank-details-heading { margin: 24px 0 8px !important; font-size: 20px !important; font-weight: 700 !important; color: var(--oboi-heading); }
.woocommerce h3.wc-bacs-bank-details-account-name { margin: 0 0 8px !important; font-size: 17px !important; font-weight: 600 !important; color: var(--oboi-heading); }