@charset "UTF-8";
/* CKCP interior collection: precise type, source photography, quiet surfaces. */
body.ckcp-showroom {
  --paper:#f2f0eb; --ink:#24262a; --muted:#63666d; --line:#d5d4d0;
  --accent:#202226; --soft:#e8e7e4; --dark:#111214; --silver:#c2c6cc;
  --display:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  margin:0; background:var(--paper); color:var(--ink);
  font:400 15px/1.65 var(--display); -webkit-font-smoothing:antialiased;
}
.ckcp-showroom * { box-sizing:border-box; }
.ckcp-showroom [hidden] { display:none!important; }
.ckcp-showroom a { color:inherit; text-decoration:none; }
.ckcp-showroom :is(button,input,select) { font:inherit; }
.ckcp-showroom button { cursor:pointer; }
.ckcp-showroom button:disabled { cursor:not-allowed; opacity:.4; }
.ckcp-showroom :is(a,button) { -webkit-tap-highlight-color:transparent; }
.ckcp-showroom :is(button,a,input,select):focus-visible { outline:2px solid #8ca8c0; outline-offset:5px; }
.ckcp-showroom button:active:not(:disabled),.ckcp-showroom .button:active { transform:translateY(1px); }
.ckcp-showroom svg { display:block; }
.ckcp-showroom .shell { max-width:1400px; margin-inline:auto; width:calc(100% - 112px); }
.ckcp-showroom main { max-width:none; margin:0; padding:0; }
.ckcp-showroom :is(h1,h2,h3,p,figure) { margin:0; }
.ckcp-showroom :is(h1,h2,h3) { font-family:var(--display); font-weight:500; letter-spacing:-.04em; }
.ckcp-showroom .eyebrow { font-size:11px; letter-spacing:1.6px; font-weight:500; color:var(--muted); }
.ckcp-showroom .button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:13px 23px; background:var(--accent); color:#f5f4f1; border:1px solid var(--accent); border-radius:0; font-size:13px; font-weight:500; transition:background .2s,transform .2s; }
.ckcp-showroom .button:hover { background:#41454b; }
.ckcp-showroom .button.secondary { background:transparent; color:var(--ink); border-color:#989ba0; }
.ckcp-showroom .button.secondary:hover { background:#e0e0de; }
.ckcp-showroom .text-link { display:inline-flex; align-items:center; gap:24px; font-size:14px; border:0; border-bottom:1px solid #95989d; background:transparent; padding:10px 0; }
.skip-link { position:absolute; top:0; left:24px; padding:12px; background:#fff; color:#202124!important; transform:translateY(-120%); z-index:4; }
.skip-link:focus { transform:translateY(0); }
.showroom-masthead { background:var(--dark); color:#f2f0eb; }
.showroom-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand-group { display:flex; align-items:center; gap:24px; }
.ckcp-showroom .brand { font-size:28px; line-height:1; font-weight:750; letter-spacing:-1px; }
.ckcp-showroom .brand span { display:block; font-size:6px; letter-spacing:1.7px; margin:7px 0 0 1px; font-weight:500; }
.preview-tag { color:#959aA2; font-size:8px; letter-spacing:1.3px; padding-left:23px; border-left:1px solid #383b40; }
.showroom-header nav { display:flex; gap:33px; font-size:13px; }
.showroom-header nav a { padding:15px 0; color:#adb2ba; transition:color .2s; }
.showroom-header nav a:is(:hover,.active) { color:#fff; }
.showroom-header .account { display:flex; align-items:center; gap:17px; font-size:13px; }
.signature-hero { background:var(--dark); color:#f2f0eb; padding-top:42px; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); gap:62px; align-items:center; }
.hero-content { padding:29px 0 10px; }
.ckcp-showroom .hero-content .eyebrow { color:#bdc1c7; letter-spacing:2px; }
.ckcp-showroom .hero-content h1 { font-size:clamp(42px,4.65vw,70px); line-height:1.08; font-weight:400; margin:28px 0 26px; letter-spacing:-.052em; }
.hero-content h1 span { color:#a3a8af; }
.hero-copy { font-size:15px; line-height:1.8; color:#b7bbc2; max-width:39ch; }
.hero-copy br { display:none; }
.hero-actions { display:flex; align-items:flex-start; flex-direction:column; gap:20px; margin-top:32px; }
.ckcp-showroom .hero-actions .button { background:#f2f0eb; color:#1b1d20; border-color:#f2f0eb; min-width:238px; }
.ckcp-showroom .hero-actions .button:hover { background:#cfd2d7; }
.hero-guide { display:inline-flex; align-items:center; gap:33px; min-height:44px; color:#c2c6cc; font-size:13px; }
.hero-guide svg { width:16px; }
.hero-edition { display:flex; align-items:center; gap:14px; margin-top:43px!important; color:#818791; font-size:9px; letter-spacing:1.4px; }
.hero-edition span { color:#bdc1c7; font-size:12px; letter-spacing:-.25px; border-right:1px solid #41454a; padding-right:14px; }
.hero-visual { min-width:0; align-self:stretch; }
.hero-photo-frame { position:relative; height:490px; overflow:hidden; background:#181a1d; }
.hero-photograph { position:absolute; top:0; left:0; width:100%; height:125%; object-fit:cover; object-position:center top; }
.hero-visual figcaption { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0 0; }
.ckcp-showroom .hero-visual .eyebrow { font-size:9px; letter-spacing:1.4px; color:#8b919a; }
.hero-visual figcaption p { font-size:14px; color:#d1d4d9; margin-top:4px; }
.hero-visual figcaption a { width:44px; height:44px; border:1px solid #454950; display:grid; place-items:center; }
.hero-visual figcaption a:hover { background:#2b2e32; }
.experience-rail { display:flex; justify-content:space-between; align-items:center; gap:28px; border-top:1px solid #36393e; padding:26px 0 29px; margin-top:42px!important; }
.experience-rail p { display:flex; align-items:center; gap:22px; font-size:13px; color:#e1e0dd; }
.experience-rail p span { color:#979ea8; font-size:11px; }
.experience-rail a { display:flex; align-items:center; gap:14px; min-height:44px; font-size:12px; }
.experience-rail a>span { color:#8e959f; margin-right:11px; }
.experience-rail svg { width:17px; }
.showroom-intro { display:grid; grid-template-columns:1.35fr 1fr; gap:64px; align-items:end; padding:60px 0 26px; }
.ckcp-showroom .showroom-intro h2 { font-size:42px; line-height:1.15; margin-top:17px; font-weight:400; }
.intro-note { justify-self:end; font-size:14px; line-height:1.75; color:var(--muted); }
.discovery-bar { display:grid; grid-template-columns:minmax(210px,1fr) minmax(190px,1fr) auto; gap:30px; align-items:center; padding:16px 0; border-block:1px solid var(--line); }
.discovery-bar label { display:block; font-size:11px; color:var(--muted); margin-bottom:5px; }
.discovery-bar :is(select,input) { width:100%; border:0; background:transparent; color:var(--ink); font-size:15px; min-height:38px; padding:3px 8px 3px 0; border-radius:0; }
.vehicle-field { border-right:1px solid var(--line); padding-right:28px; }
.search-field input::placeholder { color:#74787d; }
.view-picker { display:flex; border:1px solid #cdcecb; padding:3px; }
.view-picker button { min-height:42px; padding:8px 13px; display:flex; align-items:center; gap:8px; background:transparent; color:var(--muted); border:0; font-size:12px; }
.view-picker button svg { width:15px; height:15px; }
.view-picker button[aria-pressed=true] { background:#25272b; color:#fff; }
.browse-meta { display:flex; justify-content:space-between; gap:25px; align-items:center; padding:12px 0 5px; }
.categories { display:flex; gap:28px; flex-wrap:wrap; }
.categories button { min-height:44px; padding:8px 0; background:transparent; border:0; border-bottom:1px solid transparent; color:var(--muted); font-size:13px; }
.categories button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--ink); }
#result-count { font-size:12px; color:var(--muted); }
.ckcp-showroom .fitment-note { font-size:11px; color:var(--muted); margin:8px 0 20px; line-height:1.8; }
.explore-stage { display:flex; flex-direction:column; gap:20px; }
.location-selector { order:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); border-bottom:1px solid #c9cbc9; }
.location-selector button { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:10px 18px; background:transparent; color:#73777e; border:0; border-bottom:2px solid transparent; text-align:left; font-size:13px; }
.location-selector button[aria-pressed=true] { color:#202226; border-bottom-color:#202226; }
.location-selector button:hover:not(:disabled) { background:#e6e6e3; }
.location-selector button span { font-size:18px; font-weight:400; }
.selected-product { order:1; background:#1b1d20; color:#f2f0eb; }
#selected-content { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); }
.selected-details { padding:42px 40px 34px; min-width:0; }
.product-overline { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.ckcp-showroom .product-overline .eyebrow { color:#a5aab2; }
.collection-index { font-size:11px; font-variant-numeric:tabular-nums; color:#8f959e; }
.ckcp-showroom .selected-product h2 { font-size:34px; font-weight:400; line-height:1.2; margin:24px 0 19px; letter-spacing:-.035em; }
.selected-product h2:focus { outline:0; }
.selected-copy { font-size:14px; color:#bec2c9; line-height:1.8; max-width:42ch; }
.product-art { position:relative; background:#e4e5e3; overflow:hidden; }
.product-art svg { width:100%; height:100%; max-height:280px; filter:grayscale(1); }
.selected-product .product-art { min-height:480px; display:flex; align-items:center; justify-content:center; background:#e2e3e0; }
.selected-product .product-art svg { max-height:400px; padding:38px; }
.product-art.guide-photo { background:#131518; }
.guide-photo img { position:absolute; width:100%; height:128%; top:0; left:0; object-fit:cover; object-position:center top; }
/* Source images include installation panels: contain the entire image and allow full-size reading. */
.selected-media { min-width:0; background:#fff; }
.product-art.source-photo { background:#fff; }
.product-art.source-photo img { display:block; width:100%; height:100%; object-fit:contain; }
.selected-product .source-photo { min-height:0; height:540px; padding:18px; }
.source-image-caption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 15px; padding:12px 20px 16px; background:#fff; color:#62676e; }
.source-image-caption>span { font-size:8px; letter-spacing:1px; }
.full-image-link { display:inline-flex; align-items:center; min-height:36px; font-size:11px; text-decoration:underline!important; text-underline-offset:4px; }
.product-gallery { display:flex; gap:9px; overflow-x:auto; padding:12px 18px; border-top:1px solid #e3e3e0; background:#fff; }
.gallery-choice { flex:0 0 65px; width:65px; height:72px; border:1px solid #dadce0; padding:4px; background:#fff; }
.gallery-choice[aria-pressed=true] { border:2px solid #25272b; padding:3px; }
.gallery-choice img { display:block; width:100%; height:100%; object-fit:contain; }
.gallery-choice:hover { border-color:#686e76; }
.product-art.missing-photo { display:grid; place-items:center; padding:20px; color:#656b73; font-size:12px; }
.selected-product .listing-status { margin-top:12px; font-size:10px; color:#a6acb5; }
.product-actions:empty { display:none; }
.art-caption { position:absolute; bottom:17px; left:23px; font-size:9px; letter-spacing:1.2px; color:#6a6e73; }
.guide-photo .art-caption { color:#c6c8ce; background:#181a1d; padding:7px 10px; }
.platform-reference { font-size:12px; color:var(--muted); line-height:1.75; overflow-wrap:anywhere; }
.selected-product .platform-reference { margin-top:17px; color:#9fa5ae; font-size:11px; }
.showroom-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:25px 0 22px; }
.showroom-price strong { font-size:27px; font-weight:400; letter-spacing:-.8px; }
.showroom-price span { font-size:10px; color:#a4aab3; }
.product-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ckcp-showroom .selected-product .button { background:#f2f0eb; color:#1b1d20; border-color:#f2f0eb; font-size:12px; padding-inline:12px; }
.ckcp-showroom .selected-product .button:hover { background:#cfd2d7; }
.ckcp-showroom .selected-product .button.secondary { background:transparent; color:#f2f0eb; border-color:#777d87; }
.installation-link { display:inline-block; font-size:13px; padding:18px 0 6px; text-decoration:underline!important; text-underline-offset:5px; }
.support-caption { font-size:11px; color:#a6acb5; }
.source-note { border-top:1px solid #41454b; margin-top:22px; padding-top:16px; }
.source-note summary { font-size:12px; cursor:pointer; color:#c2c6cc; }
.source-note p { font-size:12px; padding-top:12px; color:#b0b7c1; overflow-wrap:anywhere; }
.connection-note { font-size:13px; line-height:1.8; padding:18px 0; border-top:1px solid #41454b; color:#b4bbc4; }
.scene-panel { order:2; border-block:1px solid var(--line); background:transparent; min-width:0; }
.scene-panel>summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; font-size:14px; list-style:none; }
.scene-panel>summary::-webkit-details-marker { display:none; }
.scene-panel>summary:focus-visible { outline:2px solid #8ca8c0; outline-offset:5px; }
.map-hint { display:flex; gap:25px; align-items:center; color:var(--muted); font-size:12px; }
.map-hint b { font-size:20px; font-weight:400; }
.scene-panel[open] .map-hint b { transform:rotate(45deg); }
.scene-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:24px 30px 0; border-top:1px solid var(--line); }
.scene-heading>span:last-child { font-size:12px; color:var(--muted); }
.cabin-scene { position:relative; max-width:800px; margin:auto; }
.cabin-art { width:100%; height:auto; filter:grayscale(1); }
.scene-footer { border-top:1px solid var(--line); padding:20px 30px; display:flex; justify-content:space-between; gap:15px; align-items:center; }
.scene-footer p { font-size:13px; }
.scene-footer span { font-size:9px; letter-spacing:.5px; color:var(--muted); }
.hotspot { position:absolute; display:flex; align-items:center; gap:8px; border:0; background:transparent; color:#25272b; padding:9px; min-height:48px; }
.hotspot span { width:32px; height:32px; flex:0 0 auto; border:1px solid #989da4; background:#fcfcfd; border-radius:50%; font-size:11px; display:grid; place-items:center; }
.hotspot b { font-size:11px; font-weight:500; background:#fcfcfdf2; padding:5px 8px; }
.hotspot[aria-pressed=true] span { background:#23262a; color:#fff; border-color:#23262a; }
.hotspot-front { top:42%; left:44%; }
.hotspot-tweeter { top:27%; left:9%; }
.hotspot-speaker { top:58%; right:0; flex-direction:row-reverse; }
.hotspot-rear { top:74%; left:41%; }
.recommendations { padding-top:54px; margin-top:45px; }
.section-title { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:30px; }
.ckcp-showroom .section-title h2 { font-size:34px; font-weight:400; line-height:1.2; margin-top:13px; }
.section-title>p { color:var(--muted); font-size:12px; line-height:1.75; max-width:330px; }
.recommendation-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.browse-product { min-width:0; }
.browse-select { width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; position:relative; display:block; }
.browse-select .product-art { height:240px; }
.browse-select .product-art svg { transition:transform .4s cubic-bezier(.16,1,.3,1); }
.browse-select:hover .product-art svg { transform:scale(1.045); }
.browse-select .product-art:not(.guide-photo):not(.source-photo):not(.missing-photo)::after { content:"ILLUSTRATED PREVIEW"; position:absolute; left:17px; bottom:12px; font-size:8px; color:#64696f; letter-spacing:1px; }
.browse-copy { padding:23px 35px 0 0; }
.ckcp-showroom .browse-copy h3 { font-size:23px; line-height:1.3; font-weight:500; margin-bottom:9px; }
.recommendation-reason { font-size:11px; color:var(--muted); margin-bottom:12px!important; }
.browse-price { display:block; margin-top:13px; font-size:14px; }
.browse-arrow { position:absolute; right:4px; bottom:6px; font-size:24px; }
.card-guide { display:inline-block; font-size:12px; border-bottom:1px solid #9c9fa4; margin-top:13px; padding-bottom:4px; }
.card-guide.muted { color:var(--muted); border:0; }
.recommendation-empty { font-size:14px; color:var(--muted); align-self:center; }
.catalogue-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px 32px; }
.catalogue-grid .browse-select .product-art { height:290px; }
.catalogue-list { display:flex; flex-direction:column; }
.catalogue-list .browse-product { border-bottom:1px solid var(--line); padding:25px 0; }
.catalogue-list .browse-select { display:grid; grid-template-columns:150px 1fr 28px; align-items:center; gap:30px; }
.catalogue-list .product-art { height:110px; }
.catalogue-list .browse-copy { display:grid; grid-template-columns:minmax(180px,1.15fr) minmax(100px,1fr) auto; align-items:center; gap:24px; padding:0; }
.catalogue-list .browse-copy h3 { font-size:20px; margin:0; }
.catalogue-list .browse-price { font-size:13px; margin:0; }
.catalogue-list .browse-arrow { position:static; }
.catalogue-list .card-guide { margin-left:180px; margin-top:5px; }
.catalogue-list .product-art:not(.guide-photo):not(.source-photo):not(.missing-photo)::after { display:none; }
.installation-promise { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:65px; background:#202226; color:#f2f0eb; margin:90px 0 80px; }
.installation-promise .eyebrow { color:#a4aab3; }
.ckcp-showroom .installation-promise h2 { font-size:42px; font-weight:400; line-height:1.2; margin-top:26px; }
.promise-copy { font-size:14px; color:#b8bec7; line-height:1.8; max-width:39ch; margin-top:22px!important; }
.installation-promise .text-link { margin-top:25px; border-color:#757c88; }
.installation-promise ol { margin:0; padding:0; list-style:none; }
.installation-promise li { display:grid; grid-template-columns:31px 1fr; gap:17px; padding:24px 0; border-bottom:1px solid #474c55; }
.installation-promise li:first-child { padding-top:5px; }
.installation-promise li:last-child { border-bottom:0; padding-bottom:0; }
.installation-promise li>span { font-size:11px; color:#969fae; padding-top:3px; }
.ckcp-showroom .installation-promise h3 { font-size:17px; font-weight:500; letter-spacing:-.02em; }
.installation-promise li p { font-size:13px; color:#b4bdc9; line-height:1.8; margin-top:8px; }
.empty-state { padding:65px 35px; border:1px solid var(--line); background:#e8e8e4; }
.ckcp-showroom .empty-state h2 { font-size:32px; margin:15px 0; }
.empty-state p { font-size:14px; color:var(--muted); margin-bottom:24px; }
.showroom-footer-wrap { background:#111214; color:#f2f0eb; }
.showroom-footer { display:grid; grid-template-columns:160px 1fr auto; gap:32px; align-items:center; padding:45px 0 30px; }
.showroom-footer p { font-size:14px; line-height:1.7; color:#b0b7c2; }
.showroom-footer>a { display:flex; gap:30px; align-items:center; font-size:14px; }
.showroom-footer small { grid-column:1/-1; border-top:1px solid #363b43; padding-top:23px; margin-top:8px; color:#a1a9b5; font-size:10px; line-height:1.8; }
#wpadminbar { display:none!important; } html { margin-top:0!important; }
@media(max-width:1100px) {
  .ckcp-showroom .shell { width:calc(100% - 64px); }
  .preview-tag { display:none; }
  .hero-grid { gap:35px; grid-template-columns:1fr 1.05fr; }
  .hero-photo-frame { height:460px; }
  .hero-content h1 { font-size:53px; }
  .hero-edition { margin-top:25px!important; }
  .experience-rail a>span { display:none; }
  .discovery-bar { grid-template-columns:1fr 1fr; gap:17px 24px; }
  .view-picker { grid-column:1/-1; justify-self:end; }
  .selected-details { padding:30px 28px; }
  .selected-product .source-photo { height:500px; }
  .ckcp-showroom .selected-product h2 { font-size:30px; }
  .product-actions { grid-template-columns:1fr; }
  .installation-promise { padding:40px; gap:36px; }
  .catalogue-list .browse-copy { grid-template-columns:1fr auto; gap:9px 20px; }
  .catalogue-list .platform-reference { grid-row:2; }
}
@media(max-width:760px) {
  .ckcp-showroom .shell { width:calc(100% - 40px); }
  .showroom-header { min-height:92px; flex-wrap:wrap; gap:4px 18px; padding-top:16px; }
  .ckcp-showroom .brand { font-size:26px; }
  .brand-group { gap:0; }
  .showroom-header nav { order:3; width:100%; gap:24px; justify-content:space-between; font-size:12px; }
  .showroom-header nav a { padding:10px 0 13px; }
  .showroom-header .account { font-size:12px; }
  .signature-hero { padding-top:30px; }
  .hero-grid { grid-template-columns:1fr; gap:30px; }
  .hero-content { padding:5px 0 0; }
  .ckcp-showroom .hero-content .eyebrow { font-size:10px; letter-spacing:1.4px; }
  .ckcp-showroom .hero-content h1 { font-size:46px; margin:21px 0 19px; }
  .hero-copy { font-size:14px; max-width:36ch; }
  .hero-actions { margin-top:25px; gap:9px; }
  .ckcp-showroom .hero-actions .button { min-height:49px; padding:12px 20px; font-size:13px; }
  .hero-guide { min-height:43px; font-size:12px; }
  .hero-edition { display:none; }
  .hero-photo-frame { height:250px; }
  .hero-visual figcaption { padding-top:14px; }
  .hero-visual figcaption p { font-size:13px; }
  .hero-visual figcaption .eyebrow { font-size:8px; }
  .experience-rail { flex-direction:column; align-items:start; gap:8px; padding:20px 0 23px; margin-top:26px!important; }
  .experience-rail p { flex-wrap:wrap; gap:3px 15px; font-size:12px; }
  .experience-rail p span { font-size:10px; }
  .experience-rail a { font-size:12px; }
  .showroom-intro { grid-template-columns:1fr; padding:50px 0 28px; gap:20px; }
  .ckcp-showroom .showroom-intro h2 { font-size:34px; margin-top:14px; }
  .intro-note { justify-self:start; font-size:13px; }
  .intro-note br { display:none; }
  .discovery-bar { grid-template-columns:1fr; gap:16px; padding:18px 0; }
  .vehicle-field { border-right:0; border-bottom:1px solid var(--line); padding:0 0 13px; }
  .discovery-bar :is(select,input) { font-size:16px; min-height:40px; }
  .view-picker { grid-column:auto; justify-self:stretch; }
  .view-picker button { flex:1; justify-content:center; min-height:42px; }
  .browse-meta { flex-direction:column; align-items:start; gap:8px; padding-top:14px; }
  .categories { gap:20px; }
  .categories button { font-size:12px; }
  #result-count { font-size:11px; }
  .ckcp-showroom .fitment-note { font-size:11px; margin:8px 0 24px; }
  .location-selector { grid-template-columns:1fr 1fr; gap:0 12px; }
  .location-selector button { min-height:51px; font-size:12px; padding:8px 2px; gap:8px; }
  #selected-content { grid-template-columns:1fr; }
  .selected-product .product-art { min-height:320px; }
  .selected-product .guide-photo { min-height:240px; }
  .selected-product .source-photo { min-height:0; height:420px; padding:14px; }
  .source-image-caption { padding:8px 16px 13px; }
  .product-gallery { padding:10px 14px; }
  .selected-product .product-art svg { max-height:260px; padding:18px; }
  .selected-details { padding:30px 24px; }
  .ckcp-showroom .selected-product h2 { font-size:30px; margin-top:18px; }
  .selected-copy { font-size:14px; }
  .product-actions { grid-template-columns:1fr; }
  .ckcp-showroom .selected-product .button { font-size:13px; }
  .scene-panel>summary { font-size:13px; padding:18px 0; }
  .map-hint { font-size:0; gap:0; }
  .map-hint b { font-size:21px; }
  .scene-heading { padding:18px 0 0; }
  .scene-heading .eyebrow { font-size:9px; }
  .scene-heading>span:last-child { font-size:10px; }
  .cabin-scene { min-height:255px; display:flex; align-items:center; }
  .scene-footer { display:block; padding:16px 0; }
  .scene-footer p { margin-bottom:5px; }
  .hotspot { min-height:44px; padding:4px; gap:3px; }
  .hotspot span { width:24px; height:24px; font-size:9px; }
  .hotspot b { font-size:8px; padding:3px; }
  .hotspot-tweeter { left:0; top:23%; }
  .hotspot-front { left:40%; top:38%; }
  .hotspot-speaker { top:56%; }
  .hotspot-rear { left:37%; top:72%; }
  .recommendations { padding-top:24px; margin-top:35px; }
  .section-title { display:block; margin-bottom:25px; }
  .ckcp-showroom .section-title h2 { font-size:29px; }
  .section-title>p { margin-top:14px; max-width:40ch; }
  .recommendation-items,.catalogue-grid { grid-template-columns:1fr; gap:33px; }
  .browse-select .product-art,.catalogue-grid .browse-select .product-art { height:235px; }
  .ckcp-showroom .browse-copy h3 { font-size:23px; }
  .browse-copy { padding-top:19px; }
  .catalogue-list .browse-select { grid-template-columns:86px 1fr 18px; gap:14px; }
  .catalogue-list .browse-copy { display:block; }
  .catalogue-list .browse-copy h3 { font-size:17px; margin-bottom:7px; }
  .catalogue-list .product-art { height:90px; }
  .catalogue-list .platform-reference { font-size:10px; }
  .catalogue-list .browse-price { margin-top:7px; font-size:12px; }
  .catalogue-list .card-guide { margin-left:100px; font-size:11px; }
  .installation-promise { grid-template-columns:1fr; gap:34px; padding:34px 24px; margin:55px 0 48px; }
  .ckcp-showroom .installation-promise h2 { font-size:33px; margin-top:22px; }
  .installation-promise .eyebrow { font-size:10px; }
  .installation-promise li { padding:20px 0; }
  .showroom-footer { grid-template-columns:1fr; gap:24px; padding-top:35px; }
  .showroom-footer p { font-size:13px; }
  .showroom-footer>a { justify-content:space-between; }
  .showroom-footer small { margin:0; }
  .empty-state { padding:32px 24px; }
}
@media(max-width:360px) {
  .ckcp-showroom .hero-content h1 { font-size:39px; }
  .hero-photo-frame { height:210px; }
  .showroom-header nav { font-size:11px; gap:16px; }
  .selected-details { padding:27px 20px; }
  .selected-product .product-art { min-height:270px; }
  .selected-product .guide-photo { min-height:205px; }
  .selected-product .source-photo { min-height:0; height:360px; }
  .showroom-price strong { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .ckcp-showroom *, .ckcp-showroom *::before, .ckcp-showroom *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* 0.7.1: editorial carousel and compact product recommendations. */
.carousel-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.hero-carousel { padding-top:30px; touch-action:pan-y; }
.hero-carousel .hero-grid { min-height:500px; gap:55px; }
.ckcp-showroom .hero-carousel .hero-content h2 { font-size:clamp(38px,4.1vw,64px); line-height:1.1; font-weight:400; margin:25px 0; max-width:12ch; }
.hero-carousel .hero-content { padding-block:30px; }
.hero-carousel .hero-visual { align-self:center; }
.hero-carousel .hero-photo-frame { display:block; height:440px; }
.hero-carousel .hero-photo-kit { background:#f7f6f3; }
.hero-carousel .hero-photo-kit img { height:100%; object-fit:contain; padding:24px; }
.hero-carousel .hero-photo-note { color:#969da7; font-size:10px; }
.hero-slide.is-active .hero-grid { animation:hero-enter .45s ease both; }
@keyframes hero-enter { from { opacity:0; transform:translateX(14px); } to { opacity:1; transform:translateX(0); } }
.carousel-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #383c42; padding-block:16px; margin-top:25px; }
.carousel-dots { display:flex; gap:24px; }
.carousel-dots button { display:flex; align-items:center; gap:10px; background:transparent; border:0; color:#929aa5; padding:8px 0; min-height:44px; text-align:left; font-size:11px; max-width:165px; }
.carousel-dots button[aria-pressed=true] { color:#f2f0eb; }
.carousel-dot { width:6px; height:6px; border-radius:50%; background:#67707c; flex-shrink:0; }
[aria-pressed=true]>.carousel-dot { background:#eee; box-shadow:0 0 0 4px #393e45; }
.carousel-tools { display:flex; align-items:center; gap:9px; flex-shrink:0; }
.carousel-tools>span { margin-right:14px; font-size:11px; color:#c1c7d0; font-variant-numeric:tabular-nums; }
.carousel-tools button { min-width:44px; height:44px; background:transparent; color:#eee; border:1px solid #454b54; font-size:20px; }
.carousel-tools button:hover { background:#353a42; }
.carousel-tools [data-hero-pause] { font-size:10px; padding:0 12px; min-width:100px; }
.hero-carousel .experience-rail { margin-top:0!important; padding-block:17px; }
#recommendations { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
#recommendations .section-title { margin-bottom:18px; }
.ckcp-showroom #recommendations h2 { font-size:26px; margin-top:8px; }
#recommendation-items { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 4px 18px; }
#recommendation-items .browse-product { flex:0 0 350px; scroll-snap-align:start; background:#faf9f6; border:1px solid var(--line); padding:14px; }
#recommendation-items .browse-select { display:grid; grid-template-columns:96px minmax(0,1fr); gap:15px; align-items:center; }
#recommendation-items .product-art { width:96px; height:88px; padding:5px; }
#recommendation-items .browse-copy { padding:0; }
.ckcp-showroom #recommendation-items h3 { font-size:15px; line-height:1.35; margin-bottom:6px; }
#recommendation-items .recommendation-reason { font-size:9px; margin-bottom:7px!important; }
#recommendation-items .platform-reference { font-size:10px; }
#recommendation-items .browse-price { font-size:11px; margin-top:7px; }
#recommendation-items .browse-arrow { display:none; }
#recommendation-items .card-guide { margin:9px 0 0 111px; font-size:10px; }
@media(max-width:1000px) { .carousel-dots button>span:last-child { display:none; } .carousel-dots button { width:34px; justify-content:center; } .carousel-dots { gap:6px; } }
@media(max-width:720px) {
 .hero-carousel { padding-top:14px; }
 .hero-carousel .hero-grid { display:flex; flex-direction:column; gap:15px; min-height:0; }
 .hero-carousel .hero-content { padding:15px 0 0; width:100%; }
 .ckcp-showroom .hero-carousel .hero-content h2 { font-size:36px; margin:14px 0; max-width:16ch; min-height:80px; }
 .hero-carousel .hero-copy { font-size:13px; min-height:68px; }
 .hero-carousel .hero-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px 18px; margin-top:16px; }
 .hero-carousel .hero-actions .button { min-width:0; min-height:44px; font-size:11px; padding:10px 14px; gap:12px; }
 .hero-carousel .hero-guide { font-size:11px; gap:8px; }
 .hero-carousel .hero-edition { display:none; }
 .hero-carousel .hero-visual { width:100%; }
 .hero-carousel .hero-photo-frame { height:245px; }
 .hero-carousel .hero-photo-kit img { padding:15px; }
 .hero-carousel figcaption { padding-top:10px; }
 .hero-carousel figcaption p { font-size:12px; }
 .hero-carousel .hero-photo-note { display:none; }
 .carousel-bar { gap:8px; margin-top:16px; padding-block:10px; }
 .carousel-tools { gap:5px; }
 .carousel-tools>span { display:none; }
 .carousel-tools [data-hero-pause] { min-width:86px; padding:0 7px; font-size:9px; }
 .carousel-dots { gap:0; }
 .carousel-dots button { width:25px; }
 #recommendation-items .browse-product { flex-basis:280px; }
 #recommendation-items .browse-select { grid-template-columns:78px minmax(0,1fr); gap:12px; }
 #recommendation-items .product-art { width:78px; height:78px; }
 #recommendation-items .card-guide { margin-left:90px; }
 #recommendations .section-title>p { font-size:11px; margin-top:8px; }
}
@media(prefers-reduced-motion:reduce) { .hero-slide.is-active .hero-grid { animation:none; } }