/**
 * build-your-rv.css
 *
 * Styles for the "Build Your RV" configurator block.
 * Place in: your_theme/css/build-your-rv.css
 *
 * Uses CSS custom properties so it inherits your theme's design tokens.
 * Override the --byry-* vars in your theme's root to match brand colors.
 */

/* ── Design tokens ──────────────────────────────────────────────────────── */

html { scroll-behavior: smooth; }/*rgba(179,110,51,0.15);*/

:root {
  --byry-accent:          #b36e33;
  --byry-accent-dark:     #0e3d5e;
  --byry-accent-light:    #e8f3fb;
  --byry-success:         #b36e33;
  --byry-error:           #c62828;
  --byry-warning:         #f57c00;
  --byry-text:            #1a1a1a;
  --byry-text-muted:      #5a5a5a;
  --byry-border:          #d0d0d0;
  --byry-border-radius:   8px;
  --byry-card-bg:         #ffffff;
  --byry-page-bg:         #f5f5f5;
  --byry-shadow:          0 2px 8px rgba(0, 0, 0, 0.1);
  --byry-shadow-hover:    0 4px 16px rgba(0, 0, 0, 0.15);
  --byry-transition:      0.2s ease;
  --byry-swatch-size:     100px;
  --byry-swatch-size-sm:  72px;
}

.highlighted {
  padding:0 !important;
}
.view-id-floorplan_model.view-display-id-page_2 {
padding: 0 5px;
overflow: hidden;
}
/* ── Layout ─────────────────────────────────────────────────────────────── */

.byrv-wrap {
/*  font-family: inherit;
  color: var(--byry-text);
  background: var(--byry-page-bg);
  border-radius: var(--byry-border-radius);
  padding: 1.5rem;
  max-width: 1200px;*/
  margin: 0 auto;
  background: white;
}

.byrv-layout {
  display: flex;
  gap: 2rem;
}

@media (max-width: 900px) {
  .byrv-layout {
    grid-template-columns: 1fr;
  }
}

/* ── Header ─────────────────────────────────────────────────────────────── */

.byrv-header {
  /*display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid var(--byry-border);*/
  width: 100%;
  background: #292929;
  color: #cdcbc7;
  position: relative;
  transform: none;
  left: 0;
  padding: 85px 0 15px 0;
  z-index: 1;
}

/*.byrv-header__sub-brand {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--byry-accent);
  margin-bottom: 0.25rem;
}*/
.byrv-header__brand .floorplan-back {
    padding-left:0;
    padding-right: 0;
    padding-bottom: 10px;
}
.byrv-header__brand .floorplan-back a {
    color: white;    
}
.byrv---title {
    
}

.byrv-header__title {
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
.byrv-part1 {
    display: block;
}
.byrv-part2 {
    
}

/*.byrv-header__tagline {
  font-size: 0.95rem;
  color: var(--byry-text-muted);
  margin: 0.35rem 0 0;
}*/

.byrv-header__meta {
  display: flex;
  gap: 30px;
  align-self: flex-end;
  justify-content: flex-end !important;
  padding-right: 10px;
}
.byrv-header__meta .contact-btn a {
    color: #e0ded9 !important;
    text-decoration: none;
    border: solid 2px #b36e33;
    background-color: #b36e33;
    border-radius: 5px;
    padding: 15px 15px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
}
.byrv-header__meta .contact-btn .brand-contact-too{
    font-size: 10px;
    padding: 15px;
}
.byrv-header__brand {
  align-self: flex-end;
  font-size: 16px;
  padding-left: 20px;
}
.brand-contact {
  text-transform: uppercase;
}
.byrd-p {
  margin-bottom: 0;
  align-self: flex-end;
}
/*.byrv-badge {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--byry-accent-light);
  color: var(--byry-accent-dark);
  border: 1px solid var(--byry-accent);
}

.byrv-badge--status {
  background: #f0f4f0;
  color: var(--byry-success);
  border-color: var(--byry-success);
}*/

/* ── Aside (specs + media) ───────────────────────────────────────────────── */

.byrv-aside {
  width: 100%;
}

@media (min-width: 768px) {
  .byrv-layout {
    align-items: flex-start;
    /* Ensure layout doesn't create a new stacking context that breaks sticky */
    overflow: visible;
  }

  .byrv-aside {
    position: sticky;
    top: 70px; /* adjust to match your site's fixed header height */
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    scrollbar-width: none;
  }

  .byrv-aside::-webkit-scrollbar {
    display: none;
  }

  .byry-configurator {
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b36e33 #e0ded9;
  }

  .byry-configurator::-webkit-scrollbar {
    width: 4px;
  }

  .byry-configurator::-webkit-scrollbar-track {
    background: #e0ded9;
  }

  .byry-configurator::-webkit-scrollbar-thumb {
    background: #b36e33;
    border-radius: 2px;
  }
}

.byry-floorplan-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: calc(var(--byry-border-radius) - 2px);
  margin-bottom: 1.25rem;
}

