.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%}.product-compact-mockup.is-mug .mug-mockup__canvas{object-fit:contain;transform-origin:45% 51%;transform:scale(1.6)}.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%}