/* Kitchen upper-page overlay only. Shared chrome and lower content stay untouched. */
html body.brand-v5 main .ku-upper {
  --ku-accent:var(--brand-accent); --ku-ink:var(--color-heading);
  width:min(1320px,calc(100% - 80px)); margin:24px auto 88px;
  color:var(--ku-ink); background:var(--color-surface); 
}
html body.brand-v5 main .ku-upper *{box-sizing:border-box}
html body.brand-v5 main .ku-upper :is(p,a,button,span,figcaption){}
html body.brand-v5 main .ku-upper :is(h1,h2,h3){color:var(--ku-ink);text-align:left;text-wrap:initial;}
html body.brand-v5 main .ku-upper h1{margin:20px 0 24px;max-width:none}
html body.brand-v5 main .ku-upper h1 span{}
html body.brand-v5 main .ku-upper h2{margin:10px 0 18px}
html body.brand-v5 main .ku-upper h3{margin:22px 0 12px}
html body.brand-v5 main .ku-upper p{margin:0;color:var(--color-body);max-width:660px}
html body.brand-v5 main .ku-upper .ku-eyebrow{color:var(--ku-accent);}
html body.brand-v5 main .ku-upper .ku-hero{display:grid;grid-template-columns:34fr 66fr;gap:36px;align-items:center;margin:0;padding:0}
html body.brand-v5 main .ku-upper .ku-hero-copy{min-width:0;padding:12px 0 30px}
html body.brand-v5 main .ku-upper figure{margin:0;min-width:0;background:transparent;border:0;box-shadow:none}
html body.brand-v5 main .ku-upper img{display:block;position:static;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:2px;filter:none;opacity:1;transform:none}
html body.brand-v5 main .ku-upper figcaption{padding-top:10px;color:var(--color-muted)}
html body.brand-v5 main .ku-upper .ku-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}
html body.brand-v5 main .ku-upper a{color:var(--ku-ink);text-decoration:none}
html body.brand-v5 main .ku-upper .ku-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:14px 20px;background:var(--ku-accent);color:#fff;border:1px solid var(--ku-accent);border-radius:var(--radius-button)}
html body.brand-v5 main .ku-upper .ku-primary:hover{background:var(--color-accent-hover)}
html body.brand-v5 main .ku-upper .ku-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;border-bottom:1px solid var(--color-control-border);padding:9px 0}
html body.brand-v5 main .ku-upper :is(a,button):focus-visible{outline:3px solid var(--ku-accent);outline-offset:5px}
html body.brand-v5 main .ku-upper .ku-section{margin-top:88px;padding:0;scroll-margin-top:116px}
html body.brand-v5 main .ku-upper .ku-section-heading{margin-bottom:32px}
html body.brand-v5 main .ku-upper .ku-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html body.brand-v5 main .ku-upper .ku-style-card{padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-width:0}
html body.brand-v5 main .ku-upper .ku-style-card p{min-height:79px}
html body.brand-v5 main .ku-upper .ku-style-card .ku-text-link{margin-top:12px}
html body.brand-v5 main .ku-upper .ku-layout-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
html body.brand-v5 main .ku-upper .ku-layout-buttons button{min-height:50px;padding:12px 22px;border:1px solid var(--color-control-border);border-radius:2px;background:#fff;color:var(--ku-ink);cursor:pointer;display:flex;gap:12px;align-items:center}
html body.brand-v5 main .ku-upper .ku-layout-buttons button::before{content:'○';font-size:18px}
html body.brand-v5 main .ku-upper .ku-layout-buttons button[aria-pressed=true]{border:2px solid var(--ku-accent);padding:11px 21px;background:var(--color-selected);}
html body.brand-v5 main .ku-upper .ku-layout-buttons button[aria-pressed=true]::before{content:'✓'}
html body.brand-v5 main .ku-upper .ku-layout-panel{display:grid;grid-template-columns:1.55fr 1fr;gap:48px;align-items:center;margin-bottom:32px}
html body.brand-v5 main .ku-upper .ku-layout-panel[hidden]{display:none!important}
html body.brand-v5 main .ku-upper .ku-layout-copy{max-width:400px}
html body.brand-v5 main .ku-upper .ku-diagram{display:block;width:200px;height:126px;color:var(--ku-accent);background:var(--color-page);border-radius:2px}
html body.brand-v5 main .ku-upper .ku-diagram rect{fill:var(--color-selected);stroke:currentColor;stroke-width:2}
html body.brand-v5 main .ku-upper .ku-layout-note{margin-top:10px}
html body.brand-v5 main .ku-upper .ku-layout-copy .ku-text-link{margin-top:20px}
html body.v5-product-kitchen-cabinets[data-ku-reading] #kuci-floating-contact{display:none!important}
@media(max-width:1100px){
 html body.brand-v5 main .ku-upper{width:calc(100% - 64px)}
 html body.brand-v5 main .ku-upper .ku-hero{grid-template-columns:40fr 60fr;gap:24px}
 html body.brand-v5 main .ku-upper h1{}
}
@media(min-width:761px) and (max-width:900px){
 html body.brand-v5 main .ku-upper .ku-hero{grid-template-columns:1fr}
 html body.brand-v5 main .ku-upper .ku-hero-copy{max-width:580px}
}
@media(max-width:760px){
 html body.brand-v5 main .ku-upper{width:calc(100% - 40px);margin:20px auto 48px}
 html body.brand-v5 main .ku-upper .ku-hero{grid-template-columns:1fr;gap:26px}
 html body.brand-v5 main .ku-upper .ku-hero-copy{padding:0}
 html body.brand-v5 main .ku-upper h1{margin:16px 0 20px}
 html body.brand-v5 main .ku-upper h2{margin-bottom:16px}
 html body.brand-v5 main .ku-upper h3{margin-top:18px}
 html body.brand-v5 main .ku-upper p{}
 html body.brand-v5 main .ku-upper .ku-actions{margin-top:22px}
 html body.brand-v5 main .ku-upper .ku-primary{width:100%}
 html body.brand-v5 main .ku-upper .ku-section{margin-top:48px;scroll-margin-top:90px}
 html body.brand-v5 main .ku-upper .ku-section-heading{margin-bottom:24px}
 html body.brand-v5 main .ku-upper .ku-style-grid{grid-template-columns:1fr;gap:36px}
 html body.brand-v5 main .ku-upper .ku-style-card p{min-height:0}
 html body.brand-v5 main .ku-upper .ku-layout-buttons{gap:8px;margin-bottom:24px}
 html body.brand-v5 main .ku-upper .ku-layout-buttons button{padding:12px 13px;gap:8px}
 html body.brand-v5 main .ku-upper .ku-layout-buttons button[aria-pressed=true]{padding:11px 12px}
 html body.brand-v5 main .ku-upper .ku-layout-panel{grid-template-columns:1fr;gap:24px}
 html body.brand-v5 main .ku-upper .ku-layout-copy{max-width:none}
}
@media(max-width:359px){html body.brand-v5 main .ku-upper{width:calc(100% - 32px)}html body.brand-v5 main .ku-upper h1{}}