/* =====================================================================
   9Reading — Ebooks page
   Scope: .nine-reading-ebooks   |   Prefix: .nreb-
   Cập nhật: desktop hiển thị 2 sản phẩm / hàng (tablet & mobile giữ nguyên)
   ===================================================================== */

.nine-reading-ebooks {
	--nreb-bg:#FBFAF6; --nreb-bg2:#F4EFE2; --nreb-ink:#1A1816; --nreb-ink2:#2D2A26;
	--nreb-mute:#6B6258; --nreb-accent:#C8442C; --nreb-accent-d:#A23420;
	--nreb-hi:#FFE34A; --nreb-green:#2F5D3A;
	--nreb-rule:rgba(26,24,22,0.10); --nreb-rule2:rgba(26,24,22,0.16);
	background:var(--nreb-bg); color:var(--nreb-ink);
	font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;
	line-height:1.5; -webkit-font-smoothing:antialiased;
}
.nine-reading-ebooks *{ box-sizing:border-box; }
.nine-reading-ebooks .nreb-container{ max-width:1080px; margin:0 auto; padding:0 24px; }

.nine-reading-ebooks .nreb-kicker{
	font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:500;
	letter-spacing:.14em; text-transform:uppercase; color:var(--nreb-accent);
	display:inline-flex; align-items:center; gap:8px;
}
.nine-reading-ebooks .nreb-kicker::before{ content:""; width:14px; height:14px; background:var(--nreb-accent); }

/* hero */
.nine-reading-ebooks .nreb-hero{ text-align:center; padding:84px 0 26px; }
.nine-reading-ebooks .nreb-hero .nreb-kicker{ justify-content:center; margin-bottom:18px; }
.nine-reading-ebooks .nreb-h1{
	font-weight:800; font-size:clamp(34px,5.4vw,40px); letter-spacing:-.035em;
	line-height:1.05; max-width:760px; margin:0 auto 18px;
}
.nine-reading-ebooks .nreb-h1 em{
	font-family:'Newsreader',Georgia,serif; font-style:italic; font-weight:500; color:var(--nreb-accent);
}
.nine-reading-ebooks .nreb-sub{
	font-family:'Source Serif 4',Georgia,serif; font-size:clamp(16px,2.2vw,19px);
	color:var(--nreb-mute); max-width:600px; margin:0 auto;
}

/* =====================================================================
   LIST — DESKTOP: 2 CỘT
   Thẻ xếp dọc (bìa trên · nội dung dưới), cao bằng nhau, nút thẳng hàng đáy.
   ===================================================================== */
