/* The case gallery follows the site's blue identity. */
.clinical-gallery{background:#f6f7f7}
.clinical-layout{display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px;align-items:start;margin-top:36px}
.clinical-selectors{display:grid;gap:7px}
.clinical-selector{border:1px solid #d7e4ed;background:#fff;color:#25445b;border-radius:9px;text-align:start;font:inherit;font-size:14px;padding:13px 15px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s,color .2s}
.clinical-selector span{font-size:11px;opacity:.6}
.clinical-selector:hover,.clinical-selector[aria-pressed=true]{background:#0c6fb5;color:#fff;border-color:#0c6fb5}
.clinical-panel{background:#fff;padding:16px;border:1px solid #dce5eb;border-radius:14px}
.clinical-panel[hidden]{display:none}
.clinical-panel-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#58758a;margin:2px 0 14px}
.clinical-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.clinical-photo-pair figure{margin:0;position:relative;background:#e8e8e3;border-radius:8px;overflow:hidden}
.clinical-photo-pair img{display:block;width:100%;height:320px;object-fit:cover}
.clinical-photo-pair figcaption{position:absolute;bottom:12px;inset-inline-start:12px;background:#fff;color:#124a74;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:700}
.clinical-note{font-size:13px;line-height:1.65;color:#60798a;margin:14px 0 0}
.clinical-cta{margin-top:22px}
.clinical-extras{margin-top:13px;border-top:1px solid #dae7ef;padding-top:10px}
.clinical-extras summary{cursor:pointer;color:#0c6fb5;font-weight:650;font-size:13px}
.clinical-extras>div{display:flex;gap:10px;overflow:auto;padding:12px 0}
.clinical-extras img{height:150px;width:auto;max-width:46%;object-fit:contain;border-radius:6px;background:#f0f0ed}
/* Portrait film cards echo the reference while using the actual supplied prosthetic footage. */
.prosthetic-section{background:#f3f5f8;color:#193b58}
.prosthetic-section .campaign-label{color:#0c78ba}
.prosthetic-section .campaign-heading h2{color:#153d5c}
.prosthetic-section .campaign-heading h2 span{color:#117ab8}
.prosthetic-section .campaign-heading p{color:#587388}
.prosthetic-film-wrap{position:relative;margin-top:30px}
.prosthetic-film-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:3px}
.prosthetic-film-track::-webkit-scrollbar{display:none}
.prosthetic-film{position:relative;height:470px;min-width:0;border:0;border-radius:16px;overflow:hidden;padding:0;background:#dceaf1;cursor:pointer;text-align:start;color:#fff;scroll-snap-align:start;isolation:isolate}
.prosthetic-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.prosthetic-film:hover>img{transform:scale(1.06)}
.prosthetic-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,32,55,.64),transparent 28%,transparent 52%,rgba(6,32,55,.74));pointer-events:none}
.prosthetic-film-top,.prosthetic-film-bottom{position:absolute;z-index:1;inset-inline-start:18px;inset-inline-end:18px}
.prosthetic-film-top{top:18px;display:flex;justify-content:space-between;align-items:start;gap:8px;font:800 14px Manrope,sans-serif}
.prosthetic-film-top small{display:block;font-size:10px;letter-spacing:.11em;font-weight:700;margin-top:3px}
.prosthetic-film-play{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#ffffffeb;color:#287bd4;font-size:14px;padding-left:3px;box-shadow:0 5px 18px #061e3040}
.prosthetic-film-bottom{bottom:22px;font:700 19px Manrope,sans-serif;letter-spacing:-.035em}
.prosthetic-film-next,.prosthetic-film-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#126eb1;box-shadow:0 8px 24px #163e5a35;cursor:pointer;font-size:20px}
.prosthetic-film-next{right:-14px}.prosthetic-film-prev{left:-14px}
.prosthetic-film-prev[disabled],.prosthetic-film-next[disabled]{display:none}
.prosthetic-caption{font-size:12px;color:#607c91;margin:17px 0 0}
.prosthetic-bottom-cta{display:flex;justify-content:center;margin-top:25px}
.prosthetic-dialog[hidden]{display:none}
.prosthetic-dialog{position:fixed;z-index:100;inset:0;background:#061a2ce0;display:grid;place-items:center;padding:22px}
.prosthetic-dialog-panel{position:relative;width:min(760px,100%);background:#0a2539;padding:18px;border-radius:16px;color:#fff;box-shadow:0 20px 60px #0007}
.prosthetic-dialog video{display:block;width:100%;max-height:75vh;background:#000;border-radius:8px}
.prosthetic-dialog p{margin:11px 3px 0;font-weight:700}
.prosthetic-close{position:absolute;z-index:1;right:-12px;top:-16px;width:42px;height:42px;background:#fff;color:#13466d;border:0;border-radius:50%;font-size:26px;cursor:pointer;box-shadow:0 6px 18px #0004}
body.prosthetic-modal-open{overflow:hidden}
.header .brand img{width:150px;height:auto;max-height:70px;object-fit:contain}
.header .brand{flex:0 0 auto}
.arabic-page .header .brand img{width:150px}
@media(max-width:900px){.prosthetic-film-track{grid-auto-columns:calc((100% - 16px)/2)}.prosthetic-film{height:430px}}
@media(max-width:680px){.clinical-layout{display:block;margin-top:24px}.clinical-selectors{display:flex;overflow:auto;gap:7px;margin-bottom:12px;padding-bottom:8px}.clinical-selector{flex:0 0 auto;padding:10px 13px}.clinical-panel{padding:10px}.clinical-photo-pair{gap:7px}.clinical-photo-pair img{height:230px}.clinical-panel-head{padding:4px}.prosthetic-film-track{grid-auto-columns:72%;gap:12px}.prosthetic-film{height:430px}.prosthetic-film-prev{left:-8px}.prosthetic-film-next{right:-8px}.header .brand img,.arabic-page .header .brand img{width:132px;max-height:64px}}
@media(max-width:410px){.clinical-photo-pair img{height:180px}.prosthetic-film{height:390px}}
/* Photos of the clinic's actual laboratory and the radiographic comparison. */
.lab-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.lab-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#092b43b0);pointer-events:none}
.lab-visual .lab-caption{z-index:1;text-shadow:0 1px 10px #07243b}
.lab-proof{background:#e9f5fb}
.lab-proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center}
.lab-proof-photo{position:relative;border-radius:18px;overflow:hidden;background:#d9ecf5}
.lab-proof-photo img{width:100%;height:460px;object-fit:cover;display:block}
.lab-proof-photo>span{position:absolute;bottom:18px;inset-inline-start:18px;background:#fff;padding:9px 14px;border-radius:6px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#0e679d}
.lab-proof-copy h2{margin:19px 0 21px;color:#153d5c}
.lab-proof-copy h2 span{color:#117ab8}
.lab-proof-copy p{color:#527187;line-height:1.75}
.lab-proof-day{border-inline-start:3px solid #1684c3;padding-inline-start:17px;font-size:14px;margin:25px 0}
.clinical-panel--xray .clinical-photo-pair figure{background:#152b3a}
.clinical-panel--xray .clinical-photo-pair img{object-fit:contain}
.clinical-xray-note{font-size:13px;line-height:1.6;color:#60798a;margin:15px 3px 0}
@media(max-width:850px){.lab-proof-grid{grid-template-columns:1fr;gap:28px}.lab-proof-photo img{height:auto;max-height:450px;object-fit:contain}}
@media(max-width:600px){.lab-proof-photo img{max-height:none}.lab-visual img{object-fit:cover}.clinical-panel--xray .clinical-photo-pair img{height:210px}}

.implant-systems{background:#f3f8fb}
.implant-systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.implant-systems-grid article{position:relative;overflow:hidden;min-height:250px;padding:34px;border:1px solid #d5e6ef;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(19,69,101,.05)}
.implant-systems-grid article:after{content:"";position:absolute;width:190px;height:190px;right:-100px;top:-110px;border-radius:50%;border:24px solid #e9f6fc;pointer-events:none}
.implant-systems-grid article:nth-child(2){background:#103d5b;color:#fff;border-color:#103d5b}
.implant-systems-grid article:nth-child(2):after{border-color:rgba(111,196,235,.12)}
.implant-brand-index{font:800 .68rem Manrope,sans-serif;letter-spacing:.13em;color:#2781ae}
.implant-systems-grid article:nth-child(2) .implant-brand-index{color:#86caeb}
.implant-systems-grid h3{font:800 clamp(1.7rem,2.5vw,2.45rem)/1.15 Manrope,sans-serif;letter-spacing:-.055em;margin:23px 0 20px;position:relative;z-index:1}
.implant-systems-grid h3 span{display:block;font-size:.63em;color:#177fb7;letter-spacing:-.03em;margin-top:6px}
.implant-systems-grid article:nth-child(2) h3 span{color:#9ed7f3}
.implant-systems-grid p{max-width:53ch;line-height:1.7;color:#547188;margin:0;position:relative;z-index:1}
.implant-systems-grid article:nth-child(2) p{color:#d4e6ee}
.implant-systems-note{display:flex;align-items:flex-start;gap:14px;color:#4d6b80;font-size:.87rem;line-height:1.7;max-width:900px;margin:24px 0 0}
.implant-systems-note span{color:#1684c3;font-size:1.5rem;line-height:1}
.arabic-page .implant-systems-grid h3{font-family:Manrope,sans-serif;direction:ltr;text-align:right}
@media(max-width:720px){.implant-systems-grid{grid-template-columns:1fr}.implant-systems-grid article{min-height:0;padding:28px}}

/* Brand explanation followed by a treatment-specific pricing comparison. */
.implant-explainer{max-width:900px;margin:0 auto 72px;text-align:center}
.implant-explainer h2{font:800 clamp(2.45rem,4.6vw,4.6rem)/1.09 Manrope,sans-serif;letter-spacing:-.065em;margin:16px 0 18px;color:#123d5d}
.implant-explainer h2 span,.implant-pricing .campaign-heading h2 span{color:#167fc0}
.implant-explainer>p{font-size:1rem;line-height:1.78;color:#58758a;max-width:74ch;margin:0 auto}
.implant-explainer-note{display:flex;align-items:center;gap:15px;margin:27px auto 0;padding:19px 25px;border-radius:16px;background:#e4f3fb;text-align:left;max-width:780px}
.implant-explainer-note>span{font-size:1.7rem;color:#1685bd}.implant-explainer-note p{margin:0;color:#315d78;line-height:1.58;font-size:.88rem}
.implant-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:32px}
.implant-tier{display:flex;flex-direction:column;position:relative;min-width:0;padding:27px 24px 22px;border:1px solid #d5e5ee;border-radius:20px;background:#fff;box-shadow:0 15px 38px #17496a0a}
.implant-tier-megagen{border-color:#99cde9;box-shadow:0 20px 48px #146aa51b;transform:translateY(-7px)}
.implant-tier-top{height:62px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.implant-tier-top img{display:block;max-width:145px;max-height:47px;object-fit:contain;object-position:left center}
.implant-tier-top span{color:#367ba5;font:800 .62rem Manrope,sans-serif;line-height:1.4;text-align:right;max-width:110px}
.implant-tier h3{font:800 1.38rem Manrope,sans-serif;color:#123c5b;margin:20px 0 12px;letter-spacing:-.04em}
.implant-tier h3 small{display:block;margin-top:4px;color:#4b86a9;font-size:.64em;letter-spacing:0}
.implant-tier>p{color:#587287;font-size:.79rem;line-height:1.67;margin:0 0 16px;min-height:105px}
.implant-tier ul{list-style:none;padding:0;margin:0 0 28px;color:#2c5975;font-size:.76rem;line-height:1.5}
.implant-tier li{display:flex;align-items:flex-start;gap:8px;margin:8px 0}.implant-tier li:before{content:'✓';color:#1781bf;font-weight:800}
.implant-card-prices{margin-top:auto;padding-top:18px;border-top:1px solid #d9e8f0;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.implant-tier ul+.implant-protocol-prices{margin-top:auto}
.implant-protocol-prices{padding:14px 0 10px;border-top:1px solid #d9e8f0}
.implant-protocol-prices+.implant-protocol-prices{margin-top:8px}
.implant-protocol-prices h4{margin:0;color:#0e6899;font:800 .88rem Manrope,sans-serif;text-align:left}
.implant-protocol-prices .implant-card-prices{margin-top:0;padding-top:10px;border-top:0}
.implant-discount{margin:23px 0 0;color:#124c73;font:800 .9rem Manrope,sans-serif}
.implant-flight{margin:12px 0 0;padding:17px 20px;border-radius:14px;background:#eaf6fb;color:#134d6c;font:700 .84rem/1.6 Manrope,sans-serif}
.arabic-page .implant-protocol-prices h4{text-align:right}
.implant-card-prices>div+div{border-left:1px solid #dbe8f0;padding-left:12px}
.implant-card-prices span{display:block;color:#477e9b;font:800 .58rem Manrope,sans-serif;letter-spacing:.07em}
.implant-card-prices strong{display:block;color:#10456a;font:800 clamp(1.15rem,1.7vw,1.5rem) Manrope,sans-serif;white-space:nowrap;margin-top:6px;letter-spacing:-.04em;direction:ltr;unicode-bidi:isolate}
.implant-card-prices strong small{display:block;margin-top:2px;font-size:.52em;letter-spacing:.06em}
.implant-card-prices em{display:block;color:#1681af;font:700 .72rem Manrope,sans-serif;font-style:normal;margin-top:7px;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.implant-card-prices em:empty{display:none}.implant-unit-price{grid-template-columns:1fr}.implant-pricing-note{color:#567387;font-size:.76rem;line-height:1.65;margin:23px 0 0}
.implant-price-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.implant-price-actions .campaign-button{white-space:nowrap}.implant-price-actions .implant-single-link{margin:0}
.implant-pricing-note .currency-disclaimer{display:block;margin-top:8px;color:#367b9d}.implant-single-link{font-size:.84rem;color:#405e74;margin:22px 0 0}.implant-single-link a{color:#1179b3;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.treatment-price-link{display:inline-block;color:#fff;font:800 .83rem Manrope,sans-serif;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
.arabic-page .implant-explainer h2,.arabic-page .implant-pricing h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}.arabic-page .implant-explainer-note{text-align:right}.arabic-page .implant-tier-top img{object-position:right center}.arabic-page .implant-tier-top span{text-align:left}.arabic-page .implant-tier h3{direction:ltr;text-align:right}.arabic-page .implant-card-prices>div+div{border-left:0;border-right:1px solid #dbe8f0;padding-left:0;padding-right:12px}.arabic-page .implant-card-prices strong,.arabic-page .implant-card-prices em{text-align:right}
@media(max-width:1050px){.implant-tiers{gap:10px}.implant-tier{padding:22px 17px}.implant-tier-top{display:block;height:83px}.implant-tier-top span{display:block;text-align:left;margin-top:7px;max-width:none}.implant-card-prices{grid-template-columns:1fr}.implant-card-prices>div+div{border-left:0;border-top:1px solid #dbe8f0;padding:9px 0 0}.arabic-page .implant-card-prices>div+div{border-right:0;padding-right:0}}
@media(max-width:720px){.implant-explainer{margin-bottom:48px}.implant-tiers{grid-template-columns:1fr;gap:16px}.implant-tier-megagen{transform:none}.implant-tier{padding:27px}.implant-tier-top{display:flex;height:58px}.implant-tier>p{min-height:0}.implant-card-prices{grid-template-columns:1fr 1fr}.implant-card-prices>div+div{border-top:0;border-left:1px solid #dbe8f0;padding:0 0 0 12px}.arabic-page .implant-card-prices>div+div{border-left:0;border-right:1px solid #dbe8f0;padding:0 12px 0 0}}
@media(max-width:390px){.implant-card-prices{grid-template-columns:1fr}.implant-card-prices>div+div,.arabic-page .implant-card-prices>div+div{border-left:0;border-right:0;border-top:1px solid #dbe8f0;padding:10px 0 0}}
