.shop-banner{background:linear-gradient(120deg,#111827,#20304b);color:#fff;border-radius:23px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:25px}.shop-banner .mini-label{color:#a7f3d0}.shop-banner h2{font-size:30px;line-height:1.35;margin:9px 0}.shop-banner p{font-size:13px;color:#c7d2de}.shop-banner .btn b{background:#fff;color:var(--ink);border-radius:20px;min-width:24px;text-align:center}.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-product{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.shop-cover-wrap{height:260px;background:linear-gradient(145deg,var(--bg),#e3eee9);display:grid;place-items:center}.shop-cover-wrap .book-cover{height:205px}.shop-product-body{padding:20px}.shop-product-body h2{font-size:18px;margin:10px 0 5px}.shop-product-body p{font-size:13px;color:var(--muted);min-height:44px}.shop-product-buy{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px}.shop-product-buy>strong{font-size:21px}.shop-product-buy .btn{font-size:11px;padding:9px 11px}.cart-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:22px;align-items:start}.cart-page-list{padding:8px 23px}.cart-page-row{display:grid;grid-template-columns:75px 1fr auto 100px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-page-row:last-child{border:0}.cart-mini-cover{height:92px;border-radius:7px;padding:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center}.cart-mini-cover.gold{background:var(--gold);color:var(--ink)}.cart-mini-cover.coral{background:var(--accent);color:var(--ink)}.cart-page-info h2{font-size:16px}.cart-page-info p{font-size:12px;color:var(--muted)}.cart-page-info button{background:none;color:var(--red);font-size:11px;padding:5px 0}.cart-page-qty{display:flex;align-items:center;gap:10px}.cart-page-qty button{width:31px;height:31px;border-radius:8px;background:var(--bg);font-size:18px}.cart-page-row>strong{text-align:right}.cart-summary{position:sticky;top:20px}.cart-summary>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;font-size:13px;border-bottom:1px solid var(--line)}.cart-summary .cart-grand{align-items:center;border:0;padding:20px 0}.cart-grand strong{font-size:24px;color:var(--brand-d)}.cart-summary>p{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.empty-cart{text-align:center;padding:60px 25px}.empty-cart>div svg{width:50px;height:50px;color:var(--muted)}.empty-cart h2{margin:14px 0 5px}.empty-cart p{color:var(--muted);margin-bottom:20px}@media(max-width:1050px){.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:600px){.shop-banner{display:block;padding:25px}.shop-banner h2{font-size:25px}.shop-banner .btn{margin-top:18px}.shop-products{grid-template-columns:1fr}.cart-page-list{padding:4px 17px}.cart-page-row{grid-template-columns:58px 1fr auto;gap:11px}.cart-mini-cover{height:76px;font-size:9px}.cart-page-qty{grid-column:2}.cart-page-row>strong{grid-column:3;grid-row:2}.cart-trigger{gap:5px}.cart-trigger b{min-width:20px;text-align:center}.top-actions{gap:8px}}
/* 22 ก.ย. 2569 ร้านหนังสือ: ปกหนังสือจริง · การ์ดแบบร้านหนังสือ */
body #main .kb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:14px}
body #main .kb-book{background:#fff;border:1px solid #F0E3D2;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 18px #172A4614;transition:transform .15s,box-shadow .15s}
body #main .kb-book:hover{transform:translateY(-4px);box-shadow:0 12px 26px #172A4622}
body #main .kb-cover{position:relative;display:block;background:linear-gradient(160deg,#FBF1E4,#F7E7CE);padding:16px 16px 12px}
body #main .kb-cover img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px 10px 10px 6px;box-shadow:-3px 0 0 #00000014,0 8px 16px #172A4633}
body #main .kb-level{position:absolute;top:10px;right:10px;background:#C32148;color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;box-shadow:0 2px 6px #C3214855}
body #main .kb-body{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px;flex:1}
body #main .kb-tag{align-self:flex-start;font-size:11px;font-weight:800;color:#C32148;background:#FBE7EC;padding:2px 9px;border-radius:99px}
body #main .kb-body h2{font-size:16px;line-height:1.3;margin:4px 0 0;color:#172A46}
body #main .kb-body p{font-size:13px;color:#5b6474;margin:0}
body #main .kb-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
body #main .kb-buy strong{font-size:18px;color:#C32148;font-weight:900}
body #main .kb-add{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(150deg,#E4466B,#C32148);color:#fff;border:0;border-radius:99px;padding:8px 13px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 3px 8px #C3214844}
body #main .kb-add svg{width:16px;height:16px}
@media(max-width:1000px){body #main .kb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body #main .kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body #main .kb-cover{padding:10px 10px 8px}body #main .kb-body{padding:10px}body #main .kb-body h2{font-size:14px}body #main .kb-body p{font-size:11.5px}body #main .kb-buy strong{font-size:15px}body #main .kb-add{padding:7px 10px}body #main .kb-add span{display:none}}
body #main .cart-mini-photo{object-fit:cover;aspect-ratio:3/4;height:auto}

/* การ์ดหนังสือ: ค่าคอมแนะนำเพื่อน */
body #main .kb-comm{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;border-radius:10px;background:linear-gradient(90deg,#FFF4E0,#FFE9EE);border:1px solid #F6D9A8;text-decoration:none;color:#8A4B00;font-size:12.5px;line-height:1.2}
body #main .kb-comm-ic{font-size:14px;flex:none}
body #main .kb-comm-txt{flex:1;min-width:0}
body #main .kb-comm-txt b{color:#C32148;font-weight:900;font-size:14px}
body #main .kb-comm-pct{flex:none;background:#C32148;color:#fff;font-weight:800;font-size:11px;border-radius:99px;padding:2px 7px}
@media(max-width:640px){body #main .kb-comm{font-size:11.5px;padding:5px 6px}body #main .kb-comm-txt b{font-size:13px}}

/* แพ็กเกจ: แถบค่าคอม */
body #main .plan .kb-comm{margin:10px 0 4px}
.kj-coupon-comm{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:#8A4B00;margin-top:3px}