/* Specs — specspc style on desktop, collapsible on mobile */

/* Desktop: always visible, no accordion */
.byry-specs__heading {
  font-size: 12px !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--byry-text-muted);
  margin: 1rem 0 0.5rem;
  padding: 0;
  border: none;
  cursor: default;
}

.byry-specs__list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem 1.5rem;
  margin: 0 0 1rem;
  font-size: 0.8rem;
}

@media (max-width: 767px) {
  .byry-specs__list {
    grid-template-columns: 1fr;
  }
}

.byry-specs__list li {
  display: flex;
  gap: 0.4rem;
  align-items: baseline;
}

.byry-specs__list dt {
  font-weight: 700;
  color: #292929;
  white-space: nowrap;
  flex-shrink: 0;
}

.byry-specs__list dt::after {
  content: ':';
}

.byry-specs__list dd {
  margin: 0;
  color: #292929;
}

/* ── Upgrade badge (now shown next to paint title, not under swatch) ─────── */

/* Matterport / YouTube */
.byry-matterport__embed iframe,
.byry-youtube iframe {
  width: 100%;
  border-radius: calc(var(--byry-border-radius) - 2px);
  margin-top: 0.5rem;
}

/* ── Progress indicator ─────────────────────────────────────────────────── */

.byry-progress {
  display: flex;
  gap: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.byry-progress__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem 0.6rem;
  background: var(--byry-card-bg);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: black;
  position: relative;
  transition: color var(--byry-transition);
  text-decoration: none;
}

.byry-progress__step:last-child {
  border-right: none;
}

/* Hide the number circles */
.byry-progress__num {
  display: none;
}

a.byry-progress__step:hover {
  color: #b36e33;
}

/* Active step — orange bottom border */
.byry-progress__step.byry-tab-btn--active,
.byry-progress__step--active {
  color: #292929;
  border-bottom-color: #b36e33;
  background: var(--byry-card-bg);
}

/* Complete step — orange label text */
.byry-progress__step--complete {
  color: #b36e33;
  background: var(--byry-card-bg);
}

/* Complete + active — orange text AND orange underline */
.byry-progress__step--complete.byry-tab-btn--active,
.byry-progress__step--complete.byry-progress__step--active {
  color: #b36e33;
  border-bottom-color: #b36e33;
}

/* Progress steps are jumplinks — no underline */
.byry-progress__step {
  text-decoration: none;
}

/* ── Completion indicator ────────────────────────────────────────────────── */

.byry-progress-indicator {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  margin-bottom: 1.5rem;
}

.byry-progress-indicator__bar {
  flex: 1;
  height: 4px;
  background: #e0ded9;
  border-radius: 2px;
  overflow: hidden;
}

.byry-progress-indicator__fill {
  height: 100%;
  background: #b36e33;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.byry-progress-indicator__text {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--byry-text-muted);
  white-space: nowrap;
  min-width: 4.5rem;
  text-align: right;
  transition: color 0.2s;
}

.byry-progress-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}



/* When complete — turn text orange */
.byry-progress-indicator--complete .byry-progress-indicator__text {
  color: #b36e33;
}

.byry-configurator {
  padding: 0;
  width: 50%;
}

/* ── Sections — all visible, stacked top to bottom ──────────────────────── */

.byry-section {
  display: block;
  padding: 20px 30px 0 30px;
  scroll-margin-top: 1.5rem;
}

.byry-section:last-of-type {
  border-bottom: none;
}

.byry-section--summary {
  padding-top: 1rem;
}

.byry-review-trigger {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}

/* Progress steps are now jumplinks */
.byry-progress__step {
  text-decoration: none;
  color: var(--byry-text-muted);
}

.byry-section__heading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 0.4rem;
}
h2.byry-section__heading {
    font-size: 24px !important;
}

/* Selected option name displayed under the section heading */
/* Paint & Decor selection row — name left, badge right, full width */
.byry-paint-selection-row,
.byry-decor-selection-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 0.75rem;
}

.byry-paint-selection-row .byry-selected-name,
.byry-decor-selection-row .byry-selected-name {
  margin: 0;
  flex: 1;
  font-size: 0.875rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #292929;
}

.byry-paint-selection-row .byry-selected-name--default,
.byry-decor-selection-row .byry-selected-name--default {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #94928c;
}

