/* ============================================================
   01-base.css
   База: шрифты, переменные, body, контейнер
   Грузится ВЕЗДЕ
   ============================================================ */

/* === ШРИФТЫ === */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Unbounded:wght@600;700;800;900&display=swap');

/* === ФИРМЕННЫЕ ПЕРЕМЕННЫЕ === */
:root{
  --hg-lime:#D4FF3A;
  --hg-lime-dark:#BFEA2A;
  --hg-pink:#FF2D87;
  --hg-pink-dark:#E61E75;
  --hg-ink:#0B0B0B;
  --hg-bg:#F5F5F5;
  --hg-card:#FFFFFF;
  --hg-muted:#8A8A8A;
  --hg-line:#ECECEC;
  --hg-star:#FFB800;
  --hg-radius-lg:28px;
  --hg-radius-md:18px;
  --hg-radius-sm:12px;
  --hg-shadow-sm:0 2px 8px rgba(0,0,0,.04);
  --hg-shadow-md:0 8px 24px rgba(0,0,0,.06);
}

/* === БАЗА === */
body,
body.wp-singular,
body.woocommerce,
body.woocommerce-page{
  font-family:'Manrope', -apple-system, sans-serif !important;
  background:var(--hg-bg) !important;
}

/* Kadence заголовки — в Unbounded только там, где это явно нужно */
.woocommerce-products-header__title,
.product_title,
.entry-title.product_title,
.cart_totals h2,
.woocommerce-checkout h3,
.related.products > h2,
.upsells.products > h2,
.cross-sells > h2{
  font-family:'Unbounded', sans-serif !important;
  letter-spacing:-.02em !important;
  font-weight:700;
}

/* === КОНТЕЙНЕР: 1480px центр + воздух === */
.site-content .container,
.site-content > .grid-container,
.site .grid-container,
.site-content,
.entry-content > .alignfull,
.entry-content > .wp-block-group{
  max-width:1480px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
}

/* Чтобы wp-content тоже сидел внутри */
body .entry-content{
  max-width:none;
  padding-left:0;
  padding-right:0;
}

/* Принудительный «contained» режим для всей страницы магазина */
.woocommerce-page .site-content,
.single-product .site-content,
.woocommerce .site-content{
  max-width:1480px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
}

/* На мобильных уменьшаем боковой воздух */
@media (max-width:768px){
  .site-content,
  .site-content .container,
  .site-content > .grid-container,
  .woocommerce-page .site-content{
    padding-left:14px;
    padding-right:14px;
  }
}