/* PASCHER WHEEL STUDIO · Theme V4.80 · ein Bildschirm: Bild, Felge, Farbe, Oberfläche, Anfrage */
.pw-page{--pw-bg:#070809;--pw-panel:#101112;--pw-line:#2e2b26;--pw-ink:#f0efeb;--pw-muted:#9a9c9e;--pw-gold:#d6b373;--pw-gold-hi:#f1d9ae;background:var(--pw-bg);color:var(--pw-ink);overflow:hidden}
.pw-page *, .pw-home-feature *{box-sizing:border-box}
.pw-page :where(button,select,input){font:inherit}
.pw-page :where(button){cursor:pointer}
.pw-page :focus-visible{outline:2px solid var(--pw-gold);outline-offset:2px}

.pw-studio{padding:clamp(118px,11vw,170px) 0 56px}
.pw-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.pw-head .sig-kicker{color:var(--pw-gold);letter-spacing:.23em;font-size:10px}
.pw-head h1{margin:10px 0 0;font-size:clamp(40px,5.4vw,78px);line-height:.92;letter-spacing:-.05em;font-weight:800;color:#f4f2ed;text-wrap:balance}
.pw-head h1 em{font-style:normal;color:#d8b777}
.pw-head-note{margin:0;max-width:360px;text-align:right;color:var(--pw-muted);font-size:14px;line-height:1.55}

/* Bühne */
.pw-viewport{position:relative;background:#101112;border:1px solid #3a3126;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 25px 90px rgba(0,0,0,.4)}
.pw-stage{position:relative;width:100%;aspect-ratio:1659/948;background:linear-gradient(#151515,#101010)}
.pw-stage canvas,.pw-stage noscript img{display:block;width:100%;height:100%;transition:opacity .18s ease}
.pw-is-loading .pw-stage canvas{opacity:.84}
.pw-badge{position:absolute;left:20px;top:18px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:rgba(10,11,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(214,179,115,.32);font-size:10px;letter-spacing:.14em;font-weight:700;color:#cfc9bd;pointer-events:none}
.pw-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#8d8a83}
.pw-badge.is-premium{color:var(--pw-gold-hi)}
.pw-badge.is-premium:before{background:var(--pw-gold);box-shadow:0 0 8px var(--pw-gold)}
.pw-stage-tools{position:absolute;right:16px;top:14px;display:flex;gap:8px}
.pw-stage-tools button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;background:rgba(10,11,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#e2e0da;transition:border-color .2s,color .2s}
.pw-stage-tools button:hover{border-color:var(--pw-gold);color:var(--pw-gold-hi)}
.pw-stage-tools button:disabled{opacity:.45;cursor:not-allowed}
.pw-stage-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Fahrzeugfarbe – auf großen Bildschirmen im Bild, mobil darunter */
.pw-bodycolors{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:40px;background:rgba(10,11,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}
.pw-bodycolors-label{font-size:10px;letter-spacing:.14em;color:#c9c6bf;font-weight:700;margin-right:2px}
.pw-dot{width:24px;height:24px;padding:0;border-radius:50%;background:var(--dot);border:2px solid rgba(255,255,255,.25);box-shadow:inset 3px 4px 6px #ffffff38,inset -4px -6px 8px #0008;transition:transform .15s}
.pw-dot:hover{transform:scale(1.1)}
.pw-dot[aria-pressed=true]{outline:2px solid var(--pw-gold);outline-offset:2px;border-color:transparent}
.pw-unavailable{margin:0;padding:10px 20px;background:#17140f;border-top:1px solid rgba(216,183,126,.35);color:#d8c8a9;font-size:12px}
.pw-unavailable[hidden]{display:none!important}

/* Bedienleiste */
.pw-controls{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(220px,250px);background:var(--pw-panel);border:1px solid var(--pw-line);border-top:0;border-radius:0 0 8px 8px}
.pw-col{padding:22px 24px;border-right:1px solid var(--pw-line);min-width:0}
.pw-col:last-child{border-right:0}
.pw-label{margin:0 0 14px;font-size:10px;letter-spacing:.2em;color:var(--pw-gold);font-weight:800;line-height:1.2}
.pw-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pw-all-link{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:#bfbcb5;font-size:12px;font-weight:600;letter-spacing:.03em}
.pw-page .pw-all-link span{margin:0;padding:0;letter-spacing:inherit;font:inherit}
.pw-photo-hint{color:#cdb98f}.pw-photo-hint:before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 1px 4px;border-radius:50%;background:var(--pw-gold);vertical-align:middle}
.pw-photo-hint[hidden]{display:none!important}
.pw-all-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pw-all-link:hover,.pw-all-link[aria-expanded=true]{color:var(--pw-gold-hi)}

.pw-wheels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pw-wheel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 11px;border:1px solid #34332f;border-radius:6px;background:#16181a;color:#e9e7e1;transition:border-color .2s}
.pw-wheel img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block}
.pw-wheel strong{font-size:12px;line-height:1.3;text-align:center}
.pw-wheel:hover{border-color:#8a6e44}
.pw-wheel[aria-pressed=true]{border-color:var(--pw-gold);box-shadow:inset 0 0 0 1px rgba(214,179,115,.35)}

.pw-chosen{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-height:46px}
.pw-chosen-swatch{flex:0 0 auto;width:44px;height:44px;border-radius:6px;border:1px solid #666;box-shadow:inset 0 2px 3px #fff2}
.pw-chosen strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:#faf8f3}
.pw-chosen small{display:block;margin-top:2px;color:var(--pw-muted);font-size:12px}
.pw-swatches{display:grid;grid-template-columns:repeat(22,minmax(0,1fr));gap:5px}
.pw-sw{position:relative;aspect-ratio:1;width:100%;padding:0;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:var(--sw);transition:transform .12s}
.pw-sw:hover{transform:scale(1.12);z-index:1}
.pw-sw[aria-pressed=true]{outline:2px solid var(--pw-gold);outline-offset:2px}
.pw-sw.has-photo:after,.pw-ral-item.has-photo:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--pw-gold);box-shadow:0 0 0 2px var(--pw-panel)}
.pw-swnote{margin:12px 0 0;font-size:12px;color:var(--pw-muted)}

/* vollständiger Katalog (aufklappbar) */
.pw-catalog{margin-top:18px;padding-top:18px;border-top:1px solid var(--pw-line)}
.pw-catalog[hidden]{display:none!important}
.pw-search-line{display:flex;gap:10px;margin-bottom:14px}
.pw-search-line input,.pw-search-line select{background:#0b0d0f;color:#dedbd6;border:1px solid #47433c;padding:12px 13px;font-size:13px;border-radius:4px;outline:none}
.pw-search-line input{flex:1;min-width:0}
.pw-search-line select{min-width:190px}
.pw-search-line input:focus,.pw-search-line select:focus{border-color:var(--pw-gold)}
.pw-ral-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:360px;overflow-y:auto;padding:4px 4px 6px 2px;scrollbar-width:thin;scrollbar-color:#63523d #0e0e0e}
.pw-ral-item{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:5px 5px 9px;border:1px solid #2c2f31;border-radius:4px;background:#17191a;color:#dfddd7;text-align:left}
.pw-ral-item:hover,.pw-ral-item[aria-pressed=true]{border-color:#ddb879}
.pw-ral-item[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ddb879}
.pw-ral-swatch{display:block;width:100%;height:46px;border-radius:2px;border:1px solid #ffffff28;background:var(--sw)}
.pw-ral-item strong{font-size:11px;padding-left:2px;white-space:nowrap}
.pw-ral-item small{font-size:9.5px;color:#969797;padding-left:2px;line-height:1.25;overflow-wrap:anywhere}
.pw-rec-label,.pw-effect-label{font-size:8px;letter-spacing:.09em;padding-left:2px}
.pw-rec-label{color:#e0bd7f}.pw-effect-label{color:#9fb6c8}
.pw-ral-empty{font-size:12px;color:#a6a6a6;margin:8px 0 0}.pw-ral-empty a{color:#e8c28b}
.pw-ral-empty[hidden]{display:none!important}

/* Oberfläche + Anfrage */
.pw-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid #47433c;border-radius:6px;overflow:hidden}
.pw-seg button{padding:13px 4px;border:0;background:transparent;color:#c9c6bf;font-size:11px;font-weight:800;letter-spacing:.08em;transition:background .2s,color .2s}
.pw-seg button+button{border-left:1px solid #47433c}
.pw-seg button[aria-pressed=true]{background:#2a251b;color:var(--pw-gold-hi);box-shadow:inset 0 -2px 0 var(--pw-gold)}
.pw-cta{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-radius:4px;background:#d0ab6b;color:#141210!important;text-decoration:none!important;font-weight:900;letter-spacing:.09em;font-size:12px;transition:background .2s}
.pw-cta:hover{background:#f4d49b}
.pw-cta b{font-size:17px}
.pw-save-link{display:block;width:100%;margin-top:10px;padding:6px;background:none;border:0;color:var(--pw-muted);font-size:11px;letter-spacing:.1em;font-weight:700}
.pw-save-link:hover{color:var(--pw-gold-hi)}
.pw-save-link:disabled{opacity:.45;cursor:not-allowed}

/* ein Hinweis statt vieler */
.pw-note{margin-top:14px;color:#80848a;font-size:12px;line-height:1.65}
.pw-note p{margin:0}
.pw-note strong{color:#c4b69d;font-weight:600}
.pw-more{margin-top:6px}
.pw-more summary{cursor:pointer;color:#a59a86;width:max-content;max-width:100%}
.pw-more summary:hover{color:var(--pw-gold-hi)}
.pw-more p{margin-top:8px;max-width:900px}

.pw-debug .pw-viewport{outline:2px dashed #38ff6a;outline-offset:-2px}

/* Abschluss-Sektion */
.pw-bottom{padding:clamp(65px,8vw,120px) 0;background:#101111;border-top:1px solid #31312f}
.pw-bottom-grid{display:grid;grid-template-columns:1fr .65fr;gap:clamp(30px,7vw,95px);align-items:center}
.pw-bottom h2{font-size:clamp(32px,4vw,59px);line-height:1.05;margin:18px 0}.pw-bottom h2 em{font-style:normal;color:#d2b177}.pw-bottom p{font-size:15px;line-height:1.75;color:#adb0b1;margin:0 0 25px;max-width:640px}
.pw-bottom-image{background:#080808;border:1px solid #302c25;min-width:0}.pw-bottom-image img{width:100%;height:390px;object-fit:cover;display:block}

/* Startseiten-Teaser (unverändert) */
.pw-home-feature{padding:66px 0;background:#090a0b}
.pw-home-feature-inner{display:grid;grid-template-columns:.72fr 1.28fr;min-height:420px;border:1px solid #4a3b29;background:#111216;overflow:hidden;position:relative}
.pw-home-feature-copy{padding:clamp(25px,4vw,65px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.pw-home-feature-copy .sig-kicker{color:#d7b27b}.pw-home-feature-copy h2{font-size:clamp(43px,5vw,78px);line-height:.88;margin:14px 0 20px;letter-spacing:-.04em}.pw-home-feature-copy h2 em{color:#d2b177;font-style:normal}
.pw-home-feature-copy p{color:#acadb0;font-size:15px;line-height:1.65;max-width:420px;margin:0 0 22px}
.pw-home-feature-media{background:url('../img/wheel-studio/pascher-concept-banner-v466.webp') center / cover no-repeat;min-height:330px;position:relative}
.pw-home-feature-media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111216 0%,transparent 29%)}
.pw-home-feature-media:after{content:"ENTDECKE DEINEN LOOK  →";position:absolute;right:20px;bottom:20px;background:#d2ae6e;color:#111;padding:13px 16px;font-size:10px;letter-spacing:.13em;font-weight:900}

@media(max-width:1180px){
  .pw-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pw-col-colour{grid-column:1/-1;grid-row:1;border-right:0;border-bottom:1px solid var(--pw-line)}
  .pw-swatches{grid-template-columns:repeat(auto-fill,minmax(26px,1fr))}
  .pw-home-feature-inner{grid-template-columns:.85fr 1fr}
}
@media(max-width:780px){
  .pw-head{display:block}.pw-head-note{display:none}
  .pw-bodycolors{position:static;justify-content:space-between;gap:6px;padding:10px 14px;border-radius:0;border-width:1px 0 0;background:#0d0e0f;backdrop-filter:none;-webkit-backdrop-filter:none}
  .pw-bodycolors-label{display:none}
  .pw-badge{left:10px;top:10px;padding:6px 10px;font-size:9px}
  .pw-stage-tools{right:8px;top:8px;gap:6px}.pw-stage-tools button{width:34px;height:34px}
  .pw-controls{grid-template-columns:1fr}
  .pw-col{border-right:0;border-bottom:1px solid var(--pw-line);padding:18px 16px}
  .pw-col:last-child{border-bottom:0}
  .pw-col-colour{grid-row:auto}
  .pw-swatches{grid-template-columns:repeat(11,minmax(0,1fr))}
  .pw-search-line{flex-direction:column}.pw-search-line select{min-width:0}
  .pw-ral-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
  .pw-bottom-grid{grid-template-columns:1fr}.pw-bottom-image img{height:320px}
  .pw-home-feature-inner{grid-template-columns:1fr}.pw-home-feature-media{order:-1;min-height:330px}.pw-home-feature-media:before{background:linear-gradient(0deg,#111216 0%,transparent 38%)}
}
@media(max-width:550px){.pw-home-feature{padding:35px 0}}
@media(prefers-reduced-motion:reduce){.pw-stage canvas,.pw-dot,.pw-sw,.pw-wheel,.pw-cta{transition:none}}