.design-surface{position:relative;flex:none;container-type:inline-size;max-width:100%;max-height:100%;isolation:isolate}
.design-surface>img{display:block;width:100%;height:100%;object-fit:contain}
/* All artwork stays attached to the image, including during contained zoom. */
.product-overlay{position:absolute;inset:0;pointer-events:none;color:#fff;font:600 clamp(7px,2.7cqw,17px)/1.25 Arial,Helvetica,sans-serif;text-shadow:0 1px 3px #0008}
.product-overlay-model{position:absolute;top:4.5%;left:5%;right:5%;text-align:center;font-size:clamp(10px,4.1cqw,26px);font-weight:900;line-height:1.12;overflow-wrap:anywhere;text-shadow:0 1px 3px #000b}
.product-overlay-lower{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-end;gap:3cqw}
.product-overlay-price{position:relative;isolation:isolate;flex:none;margin-right:4%;width:24%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#100d08;text-align:center;text-shadow:none;font-size:clamp(8px,3.8cqw,25px);padding:3%;box-sizing:border-box;line-height:1.05;overflow-wrap:anywhere;filter:drop-shadow(0 2px 2px #0005)}
.product-overlay-price:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:50%;background:repeating-linear-gradient(7deg,#5e42151c 0 1px,transparent 1px 3px),repeating-linear-gradient(94deg,#f6e7b954 0 1px,transparent 1px 4px),radial-gradient(ellipse at 30% 20%,#f0e4bd,#c7af7c);border:1px solid #6d5930;box-shadow:inset 0 0 0 2px #e8d7ab,inset 0 0 0 3px #8c7446,inset 0 0 0 4px #ebdeb9}
.price-tag-hole{position:absolute;top:7%;left:47%;width:7%;aspect-ratio:1;border-radius:50%;background:#272219;box-shadow:0 0 0 1px #aa9369,inset 1px 1px 1px #000}
.price-tag-cord{position:absolute;left:47.5%;top:-17%;height:28%;width:5%;border:1px solid #77654d;border-radius:60% 45% 55% 40%;transform:rotate(-15deg);box-shadow:1px 0 1px #eadbb49c}
.product-overlay-price--star{width:29%;margin-right:2%;padding:6%;font-size:clamp(8px,3.6cqw,23px)}
.product-overlay-price--star:before{border-radius:0;clip-path:polygon(50% 0,61% 25%,85% 10%,78% 37%,100% 50%,78% 63%,85% 90%,61% 75%,50% 100%,39% 75%,15% 90%,22% 63%,0 50%,22% 37%,15% 10%,39% 25%)}
.product-overlay-price--star .price-tag-hole{top:16%}
.product-overlay-price--star .price-tag-cord{top:-8%}
.product-overlay-price strong{font-weight:900;display:block;max-width:100%;font-size:var(--price-type-size,1.5em);letter-spacing:-.055em;margin-top:.15em}
.product-overlay-price small{font-size:.48em;font-weight:800;line-height:1.2;text-transform:uppercase;margin-top:.2em;max-width:100%;overflow-wrap:anywhere}
.product-overlay-details{align-self:stretch;display:flex;gap:.8em;background:#22231f;padding:3% 3.2%;box-sizing:border-box;font-size:clamp(7px,2.3cqw,15px);text-shadow:none;border-top:1px solid #ffffff30}
.product-detail-column{display:flex;flex-direction:column;gap:.6em;min-width:0;flex:1}
.product-detail-column+.product-detail-column{border-left:1px solid #c29146;padding-left:.7em}
.product-detail-row{display:flex;gap:.5em;min-width:0;align-items:center}
.product-overlay-details svg{width:2em;height:2em;flex:none;fill:none;stroke:#fff;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.product-overlay-details span{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;color:#fff}
.product-overlay-details b{display:block;font-size:.82em;text-transform:uppercase;margin-bottom:.15em;color:#fff}
.product-editor-preview{margin:1.2rem 0;max-width:360px}.product-editor-preview figcaption{font-weight:700;margin-bottom:8px}.product-editor-preview-stage{height:440px;max-height:70vh;background:#edf1f2;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #bfcbd2;border-radius:10px}.product-editor-preview-stage .design-surface>img{max-width:none;max-height:none}.product-editor-preview-empty{padding:16px;color:#33434e}
.product-fields{border:1px solid #c8d5dc;border-left:4px solid #9a7a32;border-radius:10px;padding:18px;margin-block:16px;background:#fffdf6}.product-fields legend{font-weight:700;padding-inline:8px}.product-fields output{display:block;padding:10px 12px;background:#edf1f2;border-radius:6px;font-weight:700}
@media(max-width:500px){.product-fields{padding:12px}.product-editor-preview-stage{height:380px}}
