/* ============================================================
   AERO Lifts — CSS Cabin Render System
   15 premium cabin variants: 10 single-finish + 5 two-tone
   ============================================================ */

/* ── Base cabin structure ── */
.cabin-render {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #0a0a0a;
  display: flex;
  flex-direction: column;
}

/* ── Ceiling ── */
.cr-ceiling {
  flex-shrink: 0;
  height: 14%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cr-light-strip {
  position: absolute;
  width: 50%;
  height: 4px;
  border-radius: 2px;
  box-shadow: 0 0 20px 6px currentColor, 0 0 40px 12px currentColor;
  opacity: 0.9;
}

/* ── Main cabin body ── */
.cr-body {
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cr-side-left,
.cr-side-right {
  flex-shrink: 0;
  width: 14%;
  position: relative;
  overflow: hidden;
}

.cr-side-left  { transform-origin: right center;  }
.cr-side-right { transform-origin: left center; }

.cr-back-wall {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ── Handrail ── */
.cr-handrail {
  position: absolute;
  left: 6%;
  right: 6%;
  height: 8px;
  top: 52%;
  border-radius: 4px;
  z-index: 4;
}

/* ── Back wall panels (vertical divisions) ── */
.cr-panels {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 3px;
  padding: 0 8px;
}

.cr-panel {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* ── Cabin floor ── */
.cr-floor {
  flex-shrink: 0;
  height: 12%;
  position: relative;
}

/* ── Door frame lines ── */
.cr-doors {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
}

.cr-doors::before,
.cr-doors::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(0,0,0,0.5);
}

.cr-doors::before { left: 14%; }
.cr-doors::after  { right: 14%; }

/* ── Ambient glow overlay ── */
.cr-ambient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

/* ── Panel overlay sheen ── */
.cr-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    160deg,
    rgba(255,255,255,0.08) 0%,
    transparent 40%,
    transparent 60%,
    rgba(0,0,0,0.1) 100%
  );
}

/* ══════════════════════════════════════════════════════════════
   FINISH DEFINITIONS
   ══════════════════════════════════════════════════════════════ */

/* ── Hairline texture mixin (fine vertical striations) ── */
.finish-hairline .cr-panel,
.finish-hairline .cr-side-left,
.finish-hairline .cr-side-right {
  background-image: repeating-linear-gradient(
    90deg,
    transparent 0px,
    transparent 1.5px,
    rgba(255,255,255,0.06) 1.5px,
    rgba(255,255,255,0.06) 2px
  );
}

/* ── Mirror finish: smooth high-reflectivity ── */
.finish-mirror .cr-panel,
.finish-mirror .cr-side-left,
.finish-mirror .cr-side-right {
  background-image: linear-gradient(
    170deg,
    rgba(255,255,255,0.18) 0%,
    transparent 30%,
    transparent 60%,
    rgba(255,255,255,0.06) 100%
  );
}

/* ══════════════════════════════════════════════════════════════
   01 — AERO SILVERLINE
   Silver Hairline SS — Cool platinum elegance
   ══════════════════════════════════════════════════════════════ */
.cabin-silverline .cr-ceiling {
  background: linear-gradient(to bottom, #2a2a2a, #1e1e1e);
}
.cabin-silverline .cr-light-strip {
  background: #e0eeff;
  color: rgba(200,220,255,0.6);
}
.cabin-silverline .cr-back-wall,
.cabin-silverline .cr-side-left,
.cabin-silverline .cr-side-right {
  background: linear-gradient(180deg, #c8cdd4 0%, #a8afb8 40%, #b8bfc8 70%, #9aa0aa 100%);
}
.cabin-silverline .cr-side-left  { filter: brightness(0.82); }
.cabin-silverline .cr-side-right { filter: brightness(0.78); }
.cabin-silverline .cr-panel {
  background: linear-gradient(180deg, #d0d5dc 0%, #b0b7c0 100%);
}
.cabin-silverline .cr-handrail {
  background: linear-gradient(to right, #888, #bbb, #888);
  box-shadow: 0 2px 6px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.3);
}
.cabin-silverline .cr-floor {
  background: linear-gradient(to bottom, #1a1a1a, #111);
}
.cabin-silverline .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(180,185,195,0.25), transparent);
}
.cabin-silverline .cr-ambient {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(200,215,240,0.08) 0%, transparent 70%);
}

/* ══════════════════════════════════════════════════════════════
   02 — AERO MIRROR CREST
   Silver Mirror SS — Luminous ultra-reflective
   ══════════════════════════════════════════════════════════════ */
.cabin-mirror-crest .cr-ceiling {
  background: linear-gradient(to bottom, #1a1a1a, #111);
}
.cabin-mirror-crest .cr-light-strip {
  background: #ffffff;
  color: rgba(255,255,255,0.8);
  width: 60%;
}
.cabin-mirror-crest .cr-back-wall,
.cabin-mirror-crest .cr-side-left,
.cabin-mirror-crest .cr-side-right {
  background: linear-gradient(160deg, #f0f0f0 0%, #a0a8b0 25%, #d8dce4 50%, #888f98 75%, #ccd0d8 100%);
}
.cabin-mirror-crest .cr-side-left  { filter: brightness(0.7) contrast(1.1); }
.cabin-mirror-crest .cr-side-right { filter: brightness(0.65) contrast(1.1); }
.cabin-mirror-crest .cr-panel {
  background: linear-gradient(
    160deg,
    #f5f5f7 0%,
    #b0b8c0 20%,
    #e8eaee 45%,
    #90989f 70%,
    #d0d4da 100%
  );
}
.cabin-mirror-crest .cr-handrail {
  background: linear-gradient(to right, #ccc, #fff, #ccc);
  box-shadow: 0 3px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.8);
}
.cabin-mirror-crest .cr-floor {
  background: linear-gradient(to bottom, #141414, #0a0a0a);
}
.cabin-mirror-crest .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(220,225,235,0.35), transparent);
}
.cabin-mirror-crest .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(220,230,255,0.12) 0%, transparent 70%);
}

/* ══════════════════════════════════════════════════════════════
   03 — AERO NOIR CORE
   Black SS — Monolithic shadow presence
   ══════════════════════════════════════════════════════════════ */
.cabin-noir-core .cr-ceiling {
  background: linear-gradient(to bottom, #111, #0a0a0a);
}
.cabin-noir-core .cr-light-strip {
  background: #ff8833;
  color: rgba(255,120,30,0.5);
}
.cabin-noir-core .cr-back-wall,
.cabin-noir-core .cr-side-left,
.cabin-noir-core .cr-side-right {
  background: linear-gradient(180deg, #282828 0%, #1a1a1a 50%, #222 100%);
}
.cabin-noir-core .cr-side-left  { filter: brightness(0.7); }
.cabin-noir-core .cr-side-right { filter: brightness(0.65); }
.cabin-noir-core .cr-panel {
  background: linear-gradient(180deg, #2a2a2a 0%, #1c1c1c 100%);
  border-left: 1px solid rgba(255,255,255,0.04);
  border-right: 1px solid rgba(255,255,255,0.04);
}
.cabin-noir-core .cr-handrail {
  background: linear-gradient(to right, #FF4D00, #ff7733, #FF4D00);
  box-shadow: 0 0 12px rgba(255,77,0,0.4), inset 0 1px 0 rgba(255,150,50,0.5);
}
.cabin-noir-core .cr-floor {
  background: linear-gradient(to bottom, #111, #080808);
}
.cabin-noir-core .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(255,77,0,0.08), transparent);
}
.cabin-noir-core .cr-ambient {
  background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,77,0,0.06) 0%, transparent 70%);
}

/* ══════════════════════════════════════════════════════════════
   04 — AERO ECLIPSE GLASS
   Black Mirror SS — Void-dark infinity reflection
   ══════════════════════════════════════════════════════════════ */
.cabin-eclipse .cr-ceiling {
  background: linear-gradient(to bottom, #0d0d0d, #080808);
}
.cabin-eclipse .cr-light-strip {
  background: #ccddff;
  color: rgba(180,200,255,0.4);
  width: 70%;
  height: 3px;
}
.cabin-eclipse .cr-back-wall,
.cabin-eclipse .cr-side-left,
.cabin-eclipse .cr-side-right {
  background: linear-gradient(155deg, #252528 0%, #0d0d0f 30%, #1a1a1d 55%, #080809 80%, #141416 100%);
}
.cabin-eclipse .cr-side-left  { filter: brightness(0.6) contrast(1.2); }
.cabin-eclipse .cr-side-right { filter: brightness(0.55) contrast(1.2); }
.cabin-eclipse .cr-panel {
  background: linear-gradient(
    155deg,
    rgba(50,52,60,0.8) 0%,
    rgba(10,10,12,0.95) 35%,
    rgba(35,37,45,0.7) 60%,
    rgba(8,8,10,0.95) 100%
  );
}
.cabin-eclipse .cr-handrail {
  background: linear-gradient(to right, #1a1a2a, #3a3a5a, #1a1a2a);
  box-shadow: 0 0 15px rgba(100,120,200,0.2), inset 0 1px 0 rgba(150,170,230,0.3);
}
.cabin-eclipse .cr-floor {
  background: linear-gradient(to bottom, #0a0a0a, #050505);
}
.cabin-eclipse .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(30,35,55,0.3), transparent);
}
.cabin-eclipse .cr-ambient {
  background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(80,100,180,0.06) 0%, transparent 60%);
}

/* ══════════════════════════════════════════════════════════════
   05 — AERO ROSELINE
   Rose Gold Hairline SS — Warm femininity meets precision
   ══════════════════════════════════════════════════════════════ */
.cabin-roseline .cr-ceiling {
  background: linear-gradient(to bottom, #251515, #1a1010);
}
.cabin-roseline .cr-light-strip {
  background: #ffddcc;
  color: rgba(255,200,170,0.5);
}
.cabin-roseline .cr-back-wall,
.cabin-roseline .cr-side-left,
.cabin-roseline .cr-side-right {
  background: linear-gradient(180deg, #c8907a 0%, #a87060 40%, #b88070 70%, #9a6858 100%);
}
.cabin-roseline .cr-side-left  { filter: brightness(0.78); }
.cabin-roseline .cr-side-right { filter: brightness(0.72); }
.cabin-roseline .cr-panel {
  background: linear-gradient(180deg, #d09882 0%, #b07868 100%);
}
.cabin-roseline .cr-handrail {
  background: linear-gradient(to right, #7a4840, #c07060, #7a4840);
  box-shadow: 0 2px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,180,150,0.4);
}
.cabin-roseline .cr-floor {
  background: linear-gradient(to bottom, #1a0e0e, #110808);
}
.cabin-roseline .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(200,140,120,0.2), transparent);
}
.cabin-roseline .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255,170,140,0.07) 0%, transparent 70%);
}

/* ══════════════════════════════════════════════════════════════
   06 — AERO AURORA ROSE
   Rose Gold Mirror SS — Shimmering iridescent warmth
   ══════════════════════════════════════════════════════════════ */
.cabin-aurora-rose .cr-ceiling {
  background: linear-gradient(to bottom, #1e1010, #140a0a);
}
.cabin-aurora-rose .cr-light-strip {
  background: #ffe0d0;
  color: rgba(255,210,190,0.7);
  width: 65%;
}
.cabin-aurora-rose .cr-back-wall,
.cabin-aurora-rose .cr-side-left,
.cabin-aurora-rose .cr-side-right {
  background: linear-gradient(155deg, #f0c0a8 0%, #c88870 20%, #e8b09a 45%, #a87060 70%, #d4a088 100%);
}
.cabin-aurora-rose .cr-side-left  { filter: brightness(0.72) contrast(1.1); }
.cabin-aurora-rose .cr-side-right { filter: brightness(0.68) contrast(1.1); }
.cabin-aurora-rose .cr-panel {
  background: linear-gradient(
    155deg,
    #f4c8b0 0%,
    #c09080 25%,
    #eab8a0 50%,
    #a88070 75%,
    #d8a888 100%
  );
}
.cabin-aurora-rose .cr-handrail {
  background: linear-gradient(to right, #c09080, #f0c0a8, #c09080);
  box-shadow: 0 3px 10px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,220,200,0.6);
}
.cabin-aurora-rose .cr-floor {
  background: linear-gradient(to bottom, #120808, #0a0404);
}
.cabin-aurora-rose .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(240,180,160,0.3), transparent);
}
.cabin-aurora-rose .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255,180,150,0.1) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   07 — AERO EMBER LINE
   Copper Hairline SS — Industrial warmth, artisan character
   ══════════════════════════════════════════════════════════════ */
.cabin-ember-line .cr-ceiling {
  background: linear-gradient(to bottom, #1e1208, #140c05);
}
.cabin-ember-line .cr-light-strip {
  background: #ffcc88;
  color: rgba(255,180,80,0.5);
}
.cabin-ember-line .cr-back-wall,
.cabin-ember-line .cr-side-left,
.cabin-ember-line .cr-side-right {
  background: linear-gradient(180deg, #b07840 0%, #8a5a28 40%, #a06830 70%, #785020 100%);
}
.cabin-ember-line .cr-side-left  { filter: brightness(0.76); }
.cabin-ember-line .cr-side-right { filter: brightness(0.70); }
.cabin-ember-line .cr-panel {
  background: linear-gradient(180deg, #b88040 0%, #906030 100%);
}
.cabin-ember-line .cr-handrail {
  background: linear-gradient(to right, #5a3810, #986030, #5a3810);
  box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(220,160,80,0.4);
}
.cabin-ember-line .cr-floor {
  background: linear-gradient(to bottom, #150e05, #0e0904);
}
.cabin-ember-line .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(180,120,50,0.2), transparent);
}
.cabin-ember-line .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(200,130,50,0.07) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   08 — AERO EMBER REFLECT
   Copper Mirror SS — Molten brilliance
   ══════════════════════════════════════════════════════════════ */
.cabin-ember-reflect .cr-ceiling {
  background: linear-gradient(to bottom, #180e04, #100804);
}
.cabin-ember-reflect .cr-light-strip {
  background: #ffd080;
  color: rgba(255,185,60,0.6);
  width: 60%;
}
.cabin-ember-reflect .cr-back-wall,
.cabin-ember-reflect .cr-side-left,
.cabin-ember-reflect .cr-side-right {
  background: linear-gradient(155deg, #e8a040 0%, #9a6018 20%, #d49030 45%, #7a4a10 70%, #c07828 100%);
}
.cabin-ember-reflect .cr-side-left  { filter: brightness(0.68) contrast(1.1); }
.cabin-ember-reflect .cr-side-right { filter: brightness(0.62) contrast(1.1); }
.cabin-ember-reflect .cr-panel {
  background: linear-gradient(
    155deg,
    #eea838 0%,
    #a06820 25%,
    #dca030 50%,
    #845010 75%,
    #c88020 100%
  );
}
.cabin-ember-reflect .cr-handrail {
  background: linear-gradient(to right, #9a6018, #e8a040, #9a6018);
  box-shadow: 0 3px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,200,80,0.5);
}
.cabin-ember-reflect .cr-floor {
  background: linear-gradient(to bottom, #120a04, #0a0604);
}
.cabin-ember-reflect .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(230,160,50,0.3), transparent);
}
.cabin-ember-reflect .cr-ambient {
  background: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(220,150,40,0.1) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   09 — AERO GOLD HORIZON
   Golden Hairline SS — Sovereign opulence, understated
   ══════════════════════════════════════════════════════════════ */
.cabin-gold-horizon .cr-ceiling {
  background: linear-gradient(to bottom, #1a1408, #120e05);
}
.cabin-gold-horizon .cr-light-strip {
  background: #fff0a0;
  color: rgba(255,230,100,0.5);
}
.cabin-gold-horizon .cr-back-wall,
.cabin-gold-horizon .cr-side-left,
.cabin-gold-horizon .cr-side-right {
  background: linear-gradient(180deg, #c8a020 0%, #a07818 40%, #b89020 70%, #8a6810 100%);
}
.cabin-gold-horizon .cr-side-left  { filter: brightness(0.78); }
.cabin-gold-horizon .cr-side-right { filter: brightness(0.72); }
.cabin-gold-horizon .cr-panel {
  background: linear-gradient(180deg, #d0a828 0%, #a88018 100%);
}
.cabin-gold-horizon .cr-handrail {
  background: linear-gradient(to right, #786010, #c0a020, #786010);
  box-shadow: 0 2px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,230,120,0.4);
}
.cabin-gold-horizon .cr-floor {
  background: linear-gradient(to bottom, #140e04, #0e0a04);
}
.cabin-gold-horizon .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(210,170,40,0.22), transparent);
}
.cabin-gold-horizon .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(220,180,40,0.08) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   10 — AERO IMPERIAL MIRROR
   Golden Mirror SS — Timeless imperial grandeur
   ══════════════════════════════════════════════════════════════ */
.cabin-imperial .cr-ceiling {
  background: linear-gradient(to bottom, #141005, #0e0c04);
}
.cabin-imperial .cr-light-strip {
  background: #ffee88;
  color: rgba(255,220,60,0.7);
  width: 68%;
}
.cabin-imperial .cr-back-wall,
.cabin-imperial .cr-side-left,
.cabin-imperial .cr-side-right {
  background: linear-gradient(155deg, #f0c830 0%, #a08010 20%, #e0b820 45%, #806010 70%, #d0a010 100%);
}
.cabin-imperial .cr-side-left  { filter: brightness(0.7) contrast(1.1); }
.cabin-imperial .cr-side-right { filter: brightness(0.65) contrast(1.1); }
.cabin-imperial .cr-panel {
  background: linear-gradient(
    155deg,
    #f4cc38 0%,
    #a88818 25%,
    #ecc428 50%,
    #907010 75%,
    #d8b020 100%
  );
}
.cabin-imperial .cr-handrail {
  background: linear-gradient(to right, #a08010, #f0c830, #a08010);
  box-shadow: 0 3px 12px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,240,100,0.6);
}
.cabin-imperial .cr-floor {
  background: linear-gradient(to bottom, #100c04, #080604);
}
.cabin-imperial .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(240,200,50,0.35), transparent);
}
.cabin-imperial .cr-ambient {
  background: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(230,190,40,0.12) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   TWO-TONE VARIANTS
   ══════════════════════════════════════════════════════════════ */

/* ── Two-tone base: left/right panel split ── */
.cabin-duotone .cr-panels {
  gap: 4px;
}

.cabin-duotone .cr-panel:nth-child(1) { flex: 0.85; }
.cabin-duotone .cr-panel:nth-child(2) { flex: 1.3; }
.cabin-duotone .cr-panel:nth-child(3) { flex: 0.85; }

/* ══════════════════════════════════════════════════════════════
   11 — AERO OBSIDIAN ROSE
   Black SS + Rose Gold — Power softened by warmth
   ══════════════════════════════════════════════════════════════ */
.cabin-obsidian-rose .cr-ceiling {
  background: linear-gradient(to bottom, #181010, #0e0808);
}
.cabin-obsidian-rose .cr-light-strip {
  background: #ffddcc;
  color: rgba(255,195,165,0.45);
}
.cabin-obsidian-rose .cr-back-wall {
  background: linear-gradient(180deg, #1e1a1a 0%, #141010 100%);
}
.cabin-obsidian-rose .cr-side-left {
  background: linear-gradient(180deg, #c89880 0%, #a07860 100%);
  filter: brightness(0.72);
}
.cabin-obsidian-rose .cr-side-right {
  background: linear-gradient(180deg, #1e1818 0%, #141010 100%);
  filter: brightness(0.6);
}
.cabin-obsidian-rose .cr-panel:nth-child(1) {
  background: linear-gradient(180deg, #c89880 0%, #a07860 100%);
}
.cabin-obsidian-rose .cr-panel:nth-child(2) {
  background: linear-gradient(180deg, #242020 0%, #181414 100%);
  border-left: 2px solid rgba(200,140,120,0.3);
  border-right: 2px solid rgba(200,140,120,0.3);
}
.cabin-obsidian-rose .cr-panel:nth-child(3) {
  background: linear-gradient(180deg, #1e1c1a 0%, #141210 100%);
}
.cabin-obsidian-rose .cr-handrail {
  background: linear-gradient(to right, #805040, #c89080, #1a1414);
  box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(220,160,130,0.3);
}
.cabin-obsidian-rose .cr-floor {
  background: linear-gradient(to bottom, #0e0808, #080606);
}
.cabin-obsidian-rose .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(200,140,120,0.15) 0%, transparent 50%, rgba(10,8,8,0.3) 100%);
}
.cabin-obsidian-rose .cr-ambient {
  background: radial-gradient(ellipse 80% 60% at 20% 30%, rgba(200,130,110,0.06) 0%, transparent 60%);
}

/* ══════════════════════════════════════════════════════════════
   12 — AERO NOIR COPPER
   Black Mirror SS + Copper — Dark mystery, ember accent
   ══════════════════════════════════════════════════════════════ */
.cabin-noir-copper .cr-ceiling {
  background: linear-gradient(to bottom, #100c08, #080604);
}
.cabin-noir-copper .cr-light-strip {
  background: #ffcc80;
  color: rgba(255,185,60,0.5);
}
.cabin-noir-copper .cr-back-wall {
  background: linear-gradient(155deg, #1e1c18 0%, #0a0908 35%, #1a1814 60%, #080706 100%);
}
.cabin-noir-copper .cr-side-left {
  background: linear-gradient(155deg, #d09038 0%, #906018 100%);
  filter: brightness(0.65) contrast(1.1);
}
.cabin-noir-copper .cr-side-right {
  background: linear-gradient(155deg, #181412 0%, #0a0908 100%);
  filter: brightness(0.55);
}
.cabin-noir-copper .cr-panel:nth-child(1) {
  background: linear-gradient(155deg, #d49038 0%, #946018 100%);
}
.cabin-noir-copper .cr-panel:nth-child(2) {
  background: linear-gradient(155deg, #1c1a16 0%, #0c0a08 35%, #181614 65%, #080604 100%);
  border-left: 2px solid rgba(200,130,40,0.25);
  border-right: 2px solid rgba(200,130,40,0.25);
}
.cabin-noir-copper .cr-panel:nth-child(3) {
  background: linear-gradient(155deg, #1e1c18 0%, #0e0c08 100%);
}
.cabin-noir-copper .cr-handrail {
  background: linear-gradient(to right, #0e0c08, #c89030, #0e0c08);
  box-shadow: 0 0 14px rgba(200,140,40,0.3), inset 0 1px 0 rgba(240,180,60,0.4);
}
.cabin-noir-copper .cr-floor {
  background: linear-gradient(to bottom, #0c0a06, #060504);
}
.cabin-noir-copper .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(200,130,40,0.2) 0%, transparent 40%);
}
.cabin-noir-copper .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 20% 40%, rgba(190,120,30,0.08) 0%, transparent 60%);
}

/* ══════════════════════════════════════════════════════════════
   13 — AERO ARGENT NOIR
   Silver Hairline SS + Black Mirror SS — Yin-yang contrast
   ══════════════════════════════════════════════════════════════ */
.cabin-argent-noir .cr-ceiling {
  background: linear-gradient(to bottom, #1e1e1e, #141414);
}
.cabin-argent-noir .cr-light-strip {
  background: #e8e8ff;
  color: rgba(200,210,255,0.5);
}
.cabin-argent-noir .cr-back-wall {
  background: linear-gradient(90deg, #c0c5cc 0%, #c0c5cc 50%, #151518 50%, #151518 100%);
}
.cabin-argent-noir .cr-side-left {
  background: linear-gradient(180deg, #c8cdd4 0%, #a8afb8 100%);
  filter: brightness(0.78);
}
.cabin-argent-noir .cr-side-right {
  background: linear-gradient(155deg, #252528 0%, #0d0d0f 100%);
  filter: brightness(0.6);
}
.cabin-argent-noir .cr-panel:nth-child(1) {
  background: linear-gradient(180deg, #d0d5dc 0%, #b0b7c0 100%);
}
.cabin-argent-noir .cr-panel:nth-child(2) {
  background: linear-gradient(155deg, #d0d5dc 0%, #b0b7c0 50%, #1a1a1e 50%, #0e0e12 100%);
  border-left: 1px solid rgba(200,200,210,0.2);
  border-right: 1px solid rgba(200,200,210,0.2);
}
.cabin-argent-noir .cr-panel:nth-child(3) {
  background: linear-gradient(155deg, #202025 0%, #0c0c10 100%);
}
.cabin-argent-noir .cr-handrail {
  background: linear-gradient(to right, #b0b5bc, #e0e4ea, #141418);
  box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.3);
}
.cabin-argent-noir .cr-floor {
  background: linear-gradient(to bottom, #111114, #08080a);
}
.cabin-argent-noir .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(200,205,215,0.2) 0%, transparent 50%, rgba(5,5,8,0.5) 100%);
}

/* ══════════════════════════════════════════════════════════════
   14 — AERO SOVEREIGN
   Golden Hairline SS + Black SS — Authority and luxury
   ══════════════════════════════════════════════════════════════ */
.cabin-sovereign .cr-ceiling {
  background: linear-gradient(to bottom, #14100a, #0e0c06);
}
.cabin-sovereign .cr-light-strip {
  background: #fff0a0;
  color: rgba(255,220,80,0.5);
}
.cabin-sovereign .cr-back-wall {
  background: linear-gradient(180deg, #1a1812 0%, #121008 100%);
}
.cabin-sovereign .cr-side-left {
  background: linear-gradient(180deg, #c8a020 0%, #a07818 100%);
  filter: brightness(0.76);
}
.cabin-sovereign .cr-side-right {
  background: linear-gradient(180deg, #222018 0%, #161410 100%);
  filter: brightness(0.65);
}
.cabin-sovereign .cr-panel:nth-child(1) {
  background: linear-gradient(180deg, #d0a828 0%, #a88018 100%);
}
.cabin-sovereign .cr-panel:nth-child(2) {
  background: linear-gradient(180deg, #1e1c14 0%, #141210 100%);
  border-left: 2px solid rgba(200,165,30,0.3);
  border-right: 2px solid rgba(200,165,30,0.3);
}
.cabin-sovereign .cr-panel:nth-child(3) {
  background: linear-gradient(180deg, #d0a828 0%, #a88018 100%);
}
.cabin-sovereign .cr-handrail {
  background: linear-gradient(to right, #786010, #c0a020, #786010);
  box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,230,100,0.4);
}
.cabin-sovereign .cr-floor {
  background: linear-gradient(to bottom, #100e06, #080604);
}
.cabin-sovereign .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(200,165,30,0.2), transparent);
}
.cabin-sovereign .cr-ambient {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(210,170,30,0.08) 0%, transparent 65%);
}

/* ══════════════════════════════════════════════════════════════
   15 — AERO LUXE AURORA
   Rose Gold Mirror SS + Silver Hairline SS — Dusk and dawn
   ══════════════════════════════════════════════════════════════ */
.cabin-luxe-aurora .cr-ceiling {
  background: linear-gradient(to bottom, #1e1214, #140e10);
}
.cabin-luxe-aurora .cr-light-strip {
  background: #ffeedd;
  color: rgba(255,215,195,0.6);
  width: 62%;
}
.cabin-luxe-aurora .cr-back-wall {
  background: linear-gradient(180deg, #1a1618 0%, #121014 100%);
}
.cabin-luxe-aurora .cr-side-left {
  background: linear-gradient(155deg, #eab0a0 0%, #a07868 100%);
  filter: brightness(0.7) contrast(1.1);
}
.cabin-luxe-aurora .cr-side-right {
  background: linear-gradient(180deg, #c8cdd4 0%, #a8afb8 100%);
  filter: brightness(0.72);
}
.cabin-luxe-aurora .cr-panel:nth-child(1) {
  background: linear-gradient(155deg, #f0c0a8 0%, #c09080 25%, #e8b09a 50%, #a87868 75%, #d8a888 100%);
}
.cabin-luxe-aurora .cr-panel:nth-child(2) {
  background: linear-gradient(90deg, #e0a890 0%, #e0a890 50%, #c8cdd4 50%, #c8cdd4 100%);
  border-left: 1px solid rgba(200,190,190,0.2);
  border-right: 1px solid rgba(200,190,190,0.2);
}
.cabin-luxe-aurora .cr-panel:nth-child(3) {
  background: linear-gradient(180deg, #d0d5dc 0%, #b0b7c0 100%);
}
.cabin-luxe-aurora .cr-handrail {
  background: linear-gradient(to right, #c09080, #f0c0a8, #b0b8c0);
  box-shadow: 0 3px 10px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,210,190,0.4);
}
.cabin-luxe-aurora .cr-floor {
  background: linear-gradient(to bottom, #100e10, #0a0808);
}
.cabin-luxe-aurora .cr-floor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(230,170,150,0.2) 0%, rgba(200,210,220,0.15) 100%);
}
.cabin-luxe-aurora .cr-ambient {
  background: radial-gradient(ellipse 80% 50% at 30% 20%, rgba(240,170,150,0.08) 0%, transparent 50%),
              radial-gradient(ellipse 80% 50% at 70% 20%, rgba(200,215,235,0.06) 0%, transparent 50%);
}

/* ══════════════════════════════════════════════════════════════
   CABIN SHOWCASE CARD WRAPPER
   ══════════════════════════════════════════════════════════════ */
.cabin-card {
  position: relative;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
}

.cabin-card:hover {
  transform: translateY(-4px) scale(1.01);
}

.cabin-card-label {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 28px 20px 20px;
  background: linear-gradient(to top, rgba(8,8,8,0.95) 0%, transparent 100%);
  z-index: 10;
  pointer-events: none;
}

.cabin-card-name {
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 1px;
  color: var(--white);
  line-height: 1.1;
  margin-bottom: 4px;
}

.cabin-card-finish {
  font-family: var(--font-label);
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--orange);
}

.cabin-card-mood {
  font-family: var(--font-label);
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--silver);
  margin-top: 2px;
}

.cabin-card-badge {
  position: absolute;
  top: 14px; right: 14px;
  background: var(--orange);
  color: var(--black);
  font-family: var(--font-label);
  font-size: 8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 8px;
  z-index: 10;
  font-weight: 700;
}