/* 상품 상세 공통 템플릿 v1 (2026-10-05) — 홈 v7 토큰과 동일 */
.dt1{font-family:'Noto Sans KR',system-ui,sans-serif;color:#18213F;word-break:keep-all;overflow-wrap:break-word;padding:0 20px;margin:18px auto 8px;max-width:760px}
.dt1 *{box-sizing:border-box}
.dt1-in{background:#FFFFFF;border:1px solid #ECEEF4;border-radius:22px;box-shadow:0 4px 16px rgba(31,42,85,.055);padding:22px 20px}
.dt1-tag{display:inline-block;padding:3px 9px;border-radius:8px;background:#EEF5FF;color:#285493;font-size:12px;font-weight:700}
.dt1-q{margin:10px 0 6px;font-size:22px;line-height:31px;font-weight:700;letter-spacing:-0.025em;color:#18213F}
.dt1-hook{margin:0;font-size:15px;line-height:23px;color:#5D6478}
.dt1-card{margin-top:16px;padding:16px 18px;border-radius:16px;background:#F7F8FC}
.dt1-card b{display:block;font-size:15px;margin-bottom:8px;color:#18213F}
.dt1-card ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:22px;color:#18213F}
.dt1-basis{margin:14px 0 0;font-size:13px;line-height:20px;color:#5D6478}
.dt1-basis b{color:#18213F;margin-right:4px}
.dt1-note{margin:8px 0 0;font-size:12px;line-height:18px;color:#6B7088}
.dt1-bar{position:fixed;left:0;right:0;bottom:0;z-index:9980;background:rgba(255,255,255,.97);border-top:1px solid #E3E6EF;padding:10px 16px calc(10px + env(safe-area-inset-bottom));font-family:'Noto Sans KR',system-ui,sans-serif;transition:transform .2s ease}
.dt1-bar.dt1-hide{transform:translateY(110%)}
.dt1-bar-in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px}
.dt1-money{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.dt1-bal{font-size:12px;color:#5D6478}
.dt1-price{font-size:15px;font-weight:700;color:#18213F}
.dt1-go{flex:0 0 auto;height:50px;padding:0 20px;border:0;border-radius:16px;background:#1F2A55;color:#FFFFFF;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}
.dt1-go:active{background:#151D3D;transform:scale(.98)}
.dt1-go:focus-visible{outline:3px solid rgba(49,88,216,.28);outline-offset:2px}
/* 기존 하드코딩 가격 표시(₩0,000 · 단건 결제)는 숨기고 하단 바로 대체 */
.dt1-on .page-header .price-badge{display:none !important}
.dt1-on #supportFloat{bottom:96px !important}
.dt1-on body{padding-bottom:84px}
@media (min-width:768px){.dt1-q{font-size:26px;line-height:36px}.dt1-in{padding:28px}}