/* vinětace hera do pruhu, ceník plynule do výzvy, výzva s telefony témat, obyčejné FAQ (po n.css) */

/* ---------- hero: barva pruhu pod ním se vinětou rozlije do hera ---------- */
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: clamp(150px, 26%, 320px); z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(243, 224, 216, 0) 0%, rgba(243, 224, 216, .5) 55%, #F3E0D8 100%); }
.hero__text, .hero__phone { position: relative; z-index: 2; }
@media (max-width: 899px) { .hero::after { height: 120px; } }

/* ---------- ceník do výzvy bez prázdného pruhu ---------- */
.price-wrap { padding-bottom: 80px; margin-top: 0; }
.finish { margin-top: 0 !important; }
.price-wrap + .finish, .finish { background: var(--blush); }

/* ---------- Vytvořte svou pozvánku: pozadí z telefonů s tématy ---------- */
.finish { overflow: hidden; isolation: isolate; min-height: 0; padding: 0; }
.finish__img { display: none; }
.finish__bg { position: absolute; inset: 0; z-index: -2; display: flex; justify-content: center; align-items: center; gap: clamp(14px, 2vw, 34px); padding: 0 12px; transform: rotate(-5deg) scale(1.12); }
.fph { flex: 0 0 auto; width: clamp(110px, 14vw, 230px); aspect-ratio: 390 / 844; border-radius: 22px; overflow: hidden; border: 5px solid #f3e9de; box-shadow: 0 30px 40px -24px rgba(90, 52, 40, .55); }
.fph:nth-child(even) { transform: translateY(46px); }
.fph:nth-child(odd) { transform: translateY(-34px); }
.fph img { width: 100%; height: 100%; object-fit: cover; }
.finish::after { z-index: -1; background: radial-gradient(60% 62% at 50% 52%, rgba(250, 244, 237, .96), rgba(250, 244, 237, .78) 55%, rgba(250, 244, 237, .35) 100%), linear-gradient(180deg, var(--blush) 0%, rgba(243, 232, 224, 0) 22%, rgba(250, 246, 240, 0) 78%, var(--ivory) 100%); }
.finish .wrap { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 899px) { .fph:nth-child(n+5) { display: none; } .fph { width: 34vw; } .finish .wrap { padding-top: 90px; padding-bottom: 90px; } }

/* ---------- FAQ: obyčejný seznam otázek ---------- */
.faq--plain { max-width: 860px; margin: 40px auto 0; }
@media (min-width: 900px) { .faq--plain { margin-top: 56px; } }
.finish::after { background: radial-gradient(48% 55% at 50% 52%, rgba(250, 244, 237, .97), rgba(250, 244, 237, .85) 60%, rgba(250, 244, 237, .35) 100%), linear-gradient(180deg, var(--blush) 0%, rgba(243, 232, 224, 0) 22%, rgba(250, 246, 240, 0) 78%, var(--ivory) 100%); }