@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes pulseBorder{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.btn-pulse{animation:2s infinite heartbeat;position:relative;overflow:visible}.btn-pulse:after{content:"";border-radius:inherit;pointer-events:none;border:3px solid #fff;animation:2s infinite pulseBorder;position:absolute;inset:-4px}
.popup-overlay{z-index:9999;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;animation:.3s popupFadeIn;display:flex;position:fixed;inset:0}.popup-content{width:min(900px,90dvw);max-height:90dvh;animation:.35s popupScaleIn;position:relative}.popup-image{object-fit:contain;border-radius:14px;width:100%;height:auto;max-height:85dvh;display:block}.popup-close{z-index:2;color:#fff;cursor:pointer;touch-action:manipulation;background:#dc3545;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(3rem,4vw,3rem);min-width:3rem;height:clamp(3rem,4vw,3rem);margin:0;padding:0 0 3px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.5vw,30px);font-weight:400;line-height:1;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex;position:absolute;top:clamp(-2rem,-1rem,-8px);right:clamp(-2rem,-1rem,-8px);transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.popup-close:hover{background:#bb2d3b;transform:translateY(-1px)scale(1.1);box-shadow:0 5px 16px #00000073}.popup-close:active{transform:translateY(-1px)scale(.95)}.popup-close:focus-visible{outline-offset:3px;outline:3px solid #ffffffe6}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.popup-overlay{padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}.popup-content{width:100%;max-width:100%;max-height:92dvh}.popup-image{border-radius:10px;max-height:88dvh}.popup-close{width:clamp(2rem,4vw,2rem);min-width:2rem;height:clamp(2rem,4vw,2rem);padding-bottom:0;font-size:24px;top:-15px;right:-15px}}@media (max-width:360px){.popup-overlay{padding:8px}.popup-close{width:40px;min-width:40px;height:40px;font-size:25px;top:6px;right:6px}}@media (hover:none){.popup-close:hover{background:#dc3545;transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.popup-overlay,.popup-content{animation:none}.popup-close{transition:none}}
html,body{scroll-behavior:smooth;width:100%;min-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}@supports (height:100dvh){html,body{min-height:100dvh}}body{background:#fff}main{width:100%;min-height:100vh}@supports (height:100dvh){main{min-height:100dvh}}.fullscreen,.hero{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}@supports (height:100dvh){.fullscreen,.hero{min-height:100dvh}}
