Peler

: / tmp /
Filename : hook.css
back
/* ============ In-article ebook lead-magnet hook (pancing) ============ */
.bs-ebook-hook{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:center;background:linear-gradient(135deg,#F1EADB,#F7F3EA);border:1px solid var(--hairline);border-left:5px solid var(--clay);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,1.7rem);margin:2.2rem 0;box-shadow:var(--shadow-sm)}
.bs-ebook-hook__cover{position:relative;width:104px;aspect-ratio:3/4;border-radius:9px;background:linear-gradient(150deg,#2F5D50,#264A40 60%,#1E3E36);box-shadow:0 16px 30px -16px rgba(38,74,64,.7);padding:.75rem .65rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;flex:none}
.bs-ebook-hook__cover::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#C89B3C,#C08457)}
.bs-ebook-hook__brand{font-family:var(--font-ui);font-weight:700;letter-spacing:.16em;font-size:.5rem;color:#EFC98B}
.bs-ebook-hook__ct{font-family:var(--font-display);font-weight:600;font-size:.92rem;line-height:1.08;color:#F7F3EA}
.bs-ebook-hook__ed{font-family:var(--font-ui);font-size:.5rem;color:rgba(247,243,234,.7)}
.bs-ebook-hook__body{min-width:0}
.bs-ebook-hook__tag{font-family:var(--font-ui);font-weight:700;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--clay-deep);margin:0 0 .4rem;display:flex;align-items:center;gap:.45rem}
.bs-ebook-hook__tag s{color:var(--muted);font-weight:500}
.bs-ebook-hook__tag b{color:var(--forest);background:rgba(62,140,121,.14);padding:.05rem .45rem;border-radius:6px}
.bs-ebook-hook__title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.2;color:var(--ink);margin:0 0 .4rem}
.bs-ebook-hook__desc{font-family:var(--font-ui);font-size:.92rem;line-height:1.5;color:var(--muted);margin:0 0 .9rem}
.bs-ebook-hook .newsletter__form{display:flex;gap:.5rem;flex-wrap:wrap}
.bs-ebook-hook .newsletter__form input[type=email]{flex:1;min-width:180px;padding:.8rem 1rem;border:1.5px solid var(--hairline);border-radius:12px;font-family:var(--font-ui);font-size:1rem;background:#fff;color:var(--ink)}
.bs-ebook-hook .newsletter__form input[type=email]:focus{outline:none;border-color:var(--forest)}
.bs-ebook-hook .newsletter__form .btn{white-space:nowrap}
.bs-ebook-hook__trust{font-family:var(--font-ui);font-size:.78rem;color:var(--muted);margin:.7rem 0 0}
.bs-ebook-hook .bs-sub-msg{font-family:var(--font-ui);font-size:.88rem;color:var(--forest-deep);margin-top:.5rem}
.bs-ebook-hook .bs-sub-msg.is-error{color:var(--alert-ink)}
.bs-ebook-hook .bs-sub-gift{margin-top:.7rem}
@media (max-width:600px){.bs-ebook-hook{grid-template-columns:1fr;gap:1rem}.bs-ebook-hook__cover{width:92px;margin:0}}