/* Floating design switcher — shared across all 3 designs */
.design-switch {
  position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
  z-index: 300; display: flex; align-items: center; gap: 4px;
  padding: 6px; border-radius: 999px;
  background: rgba(20, 18, 16, 0.72); backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid rgba(201, 161, 94, 0.35);
  box-shadow: 0 18px 40px -14px rgba(0, 0, 0, 0.6);
  font-family: "Montserrat", Arial, sans-serif;
}
.design-switch a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 34px; padding: 0 12px; border-radius: 999px;
  color: #E8D9BC; font-size: 0.82rem; letter-spacing: 0.06em; font-weight: 600;
  text-decoration: none; transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}
.design-switch a:hover { background: rgba(201, 161, 94, 0.16); color: #fff; }
.design-switch a.active {
  background: linear-gradient(120deg, #F3D9A6, #D6A85E 45%, #B07C36);
  color: #23180a;
}
.design-switch .ds-home { min-width: 34px; padding: 0; font-size: 1rem; color: #C9A15E; }
.design-switch .ds-sep { width: 1px; height: 18px; background: rgba(201,161,94,0.3); margin: 0 2px; }
.design-switch .ds-label { color: #9a8f7a; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; padding-left: 8px; }
@media (max-width: 560px) {
  .design-switch .ds-label { display: none; }
  .design-switch a { min-width: 36px; height: 32px; padding: 0 10px; font-size: 0.78rem; }
}
@media print { .design-switch { display: none; } }