#kkh-size-guide.kkh-size-guide{scroll-margin-top:calc(var(--header-height, 72px) + 16px)}.kkh-size-guide{padding-top:var(--space-top, 12px);padding-bottom:var(--space-bottom, 36px)}.kkh-size-guide__header{margin-bottom:1.75rem;text-align:left}.kkh-size-guide__label{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:#b3552e;margin:0 0 .5rem}.kkh-size-guide__heading{font-family:var(--font--title, serif);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);margin:0}.kkh-size-guide__layout{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}.kkh-size-guide__room-wrap{min-width:0}.kkh-size-guide__room{border:1px solid #e8e0d2;background:#f5efe4;overflow:hidden}.kkh-room--illustrated{position:relative;aspect-ratio:800 / 520;min-height:clamp(280px,38vw,440px);overflow:hidden}.kkh-room__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kkh-room__stage{position:absolute;top:4%;left:12%;right:12%;height:42%;z-index:1}.kkh-room__frame{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:linear-gradient(160deg,#b8956a,#8b6f4a 40%,#6e5438);padding:5px;box-shadow:0 2px #ffffff1f inset,0 4px 12px #2b262026,0 18px 40px #2b262033;transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.kkh-room__frame.is-dragging{cursor:grabbing;transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1)}.kkh-room__mat{background:#fffdf8;padding:clamp(4px,1vw,9px);width:100%;height:100%;box-sizing:border-box;pointer-events:none}.kkh-room__print{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.kkh-room__dims{position:absolute;left:.85rem;bottom:.75rem;margin:0;z-index:3;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#5c5343;background:#fffdf8eb;padding:.38rem .62rem;border:1px solid #e8e0d2;pointer-events:none}.kkh-room__drag-hint{position:absolute;top:.75rem;right:.85rem;margin:0;z-index:3;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7a6f5c;background:#fffdf8e6;padding:.35rem .55rem;border:1px solid #e8e0d2;pointer-events:none}.kkh-size-guide__scale-note{margin:.65rem 0 0;font-size:.78rem;color:#7a6f5c;text-align:left}.kkh-size-guide__advisor{margin-top:1rem;padding:1.15rem 1.25rem;background:#2b2620;color:#efe7d7}.kkh-size-guide__advisor.is-empty{display:none}.kkh-size-guide__advisor-label{margin:0 0 .5rem;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#c67a52;font-weight:600}.kkh-size-guide__advisor-text{margin:0;font-size:.92rem;line-height:1.65;color:#efe7d7}.kkh-size-guide__panel{text-align:left;position:sticky;top:calc(var(--header-height, 72px) + 1rem);align-self:start}.kkh-size-guide__sizes{display:flex;flex-direction:column;gap:.55rem}.kkh-size-guide__size-btn{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.1rem .75rem;align-items:center;width:100%;text-align:left;padding:.8rem 1rem;border:0;background:#fffdf8;cursor:pointer;box-shadow:inset 0 0 0 1px #e8e0d2;transition:box-shadow .15s ease,background-color .15s ease;font:inherit;color:inherit}.kkh-size-guide__size-btn:hover{box-shadow:inset 0 0 0 1px #b3552e}.kkh-size-guide__size-btn.is-active{background:#f3ecdf;box-shadow:inset 0 0 0 2px #b3552e}.kkh-size-guide__size-cm{grid-column:1;grid-row:1;font-weight:600;color:#2b2620;font-size:.95rem}.kkh-size-guide__size-in{grid-column:1;grid-row:2;font-size:.82rem;color:#7a6f5c}.kkh-size-guide__size-badge{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;background:#b3552e;color:#fff;font-weight:600;padding:.2rem .5rem;border-radius:999px;line-height:1.3}.kkh-size-guide__tip{margin:1.35rem 0 .75rem;font-size:.92rem;font-style:italic;color:#5c5343;line-height:1.55}.kkh-size-guide__rooms{margin:0;font-size:.78rem;letter-spacing:.06em;color:#7a6f5c;text-transform:uppercase}@media(max-width:899px){.kkh-size-guide__layout{grid-template-columns:1fr}.kkh-size-guide__panel{position:static}.kkh-room--illustrated{min-height:260px}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/kakahuette-size-guide.css.map */