button.flyer-fab.flyer-fab{position:fixed;right:20px;bottom:20px;z-index:9998;width:60px;height:60px;border-radius:50%;border:0;background:#3F7F00;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s;padding:0}
button.flyer-fab.flyer-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 24px rgba(0,0,0,.3);background:#336800}
.flyer-fab:focus-visible{outline:3px solid #D0D7AC;outline-offset:3px}
.flyer-fab svg{width:30px;height:30px}
.flyer-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(26,32,44,.75);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.flyer-modal.is-open{opacity:1;visibility:visible}
.flyer-dialog{position:relative;background:#fff;border-radius:14px;padding:18px 18px 16px;max-width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:translateY(16px) scale(.97);transition:transform .3s}
.flyer-modal.is-open .flyer-dialog{transform:none}
.flyer-modal .flyer-title{margin:0;font-size:1.25rem;line-height:1.3;color:#1A202C;padding-right:40px;align-self:flex-start}
.flyer-modal button.flyer-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:#EDF2F7;color:#1A202C;font-size:24px;line-height:1;cursor:pointer}
.flyer-modal button.flyer-close:hover{background:#D0D7AC}
.flyer-tabs{display:flex;gap:6px;background:#EDF2F7;border-radius:999px;padding:4px}
.flyer-modal button.flyer-tab{border:0;background:transparent;padding:7px 20px;border-radius:999px;cursor:pointer;font-weight:600;color:#2D3748}
.flyer-modal button.flyer-tab[aria-selected="true"]{background:#3F7F00;color:#fff}
.flyer-close:focus-visible,.flyer-tab:focus-visible,.flyer-card:focus-visible{outline:3px solid #3F7F00;outline-offset:2px}
.flyer-stage{perspective:1600px}
.flyer-modal button.flyer-card{position:relative;display:block;border:0;padding:0;background:none;cursor:pointer;height:min(calc(100vh - 200px),700px);aspect-ratio:1000/1414;max-width:calc(100vw - 68px);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.flyer-card.is-flipped{transform:rotateY(180deg)}
.flyer-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.18);background:#fff}
.flyer-face--back{transform:rotateY(180deg)}
.flyer-modal .flyer-hint{margin:0;font-size:.85rem;color:#718096}
@supports not (aspect-ratio:1){.flyer-card{width:min(48vh,495px)}}
@media (max-width:600px){.flyer-dialog{padding:14px 10px 12px}.flyer-modal button.flyer-card{height:auto;width:calc(100vw - 52px);max-height:62vh}button.flyer-fab.flyer-fab{right:14px;bottom:14px;width:54px;height:54px}}
body.flyer-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.flyer-fab,.flyer-modal,.flyer-dialog,.flyer-card{transition:none}.flyer-card{transform-style:flat}.flyer-card.is-flipped{transform:none}.flyer-face--back{transform:none;display:none}.flyer-card.is-flipped .flyer-face--back{display:block}.flyer-card.is-flipped .flyer-face--front{display:none}}