@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&family=Open+Sans:wght@400;600;700&display=swap');

/* ============ Recucerește-o! — v2 ============ */
body { background: #f6efe6; }
.block-type--code { padding-left: 0 !important; padding-right: 0 !important; }
.block-type--code > .block { padding: 0 !important; border: 0 !important; background: none !important; }
.section .sizer { padding-top: 0 !important; padding-bottom: 0 !important; }

.rc {
  --ink: #121010;
  --ink-2: #1c1716;
  --cream: #f6efe6;
  --white: #fffdf9;
  --red: #d72a1f;
  --red-2: #ec3b2e;
  --red-soft: #fbe3dc;
  --text: #2a2422;
  --muted: #6e6460;
  --muted-d: #c9bfb8;
  --line: rgba(18,16,16,.1);
  --line-d: rgba(255,255,255,.12);
  --head: 'Montserrat', 'Arial Black', Arial, sans-serif;
  --body: 'Open Sans', Arial, sans-serif;
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--text);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  text-align: left;
  overflow-x: clip;
}
.rc *, .rc *::before, .rc *::after { box-sizing: border-box; }
.rc :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) { margin: 0; padding: 0; color: inherit; text-transform: none; letter-spacing: normal; }
.rc :where(ul) { list-style: none; }
.rc :where(p + p) { margin-top: .9em; }
.rc h1, .rc h2, .rc h3, .rc h4 { font-family: var(--head); font-weight: 800; line-height: 1.12; letter-spacing: -0.01em; }
.rc h1 { font-size: clamp(36px, 5.6vw, 64px); }
.rc h2 { font-size: clamp(28px, 3.8vw, 46px); }
.rc h3 { font-size: clamp(21px, 2.2vw, 26px); line-height: 1.2; }
.rc h4 { font-size: 17px; font-weight: 700; line-height: 1.3; }
.rc .red { color: var(--red); }
.rc.rc--dark .red, .rc--dark .red { color: var(--red-2); }
.rc strong { font-weight: 700; color: inherit; }
.rc a { color: inherit; text-decoration: none; }
.rc img { display: block; max-width: 100%; height: auto; border: 0; }

.rc.rc--dark { background: var(--ink); color: #fff; }
.rc.rc--white { background: var(--white); }

.rc-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; }
.rc-narrow { max-width: 820px; margin-left: auto; margin-right: auto; }
.rc-pad { padding-top: clamp(56px, 8vw, 96px); padding-bottom: clamp(56px, 8vw, 96px); }
.rc-pad-s { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); }
.rc-center { text-align: center; }
.rc-rule { display: block; width: 56px; height: 3px; background: var(--red); border-radius: 2px; margin: 18px 0 22px; }
.rc-center .rc-rule { margin-left: auto; margin-right: auto; }
.rc-kicker { display: block; font-family: var(--head); font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin-bottom: 12px; }
.rc-sub { font-size: clamp(17px, 1.5vw, 19px); }
.rc--dark .rc-sub, .rc--dark p { color: var(--muted-d); }
.rc--dark strong { color: #fff; }

/* Buton */
.rc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 60px; padding: 16px 40px; border-radius: 6px; background: var(--red); color: #fff !important; font-family: var(--head); font-weight: 800; font-size: 17px; letter-spacing: .02em; text-transform: uppercase; line-height: 1.2; text-align: center; box-shadow: 0 10px 26px -10px rgba(215,42,31,.8); transition: transform .2s, background .2s; }
.rc-btn:hover { background: var(--red-2); transform: translateY(-2px); }
.rc-btn .rc-price { white-space: nowrap; }
.rc-note { margin-top: 12px; font-size: 14px; color: var(--muted); }
.rc--dark .rc-note { color: var(--muted-d); }

/* Fundal foto cu fade */
.rc-photo-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; overflow: hidden; background: var(--ink-2); }
.rc-photo-bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.rc-photo-bg::after { content: ''; position: absolute; inset: 0; }
.rc-photo-bg--right { left: auto; width: 62%; }
.rc-photo-bg--right::after { background: linear-gradient(90deg, var(--ink) 0%, rgba(18,16,16,.55) 35%, rgba(18,16,16,.15) 100%); }
.rc-photo-bg--left { right: auto; width: 55%; }
.rc-photo-bg--left::after { background: linear-gradient(270deg, var(--ink) 0%, rgba(18,16,16,.5) 40%, rgba(18,16,16,.1) 100%); }
.rc-photo-bg--full::after { background: linear-gradient(180deg, rgba(18,16,16,.35), rgba(18,16,16,.85)); }

