/* Kode Garment — placement preview (assets/js/mockup.js): the customer's logo on the garment, to scale (owner, 2026-10-06) */
.kgm{margin:12px 0 4px;padding:10px 12px 12px;border:1px solid #E4E4E7;border-radius:10px;background:#FAFAFA;max-width:440px}
.kgm__svg{display:block;width:100%;height:auto;max-height:340px;overflow:visible}
.kgm .fold{pointer-events:none;mix-blend-mode:multiply}
.kgm .ink{fill:#1E1E20;fill-rule:evenodd;stroke:#1E1E20;stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.kgm__ln{fill:none;stroke:#1E1E20;stroke-width:2.5;stroke-linejoin:round}
.kgm__st{fill:none;stroke:#1E1E20;stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:5 4}
.kgm.is-dark .ink{fill:#71717A;stroke:#71717A}
.kgm.is-dark .kgm__st{stroke:#D4D4D8;stroke-opacity:.6}
.kgm__zone{fill:none;stroke:#F37021;stroke-width:1.25px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.kgm__box{fill:none;stroke:#F37021;stroke-width:1px;vector-effect:non-scaling-stroke}
.kgm__box.is-over{stroke:#C0392B;stroke-width:2px}
.kgm__ph{fill:rgba(243,112,33,.22)}
.kgm__phn{fill:#B4520F;font-family:Archivo,Arial,sans-serif;font-weight:600}
.kgm__txt{fill:#1E1E20;font-weight:700}
.kgm.is-dark .kgm__txt{fill:#F4F4F5}
.kgm figcaption{margin-top:8px;font-size:13px;line-height:1.4;color:#52525B}
.kgm figcaption b{color:#18181B}
.kgm figcaption small{display:block;margin-top:2px;font-size:11.5px;color:#71717A}
.kgm figcaption small.kgm__emb{margin-top:8px;padding:8px 10px;border-left:3px solid #F37021;background:#FFF7F1;border-radius:4px;color:#3F3F46;line-height:1.45}
.kgm__warn{display:block;margin-top:2px;color:#C0392B;font-weight:600}
.od__row .kgm{flex-basis:100%;max-width:360px}
.ob-logo__thumb{flex:none;width:56px;height:56px;object-fit:contain;border-radius:6px;border:1px solid #E4E4E7;background:#fff conic-gradient(#F4F4F5 25%,#fff 0 50%,#F4F4F5 0 75%,#fff 0) 0 0/12px 12px}