/* Impeccable scaffold: the measured layout of the approved comp as custom properties. Generated by build-phase.mjs scaffold; regenerate after comp-spec.mjs --regions changes. Bind these to your own markup; positions are % of the comp frame so they scale with it. */
:root {
  --r-hero-photo-x: 0.000%; --r-hero-photo-y: 0.000%; --r-hero-photo-w: 100.000%; --r-hero-photo-h: 58.980%;
  --r-logo-x: 4.230%; --r-logo-y: 1.760%; --r-logo-w: 14.320%; --r-logo-h: 9.570%;
  --r-headline-x: 7.420%; --r-headline-y: 12.210%; --r-headline-w: 35.680%; --r-headline-h: 15.430%;
  --r-headline-cap: 63px; --r-headline-font: 91px; --r-headline-family: 'Elsie'; --r-headline-weight: 400;
  --r-hero-description-x: 7.940%; --r-hero-description-y: 29.490%; --r-hero-description-w: 28.650%; --r-hero-description-h: 4.300%;
  --r-hero-description-cap: 14px; --r-hero-description-font: 21px;
  --r-arabic-headline-x: 8.070%; --r-arabic-headline-y: 37.700%; --r-arabic-headline-w: 29.690%; --r-arabic-headline-h: 3.810%;
  --r-arabic-headline-cap: 24px; --r-arabic-headline-font: 35px;
  --r-arabic-description-x: 8.140%; --r-arabic-description-y: 42.480%; --r-arabic-description-w: 29.360%; --r-arabic-description-h: 1.760%;
  --r-arabic-description-cap: 11px; --r-arabic-description-font: 16px;
  --r-nav-departments-x: 30.010%; --r-nav-departments-y: 3.320%; --r-nav-departments-w: 7.750%; --r-nav-departments-h: 2.730%;
  --r-nav-doctors-x: 40.890%; --r-nav-doctors-y: 3.320%; --r-nav-doctors-w: 5.920%; --r-nav-doctors-h: 2.730%;
  --r-nav-offers-x: 49.220%; --r-nav-offers-y: 3.320%; --r-nav-offers-w: 2.990%; --r-nav-offers-h: 2.730%;
  --r-nav-visit-x: 55.080%; --r-nav-visit-y: 3.320%; --r-nav-visit-w: 3.390%; --r-nav-visit-h: 2.730%;
  --r-language-x: 75.520%; --r-language-y: 3.320%; --r-language-w: 3.130%; --r-language-h: 2.730%;
  --r-nav-book-x: 80.530%; --r-nav-book-y: 2.340%; --r-nav-book-w: 15.300%; --r-nav-book-h: 4.880%;
  --r-booking-strip-x: 4.360%; --r-booking-strip-y: 50.100%; --r-booking-strip-w: 91.340%; --r-booking-strip-h: 9.080%;
  --r-booking-heading-x: 6.580%; --r-booking-heading-y: 52.440%; --r-booking-heading-w: 18.100%; --r-booking-heading-h: 2.730%;
  --r-booking-heading-cap: 19px; --r-booking-heading-font: 28px;
  --r-booking-subtitle-x: 6.580%; --r-booking-subtitle-y: 55.570%; --r-booking-subtitle-w: 16.280%; --r-booking-subtitle-h: 1.760%;
  --r-booking-subtitle-cap: 11px; --r-booking-subtitle-font: 16px;
  --r-department-select-x: 25.910%; --r-department-select-y: 52.050%; --r-department-select-w: 23.240%; --r-department-select-h: 5.370%;
  --r-date-select-x: 50.000%; --r-date-select-y: 52.050%; --r-date-select-w: 22.980%; --r-date-select-h: 5.370%;
  --r-booking-submit-x: 73.830%; --r-booking-submit-y: 52.050%; --r-booking-submit-w: 20.700%; --r-booking-submit-h: 5.570%;
  --r-departments-kicker-x: 4.880%; --r-departments-kicker-y: 62.010%; --r-departments-kicker-w: 11.000%; --r-departments-kicker-h: 1.170%;
  --r-departments-kicker-cap: 8px; --r-departments-kicker-font: 11px;
  --r-departments-headline-x: 4.820%; --r-departments-headline-y: 64.450%; --r-departments-headline-w: 27.930%; --r-departments-headline-h: 8.690%;
  --r-departments-headline-cap: 33px; --r-departments-headline-font: 48px;
  --r-departments-description-x: 4.820%; --r-departments-description-y: 74.320%; --r-departments-description-w: 27.600%; --r-departments-description-h: 6.150%;
  --r-departments-description-cap: 12px; --r-departments-description-font: 18px;
  --r-departments-arabic-headline-x: 4.820%; --r-departments-arabic-headline-y: 82.030%; --r-departments-arabic-headline-w: 28.190%; --r-departments-arabic-headline-h: 3.320%;
  --r-departments-arabic-headline-cap: 19px; --r-departments-arabic-headline-font: 27px;
  --r-departments-arabic-description-x: 4.820%; --r-departments-arabic-description-y: 85.640%; --r-departments-arabic-description-w: 27.930%; --r-departments-arabic-description-h: 3.320%;
  --r-departments-arabic-description-cap: 10px; --r-departments-arabic-description-font: 14px;
  --r-departments-link-x: 4.820%; --r-departments-link-y: 91.800%; --r-departments-link-w: 21.090%; --r-departments-link-h: 4.790%;
  --r-dental-photo-x: 35.090%; --r-dental-photo-y: 61.820%; --r-dental-photo-w: 18.030%; --r-dental-photo-h: 23.050%;
  --r-gp-photo-x: 56.380%; --r-gp-photo-y: 61.820%; --r-gp-photo-w: 17.900%; --r-gp-photo-h: 22.270%;
  --r-lab-photo-x: 77.150%; --r-lab-photo-y: 61.820%; --r-lab-photo-w: 17.900%; --r-lab-photo-h: 22.270%;
  --r-dental-title-x: 36.200%; --r-dental-title-y: 82.910%; --r-dental-title-w: 13.410%; --r-dental-title-h: 4.790%;
  --r-dental-title-cap: 16px; --r-dental-title-font: 23px;
  --r-gp-title-x: 57.550%; --r-gp-title-y: 82.910%; --r-gp-title-w: 14.580%; --r-gp-title-h: 4.790%;
  --r-gp-title-cap: 16px; --r-gp-title-font: 23px;
  --r-lab-title-x: 78.130%; --r-lab-title-y: 82.910%; --r-lab-title-w: 16.930%; --r-lab-title-h: 4.790%;
  --r-lab-title-cap: 15px; --r-lab-title-font: 21px;
  --r-dental-description-x: 36.260%; --r-dental-description-y: 89.260%; --r-dental-description-w: 13.220%; --r-dental-description-h: 6.350%;
  --r-dental-description-cap: 9px; --r-dental-description-font: 14px;
  --r-gp-description-x: 57.550%; --r-gp-description-y: 89.260%; --r-gp-description-w: 14.320%; --r-gp-description-h: 6.350%;
  --r-gp-description-cap: 10px; --r-gp-description-font: 16px;
  --r-lab-description-x: 78.130%; --r-lab-description-y: 89.260%; --r-lab-description-w: 15.360%; --r-lab-description-h: 6.350%;
  --r-lab-description-cap: 11px; --r-lab-description-font: 16px;
  --r-dental-link-x: 49.090%; --r-dental-link-y: 91.800%; --r-dental-link-w: 3.130%; --r-dental-link-h: 4.690%;
  --r-gp-link-x: 70.380%; --r-gp-link-y: 91.800%; --r-gp-link-w: 3.130%; --r-gp-link-h: 4.690%;
  --r-lab-link-x: 91.080%; --r-lab-link-y: 91.800%; --r-lab-link-w: 3.130%; --r-lab-link-h: 4.690%;
  --r-department-frames-x: 34.640%; --r-department-frames-y: 61.040%; --r-department-frames-w: 65.360%; --r-department-frames-h: 38.960%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-hero-photo { position: absolute; left: var(--r-hero-photo-x); top: var(--r-hero-photo-y); width: var(--r-hero-photo-w); height: var(--r-hero-photo-h); }
.r-logo { position: absolute; left: var(--r-logo-x); top: var(--r-logo-y); width: var(--r-logo-w); height: var(--r-logo-h); }
.r-headline { position: absolute; left: var(--r-headline-x); top: var(--r-headline-y); width: var(--r-headline-w); height: var(--r-headline-h); }
.r-hero-description { position: absolute; left: var(--r-hero-description-x); top: var(--r-hero-description-y); width: var(--r-hero-description-w); height: var(--r-hero-description-h); }
.r-arabic-headline { position: absolute; left: var(--r-arabic-headline-x); top: var(--r-arabic-headline-y); width: var(--r-arabic-headline-w); height: var(--r-arabic-headline-h); }
.r-arabic-description { position: absolute; left: var(--r-arabic-description-x); top: var(--r-arabic-description-y); width: var(--r-arabic-description-w); height: var(--r-arabic-description-h); }
.r-nav-departments { position: absolute; left: var(--r-nav-departments-x); top: var(--r-nav-departments-y); width: var(--r-nav-departments-w); height: var(--r-nav-departments-h); }
.r-nav-doctors { position: absolute; left: var(--r-nav-doctors-x); top: var(--r-nav-doctors-y); width: var(--r-nav-doctors-w); height: var(--r-nav-doctors-h); }
.r-nav-offers { position: absolute; left: var(--r-nav-offers-x); top: var(--r-nav-offers-y); width: var(--r-nav-offers-w); height: var(--r-nav-offers-h); }
.r-nav-visit { position: absolute; left: var(--r-nav-visit-x); top: var(--r-nav-visit-y); width: var(--r-nav-visit-w); height: var(--r-nav-visit-h); }
.r-language { position: absolute; left: var(--r-language-x); top: var(--r-language-y); width: var(--r-language-w); height: var(--r-language-h); }
.r-nav-book { position: absolute; left: var(--r-nav-book-x); top: var(--r-nav-book-y); width: var(--r-nav-book-w); height: var(--r-nav-book-h); }
.r-booking-strip { position: absolute; left: var(--r-booking-strip-x); top: var(--r-booking-strip-y); width: var(--r-booking-strip-w); height: var(--r-booking-strip-h); }
.r-booking-heading { position: absolute; left: var(--r-booking-heading-x); top: var(--r-booking-heading-y); width: var(--r-booking-heading-w); height: var(--r-booking-heading-h); }
.r-booking-subtitle { position: absolute; left: var(--r-booking-subtitle-x); top: var(--r-booking-subtitle-y); width: var(--r-booking-subtitle-w); height: var(--r-booking-subtitle-h); }
.r-department-select { position: absolute; left: var(--r-department-select-x); top: var(--r-department-select-y); width: var(--r-department-select-w); height: var(--r-department-select-h); }
.r-date-select { position: absolute; left: var(--r-date-select-x); top: var(--r-date-select-y); width: var(--r-date-select-w); height: var(--r-date-select-h); }
.r-booking-submit { position: absolute; left: var(--r-booking-submit-x); top: var(--r-booking-submit-y); width: var(--r-booking-submit-w); height: var(--r-booking-submit-h); }
.r-departments-kicker { position: absolute; left: var(--r-departments-kicker-x); top: var(--r-departments-kicker-y); width: var(--r-departments-kicker-w); height: var(--r-departments-kicker-h); }
.r-departments-headline { position: absolute; left: var(--r-departments-headline-x); top: var(--r-departments-headline-y); width: var(--r-departments-headline-w); height: var(--r-departments-headline-h); }
.r-departments-description { position: absolute; left: var(--r-departments-description-x); top: var(--r-departments-description-y); width: var(--r-departments-description-w); height: var(--r-departments-description-h); }
.r-departments-arabic-headline { position: absolute; left: var(--r-departments-arabic-headline-x); top: var(--r-departments-arabic-headline-y); width: var(--r-departments-arabic-headline-w); height: var(--r-departments-arabic-headline-h); }
.r-departments-arabic-description { position: absolute; left: var(--r-departments-arabic-description-x); top: var(--r-departments-arabic-description-y); width: var(--r-departments-arabic-description-w); height: var(--r-departments-arabic-description-h); }
.r-departments-link { position: absolute; left: var(--r-departments-link-x); top: var(--r-departments-link-y); width: var(--r-departments-link-w); height: var(--r-departments-link-h); }
.r-dental-photo { position: absolute; left: var(--r-dental-photo-x); top: var(--r-dental-photo-y); width: var(--r-dental-photo-w); height: var(--r-dental-photo-h); }
.r-gp-photo { position: absolute; left: var(--r-gp-photo-x); top: var(--r-gp-photo-y); width: var(--r-gp-photo-w); height: var(--r-gp-photo-h); }
.r-lab-photo { position: absolute; left: var(--r-lab-photo-x); top: var(--r-lab-photo-y); width: var(--r-lab-photo-w); height: var(--r-lab-photo-h); }
.r-dental-title { position: absolute; left: var(--r-dental-title-x); top: var(--r-dental-title-y); width: var(--r-dental-title-w); height: var(--r-dental-title-h); }
.r-gp-title { position: absolute; left: var(--r-gp-title-x); top: var(--r-gp-title-y); width: var(--r-gp-title-w); height: var(--r-gp-title-h); }
.r-lab-title { position: absolute; left: var(--r-lab-title-x); top: var(--r-lab-title-y); width: var(--r-lab-title-w); height: var(--r-lab-title-h); }
.r-dental-description { position: absolute; left: var(--r-dental-description-x); top: var(--r-dental-description-y); width: var(--r-dental-description-w); height: var(--r-dental-description-h); }
.r-gp-description { position: absolute; left: var(--r-gp-description-x); top: var(--r-gp-description-y); width: var(--r-gp-description-w); height: var(--r-gp-description-h); }
.r-lab-description { position: absolute; left: var(--r-lab-description-x); top: var(--r-lab-description-y); width: var(--r-lab-description-w); height: var(--r-lab-description-h); }
.r-dental-link { position: absolute; left: var(--r-dental-link-x); top: var(--r-dental-link-y); width: var(--r-dental-link-w); height: var(--r-dental-link-h); }
.r-gp-link { position: absolute; left: var(--r-gp-link-x); top: var(--r-gp-link-y); width: var(--r-gp-link-w); height: var(--r-gp-link-h); }
.r-lab-link { position: absolute; left: var(--r-lab-link-x); top: var(--r-lab-link-y); width: var(--r-lab-link-w); height: var(--r-lab-link-h); }
.r-department-frames { position: absolute; left: var(--r-department-frames-x); top: var(--r-department-frames-y); width: var(--r-department-frames-w); height: var(--r-department-frames-h); }