/* HERO */
.rc-hero { position: relative; overflow: hidden; }
.rc-hero__grid { display: grid; gap: 32px; align-items: center; padding-top: 28px; padding-bottom: 48px; }
.rc-logo { width: 190px; margin-bottom: 8px; }
.rc-tagline { display: inline-block; background: var(--red); color: #fff; font-family: var(--head); font-weight: 700; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 4px 10px; border-radius: 2px; margin-bottom: 28px; }
.rc-hero h1 { color: #fff; margin-bottom: 18px; }
.rc-hero h1 .red { display: block; }
.rc-hero .rc-sub { color: #e8e0da; max-width: 540px; margin-bottom: 28px; }
.rc-hero__book { display: flex; justify-content: center; }
.rc-hero__book img { width: min(70%, 320px); filter: drop-shadow(0 30px 40px rgba(0,0,0,.7)); }

/* Video + bonusuri */
.rc-video { position: relative; max-width: 820px; margin: 0 auto; border-radius: 10px; overflow: hidden; background: #000; box-shadow: 0 30px 60px -25px rgba(18,16,16,.55); }
.rc-video::before { content: ''; display: block; padding-top: 56.25%; }
.rc-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rc-bonus-title { margin: 30px 0 18px; font-family: var(--head); font-weight: 700; font-size: 15px; letter-spacing: .14em; text-transform: uppercase; text-align: center; }
.rc-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.rc-card { background: var(--white); border: 1px solid var(--line); border-radius: 10px; padding: 24px 16px; text-align: center; box-shadow: 0 6px 20px -14px rgba(18,16,16,.3); }
.rc-card .rc-ic { margin: 0 auto 14px; }
.rc-card h4 { font-size: 15.5px; margin-bottom: 6px; }
.rc-card p { font-size: 14.5px; color: var(--muted); line-height: 1.45; }
.rc-card .rc-badge { display: block; font-family: var(--head); font-size: 11px; font-weight: 800; letter-spacing: .14em; color: var(--red); margin-bottom: 6px; }

.rc-ic { width: 56px; height: 56px; border-radius: 50%; background: var(--red-soft); color: var(--red); display: grid; place-items: center; flex: none; }
.rc-ic svg { width: 26px; height: 26px; }
.rc--dark .rc-ic { background: rgba(236,59,46,.16); color: var(--red-2); }

/* Banner întunecat cu poză */
.rc-banner { position: relative; overflow: hidden; }
.rc-banner__in { position: relative; z-index: 2; padding-top: clamp(56px, 8vw, 96px); padding-bottom: clamp(56px, 8vw, 96px); }
.rc-banner__txt { max-width: 560px; }
.rc-banner--right .rc-banner__txt { margin-left: auto; }
.rc-banner h2 { color: #fff; }
.rc-banner .rc-big { font-family: var(--head); font-weight: 800; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.25; color: #fff; }

/* Liste cu iconițe */
.rc-cols { display: grid; gap: 40px; margin-top: 40px; text-align: left; }
.rc-col h3 { margin-bottom: 22px; }
.rc-col h3 .red { display: block; }
.rc-ilist li { display: flex; gap: 16px; align-items: center; padding: 8px 0; }
.rc-ilist .rc-ic { width: 44px; height: 44px; }
.rc-ilist .rc-ic svg { width: 20px; height: 20px; }
.rc-ilist span { font-size: 16px; line-height: 1.45; }
.rc-fork { display: grid; gap: 12px; margin-top: 28px; }
.rc-fork div { padding: 18px 20px; border-radius: 10px; background: var(--white); border: 1px solid var(--line); font-size: 15.5px; text-align: left; }
.rc-fork b { display: block; font-family: var(--head); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin-bottom: 4px; }

/* Stats + categorii */
.rc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 26px 0; }
.rc-stat { border: 1px solid var(--line-d); border-radius: 8px; padding: 14px 10px; text-align: center; background: rgba(18,16,16,.5); }
.rc-stat b { display: block; font-family: var(--head); font-weight: 900; font-size: clamp(20px, 2.4vw, 28px); color: var(--red-2); line-height: 1.1; }
.rc-stat span { font-size: 12.5px; line-height: 1.35; display: block; margin-top: 4px; color: var(--muted-d); }
.rc-cats { display: grid; gap: 14px; margin-top: 36px; text-align: left; }
.rc-cat { background: var(--white); border: 1px solid var(--line); border-radius: 12px; padding: 26px 22px; }
.rc-cat__n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--red-soft); color: var(--red); font-family: var(--head); font-weight: 800; margin-bottom: 14px; }
.rc-cat h4 { margin-bottom: 8px; }
.rc-cat p { font-size: 15px; color: var(--muted); }
.rc-cat--warn { border-color: rgba(215,42,31,.4); }
.rc-cat--warn .rc-cat__n { background: var(--red); color: #fff; }
.rc-choice { display: grid; gap: 14px; margin-top: 40px; text-align: left; }
.rc-choice > div { border-radius: 12px; padding: 24px 22px; }
.rc-choice .a { border: 1px dashed rgba(18,16,16,.25); color: var(--muted); }
.rc-choice .b { background: var(--ink); color: #fff; }
.rc-choice .b p { color: var(--muted-d); }
.rc-choice b { display: block; font-family: var(--head); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin-bottom: 6px; }
.rc-choice .b b { color: var(--red-2); }
.rc-choice h4 { margin-bottom: 6px; }

/* Grid beneficii */
.rc-benefits { display: grid; grid-template-columns: 1fr; gap: 6px 24px; margin-top: 32px; text-align: left; }
.rc-benefits li { display: flex; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.4; }
.rc-benefits .rc-ic { width: 44px; height: 44px; }
.rc-benefits .rc-ic svg { width: 20px; height: 20px; }
.rc-more { margin-top: 24px; text-align: left; }
.rc-more summary { cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-family: var(--head); font-weight: 700; font-size: 15px; color: var(--red); list-style: none; padding: 10px 0; }
.rc-more summary::-webkit-details-marker { display: none; }
.rc-more summary::after { content: '+'; font-size: 20px; line-height: 1; }
.rc-more[open] summary::after { content: '–'; }
.rc-checks { display: grid; gap: 0 32px; margin-top: 8px; }
.rc-checks li { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid var(--line); font-size: 15.5px; }
.rc-checks li::before { content: ''; position: absolute; left: 0; top: 14px; width: 18px; height: 18px; border-radius: 50%; background: var(--red); }
.rc-checks li::after { content: ''; position: absolute; left: 5px; top: 19px; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }

/* Cartea */
.rc-book { display: grid; gap: 32px; align-items: center; text-align: left; }
.rc-book__img img { width: min(80%, 380px); margin: 0 auto; filter: drop-shadow(0 30px 40px rgba(18,16,16,.35)); }
.rc-areas { display: grid; gap: 10px; margin-top: 24px; }
.rc-areas li { display: flex; gap: 14px; align-items: center; padding: 14px 16px; background: var(--white); border: 1px solid var(--line); border-radius: 10px; font-family: var(--head); font-weight: 700; font-size: 16px; }
.rc-areas li span { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--red); color: #fff; font-size: 14px; flex: none; }
.rc-pdf { margin-top: 18px; font-size: 15px; color: var(--muted); }

.rc-feats { display: grid; gap: 12px; margin-top: 36px; text-align: left; }
.rc-feat { display: flex; gap: 16px; align-items: flex-start; padding: 22px; border-radius: 12px; border: 1px solid var(--line-d); background: var(--ink-2); }
.rc-feat h4 { color: #fff; margin-bottom: 4px; }
.rc-feat p { font-size: 15px; }

/* După */
.rc-outs { display: grid; gap: 12px; margin-top: 36px; text-align: left; }
.rc-out { display: flex; gap: 16px; padding: 22px; background: var(--white); border: 1px solid var(--line); border-radius: 12px; }
.rc-out h4 { margin-bottom: 4px; }
.rc-out p { font-size: 15.5px; color: var(--muted); }
.rc-promise { margin-top: 32px; font-family: var(--head); font-weight: 800; font-size: clamp(20px, 2.4vw, 28px); line-height: 1.3; }

/* Presă */
.rc-press { margin-top: 28px; border-radius: 10px; overflow: hidden; }
.rc-press img { width: 100%; }
.rc-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 12px; }
.rc-gallery img { width: 100%; border-radius: 8px; }

/* Pentru tine */
.rc-fit { display: grid; gap: 14px; margin-top: 36px; text-align: left; }
.rc-fit > div { border-radius: 12px; padding: 28px 24px; }
.rc-fit .yes { background: var(--white); border: 1px solid var(--line); }
.rc-fit .no { background: var(--ink); color: #fff; }
.rc-fit h3 { margin-bottom: 16px; font-size: 20px; }
.rc-fit li { position: relative; padding: 9px 0 9px 30px; font-size: 15.5px; border-bottom: 1px solid var(--line); }
.rc-fit .no li { border-bottom-color: var(--line-d); color: var(--muted-d); }
.rc-fit .yes li::before { content: ''; position: absolute; left: 0; top: 12px; width: 18px; height: 18px; border-radius: 50%; background: #2e8b57; }
.rc-fit .yes li::after { content: ''; position: absolute; left: 5px; top: 17px; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.rc-fit .no li::before, .rc-fit .no li::after { content: ''; position: absolute; left: 2px; top: 20px; width: 14px; height: 2px; background: var(--red-2); transform: rotate(45deg); }
.rc-fit .no li::after { transform: rotate(-45deg); }

/* Garanție */
.rc-guar { display: grid; gap: 24px; align-items: center; text-align: left; }
.rc-seal { width: 140px; height: 140px; margin: 0 auto; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; text-align: center; box-shadow: 0 0 0 6px var(--cream), 0 0 0 8px var(--red); }
.rc-seal b { display: block; font-family: var(--head); font-weight: 900; font-size: 34px; line-height: 1; }
.rc-seal span { display: block; font-family: var(--head); font-weight: 700; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin-top: 4px; }

/* Final */
.rc-final__grid { display: grid; gap: 28px; align-items: center; }
.rc-final__book img { width: min(70%, 320px); margin: 0 auto; filter: drop-shadow(0 30px 40px rgba(0,0,0,.75)); }
.rc-final h2 { color: #fff; }
.rc .rc-bigprice { font-family: var(--head); font-weight: 900; font-size: clamp(40px, 5vw, 56px); color: var(--red-2); line-height: 1; margin: 6px 0 22px; }
.rc-stack { margin: 0 0 24px; }
.rc-stack li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line-d); font-size: 15px; color: var(--muted-d); }
.rc-stack li span:last-child { color: #fff; font-weight: 700; white-space: nowrap; }
.rc-foot { padding: 28px 20px 110px; text-align: center; font-size: 13px; color: #7d736e; background: var(--ink); border-top: 1px solid var(--line-d); }

/* Sticky mobil */
.rc-sticky { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 9999; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 10px; background: rgba(18,16,16,.95); box-shadow: 0 16px 36px -10px rgba(0,0,0,.6); transform: translateY(140%); transition: transform .3s; color: #fff; font-family: var(--head); }
.rc-sticky.is-on { transform: none; }
.rc-sticky__t { font-size: 12px; line-height: 1.3; white-space: nowrap; color: #d9d0ca; }
.rc-sticky__t b { display: block; font-size: 15px; color: #fff; }
.rc-sticky .rc-btn { width: auto; min-height: 46px; padding: 10px 18px; font-size: 14px; box-shadow: none; }

.rc-js .rc-reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.rc-js .rc-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .rc-js .rc-reveal { opacity: 1; transform: none; transition: none; } }

@media (min-width: 720px) {
  .rc-cards { grid-template-columns: repeat(4, 1fr); }
  .rc-cols { grid-template-columns: 1fr 1fr; gap: 0; }
  .rc-cols .rc-col:first-child { padding-right: 40px; border-right: 1px solid var(--line); }
  .rc-cols .rc-col:last-child { padding-left: 40px; }
  .rc-fork { grid-template-columns: 1fr 1fr; }
  .rc-cats { grid-template-columns: repeat(3, 1fr); }
  .rc-choice { grid-template-columns: 1fr 1fr; }
  .rc-benefits { grid-template-columns: repeat(3, 1fr); }
  .rc-checks { grid-template-columns: 1fr 1fr; }
  .rc-feats { grid-template-columns: 1fr 1fr; }
  .rc-outs { grid-template-columns: 1fr 1fr; }
  .rc-gallery { grid-template-columns: repeat(4, 1fr); }
  .rc-fit { grid-template-columns: 1fr 1fr; }
  .rc-guar { grid-template-columns: 170px 1fr; }
}
@media (min-width: 960px) {
  .rc-wrap { padding-left: 32px; padding-right: 32px; }
  .rc-hero__grid { grid-template-columns: 1.25fr .75fr; padding-top: 36px; padding-bottom: 64px; }
  .rc-book { grid-template-columns: 5fr 7fr; gap: 56px; }
  .rc-final__grid { grid-template-columns: 1fr 1fr; gap: 56px; }
  .rc-sticky { display: none; }
  .rc-foot { padding-bottom: 28px; }
}
@media (max-width: 719px) {
  .rc { font-size: 16px; }
  .rc-btn { width: 100%; padding: 16px 18px; font-size: 16px; }
  .rc-photo-bg--right, .rc-photo-bg--left { width: 100%; }
  .rc-photo-bg--right::after, .rc-photo-bg--left::after { background: linear-gradient(180deg, rgba(18,16,16,.45) 0%, rgba(18,16,16,.85) 60%, var(--ink) 100%); }
  .rc-hero__book img { width: 52%; }
  .rc-stat span { font-size: 11.5px; }
}
