.cw[data-template="clinic-engine-one"] {
  --ce-muted: #455f71;
  --ce-border: #d7e5ee;
}
.cw[data-template="clinic-engine-one"] .cw-head,
.cw[data-template="clinic-engine-one"] .cw-wrap,
.cw[data-template="clinic-engine-one"] .cw-foot { width: min(1240px, calc(100% - 64px)); }
.cw[data-template="clinic-engine-one"] .cw-head {
  min-height: 82px;
  border-bottom: 1px solid var(--ce-border);
  gap: 18px;
}
.cw[data-template="clinic-engine-one"] .cw-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  direction: ltr;
  color: var(--text);
}
.cw[data-template="clinic-engine-one"] .cw-logo { height: 35px; }
.cw[data-template="clinic-engine-one"] .cw-nav { gap: clamp(14px, 2vw, 34px); }
.cw[data-template="clinic-engine-one"] .cw-nav a,
.ce-footer-nav a { text-decoration: none; font-weight: 700; }
.cw[data-template="clinic-engine-one"] .cw-btn {
  color: white;
  font: inherit;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 10px;
}
.cw[data-template="clinic-engine-one"] .cw-btn-ghost {
  color: var(--cw);
  margin-inline-start: 0;
}
.ce-hero {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(24px, 4vw, 62px);
  padding: clamp(30px, 6vw, 96px) 0 clamp(30px, 5vw, 74px);
}
.ce-hero h1, .ce-page-head h1 {
  font-size: clamp(2.15rem, 4.1vw, 4.1rem);
  line-height: 1.13;
  letter-spacing: -.035em;
  margin: 12px 0 20px;
}
[dir="rtl"] .ce-hero h1, [dir="rtl"] .ce-page-head h1 {
  line-height: 1.34;
  letter-spacing: normal;
}
.ce-kicker, .ce-sample {
  color: var(--cw);
  background: var(--cw2);
  border-radius: 100px;
  display: inline-block;
  font-size: .84rem;
  font-weight: 700;
  padding: 4px 12px;
  margin: 0;
}
.ce-lead { font-size: clamp(1rem, 1.5vw, 1.2rem); color: var(--ce-muted); }
.ce-actions, .ce-footer-nav { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.ce-hero figure { margin: 0; }
.ce-hero img, .ce-split img { display: block; width: 100%; border-radius: 18px; }
.ce-hero img { box-shadow: 0 18px 48px #102b4022; }
.ce-hero figcaption { font-size: .87rem; color: var(--ce-muted); padding-top: 10px; }
.ce-page-head {
  margin-top: 32px;
  padding: clamp(20px, 5vw, 62px);
  background: linear-gradient(130deg, var(--cw2), var(--surface));
  border-radius: 24px;
}
.ce-page-head h1 { margin-bottom: 0; }
.cw[data-template="clinic-engine-one"] .cw-section { padding: 28px 0 36px; }
.cw[data-template="clinic-engine-one"] .cw-section h2 {
  font-size: clamp(1.52rem, 2.6vw, 2.45rem);
  line-height: 1.35;
  margin: 0 0 20px;
}
.ce-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 178px), 1fr)); gap: 14px; }
.ce-grid .cw-card {
  border-color: var(--ce-border);
  padding: 18px;
  display: flex;
  flex-direction: column;
}
.ce-grid h3 { margin: 0; font-size: 1.1rem; }
.ce-grid p { color: var(--ce-muted); flex: 1; }
.ce-grid a { font-weight: 700; }
.ce-grid .cw-card::before {
  content: "";
  background: var(--cw);
  width: 27px;
  height: 5px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.ce-grid .cw-card:nth-child(2n)::before { background: #248370; }
.ce-grid .cw-card:nth-child(3n)::before { background: #785fb0; }
.ce-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(18px, 4vw, 50px);
  margin-bottom: 16px;
  padding: clamp(15px, 3vw, 32px);
  background: var(--surface);
  border: 1px solid var(--ce-border);
  border-radius: 22px;
}
.ce-split h3 { font-size: clamp(1.3rem, 2vw, 1.8rem); margin: 0 0 8px; }
.ce-split p { color: var(--ce-muted); }
.ce-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; padding: 0; list-style: none; counter-reset: ce-step; }
.ce-steps li { counter-increment: ce-step; padding: 16px; background: var(--surface); border: 1px solid var(--ce-border); border-radius: 14px; }
.ce-steps li::before { display: block; content: counter(ce-step, decimal-leading-zero); color: var(--cw); font-weight: 700; margin-bottom: 8px; }
.ce-faq { display: grid; gap: 10px; }
.ce-faq details { border: 1px solid var(--ce-border); border-radius: 14px; background: var(--surface); padding: 14px 18px; }
.ce-faq summary { cursor: pointer; font-weight: 700; }
.ce-faq details[open] summary { margin-bottom: 14px; }
.ce-band { background: #102b40; color: #fff; padding: clamp(18px, 4vw, 38px); border-radius: 20px; }
.ce-band p { margin-top: 0; }
.ce-chat { background: var(--cw2); max-width: 760px; border-radius: 20px; padding: 12px 18px; }
.ce-chat p { width: fit-content; max-width: 93%; background: var(--surface); border-radius: 12px; padding: 12px; }
.ce-chat .ce-outgoing { margin-inline-start: auto; background: #d9f3e9; }
.cw[data-template="clinic-engine-one"] .cw-form { max-width: 740px; padding: clamp(15px, 3vw, 34px); }
.cw[data-template="clinic-engine-one"] .cw-form fieldset { border: 1px solid var(--ce-border); border-radius: 12px; padding: 12px; }
.cw[data-template="clinic-engine-one"] .cw-form fieldset label { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.cw[data-template="clinic-engine-one"] .cw-form [type="checkbox"] { width: 1.1rem; height: 1.1rem; accent-color: var(--cw); }
.cw[data-template="clinic-engine-one"] .cw-form textarea { min-height: 90px; }
.cw[data-template="clinic-engine-one"] .cw-form button:disabled { opacity: .65; }
.cw[data-template="clinic-engine-one"] .cw-foot { border-top: 1px solid var(--ce-border); }
@media (max-width: 900px) {
  .cw[data-template="clinic-engine-one"] .cw-nav { order: 4; padding-bottom: 8px; }
  .ce-hero { grid-template-columns: 1fr; }
  .ce-hero img { max-height: 480px; width: auto; margin-inline: auto; }
}
@media (max-width: 640px) {
  .cw[data-template="clinic-engine-one"] .cw-head,
  .cw[data-template="clinic-engine-one"] .cw-wrap,
  .cw[data-template="clinic-engine-one"] .cw-foot { width: calc(100% - 32px); }
  .cw[data-template="clinic-engine-one"] .cw-head { gap: 10px; font-size: .88rem; }
  .cw[data-template="clinic-engine-one"] .cw-logo { height: 24px; }
  .cw[data-template="clinic-engine-one"] .cw-head .cw-btn { padding: 7px 9px; }
  .cw[data-template="clinic-engine-one"] .cw-nav { gap: 8px 16px; }
  .ce-split { grid-template-columns: 1fr; }
  .ce-hero img { width: 100%; }
}
:root {
  --cw: #00568f;
  --cw2: #e0eff8;
  --bg: #f7faFC;
  --surface: #fff;
  --text: #102b40;
  --font: system-ui, sans-serif;
}
:root[lang="ar"] { --font: Cairo, sans-serif; }

/* Product site visual system */
:root {
  --cw: #194fbd;
  --cw2: #e7efff;
  --bg: #f4f7fb;
  --text: #12213a;
}
.cw[data-template="clinic-engine-one"] {
  --ce-muted: #4d6380;
  --ce-border: #dce5f2;
  background: #f4f7fb;
}
.cw[data-template="clinic-engine-one"] .cw-head {
  min-height: 78px;
  border: 0;
}
.cw[data-template="clinic-engine-one"] .cw-nav a { color: #263b5c; }
.cw[data-template="clinic-engine-one"] .cw-nav a:hover { color: #194fbd; }
.cw[data-template="clinic-engine-one"] .cw-btn { background: #194fbd; box-shadow: 0 5px 16px #17366b26; }
.cw[data-template="clinic-engine-one"] .cw-btn:hover { background: #103c96; }
.cw[data-template="clinic-engine-one"] .cw-btn-ghost { background: transparent; color: #194fbd; }
.cw[data-template="clinic-engine-one"] .cw-btn-ghost:hover { background: #e7efff; }
.ce-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(28px, 5vw, 72px);
  min-height: 610px;
  margin: 5px 0 40px;
  border-radius: 32px;
  color: #fff;
  background:
    radial-gradient(ellipse at 84% 15%, #284b91 0%, #172e5900 49%),
    radial-gradient(ellipse at 13% 105%, #144f64 0%, #14264800 51%),
    #101d36;
  box-shadow: 0 20px 60px #11244625;
}
.ce-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: linear-gradient(#94bbff12 1px, transparent 1px), linear-gradient(90deg, #94bbff12 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(112deg, transparent, #000 80%);
}
.ce-hero h1 { font-size: clamp(2.35rem, 3.9vw, 4.15rem); text-wrap: balance; }
.ce-hero .ce-kicker { background: #92bbff1e; color: #c6daff; border: 1px solid #99baff38; }
.ce-hero .ce-lead { color: #d1dff4; line-height: 1.75; margin: 0 0 25px; }
.cw[data-template="clinic-engine-one"] .ce-hero .cw-btn { background: #b5d1ff; color: #112447; }
.cw[data-template="clinic-engine-one"] .ce-hero .cw-btn:hover { background: #d7e7ff; }
.cw[data-template="clinic-engine-one"] .ce-hero .cw-btn-ghost { color: #e0ebff; border-color: #829ccd; background: #ffffff06; box-shadow: none; }
.cw[data-template="clinic-engine-one"] .ce-hero .cw-btn-ghost:hover { background: #314d7b; }
.ce-hero figure { min-width: 0; }
.ce-hero img { box-shadow: 0 24px 58px #071326aa; outline: 1px solid #85aaff52; }
.ce-hero figcaption { color: #c3d6f2; font-size: .78rem; }
.ce-product-rail { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 24px 0 0; list-style: none; }
.ce-product-rail li { padding: 4px 10px; border: 1px solid #85a2d363; border-radius: 20px; color: #dce8ff; font-size: .78rem; }
.ce-page-head {
  color: #fff;
  background: radial-gradient(ellipse at 84% 5%, #2b4e93, #101d36 72%);
  padding: clamp(27px, 6vw, 72px);
  border-radius: 30px;
}
.ce-page-head .ce-kicker { background: #92bbff1e; color: #c6daff; }
.ce-page-head h1 { max-width: 18ch; }
.ce-page-head .ce-lead { color: #d3e0f7; max-width: 62ch; margin-bottom: 0; }
.cw[data-template="clinic-engine-one"] .cw-section { padding: 36px 0 44px; }
.cw[data-template="clinic-engine-one"] .cw-section h2 { color: #152944; font-size: clamp(1.65rem, 3.1vw, 2.8rem); letter-spacing: -.02em; }
.ce-grid { gap: 16px; }
.ce-grid .cw-card {
  min-height: 190px;
  border-radius: 20px;
  padding: 22px 19px;
  background: #fff;
  box-shadow: 0 10px 35px #22427b09;
}
.ce-grid .cw-card a { text-underline-offset: 4px; }
.ce-split {
  background: linear-gradient(135deg, #fff, #eaf2ff);
  padding: clamp(16px, 3vw, 39px);
  border-radius: 25px;
}
.ce-split img { box-shadow: 0 14px 36px #20365838; outline: 1px solid #a6b7d5; }
.ce-split h3 { color: #152944; }
.ce-sample { background: #e7efff; color: #214889; }
.ce-steps { gap: 14px; }
.ce-steps li { padding: 21px; border-radius: 19px; box-shadow: 0 8px 25px #19355d0b; }
.ce-steps li::before { color: #194fbd; font-size: 1.45rem; }
.ce-faq summary { color: #20385b; }
.ce-journey details[open] { border-color: #7da5f2; box-shadow: 0 12px 40px #203d7421; }
.ce-journey details[open] summary { color: #1647a9; }
.ce-band { background: linear-gradient(140deg, #101d36, #284c91); }
.ce-band a { box-shadow: none; }
.ce-chat { background: #e4eeff; border: 1px solid #d4e1fb; }
.cw[data-template="clinic-engine-one"] .cw-form { box-shadow: 0 14px 40px #19355d11; background: #fff; border-radius: 23px; }
@media (max-width: 1020px) {
  .ce-hero { min-height: 0; gap: 28px; }
}
@media (max-width: 640px) {
  .ce-hero { padding: 24px 18px; border-radius: 20px; margin-bottom: 15px; }
  .ce-hero h1 { font-size: clamp(1.95rem, 8.2vw, 2.45rem); margin-bottom: 14px; }
  .ce-hero .ce-lead { font-size: .94rem; margin-bottom: 17px; }
  .ce-product-rail { margin-top: 15px; gap: 5px; }
  .ce-hero .ce-actions { gap: 8px; }
  .ce-hero .ce-actions a { font-size: .86rem; padding: 8px 11px; }
  .ce-page-head { border-radius: 20px; }
  .cw[data-template="clinic-engine-one"] .cw-section { padding: 26px 0; }
  .ce-grid .cw-card { min-height: 0; }
}
.ce-hero { padding: clamp(28px, 4vw, 54px); gap: clamp(24px, 4vw, 52px); min-height: 580px; }
.ce-hero h1 { font-size: clamp(2.25rem, 3.32vw, 3.55rem); text-wrap: pretty; }
.ce-hero .ce-lead { line-height: 1.7; }
@media (max-width: 900px) {
  .ce-hero { min-height: 0; }
}
@media (max-width: 640px) {
  .ce-hero { padding: 20px 16px; gap: 20px; }
  .ce-hero h1 { font-size: clamp(1.85rem, 7.5vw, 2.2rem); }
  .ce-hero .ce-kicker { font-size: .76rem; }
  .ce-product-rail { display: none; }
}
.ce-clinical {
  padding: clamp(18px, 3.6vw, 45px);
  border-radius: 28px;
  color: #e9f1ff;
  background: radial-gradient(ellipse at 90% 0%, #274779, #101d36 70%);
}
.ce-clinical > p { max-width: 72ch; }
.ce-clinical > .ce-kicker { color: #d5e4ff; background: #446ba244; }
.ce-clinical-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.ce-clinical-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #182b49;
  border: 1px solid #44638a;
  border-radius: 17px;
}
.ce-clinical-card img { display: block; width: 100%; aspect-ratio: 1.42; object-fit: cover; }
.ce-clinical-card > div { display: flex; flex-direction: column; align-items: flex-start; padding: 17px; flex: 1; }
.ce-clinical-card h3 { margin: 0; font-size: clamp(1.1rem, 1.7vw, 1.5rem); }
.ce-clinical-card p { color: #c5d7f3; margin: 7px 0 17px; flex: 1; }
.cw[data-template="clinic-engine-one"] .ce-clinical-card .cw-btn {
  background: #c5d9ff;
  color: #13254a;
  box-shadow: none;
  font-size: .9rem;
}
.cw[data-template="clinic-engine-one"] .ce-clinical-card .cw-btn:hover { background: #e1ebff; }
@media (max-width: 760px) {
  .ce-clinical-grid { grid-template-columns: 1fr; }
}


@font-face {
  font-family: "Clinic Specialty Icons";
  src: url("/assets/vendor/fontawesome-6.7.2/webfonts/fa-solid-900.woff2") format("woff2");
  font-display: block;
}
.ce-specialties {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
}
.ce-specialties li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 11px 14px;
  border: 1px solid #dce5f2;
  border-radius: 14px;
  background: #fff;
  color: #152944;
  font-weight: 700;
}
.ce-specialty-icon {
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #e7efff;
  color: #194fbd;
  font: normal 18px "Clinic Specialty Icons";
}
.ce-spec-general::before { content: "\f0f1" / ""; }
.ce-spec-andrology::before { content: "\f222" / ""; }
.ce-spec-cardiology::before { content: "\f21e" / ""; }
.ce-spec-dermatology::before { content: "\f461" / ""; }
.ce-spec-ent::before { content: "\f2a2" / ""; }
.ce-spec-gyn::before { content: "\f221" / ""; }
.ce-spec-pediatrics::before { content: "\f77c" / ""; }
.ce-spec-ortho::before { content: "\f5d7" / ""; }
.ce-spec-ophthalmology::before { content: "\f06e" / ""; }
.ce-spec-dental::before { content: "\f5c9" / ""; }
.ce-spec-internal::before { content: "\f481" / ""; }
.ce-spec-neuro::before { content: "\f5dc" / ""; }
.ce-spec-oncology::before { content: "\f4d6" / ""; }
.ce-spec-physiotherapy::before { content: "\f554" / ""; }
.ce-spec-nutrition::before { content: "\f5d1" / ""; }
.ce-spec-mentalhealth::before { content: "\e4fb" / ""; }
.ce-spec-painmanagement::before { content: "\e05c" / ""; }
.ce-spec-diagnosticradiology::before { content: "\f497" / ""; }
.ce-spec-obgyn::before { content: "\e31e" / ""; }

/* Full-width editorial presentation for the product homepage. */
.cw[data-template="clinic-engine-one"] { background: #fff; }
.cw[data-template="clinic-engine-one"] .cw-wrap { width: 100%; }
.cw[data-template="clinic-engine-one"] .cw-wrap > :not(.ce-editorial-hero, .ce-journey-hero, .ce-photo-gallery, .ce-slides) {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
}
.cw[data-template="clinic-engine-one"] .cw-head {
  min-height: 88px;
  background: #fff;
}
.cw[data-template="clinic-engine-one"] .cw-head > .cw-btn { background: #ffd57a; color: #1d2a43; box-shadow: none; }
.cw[data-template="clinic-engine-one"] .cw-head > .cw-btn:hover { background: #f6be4f; }
.ce-editorial-hero {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  min-height: clamp(510px, 43vw, 650px);
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: #122449;
  box-shadow: none;
  overflow: clip;
}
.ce-editorial-hero::before { display: none; }
.ce-editorial-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0a193af2 0%, #10234adc 26%, #14295186 48%, #0d183229 70%, transparent 100%);
  z-index: -1;
}
[dir="rtl"] .ce-editorial-hero::after { transform: scaleX(-1); }
.ce-editorial-hero > img.ce-hero-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  border-radius: 0;
  object-fit: cover;
  object-position: center 48%;
  box-shadow: none;
  outline: 0;
  z-index: -2;
}
[dir="rtl"] .ce-editorial-hero > img.ce-hero-scene { transform: scaleX(-1); }
.ce-editorial-copy {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
  padding-block: 58px;
}
.ce-editorial-copy h1 {
  max-width: 12ch;
  font-size: clamp(2.6rem, 3.9vw, 4.15rem);
  margin-block: 14px 19px;
  text-wrap: balance;
}
[dir="rtl"] .ce-editorial-copy h1 { max-width: 17ch; line-height: 1.24; }
.ce-editorial-copy .ce-lead { max-width: 48ch; color: #edf4ff; }
.cw[data-template="clinic-engine-one"] .ce-editorial-copy .cw-btn { background: #ffd57a; color: #132443; }
.cw[data-template="clinic-engine-one"] .ce-editorial-copy .cw-btn:hover { background: #ffe4aa; }
.cw[data-template="clinic-engine-one"] .ce-editorial-copy .cw-btn-ghost { color: #fff; background: #11244977; }
.ce-explore {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-block: 15px;
  border-bottom: 1px solid #dce5f2;
}
.ce-explore a {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px clamp(8px, 1.5vw, 22px);
  text-decoration: none;
  color: #17305a;
  border-inline-end: 1px solid #dce5f2;
}
.ce-explore a:last-child { border-inline-end: 0; }
.ce-explore a:hover { background: #f4f7fc; }
.ce-explore small { display: block; color: #4e6582; font-size: .8rem; }
.ce-explore-index { font-size: .85rem; color: #194fbd; font-weight: 700; }
.ce-hero-product { border-bottom: 1px solid #dce5f2; padding: 12px 0; }
.ce-hero-product summary { cursor: pointer; width: fit-content; color: #194fbd; font-weight: 700; }
.ce-hero-product figure { margin: 15px 0 0; max-width: 720px; }
.ce-hero-product figcaption { color: #526887; font-size: .85rem; }
.ce-specialty-section > h2, .ce-specialty-section > p { text-align: center; }
.ce-specialty-section > p { color: #4e6582; }
.ce-specialty-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-block: 22px; }
.ce-specialty-filters button {
  font: inherit;
  font-weight: 700;
  color: #254875;
  border: 1px solid #cddcef;
  background: #fff;
  border-radius: 8px;
  padding: 6px 15px;
  cursor: pointer;
}
.ce-specialty-filters button[aria-pressed="true"] { background: #194fbd; color: #fff; border-color: #194fbd; }
.ce-specialties li[hidden] { display: none; }
.ce-clinical {
  color: #192f50;
  background: #f1f6fe;
  border: 1px solid #dce8f9;
  border-radius: 18px;
}
.ce-clinical > .ce-kicker { background: #e1ebfb; color: #244f93; }
.ce-clinical-card { background: #fff; border-color: #d5e2f5; border-radius: 12px; }
.ce-clinical-card p { color: #455f80; }
@media (max-width: 920px) {
  .ce-explore { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ce-explore a:nth-child(2) { border-inline-end: 0; }
}
@media (max-width: 640px) {
  .cw[data-template="clinic-engine-one"] .cw-head { min-height: 72px; }
  .cw[data-template="clinic-engine-one"] .cw-wrap > :not(.ce-editorial-hero, .ce-journey-hero, .ce-photo-gallery, .ce-slides) { width: calc(100% - 32px); }
  .ce-editorial-hero { min-height: 0; gap: 0; padding: 0; }
  .ce-editorial-hero::after { display: none; }
  .ce-editorial-copy { width: calc(100% - 32px); padding-block: 29px 22px; }
  .ce-editorial-copy h1 { font-size: clamp(1.9rem, 8.5vw, 2.6rem); max-width: 17ch; }
  [dir="rtl"] .ce-editorial-copy h1 { max-width: 18ch; }
  .ce-editorial-hero > img.ce-hero-scene {
    position: static;
    order: 2;
    width: 100%;
    height: clamp(195px, 62vw, 320px);
    object-position: 76% 50%;
  }
  [dir="rtl"] .ce-editorial-hero > img.ce-hero-scene { transform: none; }
  .ce-explore a { padding: 9px 6px; gap: 7px; font-size: .87rem; }
  .ce-explore small { font-size: .74rem; }
}

.ce-scene-caption {
  position: absolute;
  inset-inline-end: max(16px, calc((100% - 1240px) / 2));
  inset-block-end: 15px;
  padding: 4px 10px;
  margin: 0;
  border-radius: 6px;
  background: #0e1e3be6;
  color: #f2f6ff;
  font-size: .78rem;
}
.ce-scene-picker { padding: 17px 0; border-bottom: 1px solid #dce5f2; }
.ce-scene-picker[hidden] { display: none; }
.ce-scene-picker p { font-weight: 700; margin: 0 0 8px; color: #192f50; }
.ce-scene-picker > div { display: flex; flex-wrap: wrap; gap: 8px; }
.ce-scene-picker button {
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
  padding: 6px 12px;
  border: 1px solid #cddcef;
  border-radius: 7px;
  background: #fff;
  color: #244875;
  cursor: pointer;
}
.ce-scene-picker button[aria-pressed="true"] { background: #194fbd; color: #fff; border-color: #194fbd; }
@media (max-width: 640px) {
  .ce-scene-caption { inset-block-end: 10px; }
}
@media (max-width: 640px) {
  .ce-editorial-hero > img.ce-hero-scene { height: clamp(255px, 81vw, 380px); }
}
.ce-scene-picker .ce-scene-rotation { margin-inline-start: 12px; }

.ce-scene-controls { display: inline-flex; align-items: center; gap: 8px; margin-inline-start: 12px; flex-wrap: wrap; }
.ce-scene-countdown {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: radial-gradient(closest-side, white 77%, transparent 80%),
    conic-gradient(#194fbd var(--ce-progress, 0turn), #dce5f2 0turn);
  color: #194fbd;
  font-variant-numeric: tabular-nums;
}

.ce-dental-chart {
  position: absolute;
  inset-inline-end: max(16px, calc((100% - 1240px) / 2));
  inset-block-end: 52px;
  width: min(300px, 32%);
  border: 2px solid #fff;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 20px #11234055;
}
.ce-dental-chart[hidden] { display: none; }
.ce-editorial-hero .ce-dental-chart img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}
@media (max-width: 640px) {
  .ce-dental-chart {
    position: static;
    order: 3;
    width: min(300px, calc(100% - 32px));
    margin: 12px auto 44px;
  }
}

.ce-material-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 18px 0;
  border-bottom: 1px solid #dce5f2;
}
.ce-material-callout h2 { margin: 0; font-size: 1.16rem; color: #17305a; }
.ce-material-callout p { margin: 4px 0 0; color: #4e6582; }
.ce-material h3 { margin: 28px 0 12px; color: #17305a; }
.ce-material-videos, .ce-material-posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 14px;
}
.ce-material-videos article, .ce-material-posts a {
  border: 1px solid #dce5f2;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.ce-material-videos h4 { margin: 0; padding: 11px 13px; color: #17305a; }
.ce-material-videos video {
  display: block;
  width: 100%;
  height: clamp(205px, 24vw, 320px);
  object-fit: contain;
  background: #0b1831;
}
.ce-material-group {
  margin-block: 10px;
  border: 1px solid #dce5f2;
  border-radius: 10px;
  background: #f7faff;
}
.ce-material-group summary { cursor: pointer; padding: 11px 15px; color: #17305a; font-weight: 700; }
.ce-material-group summary span { color: #506684; font-weight: 400; }
.ce-material-posts { padding: 0 12px 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); }
.ce-material-posts a { text-decoration: none; }
.ce-material-posts a:hover span { text-decoration: underline; }
.ce-material-posts img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: #102443; }
.ce-material-posts span { display: block; padding: 8px 11px; font-weight: 700; color: #194fbd; }

.ce-programs {
  margin-block: clamp(28px, 5vw, 66px);
  scroll-margin-top: 100px;
}
.ce-programs h2 { margin: 0 0 20px; color: #17305a; }
.ce-programs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr));
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ce-program-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #dce5f2;
  border-radius: 12px;
  background: #f7faff;
  color: #17305a;
  text-decoration: none;
}
.ce-program-card:hover,
.ce-program-card:focus-visible { border-color: #194fbd; background: #edf4ff; }
.ce-program-card h3 { margin: 0; color: inherit; font-size: 1.08rem; line-height: 1.4; }
.ce-program-name { align-self: start; color: #4e6582; font-size: .84rem; margin-block-start: 4px; }
.ce-program-card p { color: #4e6582; margin: 8px 0 12px; }
.ce-program-link { color: #194fbd; font-weight: 700; margin-block-start: auto; }
.ce-program-card:hover .ce-program-link { text-decoration: underline; }
.ce-brand-lockup { display: inline-flex; align-items: center; gap: 8px; direction: ltr; }
.ce-brand-lockup img { display: block; object-fit: contain; }
.ce-journey-hero,
.ce-photo-gallery {
  --ce-blue: #04679f;
  --ce-ink: #151c24;
  --ce-muted: #495965;
  --ce-edge: #d5e2ea;
  color: var(--ce-ink);
}
.ce-journey-hero {
  background: #f3f7fa url("journey-arcs.svg") no-repeat left -82px center / auto 91%;
  padding: clamp(40px, 6vw, 82px) 0;
}
.ce-journey-inner {
  width: min(1256px, calc(100% - 44px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.04fr);
  align-items: center;
  gap: clamp(24px, 4.5vw, 70px);
}
.ce-journey-copy h1 {
  margin: 18px 0 20px;
  color: var(--ce-ink);
  font-size: clamp(2.45rem, 5.7vw, 5rem);
  font-weight: 800;
  line-height: 1.13;
}
[lang="en"] .ce-journey-copy h1 { font-size: clamp(2.2rem, 4.6vw, 4.1rem); }
.ce-journey-copy h1 span { color: var(--ce-blue); }
.ce-journey-eyebrow {
  display: inline-block;
  margin: 0;
  padding: 4px 14px;
  color: var(--ce-blue);
  background: #e2f1f8;
  font-weight: 700;
  border-radius: 99px;
}
.ce-journey-lead { font-size: clamp(1rem, 1.45vw, 1.2rem); color: var(--ce-muted); }
.ce-journey-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 22px; }
.cw[data-template="clinic-engine-one"] .ce-journey-actions .cw-btn { background: #04679f; color: #fff; border: 1px solid #04679f; }
.cw[data-template="clinic-engine-one"] .ce-journey-actions .cw-btn-ghost { background: white; color: #04679f; }
.ce-journey-features,
.ce-record-steps,
.ce-photo-grid { list-style: none; margin: 0; padding: 0; }
.ce-journey-features { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--ce-muted); font-size: .88rem; }
.ce-journey-features li { display: flex; align-items: center; gap: 6px; }
.ce-journey-demo { position: relative; padding: 0 0 40px; scroll-margin-top: 100px; }
.ce-journey-record {
  background: white;
  border: 1px solid #dce5ec;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 48px -8px #03447b20;
}
.ce-record-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 22px;
  background: #f2f6f9;
  border-bottom: 1px solid #dce5ec;
}
.ce-record-head h2 { margin: 0; font-size: 1rem; color: var(--ce-ink); }
.ce-record-head span,
.ce-record-progress span { font-size: .83rem; color: var(--ce-muted); }
.ce-record-body { padding: 16px 22px 22px; }
.ce-record-patient,
.ce-record-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; }
.ce-record-patient { margin-bottom: 14px; }
.ce-record-steps li { padding: 12px 0; }
.ce-record-steps li + li { border-top: 1px solid #dce5ec; }
.ce-record-body strong, .ce-record-alert strong { display: block; line-height: 1.5; }
.ce-record-body small, .ce-record-alert small { display: block; color: var(--ce-muted); line-height: 1.5; }
.ce-record-avatar,
.ce-record-icon { width: 40px; height: 40px; display: grid; place-items: center; background: #e2f1f8; color: var(--ce-blue); border-radius: 13px; }
.ce-record-avatar { width: 48px; height: 48px; border-radius: 50%; font-weight: 700; }
.ce-record-status { display: inline-flex; align-items: center; gap: 5px; background: #e2f1f8; color: #00527f; border-radius: 99px; padding: 3px 9px; font-size: .78rem; font-weight: 700; }
.ce-status-pending { background: #edf0f2; color: #26303b; }
.ce-status-review { background: #04679f; color: white; }
.ce-record-progress { display: grid; gap: 5px; margin-block-start: 15px; }
.ce-record-progress progress { display: block; width: 100%; height: 8px; border: 0; accent-color: #04679f; }
.ce-record-alert {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 14px;
  background: white;
  border: 1px solid #dce5ec;
  box-shadow: 0 12px 24px #03447b17;
}
.ce-record-alert img { border-radius: 10px; object-fit: cover; }
.ce-photo-gallery {
  padding: clamp(30px, 4vw, 54px) max(22px, calc((100% - 1256px)/2));
  background: #eaf5fa;
  scroll-margin-top: 100px;
}
.ce-photo-gallery h2 { font-size: clamp(1.7rem, 3.3vw, 2.65rem); color: #0a334d; margin: 0; line-height: 1.25; }
.ce-photo-gallery > p { margin: 12px 0; color: #435e71; }
.ce-photo-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.ce-photo-grid li { grid-column: span 2; border: 1px solid var(--ce-edge); border-radius: 14px; background: white; overflow: hidden; }
.ce-photo-grid li:nth-last-child(-n+2) { grid-column: span 3; }
.ce-photo-grid img { display: block; width: 100%; height: clamp(110px, 15vw, 177px); object-fit: cover; }
.ce-photo-grid li:nth-last-child(-n+2) img { height: clamp(110px, 18vw, 230px); }
.ce-photo-grid li > div { padding: 12px 15px; }
.ce-photo-grid h3 { font-size: 1.15rem; margin: 0; color: var(--ce-ink); line-height: 1.35; }
.ce-photo-grid li p { margin: 4px 0 0; color: #435e71; font-size: .9rem; }
.ce-slides { box-sizing: border-box; max-width: 920px; margin: 20px auto 28px; border: 1px solid #d5e2ea; padding: clamp(12px, 3vw, 26px); background: #fff; border-radius: 16px; color: #0a334d; }
.ce-slides h3 { margin: 0 0 10px; font-size: clamp(1.2rem, 3vw, 2rem); }
.ce-slide-image { width: 100%; height: auto; aspect-ratio: 856 / 470; object-fit: cover; border-radius: 13px; display: block; }
.ce-slides .ce-scene-picker { padding-block-end: 0; border-bottom: 0; }
.ce-slides .ce-scene-picker p { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.ce-slides .ce-scene-controls { margin-inline-start: 0; }
.ce-slide-dental { color: #00527f; font-weight: 700; }
.ce-slide-dental[hidden], .ce-slides .ce-scene-caption { display: none; }
@media (max-width: 760px) {
  .ce-journey-hero { padding: 30px 0; background-image: none; }
  .ce-journey-inner { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ce-record-body, .ce-record-head { padding-inline: 12px; }
  .ce-record-avatar, .ce-record-icon { width: 33px; height: 33px; }
  .ce-record-patient, .ce-record-steps li { gap: 6px; }
  .ce-record-body strong { font-size: .86rem; }
  .ce-record-body small, .ce-record-alert small { font-size: .72rem; }
  .ce-record-status { font-size: .68rem; padding-inline: 6px; }
  .ce-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ce-photo-grid li, .ce-photo-grid li:nth-last-child(-n+2) { grid-column: auto; }
  .ce-photo-grid img, .ce-photo-grid li:nth-last-child(-n+2) img { height: clamp(100px, 28vw, 170px); }
  .ce-photo-grid li > div { padding: 10px; }
  .ce-photo-grid h3 { font-size: .95rem; }
  .ce-photo-grid li p { font-size: .78rem; }
}
.cw[data-template="clinic-engine-one"] .cw-head > .cw-btn { background: #04679f; color: #fff; }
.cw[data-template="clinic-engine-one"] .cw-head > .cw-btn:hover { background: #00527f; }
.cw[data-template="clinic-engine-one"] .cw-nav { gap: clamp(10px, 1.5vw, 23px); }
.ce-site-login { color: #00527f; white-space: nowrap; }
.ce-program-demo { background: #0a334d; color: #fff; padding: clamp(24px, 4vw, 50px); border-radius: 14px; }
.ce-program-demo h2 { color: inherit; margin: 0 0 14px; font-size: clamp(1.55rem, 3vw, 2.25rem); }
.cw[data-template="clinic-engine-one"] .ce-program-demo .cw-btn { background: #04679f; color: #fff; }
@media (max-width: 560px) {
  .ce-brand-lockup { gap: 5px; }
  .ce-brand-lockup img:first-child { width: 30px; height: 30px; }
  .ce-brand-lockup img:last-child { width: 86px; height: auto; }
  .ce-site-login { order: 3; }
}
.ce-record-progress progress { appearance: none; background: #e7edf1; border-radius: 99px; overflow: hidden; }
.ce-record-progress progress::-webkit-progress-bar { background: #e7edf1; }
.ce-record-progress progress::-webkit-progress-value { background: linear-gradient(to left, #0384b4, #03447b); border-radius: 99px; }
.ce-record-progress progress::-moz-progress-bar { background: #04679f; border-radius: 99px; }
.ce-menu-toggle, .cw[data-template="clinic-engine-one"] .ce-mobile-nav-link { display: none; }
@media (max-width: 760px) {
  .cw[data-template="clinic-engine-one"] .ce-menu-toggle:not([hidden]) {
    display: inline-block;
    color: #00527f;
    background: transparent;
    border: 0;
    padding: 7px;
    font: inherit;
    cursor: pointer;
  }
  .cw[data-template="clinic-engine-one"] .ce-menu-toggle:not([hidden]) ~ .ce-site-login,
  .cw[data-template="clinic-engine-one"] .ce-menu-toggle:not([hidden]) ~ .cw-lang,
  .cw[data-template="clinic-engine-one"] .ce-menu-toggle:not([hidden])[aria-expanded="false"] + .cw-nav { display: none; }
  .cw[data-template="clinic-engine-one"] .ce-menu-toggle:not([hidden]) + .cw-nav .ce-mobile-nav-link { display: inline-block; }
  .cw[data-template="clinic-engine-one"] .ce-journey-actions .cw-btn { padding: 9px 11px; font-size: .85rem; }
}