/* One shared scene; real design images and their recovery identifiers stay intact. */
.flag-mockup{position:relative;aspect-ratio:941/1672;isolation:isolate;container-type:inline-size;overflow:hidden;background:#3b332a}
.flag-mockup>.flag-mockup-scene{display:block;width:100%;height:100%;max-height:none;object-fit:cover;opacity:1;background:none;pointer-events:none}
.flag-mockup-print{position:absolute;left:33.794%;top:6.878%;width:38.363%;height:80.443%;transform-origin:0 0;mix-blend-mode:multiply;transform:matrix(1.123795,-.052922,0,.973234,0,0) perspective(716.69cqw) rotateY(-30deg)}
.flag-mockup .flag-mockup-print>img{display:block;width:100%;height:100%;max-height:none;object-fit:fill;background:none;transform:none}
.flag-mockup-print::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000013,transparent 7%,#ffffff0b 60%,#0000000c);box-shadow:inset 0 2px 3px #ffffff40,inset 0 -2px 3px #00000030}
.flag-designs>.design .ph.flag-mockup-ph{aspect-ratio:941/1672}
.flag-designs>.design .flag-mockup{width:100%;height:100%}
.flag-designs>.design .ph.flag-mockup-ph img{transform:none}
.flag-designs>.design .ph.flag-mockup-ph .flag-mockup-scene{opacity:1;object-fit:cover}
.flag-designs>.design .ph.flag-mockup-ph .flag-mockup-print>img{object-fit:fill}
.flag-gallery-views{display:flex;gap:6px;padding:10px;background:#fff7fb}
.flag-gallery-views button{flex:1;border:1px solid #efbfd4;border-radius:99px;padding:8px 10px;background:white;color:#7c4866;font:inherit;font-size:12px;cursor:pointer;min-height:38px}
.flag-gallery-views button[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:#fff}
.flag-gallery-views button:focus-visible{outline:3px solid #f082b0;outline-offset:2px}
.flag-gallery>.flag-mockup{width:min(100%,380px);margin-inline:auto}
.flag-mockup-note{font-size:10px;color:#926b82;text-align:center;line-height:1.7;margin:9px 12px}
.flag-gallery.is-original .flag-mockup{aspect-ratio:auto;background:#fff}
.flag-gallery.is-original .flag-mockup-scene{display:none}
.flag-gallery.is-original .flag-mockup-print{position:static;width:100%;height:auto;transform:none;mix-blend-mode:normal}
.flag-gallery.is-original .flag-mockup-print>img{height:auto;max-height:72vh;object-fit:contain}
.flag-gallery.is-original .flag-mockup-print::after{display:none}
@supports not (width:1cqw){.flag-mockup-print{transform:none}}