.mug-mockup{aspect-ratio:1184/880;background:#f1ece4;width:100%;position:relative;overflow:hidden}.mug-mockup__canvas{opacity:1;width:100%;height:100%;transition:opacity .2s;display:block}.mug-mockup.is-loading .mug-mockup__canvas{opacity:0}.mug-mockup__loading{background:linear-gradient(100deg,#f1ece4 30%,#f8f4ee 50%,#f1ece4 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite mug-mockup-shimmer;position:absolute;inset:0}@keyframes mug-mockup-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.mug-mockup__loading{animation:none}}.product-compact-mockup.is-mug{width:100%;height:100%;position:relative;overflow:hidden}.product-compact-mockup.is-mug .mug-mockup{aspect-ratio:auto;background:0 0;height:100%}.mug-mockup.is-cutout{background:0 0}.mug-mockup.is-cutout .mug-mockup__loading{display:none}.product-compact-mockup.is-mug .mug-mockup__canvas{object-fit:contain;transform-origin:45% 51%;transform:scale(1.6)}.product-compact-mockup.is-mug .mug-mockup.is-cutout .mug-mockup__canvas{transform-origin:36% 51%;transform:scale(1.5)}.lazy-mug-mockup{width:100%;height:100%;position:relative}.lazy-mug-mockup .mug-mockup{aspect-ratio:auto;height:100%}.lazy-mug-mockup .mug-mockup__canvas{object-fit:cover;object-position:var(--mug-focus-x,50%) 50%}.mug-pair-mockup{background:radial-gradient(120% 70% at 30% 0,#faf7f2 0%,#faf7f200 60%),linear-gradient(#f3eee6 0%,#efe8de 50%,#e6ddd1 58%,#ddd3c5 100%);position:relative;overflow:hidden}.mug-pair-mockup__side{position:absolute;inset:0}.mug-pair-mockup__side.is-front{z-index:1}.mug-pair-mockup__mug{aspect-ratio:1184/880;position:absolute}.mug-pair-mockup__mug .mug-mockup{aspect-ratio:auto;background:0 0;width:100%;height:100%}.mug-pair-mockup__mug .mug-mockup__canvas{object-fit:contain}.mug-pair-mockup__contact,.mug-pair-mockup__shadow,.mug-pair-mockup__cast,.mug-pair-mockup__occlusion{pointer-events:none;opacity:0;border-radius:50%;transition:opacity .2s;position:absolute}.mug-pair-mockup.is-drawn .mug-pair-mockup__contact,.mug-pair-mockup.is-drawn .mug-pair-mockup__shadow,.mug-pair-mockup.is-drawn .mug-pair-mockup__cast,.mug-pair-mockup.is-drawn .mug-pair-mockup__occlusion{opacity:1}.mug-pair-mockup__cast{filter:blur(5px);background:radial-gradient(closest-side,#4634264d,#4634261f 60%,#46342600 100%);transform:rotate(-6deg)}.mug-pair-mockup__side.is-back .mug-pair-mockup__mug{filter:brightness(.95)saturate(.97)}.mug-pair-mockup__side.is-back .mug-pair-mockup__cast{opacity:0}.mug-pair-mockup.is-drawn .mug-pair-mockup__side.is-back .mug-pair-mockup__cast{opacity:.85}.mug-pair-mockup__occlusion{mix-blend-mode:multiply;filter:blur(4px);background:linear-gradient(90deg,#5a483861,#5a48381f 45%,#5a483800 100%);border-radius:40%}.mug-pair-mockup__light{z-index:2;pointer-events:none;background:radial-gradient(140% 100% at 25% 15%,#fff0 55%,#503c281a 100%);position:absolute;inset:0}.mug-pair-mockup__contact{filter:blur(1.5px);background:radial-gradient(closest-side,#2d201680 70%,#2d201640 88%,#2d201600 100%)}.mug-pair-mockup__shadow{background:radial-gradient(closest-side,#3c2c1e29,#3c2c1e00 100%)}.mug-pair-mockup.is-drawn .mug-pair-mockup__side.is-back .mug-pair-mockup__contact{opacity:.8}
.yc4MPa_field{min-width:0;color:var(--site-color-ink);gap:10px;display:grid}.yc4MPa_field label{font-weight:600}.yc4MPa_field p{color:var(--site-color-muted);margin:0;font-size:14px;line-height:1.5}.yc4MPa_field textarea{border:1px solid var(--site-color-rule);background:var(--site-color-surface);width:100%;min-height:100px;color:var(--site-color-ink);font:inherit;resize:vertical;border-radius:12px;padding:14px 16px;line-height:1.5}:is(.yc4MPa_field textarea:focus-visible,.yc4MPa_footer button:focus-visible){outline:2px solid var(--site-color-accent);outline-offset:3px}.yc4MPa_compact{gap:8px;min-width:0;display:grid}.yc4MPa_compactControl{min-width:0;position:relative}.yc4MPa_compactControl .yc4MPa_compactInput.yc4MPa_hasReset{padding-right:46px}.yc4MPa_reset{width:32px;height:32px;color:var(--site-color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .14s,color .14s;display:inline-grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.yc4MPa_reset:hover{color:var(--site-color-ink);background:#1c19150f}.yc4MPa_reset:focus-visible{outline:2px solid var(--site-color-accent);outline-offset:2px}.yc4MPa_reset:disabled{cursor:default;opacity:.5}.yc4MPa_compact .yc4MPa_error{color:var(--site-color-accent);margin:0;font-size:13px}.yc4MPa_footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.yc4MPa_footer button{color:var(--site-color-ink);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.yc4MPa_footer span{color:var(--site-color-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.yc4MPa_field .yc4MPa_error{color:var(--site-color-accent)}.yc4MPa_field :disabled{cursor:default;opacity:.6}