/* The preview preserves each existing photograph's layout and image classes. */
img[data-mug-preview-hidden="true"]{display:none!important}
.hh-mug-color-preview{max-width:100%;vertical-align:middle}
#product-dialog.hh-mug-preview-enabled .color-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:500px}
#product-dialog.hh-mug-preview-enabled .color-options button{width:auto;height:auto;min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:8px 4px;background:#fff;border:1px solid #d5e2de;border-radius:10px;box-shadow:none;color:#24443e;font-size:12px;line-height:1.2;position:relative}
#product-dialog.hh-mug-preview-enabled .color-options button::before{content:"";display:block;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #163a3029}
#product-dialog.hh-mug-preview-enabled .color-options button[aria-pressed="true"]{border-color:#23645c;background:#e9f7f4;box-shadow:0 0 0 1px #23645c;font-weight:700}
#product-dialog.hh-mug-preview-enabled .color-options button[data-mug-color-unavailable="true"]::after{content:"Дууссан";font-size:9px;font-weight:500;line-height:1;color:#8a574b}
#product-dialog.hh-mug-preview-enabled .color-options button:focus-visible{outline:3px solid #23645c;outline-offset:3px}
#product-dialog.hh-mug-preview-enabled .hh-mug-color-name{display:block;overflow-wrap:normal;word-break:normal;text-align:center;max-width:100%}
#product-dialog.hh-mug-preview-enabled .hh-mug-preview-note{font-size:12px;line-height:1.45;color:#5f716c;padding:0 4px}
.hh-mug-color-preview.erp-detail-thumb{display:block;object-fit:cover}
.pay-item>.hh-mug-color-preview{display:block;width:56px;height:68px;object-fit:cover;border-radius:9px;background:#f4f4f0}
@media(max-width:850px) and (min-width:701px){.pay-item>.hh-mug-color-preview{grid-row:span 2;width:48px;height:60px}}
@media(max-width:700px){.pay-item>.hh-mug-color-preview{width:48px;height:60px}}
@media(max-width:350px){.pay-item>.hh-mug-color-preview{grid-row:span 2;width:44px;height:56px}}
@media(max-width:600px){#product-dialog.hh-mug-preview-enabled .color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#product-dialog.hh-mug-preview-enabled .color-options button{min-height:70px;font-size:11px}}
.hh-mug-invoice-thumbnail{width:44px;height:55px;object-fit:cover;border-radius:5px;float:left;margin:0 8px 4px 0}
#product-dialog.hh-mug-preview-enabled .color-options button:disabled{opacity:1;cursor:not-allowed;color:#73817d;background:#f4f6f5;border-color:#dce4e1;box-shadow:none}
#product-dialog.hh-mug-preview-enabled .color-options button:disabled::before{opacity:.45}
#product-dialog.hh-mug-preview-enabled .color-options button[data-mug-color-unavailable="true"]::after{content:"× Дууссан";color:#855e59;font-size:10px}
.hh-mug-mask-editor{margin:18px 0;padding:16px;border:1px solid #cfdfda;border-radius:14px;background:#f3faf7;color:#24443e;max-width:100%;box-sizing:border-box}
.hh-mug-mask-editor summary{font-weight:700;cursor:pointer;line-height:1.5}
.hh-mug-mask-help,.hh-mug-mask-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.hh-mug-mask-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.hh-mug-mask-fields label{font-size:12px;font-weight:600;min-width:0;display:flex;flex-direction:column;gap:5px}
.hh-mug-mask-fields select,.hh-mug-mask-fields input{width:100%;max-width:100%;min-width:0;min-height:40px;box-sizing:border-box;background:#fff;border:1px solid #cadbd4;border-radius:8px;padding:6px}
.hh-mug-mask-viewport{display:flex;justify-content:center;max-height:520px;overflow:auto;background:#e5ede9;border-radius:9px}
.hh-mug-mask-viewport canvas{display:block;max-width:100%;height:auto;max-height:520px;object-fit:contain;touch-action:manipulation;cursor:crosshair}
.hh-mug-mask-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.hh-mug-mask-tools button,.hh-mug-mask-remove button{min-height:40px;border:1px solid #c5d9d0;border-radius:8px;padding:8px 10px;background:#fff;color:#23645c;font-size:12px;cursor:pointer}
.hh-mug-mask-tools button:disabled{opacity:.5;cursor:not-allowed}
.hh-mug-mask-editor :focus-visible{outline:3px solid #23645c;outline-offset:2px}
.hh-mug-mask-remove{margin-top:10px;padding:12px;border:1px solid #e4c6c0;border-radius:8px;background:#fff8f6}
@media(max-width:500px){.hh-mug-mask-editor{padding:12px}.hh-mug-mask-fields{grid-template-columns:1fr}.hh-mug-mask-tools button{flex:1 1 45%;min-height:44px}}
#product-dialog.hh-mug-preview-enabled .preview-stage.is-sold-out .fixed-print-photo,#product-dialog.hh-mug-preview-enabled .photo-gallery.is-sold-out .fixed-print-photo{filter:none;opacity:1}