/* Included / Upgrade badges */
/* Included — matches byry-pkg-toggle__included-badge */
.byry-paint-badge--included,
.byry-decor-badge--included {
  font-size: 0.75rem;
  font-weight: 700;
  color: #2e7d32;
  margin-left: 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Upgrade — matches byry-solar-toggle__selected */
.byry-paint-badge--upgrade,
.byry-decor-badge--upgrade {
  font-size: 0.75rem;
  font-weight: 700;
  color: #b36e33;
  margin-left: 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Default "Please Select" text — muted until a selection is made */
.byry-selected-name--default {
  color: #94928c;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

/* Package body bullet list */
.byry-pkg-bullets {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
}

.byry-pkg-bullets li {
  margin-bottom: 0.15rem;
}

.byry-section__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--byry-accent);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 800;
  flex-shrink: 0;
}

.byry-section__desc {
  color: var(--byry-text-muted);
  font-size: 0.9rem;
  margin: 0 0 1.25rem;
}

.byry-section__nav {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--byry-border);
}

.byry-section__nav--summary {
  justify-content: flex-start;
  border-top: none;
  margin-top: 0.5rem;
  padding-top: 0;
}

/* ── Swatches — color ────────────────────────────────────────────────────── */

.byry-swatches {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
/*  justify-content: space-between;*/
  align-items: self-start;
  gap: 20px;
}

/* Color swatches — 5 across, centered, 10px gap on desktop */
@media (min-width: 768px) {
  .byry-swatches--color {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 17px;
    justify-items: flex-start;
    justify-content: space-evenly;
  }
}

.byry-swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  position: relative;
  border: 2px solid transparent;
  transition:
    border-color var(--byry-transition),
    box-shadow var(--byry-transition),
    transform var(--byry-transition);
  background: transparent;
  margin-bottom: 10px;
}

.byry-swatch:hover {
  border-color: #b36e33;
  transform: translateY(-2px);
  box-shadow: var(--byry-shadow-hover);
}

.byry-swatch.is-selected {
  border-color: #b36e33;
}

.byry-swatch__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* Color block swatch */
.byry-swatch__color-block {
  width: calc(var(--byry-swatch-size) - 1.5rem);
  height: calc(var(--byry-swatch-size) - 1.5rem);
  border-radius: calc(var(--byry-border-radius) - 2px);
  display: block;
  flex-shrink: 0;
}
.byry-swatch__color-block img {
  width: 100% !important;
  height: auto !important;
}

/* Decor image swatch */
.byry-swatch--decor {
  width: var(--byry-swatch-size);
}

.byry-swatch__decor-img {
  width: calc(var(--byry-swatch-size) - 1.5rem);
  height: calc(var(--byry-swatch-size) - 1.5rem);
  object-fit: cover;
  border-radius: calc(var(--byry-border-radius) - 2px);
  display: block;
}

.byry-swatch__label {
  font-size: 0.7rem;
  text-align: center;
  color: var(--byry-text);
  word-break: break-word;
  line-height: 1.3;
  max-width: 100%;
}

/* Hide individual swatch labels — selected name shown above swatches instead */
.byry-swatch--color .byry-swatch__label,
.byry-swatch--decor .byry-swatch__label {
  display: none;
}

.byry-swatch__check {
  display: none;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: var(--byry-accent);
  color: #fff;
  font-size: 0.65rem;
  line-height: 1.2rem;
  text-align: center;
}

.byry-swatch.is-selected .byry-swatch__check {
  display: none;
}

/* ── Option cards (packages, solar) ─────────────────────────────────────── */

.byry-option-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.byry-option-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border: 2px solid var(--byry-border);
  border-radius: var(--byry-border-radius);
  cursor: pointer;
  background: var(--byry-card-bg);
  position: relative;
  transition:
    border-color var(--byry-transition),
    background var(--byry-transition),
    box-shadow var(--byry-transition);
}

.byry-option-card:hover {
  border-color: var(--byry-accent);
  box-shadow: var(--byry-shadow);
}

.byry-option-card.is-selected {
  border-color: var(--byry-accent);
  background: var(--byry-accent-light);
}

.byry-option-card__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.byry-option-card__icon {
  font-size: 1.35rem;
  flex-shrink: 0;
}

.byry-option-card__label {
  flex: 1;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.35;
}

.byry-option-card__check {
  display: none;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: var(--byry-accent);
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.35rem;
  text-align: center;
  flex-shrink: 0;
}

.byry-option-card.is-selected .byry-option-card__check {
  display: block;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */

.byry-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 1.25rem;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: 600;
  border: 2px solid transparent;
  cursor: pointer;
  transition:
    background var(--byry-transition),
    color var(--byry-transition),
    border-color var(--byry-transition),
    box-shadow var(--byry-transition);
  text-decoration: none;
  line-height: 1;
}

.byry-btn--next,
.byry-btn--finish,
.byry-btn--primary {
  background: var(--byry-accent);
  color: #fff;
  border-color: var(--byry-accent);
}

.byry-btn--next:hover,
.byry-btn--finish:hover,
.byry-btn--primary:hover {
  background: var(--byry-accent-dark);
  border-color: var(--byry-accent-dark);
  box-shadow: 0 2px 8px rgba(26, 92, 138, 0.35);
}

.byry-btn--back,
.byry-btn--secondary {
  background: transparent;
  color: var(--byry-accent);
  border-color: var(--byry-accent);
}

