/* ---- Layout tokens ---- */
#book-detail{--gap:32px;--pad:20px;--r:16px;--r-sm:12px;--border:#e5e7eb;--muted:#6b7280;max-width:1200px;margin:32px auto;padding:0 16px;}
#book-detail .bd-grid{display:block;}
@media (min-width:1024px){#book-detail .bd-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--gap);}}
#book-detail .bd-aside{position:static;}
@media (min-width:1024px){#book-detail .bd-aside{position:sticky;top:88px;}}
/* ---- Cards / blocks ---- */
#book-detail .bd-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:var(--pad);box-shadow:0 10px 30px rgba(2,6,23,.06);}
#book-detail .bd-soft{border-radius:var(--r-sm);border:1px solid var(--border);padding:12px;}
/* ---- Media helpers ---- */
#book-detail .bd-cover{width:100%;aspect-ratio:3/4;border-radius:14px;object-fit:cover;display:block;}
/* ---- Typo ---- */
#book-detail .bd-title{margin:0;font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.2;}
#book-detail .bd-sub{margin-top:8px;font-size:14px;color:var(--muted);}
#book-detail .bd-price{min-width:170px;text-align:right;}
#book-detail .bd-strike{text-decoration:line-through;font-size:12px;color:var(--muted);}
#book-detail .bd-strong{font-size:28px;font-weight:800;}
#book-detail .bd-small{font-size:12px;color:var(--muted);}
/* ---- Flex / grids ---- */
#book-detail .bd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#book-detail .bd-grid-3{display:grid;grid-template-columns:1fr;gap:12px;}
@media (min-width:768px){#book-detail .bd-grid-3{grid-template-columns:repeat(3,1fr);}}
#book-detail .bd-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
@media (min-width:768px){#book-detail .bd-grid-4{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1024px){#book-detail .bd-grid-4{grid-template-columns:repeat(4,1fr);}}
/* ---- Buttons (모양만) ---- */
#book-detail .bd-btn{display:inline-block;width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);text-align:center;background:#f8fafc;}
#book-detail .bd-chip{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:9999px;font-size:12px;}
#book-detail .bd-qty{display:flex;align-items:center;gap:6px;}
#book-detail .bd-qty input{width:48px;text-align:center;padding:6px 0;border:1px solid var(--border);border-radius:10px;}
#book-detail .bd-qty button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:#fff;}
/* ---- Lists ---- */
#book-detail .bd-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;}
#book-detail .bd-tab{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:14px;}
#book-detail .bd-panel{padding:16px;}
#book-detail .bd-list{padding-left:18px;margin:0;}
#book-detail .bd-list li{margin:4px 0;}
/* ---- Image card ---- */
#book-detail .bd-book{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;}
#book-detail .bd-aspect{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#eef2f7;}
#book-detail .bd-aspect img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- Tabs (radio, no JS) ---- */
#book-detail .bd-tabwrap{--tabgap:8px;}
#book-detail .bd-tabwrap input[type="radio"]{position:absolute;opacity:0;pointer-events:none;}
#book-detail .bd-tabwrap .bd-tab{
display:inline-block;margin:0 var(--tabgap) 0 0;padding:8px 12px;
border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;
}
#book-detail #bd-tab1:checked + label,
#book-detail #bd-tab2:checked + label,
#book-detail #bd-tab3:checked + label,
#book-detail #bd-tab4:checked + label{background:#f8fafc;border-color:#cbd5e1;}
#book-detail .bd-panels{margin-top:12px;border:1px solid var(--border);border-radius:12px;}
#book-detail .bd-panel{display:none;padding:16px;}
#book-detail #bd-tab1:checked ~ .bd-panels [data-tab="bd-tab1"]{display:block;}
#book-detail #bd-tab2:checked ~ .bd-panels [data-tab="bd-tab2"]{display:block;}
#book-detail #bd-tab3:checked ~ .bd-panels [data-tab="bd-tab3"]{display:block;}
#book-detail #bd-tab4:checked ~ .bd-panels [data-tab="bd-tab4"]{display:block;}