/*
  IMAGE URL PANEL
  فقط آدرس داخل کوتیشن هر متغیر را با URL تصویر خودتان جایگزین کنید.
  بهتر است تصاویر WebP یا AVIF و با مجوز انتشار استفاده شوند.
*/
:root {
  --img-hero: url("PASTE_HERO_DOCTOR_EXAMINATION_IMAGE_URL_HERE");
  --img-treatment-fixed: url("PASTE_FIXED_METAL_BRACES_IMAGE_URL_HERE");
  --img-treatment-ceramic: url("PASTE_CERAMIC_BRACES_IMAGE_URL_HERE");
  --img-treatment-lingual: url("PASTE_LINGUAL_BRACES_IMAGE_URL_HERE");
  --img-treatment-children: url("PASTE_CHILD_ORTHODONTIC_EXAMINATION_IMAGE_URL_HERE");
  --img-treatment-adults: url("PASTE_ADULT_ORTHODONTIC_IMAGE_URL_HERE");
  --img-treatment-retreatment: url("PASTE_REMOVABLE_OR_RETREATMENT_IMAGE_URL_HERE");
  --img-doctor-video: url("PASTE_DOCTOR_VIDEO_COVER_IMAGE_URL_HERE");
  --img-clinic-main: url("PASTE_CLINIC_INTERIOR_IMAGE_URL_HERE");
  --img-doctor-portrait: url("PASTE_DOCTOR_PORTRAIT_IMAGE_URL_HERE");
  --img-clinic-equipment: url("PASTE_CLINIC_EQUIPMENT_IMAGE_URL_HERE");
  --img-before-after: url("PASTE_BEFORE_AFTER_CASE_IMAGE_URL_HERE");
  --img-medical-record: url("PASTE_ANONYMIZED_CASE_RECORD_IMAGE_URL_HERE");
  --img-patient-story: url("PASTE_PATIENT_TESTIMONIAL_VIDEO_COVER_URL_HERE");
  --img-aligner: url("PASTE_CLEAR_ALIGNER_IMAGE_URL_HERE");
  --img-case-1: url("PASTE_CASE_FIXED_IMAGE_URL_HERE");
  --img-case-2: url("PASTE_CASE_ALIGNER_IMAGE_URL_HERE");
  --img-case-3: url("PASTE_CASE_CHILDREN_IMAGE_URL_HERE");
  --img-case-4: url("PASTE_CASE_BEFORE_AFTER_IMAGE_URL_HERE");
  --img-case-5: url("PASTE_CASE_ALIGNER_RESULT_IMAGE_URL_HERE");
  --img-case-6: url("PASTE_CASE_GROWTH_TREATMENT_IMAGE_URL_HERE");
}