.byry-btn--back:hover,
.byry-btn--secondary:hover {
  background: var(--byry-accent-light);
}

.byry-btn--text {
  background: transparent;
  border-color: transparent;
  color: var(--byry-text-muted);
  padding-left: 0;
}

.byry-btn--text:hover {
  color: var(--byry-accent);
  background: transparent;
}
.byry-btn--pdf,
.byry-btn--share,
.byry-btn--inventory {
  background: transparent;
  color: #cdcbc7;
  border-color: #cdcbc7;;
}
.byry-btn--pdf:hover,
.byry-btn--share:hover,
.byry-btn--inventory:hover {
  color: #b36e33;
  border-color:#b36e33;
}



.byry-btn--copy {
  background: var(--byry-border);
  color: var(--byry-text);
  border-color: var(--byry-border);
  padding: 0.55rem 0.85rem;
  font-size: 0.8rem;
}

.byry-btn--copy:hover {
  background: var(--byry-accent-light);
  border-color: var(--byry-accent);
  color: var(--byry-accent);
}

.byry-btn--locked {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(40%);
  transition: opacity 0.3s ease, filter 0.3s ease;
}

.byry-btn--locked.byry-btn--unlocked {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
  filter: none;
}

.byry-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Summary panel ───────────────────────────────────────────────────────── */

.byry-summary-card {
padding-top: 20px;
  margin-bottom: 1.5rem;
}

.byry-summary-card__header {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(26, 92, 138, 0.2);
}

.byry-summary-card__brand {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--byry-accent);
}

.byry-summary-card__model {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--byry-text);
}

.byry-summary-card__selections {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: 0.9rem;
}

.byry-summary-card__selections dt {
  font-weight: 700;
  color: var(--byry-text-muted);
}

.byry-summary-card__selections dd {
  margin: 0;
  font-weight: 500;
  color: var(--byry-text);
  text-align: right;
}

/* ── Actions row ─────────────────────────────────────────────────────────── */

.byry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* ── Share panel ─────────────────────────────────────────────────────────── */

.byry-share-panel {
  background: #f9f9f9;
  border: 1px solid var(--byry-border);
  border-radius: var(--byry-border-radius);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  animation: byry-fade-in 0.2s ease;
}

.byry-share-panel__heading {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.byry-share-panel__url-row {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  align-items: center;
}

.byry-share-panel__url-input {
  flex: 1;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--byry-border);
  border-radius: 4px;
  font-size: 0.85rem;
  background: #fff;
  color: var(--byry-text-muted);
  min-width: 0;
}

/* Email form fields */
.byry-share-panel__field-row {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.9rem;
}

.byry-share-panel__field-row label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--byry-text);
}

.byry-share-panel__field-row input,
.byry-share-panel__field-row textarea {
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--byry-border);
  border-radius: 4px;
  font-size: 0.9rem;
  font-family: inherit;
  background: #fff;
  transition: border-color var(--byry-transition);
  width: 100%;
  box-sizing: border-box;
}

.byry-share-panel__field-row input:focus,
.byry-share-panel__field-row textarea:focus {
  outline: none;
  border-color: var(--byry-accent);
  box-shadow: 0 0 0 3px rgba(26, 92, 138, 0.15);
}

.byry-share-panel__actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

/* Status messages */
.byry-share-panel__status {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  min-height: 0;
}

.byry-share-panel__status:empty {
  display: none;
}

.byry-share-panel__status--success {
  background: #e8f5e9;
  color: var(--byry-success);
  border: 1px solid #a5d6a7;
}

.byry-share-panel__status--error {
  background: #ffebee;
  color: var(--byry-error);
  border: 1px solid #ef9a9a;
}

/* ── Empty / fallback notices ────────────────────────────────────────────── */

.byry-empty-note {
  color: var(--byry-text-muted);
  font-size: 0.875rem;
  font-style: italic;
  padding: 0.75rem;
  background: var(--byry-page-bg);
  border-radius: 4px;
  border: 1px dashed var(--byry-border);
  margin: 0;
}

/* ── Visually hidden utility (for screen readers) ────────────────────────── */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ── Responsive tweaks ───────────────────────────────────────────────────── */

@media (max-width: 600px) {
  :root {
    --byry-swatch-size: var(--byry-swatch-size-sm);
  }

  .byry-actions {
    flex-direction: column;
  }

  .byry-actions .byry-btn {
    justify-content: center;
  }

  .byry-progress {
    font-size: 0.65rem;
  }

  .byry-section__nav {
    flex-direction: column-reverse;
  }

  .byry-share-panel__url-row {
    flex-direction: column;
    align-items: stretch;
  }

  .byry-summary-card__selections {
    grid-template-columns: 1fr;
  }

  .byry-summary-card__selections dt {
    margin-top: 0.5rem;
  }
}







