.brick-design-previews {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
.brick-design-previews a {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #dce2ec;
  border-radius: 6px;
  background: #eff2f7;
  color: var(--text-primary, #2c2d43);
  text-decoration: none;
}
.brick-design-previews img {
  width: 100%;
  aspect-ratio: 472 / 164;
  height: auto;
  object-fit: cover;
}
.brick-design-previews span {
  min-height: 52px;
  flex: 1;
  padding: 9px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  font-weight: 600;
  line-height: 1.1;
}
.brick-design-previews b, .brick-design-content a, .brick-design-text-action { color: #c90021; }
.brick-design-previews a:hover span { text-decoration: underline; }
.brick-design-shortcuts {
  margin-top: 6px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.brick-design-shortcuts a { white-space: nowrap; }
.brick-design-shortcuts [hidden] { display: none !important; }
.category065-pagination .brick-design-next { width: auto; padding-inline: 12px; }
.brick-design-content { margin-top: 48px; color: var(--text-primary, #2c2d43); }
.brick-design-block { padding-block: clamp(28px, 4vw, 56px); }
.brick-design-block h2, .brick-design-editorial h2 {
  font-size: clamp(24px, 3.1vw, 40px);
  margin: 0 0 6px;
  font-weight: 600;
  line-height: 1.12;
}
.brick-design-block h3 { font-size: clamp(19px, 2.2vw, 28px); line-height: 1.14; margin: 0 0 8px; font-weight: 600; }
.brick-design-block p { line-height: 1.45; margin: 0 0 14px; }
.brick-design-block > p { color: #4b526a; }
.brick-design-tint { background: #edf2f8; box-shadow: 0 0 0 100vmax #edf2f8; clip-path: inset(0 -100vmax); }
.brick-design-block + .brick-design-tint.brick-design-block:has(.brick-design-gallery) { background: #eaf0f7; box-shadow: 0 0 0 100vmax #eaf0f7; }
.brick-design-panel, .brick-design-table, .brick-design-faq {
  border: 1px solid #d8e1ec;
  border-radius: 9px;
  background: #fff;
}
.brick-design-panel { padding: clamp(14px, 2.1vw, 24px); }
.brick-design-table {
  width: 100%;
  margin-top: 24px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  text-align: left;
}
.brick-design-table th, .brick-design-table td { padding: 12px 18px; text-align: left; }
.brick-design-table thead { background: #edf2f8; }
.brick-design-table tbody td, .brick-design-table tbody th { border-top: 1px solid #d8e1ec; }
.brick-design-table tbody th { width: 38%; }
.brick-design-table td:last-child { width: 23%; }
.brick-design-table th div { display: flex; align-items: center; gap: 15px; font-size: clamp(15px, 1.6vw, 22px); }
.brick-design-table th img { width: 45%; height: clamp(55px, 7vw, 110px); object-fit: cover; border-radius: 6px; }
.brick-design-block a, .brick-design-text-action { font-weight: 600; }
.brick-design-types, .brick-design-calculator { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.brick-design-types img { width: 100%; height: 88px; object-fit: cover; border-radius: 6px; display: block; margin-block: 15px 10px; }
.brick-design-types .brick-design-label { font-size: 13px; text-transform: uppercase; font-weight: 600; color: #586179; margin-bottom: 5px; }
.brick-design-note { color: #4b526a; }
.brick-design-types + .brick-design-note { margin-top: 14px; }
.brick-design-calculator label { display: block; margin-bottom: 12px; }
.brick-design-calculator label > small { display: block; color: #4b526a; margin-top: 3px; }
.brick-design-calculator input, .brick-design-calculator select, .brick-design-calculator output {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 6px 9px;
  margin-top: 4px;
  color: inherit;
  font: inherit;
  border: 1px solid #c4cddd;
  border-radius: 5px;
}
.brick-design-calculator output { background: #edf2f8; }
.brick-design-unit { display: block; position: relative; }
.brick-design-unit input { padding-right: 45px; }
.brick-design-unit span { position: absolute; inset: 4px 4px 4px auto; padding: 4px 9px; background: #edf2f8; border-radius: 4px; pointer-events: none; }
.brick-design-calculator .brick-design-button { width: 100%; }
.brick-design-button, .brick-design-content a.brick-design-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 0;
  border-radius: 6px;
  background: #d40023;
  color: white;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.brick-design-button:hover, .brick-design-content a.brick-design-button:hover { background: #af0017; }
.brick-design-text-action { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; }
.brick-design-calc-out { padding-left: 22px; border-left: 1px solid #d8e1ec; }
.brick-design-calc-out dl { padding-bottom: 12px; margin: 0 0 14px; border-bottom: 1px solid #d8e1ec; }
.brick-design-calc-out dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 5px 0; }
.brick-design-calc-out dd { font-weight: 600; margin: 0; }
.brick-design-calc-out [data-brick-cost] { font-size: 22px; font-weight: 600; }
.brick-design-gallery { margin-top: 24px; }
.brick-design-gallery > div { display: grid; grid-template-columns: 1.8fr 1fr; gap: 8px; margin: 16px 0; }
.brick-design-gallery figure { margin: 0; min-width: 0; }
.brick-design-gallery img { display: block; width: 100%; height: clamp(135px, 36vw, 460px); object-fit: cover; border-radius: 6px; }
.brick-design-gallery figure:nth-child(2) img { object-position: 66% 57%; }
.brick-design-gallery figcaption { margin-top: 5px; color: #4b526a; }
.brick-design-faq { margin-top: 22px; overflow: hidden; }
.brick-design-faq details + details { border-top: 1px solid #d8e1ec; }
.brick-design-faq details[open] { background: #f6f8fc; }
.brick-design-faq summary { padding: 12px 18px; cursor: pointer; font-weight: 600; font-size: clamp(16px, 1.9vw, 24px); list-style: none; display: flex; justify-content: space-between; gap: 10px; }
.brick-design-faq summary::-webkit-details-marker { display: none; }
.brick-design-faq summary::after { content: '+'; font-weight: normal; }
.brick-design-faq details[open] summary::after { content: '−'; }
.brick-design-faq p { margin: 0; padding: 0 18px 15px; color: #4b526a; }
.brick-design-showroom { display: grid; grid-template-columns: 2fr 3fr; align-items: center; gap: clamp(14px, 3vw, 30px); }
.brick-design-showroom img { width: 100%; height: auto; aspect-ratio: 1.75; object-fit: cover; border-radius: 6px; }
.brick-design-showroom a { display: inline-block; margin: 5px 15px 0 0; }
.brick-design-editorial { margin-top: 40px; display: grid; gap: 16px; padding-bottom: 32px; }
.brick-design-editorial > section { padding: clamp(16px, 2vw, 26px); border: 1px solid #d8e1ec; border-radius: 9px; overflow-wrap: anywhere; }
.brick-design-editorial h2 { font-size: clamp(22px, 2.7vw, 32px); }
.brick-design-editorial table { width: 100%; border-collapse: collapse; }
.brick-design-editorial td, .brick-design-editorial th { border: 1px solid #d8e1ec; padding: 8px; text-align: left; }
@media (max-width: 760px) {
  .brick-design-previews { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .brick-design-previews span { padding: 8px; min-height: 45px; }
  .brick-design-types, .brick-design-calculator, .brick-design-showroom { grid-template-columns: 1fr; }
  .brick-design-calc-out { padding: 14px 0 0; border: 0; border-top: 1px solid #d8e1ec; }
  .brick-design-table th, .brick-design-table td { padding: 8px; }
  .brick-design-table th div { flex-direction: column; align-items: start; gap: 5px; }
  .brick-design-table th img { width: 100%; }
  .brick-design-table tbody th { width: 25%; }
  .brick-design-table td:last-child { width: 24%; }
  .brick-design-gallery > div { grid-template-columns: 1.25fr 1fr; }
}
.brick-design-facade-detail { overflow: hidden; border-radius: 6px; }
.brick-design-facade-detail img { transform: scale(7); transform-origin: 35% 41%; }
[data-brick-hub] [data-heading-count][hidden] { display: none; }
@media (min-width: 761px) {
  .brick-design-previews span { font-size: clamp(13px, 1.04vw, 16px); padding-block: 7px; }
}