/* 장바구니(= 동시구독 담기) — 카드 버튼 · 메뉴바 개수 배지 · 안내 띠
   2026-09-30, 세 몰 공통. 짝은 js/sop-cart.js.
   ⚠ 카드 버튼은 <a class="…-card"> '바깥 형제'다 — 안에 넣으면 중첩 위반으로 카드가 깨진다. */

/* ── 카드 버튼 ── */
.sop-card-btns{display:grid;grid-template-columns:auto 1fr;gap:6px;margin-top:8px}
.sop-card-btns .sop-card-apply{margin-top:0}

.sop-card-cart{
  display:block;margin:8px 0 0;padding:11px 12px;box-sizing:border-box;
  border:1.5px solid #d7ddea;border-radius:10px;background:#fff;
  font-family:'Samsung One Korean','Malgun Gothic',sans-serif;font-size:14px;font-weight:700;
  color:#5b6076;line-height:1.2;cursor:pointer;white-space:nowrap;
  transition:background .15s,color .15s,border-color .15s}
.sop-card-btns .sop-card-cart{margin-top:0}
.sop-card-cart:hover,.sop-card-cart:focus{border-color:var(--sop-blue,#1428a0);color:var(--sop-blue,#1428a0)}
.sop-card-cart.on{background:var(--sop-blue,#1428a0);border-color:var(--sop-blue,#1428a0);color:#fff}
.sop-card-cart:active{transform:translateY(1px)}
@media (max-width:768px){
  /* 손가락으로 누르는 칸이라 44px 이상 (2026-09-30 실기기 점검 — 종전 36px 이었다) */
  .sop-card-btns{gap:5px}
  .sop-card-cart,.sop-card-btns .sop-card-apply{min-height:44px;padding:9px;font-size:13px;border-radius:9px}
}
@media (max-width:360px){
  .sop-card-btns{grid-template-columns:1fr}   /* 두 버튼을 한 줄에 못 넣는 폭 */
}

/* ── 상단 메뉴바 개수 배지 ── */
.sop-cart-cnt{
  display:inline-block;min-width:17px;height:17px;margin-left:5px;padding:0 5px;
  border-radius:9999px;background:#e8342d;color:#fff;
  font-size:11px;font-weight:700;font-style:normal;line-height:17px;text-align:center;vertical-align:1px}

/* ── 안내 띠 ──
   ⚠ z-index 는 솔루션 GNB 9600 위, 리뷰 팝업 10000 아래 (동시구독 모달 9700 과 같은 층) */
.sop-cart-toast{
  position:fixed;left:50%;bottom:-80px;transform:translateX(-50%);z-index:9700;
  display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);
  padding:13px 18px;border-radius:12px;background:rgba(17,19,24,.94);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  font-family:'Samsung One Korean','Malgun Gothic',sans-serif;font-size:14px;color:#fff;
  opacity:0;transition:bottom .25s,opacity .25s;pointer-events:none;white-space:nowrap}
.sop-cart-toast.on{bottom:96px;opacity:1;pointer-events:auto}
.sop-cart-toast a{flex:none;color:#8ec5ff;font-weight:700;text-decoration:none}
.sop-cart-toast a:hover{text-decoration:underline}
@media (max-width:768px){
  .sop-cart-toast{gap:10px;padding:12px 14px;font-size:13px;white-space:normal}
  .sop-cart-toast.on{bottom:86px}   /* 하단 고정 바 위 */
}