/* Client's 9 October revisions. */
.technology-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 65px;direction:rtl;margin-top:58px}
.equipment-item{min-width:0}
.equipment-copy{display:flex;gap:22px;align-items:flex-start;min-height:122px}
.equipment-copy>span{font:11px Latin,sans-serif;color:var(--violet);padding-top:11px}
.equipment-copy h3{font-size:27px;line-height:1.7;font-weight:400}
.equipment-copy p{font-size:13px;line-height:2;color:#76677e;margin-top:10px;max-width:480px}
.equipment-photo{position:relative;aspect-ratio:1.5;overflow:hidden;margin-top:24px;background:#f3eef8}
.equipment-photo img{display:block;width:100%;height:100%;object-fit:cover}
.equipment-photo figcaption{position:absolute;bottom:13px;inset-inline-end:17px;font-size:8px;color:#6c587a}
.materials-copy{grid-column:2;grid-row:1}
.materials-image{grid-column:1;grid-row:1}
.payment-wordmark{font:400 clamp(34px,3.4vw,58px) Arabic,sans-serif;letter-spacing:0;line-height:1.6;direction:inherit}
.payment-marks{display:flex;align-items:center;gap:35px;margin-top:26px;direction:ltr}
.payment-marks figure{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:85px;gap:7px}
.payment-marks img{width:83px;height:50px;object-fit:contain}
.payment-marks .visa-mark{width:73px;height:50px}
.payment-marks figcaption{font:10px Latin,sans-serif;color:var(--ink);letter-spacing:.4px}
.payment-terminal{margin-top:30px;max-width:380px;aspect-ratio:1.5;overflow:hidden;position:relative}
.payment-terminal img{width:100%;height:100%;object-fit:cover;display:block}
.payment-terminal figcaption{position:absolute;bottom:11px;inset-inline-end:13px;font-size:7px;color:#6c587a}
/* Doctor's requested layout: After on the left, Before on the right. */
.comparison-after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.before-label{right:20px;left:auto}
.after-label{left:20px;right:auto}
.case-direction{display:flex;justify-content:space-between;direction:ltr;font-size:9px;color:var(--violet);margin-bottom:12px}
.case-direction span{direction:rtl}
html[lang=en] .technology-equipment-grid{direction:ltr}
html[lang=en] .payment-wordmark{font-family:Latin,sans-serif;letter-spacing:-1px}
html[lang=en] .case-direction span{direction:ltr}
@media(max-width:1100px){.technology-equipment-grid{gap:45px 35px}.equipment-copy h3{font-size:23px}.equipment-copy{min-height:147px}}
@media(max-width:900px){.equipment-copy h3{font-size:21px}.equipment-copy p{font-size:12px}.equipment-copy{gap:16px;min-height:155px}}
@media(max-width:600px){.technology-equipment-grid{grid-template-columns:1fr;gap:36px;margin-top:35px}.equipment-copy{min-height:0;gap:17px}.equipment-copy h3{font-size:23px}.equipment-copy p{font-size:12px;margin-top:9px}.equipment-photo{margin-top:19px}.equipment-photo figcaption{font-size:7px;bottom:11px;inset-inline-end:12px}.materials-copy,.materials-image{grid-column:auto;grid-row:auto}.materials-image{max-width:100%;margin-inline-start:0;aspect-ratio:1.12}.payment-wordmark{font-size:35px;margin-top:24px}.payment-marks{margin-top:20px;gap:27px}.payment-terminal{max-width:none;margin-top:25px}.before-label{right:12px;left:auto}.after-label{left:12px;right:auto}.case-direction{font-size:8px}}

/* Qi Card branding from the official public logo asset. */
.payment-qi{display:flex;align-items:center;gap:22px;font-size:38px}
.payment-qi .qi-mark{display:block;width:100px;height:98px;object-fit:contain;background:#2b1d3a;padding:16px;flex-shrink:0}
@media(max-width:600px){.payment-qi{font-size:32px;gap:19px}.payment-qi .qi-mark{width:85px;height:84px;padding:14px}}

/* Additional cases supplied by the doctor; treatment-stage crops preserved. */
.orthodontic-case-group{scroll-margin-top:125px}
.orthodontic-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-top:80px;margin-bottom:45px;padding-top:50px;border-top:1px solid rgba(91,59,113,.2)}
.orthodontic-heading .eyebrow{display:block;margin-bottom:19px;color:var(--violet)}
.orthodontic-heading h3{font-size:38px;font-weight:400;line-height:1.7}
.orthodontic-heading h3 em{font-style:normal;color:var(--violet)}
.orthodontic-heading p{font-size:13px;line-height:2.1;color:#76677e;max-width:330px;padding-bottom:7px}
.orthodontic-case-link{margin-inline-start:26px}
@media(max-width:600px){.orthodontic-case-group{scroll-margin-top:110px}.orthodontic-heading{display:block;margin-top:55px;margin-bottom:30px;padding-top:35px}.orthodontic-heading h3{font-size:28px}.orthodontic-heading p{font-size:12px;margin-top:20px}.orthodontic-case-link{display:flex;width:fit-content;margin-inline-start:0}}
