/* Roon cosmetics presentation. Accent remains sourced from Manager. */
:root{--roon-cream:#faf8f3;--roon-paper:#fffdfa;--roon-ink:#292720;--roon-line:#e8e2d7}
body,.kpk-home{background:var(--roon-cream);color:var(--roon-ink)}
.kpk-home{font-family:Arial,Helvetica,sans-serif}
.kpk-home .kpk-home-section{padding-block:52px;background:var(--roon-cream)}
.kpk-home .kpk-home-section-head h2{font-family:Georgia,serif;letter-spacing:-.035em;font-weight:400;font-size:clamp(28px,3vw,42px)}
.kpk-home .kpk-home-section-head h2:after{display:none}
.kpk-home .kpk-home-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--kpk-primary)}
.kpk-home .kpk-home-hero{min-height:580px;background:var(--roon-cream);color:var(--roon-ink);isolation:isolate}
.kpk-home .kpk-home-hero-image{opacity:1}
.kpk-home .kpk-home-hero-image img{object-fit:cover;object-position:center}
.kpk-home .kpk-home-hero-shade{background:linear-gradient(90deg,#faf8f3ed 0%,#faf8f3c9 46%,transparent 78%)}
.kpk-home .kpk-home-hero-content{display:flex;align-items:center;gap:50px;padding-block:72px;position:relative}
.kpk-home .kpk-home-hero-copy{order:0;flex:1;max-width:580px}
.kpk-home .kpk-home-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(40px,5vw,70px);line-height:1.07;color:var(--roon-ink);text-shadow:none}
.kpk-home .kpk-home-hero-text{color:#514c42;font-size:17px;max-width:440px;line-height:1.7}
.kpk-home .kpk-home-kicker{color:var(--kpk-primary);background:transparent;border:0;padding:0;letter-spacing:.16em;font-size:11px;box-shadow:none}
.kpk-home .kpk-home-kicker:before{display:none}
.roon-hero-product{order:1;flex:0 1 360px;max-width:38%;border:1px solid #ffffffb0;border-radius:180px 180px 20px 20px;overflow:hidden;box-shadow:0 18px 55px #29272012}
.roon-hero-product img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;background:#eee6d8}
.kpk-home .kpk-home-button{min-height:46px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:none}
.kpk-home .kpk-home-button-primary{background:var(--kpk-primary);border-color:var(--kpk-primary);color:white}
.kpk-home .kpk-home-button-ghost,.kpk-home .kpk-home-button-app{color:var(--roon-ink);background:#fff9;border:1px solid #cfc6b5}
.kpk-home .kpk-home-button-app{min-height:36px;font-size:12px;flex-basis:auto}
.kpk-home [data-rail]{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cfc6b5 transparent}
.kpk-home [data-rail]>a{scroll-snap-align:start}
.kpk-home .kpk-home-category-card{background:var(--roon-paper);border:1px solid var(--roon-line);border-radius:18px;box-shadow:none}
.kpk-home .kpk-home-category-card img{aspect-ratio:1;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;background:#f3eee5}
.kpk-home .kpk-home-collection-card{display:flex;flex-direction:column;background:var(--roon-paper);border:1px solid var(--roon-line);border-radius:18px;overflow:hidden;height:auto;aspect-ratio:auto;box-shadow:none}
.kpk-home .kpk-home-collection-card img{width:100%;height:auto!important;aspect-ratio:1;object-fit:contain!important;background:#f3eee5;transform:none!important;filter:none!important;opacity:1!important}
.kpk-home .kpk-home-collection-card:before,.kpk-home .kpk-home-collection-card:after{display:none!important}
.roon-collection-name{display:block;padding:16px;text-align:center;font-size:16px;color:var(--roon-ink)}
.kpk-home .kpk-home-collection-card:hover,.kpk-home .kpk-home-collection-card:focus-visible{border-color:var(--kpk-primary);box-shadow:0 8px 22px #2927200a}
.kpk-home .kpk-home-product-card{border:1px solid var(--roon-line);border-radius:16px;box-shadow:0 3px 14px #29272004;background:var(--roon-paper)}
.kpk-home .kpk-home-product-card img{object-fit:contain}
.kpk-home .kpk-home-trust-strip{background:#f1ede4;color:var(--roon-ink);border-block:1px solid var(--roon-line)}
#kpk-header .kpk-logo-area img{width:116px;max-width:116px;height:54px;object-fit:contain}
#kpk-header .kpk-search-form{box-shadow:none;border-color:var(--roon-line)}
#kpk-header .kpk-topbar{background:var(--roon-ink)}
@media(hover:hover){.kpk-home .kpk-home-category-card:hover{border-color:var(--kpk-primary);transform:translateY(-3px);transition:transform .22s,border-color .22s}}
@media(max-width:760px){
 .kpk-home .kpk-home-section{padding-block:34px}
 .kpk-home .kpk-home-container{width:calc(100% - 36px)}
 .kpk-home .kpk-home-hero{min-height:0}
 .kpk-home .kpk-home-hero-content{flex-direction:column;gap:26px;padding-block:38px}
 .kpk-home .kpk-home-hero-copy{width:100%;max-width:none}
 .kpk-home .kpk-home-hero h1{font-size:46px}
 .kpk-home .kpk-home-hero-text{font-size:16px;margin-block:16px}
 .kpk-home .kpk-home-hero-shade{background:#faf8f3b8}
 .roon-hero-product{max-width:260px;width:75%;flex:auto;border-radius:130px 130px 16px 16px}
 .roon-hero-product img{max-height:280px}
 .kpk-home .kpk-home-actions{display:flex;flex-wrap:wrap;gap:10px}
 .kpk-home .kpk-home-actions>*{width:auto!important;flex:0 1 auto}
 input,select,textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.kpk-home *{animation:none!important;transition:none!important}}