:root{--bbk-bg:#f5f5f7;--bbk-card:#ffffff;--bbk-text:#171717;--bbk-muted:#6b7280;--bbk-line:#e5e7eb;--bbk-primary:#111827;--bbk-radius:22px;--bbk-shadow:0 18px 45px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bbk-bg);color:var(--bbk-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.bbk-mobile-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(255,255,255,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--bbk-line)}.bbk-brand{display:flex;align-items:center;gap:10px;font-weight:800}.bbk-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#111827;color:#fff;font-size:13px}.bbk-header-actions{display:flex;align-items:center;gap:8px;font-size:13px}.bbk-icon-link,.bbk-cart-link{padding:9px 11px;background:#fff;border:1px solid var(--bbk-line);border-radius:999px}.bbk-cart-link{background:#111827;color:#fff}.bbk-page-shell{width:min(1160px,100%);margin:0 auto;padding:18px 14px 34px}.bbk-hero{display:grid;grid-template-columns:1.6fr .9fr;gap:18px;align-items:stretch;margin-top:10px}.bbk-hero>div,.bbk-hero-card,.bbk-detail-card,.bbk-filter-bar,.bbk-section{background:var(--bbk-card);border:1px solid var(--bbk-line);border-radius:var(--bbk-radius);box-shadow:var(--bbk-shadow)}.bbk-hero>div{padding:30px}.bbk-hero h1,.bbk-listing-head h1,.bbk-detail-info h1{margin:0 0 10px;font-size:clamp(30px,5vw,56px);line-height:1.03;letter-spacing:-.04em}.bbk-hero p,.bbk-listing-head p{color:var(--bbk-muted);line-height:1.55}.bbk-eyebrow{margin:0 0 10px;color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.bbk-hero-actions,.bbk-card-actions,.bbk-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.bbk-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 16px;font-weight:800;font-size:14px}.bbk-btn-primary{background:var(--bbk-primary);color:#fff}.bbk-btn-muted{background:#f3f4f6;color:#111827}.bbk-hero-card{display:flex;flex-direction:column;justify-content:end;padding:26px;background:linear-gradient(145deg,#fff,#eef2ff)}.bbk-hero-card span{color:var(--bbk-muted);font-weight:700}.bbk-hero-card strong{font-size:28px;letter-spacing:-.03em;margin-top:8px}.bbk-section{padding:18px;margin-top:18px}.bbk-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bbk-section-head h2{margin:0;font-size:24px;letter-spacing:-.03em}.bbk-section-head a{color:#2563eb;font-weight:800}.bbk-category-pills{display:flex;gap:10px;flex-wrap:wrap}.bbk-category-pills a{padding:10px 13px;background:#f8fafc;border:1px solid var(--bbk-line);border-radius:999px;font-weight:700}.bbk-book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bbk-book-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bbk-line);border-radius:20px;overflow:hidden;min-width:0}.bbk-book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;background:#f3f4f6}.bbk-book-info{padding:12px}.bbk-book-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:900;line-height:1.2;min-height:38px}.bbk-book-author,.bbk-book-meta{color:var(--bbk-muted);font-size:13px}.bbk-book-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbk-book-meta{display:flex;gap:8px;flex-wrap:wrap}.bbk-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bbk-original-price{text-decoration:line-through;color:#9ca3af;font-size:13px}.bbk-sale-price{font-size:18px}.bbk-listing-head{padding:14px 2px}.bbk-filter-bar{padding:14px;margin:10px 0 18px}.bbk-filter-main,.bbk-filter-secondary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bbk-filter-main input,.bbk-filter-secondary select{border:1px solid var(--bbk-line);border-radius:14px;padding:12px 13px;background:#fff;min-height:44px}.bbk-filter-main input:first-child{flex:1;min-width:220px}.bbk-clear-link{font-weight:800;color:#64748b}.bbk-view-toggle{margin-left:auto;display:flex;background:#f3f4f6;border-radius:999px;padding:4px}.bbk-view-toggle button{border:0;background:transparent;border-radius:999px;padding:8px 12px;font-weight:800}.bbk-view-toggle button.is-active{background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.08)}.bbk-book-grid.is-list{grid-template-columns:1fr}.bbk-book-grid.is-list .bbk-book-card{flex-direction:row}.bbk-book-grid.is-list .bbk-cover-link{width:130px;flex:0 0 130px}.bbk-book-grid.is-list .bbk-book-cover{height:190px}.bbk-detail-card{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:22px}.bbk-detail-cover{width:100%;border-radius:18px;box-shadow:var(--bbk-shadow);background:#f3f4f6}.bbk-detail-author{font-size:18px;color:var(--bbk-muted)}.bbk-detail-price .bbk-sale-price{font-size:28px}.bbk-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.bbk-specs div{background:#f8fafc;border:1px solid var(--bbk-line);border-radius:16px;padding:12px}.bbk-specs dt{font-size:12px;color:var(--bbk-muted);font-weight:800;text-transform:uppercase}.bbk-specs dd{margin:4px 0 0;font-weight:800}.bbk-back-link{display:inline-block;margin:10px 0 12px;color:#2563eb;font-weight:900}.bbk-description p{color:#374151;line-height:1.7}.bbk-pagination{margin-top:18px}.bbk-empty{padding:20px;color:var(--bbk-muted)}.bbk-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;width:min(1160px,100%);margin:0 auto 26px;padding:16px;color:#6b7280}.bbk-footer nav{display:flex;gap:14px}@media(max-width:850px){.bbk-hero,.bbk-detail-card{grid-template-columns:1fr}.bbk-book-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bbk-page-shell{padding:12px 10px 28px}.bbk-hero>div{padding:22px}.bbk-mobile-header{align-items:flex-start}.bbk-header-actions{overflow:auto;max-width:55vw}.bbk-detail-card{padding:16px}.bbk-detail-cover-wrap{max-width:260px;margin:auto}.bbk-specs{grid-template-columns:1fr}.bbk-filter-main,.bbk-filter-secondary{align-items:stretch}.bbk-filter-main input,.bbk-filter-main button,.bbk-filter-secondary select{width:100%}.bbk-view-toggle{margin-left:0}.bbk-book-grid.is-list .bbk-cover-link{width:110px;flex-basis:110px}.bbk-book-grid.is-list .bbk-book-cover{height:165px}.bbk-card-actions .bbk-btn{padding:9px 12px;font-size:13px}}