.bandana-popup.bandana-popup--photo{box-sizing:border-box;position:fixed;inset:0;margin:auto;border:0;padding:0;width:min(460px,60vh);width:min(460px,60dvh);max-width:calc(100% - 32px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;background:#fff8f0;color:#000;border-radius:8px}
.bandana-popup.bandana-popup--photo[open]{display:flex;flex-direction:column}
.bandana-popup--photo .bandana-popup__photo{box-sizing:border-box;flex:0 0 auto;width:100%;aspect-ratio:1199 / 710;overflow:hidden;border-bottom:3px solid #c50046}
.bandana-popup--photo .bandana-popup__photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.bandana-popup--photo .bandana-popup__close{position:absolute;z-index:2;right:8px;top:8px;margin:0}
.bandana-popup--photo .bandana-popup__close button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #000;border-radius:50%;background:#fff8f0;color:#000;font-size:30px;line-height:1;cursor:pointer}
.bandana-popup__content{box-sizing:border-box;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;text-align:center}
.bandana-popup__content h2{margin:0 0 10px;color:#000;font-family:var(--font-heading-family);font-weight:700;font-size:24px;font-size:clamp(22px,3.6dvh,26px);line-height:1.08;letter-spacing:-.025em}
.bandana-popup__content p{margin:0;color:#000;line-height:1.3}
.bandana-popup__content .bandana-popup__offer{font-family:var(--font-heading-family);font-size:16px;font-weight:700}
.bandana-popup__content .bandana-popup__choice{margin:4px 0 8px;font-size:14px}
.bandana-popup__content .bandana-popup__code{display:table;margin:0 auto 10px;padding:4px 16px;border:1.5px solid #000;border-radius:100px;background:transparent;color:#000;font-size:15px;font-weight:700;text-transform:none}
.bandana-popup__cta,.bandana-popup__cta:visited{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:0 auto 10px;padding:12px 16px;border:1px solid #000;border-radius:100px;background:#000;color:#fff;font-family:var(--font-heading-family);font-size:18px;font-weight:700;line-height:1.2;text-decoration:none;text-transform:none;transition:background-color .2s}
.bandana-popup__cta:hover{background:#262626;border-color:#262626;color:#fff}
.bandana-popup__cta:focus-visible{outline:2px solid #000;outline-offset:3px}
.bandana-popup__content .bandana-popup__steps{max-width:400px;margin:0 auto 8px;font-size:13px}
.bandana-popup__content .bandana-popup__terms{font-size:11px}
@media(max-width:480px){.bandana-popup.bandana-popup--photo{max-width:calc(100% - 24px)}.bandana-popup__content{padding:14px 14px 16px}.bandana-popup__content h2{font-size:23px;margin-bottom:8px}.bandana-popup__cta{font-size:17px}.bandana-popup__content .bandana-popup__steps{font-size:12.5px}}
@media(min-width:600px) and (max-height:500px){.bandana-popup.bandana-popup--photo{width:min(680px,calc(100vw - 48px));height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:420px}.bandana-popup.bandana-popup--photo[open]{display:grid;grid-template-columns:42% 58%;grid-template-rows:minmax(0,1fr)}.bandana-popup--photo .bandana-popup__photo{height:100%;min-height:0;aspect-ratio:auto;border-bottom:0;border-right:3px solid #c50046}.bandana-popup__content{padding:44px 16px 12px}.bandana-popup__content h2{font-size:22px}.bandana-popup__content .bandana-popup__offer{font-size:15px}}

@media(max-width:360px){.bandana-popup__content{padding:12px}.bandana-popup__content h2{font-size:21px}.bandana-popup__content .bandana-popup__steps{font-size:12px}.bandana-popup__content .bandana-popup__terms{font-size:10.5px}}