.byry-hero-img {
  position: relative;
  background: #e8e6e2;
  height: 250px;
  display: flex;
  justify-content: center;
}
.byry-hero-img__fallback-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-size: 14px;
  white-space: nowrap;
}

.byry-hero-img--fallback {
  background: #e8e6e2;
}

.byry-hero-img--fallback .byry-hero-img__fallback-text {
  display: block;
}


/* ── Image Viewer (Exterior / Interior / Floorplan) ─────────────────────── */

.byry-viewer {
  position: relative;
  margin-bottom: 1rem;
}

/* Panels */
.byry-viewer__panel {
  display: none;
}

.byry-viewer__panel.is-active {
  display: block;
}

/* Exterior panel — hero image fits container width */
.byry-viewer__panel--exterior .byry-hero-img {
  height: 280px;
  overflow: hidden;
  width: 100%;
}

.byry-viewer__panel--exterior .byry-hero-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  padding: 5px;
}

@media (max-width: 767px) {
  .byry-viewer__panel--exterior .byry-hero-img {
    height: 280px;
  }
}

/* Empty state */
.byry-viewer__empty {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8e6e2;
  color: #999;
  font-size: 0.875rem;
}

/* Floorplan panel */
.byry-viewer__floorplan-img {
  background: #f5f3f0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 1rem;
}

.byry-viewer__floorplan-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ── Tab buttons — col-4 grid with 10px gap ────────────────────────────── */

.byry-viewer__tabs {
  display: flex;
  margin-top: 0.75rem;
  background-color: #292929;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  gap: 20px;
}

.byry-viewer__tab {
  color: #e0ded9 !important;
  background-color: transparent;
  text-decoration: none;
  border: solid 2px #e0ded9 !important;
  border-radius: 5px;
  padding: 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  margin: 10px 0;
  cursor: pointer;
  -webkit-appearance: none;
  touch-action: manipulation;
}

.byry-viewer__tab:hover,
.byry-viewer__tab.is-active {
  color: #b36e33 !important;
  border-color: #b36e33 !important;
}

/* ── Interior slider ────────────────────────────────────────────────────── */

.byry-interior-slider {
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
  min-height: 220px;
}

.byry-interior-slider__track {
  display: flex;
  transition: transform 0.35s ease;
  /* Each slide is 100% wide — set by JS after wrapping */
}

.byry-interior-slider__slide {
  flex: 0 0 100%;
  min-width: 0;
}

.byry-interior-slider__slide img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

/* Prev/Next arrows */
.byry-interior-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.45);
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  z-index: 2;
}

.byry-interior-slider__arrow:hover {
  background: rgba(0,0,0,0.75);
}

.byry-interior-slider__arrow--prev { left: 0.5rem; }
.byry-interior-slider__arrow--next { right: 0.5rem; }

/* Dots */
.byry-interior-slider__dots {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
}

.byry-interior-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  padding: 0;
  transition: background 0.15s;
}

.byry-interior-slider__dot.is-active {
  background: #fff;
}

/* Scope overrides to the byrv configurator so they don't bleed sitewide */
.byrv-wrap .byry-pkg-accordion,
.byrv-wrap .byry-solar-accordion {
  margin-top: 0.25rem;
}

/* Selected accordion item — orange-left-border highlight matching site accent */
.byrv-wrap .byry-acc-item--selected {
  
}

.byrv-wrap .byry-acc-item--selected .accordion-button {
    background-color: transparent;
}
.accordion-item:not(:first-of-type),
.accordion-item:first-of-type {
  border: none;
}
/* Label text inside the accordion button */
.byry-pkg-toggle__label,
.byry-solar-toggle__label {
  flex: 1;
  text-align: left;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  color: #292929;
}

/* "✓ Added" / "✓ Selected" badge shown when item is selected */
.byry-pkg-toggle__added,
.byry-solar-toggle__selected {
  font-size: 0.75rem;
  font-weight: 700;
  color: #b36e33;
  margin-left: 0.75rem;
  white-space: nowrap;
}

/* Desktop: hide mobile-only elements */
@media (min-width: 768px) {
  .byrv-mobile-only {
    display: none !important;
  }
}
.accordion-button:not(.collapsed),
.accordion-button .collapsed {
  background-color: transparent !important;
}
/* ── Locked single-option decor swatch ──────────────────────────────────── */

.byry-swatch--locked {
  pointer-events: none;
  cursor: default;
  opacity: 0.85;
}

.byry-swatch--locked .byry-swatch__check {
  /* Keep the checkmark visible since it's auto-selected */
  opacity: 1;
}

/* ── Package group headings removed — packages display in field order ──────── */

/* Included package items — always selected, green accent */
.byry-pkg-item--included {
  
}

.byry-pkg-item--included .accordion-button {

  cursor: pointer; /* still expandable to read description */
}

