:root {
  --ivory: #fbf7ef;
  --paper: #fffdf9;
  --ink: #2f211c;
  --muted: #786860;
  --rose: #b76d60;
  --rose-dark: #8f5148;
  --gold: #bd8f45;
  --gold-light: #e2c58e;
  --espresso: #29180f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ivory);
  color: var(--ink);
  font-family: Tahoma, "Noto Naskh Arabic", Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.urgency-bar { min-height: 58px; padding: 8px 24px; background: #29180f; color: #fff8ee; display: flex; align-items: center; justify-content: center; gap: 28px; position: relative; z-index: 20; }
.urgency-bar strong { font-size: 15px; color: var(--gold-light); }
.countdown { display: flex; justify-content: center; align-items: center; gap: 12px; direction: ltr; margin: 20px auto; }
.countdown div { min-width: 84px; min-height: 82px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(189,143,69,.46); border-radius: 14px; background: rgba(255,255,255,.06); }
.countdown b { font-family: Georgia, serif; font-size: 36px; font-weight: 500; }
.countdown span { font-size: 11px; opacity: .72; direction: rtl; }
.countdown em { color: var(--gold); font-size: 28px; font-style: normal; }
.countdown.compact { margin: 0; gap: 6px; }
.countdown.compact div { min-width: 52px; min-height: 40px; border: 0; background: rgba(255,255,255,.08); border-radius: 7px; flex-direction: row; gap: 4px; }
.countdown.compact b { font-size: 19px; }
.countdown.compact span { font-size: 9px; }
.countdown.compact em { font-size: 16px; }

.site-header {
  height: 92px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  padding: 0 clamp(28px, 5vw, 82px);
  background: rgba(255, 253, 249, .94);
  border-bottom: 1px solid rgba(189, 143, 69, .18);
  position: relative;
  z-index: 10;
}
.brand { display: flex; align-items: center; justify-self: start; gap: 10px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 26px; color: #875e2a; }
.brand-mark { font-size: 32px; color: var(--gold); transform: rotate(-18deg); }
.site-header nav { display: flex; gap: 38px; font-size: 15px; }
.site-header nav a { padding: 34px 2px 10px; border-bottom: 1px solid transparent; transition: .2s ease; }
.site-header nav a:hover { color: var(--rose-dark); border-color: var(--rose); }
.contact-link { justify-self: end; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 14px; }
.contact-link span { border: 1px solid var(--gold-light); width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: var(--gold); }

.hero {
  min-height: 710px;
  display: grid;
  grid-template-columns: minmax(360px, .98fr) minmax(520px, 1.18fr) 150px;
  background: var(--paper);
  overflow: hidden;
  position: relative;
  direction: ltr;
}
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 66% 35%, rgba(233,190,172,.17), transparent 28%), linear-gradient(110deg, transparent 0 58%, rgba(255,250,242,.8) 69%); pointer-events: none; }
.hero-photo { min-height: 710px; background: linear-gradient(90deg, transparent 78%, var(--paper)), url('/face-lift-page/images/embedded-02.webp') 25% 28% / cover no-repeat; position: relative; z-index: 1; }
.hero-copy { align-self: center; text-align: center; padding: 42px 36px 58px; position: relative; z-index: 2; direction: rtl; }
.eyebrow { color: var(--rose); font-size: 21px; letter-spacing: .02em; margin: 0; }
.ornament { display: block; margin: 10px 0 4px; color: var(--gold); opacity: .7; font-family: Georgia, serif; }
.hero h1 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: clamp(66px, 6.2vw, 104px); line-height: .98; margin: 14px 0 20px; font-weight: 500; letter-spacing: -.03em; }
.hero h2 { font-family: Georgia, "Noto Naskh Arabic", serif; color: #837007; font-size: clamp(28px, 2.5vw, 42px); font-weight: 500; margin: 0 0 16px; }
.hero-lead { color: #665851; font-size: 18px; line-height: 1.9; max-width: 610px; margin: 0 auto; }
.price-block { margin: 22px auto 16px; display: flex; flex-direction: column; align-items: center; }
.price-block > span { color: var(--muted); font-size: 14px; position: relative; }
.price-block > span::before, .price-block > span::after { content: ""; position: absolute; width: 72px; height: 1px; top: 50%; background: var(--gold-light); }
.price-block > span::before { right: calc(100% + 15px); }
.price-block > span::after { left: calc(100% + 15px); }
.price-block strong { font-family: Georgia, "Noto Naskh Arabic", serif; color: var(--rose); font-size: 27px; font-weight: 500; line-height: 1.2; }
.price-block strong b { font-size: 66px; font-weight: 500; margin-left: 9px; }
.price-block small { color: var(--muted); font-size: 14px; }
.primary-cta { max-width: 390px; min-height: 76px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 14px; border-radius: 13px; background: linear-gradient(135deg, #321d12, #24130c); color: #fffaf1; border: 1px solid var(--gold); font-size: 25px; box-shadow: 0 18px 42px rgba(55, 31, 19, .18); transition: transform .2s ease, box-shadow .2s ease; }
.primary-cta:hover { transform: translateY(-2px); box-shadow: 0 22px 48px rgba(55, 31, 19, .24); }
.hero-points { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 20px; color: var(--muted); font-size: 13px; }
.hero-points i { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }
.hero-art { position: relative; background: linear-gradient(180deg, rgba(243,219,207,.42), rgba(255,253,249,.75)); }
.gold-disc { position: absolute; top: 92px; right: 31px; width: 72px; height: 72px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #d7b574, #ac7730); opacity: .85; }
.face-line { position: absolute; top: 270px; right: 42px; font-size: 112px; color: var(--gold); opacity: .55; transform: rotate(90deg); font-family: Georgia, serif; }

.trust-strip { max-width: 1120px; margin: -34px auto 0; min-height: 116px; position: relative; z-index: 4; background: #fff; border: 1px solid rgba(189,143,69,.22); box-shadow: 0 14px 45px rgba(64,42,30,.08); display: grid; grid-template-columns: repeat(4,1fr); border-radius: 18px; }
.trust-strip div { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; position: relative; }
.trust-strip div:not(:last-child)::after { content: ""; position: absolute; left: 0; height: 42px; width: 1px; background: #eadcc7; }
.trust-strip strong { font-family: Georgia, "Noto Naskh Arabic", serif; color: var(--rose-dark); font-size: 24px; font-weight: 500; }
.trust-strip span { color: var(--muted); font-size: 13px; }

.sales-video { background: #f8f1e7; text-align: center; }
.video-shell { max-width: 960px; margin: 0 auto 32px; border-radius: 28px; overflow: hidden;  box-shadow: 0 28px 80px rgba(43,24,15,.22); border: 1px solid #d8ba88; }
.video-shell iframe, .lesson-frame iframe { width: 100%; height: 100%; border: 0; display: block; }

.transformation { background: var(--espresso); color: #fff8ef; }
.transformation .section-heading p { color: #cfbfb3; }
.result-gallery { max-width: 1160px; margin: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.result-gallery figure { margin: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid rgba(226,197,142,.35); }
.result-gallery img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.result-gallery figcaption { color: #6f5d53; font-size: 11px; padding: 11px; text-align: center; }
.natural-list { max-width: 980px; margin: 34px auto 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; text-align: center; }
.natural-list span, .natural-list strong { border: 1px solid rgba(226,197,142,.28); padding: 18px 12px; border-radius: 14px; font-size: 13px; }
.natural-list strong { color: var(--gold-light); }

.testimonials { background: #fbf7ef; }
.testimonial-grid { max-width: 1160px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.testimonial-grid article { padding: 28px; border-radius: 20px; background: #fff; border: 1px solid #eadcc7; box-shadow: 0 12px 35px rgba(61,40,26,.05); }
.testimonial-grid .stars { color: #d29a42; letter-spacing: 3px; }
.testimonial-grid small { color: #8b7a70; display: block; margin: 8px 0 16px; }
.testimonial-grid h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 24px; font-weight: 500; margin: 0 0 12px; }
.testimonial-grid p { color: var(--muted); line-height: 1.9; min-height: 108px; font-size: 14px; }
.testimonial-grid strong { color: var(--rose-dark); font-size: 14px; }

.story { background: #ead8ca; }
.story-grid { max-width: 1080px; margin: auto; display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; align-items: center; }
.story-grid > img { width: 100%; border-radius: 28px 28px 120px 28px; box-shadow: 0 24px 60px rgba(66,39,28,.17); }
.story-grid span { color: var(--rose-dark); font-size: 14px; }
.story-grid h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 45px; line-height: 1.3; font-weight: 500; margin: 10px 0 18px; }
.story-grid p { color: #67564d; line-height: 2; }
.story-grid blockquote { margin: 24px 0 0; padding: 18px 24px; border-right: 3px solid var(--gold); background: rgba(255,255,255,.42); color: var(--rose-dark); font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 20px; line-height: 1.8; }

.section { padding: 110px clamp(24px, 6vw, 100px); }
.section-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.section-heading > span { color: var(--gold); font-size: 14px; letter-spacing: .08em; }
.section-heading h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: clamp(38px, 4vw, 58px); font-weight: 500; margin: 10px 0 16px; line-height: 1.25; }
.section-heading p { color: var(--muted); line-height: 1.9; font-size: 17px; }
.results-grid { max-width: 1120px; margin: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.results-grid article { background: rgba(255,255,255,.68); border: 1px solid #eadfce; border-radius: 22px; padding: 28px 24px; min-height: 210px; }
.check { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #f2dfd9; color: var(--rose-dark); font-weight: 700; }
.results-grid h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 22px; font-weight: 500; margin: 18px 0 10px; }
.results-grid p { margin: 0; color: var(--muted); line-height: 1.8; font-size: 14px; }

.curriculum { background: var(--espresso); color: #fffaf2; }
.section-heading.light > span { color: var(--gold-light); }
.section-heading.light h2 { color: #fffaf2; }
.phase-grid { max-width: 1160px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: stretch; }
.phase-grid article { border: 1px solid rgba(226,197,142,.35); border-radius: 24px; padding: 36px 30px; background: rgba(255,255,255,.035); position: relative; overflow: hidden; }
.phase-grid article.featured { background: #f7ecdf; color: var(--ink); transform: translateY(-12px); }
.phase-no { position: absolute; left: 22px; top: 14px; font-family: Georgia, serif; font-size: 72px; color: var(--gold-light); opacity: .14; }
.phase-label { color: var(--gold-light); font-size: 12px; letter-spacing: .1em; margin: 0; }
.featured .phase-label { color: var(--rose-dark); }
.phase-grid h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 31px; font-weight: 500; margin: 10px 0 14px; }
.phase-grid article > p:not(.phase-label) { color: #d7c9be; line-height: 1.8; font-size: 14px; min-height: 76px; }
.phase-grid .featured > p:not(.phase-label) { color: var(--muted); }
.phase-grid ul { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 12px; }
.phase-grid li { position: relative; padding-right: 23px; font-size: 14px; }
.phase-grid li::before { content: "✦"; color: var(--gold); position: absolute; right: 0; }

.skills { background: #f8f1e7; }
.skill-list { max-width: 1120px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #ddc9ae; }
.skill-list article { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 28px 22px; border-bottom: 1px solid #ddc9ae; }
.skill-list article:nth-child(odd) { border-left: 1px solid #ddc9ae; }
.skill-list > article > span { font-family: Georgia, serif; color: var(--gold); font-size: 22px; }
.skill-list h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 23px; font-weight: 500; margin: 0 0 8px; }
.skill-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }

.pov-section { background: var(--paper); }
.pov-card { max-width: 1120px; margin: auto; min-height: 470px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #eadcc7; border-radius: 30px; overflow: hidden; background: #fff; box-shadow: 0 25px 70px rgba(72,47,32,.08); }
.pov-copy { padding: 64px 60px; }
.pov-copy > span { color: var(--gold); font-size: 14px; }
.pov-copy h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 44px; font-weight: 500; line-height: 1.3; margin: 10px 0 16px; }
.pov-copy p { color: var(--muted); line-height: 1.9; }
.pov-copy ul { list-style: none; padding: 0; display: grid; gap: 12px; }
.pov-copy li { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.pov-copy .check { width: 26px; height: 26px; flex: 0 0 26px; }
.lesson-frame { margin: 34px; border-radius: 24px; background: linear-gradient(145deg, #4b2a1e, #21120d); color: #fff7ed; position: relative; overflow: hidden; aspect-ratio: 16/10; }
.lesson-frame::before { content: ""; position: absolute; width: 260px; height: 260px; border: 1px solid rgba(226,197,142,.3); border-radius: 50%; }
.lesson-frame::after { content: ""; position: absolute; width: 180px; height: 180px; border: 1px solid rgba(226,197,142,.22); border-radius: 50%; }
.frame-top { position: absolute; top: 20px; left: 22px; display: flex; gap: 6px; }
.frame-top span { width: 7px; height: 7px; background: var(--gold-light); border-radius: 50%; opacity: .65; }
.hands-icon { width: 80px; height: 80px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(226,197,142,.6); font-size: 38px; color: var(--gold-light); position: relative; z-index: 1; }
.lesson-frame strong { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 28px; margin-top: 22px; position: relative; z-index: 1; }
.lesson-frame small { color: #d9c9bb; margin-top: 8px; position: relative; z-index: 1; }

.bonus-courses { background: var(--ivory); }
.bonus-course-grid { max-width: 1080px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.bonus-course-grid article { border-radius: 26px; padding: 42px; border: 1px solid #e2ceb2; background: linear-gradient(145deg, #fff, #f8eee3); position: relative; overflow: hidden; }
.bonus-course-grid article::after { content: "❧"; position: absolute; left: 22px; bottom: -18px; font-size: 108px; color: var(--gold); opacity: .08; }
.bonus-tag { color: var(--rose-dark); font-size: 12px; padding: 7px 12px; border: 1px solid #dcbeb3; border-radius: 30px; }
.bonus-course-grid h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 33px; font-weight: 500; margin: 22px 0 14px; }
.bonus-course-grid p { color: var(--muted); line-height: 1.9; }
.bonus-course-grid ul { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; }
.bonus-course-grid li::before { content: "✓"; color: var(--rose-dark); margin-left: 8px; }

.fit-section { padding: 72px 24px; background: #b06d60; color: #fffaf3; }
.fit-inner { max-width: 1120px; margin: auto; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; }
.fit-inner span { color: #f4d9ce; font-size: 13px; }
.fit-inner h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 43px; font-weight: 500; margin: 8px 0 0; }
.fit-inner p { line-height: 2; margin: 0; color: #fff4ef; }

.value-section { background: var(--espresso); color: #fff9f0; }
.value-section .section-heading p { color: #cfbfb3; }
.value-grid { max-width: 1120px; margin: auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.value-grid article { padding: 30px; border: 1px solid rgba(226,197,142,.25); border-radius: 20px; background: rgba(255,255,255,.035); }
.value-grid article > span { color: var(--gold-light); font-size: 12px; }
.value-grid h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 25px; font-weight: 500; margin: 8px 0 10px; }
.value-grid p { color: #d4c4b9; line-height: 1.8; font-size: 14px; min-height: 52px; }
.value-grid strong { color: var(--gold-light); font-size: 14px; }
.value-total { max-width: 620px; margin: 34px auto 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px; border: 1px solid var(--gold); border-radius: 20px; background: rgba(189,143,69,.08); }
.value-total span { color: #d6c5b7; font-size: 13px; }
.value-total del { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 28px; color: #cbaaa1; margin: 7px 0; }
.value-total strong { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 29px; color: #fff5e2; }
.income-note { color: #a9988b; font-size: 11px; line-height: 1.8; text-align: center; max-width: 770px; margin: 22px auto 0; }

.offer-section { background: #f7eee3; }
.offer-card { max-width: 980px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; border-radius: 30px; overflow: hidden; border: 1px solid #d8ba88; box-shadow: 0 25px 70px rgba(72,47,32,.12); }
.offer-main, .offer-side { padding: 48px; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.offer-main { background: #fffdf9; }
.offer-main > span { color: var(--muted); }
.offer-main del { font-family: Georgia, serif; font-size: 31px; color: #a69286; margin: 7px 0; }
.offer-main small { color: #9b7468; }
.offer-main strong { margin: 20px 0 4px; color: var(--rose-dark); font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 27px; }
.offer-main strong b { font-size: 76px; font-weight: 500; margin-left: 9px; }
.offer-main p { color: var(--muted); font-size: 13px; }
.offer-side { background: var(--espresso); color: #fff8ed; }
.offer-side h3 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 27px; font-weight: 500; }
.offer-side .primary-cta { width: 100%; background: #fff8ec; color: var(--espresso); }

.guarantee { background: var(--paper); }
.guarantee-card { max-width: 880px; margin: auto; display: grid; grid-template-columns: 160px 1fr; gap: 38px; align-items: center; border: 1px solid #d8ba88; border-radius: 28px; padding: 44px; background: #fff; }
.seal { width: 145px; height: 145px; border-radius: 50%; display: grid; place-items: center; background: var(--espresso); color: var(--gold-light); border: 8px double var(--gold); font-family: Georgia, serif; font-size: 58px; }
.guarantee-card span { color: var(--rose-dark); }
.guarantee-card h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 39px; font-weight: 500; margin: 6px 0 12px; }
.guarantee-card p { color: var(--muted); line-height: 1.9; }
.guarantee-card small { color: #9a887d; }
.final-cta .countdown { color: #fff8ed; }

.instructor { background: #f7eee3; }
.instructor-card { max-width: 960px; margin: auto; display: grid; grid-template-columns: 230px 1fr; gap: 54px; align-items: center; }
.signature { width: 220px; height: 260px; display: grid; place-items: center; border-radius: 50% 50% 44% 56% / 61% 45% 55% 39%; background: linear-gradient(145deg, #ecd8c9, #c78374); color: #fff9f0; font-family: Georgia, serif; font-style: italic; font-size: 130px; box-shadow: inset 0 0 0 12px rgba(255,255,255,.28); }
.instructor-card > div:last-child > span { color: var(--gold); font-size: 14px; }
.instructor-card h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 44px; line-height: 1.3; font-weight: 500; margin: 9px 0 15px; }
.instructor-card p { color: var(--muted); line-height: 2; }
.instructor-card .signoff { font-family: Georgia, "Noto Naskh Arabic", serif; color: var(--rose-dark); font-size: 20px; }

.faq { background: var(--paper); }
.faq-list { max-width: 860px; margin: auto; border-top: 1px solid #decbb3; }
.faq-list details { border-bottom: 1px solid #decbb3; padding: 0 6px; }
.faq-list summary { list-style: none; cursor: pointer; padding: 23px 0; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 20px; position: relative; padding-left: 40px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; left: 6px; top: 22px; color: var(--gold); font-family: Arial, sans-serif; font-size: 24px; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { color: var(--muted); line-height: 1.9; margin: 0 0 24px; padding-left: 45px; }

.final-cta { padding: 100px 24px; text-align: center; background: radial-gradient(circle at 50% 20%, #5a3425, #27160e 62%); color: #fff8ee; }
.final-cta > span { color: var(--gold-light); font-size: 14px; }
.final-cta h2 { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: clamp(42px, 5vw, 70px); font-weight: 500; margin: 10px 0; }
.final-cta > p { color: #d9c8ba; }
.final-price { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 18px 0; color: #f0cfbf; }
.final-price b { font-family: Georgia, serif; font-size: 72px; font-weight: 500; }
.final-price span { font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 26px; }
.light-button { background: #fff8ec; color: var(--espresso); }
.email-cta { display: block; width: fit-content; margin: 18px auto 0; color: #d6c5b8; font-size: 13px; border-bottom: 1px solid rgba(214,197,184,.5); }

footer { padding: 48px 24px; text-align: center; background: #1d100a; color: #ad9b8e; }
.footer-brand { justify-content: center; color: var(--gold-light); font-size: 23px; }
footer p { font-size: 12px; }
footer .disclaimer { max-width: 720px; margin: 12px auto 0; line-height: 1.8; color: #88786c; }
.mobile-buy { display: none; }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto; height: 76px; }
  .site-header nav { display: none; }
  .hero { grid-template-columns: .9fr 1.1fr; min-height: 650px; }
  .hero-art { display: none; }
  .hero-photo { min-height: 650px; }
  .results-grid { grid-template-columns: repeat(2,1fr); }
  .result-gallery { grid-template-columns: repeat(2,1fr); }
  .testimonial-grid { grid-template-columns: repeat(2,1fr); }
  .pov-card { grid-template-columns: 1fr; }
  .lesson-frame { min-height: 380px; }
}

@media (max-width: 680px) {
  .urgency-bar { flex-direction: column; gap: 6px; padding: 9px 8px; text-align: center; }
  .urgency-bar strong { font-size: 12px; }
  .site-header { padding: 0 18px; }
  .brand { font-size: 19px; }
  .brand-mark { font-size: 25px; }
  .contact-link { font-size: 0; }
  .hero { display: flex; flex-direction: column; min-height: auto; }
  .hero-photo { order: 0; min-height: 390px; background-image: linear-gradient(0deg, var(--paper), transparent 35%), url('/face-lift-page/images/embedded-02.webp'); background-position: 30% 25%; }
  .hero-copy { order: 1; padding: 12px 20px 48px; margin-top: -14px; }
  .eyebrow { font-size: 17px; }
  .hero h1 { font-size: 62px; }
  .hero h2 { font-size: 28px; }
  .hero-lead { font-size: 16px; }
  .price-block strong b { font-size: 58px; }
  .primary-cta { min-height: 66px; font-size: 21px; }
  .trust-strip { margin: 0; border-radius: 0; grid-template-columns: repeat(2,1fr); box-shadow: none; }
  .trust-strip div { min-height: 96px; border-bottom: 1px solid #eee1ce; }
  .trust-strip div::after { display: none; }
  .section { padding: 76px 20px; }
  .section-heading h2 { font-size: 38px; }
  .results-grid, .phase-grid, .result-gallery, .testimonial-grid, .natural-list { grid-template-columns: 1fr; }
  .natural-list { gap: 7px; }
  .results-grid article { min-height: 0; }
  .phase-grid article.featured { transform: none; }
  .skill-list, .bonus-course-grid, .value-grid, .fit-inner, .instructor-card, .story-grid, .offer-card, .guarantee-card { grid-template-columns: 1fr; }
  .story-grid { gap: 32px; }
  .story-grid h2 { font-size: 36px; }
  .offer-main, .offer-side { padding: 34px 22px; }
  .guarantee-card { padding: 30px 22px; text-align: center; }
  .seal { margin: auto; }
  .countdown div { min-width: 70px; }
  .skill-list article:nth-child(odd) { border-left: 0; }
  .pov-card { border-radius: 20px; }
  .pov-copy { padding: 42px 26px; }
  .pov-copy h2, .instructor-card h2 { font-size: 36px; }
  .lesson-frame { margin: 0 18px 18px; min-height: 310px; }
  .bonus-course-grid article { padding: 32px 24px; }
  .fit-inner { gap: 20px; }
  .value-grid article p { min-height: 0; }
  .instructor-card { text-align: center; }
  .signature { margin: auto; width: 180px; height: 210px; }
  .final-cta { padding-bottom: 120px; }
  .mobile-buy { display: block; position: fixed; z-index: 30; right: 14px; left: 14px; bottom: 12px; padding: 15px; text-align: center; background: var(--espresso); color: #fff8ed; border: 1px solid var(--gold); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.3); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

  

/* =========================================================
   إضافات الأقسام الناقصة من الصفحة المرجعية
   جميع الأسماء تبدأ بـ pbx- لتفادي التعارض مع ووردبرس.
   ========================================================= */
.pbx-section { padding: 96px clamp(22px, 6vw, 96px); direction: rtl; }
.pbx-wrap { width: min(1160px, 100%); margin: 0 auto; }
.pbx-heading { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.pbx-heading > span { display: inline-block; color: var(--gold); font-size: 13px; letter-spacing: .08em; margin-bottom: 8px; }
.pbx-heading h2 { margin: 0 0 16px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: clamp(36px, 4vw, 56px); line-height: 1.28; font-weight: 500; }
.pbx-heading p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.95; }
.pbx-card { background: #fff; border: 1px solid #eadcc7; border-radius: 24px; overflow: hidden; box-shadow: 0 16px 45px rgba(61,40,26,.07); }
.pbx-card img { width: 100%; height: 100%; object-fit: cover; }
.pbx-image-caption { padding: 11px 14px; text-align: center; color: #76655b; font-size: 12px; background: #fffdf9; }

.pbx-hook { background: linear-gradient(180deg, #fffdf9, #f7eee3); }
.pbx-hook-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }
.pbx-hook-copy { grid-column: 1 / -1; max-width: 890px; margin: 0 auto 10px; padding: 28px 34px; text-align: center; border: 1px solid #e3cdb1; border-radius: 22px; background: rgba(255,255,255,.72); }
.pbx-hook-copy h3 { margin: 0 0 12px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 30px; font-weight: 500; color: var(--rose-dark); }
.pbx-hook-copy p { margin: 0; color: var(--muted); line-height: 1.95; }
.pbx-comment-row { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }
.pbx-comment-row span { padding: 10px 16px; border: 1px solid #dfc9ad; border-radius: 999px; background: #fff; color: #684f43; font-size: 13px; }

.pbx-review-results { background: #f8f1e7; }
.pbx-review-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pbx-review-grid .pbx-card { aspect-ratio: 1 / 1.06; }

.pbx-outcomes { background: #fffdf9; }
.pbx-outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pbx-outcome-card { display: flex; flex-direction: column; }
.pbx-outcome-card img { aspect-ratio: 1 / 1; object-fit: cover; }
.pbx-outcome-body { padding: 26px 24px 28px; }
.pbx-outcome-body h3 { margin: 0 0 13px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 25px; font-weight: 500; }
.pbx-outcome-body ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.pbx-outcome-body li { position: relative; padding-right: 22px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.pbx-outcome-body li::before { content: "✓"; position: absolute; right: 0; color: var(--rose-dark); font-weight: 700; }
.pbx-natural-note { margin: 30px auto 0; max-width: 950px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.pbx-natural-note span { padding: 15px 10px; text-align: center; border: 1px solid #e1ccb1; border-radius: 14px; background: #f9f0e5; color: #6e574b; font-size: 13px; }

.pbx-package { background: linear-gradient(160deg, #2b190f, #42251a); color: #fff9f0; }
.pbx-package .pbx-heading p { color: #dacabd; }
.pbx-package-intro { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; margin-bottom: 34px; }
.pbx-package-main-image { border-radius: 26px; overflow: hidden; border: 1px solid rgba(226,197,142,.4); background: #fff; }
.pbx-package-main-image img { width: 100%; aspect-ratio: 10 / 7; object-fit: cover; }
.pbx-package-copy { padding: 10px 8px; }
.pbx-package-copy h3 { margin: 0 0 14px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 34px; font-weight: 500; }
.pbx-package-copy p { margin: 0 0 17px; color: #d9c8bb; line-height: 1.9; }
.pbx-package-copy ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.pbx-package-copy li { position: relative; padding-right: 24px; }
.pbx-package-copy li::before { content: "✦"; position: absolute; right: 0; color: var(--gold-light); }
.pbx-phase-visuals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pbx-phase-visual { background: rgba(255,255,255,.055); border: 1px solid rgba(226,197,142,.32); border-radius: 22px; overflow: hidden; }
.pbx-phase-visual img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.pbx-phase-visual div { padding: 22px; }
.pbx-phase-visual span { color: var(--gold-light); font-size: 12px; }
.pbx-phase-visual h3 { margin: 7px 0 10px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 25px; font-weight: 500; }
.pbx-phase-visual p { margin: 0; color: #d4c4b8; line-height: 1.8; font-size: 14px; }

.pbx-techniques { background: #f8f1e7; }
.pbx-technique-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pbx-technique-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.pbx-technique-card div { padding: 22px; }
.pbx-technique-card b { display: block; margin-bottom: 8px; color: var(--rose-dark); font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 21px; font-weight: 500; }
.pbx-technique-card p { margin: 0; color: var(--muted); line-height: 1.8; font-size: 14px; }

.pbx-bonus-visuals { background: #fffdf9; }
.pbx-bonus-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pbx-bonus-visual-card img { width: 100%; aspect-ratio: 10 / 7; object-fit: cover; }
.pbx-bonus-visual-card div { padding: 27px; }
.pbx-bonus-visual-card h3 { margin: 0 0 10px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 27px; font-weight: 500; }
.pbx-bonus-visual-card p { margin: 0; color: var(--muted); line-height: 1.85; }

.pbx-gifts { background: #f4e7da; }
.pbx-gift-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.pbx-gift-card { display: grid; grid-template-columns: 190px 1fr; min-height: 250px; }
.pbx-gift-card img { width: 100%; height: 100%; object-fit: cover; }
.pbx-gift-card div { padding: 27px; display: flex; flex-direction: column; justify-content: center; }
.pbx-gift-card span { color: var(--rose-dark); font-size: 12px; }
.pbx-gift-card h3 { margin: 7px 0 11px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 25px; font-weight: 500; }
.pbx-gift-card p { margin: 0; color: var(--muted); line-height: 1.85; font-size: 14px; }

.pbx-instructor-profile { background: #fffdf9; }
.pbx-instructor-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 54px; align-items: center; }
.pbx-instructor-photo { border-radius: 30px 30px 120px 30px; overflow: hidden; box-shadow: 0 25px 65px rgba(65,39,25,.16); }
.pbx-instructor-photo img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.pbx-instructor-copy > span { color: var(--gold); font-size: 13px; }
.pbx-instructor-copy h2 { margin: 8px 0 18px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: clamp(38px, 4vw, 52px); line-height: 1.28; font-weight: 500; }
.pbx-instructor-copy p { margin: 0 0 14px; color: var(--muted); line-height: 1.95; }
.pbx-instructor-journey { margin-top: 56px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: center; padding: 38px; border-radius: 28px; background: #ead8ca; }
.pbx-instructor-journey img { width: 100%; max-height: 520px; object-fit: contain; }
.pbx-instructor-journey h3 { margin: 0 0 14px; font-family: Georgia, "Noto Naskh Arabic", serif; font-size: 34px; font-weight: 500; }
.pbx-instructor-journey p { margin: 0 0 12px; color: #67564d; line-height: 1.95; }

@media (max-width: 980px) {
  .pbx-outcome-grid, .pbx-phase-visuals, .pbx-technique-grid { grid-template-columns: repeat(2, 1fr); }
  .pbx-review-grid { grid-template-columns: repeat(2, 1fr); }
  .pbx-package-intro, .pbx-instructor-grid, .pbx-instructor-journey { grid-template-columns: 1fr; }
  .pbx-gift-card { grid-template-columns: 160px 1fr; }
}

@media (max-width: 680px) {
  .pbx-section { padding: 72px 18px; }
  .pbx-hook-grid, .pbx-outcome-grid, .pbx-phase-visuals, .pbx-technique-grid, .pbx-bonus-visual-grid, .pbx-gift-grid, .pbx-natural-note { grid-template-columns: 1fr; }
  .pbx-review-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .pbx-hook-copy { padding: 24px 20px; }
  .pbx-gift-card { grid-template-columns: 1fr; }
  .pbx-gift-card img { aspect-ratio: 1 / 1; }
  .pbx-instructor-journey { padding: 25px 20px; }
}