.nine-reading-ebooks .nreb-list{
	display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
	gap:26px; padding:34px 0 30px; align-items:stretch;
}
.nine-reading-ebooks .nreb-row{
	display:flex; flex-direction:column; height:100%;
	background:#fff; border:1px solid var(--nreb-rule); border-radius:22px; padding:34px 32px 32px;
	transition:transform .15s ease, box-shadow .15s ease;
}
.nine-reading-ebooks .nreb-row:hover{ transform:translateY(-3px); box-shadow:0 24px 50px -28px rgba(26,24,22,.45); }
.nine-reading-ebooks .nreb-cover{ width:200px; margin:0 auto 26px; }
.nine-reading-ebooks .nreb-cover img{
	width:100%; display:block; border-radius:12px; background:var(--nreb-bg2);
	aspect-ratio:1/1.414; object-fit:cover;
	box-shadow:0 22px 44px -18px rgba(26,24,22,.55);
}
.nine-reading-ebooks .nreb-body{ display:flex; flex-direction:column; flex:1 1 auto; }
.nine-reading-ebooks .nreb-tag{
	font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:600;
	letter-spacing:.1em; text-transform:uppercase; color:var(--nreb-accent); margin-bottom:10px;
}
.nine-reading-ebooks .nreb-title{
	font-weight:800; font-size:23px; letter-spacing:-.025em; line-height:1.16; margin:0 0 12px; color:var(--nreb-ink);
}
.nine-reading-ebooks .nreb-desc{
	font-family:'Source Serif 4',Georgia,serif; font-size:15.5px; line-height:1.58;
	color:var(--nreb-ink2); margin:0 0 16px;
}
.nine-reading-ebooks .nreb-desc strong{ font-weight:600; color:var(--nreb-ink); }
.nine-reading-ebooks .nreb-metas{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.nine-reading-ebooks .nreb-meta{
	font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:500; color:var(--nreb-ink2);
	background:var(--nreb-bg2); border:1px solid var(--nreb-rule); border-radius:100px; padding:6px 12px;
}
.nine-reading-ebooks .nreb-btn{
	display:inline-flex; align-items:center; gap:9px; background:var(--nreb-accent); color:var(--nreb-bg);
	font-weight:700; font-size:15px; text-decoration:none; padding:12px 24px; border-radius:100px;
	box-shadow:0 4px 0 var(--nreb-accent-d); transition:transform .1s, box-shadow .1s, background .15s;
	margin-top:auto; align-self:flex-start;   /* đẩy nút xuống đáy thẻ */
}
.nine-reading-ebooks .nreb-btn span{ transition:transform .15s; }
.nine-reading-ebooks .nreb-btn:hover{ background:var(--nreb-accent-d); transform:translateY(2px); box-shadow:0 2px 0 var(--nreb-accent-d); color:var(--nreb-bg); }
.nine-reading-ebooks .nreb-btn:hover span{ transform:translateX(3px); }

/* footer band */
.nine-reading-ebooks .nreb-foot{
	background:var(--nreb-ink); color:var(--nreb-bg); border-radius:26px; text-align:center;
	padding:54px 30px; margin:24px 0 70px;
}
.nine-reading-ebooks .nreb-foot h2{ font-weight:800; font-size:clamp(24px,3.6vw,34px); letter-spacing:-.03em; margin-bottom:12px; }
.nine-reading-ebooks .nreb-foot h2 em{ font-family:'Newsreader',Georgia,serif; font-style:italic; color:var(--nreb-hi); font-weight:500; }
.nine-reading-ebooks .nreb-foot p{ font-family:'Source Serif 4',Georgia,serif; color:rgba(251,250,246,.72); max-width:520px; margin:0 auto 24px; }
.nine-reading-ebooks .nreb-foot-btn{
	display:inline-flex; align-items:center; gap:9px; background:var(--nreb-accent); color:var(--nreb-bg);
	font-weight:700; font-size:16px; text-decoration:none; padding:14px 30px; border-radius:100px;
	box-shadow:0 4px 0 var(--nreb-accent-d); transition:transform .1s, box-shadow .1s, background .15s;
}
.nine-reading-ebooks .nreb-foot-btn:hover{ background:var(--nreb-accent-d); transform:translateY(2px); box-shadow:0 2px 0 var(--nreb-accent-d); color:var(--nreb-bg); }

.nine-reading-ebooks .nreb-logo{ font-weight:800; font-size:20px; letter-spacing:-.04em; text-align:center; padding-bottom:60px; color:var(--nreb-ink); }
.nine-reading-ebooks .nreb-nine{ font-family:'Newsreader',Georgia,serif; font-style:italic; font-weight:500; color:var(--nreb-accent); }

/* =====================================================================
   RESPONSIVE — tablet & mobile giữ nguyên bố cục cũ (1 sản phẩm / hàng)
   ===================================================================== */
@media (max-width:900px){
	.nine-reading-ebooks .nreb-list{ grid-template-columns:1fr; gap:30px; }
	/* trở lại bố cục ngang: bìa trái · nội dung phải */
	.nine-reading-ebooks .nreb-row{
		display:grid; grid-template-columns:300px 1fr; gap:52px; align-items:center;
		padding:44px 48px; height:auto;
	}
	.nine-reading-ebooks .nreb-cover{ width:auto; margin:0; }
	.nine-reading-ebooks .nreb-title{ font-size:27px; margin-bottom:14px; }
	.nine-reading-ebooks .nreb-desc{ font-size:16px; line-height:1.6; margin-bottom:18px; }
	.nine-reading-ebooks .nreb-metas{ gap:9px; margin-bottom:26px; }
	.nine-reading-ebooks .nreb-meta{ font-size:12px; padding:6px 13px; }
	.nine-reading-ebooks .nreb-btn{ font-size:15.5px; padding:13px 26px; margin-top:0; }
}
@media (max-width:760px){
	.nine-reading-ebooks .nreb-row{ grid-template-columns:1fr; gap:26px; padding:30px 24px; }
	.nine-reading-ebooks .nreb-cover{ max-width:260px; margin:0 auto; }
	.nine-reading-ebooks .nreb-title{ font-size:23px; }
}