/* Scoped to the September campaign; the flyer keeps its full 2:3 format. */
.offer-reopen[hidden],.offer-popup:not([open]){display:none}
.offer-reopen{
  display:inline-flex;align-items:center;gap:10px;margin-top:18px;
  padding:9px 13px;border:1px solid rgba(233,168,75,.32);border-radius:10px;
  background:rgba(21,17,11,.72);color:var(--pearl);font:600 .84rem/1.4 'Inter',system-ui,sans-serif;
  text-align:left;cursor:pointer;
}
.offer-reopen span{color:var(--lime);font-weight:800}
.offer-reopen svg{width:17px;height:17px;flex:none;color:var(--lime)}
.offer-reopen:hover{background:var(--ink-2);border-color:var(--lime)}
.offer-reopen:focus-visible,.offer-popup-close:focus-visible,.offer-popup-cta:focus-visible{
  outline:3px solid var(--lime);outline-offset:4px;
}
.offer-popup{
  position:fixed;inset:0;margin:auto;padding:0;
  width:min(480px,calc(100vw - 24px),calc(66.667vh - 64px));
  width:min(480px,calc(100vw - 24px),calc(66.667dvh - 64px));
  max-width:none;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);
  overflow:auto;overscroll-behavior:contain;
  border:1px solid rgba(233,168,75,.45);border-radius:16px;
  background:#0b0906;color:var(--pearl);box-shadow:0 28px 100px rgba(0,0,0,.6);
}
.offer-popup[open]{animation:offer-appear .22s ease-out both}
.offer-popup::backdrop{background:rgba(3,3,3,.78);backdrop-filter:blur(6px)}
.offer-popup-media{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#080705}
.offer-popup-poster,.offer-popup-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.offer-popup-video{opacity:0;pointer-events:none}
.offer-popup.is-playing .offer-popup-video{opacity:1}
.offer-popup-close{
  position:absolute;top:8px;right:8px;z-index:2;
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  border:1px solid rgba(255,255,255,.3);border-radius:50%;
  background:rgba(12,10,7,.9);color:#fff;cursor:pointer;
  box-shadow:0 3px 14px rgba(0,0,0,.35);
}
.offer-popup-close:hover{background:#2c2011;border-color:var(--lime)}
.offer-popup-close svg{width:22px;height:22px}
.offer-popup-close:focus-visible{outline-offset:-5px}
.offer-popup-actions{padding:12px;background:#15110b;border-top:1px solid rgba(233,168,75,.22)}
.offer-popup-cta{display:flex;width:100%;height:46px;justify-content:center;padding:10px 14px;border-radius:10px;font-size:.9rem;box-shadow:none}
.offer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.offer-modal-open{overflow:hidden;scroll-behavior:auto}
.offer-modal-open body{position:fixed;top:var(--offer-scroll-top);left:0;width:100%;overflow:hidden;padding-right:var(--offer-scrollbar)}
#kontakt{scroll-margin-top:88px}
@keyframes offer-appear{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:360px){.offer-reopen{gap:7px;padding:9px 10px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.offer-popup[open]{animation:none}.offer-popup-video{display:none}}