/* ============================================================
   LVK Books — Cập nhật giao diện 2026-07 (nạp SAU lvk-store.css)
   Chứa: khối Tuyên ngôn (câu Bác), lưới "Thư viện mở", khối "Sách đọc
   miễn phí", chỉnh slogan logo + dòng mô tả khối. Tách riêng để đưa lên
   hosting an toàn mà không phải ghi đè toàn bộ lvk-store.css.
   ============================================================ */

/* ---------- TUYÊN NGÔN: HỌC ĐI ĐÔI VỚI HÀNH ---------- */
.lvk-manifesto{ background:#121212; background-image:radial-gradient(1100px 320px at 12% 0%, rgba(191,0,0,.28), transparent 70%); }
.lvk-manifesto-inner{ display:flex; align-items:flex-start; justify-content:space-between; gap:60px; padding:58px 0 62px; }
.lvk-quote-main{ margin:0; flex:1; max-width:700px; border-left:5px solid var(--lvk-red); padding-left:32px; }
.lvk-quote-main blockquote{ margin:0; }
.lvk-quote-lead{ font-size:38px; font-weight:800; line-height:1.16; color:#fff; letter-spacing:-.015em; margin:0; }
.lvk-quote-body{ font-size:19px; font-weight:400; line-height:1.65; color:#e9e9e9; margin:18px 0 0; }
.lvk-quote-main figcaption{ font-size:15px; font-weight:700; color:#ff5a5a; margin-top:24px; letter-spacing:.06em; text-transform:uppercase; }
.lvk-quote-aside{ margin:60px 0 0; flex:none; width:320px; position:relative; }
.lvk-quote-aside blockquote{ margin:0; }
.lvk-quote-aside p{ font-size:19px; font-style:italic; font-weight:500; line-height:1.55; color:#f2d59a; text-align:right; margin:0; }
.lvk-quote-aside::before{ content:"\201C"; position:absolute; top:-44px; right:0; font-size:76px; line-height:1; color:rgba(255,90,90,.35); font-family:Georgia,serif; }
@media (max-width:860px){
  .lvk-manifesto{ background-image:radial-gradient(700px 260px at 20% 0%, rgba(191,0,0,.3), transparent 72%); }
  .lvk-manifesto-inner{ flex-direction:column; gap:26px; padding:40px 0 44px; }
  .lvk-quote-lead{ font-size:28px; }
  .lvk-quote-main{ max-width:none; }
  .lvk-quote-aside{ margin:0; width:100%; padding-top:22px; border-top:1px solid #333; }
  .lvk-quote-aside p{ text-align:left; }
  .lvk-quote-aside::before{ display:none; }
}

/* ---------- KHỐI "SÁCH ĐỌC MIỄN PHÍ" ---------- */
.lvk-free-badge{ background:#1f8a5b !important; box-shadow:0 4px 10px rgba(31,138,91,.35) !important; }
.lvk-libcard-free-badge{ background:#1f8a5b; color:#fff; }
.lvk-free-price{ color:#1f8a5b !important; font-size:14px !important; font-weight:700; }
.lvk-free-empty{ background:#f7f7f7; border:1px solid #ececec; border-radius:14px; padding:26px 28px; font-size:14.5px; color:#555; line-height:1.6; }
.lvk-free-empty b{ color:#1f8a5b; }

/* ---------- LƯỚI "THƯ VIỆN MỞ" (trang chủ) ---------- */
.lvk-home-libgrid{ display:grid; grid-template-columns:repeat(5,1fr); gap:34px 22px; margin-top:22px; }
.lvk-home-libgrid .lvk-bookcard{ width:auto; }
.lvk-libcard .lvk-bookcard-cover{ position:relative; display:block; }
.lvk-libcard .lvk-bookcard-title{ display:block; height:auto; }
.lvk-libcard .lvk-bookcard-title:hover{ color:var(--lvk-red); }
.lvk-libcard-try{ position:absolute; bottom:12px; left:12px; z-index:4; background:rgba(255,255,255,.94); color:var(--lvk-red); font-size:11px; font-weight:700; padding:5px 11px; border-radius:6px; }
@media (max-width:1024px){ .lvk-home-libgrid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .lvk-home-libgrid{ grid-template-columns:repeat(2,1fr); gap:24px 14px; } }

/* ---------- CHỈNH: slogan logo + dòng mô tả khối (đè lvk-store.css) ---------- */
.lvk-logo-sub{ font-size:9.2px; color:var(--lvk-red); font-weight:700; letter-spacing:.04em; text-align:justify; text-align-last:justify; margin-top:6px; white-space:nowrap; }
.lvk-section-sub{ font-size:15px; color:#444; font-weight:500; margin-top:7px; }