.nari-popup-wrap{position:fixed;z-index:9000;left:24px;bottom:24px;display:flex;align-items:flex-end;gap:16px;max-width:calc(100vw - 48px)}.nari-popup-card{width:320px;max-width:100%;background:#fff;border:1px solid #e8e7e0;border-radius:16px;box-shadow:0 12px 35px #0002;overflow:hidden;font-family:Arial,'Noto Sans KR',sans-serif}.nari-popup-tag{padding:15px 20px;background:#f5f3ed;color:#6fa81f;font-size:12px;font-weight:700;letter-spacing:2px}.nari-popup-content{padding:25px 20px 22px}.nari-popup-content h2{font-size:23px;line-height:1.3;color:#252525;margin:0 0 12px}.nari-popup-content p{font-size:14px;line-height:1.7;color:#555;margin:0 0 22px}.nari-popup-action{background:#7eba27;color:white;border:0;border-radius:8px;padding:13px 15px;width:100%;font-size:14px;font-weight:700;cursor:pointer}.nari-popup-action:hover{background:#6fa81f}.nari-popup-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#fafaf7;border-top:1px solid #eee;font-size:12px;color:#666}.nari-popup-bottom label{display:flex;align-items:center;gap:5px;cursor:pointer}.nari-popup-close{border:0;background:transparent;color:#555;cursor:pointer;font-size:12px}@media(max-width:720px){.nari-popup-wrap{left:12px;right:12px;bottom:12px;max-width:none;flex-direction:column;align-items:stretch;gap:10px;max-height:85dvh;overflow:auto}.nari-popup-card{width:100%}.nari-popup-tag{padding:9px 16px}.nari-popup-content{padding:14px 16px}.nari-popup-content h2{font-size:19px;margin-bottom:6px}.nari-popup-content p{margin-bottom:12px;font-size:13px}.nari-popup-action{padding:10px}}
.nari-popup-card>.nari-popup-action{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.nari-popup-card>.nari-popup-action:hover{background:transparent}.nari-popup-card>.nari-popup-action img{width:100%;height:auto;display:block}

/* Popups: top-center placement, borderless image, independent close controls */
.nari-popup-wrap{left:50%;top:112px;bottom:auto;transform:translateX(-50%);align-items:flex-start;max-width:calc(100vw - 32px)}
.nari-popup-card{position:relative;border:0;background:transparent;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.nari-popup-top-close{position:absolute;z-index:2;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.nari-popup-top-close:hover{background:rgba(0,0,0,.5)}
.nari-popup-bottom{border:0;background:#f5f3ed}
@media(max-width:720px){.nari-popup-wrap{left:50%;right:auto;top:72px;bottom:auto;transform:translateX(-50%);width:calc(100vw - 24px);max-height:calc(100dvh - 88px);overflow:auto}.nari-popup-card{flex-shrink:0}}

/* 1.5x larger desktop promotional cards (320px → 480px) */
@media(min-width:721px){.nari-popup-card{width:480px;flex:0 0 480px}.nari-popup-wrap{max-width:calc(100vw - 32px);gap:16px;max-height:calc(100dvh - 128px);overflow-y:auto}}

/* Right-side staggered popup layout: sale behind left, welcome in front right */
@media (min-width: 1000px) {
  .nari-popup-wrap {
    left: auto;
    right: 24px;
    top: 86px;
    bottom: auto;
    transform: none;
    display: block;
    width: min(800px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 96px);
    overflow: visible;
    pointer-events: none;
  }
  .nari-popup-card {
    position: absolute;
    top: 0;
    width: min(480px, 60%);
    max-width: none;
    flex: none;
    pointer-events: auto;
  }
  .nari-popup-card:nth-child(1) { left: 0; z-index: 1; }
  .nari-popup-card:nth-child(2) { right: 0; z-index: 2; }
  .nari-popup-card:only-child { right: 0; left: auto; z-index: 2; }
}
/* Medium screens: keep both cards visible without clipping */
@media (min-width: 721px) and (max-width: 999px) {
  .nari-popup-wrap {
    left: auto;
    right: 16px;
    top: 80px;
    bottom: auto;
    transform: none;
    display: flex;
    gap: 12px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 90px);
    overflow: auto;
  }
  .nari-popup-card { width: min(42vw, 390px); flex: 0 0 min(42vw, 390px); }
}

/* Final placement: welcome coupon left and slightly higher; special offer right and slightly lower. */
@media (min-width: 1000px) {
  .nari-popup-card:nth-child(1) { left: auto; right: 0; top: 28px; z-index: 1; }
  .nari-popup-card:nth-child(2) { left: 0; right: auto; top: 0; z-index: 2; }
  .nari-popup-card:only-child { left: auto; right: 0; top: 0; }
}