.pg-search { display: flex; flex-wrap: wrap; gap: 16px; align-items: end; margin-bottom: 24px; }
.pg-search label:first-child { flex: 1 1 250px; }
.pg-search label { min-width: 0; }
.pg-search input, .pg-search select { width: 100%; }
#products .product { padding: 28px; overflow-wrap: anywhere; }
#transfer-list .panel { margin: 16px 0; overflow-wrap: anywhere; }
#more-products, #more-transfers { margin-top: 24px; }
#pass-dialog { background: var(--panel); color: var(--text); border: 1px solid var(--gold); border-radius: 12px; max-width: min(640px, 92vw); width: 100%; max-height: 85vh; overflow: auto; padding: 28px; overflow-wrap: anywhere; }
#pass-dialog::backdrop { background: rgb(0 0 0 / 70%); }
#pass-content dl { display: grid; grid-template-columns: auto 1fr; gap: 12px; }
#pass-content dd { margin: 0; }
.pg-expiry { color: var(--muted); }
.pg-linked-transfer { outline: 2px solid var(--gold); outline-offset: 3px; }
.pg-history { margin: 24px 0; padding: 18px 0; border-block: 1px solid var(--line); }
.pg-history summary { cursor: pointer; color: var(--gold); font-size: 1.1rem; }
.pg-history-list { padding-left: 22px; }
.pg-history-list li { padding: 12px 0; border-bottom: 1px solid var(--line); }
.pg-history-list strong, .pg-history-list time { display: block; overflow-wrap: anywhere; }
.pg-history-list time { color: var(--muted); font-size: .9rem; margin-top: 5px; }
.pg-history button { margin: 8px 8px 0 0; }
.pg-care { border-block: 1px solid var(--line); padding: 16px 0; margin: 24px 0; }
.pg-terms { white-space: pre-wrap; }
.pg-care input[type="checkbox"] { width: auto; margin-right: 12px; }
.pg-owner-repairs .panel, #service-items .panel { margin: 18px 0; overflow-wrap: anywhere; }
.pg-service-request, .pg-service-order { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 16px; }
.pg-repair-timeline { color: var(--muted); padding-left: 22px; }
.pg-quote-price { color: var(--gold); font-size: 1.2em; }

#brand-products .product {padding:28px; overflow-wrap:anywhere;}
.pg-brand-warranty {display:grid; gap:18px;}
.pg-brand-warranty label {display:grid; gap:8px; margin:0;}
.pg-brand-warranty textarea {min-height:140px; resize:vertical;}

.pg-model-panel {padding:24px; margin-bottom:28px;}
.pg-model-form {display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:end;}
.pg-model-form label {margin:0; min-width:0;}
.pg-model-card {padding:16px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere;}
@media(max-width:600px) {.pg-model-form {grid-template-columns:1fr;}}

.pg-variant-panel { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 14px; }
.pg-variant-panel summary { cursor: pointer; color: var(--gold); margin-bottom: 16px; }
.pg-variant-card { padding: 12px 0; border-bottom: 1px solid var(--line); }
.pg-variant-card h5 { font-size: 14px; margin: 0 0 6px; overflow-wrap: anywhere; }
.pg-variant-card p { margin-bottom: 0; }

.pg-import-panel { padding: 24px; margin: 24px 0; }
.pg-import-panel textarea { width: 100%; box-sizing: border-box; resize: vertical; background: var(--bg); color: var(--text); border: 1px solid var(--line); padding: 12px; font: 13px/1.6 monospace; }
.pg-import-panel input[type="checkbox"] { width: auto; display: inline; margin-right: 8px; }
.pg-import-row { border-bottom: 1px solid var(--line); padding: 12px 0; overflow-wrap: anywhere; }
.pg-import-row h4 { margin: 0 0 8px; }
.pg-import-panel code { overflow-wrap: anywhere; }

.pg-import-panel input[type="file"]::file-selector-button { border: 1px solid var(--line); border-radius: 4px; background: var(--gold); color: var(--bg); padding: 8px 12px; margin-right: 12px; font: inherit; cursor: pointer; }

.pg-service-history { margin: 24px 0; }
.pg-service-history .pg-service-record { padding: 14px 0; border-bottom: 1px solid var(--line); }
.pg-service-history time { display: block; color: var(--gold); font-size: 13px; }
.pg-service-history .pg-service-record p { margin: 8px 0 0; }

