/*
 * Bricks production — layout chrome for html-paste home (Phase 3f).
 * Section semantics, classes, and grids live in pasted HTML (styles.css).
 */

.bricks-page--production .bricks-region-body .fluid-grid.bricks-layout {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  column-gap: 0;
}

.bricks-page--production .bricks-region-body .bricks-column {
  width: 100%;
  min-width: 0;
}

.bricks-page--production .bricks-region-body .bricks-section {
  padding: 0;
  margin: 0;
}

.bricks-page--production .bricks-region-body .bricks-block-html {
  width: 100%;
}

/* Pasted hero section (inside html block) */
.bricks-page--production section.hero {
  position: relative;
  overflow: hidden;
}

.bricks-page--production section.hero .container.hero-grid {
  width: min(var(--max-width, 72rem), calc(100% - 40px));
  margin-inline: auto;
}

@media (max-width: 1024px) {
  .bricks-page--production section.hero .hero-grid {
    grid-template-columns: 1fr;
  }

  .bricks-page--production section.hero .floating-score {
    position: relative;
    left: 0;
    bottom: auto;
    width: 100%;
    margin-top: 18px;
  }
}

/* Header / footer chrome regions */
.bricks-page--production .bricks-region-header .bricks-section,
.bricks-page--production .bricks-region-footer .bricks-section {
  padding: 0;
  margin: 0;
}

.bricks-page--production .bricks-region-header .fluid-grid.bricks-layout,
.bricks-page--production .bricks-region-footer .fluid-grid.bricks-layout {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.bricks-page--production .bricks-region-header .bricks-column,
.bricks-page--production .bricks-region-footer .bricks-column {
  width: 100%;
  grid-column: auto;
}

.bricks-page--production .bricks-region-footer .footer {
  margin: 0;
}

.bricks-page--production .bricks-region-header .site-chrome-download,
.bricks-page--production .bricks-region-header .btn-primary {
  background: var(--tm-teal);
  color: var(--white);
  box-shadow: var(--shadow-md);
  border: 2px solid transparent;
  border-radius: 999px;
  padding: 15px 24px;
  font-weight: 600;
  font-size: 0.98rem;
  text-decoration: none;
}

.bricks-page--production .bricks-region-header .site-chrome-download:hover,
.bricks-page--production .bricks-region-header .btn-primary:hover {
  background: var(--tm-teal-dark);
  color: var(--white);
  transform: translateY(-1px);
}