.byry-pkg-toggle__included-badge {
  font-size: 0.75rem;
  font-weight: 700;
  color: #2e7d32;
  margin-left: 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* "Included with this floorplan" note at bottom of accordion body */
.byry-pkg-included-note {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
  color: #2e7d32;
  font-weight: 600;
}

/* ── "No Packages" none option ───────────────────────────────────────────── */

/* Selected state for the none item */
.byry-pkg-item--none.byry-acc-item--selected {
  border-left: 3px solid #b36e33 !important;
  background-color: #fdf6f0;
}

.byry-pkg-item--none.byry-acc-item--selected .accordion-button {
  background-color: #fdf6f0;
}

/* The accordion body for packages/solar */
.byry-pkg-body,
.byry-solar-body {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Action button row inside accordion body */
.byry-pkg-body__action,
.byry-solar-body__action {
  padding-top: 0.75rem;
  border-top: 1px solid #e0ded9;
  margin-top: 0.75rem;
}

/* "Add to Build" / "Select This Package" buttons */
.byry-btn--add-pkg,
.byry-btn--select-solar {
  display: inline-block;
  padding: 8px 20px;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #292929;
  background: transparent;
  border: 2px solid #292929;
  border-radius: 5px;
  cursor: pointer;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.byry-btn--add-pkg:hover,
.byry-btn--select-solar:hover {
  color: #b36e33 !important;
  border-color: #b36e33;
}

/* Selected / Remove state */
.byry-btn--add-pkg.byry-btn--remove,
.byry-btn--select-solar.byry-btn--selected {
  color: #fff;
  background: #b36e33;
  border-color: #b36e33;
}

.byry-btn--add-pkg.byry-btn--remove:hover,
.byry-btn--select-solar.byry-btn--selected:hover {
  background: #96591f;
  border-color: #96591f;
}


/* ── Footer (mirrors byrv-header, full-width below layout) ───────────────── */

.byrv-footer {
  background: #292929;
  color: #e0ded9;
  padding: 1.5rem 0;
      display: flex;
    margin-top: 0.75rem;
    background-color: black;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;

}

.byrv-footer__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* Action buttons group */
.byrv-footer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

/* Share panel sits below the inner row, full container width */
.byrv-footer .byry-share-panel {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #444;
}

.byrv-footer .byry-share-panel__heading {
  color: #e0ded9;
  margin-bottom: 1rem;
}

.byrv-footer .byry-share-panel__url-row input {
  background: #3a3a3a;
  border-color: #555;
  color: #e0ded9;
}

.byrv-footer .byry-share-panel__field-row label {
  color: #b0aea9;
}

.byrv-footer .byry-share-panel__field-row input,
.byrv-footer .byry-share-panel__field-row textarea {
  background: #3a3a3a;
  border-color: #555;
  color: #e0ded9;
}

/* Mobile: stack and stretch */
@media (max-width: 768px) {
  .byrv-footer__inner {
    
  }

  .byrv-footer__actions {
    width: 100%;
  }

  .byrv-footer__actions .byry-btn {
    flex: 0 0 auto;
    text-align: center;
  }
}


/* ── Summary Edit links ──────────────────────────────────────────────────── */

.byry-summary-card__selections dd {
    display: grid;
    align-items: baseline;
}

.byry-summary-edit {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b36e33;
  text-decoration: none;
  margin-left: 0.5rem;
  flex-shrink: 0;
}

.byry-summary-edit:hover {
  color: #292929;
  text-decoration: underline;
}


/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE LAYOUT  (< 768px)
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* ── Mobile Contact Me — bottom of each tab section ──────────────── */
  .byry-mobile-contact {

  }

  .byry-mobile-contact .byry-btn--contact {
    width: 100%;
    padding: 15px;
    font-size: 0.85rem;
    display: block;
  }

  /* ── Hide desktop-only elements ───────────────────────────────────── */
  .byrv-desktop-only {
    display: none !important;
  }

  /* ── byrv-wrap: single column ─────────────────────────────────────── */
  .byrv-wrap {
    padding: 0;
  }

  /* ── Header: title only, full width ──────────────────────────────── */
  .byrv-header .container-lg {
    flex-direction: row;
  }

  .byrv-header__brand {
      
  }
  .byrv-header__meta {
    margin-left: auto;
  }

  /* ── Layout: stack aside then configurator ────────────────────────── */
  .byrv-layout {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  .byrv-aside,
  .byry-configurator {
    width: 100%;
    max-width: 100%;
  }

  /* ── Specs: native <details> accordion ───────────────────────────── */
  .byry-specs {
    border-top: 1px solid #d0cdc8;
    border-bottom: 1px solid #d0cdc8;
    margin: 0;
    padding: 0;
  }

  /* Mobile specs heading — acts as accordion toggle */
  .byry-specs .byry-specs__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1rem;
    font-size: 12px !important;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
  }

  .byry-specs .byry-specs__heading::after {
    content: "+";
    font-size: 1.25rem;
    font-weight: 100;
    color: #292929;
    flex-shrink: 0;
  }

  .byry-specs.is-open .byry-specs__heading::after {
    content: "−";
  }

  /* List hidden by default on mobile, shown when open */
  .byry-specs__list {
    display: none;
    padding: 0 1rem 1rem;
  }

  .byry-specs.is-open .byry-specs__list {
    display: grid;
  }

  /* ── Configurator: tab strip + single visible panel ──────────────── */

  /* Tab strip — scrollable row */
  .byry-progress {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    position: sticky;
    top: 70px; /* clear fixed site header */
    z-index: 10;
    gap: 0;
    padding: 0;
  }

  .byry-progress::-webkit-scrollbar {
    display: none;
  }

  .byry-progress__step {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.5rem;
    text-decoration: none;
  color: black;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    transition: border-color 0.2s, color 0.2s;
  }

  /* Active tab — dark text + orange underline */
  .byry-progress__step.byry-tab-btn--active {
    border-bottom-color: #b36e33;
    color: #292929;
  }

  /* Completed tab — orange label */
  .byry-progress__step.byry-progress__step--complete {
    color: #b36e33;
  }

  /* Completed + active — orange text and orange underline */
  .byry-progress__step.byry-progress__step--complete.byry-tab-btn--active {
    color: #b36e33;
    border-bottom-color: #b36e33;
  }

  /* Numbers hidden on mobile too */
  .byry-progress__num {
    display: none;
  }

  /* Completion indicator on mobile */
  .byry-progress-indicator {
    padding: 0.4rem 1rem 0;
    margin-bottom: 0;
  }

  /* Section panels: hidden by default on mobile, shown when active */
  .byry-section {
    display: none;
  }

  .byry-section.byry-tab--active {
    display: block;
  }

  /* ── Footer: 3 buttons side by side ──────────────────────────────── */
  .byrv-footer__inner {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
  }

  .byrv-footer__actions {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: center;
    border-bottom: 1px solid #d0cdc8;
    padding-bottom: 15px;
  }

  .byrv-footer__actions .byry-btn {
    flex: 0 0 auto;
    text-align: center;
    font-size: 10px;
    padding: 15px;
    white-space: nowrap;
    justify-content: center;
    text-transform: uppercase;
  }

}


/* ── Contact Me button ───────────────────────────────────────────────────── */

.byry-summary-actions {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #d0cdc8;
}

.byry-btn--contact {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  background: #b36e33; 
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  text-align: center;
}

.byry-btn--contact:hover {
  background: #292929;
  border: 2px solid #b36e33;
}


/* ── Contact Me Modal ────────────────────────────────────────────────────── */

/* 80% of the viewport */
.byry-contact-modal__dialog {
  max-width: 80vw;
  width: 80vw;
  margin: 1.75rem auto;
}

@media (max-width: 767px) {
  .byry-contact-modal__dialog {
    max-width: 96vw;
    width: 96vw;
    margin: 0.5rem auto;
  }
}

/* Header — dark bar matching site nav */
.byry-contact-modal__header {
  align-items: flex-start;
  background: #292929;
  color: #fff;
  padding: 1.25rem 1.75rem;
  border-bottom: none;
}

.byry-contact-modal__close {
  filter: invert(1);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.byry-contact-modal__header-content {
  flex: 1;
}

.byry-contact-modal__header .modal-title {
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fff;
  margin-bottom: 0.2rem;
}

.byry-contact-modal__model-name {
  font-size: 0.85rem;
  color: #b0aea9;
  margin: 0;
  font-weight: 400;
}

/* Body */
.byry-contact-modal__body {
  padding: 1.75rem;
  background: #fff;
}

/* Read-only build summary — subtle grey band */
.byry-contact-modal__build-summary {
  background: #f5f3f0;
  border-left: 3px solid #b36e33;
  padding: 0.875rem 1.25rem;
  margin-bottom: 2rem;
}

.byry-contact-modal__summary-heading {
  font-size: 0.65rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94928c;
  margin: 0 0 0.5rem;
}

.byry-contact-modal__summary-dl {
  display: grid;
  grid-template-columns: 6rem 1fr;
  gap: 0.2rem 0.75rem;
  margin: 0;
}

.byry-contact-modal__summary-dl dt {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94928c;
  padding-top: 0.1rem;
}

.byry-contact-modal__summary-dl dd {
  font-size: 0.875rem;
  font-weight: 600;
  color: #292929;
  margin: 0;
}
.modal-header .btn-close {
  background-color: white;
}

/* ── Embed Form — matching request-a-quote Webform look ─────────────────── */

.byry-embed-form {
  max-width: 100%;
}

.byry-ef-row {
  margin-bottom: 1.5rem;
}

.byry-ef-row--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.5rem;
}

@media (max-width: 600px) {
  .byry-ef-row--2col {
    grid-template-columns: 1fr;
  }
}

/* Labels — bold uppercase matching site form labels */
.byry-ef-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #292929;
  margin-bottom: 0.4rem;
}

.byry-ef-required {
  color: #b36e33;
  margin-left: 0.1rem;
}

/* Inputs and selects — full width, clean border, matches site webforms */
.byry-ef-input,
.byry-ef-select {
  display: block;
  width: 100%;
  padding: 0.6rem 0.875rem;
  font-size: 0.9rem;
  font-family: inherit;
  color: #292929;
  background: #fff;
  border: 1px solid #b0aea9;
  border-radius: 0;
  line-height: 1.5;
  transition: border-color 0.15s, box-shadow 0.15s;
  appearance: none;
  -webkit-appearance: none;
}

.byry-ef-input:focus,
.byry-ef-select:focus {
  outline: none;
  border-color: #292929;
  box-shadow: 0 0 0 2px rgba(41,41,41,0.1);
}

/* Error state */
.byry-ef-field--error .byry-ef-input,
.byry-ef-field--error .byry-ef-select,
.byry-ef-fieldset.byry-ef-field--error {
  border-color: #c0392b;
}

/* Select — custom chevron */
.byry-ef-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%23292929'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  padding-right: 2.25rem;
  cursor: pointer;
}

