/* Matching style guides within the approved wedding palette. */
.floor-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 32px; }
.floor-card:nth-child(2n) { padding-top: 26px; }
.floor-cards .card-image { height: 320px; }
.floor-card:nth-child(3) .image-tag { background: var(--champagne-soft); color: var(--ink); }
.floor-card:nth-child(4) .image-tag { background: var(--ink); color: #fff; }
.floor-card:nth-child(3) .card-title { border-color: var(--bronze); }
.floor-card:nth-child(4) .card-title { border-color: var(--rose); }

.floor-style-preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f0e6d6;
  overflow: hidden;
}
.wood-preview-label {
  position: absolute;
  top: 17px;
  left: 20px;
  color: #6e563b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
}
.wood-preview-board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  width: 230px;
  max-width: 76%;
  aspect-ratio: 1;
  border: 1px solid #b59d7e;
  box-shadow: 9px 9px 0 rgba(110,86,59,.12);
}
.wood-preview-board i { background: #fffdf9; border: 1px solid #d9c9b1; }
.wood-preview-board i.wood-tile {
  background-color: #cfb48e;
  background-image: repeating-linear-gradient(93deg,rgba(122,80,45,.10) 0 1px,transparent 1px 7px);
}
.preview-checkerboard .dark-tile { background: #241f1d; border-color: #241f1d; }
.preview-white .wood-preview-board i { background: #fffdf9; border-color: #ded5c8; }
.preview-led .wood-preview-board i,
.calculator-grid[data-floor="LED"]:not(.wrapped) i {
  --led-light: #ff7191;
  background-color: #241f1d;
  background-image: radial-gradient(circle,var(--led-light) 1.6px,transparent 2.5px);
  background-size: 15px 15px;
  background-position: center;
  border-color: var(--led-light);
  box-shadow: inset 0 0 18px color-mix(in srgb,var(--led-light) 22%,transparent);
}
.preview-led .wood-preview-board i:nth-child(6n+1),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+1) { --led-light: #ff7191; }
.preview-led .wood-preview-board i:nth-child(6n+2),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+2) { --led-light: #ffb46b; }
.preview-led .wood-preview-board i:nth-child(6n+3),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+3) { --led-light: #dbef72; }
.preview-led .wood-preview-board i:nth-child(6n+4),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+4) { --led-light: #64e5bf; }
.preview-led .wood-preview-board i:nth-child(6n+5),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+5) { --led-light: #70bfff; }
.preview-led .wood-preview-board i:nth-child(6n+6),
.calculator-grid[data-floor="LED"]:not(.wrapped) i:nth-child(6n+6) { --led-light: #c79aff; }
.preview-wrap .wood-preview-board { border: 3px solid #b29874; }
.preview-wrap .wood-preview-board i { background: #fff9ed; border: 0; }
.preview-monogram {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 62%;
  padding: 15px 5px;
  border: 1px solid #b29874;
  background: #fff9ed;
  color: #6e563b;
  text-align: center;
  font-family: var(--heading);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .1em;
}
.wrap-image .wood-preview-board { width: 285px; }
.rental-image > .floor-style-preview { height: 420px; }
.rental-image .wood-preview-board { width: 290px; }

.calculator-grid[data-floor="White & Natural Wood"]:not(.wrapped) i { background: #fffdf9; border-color: #c7b297; }
.calculator-grid[data-floor="White & Natural Wood"]:not(.wrapped) i.dark {
  background-color: #cfb48e;
  background-image: repeating-linear-gradient(93deg,rgba(122,80,45,.10) 0 1px,transparent 1px 7px);
}
@media (max-width: 850px) {
  .floor-cards .card-image { height: 270px; }
  .wood-preview-board { width: 175px; }
  .rental-image > .floor-style-preview { height: 350px; }
  .rental-image .wood-preview-board { width: 250px; }
  .wrap-image .wood-preview-board { width: 235px; }
}
@media (max-width: 640px) {
  .floor-cards { display: block; }
  .floor-card:nth-child(2n) { padding-top: 0; }
  .floor-cards .card-image { height: 340px; }
  .wood-preview-board { width: 230px; }
  .rental-image > .floor-style-preview { height: 330px; }
  .rental-image .wood-preview-board { width: 230px; }
  .wrap-image .wood-preview-board { width: 250px; }
}
@media (max-width: 360px) {
  .floor-cards .card-image { height: 290px; }
  .wood-preview-board { width: 190px; }
}

/* Genuine planner inspiration photo: keep the whole white-floor foreground visible. */
.planner-photo > img { height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.planner-photo .image-note a { color: var(--bronze); text-decoration: underline; text-underline-offset: 3px; }

/* The selected booking-floor illustration uses the same LED preview helper. */
.booking-led-preview { height: 235px; margin: 20px 0; border: 1px solid var(--rule); }
.booking-led-preview .wood-preview-board { width: 155px; }