/* ============================================================
   MUNIS — WooCommerce, режим витрины
   Тема: Neve Child. Источник истины: outputs/design-system-munis.md
   Переложение дизайн-системы на реальные классы WooCommerce 10.8.x.
   ============================================================ */

:root{
  /* ── Дизайн-система Munis v1 — outputs/design-system-munis.md ── */
  --paper:#ffffff;
  --surface:#f4f5f7;
  --plate:#edeff2;
  --sand:#f2eee8;
  --line:#e3e7ec;
  --line-strong:#cbd2da;
  --ink:#141a22;
  --ink-2:#4a5563;
  --muted:#8a94a1;
  --dark:#1a222d;
  --dark-2:#242e3c;
  --red:#ff0023;
  --red-600:#e4001f;
  --red-700:#d1001c;
  --red-50:#fff0f2;
  --sec-air:96px;
  --sec-dense:64px;
  --t-color:160ms ease-out;
  --t-move:240ms cubic-bezier(.2,.7,.3,1);
  --shadow-sticky:0 2px 12px rgba(20,26,34,.10);

}

/* ---------- БАЗА на коммерческих страницах ---------- */
.woocommerce-page, body.woocommerce, .woocommerce, .archive.woocommerce,
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account{
  background:var(--paper); color:var(--ink);
  font-family:'Golos Text',system-ui,sans-serif; font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3,.woocommerce h4,
.woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3{
  font-family:'Onest','Segoe UI',system-ui,sans-serif; font-weight:500; letter-spacing:-.01em; color:var(--ink);
}
.rg-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.woocommerce .eb,.eb{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}

/* ---------- КНОПКИ (канон: прямоугольные, radius 2px) ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button.alt,
.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button{
  font-family:'Golos Text',sans-serif!important; font-weight:600!important; font-size:15px!important;
  letter-spacing:.01em; padding:14px 26px!important; border-radius:8px!important;
  border:1px solid transparent!important; background:var(--red-600)!important; color:var(--paper)!important;
  text-transform:none!important; box-shadow:none!important; line-height:1.2!important;
  transition:background .2s,color .2s,border-color .2s; cursor:pointer;
}
/* .rg-btn здесь получает ТОЛЬКО геометрию и типографику. Заливка и цвет —
   в munis-blocks/shared/blocks.css у модификаторов --solid / --line, иначе
   контурная кнопка на тёмном hero заливается красным. */
.rg-btn{
  font-family:'Golos Text',sans-serif; font-weight:600; font-size:15px;
  letter-spacing:.01em; padding:14px 26px; border-radius:8px;
  text-transform:none; box-shadow:none; line-height:1.2; cursor:pointer;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce .button.alt:hover,.woocommerce #respond input#submit:hover,
.rg-btn-solid:hover,.rg-btn--solid:hover,.wc-block-components-button:hover{
  background:var(--red-700)!important; color:var(--paper)!important;
}
/* контурная кнопка (вторичная) */
.woocommerce a.button.rg-line,.woocommerce .button.wc-backward,
.rg-btn-line{
  background:transparent!important; color:var(--ink)!important; border-color:var(--ink)!important;
}
.woocommerce a.button.rg-line:hover,.woocommerce .button.wc-backward:hover,
.rg-btn-line:hover{ background:var(--ink)!important; color:var(--paper)!important; }
.rg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.rg-btn-solid,.rg-btn--solid{background:var(--red-600);color:var(--paper)}

/* ---------- ХЛЕБНЫЕ КРОШКИ ---------- */
.munis-crumbs,.woocommerce-breadcrumb{
  border-bottom:1px solid var(--line);
  font-size:13.5px; color:var(--muted); margin:0 0 0!important; padding:0;
}
.munis-crumbs .rg-wrap{padding:16px 28px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* Neve печатает разделитель крошек обратным слэшем («Бош саҳифа\Мебель»).
   Фильтра на него в этой сборке нет — подменяем символ стилями. */
.nv-breadcrumb-delimiter{font-size:0;line-height:0;color:transparent}
.nv-breadcrumb-delimiter::after{content:"/";font-size:13.5px;line-height:1;color:var(--line-strong)}
.woocommerce-breadcrumb a{color:var(--ink-2)}
.woocommerce-breadcrumb a:hover{color:var(--red-600)}
.woocommerce-breadcrumb .sep{color:var(--line)}

/* ---------- ВЫРАВНИВАНИЕ КАТАЛОГА ПО ШАПКЕ ---------- */
/* Neve-контейнер каталога: убираем свои отступы, .rg-wrap внутри даёт нужные 28px */
.woocommerce-shop .container.shop-container,
.tax-product_cat .container.shop-container{padding-left:0!important;padding-right:0!important}
.woocommerce-shop .container.shop-container>.row,
.tax-product_cat .container.shop-container>.row{margin-left:0!important;margin-right:0!important}
/* WC-сетка товаров: border-left на краю элемента — padding создавал бы "пустую" ячейку слева.
   Вместо padding — max-width = 1280 - 56 (2×28), чтобы граница сетки совпадала с rg-wrap */
.woocommerce-shop ul.products,
.tax-product_cat ul.products{
  max-width:1280px;margin-left:auto!important;margin-right:auto!important;
  padding-left:28px!important;padding-right:28px!important;box-sizing:border-box}
/* Пагинация — без border, можно оставить padding-подход */
.woocommerce-shop .woocommerce-pagination,
.tax-product_cat .woocommerce-pagination{
  max-width:1280px;margin-left:auto!important;margin-right:auto!important;
  padding-left:28px!important;padding-right:28px!important;box-sizing:border-box}

/* ---------- ШАПКА АРХИВА: крошки → заголовок + счётчик → сортировка ----------
   Порядок и отступы — по утверждённому мокапу outputs/design-mockups/Catalog.dc.html */
.munis-crumbs-row .rg-wrap{max-width:1280px;margin:0 auto;padding:22px 28px 0}
.munis-crumbs-row .rgnbar-crumbs{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:14px;color:var(--muted)}
.munis-crumbs-row .rgnbar-crumbs a{color:var(--ink-2)}
.munis-crumbs-row .rgnbar-crumbs a:hover{color:var(--red-700)}
.munis-crumbs-row .rgnbar-crumbs .sep{color:var(--line-strong)}

.munis-phead .rg-wrap{
  max-width:1280px;margin:0 auto;padding:18px 28px 0;
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.munis-phead__title{
  font-family:'Onest','Segoe UI',system-ui,sans-serif;font-weight:700;
  font-size:clamp(30px,3.6vw,44px);line-height:1.06;letter-spacing:-.02em;
  color:var(--ink);margin:0}
.munis-phead__count{
  font-size:15px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.woocommerce .woocommerce-products-header,
.woocommerce-page .woocommerce-products-header{padding:0;margin:0}
.woocommerce .woocommerce-products-header__title,
.woocommerce h1.page-title,.woocommerce .term-description+*,
.woocommerce-products-header__title.page-title{
  font-family:'Onest',serif!important; font-weight:500!important;
  font-size:clamp(34px,4.4vw,54px)!important; line-height:1.04!important;
  letter-spacing:-.015em; color:var(--ink); margin:6px 0 0; padding:0 28px;
  max-width:1280px; margin-left:auto; margin-right:auto;
}
.munis-shop-intro{
  max-width:1280px; margin:0 auto; padding:16px 28px 32px;
  color:var(--ink-2); font-size:17px;
}
.woocommerce .term-description{max-width:1280px;margin:14px auto 0;padding:0 28px 36px;color:var(--ink-2);font-size:17px}

/* ---------- ТУЛБАР АРХИВА: крошки + счётчик + сортировка ---------- */
.munis-toolbar .rg-wrap{
  display:flex;align-items:center;justify-content:flex-end;
  padding:0 28px 24px;margin-top:32px;gap:20px;max-width:1280px;margin-left:auto;margin-right:auto;
  border-bottom:1px solid var(--line);
}
.munis-toolbar .rgnbar-crumbs{
  font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.munis-toolbar .rgnbar-crumbs a{color:var(--ink-2)}
.munis-toolbar .rgnbar-crumbs a:hover{color:var(--red-600)}
.munis-toolbar .rgnbar-crumbs .sep{color:var(--line)}
.munis-toolbar .rgnbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}
.munis-toolbar .woocommerce-result-count{
  color:var(--muted);font-size:13.5px;letter-spacing:.02em;margin:0;
}
.munis-toolbar .woocommerce-ordering{margin:0}

/* Верхний отступ каталога задаёт сама шапка архива (22px у крошек):
   60px margin-top у колонки Neve и 52px padding у .neve-main давали
   пустую полосу почти в экран высотой. */
.woocommerce-shop .neve-main,
.tax-product_cat .neve-main{padding-top:0!important}
.woocommerce-shop .nv-index-posts.nv-shop,
.tax-product_cat .nv-index-posts.nv-shop{margin-top:0!important}

/* Neve-колонка каталога.
   Раньше она пряталась целиком — но тогда шапка архива, тулбар и сетка
   товаров оказывались ВНЕ колонки, вторым элементом флекс-ряда .row,
   и каталог с полосой «поможем подобрать» вставали в две колонки внахлёст.
   Теперь весь каталог лежит внутри колонки, а гасятся только дубли,
   которые Neve печатает сама: крошки со счётчиком и её блок сортировки. */
.woocommerce-shop .nv-index-posts.nv-shop,
.tax-product_cat .nv-index-posts.nv-shop{
  display:block!important;max-width:100%!important;flex:0 0 100%!important;
  padding-left:0!important;padding-right:0!important}
.woocommerce-shop .nv-index-posts.nv-shop > .nv-bc-count-wrap,
.tax-product_cat .nv-index-posts.nv-shop > .nv-bc-count-wrap,
.woocommerce-shop .nv-woo-filters,
.tax-product_cat .nv-woo-filters{display:none!important}

/* CSS-страховка: скрыть дубли счётчика / сортировки / крошек вне нашего тулбара.
   Работает даже если remove_action не сработал (Neve вызывает напрямую из шаблона). */
.woocommerce-shop .woocommerce-result-count,
.woocommerce-shop form.woocommerce-ordering,
.woocommerce-shop .woocommerce-breadcrumb,
.tax-product_cat .woocommerce-result-count,
.tax-product_cat form.woocommerce-ordering,
.tax-product_cat .woocommerce-breadcrumb{display:none!important}

/* Восстановить внутри нашего тулбара (3 класса > 2 класса — выигрывает) */
.woocommerce-shop .munis-toolbar .woocommerce-result-count,
.woocommerce-shop .munis-toolbar form.woocommerce-ordering,
.tax-product_cat .munis-toolbar .woocommerce-result-count,
.tax-product_cat .munis-toolbar form.woocommerce-ordering{display:block!important}

/* ---------- TOOLBAR: счётчик + сортировка (вне тулбара, если остались) ---------- */
.woocommerce .woocommerce-result-count{
  color:var(--muted); font-size:14px; letter-spacing:.02em; margin:0;
}
.woocommerce .woocommerce-ordering{margin:0}
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby{
  appearance:none; -webkit-appearance:none; font-family:'Golos Text'; font-size:14.5px; font-weight:600;
  color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:2px;
  padding:11px 40px 11px 16px; cursor:pointer; background-image:
    linear-gradient(45deg,transparent 50%,var(--ink) 50%),
    linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;
  background-size:5px 5px,5px 5px; background-repeat:no-repeat;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{position:relative}

/* ---------- СЕТКА ТОВАРОВ (дизайн-система §4.3) ----------
   Карточки разделены зазором и рамкой, а не общей сеткой в 1px:
   плотная collapsed-сетка досталась от Рогнеды и на 11 товарах
   читается как таблица, а не как витрина. */
.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important; margin:8px 0 0!important; padding:0!important;
  border:0!important; list-style:none;
}
/* ::before/::after clearfix из woocommerce-layout.css стали grid-item'ами — скрываем */
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto!important; margin:0!important; padding:0!important;
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
  background:var(--paper); position:relative; text-align:left;
  display:flex; flex-direction:column;
  transition:border-color var(--t-color);
}
.woocommerce ul.products li.product:hover{border-color:var(--line-strong);background:var(--paper)}

/* Фото: квадрат на подложке --plate, товар вписан с полем 8%.
   Маска-затухание снизу и mix-blend-mode — приёмы канона Рогнеды, убраны. */
.woocommerce ul.products li.product .munis-card__ph{display:block;position:relative;background:var(--plate);overflow:hidden}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img{
  margin:0!important; width:100%!important; aspect-ratio:1;
  object-fit:contain; object-position:center; background:var(--plate);
  padding:8%; box-shadow:none!important;
  -webkit-mask-image:none!important; mask-image:none!important;
  transition:transform var(--t-move);
}
.woocommerce ul.products li.product:hover img{transform:scale(1.03)}

/* Тело карточки */
.woocommerce ul.products li.product .munis-card__bd{
  display:flex; flex-direction:column; gap:8px; flex:1; padding:16px 18px 18px;
}
.woocommerce ul.products li.product .munis-card__buy{
  display:flex; flex-direction:column; gap:6px; margin-top:auto; padding-top:10px;
}
.woocommerce ul.products li.product .munis-card__title{display:block;color:inherit}

/* Категория — приглушённый eyebrow, не красный: красный тут не действие */
.woocommerce ul.products li.product .rg-cat{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:700;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
  font-family:'Golos Text',system-ui,sans-serif!important; font-weight:600!important; font-size:17px!important;
  line-height:1.35!important; margin:0!important; padding:0!important; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce ul.products li.product .munis-card__title:hover .woocommerce-loop-product__title{color:var(--ink)}
.woocommerce ul.products li.product .rg-desc{
  font-size:13px; color:var(--muted); line-height:1.4; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce ul.products li.product .rg-row{margin:0;border:0;padding:0;display:block}
.woocommerce ul.products li.product .price{
  font-family:'Onest','Segoe UI',system-ui,sans-serif!important; font-size:20px!important; font-weight:700!important;
  color:var(--ink)!important; margin:0!important; font-variant-numeric:tabular-nums;
}
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price small{
  font-family:'Golos Text',system-ui,sans-serif; font-size:13px; color:var(--muted); font-weight:500;
}
.woocommerce ul.products li.product .munis-price-ask{font-size:20px}
/* Рассрочка — отдельная строка под ценой (приём Asaxiy/Texnomart) */
.woocommerce ul.products li.product .munis-instal{font-size:13px;font-weight:500;color:var(--red-700);margin:0}
/* Кнопка звонка — во всю ширину карточки, единственное действие */
.woocommerce ul.products li.product .munis-call{
  display:flex; align-items:center; justify-content:center; margin:6px 0 0;
  height:48px; padding:0 16px!important; border-radius:8px;
  background:var(--red-600)!important; color:#fff!important; border:0!important;
  font-family:'Golos Text',system-ui,sans-serif; font-weight:600; font-size:16px;
  transition:background var(--t-color);
}
.woocommerce ul.products li.product .munis-call:hover{background:var(--red-700)!important;color:#fff!important}

/* Бейдж скидки — белым по --red-600 (белое на #FF0023 не проходит AA) */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  background:var(--red-600)!important; color:#fff!important; border-radius:0!important;
  font-size:11px!important; letter-spacing:.08em; text-transform:uppercase; font-weight:700!important;
  padding:6px 9px!important; min-height:0!important; min-width:0!important; line-height:1;
  position:absolute; top:12px; left:12px; margin:0!important; z-index:2;
}

/* Фокус клавиатурой */
.woocommerce ul.products li.product a:focus-visible{outline:2px solid var(--red-600);outline-offset:2px}

/* ---------- ПАГИНАЦИЯ ---------- */
.woocommerce nav.woocommerce-pagination{margin-top:48px;margin-bottom:80px;text-align:center;border:0}
.woocommerce nav.woocommerce-pagination ul{border:0;display:inline-flex;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px;height:42px;display:grid;place-items:center;font-size:15px;font-weight:600;
  border:1px solid var(--line)!important;border-radius:2px;color:var(--ink-2);padding:0 12px;
  background:transparent;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--ink)!important;color:var(--ink);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--red-600)!important;border-color:var(--red-600)!important;color:var(--paper)!important;
}

/* ============================================================
   КАРТОЧКА ТОВАРА (single-product) — дизайн-система §4.7
   ============================================================ */
.woocommerce div.product{margin-top:30px}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{margin-top:0}
.woocommerce div.product .woocommerce-product-gallery{position:relative}
/* Главное фото — на подложке --plate, как в карточке листинга */
/* Целимся точно в главное фото: `div.images img` задевал и миниатюры,
   и слой лупы .zoomImg (позиционируется абсолютно — поле сбивало совмещение),
   и картинку-эмодзи кнопки увеличения. */
.woocommerce div.product .woocommerce-product-gallery__image > a > img{
  border:0; border-radius:12px; background:var(--plate); padding:7%;
  object-fit:contain; aspect-ratio:1;
}
/* Кнопка увеличения WooCommerce рисуется эмодзи-лупой — эмодзи в стоп-листе. */
.woocommerce div.product .woocommerce-product-gallery__trigger{display:none}
/* Миниатюры: активная обведена красным */
.woocommerce div.product .flex-control-thumbs{display:flex;gap:12px;margin:12px 0 0;padding:0;list-style:none}
.woocommerce div.product .flex-control-thumbs li{width:auto;flex:0 0 92px;margin:0}
.woocommerce div.product .flex-control-thumbs img{
  border-radius:8px;padding:8%;background:var(--plate);opacity:1;
  border:1px solid var(--line);aspect-ratio:1;cursor:pointer;transition:border-color var(--t-color);
}
.woocommerce div.product .flex-control-thumbs img:hover{border-color:var(--line-strong)}
.woocommerce div.product .flex-control-thumbs img.flex-active{border:2px solid var(--red-600);padding:calc(8% - 1px)}

.woocommerce div.product .product_title.entry-title{
  font-family:'Onest','Segoe UI',system-ui,sans-serif!important; font-weight:700!important;
  font-size:clamp(30px,3.2vw,38px)!important; line-height:1.08!important;
  letter-spacing:-.02em; margin:10px 0 14px; color:var(--ink);
}
.woocommerce div.product .rg-cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:16px; color:var(--ink-2); max-width:480px; margin:0 0 22px; line-height:1.65;
}
/* Наличие — контурная плашка без точки-индикатора (точки в стоп-листе) */
.woocommerce div.product .stock.in-stock{
  display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-strong);
  padding:6px 9px;margin:0 0 18px;
}
.woocommerce div.product .stock.in-stock::before{content:none}

/* ---------- БЛОК ПОКУПКИ ---------- */
.munis-buybox{
  display:flex;flex-direction:column;gap:10px;
  background:var(--red-50);border-radius:12px;padding:24px;margin:0 0 24px;
}
.woocommerce div.product .munis-buybox p.price,
.woocommerce div.product .munis-buybox span.price{
  font-family:'Onest','Segoe UI',system-ui,sans-serif!important; font-size:34px!important; font-weight:700!important;
  color:var(--ink)!important; margin:0!important; line-height:1.05; font-variant-numeric:tabular-nums;
}
.woocommerce div.product .munis-buybox p.price .woocommerce-Price-currencySymbol{
  font-family:'Golos Text',system-ui,sans-serif;font-size:16px;color:var(--muted);font-weight:500
}
.munis-buybox .munis-instal{font-size:14px}
.munis-buybox .munis-call-note{margin:2px 0 6px;font-size:14px;color:var(--ink-2);max-width:420px}
.woocommerce div.product .munis-call--single{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  height:52px;padding:0 28px;border-radius:8px;
  background:var(--red-600);color:#fff;border:0;
  font-family:'Golos Text',system-ui,sans-serif;font-weight:600;font-size:16px;
  transition:background var(--t-color);
}
.woocommerce div.product .munis-call--single:hover{background:var(--red-700);color:#fff}

/* ---------- ФАКТЫ ---------- */
.munis-facts{list-style:none;margin:0 0 24px;padding:22px 0 0;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:16px}
.munis-facts li{display:flex;gap:12px;align-items:flex-start}
.munis-facts svg{width:20px;height:20px;flex:none;margin-top:3px;fill:none;stroke:var(--red-700);
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.munis-facts b{display:block;font-family:'Golos Text',system-ui,sans-serif;font-weight:600;font-size:15px;color:var(--ink)}
.munis-facts div{font-size:14px;color:var(--ink-2);line-height:1.5}

.woocommerce div.product form.cart{margin:0}
.woocommerce div.product .product_meta{
  border-top:1px solid var(--line);padding-top:20px;margin-top:0;font-size:14px;color:var(--ink-2);
}
.woocommerce div.product .product_meta>span{display:block;margin-bottom:9px}
.woocommerce div.product .product_meta a,.woocommerce div.product .product_meta .sku{color:var(--ink);font-weight:600}
/* табы описания */
.woocommerce div.product .woocommerce-tabs{margin-top:70px;border-top:1px solid var(--line);padding-top:34px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 30px;display:flex;gap:34px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 16px;margin:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:'Golos Text';font-size:15px;font-weight:600;color:var(--muted);padding:0;letter-spacing:.02em;
  border-bottom:2px solid transparent;margin-bottom:-1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-color:var(--red-600)}
.woocommerce div.product .woocommerce-Tabs-panel{max-width:760px;font-size:16px;color:var(--ink-2);line-height:1.75}
.woocommerce div.product .woocommerce-Tabs-panel h2{font-family:'Onest';font-weight:500;font-size:24px;color:var(--ink);margin-bottom:14px}
/* похожие товары */
.woocommerce .related.products,.woocommerce .upsells.products{margin-top:80px}
.woocommerce .related.products>h2,.woocommerce .upsells.products>h2{
  font-family:'Onest';font-weight:500;font-size:clamp(28px,3vw,38px);margin-bottom:30px;color:var(--ink);
}

/* ============================================================
   КОРЗИНА (cart) — классический шорткод [woocommerce_cart]
   ============================================================ */
.woocommerce table.shop_table{border:0;border-collapse:collapse;border-radius:0;font-size:15.5px}
.woocommerce-cart table.cart thead th{
  font-family:'Golos Text';font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  font-weight:700;border-bottom:1px solid var(--line);padding:0 16px 16px;background:transparent;
}
.woocommerce-cart table.cart td{padding:22px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.woocommerce-cart table.cart img{width:72px;border:1px solid var(--line);background:var(--paper);padding:7px}
.woocommerce-cart table.cart td.product-name a{font-family:'Onest';font-size:19px;font-weight:500;color:var(--ink)}
.woocommerce-cart table.cart td.product-name a:hover{color:var(--red-600)}
.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal{font-family:'Onest';font-size:19px;font-weight:500;color:var(--ink)}
.woocommerce a.remove{
  color:var(--muted)!important;font-size:18px;line-height:1;border:0;width:auto;height:auto;border-radius:0;
}
.woocommerce a.remove:hover{color:var(--red-700)!important;background:transparent!important}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals{float:none;width:100%}
.woocommerce .cart_totals{background:var(--paper);border:1px solid var(--line);padding:30px}
.woocommerce .cart_totals h2{font-family:'Onest';font-size:23px;font-weight:500;margin-bottom:18px}
.woocommerce .cart_totals table{border:0}
.woocommerce .cart_totals table th,.woocommerce .cart_totals table td{border-top:1px solid var(--line);padding:14px 0;font-size:15px}
.woocommerce .cart_totals .order-total .amount{font-family:'Onest';font-size:28px;font-weight:600;color:var(--ink)}
.woocommerce .coupon .input-text{border:1px solid var(--line)!important;border-radius:2px;padding:13px 15px;background:var(--paper)}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;text-align:center}

/* TOP PADDING — через .neve-main в footer-canon.css (глобально) */

/* ============================================================
   ОФОРМЛЕНИЕ (checkout) — классический шорткод [woocommerce_checkout]
   ============================================================ */
.woocommerce-checkout h3,
.woocommerce form.checkout h3{
  font-family:'Onest';font-weight:500;font-size:24px;color:var(--ink);
  margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.woocommerce form .form-row label,
.woocommerce-checkout label{font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:.02em;margin-bottom:7px}
.woocommerce form .form-row .required{color:var(--red-700)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select,
.woocommerce .select2-container .select2-selection{
  font-family:'Golos Text'!important;font-size:15.5px!important;color:var(--ink);background:var(--paper)!important;
  border:1px solid var(--line)!important;border-radius:2px!important;padding:13px 15px!important;box-shadow:none!important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--red-600)!important}
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{background:transparent}
.woocommerce-checkout table.shop_table{background:var(--paper);border:1px solid var(--line)}
.woocommerce-checkout #order_review .order-total .amount{font-family:'Onest';font-size:26px;font-weight:600;color:var(--ink)}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{
  border:0;padding:0;display:grid;gap:12px;
}
.woocommerce-checkout #payment ul.payment_methods li{
  border:1px solid var(--line);border-radius:2px;padding:16px 18px;list-style:none;background:var(--paper);
}
.woocommerce-checkout #payment div.payment_box{background:var(--surface);border-radius:0;margin-top:12px;font-size:14px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #place_order{width:100%;padding:17px 32px!important;font-size:16px!important;margin-top:10px}

/* ============================================================
   ЗАКАЗ ПРИНЯТ (order-received / thankyou)
   ============================================================ */
.woocommerce .woocommerce-order{max-width:760px;margin:50px auto}
.woocommerce-order .woocommerce-notice--success,
.woocommerce-order p.woocommerce-thankyou-order-received{
  font-family:'Onest';font-weight:500;font-size:clamp(28px,3.4vw,42px);line-height:1.1;
  color:var(--ink);background:transparent;border:0;border-left:0;padding:0;text-align:center;margin-bottom:30px;
}
.woocommerce ul.order_overview,
.woocommerce ul.woocommerce-order-overview{
  border:1px solid var(--line);background:var(--paper);display:flex;flex-wrap:wrap;gap:24px 50px;
  padding:28px 34px;margin:0 0 28px;
}
.woocommerce ul.order_overview li,
.woocommerce ul.woocommerce-order-overview li{
  border:0;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:0;
}
.woocommerce ul.woocommerce-order-overview li strong{
  display:block;font-family:'Onest';font-size:19px;font-weight:500;color:var(--ink);text-transform:none;letter-spacing:0;margin-top:6px;
}
.woocommerce-order-details__title,.woocommerce-column__title{
  font-family:'Onest';font-weight:500;font-size:24px;color:var(--ink);margin:36px 0 16px;
}

/* ============================================================
   ЛИЧНЫЙ КАБИНЕТ (my-account)
   ============================================================ */
.woocommerce-account.logged-in .woocommerce{display:flex!important;gap:48px;align-items:flex-start}
.woocommerce-account.logged-in .woocommerce::after{display:none}
.woocommerce-MyAccount-navigation{
  width:240px;flex-shrink:0;
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.woocommerce-MyAccount-navigation ul li a{
  display:block;padding:13px 16px;font-size:15px;font-weight:600;color:var(--ink-2);
  border-left:2px solid transparent;transition:.2s;
}
.woocommerce-MyAccount-navigation ul li a:hover{color:var(--ink);background:var(--surface)}
.woocommerce-MyAccount-navigation ul li.is-active a{color:var(--ink);border-color:var(--red-600);background:var(--surface)}
.woocommerce-MyAccount-content{flex:1;min-width:0;overflow:hidden}
.woocommerce-MyAccount-content table.shop_table th{
  font-family:'Golos Text';font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a{
  font-family:'Onest';font-weight:500;font-size:18px;color:var(--ink);
}
/* формы входа/регистрации */
.woocommerce-account .woocommerce>.u-columns,
.woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:840px;margin:0 auto;float:none;width:100%}
.woocommerce form.login,.woocommerce form.register{
  border:1px solid var(--line)!important;background:var(--paper);padding:38px 36px!important;border-radius:0!important;margin:0;
}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none}
.woocommerce form.login h2,.woocommerce form.register h2{font-family:'Onest';font-weight:500;font-size:26px;margin-bottom:18px}

/* ---------- NOTICES (info/success/error) ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
  background:var(--surface)!important;border-top:0;border-left:2px solid var(--red-600);border-radius:0;
  color:var(--ink-2);font-size:14.5px;padding:16px 20px;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--red-600)}
.woocommerce-error{border-left-color:var(--red-700)}

/* ============================================================
   BLOCK CHECKOUT (woocommerce/checkout) — стилизация под канон
   ============================================================ */

/* Скрыть поле «Страна/регион» — продаём только в UZ */
.wc-block-checkout .wc-block-components-country-input{display:none!important}

/* Заголовки секций */
.wc-block-checkout .wc-block-components-form-step__heading{
  font-family:'Onest';font-weight:500;font-size:22px;color:var(--ink);
  margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line);
}

/* ── Текстовые поля ── */
.wc-block-checkout .wc-block-components-text-input{
  border:1px solid var(--line)!important;border-radius:2px!important;background:var(--paper)!important;
}
.wc-block-checkout .wc-block-components-text-input input{
  font-family:'Golos Text',system-ui,sans-serif!important;font-size:15px!important;
  color:var(--ink)!important;background:transparent!important;
}
.wc-block-checkout .wc-block-components-text-input label{
  font-family:'Golos Text',system-ui,sans-serif!important;font-size:13px!important;
  font-weight:600!important;color:var(--ink-2)!important;
}
.wc-block-checkout .wc-block-components-text-input:focus-within{
  border-color:var(--red-600)!important;
}

/* ── Select поля (Город и прочие) — под стиль text-input ── */
.wc-block-checkout .wc-block-components-select{
  border:1px solid var(--line)!important;border-radius:2px!important;
  background:var(--paper)!important;box-shadow:none!important;
}
.wc-block-checkout .wc-block-components-select select{
  font-family:'Golos Text',system-ui,sans-serif!important;font-size:15px!important;
  color:var(--ink)!important;background:transparent!important;
  padding:20px 38px 8px 15px!important;border:0!important;box-shadow:none!important;
  appearance:none!important;-webkit-appearance:none!important;
}
.wc-block-checkout .wc-block-components-select__label{
  font-family:'Golos Text',system-ui,sans-serif!important;
  font-size:12px!important;font-weight:600!important;color:var(--ink-2)!important;
  letter-spacing:.02em!important;
}
/* Лейбл select скрыт — видно только значение/placeholder */
.wc-block-checkout .wc-block-components-select__label{display:none!important}
/* Стрелка select */
.wc-block-checkout .wc-block-components-select .wc-block-components-select__expand-icon{
  right:14px!important;fill:var(--ink-2)!important;
}
.wc-block-checkout .wc-block-components-select:focus-within{
  border-color:var(--red-600)!important;
}

/* ── «Нет доступных способов оплаты» — убрать оранжевый ── */
.wc-block-checkout .wc-block-components-notice-banner,
.wc-block-checkout .wc-block-components-notice-banner.is-error{
  background:var(--surface)!important;border-left:2px solid var(--line)!important;
  border-radius:0!important;color:var(--ink-2)!important;font-size:14px!important;
}
.wc-block-checkout .wc-block-components-notice-banner svg{
  fill:var(--muted)!important;color:var(--muted)!important;
}

/* ── Кнопка «Оформить заказ» ── */
.wc-block-checkout .wc-block-components-checkout-place-order-button{
  background:var(--red-600)!important;border-radius:2px!important;border:0!important;
  font-family:'Golos Text',system-ui,sans-serif!important;font-weight:700!important;
  font-size:15.5px!important;letter-spacing:.06em!important;
  padding:17px 32px!important;color:var(--paper)!important;width:100%!important;
  transition:background .2s!important;
}
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover{
  background:var(--ink)!important;
}

/* ── Итоговый блок справа ── */
.wc-block-checkout .wc-block-components-order-summary__button-text{
  font-family:'Golos Text',system-ui,sans-serif!important;font-weight:600!important;color:var(--ink)!important;
}
.wc-block-order-summary-item__individual-prices .wc-block-components-product-name{
  font-family:'Golos Text',system-ui,sans-serif!important;
}

/* ---------- HELP BAND над футером ---------- */
.munis-help{border-top:1px solid var(--line);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.munis-help .rg-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px 28px;flex-wrap:wrap}
.munis-help h3{font-family:'Onest';font-weight:500;font-size:clamp(26px,3vw,36px);color:var(--ink);max-width:560px;line-height:1.1}
.munis-help h3 em{font-style:normal;font-weight:700;color:var(--red-700)}

/* ---------- АДАПТИВ ---------- */
@media(max-width:1200px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:980px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}
  .woocommerce-account.logged-in .woocommerce{flex-direction:column;gap:0}
  .woocommerce-MyAccount-navigation{width:100%;margin:0 0 26px}
  .woocommerce-account .woocommerce>.u-columns,.woocommerce .col2-set{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}
  .munis-help .rg-wrap{flex-direction:column;align-items:flex-start;gap:20px}
}

/* ---------- ПЛАНШЕТ (768px–1023px) ---------- */
@media(max-width:1023px){
  .rg-wrap{padding:0 20px}
  .munis-crumbs-row .rg-wrap{padding:18px 20px 0}
  .munis-phead .rg-wrap{padding:14px 20px 0}
  .munis-toolbar .rg-wrap{margin-top:26px;padding:0 20px 20px}
  .woocommerce-shop ul.products,.tax-product_cat ul.products{padding-left:20px!important;padding-right:20px!important}
  .woocommerce-shop .woocommerce-pagination,.tax-product_cat .woocommerce-pagination{padding-left:20px!important;padding-right:20px!important}
  .munis-shop-intro{padding:12px 20px 24px}
  .munis-help .rg-wrap{padding:44px 20px;gap:28px}
  .woocommerce div.product .woocommerce-product-gallery__image > a > img{padding:7%}
  .woocommerce-account .woocommerce>.u-columns,.woocommerce .col2-set{gap:28px}
}

/* ---------- МОБИЛЬНЫЙ тулбар ---------- */
@media(max-width:599px){
  .munis-crumbs-row .rg-wrap{padding:16px 16px 0}
  .munis-phead .rg-wrap{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px 0}
  .munis-toolbar .rg-wrap{justify-content:flex-start;margin-top:20px;padding:0 16px 16px}
  .munis-toolbar .rgnbar-right{gap:12px}
  .munis-shop-intro{padding:10px 16px 20px}
  .woocommerce-shop ul.products,.tax-product_cat ul.products{padding-left:16px!important;padding-right:16px!important}
  .woocommerce-shop .woocommerce-pagination,.tax-product_cat .woocommerce-pagination{padding-left:16px!important;padding-right:16px!important}
}

/* ---------- МОБИЛЬНЫЙ (≤599px) ---------- */
@media(max-width:599px){
  /* Обёртки */
  .rg-wrap{padding:0 16px}
  .munis-crumbs .rg-wrap{padding:12px 16px}
  .munis-shop-intro{padding:0 16px 24px;font-size:16px}
  .woocommerce .term-description{padding:0 16px 24px;font-size:16px}

  /* Сетка товаров */
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}
  .woocommerce ul.products,.woocommerce-page ul.products{gap:12px!important}
  .woocommerce ul.products li.product .munis-card__bd{padding:12px 12px 14px;gap:6px}
  .woocommerce ul.products li.product .munis-call{height:44px;font-size:15px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important}
  .woocommerce ul.products li.product .price{font-size:17px!important}
  .woocommerce ul.products li.product .munis-price-ask{font-size:17px}

  /* Пагинация */
  .woocommerce nav.woocommerce-pagination{margin-top:32px;margin-bottom:48px}

  /* Карточка товара */
  .woocommerce div.product{margin-top:16px}
  .woocommerce div.product .woocommerce-product-gallery__image > a > img{padding:7%}
  .woocommerce div.product .munis-buybox{padding:18px}
  .woocommerce div.product .munis-buybox p.price,.woocommerce div.product .munis-buybox span.price{font-size:28px!important}
  .woocommerce div.product .munis-price-ask{font-size:26px}
  .woocommerce div.product .munis-call--single{width:100%;align-self:stretch}
  .woocommerce div.product .flex-control-thumbs li{flex-basis:68px}
  .woocommerce div.product .woocommerce-tabs ul.tabs{gap:18px}
  .woocommerce div.product .woocommerce-tabs{margin-top:40px}

  /* Корзина — горизонтальный скролл таблицы */
  .woocommerce table.shop_table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .woocommerce-cart table.cart td{padding:14px 10px}
  .woocommerce-cart table.cart img{width:54px}
  .woocommerce .cart_totals{padding:20px 16px}

  /* Top padding — через .neve-main в footer-canon.css */
  /* Оформление заказа (classic + block) */
  .woocommerce-checkout #place_order{padding:15px 20px!important}
  .wc-block-checkout .wc-block-components-checkout-place-order-button{padding:15px 20px!important}
  .wc-block-checkout .wc-block-components-form-step__heading{font-size:19px!important}
  .woocommerce form.login,.woocommerce form.register{padding:24px 18px!important}

  /* Личный кабинет */
  .woocommerce-MyAccount-navigation ul li a{padding:10px 12px;font-size:14px}

  /* Help band */
  .munis-help .rg-wrap{flex-direction:column;align-items:flex-start;gap:16px;padding:36px 16px}

  /* Заказ принят */
  .woocommerce ul.order_overview,.woocommerce ul.woocommerce-order-overview{padding:18px 16px;gap:16px 28px}
}
