/**
 * YogiBee Theme — Ebook Landing Page CSS
 * @package YogiBee
 */

/* ═══ HERO 2-COL ═══ */
.eb-section{background:var(--j2);position:relative;overflow:hidden}
.eb-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(200,136,48,.15) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(90,168,80,.12) 0%,transparent 50%);pointer-events:none}
.eb-2col{display:grid;grid-template-columns:1fr;position:relative}
.eb-visual{padding:52px 20px 44px;text-align:center;position:relative}
.eb-ey{display:inline-block;padding:5px 14px;background:rgba(200,136,48,.18);border:1px solid rgba(200,136,48,.32);border-radius:18px;font-size:var(--fs-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--a3);margin-bottom:20px}
.eb-h1{font-family:var(--fh);font-style:italic;font-weight:400;font-size:clamp(26px,7vw,46px);color:#fff;line-height:1.22;letter-spacing:-.02em;margin-bottom:14px}
.eb-h1 em{color:var(--a3)}
.eb-sub{font-size:var(--fs-base);font-weight:300;color:rgba(255,255,255,.65);max-width:440px;margin:0 auto 32px;line-height:1.75}
/* Book mockup */
.bmk{width:150px;height:200px;background:var(--s0);border-radius:6px 16px 16px 6px;margin:0 auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4),-6px 6px 0 rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bmk::before{content:'';position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--amb);border-radius:6px 0 0 6px}
.bmi{text-align:center;padding:18px 14px 14px}
.bmi .bmb{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--j3);margin-bottom:10px}
.bmt{font-family:var(--fh);font-size:12px;font-style:italic;color:var(--j2);line-height:1.4;margin-bottom:8px;font-weight:500}
.bmp{font-size:10px;color:var(--tx3)}
/* Form side */
.eb-form-col{background:var(--w);padding:40px 20px 48px;border-radius:var(--rxl) var(--rxl) 0 0;margin-top:28px}
.eft{font-family:var(--fh);font-size:22px;font-style:italic;color:var(--j2);margin-bottom:6px}
.efs{font-size:var(--fs-sm);color:var(--tx2);margin-bottom:22px;line-height:1.65}
.fn{font-size:var(--fs-xs);color:var(--tx3);text-align:center;margin-top:10px;line-height:1.6}
/* Stats bar */
.sps{background:var(--w);padding:22px 20px;border-top:1px solid var(--bd)}
.spg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
.spn{font-family:var(--fh);font-size:28px;font-style:italic;color:var(--jade)}
.spl{font-size:var(--fs-xs);color:var(--tx3);margin-top:2px}
/* Benefits */
.ebbe{padding:48px 20px;background:var(--w)}
.bgg{display:grid;grid-template-columns:1fr;gap:0}
.bnft{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--bd2)}
.bnft:last-child{border-bottom:none}
.bic{width:40px;height:40px;border-radius:10px;background:var(--s2);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.bit{font-size:var(--fs-base);font-weight:600;color:var(--tx);margin-bottom:4px}
.bid{font-size:var(--fs-sm);color:var(--tx2);line-height:1.7}

/* ═══ RESPONSIVE ═══ */
@media(min-width:768px){
  .eb-2col{grid-template-columns:1fr 1fr}
  .eb-visual{padding:64px 48px;text-align:left;border-right:1px solid rgba(255,255,255,.08)}
  .eb-sub{margin:0 0 32px}
  .bmk{margin:0}
  .eb-form-col{border-radius:0;margin-top:0;padding:60px 48px}
  .bgg{grid-template-columns:1fr 1fr;gap:0 24px}
}