html.ykmc-open,body.ykmc-open{overflow:hidden!important}
#ykmc-modal-root{position:fixed!important;inset:0;z-index:2147483000;display:none;font-family:inherit;padding:12px;box-sizing:border-box}
#ykmc-modal-root.ykmc-visible{display:flex;align-items:center;justify-content:center}
#ykmc-modal-root .ykmc-overlay{position:absolute;inset:0;background:var(--ykmc-overlay,rgba(0,0,0,.45));backdrop-filter:blur(6px)}
#ykmc-modal-root .ykmc-modal{position:relative;z-index:2;max-width:min(980px,100%);width:min(980px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:linear-gradient(135deg,var(--ykmc-modal-bg1,#0f172a),var(--ykmc-modal-bg2,#1e293b));color:#fff;border-radius:var(--ykmc-modal-radius,24px);box-shadow:0 25px 80px rgba(0,0,0,.35);overflow:auto;transform-origin:center center}
#ykmc-modal-root .ykmc-grid{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);align-items:stretch;min-height:min(420px,calc(100dvh - 24px))}
#ykmc-modal-root .ykmc-grid.no-image{grid-template-columns:1fr}

#ykmc-modal-root .ykmc-grid.ykmc-image-right .ykmc-media{order:2}
#ykmc-modal-root .ykmc-grid.ykmc-image-right .ykmc-content{order:1}
#ykmc-modal-root .ykmc-grid.ykmc-image-top{grid-template-columns:1fr}
#ykmc-modal-root .ykmc-grid.ykmc-image-top .ykmc-media{order:1;max-height:40dvh}
#ykmc-modal-root .ykmc-grid.ykmc-image-top .ykmc-content{order:2}
#ykmc-modal-root .ykmc-grid.ykmc-image-bottom{grid-template-columns:1fr}
#ykmc-modal-root .ykmc-grid.ykmc-image-bottom .ykmc-content{order:1}
#ykmc-modal-root .ykmc-grid.ykmc-image-bottom .ykmc-media{order:2;max-height:40dvh}
#ykmc-modal-root .ykmc-media{display:flex;align-items:center;justify-content:center;min-height:0;background:rgba(255,255,255,.08);padding:18px;box-sizing:border-box;overflow:hidden}
#ykmc-modal-root .ykmc-media img{display:block;max-width:100%;width:auto;height:auto;max-height:min(72dvh,760px);object-fit:contain;margin:auto}
#ykmc-modal-root .ykmc-content{padding:34px 34px 32px;text-align:var(--ykmc-align,left);display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;box-sizing:border-box}
#ykmc-modal-root .ykmc-badge{display:inline-flex;align-self:flex-start;background:var(--ykmc-badge-bg,#ef4444);color:var(--ykmc-badge-color,#fff);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.3px;box-shadow:0 10px 24px rgba(0,0,0,.15)}
#ykmc-modal-root .ykmc-title{margin:0;color:var(--ykmc-title-color,#fff);font-size:var(--ykmc-title-size,34px);font-weight:var(--ykmc-title-weight,800);line-height:1.1;word-break:break-word}
#ykmc-modal-root .ykmc-text{color:var(--ykmc-text-color,#e2e8f0);font-size:var(--ykmc-text-size,16px);font-weight:var(--ykmc-text-weight,400);line-height:1.65;word-break:break-word}
#ykmc-modal-root .ykmc-btn{display:inline-flex;align-self:flex-start;justify-content:center;align-items:center;padding:14px 20px;border-radius:var(--ykmc-button-radius,14px);background:var(--ykmc-button-bg,#22c55e);color:var(--ykmc-button-color,#fff)!important;font-weight:700;text-decoration:none;box-shadow:0 14px 28px rgba(0,0,0,.18);transition:transform .2s ease,opacity .2s ease;max-width:100%}
#ykmc-modal-root .ykmc-btn:hover{transform:translateY(-1px);opacity:.95}
#ykmc-modal-root .ykmc-coupon-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#ykmc-modal-root .ykmc-coupon-code{background:var(--ykmc-coupon-bg,#fff);color:var(--ykmc-coupon-color,#0f172a);padding:12px 16px;border-radius:14px;font-weight:800;letter-spacing:1px;min-width:160px;text-align:center;max-width:100%;word-break:break-word}
#ykmc-modal-root .ykmc-copy-btn{border:0;background:rgba(255,255,255,.16);color:#fff;padding:12px 14px;border-radius:12px;font-weight:700;cursor:pointer}
#ykmc-modal-root .ykmc-copy-btn:hover{background:rgba(255,255,255,.22)}
#ykmc-modal-root .ykmc-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:3}
#ykmc-modal-root .ykmc-close:hover{background:rgba(255,255,255,.18)}
#ykmc-modal-root .ykmc-countdown{display:flex;gap:10px;flex-wrap:wrap}
#ykmc-modal-root .ykmc-countdown>div{min-width:76px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:16px;text-align:center}
#ykmc-modal-root .ykmc-countdown strong{display:block;font-size:26px;line-height:1;color:#fff}
#ykmc-modal-root .ykmc-countdown span{display:block;margin-top:6px;font-size:12px;color:var(--ykmc-text-color,#e2e8f0)}
#ykmc-modal-root.ykmc-entry-zoom .ykmc-modal{animation:ykmcZoom .45s ease both}
#ykmc-modal-root.ykmc-entry-slideup .ykmc-modal{animation:ykmcSlideUp .45s ease both}
#ykmc-modal-root.ykmc-entry-flip .ykmc-modal{animation:ykmcFlip .55s ease both}
#ykmc-modal-root.ykmc-entry-bounce .ykmc-modal{animation:ykmcBounce .55s ease both}
#ykmc-modal-root.ykmc-entry-fade .ykmc-modal{animation:ykmcFade .4s ease both}
#ykmc-modal-root .ykmc-anim-glow{animation:ykmcGlow 2s ease-in-out infinite alternate}
#ykmc-modal-root .ykmc-anim-pulse{animation:ykmcPulse 1.8s ease-in-out infinite}
#ykmc-modal-root .ykmc-anim-wave{animation:ykmcWave 2s ease-in-out infinite}
#ykmc-modal-root .ykmc-anim-fadeup{animation:ykmcFadeUp .9s ease both}
#ykmc-modal-root .ykmc-anim-none{animation:none}
@keyframes ykmcZoom{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes ykmcSlideUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@keyframes ykmcFlip{from{opacity:0;transform:perspective(900px) rotateX(-14deg) translateY(20px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
@keyframes ykmcBounce{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes ykmcFade{from{opacity:0}to{opacity:1}}
@keyframes ykmcGlow{from{text-shadow:0 0 0 rgba(255,255,255,0)}to{text-shadow:0 0 18px rgba(255,255,255,.25)}}
@keyframes ykmcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes ykmcWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ykmcFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:991px){
  #ykmc-modal-root .ykmc-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  #ykmc-modal-root .ykmc-grid{grid-template-columns:1fr;min-height:auto}
  #ykmc-modal-root .ykmc-media{padding:14px;max-height:42dvh}
  #ykmc-modal-root .ykmc-media img{max-height:min(38dvh,420px);width:auto;height:auto;object-fit:contain}
  #ykmc-modal-root .ykmc-content{padding:22px 18px 20px;gap:14px}
  #ykmc-modal-root .ykmc-title{font-size:calc(var(--ykmc-title-size,34px) - 6px)}
}
@media (max-width:767px){
  #ykmc-modal-root{padding:8px}
  #ykmc-modal-root .ykmc-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:min(var(--ykmc-modal-radius,24px),20px)}
  #ykmc-modal-root .ykmc-media{padding:10px;max-height:36dvh;background:rgba(255,255,255,.06)}
  #ykmc-modal-root .ykmc-media img{max-width:100%;max-height:32dvh;width:auto;height:auto;object-fit:contain}
  #ykmc-modal-root .ykmc-content{padding:20px 16px 18px}
}

#ykmc-modal-root .ykmc-newsletter-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:12px}
#ykmc-modal-root .ykmc-newsletter-title{font-size:16px;font-weight:700;color:#fff}
#ykmc-modal-root .ykmc-newsletter-form{display:flex;flex-direction:column;gap:10px}
#ykmc-modal-root .ykmc-newsletter-email{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:12px 14px;outline:none}
#ykmc-modal-root .ykmc-newsletter-email::placeholder{color:rgba(255,255,255,.7)}
#ykmc-modal-root .ykmc-newsletter-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ykmc-text-color,#e2e8f0)}
#ykmc-modal-root .ykmc-newsletter-check input{margin-top:3px}
#ykmc-modal-root .ykmc-newsletter-btn{display:inline-flex;align-self:flex-start;justify-content:center;align-items:center;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;border:0;font-weight:700;cursor:pointer}
#ykmc-modal-root .ykmc-newsletter-btn:disabled{opacity:.7;cursor:wait}
#ykmc-modal-root .ykmc-newsletter-message{font-size:13px;line-height:1.4;min-height:18px}
#ykmc-modal-root .ykmc-newsletter-message.is-success{color:#86efac}
#ykmc-modal-root .ykmc-newsletter-message.is-error{color:#fca5a5}