/* Checkboxes */
.byry-ef-field--checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 0.5rem;
}

.byry-ef-checkbox,
.byry-ef-radio {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 0.2rem;
  accent-color: #292929;
  cursor: pointer;
}

.byry-ef-label--checkbox {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #292929;
  margin: 0;
  cursor: pointer;
  line-height: 1.5;
}

/* Fieldset / radios — matching "Are you a current owner?" on site */
.byry-ef-fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}

.byry-ef-fieldset legend.byry-ef-label {
  width: 100%;
  margin-bottom: 0.6rem;
}

.byry-ef-radios {
  display: flex;
  gap: 2rem;
}

.byry-ef-label--radio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  cursor: pointer;
  color: #292929;
}

/* Submit row */
.byry-ef-row--actions {
  margin-top: 2rem;
  margin-bottom: 0;
}

/* Submit button — matches "Let's Do This!" on request-a-quote */
.byry-ef-submit {
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  background: #292929;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.2s;
}

.byry-ef-submit:hover:not(:disabled) {
  background: #b36e33;
}

.byry-ef-submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Disclaimer — small grey text below submit */
.byry-ef-disclaimer {
  font-size: 0.75rem;
  color: #94928c;
  margin-top: 1rem;
  line-height: 1.6;
  text-align: center;
}

