.manga-purchase { margin: 24px 0; padding: clamp(16px,3vw,28px); border: 1px solid #37506b; border-radius: 16px; background: #101d2d; color: #e4edf8; scroll-margin-top: 20px; min-width:0; max-width:100%; }
.manga-purchase [hidden] { display:none !important; }
.manga-purchase h2 { margin: 4px 0 12px; font-size: clamp(1.2rem,3vw,1.6rem); line-height: 1.5; }
.manga-purchase h3 { margin:0 0 8px; font-size:1.1rem; }
.manga-purchase p { line-height:1.8; }
.manga-purchase-heading > p:last-child { color:#bfcee1; font-size:.9rem; }
.manga-purchase-heading span { display:inline-block; }
.manga-purchase-controls { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px 0; }
.manga-purchase-controls label { display:block; margin-bottom:6px; color:#cedbee; font-size:.9rem; }
.manga-purchase-controls select { min-height:46px; min-width:100px; padding:8px 28px 8px 12px; color:#edf6ff; border:1px solid #60768e; border-radius:8px; background:#14283c; font:inherit; }
.manga-purchase-range-separator { align-self:end; padding-bottom:12px; }
.manga-purchase button,.manga-purchase-button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:10px 14px; border:1px solid #57d8d5; border-radius:8px; background:#16363f; color:#9cf6f1; font:inherit; font-weight:600; text-decoration:none; cursor:pointer; line-height:1.6; text-align:center; }
.manga-purchase button:hover,.manga-purchase-button:hover { background:#20505a; }
.manga-purchase :is(a,button,select,summary,textarea):focus-visible { outline:3px solid #f2d076; outline-offset:3px; }
.manga-purchase-range { font-size:1.1rem; font-weight:700; }
.manga-purchase-totals,.manga-purchase-shops { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.manga-purchase-total,.manga-purchase-shop { padding:18px; border:1px solid #344b65; border-radius:12px; background:#142439; min-width:0; }
.manga-purchase-total>p { margin:0 0 12px; color:#bbcce0; font-size:.9rem; }
.manga-purchase-total strong { display:block; font-size:clamp(1.1rem,3vw,1.65rem); line-height:1.6; overflow-wrap:anywhere; color:#f0f6ff; }
.manga-purchase-total small { display:block; margin:8px 0 16px; color:#bacce0; line-height:1.6; }
.manga-purchase-difference { color:#abf1df; font-weight:600; }
.manga-purchase-note { color:#b8c9de; font-size:.85rem; }
.manga-purchase-shops { margin-top:20px; }
.manga-purchase-shop { scroll-margin-top:20px; }
.manga-purchase-shop .manga-purchase-button { width:100%; }
.manga-purchase-secondary { margin:20px 0; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.manga-purchase-secondary>a { min-height:44px; display:inline-flex; align-items:center; color:#91eae6; text-decoration:underline; }
.manga-purchase-secondary>p { width:100%; margin:0; }
.manga-purchase-secondary textarea { width:100%; min-height:110px; padding:12px; color:#e4edf8; background:#0b1827; border:1px solid #60768e; font:inherit; }
.manga-purchase-prices { border-top:1px solid #37506b; padding-top:16px; }
.manga-purchase-prices summary { min-height:44px; padding:8px 0; color:#e4edf8; font-weight:600; cursor:pointer; line-height:1.8; }
.manga-purchase-table-scroll { overflow-x:auto; margin-top:12px; border:1px solid #37506b; border-radius:8px; }
.manga-purchase table { width:100%; min-width:0; border-collapse:collapse; font-size:.85rem; table-layout:fixed; }
.manga-purchase caption { text-align:left; padding:12px; line-height:1.7; background:#0d1929; }
.manga-purchase th,.manga-purchase td { padding:12px 10px; text-align:left; vertical-align:top; border-bottom:1px solid #37506b; overflow-wrap:anywhere; }
.manga-purchase thead th { background:#1d334a; }
.manga-purchase th:first-child { width:16%; }
.manga-purchase td small,.manga-purchase td a { display:block; line-height:1.7; margin-top:6px; }
.manga-purchase td small { color:#bdcde0; }
.manga-purchase td a { color:#8fe9e4; text-decoration:underline; min-height:36px; padding-top:5px; }
.manga-purchase tr.is-selected { background:rgba(58,169,171,.1); }
.manga-purchase-error { color:#ffd3bf; border-left:3px solid #ffbc9f; padding:10px; }
.manga-purchase.has-range-error .manga-purchase-totals,.manga-purchase.has-range-error .manga-purchase-difference { opacity:.45; }
.manga-purchase .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:650px) { .manga-purchase-totals,.manga-purchase-shops { grid-template-columns:minmax(0,1fr); } .manga-purchase-controls { gap:10px; } .manga-purchase-controls button { flex-basis:100%; } .manga-purchase-total,.manga-purchase-shop { padding:14px; } .manga-purchase td,.manga-purchase th { padding:10px 7px; } }