/* Dazzle Mark promotions — original visual design, responsive full-media fit.
 * Scope: promotional popup only. All administrative, checkout, OTP, and
 * discount functionality remains in the original plugin source.
 */
.dmp-backdrop{position:fixed;inset:0;background:#080a0bdd;z-index:2147482000;display:grid;place-items:center;padding:clamp(8px,2.2vw,22px);box-sizing:border-box;backdrop-filter:blur(6px)}
.dmp-dialog{position:relative;display:flex;flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);background:#f9f3e8;color:#372820;box-shadow:0 25px 90px #000c;border:1px solid #cba467;overflow:hidden;box-sizing:border-box}
.dmp-close{position:absolute;z-index:4;right:14px;top:14px;background:#221a15e8;color:#f3d7a6;border:1px solid #c1a374;border-radius:50%;width:43px;height:43px;font-size:28px;cursor:pointer}
.dmp-show{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);height:min(560px,calc(100vh - 120px));height:min(560px,calc(100dvh - 120px));min-height:0;overflow:hidden}
.dmp-offer-photo{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:#ece4d9}
.dmp-offer-photo .dmp-ad-image,.dmp-offer-photo .dmp-ad-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;background:transparent}
.dmp-offer-copy{box-sizing:border-box;min-width:0;min-height:0;padding:clamp(26px,5vw,72px);align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overflow-wrap:anywhere}
.dmp-offer-copy p{letter-spacing:3px;color:#a77b39;font:700 11px system-ui}
.dmp-offer-copy h2{font:400 clamp(35px,4.5vw,66px)/1.08 Georgia,serif;color:#32241f;margin:20px 0}
.dmp-offer-copy span{display:block;color:#54453e;line-height:1.65;font:16px system-ui}
.dmp-offer-copy a{display:inline-block;align-self:flex-start;margin-top:35px;background:#2e211d;border:1px solid #b39564;color:#f6deb0;padding:15px 21px;text-decoration:none;font:700 12px system-ui;letter-spacing:1.2px}
.dmp-bottom{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 25px;background:#271e19}
.dmp-dots{display:flex;gap:7px;flex-wrap:nowrap;min-width:0;max-width:calc(100% - 95px);overflow-x:auto;scrollbar-width:none}.dmp-dots::-webkit-scrollbar{display:none}
.dmp-dots button{border:1px solid #c7a36f;background:transparent;width:22px;height:5px;border-radius:10px;cursor:pointer;flex:0 0 auto;padding:0}
.dmp-dots button.on{background:#eac484}
.dmp-bottom>div:last-child{display:flex;flex:0 0 auto}.dmp-prev,.dmp-next{background:none;color:#f3d6a3;border:1px solid #8b7554;width:30px;height:30px;border-radius:50%;cursor:pointer;margin-left:7px}
.dmp-promo-note{padding:9px 12px;border:1px solid #b49a71;border-radius:5px;color:#28533c;background:#f9f0df;font:13px/1.5 system-ui}
.dmp-promo-note.error{color:#9c2929;border-color:#ecc2c2;background:#fff0f0}
.dmp-offer-copy a.dmp-claim-cta{display:block;width:max-content;max-width:100%;margin-top:12px;background:transparent;color:#6d4c24;border-color:#bf9c63}
/* Portrait screens: put the complete image/video above the text while keeping
 * the navigation pinned to the bottom of the popup and copy scrollable. */
@media(max-width:820px){
 .dmp-dialog{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
 .dmp-show{grid-template-columns:minmax(0,1fr);display:flex;flex-direction:column;flex:1 1 auto;height:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .dmp-offer-photo{flex:0 0 auto;width:100%;height:clamp(190px,44vh,470px);height:clamp(190px,44dvh,470px)}
 .dmp-offer-copy{flex:0 0 auto;overflow:visible;padding:clamp(20px,4.5vw,34px)}
 .dmp-offer-copy h2{font-size:clamp(32px,7vw,48px);margin:10px 0 14px}
 .dmp-offer-copy a{margin-top:18px}
 .dmp-bottom{padding:10px 16px}
}
@media(max-width:430px){.dmp-close{width:38px;height:38px;right:9px;top:9px;font-size:24px}.dmp-offer-copy{padding:18px 20px 23px}.dmp-offer-copy span{font-size:14px}.dmp-offer-copy h2{font-size:clamp(30px,9vw,40px)}}
@media(max-height:430px) and (min-width:821px){.dmp-show{height:calc(100dvh - 95px)}.dmp-offer-copy{padding:25px}.dmp-offer-copy h2{font-size:34px;margin:8px 0}.dmp-offer-copy a{margin-top:10px}}