.pg-repair-history { margin: 24px 0; padding: 16px 0; border-top: 1px solid var(--line); }
.pg-repair-history summary { cursor: pointer; color: var(--gold); margin-bottom: 16px; }
.pg-repair-archive-record { padding: 14px 0; border-bottom: 1px solid var(--line); }
.pg-repair-archive-record h5 { margin: 0 0 8px; font-size: 15px; }
.pg-repair-archive-record time { color: var(--gold); font-size: 13px; }

/* Owner-only presentation: retain the original wordmark and all host IDs. */
#collection-concierge .pg-concierge-explanation { margin: 0 0 20px; }
#collection-concierge .pg-concierge-explanation summary { cursor: pointer; color: var(--gold); width: fit-content; padding: 8px 0; }
#collection-concierge .pg-concierge-explanation p { max-width: 72ch; margin: 10px 0; }
@media (max-width: 700px) {
  .sidebar .wordmark img { width: 180px; max-width: 100%; height: auto; }
  .sidebar nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; gap: 8px; }
  .sidebar nav button { min-width: 0; min-height: 44px; white-space: normal; overflow-wrap: anywhere; text-align: left; }
}
/* Host touch sizing; keep delivered component styles unchanged. */
@media (pointer: coarse) {
  [data-pg-transfer-check] button,
  [data-pg-brand-preview] button {
    min-height: 44px;
    min-width: 44px;
  }
}

/* Mein KANAN: collection categories are a deliberate sidebar choice. */
.kanan-collection-nav{border-block:1px solid var(--line);padding:8px 0;margin:8px 0}.kanan-collection-nav>summary{cursor:pointer;padding:12px;color:var(--text);font-size:14px}.kanan-collection-nav button{padding-left:24px!important}.kanan-collection-nav.has-active-view>summary{color:var(--gold)}
.kanan-home-welcome{margin:12px 0 24px}.kanan-home-welcome h2{font-size:clamp(28px,4vw,42px);margin:10px 0}.kanan-home-welcome p{color:var(--muted)}
.kanan-home-hero{margin:0 0 28px;padding:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#120e12;aspect-ratio:4/3;max-height:min(52vh,420px)}
.kanan-home-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
@media(min-width:900px){
  #home{display:grid;grid-template-columns:1.05fr .95fr;gap:28px 32px;align-items:start}
  .kanan-home-welcome{grid-column:1/-1;margin-bottom:4px}
  .kanan-home-hero{margin:0;max-height:none;aspect-ratio:4/3;align-self:stretch}
  .kanan-home-kyro{margin:0}
  .kanan-home-shortcuts,#home-updates{grid-column:1/-1}
}
.kanan-home-kyro{position:relative;overflow:hidden;text-align:center;padding:40px 24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#79152d26,transparent 70%),#151413}.kanan-home-kyro h3{font-size:clamp(25px,3vw,34px);margin:16px 0}.kanan-home-kyro p{max-width:48ch;margin:12px auto 24px}.kanan-home-kyro button{display:inline-block;width:auto;min-width:130px;margin:4px;padding:13px 22px;border-radius:999px}
.kanan-home-orb{position:relative;width:112px;height:112px;margin:0 auto 25px;border-radius:50%;isolation:isolate;perspective:500px;background:radial-gradient(circle,#b1365544,#300611 70%);--kyro-cycle:12s;pointer-events:none}
.kanan-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}.kanan-home-shortcuts button{text-align:left;padding:22px;border:1px solid var(--line);border-radius:16px;min-width:0;margin:0}.kanan-home-shortcuts strong,.kanan-home-shortcuts span{display:block}.kanan-home-shortcuts span{font-size:12px;color:var(--muted);margin-top:9px;font-weight:400}
#home-updates{margin-top:28px}body:has(#workspace:not([hidden]) #home:not([hidden])) #concierge-welcome,body:has(#workspace:not([hidden]) #home:not([hidden])) #kanan-luxury-launcher{visibility:hidden}
@media(max-width:700px){.kanan-collection-nav{grid-column:1/-1}.kanan-collection-nav[open]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.kanan-collection-nav>summary{grid-column:1/-1}.kanan-home-shortcuts{grid-template-columns:1fr;gap:10px}.kanan-home-shortcuts button{padding:18px}.kanan-home-kyro{padding:30px 16px}.kanan-home-hero{max-height:min(42vh,320px);border-radius:18px}}

.kanan-event-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.kanan-event-examples .kanan-empty-example{min-width:0;margin:0}.kanan-event-examples img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.kanan-event-examples h4{font-size:20px;margin:0 0 12px}