/* Hero: full viewport width, immediately below the header */
.new-hero{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.hero-photo{width:100%!important;height:min(790px,calc(100svh - 100px))!important;min-height:590px!important;border-radius:0!important;border-left:0!important;border-right:0!important}
.hero-photo:before{background-image:var(--img-hero)!important;background-size:cover!important;background-position:center 42%!important}
@media(max-width:650px){.hero-photo{height:calc(100svh - 66px)!important;min-height:610px!important;border-radius:0!important}.hero-photo:before{background-position:58% center!important}}

/* Six treatment cards: real contextual photography with readable overlay */
.treatment-tile{position:relative!important;isolation:isolate!important;overflow:hidden!important;background-color:#263a37!important;color:#fff!important;border:1px solid #344d47!important;min-height:270px!important}
.treatment-tile:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .45s ease,filter .35s ease;filter:saturate(.72) brightness(.72)}
.treatment-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,23,22,.18),rgba(9,23,22,.88))}
.treatment-tile:nth-child(1):before{background-image:var(--img-treatment-fixed)}
.treatment-tile:nth-child(2):before{background-image:var(--img-treatment-ceramic)}
.treatment-tile:nth-child(3):before{background-image:var(--img-treatment-lingual)}
.treatment-tile:nth-child(4):before{background-image:var(--img-treatment-children)}
.treatment-tile:nth-child(5):before{background-image:var(--img-treatment-adults)}
.treatment-tile:nth-child(6):before{background-image:var(--img-treatment-retreatment)}
.treatment-tile:hover:before,.treatment-tile.selected:before{transform:scale(1.045);filter:saturate(.9) brightness(.82)}
.treatment-tile h3,.treatment-tile p,.treatment-tile .tile-num,.treatment-tile .tile-arrow{color:#fff!important;position:relative;z-index:1;text-shadow:0 1px 8px #0008}
.treatment-tile p{color:#eef2ef!important;max-width:95%}
.treatment-tile .tile-symbol{background:#ffffff24!important;color:#fff!important;border:1px solid #ffffff55;backdrop-filter:blur(5px)}
.treatment-tile:hover,.treatment-tile.selected{background-color:#263a37!important;outline:2px solid #b9c9c1!important}

/* Photo slots that previously used decorative gradients */
.video-feature{background-image:linear-gradient(0deg,#0b211dcc,#0b211d18 75%),var(--img-doctor-video)!important;background-size:cover!important;background-position:center!important;color:#fff!important}
.video-feature strong,.video-feature small{color:#fff!important;text-shadow:0 1px 8px #0009}
.video-play{background:#fff!important;color:#183d36!important}
.gallery-slot{background-size:cover!important;background-position:center!important;color:#fff!important;position:relative;isolation:isolate;overflow:hidden}
.gallery-slot:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b211ddd,#0b211d05 85%)}
.gallery-slot span,.gallery-slot strong,.gallery-slot small{color:#fff!important;text-shadow:0 1px 8px #0009}
.gallery-slot.gallery-large{background-image:var(--img-clinic-main)!important}
.gallery-slot:nth-child(2){background-image:var(--img-doctor-portrait)!important}
.gallery-slot:nth-child(3){background-image:var(--img-before-after)!important}
.gallery-slot:nth-child(4){background-image:var(--img-medical-record)!important}
.gallery-slot:nth-child(5){background-image:var(--img-patient-story)!important}
.aligner-art{background-image:linear-gradient(0deg,#0c29264d,#0c292600),var(--img-aligner)!important;background-size:cover!important;background-position:center!important}
.case-placeholder{position:relative!important;isolation:isolate!important;background-size:cover!important;background-position:center!important;color:#fff!important}
.case-placeholder:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b211de8,#0b211d12 90%)}
.case-placeholder>*{color:#fff!important;text-shadow:0 1px 8px #0009}
.case-placeholder:nth-child(1){background-image:var(--img-case-1)!important}
.case-placeholder:nth-child(2){background-image:var(--img-case-2)!important}
.case-placeholder:nth-child(3){background-image:var(--img-case-3)!important}
.case-placeholder:nth-child(4){background-image:var(--img-case-4)!important}
.case-placeholder:nth-child(5){background-image:var(--img-case-5)!important}
.case-placeholder:nth-child(6){background-image:var(--img-case-6)!important}

/* FAQ color correction: explicit, consistent light surface and dark typography */
.faq-section{background:#f8f9f7!important;color:#18332f!important}
.faq-intro h2,.faq-intro h2 em,.faq-intro .eyebrow{color:#18332f!important}
.faq-intro>p:not(.eyebrow){color:#65756f!important}
.faq-items{background:#fff!important;color:#203b35!important;border-top:1px solid #d8e1dc!important;border-radius:12px;padding:0 24px!important;box-shadow:0 8px 28px #1b352b0b!important}
.faq-items details{border-bottom:1px solid #e1e8e3!important}
.faq-items summary{color:#203b35!important;background:transparent!important}
.faq-items summary span{color:#8e765c!important}
.faq-items details p{color:#667771!important}
@media(max-width:650px){.faq-items{padding:0 16px!important}.treatment-tile{min-height:225px!important}}