/* BELAGROTEH 2.0 — scoped only to the new Gutenberg product-page blocks. */
.bat2-page {
  --bat2-red: #e52529;
  --bat2-ink: #172521;
  --bat2-grid: #bdc7c2;
  --bat2-paper: #f7f8f7;
  box-sizing: border-box;
  width: min(1200px, calc(100% - 40px)) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 38px 0 48px !important;
  color: var(--bat2-ink);
}
.bat2-page *, .bat2-page *::before, .bat2-page *::after { box-sizing: border-box; }
.bat2-page .bat2-hero, .bat2-page .bat2-specs,
.bat2-page .bat2-details, .bat2-page .bat2-accessories,
.bat2-page .bat2-gallery { margin: 0 0 52px !important; }
.bat2-page .bat2-hero-cols { display: flex; align-items: center; gap: 45px !important; margin: 0 !important; }
.bat2-page .bat2-hero-cols > .wp-block-column { min-width: 0 !important; }
.bat2-page .bat2-hero-cols > .wp-block-column:first-child { flex: 0 1 49% !important; }
.bat2-page .bat2-hero-cols > .wp-block-column:last-child { flex: 0 1 51% !important; }
.bat2-page .bat2-eyebrow { color: var(--bat2-red) !important; font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: .12em; margin: 0 0 9px !important; }
.bat2-page .bat2-title { color: var(--bat2-ink); font-family: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; font-weight: 700; line-height: 1.02; letter-spacing: .015em; margin: 0 0 18px !important; }
/* Allow WordPress' chosen font size to win (including inline typography controls). */
.bat2-page .bat2-title:not([class*="-font-size"]):not([style*="font-size"]) { font-size: clamp(38px, 4.2vw, 68px); }
.bat2-page .bat2-lead { font-size: 16px; line-height: 1.7; margin: 0 0 13px !important; color: #36443e; }
.bat2-page .bat2-benefits { font-size: 14px; line-height: 1.7; margin: 0 0 21px !important; color: #46504c; }
.bat2-page .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 10px !important; }
.bat2-page .wp-block-button { flex: 0 1 auto; min-width: 0; }
.bat2-page .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px !important; min-height: 46px; font-size: 12px; font-weight: 800; text-align: center; text-decoration: none; border-radius: 0 !important; white-space: normal; word-break: normal; }
.bat2-page .bat2-btn--primary .wp-block-button__link { background: var(--bat2-red) !important; color: white !important; border: 2px solid var(--bat2-red) !important; }
.bat2-page .bat2-btn--outline .wp-block-button__link { background: transparent !important; color: var(--bat2-ink) !important; border: 2px solid var(--bat2-ink) !important; }
.bat2-page .bat2-btn--light .wp-block-button__link { background: white !important; color: var(--bat2-red) !important; border: 2px solid white !important; }
.bat2-page .bat2-btn--primary .wp-block-button__link:hover { background: #b71d24 !important; }
.bat2-page .bat2-section-heading { color: var(--bat2-ink); font-family: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; font-weight: 700; line-height: 1.1; margin: 0 0 18px !important; padding: 0 0 12px !important; border-bottom: 2px solid var(--bat2-red) !important; }
.bat2-page .bat2-section-heading:not([class*="-font-size"]):not([style*="font-size"]) { font-size: clamp(28px, 3vw, 40px); }
.bat2-page .bat2-table-buttons { margin: 0 0 15px !important; }
/* FULL GRID: visible horizontal + vertical borders for EVERY header and body cell. */
.bat2-page figure.wp-block-table.bat2-table { display: block; width: 100% !important; max-width: 100% !important; overflow-x: auto; margin: 0 !important; }
.bat2-page .bat2-table table { width: 100% !important; min-width: 690px; border-collapse: collapse !important; border-spacing: 0 !important; table-layout: auto; background: white; border: 1px solid var(--bat2-grid) !important; }
.bat2-page .bat2-table th, .bat2-page .bat2-table td { border: 1px solid var(--bat2-grid) !important; padding: 13px 15px !important; text-align: center; vertical-align: middle; font-size: 14px; line-height: 1.5; }
.bat2-page .bat2-table thead th { background: var(--bat2-red) !important; color: white !important; border: 1px solid #f5a1a4 !important; font-weight: 800; }
.bat2-page .bat2-table th:first-child, .bat2-page .bat2-table td:first-child { text-align: left; min-width: 225px; }
.bat2-page .bat2-table tbody td:first-child { font-weight: 600; }
.bat2-page .bat2-table tbody tr:nth-child(even) td { background: #f3f5f3; }
.bat2-page .bat2-footnote { color: #66716b; font-size: 12px; margin: 11px 0 0 !important; }
.bat2-page .bat2-detail-row { display: flex; align-items: center; gap: 35px !important; margin: 0 0 28px !important; }
.bat2-page .bat2-detail-row--gray { background: #f4f4f4; padding: 20px; }
.bat2-page .bat2-detail-row > .wp-block-column { min-width: 0; }
.bat2-page .bat2-detail-copy h3 { font-size: 23px; margin: 0 0 14px !important; color: var(--bat2-ink); }
.bat2-page .bat2-detail-copy p { font-size: 15px; line-height: 1.75; }
.bat2-page .bat2-photo-card { margin: 0 !important; }
.bat2-page .bat2-photo-placeholder { min-height: 185px; background: #f2f4f2; border: 1px dashed #b2bfba; display: flex; justify-content: center; align-items: center; margin: 0 !important; padding: 12px !important; }
.bat2-page .bat2-photo-placeholder .wp-block-image { margin: 0 !important; width: 100%; }
.bat2-page .bat2-photo-placeholder img { display: block; width: 100% !important; height: 100%; max-height: 330px; object-fit: contain !important; object-position: center; }
.bat2-page .bat2-main-photo .bat2-photo-placeholder { min-height: 345px; }
.bat2-page .bat2-main-photo .bat2-photo-placeholder img { max-height: 430px; }
.bat2-page .bat2-caption { font-size: 14px; font-weight: 700; margin: 11px 0 0 !important; color: var(--bat2-ink); text-align: center; line-height: 1.4; }
.bat2-page .bat2-acc-cols, .bat2-page .bat2-gallery-cols { display: flex; gap: 19px !important; margin: 0 !important; align-items: stretch; }
.bat2-page .bat2-acc-cols > .wp-block-column, .bat2-page .bat2-gallery-cols > .wp-block-column { min-width: 0; }
.bat2-page .bat2-acc-cols .bat2-photo-placeholder { min-height: 190px; }
.bat2-page .bat2-gallery-cols .bat2-photo-placeholder { min-height: 165px; }
.bat2-page .bat2-gallery-cols .bat2-photo-placeholder img { max-height: 210px; }
.bat2-page .bat2-cta { background: var(--bat2-red) !important; color: #fff; padding: 32px 35px !important; margin: 42px 0 0 !important; }
.bat2-page .bat2-cta-cols { display: flex; gap: 25px !important; margin: 0 !important; align-items: center; }
.bat2-page .bat2-cta-cols > .wp-block-column { min-width: 0; }
.bat2-page .bat2-cta-title { color: #fff !important; font-family: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; line-height: 1.05; margin: 0 !important; }
.bat2-page .bat2-cta-title:not([class*="-font-size"]):not([style*="font-size"]) { font-size: clamp(30px, 3vw, 45px); }
.bat2-page .bat2-cta-copy { font-size: 14px; line-height: 1.6; margin: 0 0 13px !important; color: #fff !important; }
/* Expand a standard block-editor content canvas when editing this template. */
.editor-styles-wrapper .wp-block-post-content:has(.bat2-page), .editor-styles-wrapper .bat2-page { max-width: none !important; }
.editor-styles-wrapper .bat2-page { width: min(1200px, calc(100% - 40px)) !important; margin-inline: auto !important; }
@media (max-width: 900px) {
  .bat2-page .bat2-hero-cols { flex-direction: column; align-items: stretch; gap: 20px !important; }
  .bat2-page .bat2-hero-cols > .wp-block-column { width: 100%; flex: 1 1 100% !important; }
  .bat2-page .bat2-main-photo .bat2-photo-placeholder { min-height: 250px; }
  .bat2-page .bat2-detail-row { gap: 16px !important; }
}
@media (max-width: 620px) {
  .bat2-page { width: calc(100% - 26px) !important; padding-top: 23px !important; }
  .bat2-page .bat2-detail-row, .bat2-page .bat2-acc-cols, .bat2-page .bat2-gallery-cols, .bat2-page .bat2-cta-cols { flex-direction: column; }
  .bat2-page .bat2-detail-row > .wp-block-column, .bat2-page .bat2-acc-cols > .wp-block-column, .bat2-page .bat2-gallery-cols > .wp-block-column, .bat2-page .bat2-cta-cols > .wp-block-column { width: 100%; flex: 1 1 auto; }
  .bat2-page .bat2-cta { padding: 23px 18px !important; }
  .bat2-page .bat2-photo-placeholder { min-height: 180px; }
  .bat2-page .bat2-section-heading:not([class*="-font-size"]):not([style*="font-size"]) { font-size: 30px; }
}