.ups{border:0;padding:0;border-radius:18px;max-width:min(560px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 24px);overflow:auto;background:#FDF6EC;color:#3B2F2A;box-shadow:0 20px 60px rgba(59,47,42,.35);font-family:"Nunito Sans",sans-serif}
.ups::backdrop{background:rgba(59,47,42,.6)}
.ups img{display:block;width:100%;max-height:34vh;object-fit:cover;object-position:center;border-bottom:4px solid #D9A55B}
.ups-b{padding:20px 24px 24px;text-align:center}
.ups h2{font-family:Fraunces,serif;color:#C65D4B;font-size:1.6rem;line-height:1.2;margin:.3em 0 .4em}
.ups-p{font-size:1.08rem;margin:0 0 .8em}.ups-p b{color:#C65D4B}
.ups-g{font-size:.9rem;background:#fff;border:1px dashed #D9A55B;border-radius:12px;padding:10px 12px;margin:0 0 16px}
.ups .ups-yes{display:block;width:100%;box-sizing:border-box;font-size:1.08rem;padding:14px 18px;text-align:center}
.ups-no{display:inline-block;margin-top:12px;color:#3B2F2A;text-decoration:underline;font-size:.95rem;padding:6px}
.ups-x{position:sticky;z-index:2;top:10px;float:right;margin:10px 10px -54px 0;width:44px;height:44px;border-radius:50%;border:0;background:#FDF6EC;color:#3B2F2A;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ups :focus-visible{outline:3px solid #D9A55B;outline-offset:2px}
html.ups-lock{overflow:hidden}
@media (max-width:480px){.ups-b{padding:16px 16px 20px}.ups h2{font-size:1.35rem}.ups img{max-height:28vh}}
@media (prefers-reduced-motion:no-preference){.ups[open]{animation:upsin .2s ease-out}@keyframes upsin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}