/* Status messages */
.byry-ef-status {
  margin-top: 1.25rem;
  padding: 0.875rem 1.1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-left: 3px solid;
}

.byry-ef-status--success {
  background: #f0f7f0;
  color: #2e7d32;
  border-color: #2e7d32;
}

.byry-ef-status--error {
  background: #fdf2f2;
  color: #c0392b;
  border-color: #c0392b;
}

/* ── Share Modal ─────────────────────────────────────────────────────────── */

.byry-share-modal .modal-header {
  align-items: flex-start;
  background: #292929;
  border-bottom: none;
  padding: 1.25rem 1.75rem;
}

.byry-share-modal .modal-title {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fff;
  margin-bottom: 0.2rem;
}

.byry-share-modal .byry-contact-modal__model-name {
  font-size: 0.85rem;
  color: #b0aea9;
  margin: 0;
  flex: 1;
}

.byry-share-modal__close {
  filter: invert(1);
  flex-shrink: 0;
}

.byry-share-modal .modal-body {
  padding: 1.5rem 1.75rem;
}

/* Inherit existing byry-share-panel field styles inside the modal */
.byry-share-modal .byry-share-panel__url-row {
  margin-bottom: 1.5rem;
}





@media (min-width: 768px) {
    .byrv-header__title {
        font-size: 36px;
    }
    .byrv-part1 {
        display: inline-block;
    }
    .byrv-part2 {
        
    }
    .byrv-header__meta {
        margin-left: auto;
    }
    .byrv-header__meta .contact-btn .brand-contact-too {
        font-size: 16px;
    }
    .byry-viewer__panel--exterior .byry-hero-img {
        height: 450px;
    }
    .fp-standards-options li {
        font-size: 16px !important;
    }
    .byry-btn--contact {
        width: auto;
    }
    .byrv-footer__actions {
        margin-left: auto;
    }
    .byry-btn {
        padding: 15px;
    }
    .byry-specs__list dt {
        font-size: 16px;
    }
    .specs {
        font-size: 16px;
        line-height: 2;
        border-bottom: solid 1px #cdcbc7;
        display: flex;
    }
    h3.byry-specs__heading {
        font-size: 24px !important;
    }
    .byry-specs__list li {
        border-bottom: solid 1px #cdcbc7;
        line-height: 2;
    }
    .byry-specs__list dd {
        margin-left: auto;
    }
    
    
    
    
    
    
    
    
    
}