/* 썸머시그널 홍보 팝업 (호주장터 첫 화면). 모바일=하단 시트, 태블릿/데스크톱=가운데 카드. */
.ssp-root{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;font-family:inherit;-webkit-text-size-adjust:100%}
.ssp-root[hidden]{display:none}
.ssp-backdrop{position:absolute;inset:0;background:rgba(32,16,28,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease}
.ssp-card{position:relative;width:min(540px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fffaf6;color:#3a2230;box-shadow:0 24px 70px rgba(40,10,30,.35);transform:translateY(14px) scale(.98);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.ssp-root.is-open .ssp-backdrop{opacity:1}
.ssp-root.is-open .ssp-card{transform:none;opacity:1}

.ssp-media{position:relative;display:block;flex:none;aspect-ratio:16/9;background:#f3b58f;overflow:hidden}
.ssp-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ssp-media:hover img{transform:scale(1.02)}
.ssp-media::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,rgba(255,250,246,.9),rgba(255,250,246,0))}

.ssp-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(30,12,24,.48);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ssp-close:hover{background:rgba(30,12,24,.68)}
.ssp-close svg{width:18px;height:18px}

.ssp-body{display:flex;flex-direction:column;gap:10px;padding:6px 26px 22px;overflow-y:auto;overscroll-behavior:contain}
.ssp-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#c0617a}
.ssp-title{margin:0;font-size:1.6rem;line-height:1.3;font-weight:800;letter-spacing:-.03em;color:#3a2230;word-break:keep-all}
.ssp-title small{display:block;margin-top:2px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:#8a5a6c}
.ssp-desc{margin:2px 0 0;font-size:.92rem;line-height:1.7;color:#5f4552;word-break:keep-all}
.ssp-meta{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.ssp-meta li{padding:4px 10px;border-radius:999px;background:#fbe6dc;color:#9b4a5f;font-size:.76rem;font-weight:600}

.ssp-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:8px;padding:12px 18px;border-radius:14px;background:linear-gradient(100deg,#f08a6b 0%,#e0607e 55%,#a45ab8 100%);color:#fff;font-size:1rem;font-weight:800;text-decoration:none;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(224,96,126,.32);transition:transform .15s ease,box-shadow .15s ease}
.ssp-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(224,96,126,.4);color:#fff}
.ssp-cta svg{width:18px;height:18px;flex:none}

.ssp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 18px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #f2e2da;background:#fff6f0}
.ssp-foot button{min-height:44px;padding:8px 10px;border:0;background:none;color:#8a6a78;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;border-radius:10px}
.ssp-foot button:hover{background:#f8e7de;color:#3a2230}
.ssp-root :focus-visible{outline:3px solid #e0607e;outline-offset:2px}
.ssp-card:focus{outline:none}

/* 휴대폰: 아래에서 올라오는 시트, 큰 버튼 */
@media (max-width:640px){
  .ssp-root{align-items:flex-end;padding:0}
  .ssp-card{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1}
  .ssp-root.is-open .ssp-card{transform:none}
  .ssp-body{padding:4px 20px 16px}
  .ssp-title{font-size:1.4rem}
  .ssp-desc{font-size:.9rem}
  .ssp-cta{min-height:54px}
}
/* 가로로 눕힌 휴대폰 등 낮은 화면: 이미지 왼쪽, 내용 오른쪽으로 나란히 */
@media (max-height:560px) and (min-width:600px){
  .ssp-root{align-items:center;padding:12px}
  .ssp-card{display:grid;grid-template-columns:44% 1fr;grid-template-rows:1fr auto;width:min(760px,100%);max-height:calc(100dvh - 24px);border-radius:18px;transform:translateY(10px);opacity:0}
  .ssp-root.is-open .ssp-card{transform:none;opacity:1}
  .ssp-media{grid-row:1 / span 2;aspect-ratio:auto;height:100%}
  .ssp-media::after{inset:0 0 0 auto;width:30%;height:auto;background:linear-gradient(to left,rgba(255,250,246,.85),rgba(255,250,246,0))}
  .ssp-close{left:12px;right:auto}
  .ssp-body{gap:6px;padding:16px 18px 10px}
  .ssp-title{font-size:1.3rem}
  .ssp-desc{display:none}
  .ssp-cta{min-height:48px;margin-top:4px}
  .ssp-foot{padding:4px 12px calc(4px + env(safe-area-inset-bottom))}
}
/* 아주 낮고 좁은 화면 */
@media (max-height:560px) and (max-width:599px){
  .ssp-media{aspect-ratio:auto;height:30vh}
  .ssp-desc,.ssp-meta{display:none}
}
@media (min-width:1200px){
  .ssp-card{width:580px}
  .ssp-title{font-size:1.75rem}
}
@media (prefers-reduced-motion:reduce){
  .ssp-backdrop,.ssp-card,.ssp-media img,.ssp-cta{transition:none}
}