/* BK Label Barcode (bklabel.html) · สร้างโดย notes/bklabel-page/make_page.py */
.bl-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
.bl-hero h1{display:flex;flex-direction:column;gap:6px}
.bl-hero h1 span{font-size:.5em;font-weight:600;opacity:.92}
.bl-hero-pic img,.bl-shot img,.bl-lang img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}
.bl-price{font-size:1.5rem;margin:14px 0}
.bl-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.bl-feat{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.bl-feat b{font-size:1.05rem}.bl-feat span{color:#4b5a70;font-size:.95rem}
.bl-steps{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.bl-steps li{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}
.bl-n{width:30px;height:30px;border-radius:50%;background:var(--accent,#1d4ed8);color:#fff;display:grid;place-items:center;font-weight:700}
.bl-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bl-shot,.bl-lang{margin:0}.bl-shot figcaption,.bl-lang figcaption{margin-top:8px;font-size:.92rem;color:#4b5a70}
.bl-langs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.bl-chip{display:inline-block;background:#fff;border:1px solid #cfd8e6;border-radius:999px;padding:4px 14px;margin:0 6px 6px 0;font-weight:600}
.bl-pricebox{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#fff;border:2px solid var(--accent,#1d4ed8);border-radius:18px;padding:22px}
.bl-bigprice{font-size:2.6rem;margin:6px 0}.bl-bigprice b{color:var(--accent,#1d4ed8)}
.bl-about p{max-width:860px}.bl-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:16px 0 0}.bl-facts div{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:10px 14px}.bl-facts dt{font-size:.82rem;color:#4b5a70}.bl-facts dd{margin:2px 0 0;font-weight:700}
.bl-cart{margin:0 0 12px}
.bl-faq{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:12px 16px;margin:0 0 10px}
.bl-faq summary{cursor:pointer;font-weight:700}.bl-faq p{margin:8px 0 0}
@media (max-width:820px){.bl-hero-in{grid-template-columns:1fr}.bl-shots,.bl-langs{grid-template-columns:1fr}}