html{min-height:100%;overflow-y:auto;scroll-padding-bottom:100px}
body{min-height:100vh;min-height:100svh;overflow-x:clip;padding-bottom:env(safe-area-inset-bottom,0px)}
.contact-footer{width:100%;margin:0 auto;padding:24px 24px max(64px,env(safe-area-inset-bottom,0px));text-align:center}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;width:min(100%,380px);padding:14px 24px;border:1px solid #ffef8c;border-radius:12px;background:linear-gradient(135deg,#fff075,#ffcf30);box-shadow:0 4px 0 #b58b21,0 8px 24px #00382b40;color:#154c32;font-size:17px;font-weight:700}
.contact-button:hover{filter:brightness(1.06)}
@media(max-width:720px){#collection{padding-bottom:28px}.contact-footer{width:auto;margin:0 14px;padding:24px 0 calc(100px + env(safe-area-inset-bottom,0px))}.contact-button{width:100%}dialog{max-height:calc(100dvh - 48px)}}

#detail-enter{display:flex;width:100%;align-items:center;justify-content:center;min-height:50px;margin-top:16px;padding:12px 24px;border-radius:10px;color:#254c24;background:linear-gradient(#ffe75d,#ffca22);border:1px solid #fff07a;box-shadow:0 2px 0 #b79323;font-size:16px;font-weight:700}