/* SUCASA interactive packshot rendering */
.stage{position:sticky;top:16px;background:#faf9f5}
.picture{aspect-ratio:1/1;width:min(100%,calc(100vh - 150px));max-height:none;margin-inline:auto}
.picture>img:not(.compact-result),.picture>svg{display:none}
#productCanvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:manipulation}
.hint{z-index:2;bottom:14px;right:14px}
.previewBadge{z-index:2}
.panel{display:flex;flex-direction:column}
.panel>.section:nth-of-type(2){order:0}
.panel>.section:nth-of-type(1){order:1}
.panel>.tag,.panel>h1,.panel>.subtitle{order:-1}
.panel>.action{order:2}.panel>.notice{order:3}.panel>.footnote{order:4}
.section{padding:15px 0}
.sectionHead{margin-bottom:8px}
.dim{margin:10px 0}
.dimTop{margin-bottom:3px}
.exact-dimension{display:inline-flex;align-items:center;gap:6px;direction:ltr;font-size:12px;color:#667466}
.exact-dimension input{width:66px;border:1px solid #b9c7bb;border-radius:7px;background:#fff;color:#304c37;font:600 15px Heebo;padding:5px 7px;text-align:center;direction:ltr}
.exact-dimension input:focus{outline:2px solid #8eaa93;outline-offset:1px}
.ends{margin-top:0}
input[type=range]{height:20px}
.summary{padding:11px 14px;margin-top:5px}
.summary strong{font-size:20px}
.panel h1{font-size:30px}
.subtitle{margin-bottom:14px}
.part{padding:7px 10px;margin-bottom:10px}
.swatches{gap:9px}
.swatch{width:34px;height:34px}
.finish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.finish-choice{display:flex;align-items:center;gap:9px;text-align:right;background:white;border:1px solid #d9ddd5;color:#48554a;border-radius:9px;padding:10px 12px;font:13px Heebo;cursor:pointer}
.finish-choice.active{border:2px solid #526c59;background:#f3f6f1;padding:9px 11px}
.finish-chip{width:36px;height:36px;border-radius:7px;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}
#bodyPaintPicker{padding-top:12px}
#bodyPaintPicker[hidden]{display:none}
.body-finish .colorName{margin-top:8px}
@media(max-width:920px){.stage{position:relative;top:auto}.picture{width:100%;max-height:none}.layout{gap:12px}.panel>.section:nth-of-type(2){order:0}.panel>.section:nth-of-type(1){order:1}.panel h1{font-size:25px}.toolbar{margin-bottom:10px}}