{"id":6181,"date":"2025-09-18T17:58:18","date_gmt":"2025-09-18T14:58:18","guid":{"rendered":"https:\/\/lumiquestdental.com\/?page_id=6181"},"modified":"2026-09-10T21:41:52","modified_gmt":"2026-09-10T18:41:52","slug":"ceramic","status":"publish","type":"page","link":"https:\/\/lumiquestdental.com\/ar\/dubai\/orthodontics\/braces\/ceramic\/","title":{"rendered":"\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u062e\u0632\u0641\u064a \u0641\u064a \u062f\u0628\u064a \u2014 \u062a\u0642\u0648\u064a\u0645 \u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u0648\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6181\" class=\"elementor elementor-6181\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02eddef e-flex e-con-boxed e-con e-parent\" data-id=\"02eddef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99f36d2 elementor-widget elementor-widget-html\" data-id=\"99f36d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     HERO \/ OPENING\r\n     FINAL C03 PARITY IMPLEMENTATION\r\n     EXISTING HERO IMAGE RETAINED\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-intro\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-title\"\r\n>\r\n  <div class=\"ceramic-hero-inner\">\r\n\r\n    <!-- =====================================================\r\n         LEFT \u2014 LOCKED C03 COPY\r\n         ===================================================== -->\r\n\r\n    <div class=\"ceramic-hero-copy\">\r\n\r\n      <h1 id=\"ceramic-title\">\r\n        Ceramic Braces in Dubai: How They Differ and Who They May Suit\r\n      <\/h1>\r\n\r\n      <div\r\n        class=\"ceramic-title-accent\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n      <p class=\"ceramic-lead\">\r\n        Ceramic braces are fixed braces that use clear or tooth-coloured\r\n        ceramic brackets on the outer surfaces of the teeth. They are\r\n        generally less visually prominent than conventional metal brackets,\r\n        but they are still visible.\r\n        <a\r\n          class=\"ceramic-cite\"\r\n          href=\"#ceramic-ref-1\"\r\n          aria-label=\"See reference 1\"\r\n        >[1]<\/a>\r\n      <\/p>\r\n\r\n\r\n      <p>\r\n        Ceramic describes the bracket material, not the way the wire is held\r\n        in place. A ceramic bracket may be used in different fixed-brace\r\n        designs, so suitability should start with your diagnosis, the tooth\r\n        movements and bite changes required, and your treatment goals rather\r\n        than appearance alone.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 1, 2, 12 and 13\"\r\n        >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-2\">2<\/a>,<a href=\"#ceramic-ref-12\">12<\/a>,<a href=\"#ceramic-ref-13\">13<\/a>]<\/span>\r\n      <\/p>\r\n\r\n\r\n      <!-- ===================================================\r\n           GOVERNED ROUTING\r\n           =================================================== -->\r\n\r\n      <div class=\"ceramic-route-card\">\r\n\r\n        <div\r\n          class=\"ceramic-route-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"22\"\r\n            height=\"22\"\r\n            fill=\"none\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M5 12h14M13 6l6 6-6 6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p>\r\n          For broader fixed-brace guidance, see\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/\"\r\n            class=\"lq-link\"\r\n          >Braces in Dubai<\/a>.\r\n          For detailed current price evidence and quote guidance, see\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n            class=\"lq-link\"\r\n          >Braces Cost in Dubai<\/a>.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           INDEPENDENCE\r\n           =================================================== -->\r\n\r\n      <div class=\"ceramic-independence\">\r\n\r\n        <span\r\n          class=\"ceramic-check\"\r\n          aria-hidden=\"true\"\r\n        >\u2713<\/span>\r\n\r\n        <p>\r\n          LumiQuest Dental Circle is an independent dental guidance platform,\r\n          not a dental clinic, public ranking or paid-placement marketplace.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT \u2014 EXISTING HERO IMAGE RETAINED\r\n         ===================================================== -->\r\n\r\n    <figure class=\"ceramic-hero-visual\">\r\n\r\n      <div class=\"ceramic-image-frame\">\r\n\r\n        <img\r\n          src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/ceramic-bracket-dubai.png\"\r\n          alt=\"Artistic rendering of a clear ceramic orthodontic bracket with a Dubai skyline in the background\"\r\n          class=\"ceramic-main-image\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n    <\/figure>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 HERO\r\n   FINAL C03 PARITY IMPLEMENTATION\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro {\r\n  --ceramic-orange: #ff7a00;\r\n  --ceramic-pink: #ff5fa2;\r\n  --ceramic-text: #101828;\r\n  --ceramic-body: #344054;\r\n  --ceramic-border: #e6e8ec;\r\n  --ceramic-soft: #f8f9fb;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    68px\r\n    20px\r\n    72px;\r\n\r\n  background: #ffffff;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n#ceramic-intro * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-hero-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.12fr)\r\n    minmax(340px, .88fr);\r\n\r\n  gap: clamp(36px, 5vw, 68px);\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-hero-copy {\r\n  min-width: 0;\r\n}\r\n\r\n\r\n#ceramic-intro h1 {\r\n  max-width: 760px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--ceramic-text);\r\n\r\n  font-size: clamp(32px, 4.15vw, 48px);\r\n  line-height: 1.12;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -.025em;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-title-accent {\r\n  width: 74px;\r\n  height: 4px;\r\n\r\n  margin:\r\n    20px\r\n    0\r\n    25px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--ceramic-orange),\r\n      var(--ceramic-pink)\r\n    );\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-hero-copy > p {\r\n  max-width: 735px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    18px;\r\n\r\n  color: var(--ceramic-body);\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n\r\n  text-indent: 0 !important;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-lead {\r\n  color: #1d2939 !important;\r\n\r\n  font-size: 18px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-cite,\r\n#ceramic-intro .ceramic-cite:link,\r\n#ceramic-intro .ceramic-cite:visited,\r\n#ceramic-intro .ceramic-citation-group,\r\n#ceramic-intro .ceramic-citation-group a,\r\n#ceramic-intro .ceramic-citation-group a:link,\r\n#ceramic-intro .ceramic-citation-group a:visited {\r\n  color: var(--ceramic-orange) !important;\r\n\r\n  font-size: .91em;\r\n  line-height: inherit;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-cite {\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-cite:hover,\r\n#ceramic-intro .ceramic-cite:focus-visible,\r\n#ceramic-intro .ceramic-citation-group a:hover,\r\n#ceramic-intro .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTING CARD\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-route-card {\r\n  max-width: 735px;\r\n\r\n  margin:\r\n    27px\r\n    0\r\n    16px;\r\n\r\n  padding:\r\n    17px\r\n    18px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    38px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 13px;\r\n\r\n  align-items: start;\r\n\r\n  background:\r\n    var(--ceramic-soft);\r\n\r\n  border:\r\n    1px solid\r\n    var(--ceramic-border);\r\n\r\n  border-radius: 15px;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-route-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  color:\r\n    var(--ceramic-orange);\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #e4e7ec;\r\n\r\n  border-radius: 10px;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-route-card p {\r\n  margin: 0;\r\n\r\n  color: #475467;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERNAL LINKS\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro a.lq-link,\r\n#ceramic-intro a.lq-link:link,\r\n#ceramic-intro a.lq-link:visited {\r\n  color:\r\n    var(--ceramic-orange) !important;\r\n\r\n  font-weight: 650 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n}\r\n\r\n\r\n#ceramic-intro a.lq-link:hover,\r\n#ceramic-intro a.lq-link:focus-visible {\r\n  text-decoration:\r\n    underline !important;\r\n\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDEPENDENCE NOTE\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-independence {\r\n  max-width: 735px;\r\n\r\n  margin-top: 15px;\r\n\r\n  padding:\r\n    14px\r\n    16px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    25px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  align-items: start;\r\n\r\n  background: #fffaf6;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .28);\r\n\r\n  border-radius: 14px;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-check {\r\n  width: 23px;\r\n  height: 23px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  margin-top: 1px;\r\n\r\n  color: #ffffff;\r\n\r\n  background:\r\n    var(--ceramic-orange);\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-independence p {\r\n  margin: 0;\r\n\r\n  color: #475467;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.62;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO IMAGE\r\n   ========================================================= *\/\r\n\r\n#ceramic-intro .ceramic-hero-visual {\r\n  width: 100%;\r\n\r\n  min-width: 0;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-image-frame {\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #f5f5f5;\r\n\r\n  border-radius: 22px;\r\n\r\n  box-shadow:\r\n    0 18px 42px\r\n    rgba(16, 24, 40, .09);\r\n}\r\n\r\n\r\n#ceramic-intro .ceramic-main-image {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  margin: 0;\r\n\r\n  object-fit: cover;\r\n\r\n  border-radius: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  #ceramic-intro {\r\n    padding:\r\n      56px\r\n      20px\r\n      62px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-inner {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 34px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-copy {\r\n    max-width: 780px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-visual {\r\n    max-width: 620px;\r\n\r\n    margin:\r\n      0\r\n      auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-intro {\r\n    padding:\r\n      38px\r\n      12px\r\n      46px !important;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-inner {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 28px;\r\n\r\n    padding: 0;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-copy {\r\n    order: 1;\r\n\r\n    width: 100%;\r\n\r\n    padding-inline: 4px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-visual {\r\n    order: 2;\r\n\r\n    width: 100%;\r\n\r\n    margin:\r\n      0 !important;\r\n  }\r\n\r\n\r\n  #ceramic-intro h1 {\r\n    font-size:\r\n      clamp(\r\n        29px,\r\n        8.2vw,\r\n        36px\r\n      );\r\n\r\n    line-height: 1.15;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-title-accent {\r\n    width: 64px;\r\n    height: 3px;\r\n\r\n    margin:\r\n      17px\r\n      0\r\n      21px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-copy > p {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-lead {\r\n    font-size:\r\n      17px !important;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-route-card {\r\n    margin-top: 23px;\r\n\r\n    padding: 15px;\r\n\r\n    grid-template-columns:\r\n      34px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 11px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-route-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-route-card p {\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-independence {\r\n    padding:\r\n      13px\r\n      14px;\r\n\r\n    grid-template-columns:\r\n      23px\r\n      minmax(0, 1fr);\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-independence p {\r\n    font-size: 13.5px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-image-frame,\r\n  #ceramic-intro .ceramic-main-image {\r\n    border-radius:\r\n      16px !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL PHONES\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  #ceramic-intro {\r\n    padding-inline:\r\n      10px !important;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-hero-copy {\r\n    padding-inline: 2px;\r\n  }\r\n\r\n\r\n  #ceramic-intro .ceramic-route-card {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFE\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-intro,\r\nhtml[lang|=\"ar\"] #ceramic-intro {\r\n  direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"] #ceramic-intro .ceramic-hero-copy,\r\nhtml[lang|=\"ar\"] #ceramic-intro .ceramic-hero-copy {\r\n  text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"] #ceramic-intro .ceramic-route-icon svg,\r\nhtml[lang|=\"ar\"] #ceramic-intro .ceramic-route-icon svg {\r\n  transform:\r\n    scaleX(-1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-intro *,\r\n  #ceramic-intro *::before,\r\n  #ceramic-intro *::after {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23c7730 elementor-widget elementor-widget-html\" data-id=\"23c7730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     WHAT ARE CERAMIC BRACES?\r\n     C03 PARITY + CARD PRESENTATION RESTORED\r\n     EXISTING IMAGE RETAINED\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-what\"\r\n  class=\"lq lq-section ceramic-what-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-what-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING + INTRO\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <h2 id=\"ceramic-what-title\">\r\n        What Are Ceramic Braces?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Ceramic braces are a type of fixed orthodontic appliance. The brackets\r\n        stay attached to the teeth during active treatment and are connected by\r\n        an archwire. Their defining feature is the bracket material: ceramic\r\n        brackets are made to look clear or tooth-coloured rather than metallic.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         EXISTING IMAGE\r\n         ===================================================== -->\r\n\r\n    <figure\r\n      class=\"ceramic-visual\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <div class=\"image-frame\">\r\n\r\n        <img\r\n          src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/ceramic-braces-smile.png\"\r\n          alt=\"\"\r\n          class=\"ceramic-smile-image\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n    <!-- =====================================================\r\n         CARD GRID\r\n         ===================================================== -->\r\n\r\n    <div class=\"ceramic-card-grid\">\r\n\r\n      <!-- ===================================================\r\n           CARD 1 \u2014 MATERIAL\r\n           =================================================== -->\r\n\r\n      <article class=\"content-block\">\r\n\r\n        <div\r\n          class=\"card-accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <h3>\r\n          Ceramic describes the bracket material\r\n        <\/h3>\r\n\r\n        <p>\r\n          Ceramic does not tell you how the wire is secured to the bracket.\r\n          Some ceramic brackets use separate ties, while others use a\r\n          self-ligating mechanism. In other words, ceramic describes material;\r\n          self-ligating describes a bracket mechanism.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 1 and 2\"\r\n          >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-2\">2<\/a>]<\/span>\r\n        <\/p>\r\n\r\n        <p>\r\n          If you want to understand a named self-ligating system, see the\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/damon\/\"\r\n            class=\"lq-link\"\r\n          >Damon braces guide<\/a>.\r\n          The two categories should not be treated as synonyms.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================================\r\n           CARD 2 \u2014 COMPONENTS\r\n           =================================================== -->\r\n\r\n      <article class=\"content-block\">\r\n\r\n        <div\r\n          class=\"card-accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <h3>\r\n          Bracket, wire and tie are different components\r\n        <\/h3>\r\n\r\n        <p>\r\n          The bracket, archwire and any elastomeric or metal ties are separate\r\n          parts of the appliance. That matters because their materials and\r\n          colours can affect how the braces look and how different parts of the\r\n          appliance age over time.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 1 and 2\"\r\n          >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-2\">2<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 WHAT ARE CERAMIC BRACES?\r\n   C03 PARITY + CARD PRESENTATION RESTORED\r\n   ========================================================= *\/\r\n\r\n#ceramic-what {\r\n  padding:\r\n    72px\r\n    16px;\r\n\r\n  background: #f8f9fb;\r\n}\r\n\r\n\r\n#ceramic-what * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n#ceramic-what .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n\r\n  margin:\r\n    0\r\n    auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .section-heading {\r\n  max-width: 860px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    38px;\r\n}\r\n\r\n\r\n#ceramic-what h2 {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  width: fit-content;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    20px;\r\n\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      2.5vw,\r\n      34px\r\n    );\r\n\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n\r\n#ceramic-what h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n\r\n#ceramic-what .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXISTING IMAGE\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .ceramic-visual {\r\n  width: 100%;\r\n  max-width: 650px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    42px;\r\n\r\n  padding: 0;\r\n}\r\n\r\n\r\n#ceramic-what .image-frame {\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    #e5e7ea;\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0\r\n    6px\r\n    18px\r\n    rgba(0, 0, 0, .055);\r\n}\r\n\r\n\r\n#ceramic-what .ceramic-smile-image {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  margin: 0;\r\n\r\n  border-radius: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD GRID\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .ceramic-card-grid {\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      2,\r\n      minmax(0, 1fr)\r\n    );\r\n\r\n  gap: 24px;\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARDS\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .content-block {\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n\r\n  padding:\r\n    30px\r\n    30px\r\n    29px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #e3e6ea;\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0\r\n    7px\r\n    22px\r\n    rgba(16, 24, 40, .055);\r\n}\r\n\r\n\r\n#ceramic-what .card-accent {\r\n  width: 54px;\r\n  height: 4px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    21px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n}\r\n\r\n\r\n#ceramic-what .content-block h3 {\r\n  margin:\r\n    0\r\n    0\r\n    14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n\r\n#ceramic-what .content-block p {\r\n  margin:\r\n    0\r\n    0\r\n    14px;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n#ceramic-what .content-block p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .ceramic-citation-group,\r\n#ceramic-what .ceramic-citation-group a,\r\n#ceramic-what .ceramic-citation-group a:link,\r\n#ceramic-what .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration:\r\n    none !important;\r\n}\r\n\r\n\r\n#ceramic-what .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n#ceramic-what .ceramic-citation-group a:hover,\r\n#ceramic-what .ceramic-citation-group a:focus-visible {\r\n  text-decoration:\r\n    underline !important;\r\n\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERNAL LINK\r\n   ========================================================= *\/\r\n\r\n#ceramic-what .lq-link,\r\n#ceramic-what .lq-link:link,\r\n#ceramic-what .lq-link:visited {\r\n  color:\r\n    #ff7a00 !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n}\r\n\r\n\r\n#ceramic-what .lq-link:hover,\r\n#ceramic-what .lq-link:focus-visible {\r\n  text-decoration:\r\n    underline !important;\r\n\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-what .ceramic-card-grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  #ceramic-what .content-block {\r\n    max-width: 860px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-what {\r\n    padding:\r\n      42px\r\n      8px;\r\n  }\r\n\r\n\r\n  #ceramic-what .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n\r\n  #ceramic-what h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n\r\n  #ceramic-what .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n\r\n  #ceramic-what .ceramic-visual {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n\r\n  #ceramic-what .image-frame,\r\n  #ceramic-what .ceramic-smile-image {\r\n    border-radius: 14px;\r\n  }\r\n\r\n\r\n  #ceramic-what .ceramic-card-grid {\r\n    gap: 16px;\r\n  }\r\n\r\n\r\n  #ceramic-what .content-block {\r\n    padding:\r\n      24px\r\n      20px\r\n      23px;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n\r\n  #ceramic-what .card-accent {\r\n    width: 48px;\r\n    height: 3px;\r\n\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n\r\n  #ceramic-what .content-block h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n\r\n  #ceramic-what .content-block p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFE\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-what,\r\nhtml[lang|=\"ar\"] #ceramic-what {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-what *,\r\n  #ceramic-what *::before,\r\n  #ceramic-what *::after {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d32e74d elementor-widget elementor-widget-html\" data-id=\"d32e74d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     CERAMIC BRACES VS METAL BRACES\r\n     C03 PARITY + CARD PRESENTATION RESTORED\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-vs-metal\"\r\n  class=\"lq lq-section ceramic-vs-metal-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-vs-metal-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING + INTRO\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <h2 id=\"ceramic-vs-metal-title\">\r\n        Ceramic Braces vs Metal Braces: What Actually Differs?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        The most obvious difference is the bracket material and appearance.\r\n        Conventional metal brackets are metallic; ceramic brackets are clear\r\n        or tooth-coloured and can be less visually prominent. Ceramic is also\r\n        more brittle than metal as a material, but that does not mean every\r\n        ceramic bracket will fail more often in treatment.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 1, 3, 5, 6 and 7\"\r\n        >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-3\">3<\/a>,<a href=\"#ceramic-ref-5\">5<\/a>,<a href=\"#ceramic-ref-6\">6<\/a>,<a href=\"#ceramic-ref-7\">7<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         COMPARISON CARDS\r\n         ===================================================== -->\r\n\r\n    <div class=\"comparison-card-grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           CARD 1 \u2014 APPEARANCE\r\n           =================================================== -->\r\n\r\n      <article class=\"content-block\">\r\n\r\n        <div\r\n          class=\"card-marker\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"22\"\r\n            height=\"22\"\r\n            fill=\"none\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M2.8 12s3.4-5 9.2-5 9.2 5 9.2 5-3.4 5-9.2 5-9.2-5-9.2-5Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"2.4\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Appearance and bracket material\r\n        <\/h3>\r\n\r\n        <p>\r\n          If a lower-visibility fixed appliance matters to you, ceramic brackets\r\n          may be worth discussing. The exact look still depends on the bracket,\r\n          wire and ties being used, so ask what the complete appliance will look\r\n          like rather than judging the bracket alone.\r\n        <\/p>\r\n\r\n        <p>\r\n          For deeper information about conventional metal brackets, see the\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/metal\/\"\r\n            class=\"lq-link\"\r\n          >metal braces guide<\/a>.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================================\r\n           CARD 2 \u2014 LIMITS OF MATERIAL COMPARISON\r\n           =================================================== -->\r\n\r\n      <article class=\"content-block\">\r\n\r\n        <div\r\n          class=\"card-marker\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"22\"\r\n            height=\"22\"\r\n            fill=\"none\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"8.5\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n            \/>\r\n            <path\r\n              d=\"M12 10.2v5.2\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"7.5\"\r\n              r=\".9\"\r\n              fill=\"currentColor\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>\r\n          What the material does not automatically tell you\r\n        <\/h3>\r\n\r\n        <p>\r\n          The fact that a bracket is ceramic does not, by itself, tell you that\r\n          treatment will be faster, slower, more comfortable or less comfortable.\r\n          It also does not establish that every ceramic system will behave the\r\n          same way. Bracket design and the wider treatment plan matter.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 2, 3 and 4\"\r\n          >[<a href=\"#ceramic-ref-2\">2<\/a>,<a href=\"#ceramic-ref-3\">3<\/a>,<a href=\"#ceramic-ref-4\">4<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 VS METAL\r\n   C03 PARITY + CARD PRESENTATION RESTORED\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n\r\n#ceramic-vs-metal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal .section-heading {\r\n  max-width: 860px;\r\n  margin: 0 0 40px;\r\n}\r\n\r\n\r\n#ceramic-vs-metal h2 {\r\n  position: relative;\r\n\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n\r\n#ceramic-vs-metal h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPARISON CARD GRID\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal .comparison-card-grid {\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      2,\r\n      minmax(0, 1fr)\r\n    );\r\n\r\n  gap: 24px;\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal .content-block {\r\n  min-width: 0;\r\n\r\n  padding:\r\n    30px\r\n    30px\r\n    29px;\r\n\r\n  background: #f8f9fb;\r\n\r\n  border:\r\n    1px solid\r\n    #e4e7eb;\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0\r\n    7px\r\n    22px\r\n    rgba(16, 24, 40, .05);\r\n}\r\n\r\n\r\n#ceramic-vs-metal .card-marker {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    20px;\r\n\r\n  color: #ff7a00;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .22);\r\n\r\n  border-radius: 12px;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .content-block h3 {\r\n  margin:\r\n    0\r\n    0\r\n    14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .content-block p {\r\n  margin:\r\n    0\r\n    0\r\n    14px;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .content-block p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERNAL LINK\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal .lq-link,\r\n#ceramic-vs-metal .lq-link:link,\r\n#ceramic-vs-metal .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .lq-link:hover,\r\n#ceramic-vs-metal .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-metal .ceramic-citation-group,\r\n#ceramic-vs-metal .ceramic-citation-group a,\r\n#ceramic-vs-metal .ceramic-citation-group a:link,\r\n#ceramic-vs-metal .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n#ceramic-vs-metal .ceramic-citation-group a:hover,\r\n#ceramic-vs-metal .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-vs-metal .comparison-card-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .content-block {\r\n    max-width: 860px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-vs-metal {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .comparison-card-grid {\r\n    gap: 16px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .content-block {\r\n    padding:\r\n      24px\r\n      20px\r\n      23px;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .card-marker {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    border-radius: 10px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .content-block h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n\r\n  #ceramic-vs-metal .content-block p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-vs-metal,\r\nhtml[lang|=\"ar\"] #ceramic-vs-metal {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-vs-metal *,\r\n  #ceramic-vs-metal *::before,\r\n  #ceramic-vs-metal *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-feb92a1 elementor-widget elementor-widget-html\" data-id=\"feb92a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION 4 \u2014 HOW NOTICEABLE ARE CERAMIC BRACES?\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     SMALL LEADING EYE ICON\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-braces-visibility\"\r\n  class=\"lq lq-section ceramic-visibility-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-visibility-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Appearance in everyday life\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-visibility-title\">\r\n        How Noticeable Are Ceramic Braces?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Clear or tooth-coloured brackets can make fixed braces less visually\r\n        prominent than conventional metal brackets. They are not invisible,\r\n        and the archwire and any ties can still be noticeable.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISUAL ORIENTATION\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"visibility-grid\"\r\n      aria-label=\"Visible components of ceramic braces\"\r\n    >\r\n\r\n      <!-- BRACKETS -->\r\n\r\n      <article class=\"visibility-card\">\r\n\r\n        <div class=\"visibility-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"15\"\r\n              y=\"15\"\r\n              width=\"34\"\r\n              height=\"34\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M21 32h22\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M25 23l14 18M39 23L25 41\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              opacity=\".45\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"card-label\">\r\n            Brackets\r\n          <\/span>\r\n\r\n          <strong>\r\n            Clear or tooth-coloured\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- WIRE -->\r\n\r\n      <article class=\"visibility-card\">\r\n\r\n        <div class=\"visibility-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M8 32c10-7 18-7 24 0s14 7 24 0\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"18\"\r\n              cy=\"28\"\r\n              r=\"5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"46\"\r\n              cy=\"36\"\r\n              r=\"5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"card-label\">\r\n            Archwire\r\n          <\/span>\r\n\r\n          <strong>\r\n            Still part of the appliance\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TIES -->\r\n\r\n      <article class=\"visibility-card\">\r\n\r\n        <div class=\"visibility-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"16\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"7\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M32 16v9M32 39v9M16 32h9M39 32h9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"card-label\">\r\n            Ties, when used\r\n          <\/span>\r\n\r\n          <strong>\r\n            Can affect overall appearance\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 LOWER VISIBILITY, NOT INVISIBILITY\r\n         ===================================================== -->\r\n\r\n    <div class=\"visibility-content\">\r\n\r\n      <div class=\"content-icon eye-icon\" aria-hidden=\"true\">\r\n\r\n        <svg\r\n          viewBox=\"0 0 64 64\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <path\r\n            d=\"M7 32s9-13 25-13 25 13 25 13-9 13-25 13S7 32 7 32Z\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"32\"\r\n            cy=\"32\"\r\n            r=\"7\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n          \/>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Clear or tooth-coloured brackets, but not invisible\r\n        <\/h3>\r\n\r\n        <p>\r\n          A useful expectation is lower visibility, not invisibility. How\r\n          noticeable the appliance looks will vary with the bracket shade or\r\n          translucency, the wire, the ties and your teeth.\r\n          <a\r\n            href=\"#ceramic-ref-1\"\r\n            class=\"ceramic-cite\"\r\n            aria-label=\"See reference 1\"\r\n          >[1]<\/a>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 WIRE AND TIES\r\n         ===================================================== -->\r\n\r\n    <div class=\"system-preview-block\">\r\n\r\n      <div class=\"content-icon preview-icon\" aria-hidden=\"true\">\r\n\r\n        <svg\r\n          viewBox=\"0 0 64 64\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <path\r\n            d=\"M9 31h46\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n\r\n          <rect\r\n            x=\"15\"\r\n            y=\"23\"\r\n            width=\"17\"\r\n            height=\"17\"\r\n            rx=\"5\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.7\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"45\"\r\n            cy=\"31\"\r\n            r=\"9\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.7\"\r\n          \/>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"preview-copy\">\r\n\r\n        <h3>\r\n          Why the wire and ties can still affect appearance\r\n        <\/h3>\r\n\r\n        <p>\r\n          Even when the bracket blends with the tooth, the wire remains part\r\n          of the appliance. If elastomeric ties are used, their colour can\r\n          also affect the overall appearance. Ask which components will be\r\n          used if aesthetics are important to you.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 1 and 2\"\r\n          >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-2\">2<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 VISIBILITY\r\n   C03 parity-corrected\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-braces-visibility * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-braces-visibility .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-braces-visibility .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-braces-visibility h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-braces-visibility h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-braces-visibility .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL COMPONENT CARDS\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .visibility-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n\r\n  gap: 16px;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-braces-visibility .visibility-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    52px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 14px;\r\n\r\n  align-items: center;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 20px;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 16px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-braces-visibility .visibility-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff5ec,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-braces-visibility .visibility-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-braces-visibility .card-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8b8b8b;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-braces-visibility .visibility-card strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15.5px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOWER VISIBILITY BLOCK\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .visibility-content {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    66px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 20px;\r\n\r\n  align-items: start;\r\n\r\n  padding: 39px 0;\r\n\r\n  border-top: 1px solid #dfe3e7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHARED SMALL LEADING ICONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .content-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  background: #fff;\r\n\r\n  border-radius: 16px;\r\n}\r\n\r\n#ceramic-braces-visibility .content-icon svg {\r\n  width: 37px;\r\n  height: 37px;\r\n}\r\n\r\n\r\n\/* Eye *\/\r\n\r\n#ceramic-braces-visibility .eye-icon {\r\n  color: #d94c8f;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .20);\r\n}\r\n\r\n\r\n\/* Wire \/ ties *\/\r\n\r\n#ceramic-braces-visibility .preview-icon {\r\n  color: #e36b00;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TYPOGRAPHY\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .content-copy h3,\r\n#ceramic-braces-visibility .preview-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-braces-visibility .content-copy p,\r\n#ceramic-braces-visibility .preview-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECOND H3 BLOCK\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .system-preview-block {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    66px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 20px;\r\n\r\n  align-items: start;\r\n\r\n  padding: 38px 0 0;\r\n\r\n  border-top: 1px solid #dfe3e7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-braces-visibility .ceramic-cite,\r\n#ceramic-braces-visibility .ceramic-cite:link,\r\n#ceramic-braces-visibility .ceramic-cite:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-braces-visibility .ceramic-cite:hover,\r\n#ceramic-braces-visibility .ceramic-cite:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Grouped citations *\/\r\n\r\n#ceramic-braces-visibility .ceramic-citation-group,\r\n#ceramic-braces-visibility .ceramic-citation-group a,\r\n#ceramic-braces-visibility .ceramic-citation-group a:link,\r\n#ceramic-braces-visibility .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-braces-visibility .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-braces-visibility .ceramic-citation-group a:hover,\r\n#ceramic-braces-visibility .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-braces-visibility .visibility-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-braces-visibility {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-braces-visibility h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-grid {\r\n    gap: 12px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 17px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-content,\r\n  #ceramic-braces-visibility .system-preview-block {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 14px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .visibility-content {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-braces-visibility .system-preview-block {\r\n    padding-top: 30px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .content-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    border-radius: 14px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .content-icon svg {\r\n    width: 31px;\r\n    height: 31px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .content-copy h3,\r\n  #ceramic-braces-visibility .preview-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-braces-visibility .content-copy p,\r\n  #ceramic-braces-visibility .preview-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFETY\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-braces-visibility,\r\nhtml[lang|=\"ar\"] #ceramic-braces-visibility {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-braces-visibility *,\r\n  #ceramic-braces-visibility *::before,\r\n  #ceramic-braces-visibility *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd590e1 elementor-widget elementor-widget-html\" data-id=\"fd590e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION 5 \u2014 STAINING \/ DISCOLOURATION\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-staining\"\r\n  class=\"lq lq-section ceramic-staining-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-staining-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        What can actually change colour\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-staining-title\">\r\n        Do Ceramic Braces Stain or Discolour?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        It is too simple to say either that \u201cceramic braces stain\u201d or that\r\n        they \u201cdo not stain.\u201d Different parts of the appliance can change\r\n        appearance differently. The ceramic bracket, the adhesive or resin\r\n        around it, and any elastomeric ties are separate materials.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 8 and 9\"\r\n        >[<a href=\"#ceramic-ref-8\">8<\/a>,<a href=\"#ceramic-ref-9\">9<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISUAL COMPONENT ORIENTATION\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"staining-grid\"\r\n      aria-label=\"Visible components that can affect appearance\"\r\n    >\r\n\r\n      <!-- BRACKET -->\r\n\r\n      <article class=\"staining-card\">\r\n\r\n        <div class=\"staining-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"15\"\r\n              y=\"15\"\r\n              width=\"34\"\r\n              height=\"34\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M21 32h22\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Ceramic bracket\r\n          <\/span>\r\n\r\n          <strong>\r\n            One visible component\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ADHESIVE -->\r\n\r\n      <article class=\"staining-card\">\r\n\r\n        <div class=\"staining-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M20 12h24v40H20z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M26 20h12v24H26z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Adhesive \/ resin\r\n          <\/span>\r\n\r\n          <strong>\r\n            A separate material\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TIES -->\r\n\r\n      <article class=\"staining-card\">\r\n\r\n        <div class=\"staining-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"17\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"7\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Elastomeric ties\r\n          <\/span>\r\n\r\n          <strong>\r\n            Another separate material\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 COMPONENT DISTINCTION\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Bracket vs adhesive\/resin vs elastomeric ties\r\n        <\/h3>\r\n\r\n        <p>\r\n          Discolouration may involve one component more than another, and this\r\n          can vary with the materials used. If appearance is a major reason\r\n          you are considering ceramic braces, ask what bracket, adhesive and\r\n          tie system is planned and which parts may change colour over time.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 8 and 9\"\r\n          >[<a href=\"#ceramic-ref-8\">8<\/a>,<a href=\"#ceramic-ref-9\">9<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Decorative component distinction -->\r\n\r\n      <aside\r\n        class=\"component-visual\"\r\n        aria-label=\"Ceramic bracket, adhesive and ties are separate materials\"\r\n      >\r\n\r\n        <div class=\"component-row\">\r\n\r\n          <span class=\"component-number\" aria-hidden=\"true\">\r\n            1\r\n          <\/span>\r\n\r\n          <strong>\r\n            Bracket\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"component-row\">\r\n\r\n          <span class=\"component-number\" aria-hidden=\"true\">\r\n            2\r\n          <\/span>\r\n\r\n          <strong>\r\n            Adhesive \/ resin\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"component-row\">\r\n\r\n          <span class=\"component-number\" aria-hidden=\"true\">\r\n            3\r\n          <\/span>\r\n\r\n          <strong>\r\n            Elastomeric ties, when used\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 PRACTICAL CARE\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row final-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Practical care without promising stain-proof treatment\r\n        <\/h3>\r\n\r\n        <p>\r\n          Keep the appliance and the tooth surfaces around it clean, and follow\r\n          the care instructions given for your braces. If a tie or another\r\n          visible component changes colour, ask the treating team whether it\r\n          can be replaced at a routine visit. Good care can help maintain\r\n          appearance, but no fixed appliance should be described as\r\n          stain-proof.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Decorative care icon -->\r\n\r\n      <div class=\"care-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"care-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M22 10h20l4 10v29a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V20l4-10Z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M24 20h16\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M26 35l4 4 8-10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 STAINING \/ DISCOLOURATION\r\n   C03 parity-corrected\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-staining * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-staining .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-staining .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-staining h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-staining h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-staining .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPONENT CARDS\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .staining-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n\r\n  gap: 16px;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-staining .staining-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    52px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 14px;\r\n\r\n  align-items: center;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff9f5,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-staining .staining-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #e36b00;\r\n}\r\n\r\n#ceramic-staining .staining-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-staining .card-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-staining .staining-card strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15.5px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT ROWS\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .content-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(280px, .92fr);\r\n\r\n  gap: 42px;\r\n\r\n  align-items: center;\r\n\r\n  padding: 40px 0;\r\n\r\n  border-top: 1px solid #e2e5e9;\r\n}\r\n\r\n#ceramic-staining .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-staining .content-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPONENT DISTINCTION VISUAL\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .component-visual {\r\n  display: grid;\r\n\r\n  gap: 11px;\r\n\r\n  padding: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff7fa,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .19);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-staining .component-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    31px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n#ceramic-staining .component-number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 29px;\r\n  height: 29px;\r\n\r\n  background:\r\n    rgba(255, 95, 162, .10);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #b13e75;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-staining .component-row strong {\r\n  color: #333;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARE VISUAL\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .care-visual {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 140px;\r\n}\r\n\r\n#ceramic-staining .care-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 108px;\r\n  height: 108px;\r\n\r\n  color: #e36b00;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 27px;\r\n\r\n  box-shadow:\r\n    0 6px 18px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-staining .care-icon svg {\r\n  width: 55px;\r\n  height: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-staining .ceramic-cite,\r\n#ceramic-staining .ceramic-cite:link,\r\n#ceramic-staining .ceramic-cite:visited,\r\n#ceramic-staining .ceramic-citation-group,\r\n#ceramic-staining .ceramic-citation-group a,\r\n#ceramic-staining .ceramic-citation-group a:link,\r\n#ceramic-staining .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-staining .ceramic-cite,\r\n#ceramic-staining .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-staining .ceramic-cite:hover,\r\n#ceramic-staining .ceramic-cite:focus-visible,\r\n#ceramic-staining .ceramic-citation-group a:hover,\r\n#ceramic-staining .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-staining .staining-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #ceramic-staining .content-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  #ceramic-staining .care-visual {\r\n    justify-content: flex-start;\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-staining {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-staining .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-staining h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-staining .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-staining .staining-grid {\r\n    gap: 12px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-staining .staining-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 17px;\r\n  }\r\n\r\n  #ceramic-staining .staining-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-staining .staining-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  #ceramic-staining .content-row {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-staining .content-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-staining .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-staining .component-visual {\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-staining .care-icon {\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #ceramic-staining .care-icon svg {\r\n    width: 41px;\r\n    height: 41px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFETY\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-staining,\r\nhtml[lang|=\"ar\"] #ceramic-staining {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-staining *,\r\n  #ceramic-staining *::before,\r\n  #ceramic-staining *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92e5605 elementor-widget elementor-widget-html\" data-id=\"92e5605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION 6 \u2014 FRAGILITY \/ CLINICAL FAILURE\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     EXISTING FRAGILITY IMAGE RETAINED AT REDUCED SIZE\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-fragility\"\r\n  class=\"lq lq-section ceramic-fragility-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-fragility-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Material strength vs clinical failure\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-fragility-title\">\r\n        Are Ceramic Braces More Fragile Than Metal Braces?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Ceramic is more brittle than metal as a material. That is a real\r\n        material difference, but it should not be converted into a blanket\r\n        claim that ceramic brackets always break or fail more often in\r\n        clinical use.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 1, 3, 5, 6 and 7\"\r\n        >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-3\">3<\/a>,<a href=\"#ceramic-ref-5\">5<\/a>,<a href=\"#ceramic-ref-6\">6<\/a>,<a href=\"#ceramic-ref-7\">7<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         SMALLER EXISTING IMAGE + ORIENTATION\r\n         ===================================================== -->\r\n\r\n    <div class=\"fragility-hero\">\r\n\r\n      <figure class=\"fragility-visual\">\r\n\r\n        <div class=\"image-frame\">\r\n\r\n          <img\r\n            src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/ceramic-bracket-fragility.png\"\r\n            alt=\"Illustration representing the brittle material properties of a ceramic orthodontic bracket\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <figcaption>\r\n          Ceramic is more brittle than metal as a material.\r\n        <\/figcaption>\r\n\r\n      <\/figure>\r\n\r\n\r\n      <div\r\n        class=\"fragility-orientation\"\r\n        aria-label=\"Material brittleness and clinical bracket failure are different questions\"\r\n      >\r\n\r\n        <div class=\"orientation-item\">\r\n\r\n          <span class=\"orientation-number\" aria-hidden=\"true\">\r\n            1\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <span class=\"orientation-label\">\r\n              Material property\r\n            <\/span>\r\n\r\n            <strong>\r\n              Ceramic is more brittle than metal\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"orientation-divider\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n        <div class=\"orientation-item\">\r\n\r\n          <span class=\"orientation-number\" aria-hidden=\"true\">\r\n            2\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <span class=\"orientation-label\">\r\n              Clinical question\r\n            <\/span>\r\n\r\n            <strong>\r\n              Actual bracket problems depend on the treatment context\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 MATERIAL VS ACTUAL FAILURE\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row inline-icon-row\">\r\n\r\n      <div\r\n        class=\"content-icon factor-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n\r\n        <svg\r\n          viewBox=\"0 0 64 64\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <circle\r\n            cx=\"32\"\r\n            cy=\"32\"\r\n            r=\"21\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n          \/>\r\n\r\n          <path\r\n            d=\"M21 33l7 7 15-18\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          \/>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Material brittleness vs actual bracket failure\r\n        <\/h3>\r\n\r\n        <p>\r\n          Actual bracket problems can depend on the bracket design, where it\r\n          is positioned, the way the bite contacts it and how the appliance\r\n          is managed during treatment. The relevant question is how the\r\n          proposed ceramic system performs in your treatment plan, not whether\r\n          all ceramic brackets behave identically.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 1, 3, 5, 6, 7, 12 and 13\"\r\n          >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-3\">3<\/a>,<a href=\"#ceramic-ref-5\">5<\/a>,<a href=\"#ceramic-ref-6\">6<\/a>,<a href=\"#ceramic-ref-7\">7<\/a>,<a href=\"#ceramic-ref-12\">12<\/a>,<a href=\"#ceramic-ref-13\">13<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 PRACTICAL CARE\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row inline-icon-row final-row\">\r\n\r\n      <div\r\n        class=\"content-icon care-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n\r\n        <svg\r\n          viewBox=\"0 0 64 64\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <rect\r\n            x=\"15\"\r\n            y=\"17\"\r\n            width=\"34\"\r\n            height=\"30\"\r\n            rx=\"8\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n          \/>\r\n\r\n          <path\r\n            d=\"M8 32h48\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n\r\n          <path\r\n            d=\"M45 12l4 4-7 7-4-4 7-7Z\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.5\"\r\n            stroke-linejoin=\"round\"\r\n          \/>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          What extra care may mean in practice\r\n        <\/h3>\r\n\r\n        <p>\r\n          Because fixed brackets and wires can be damaged, you may need to\r\n          change how you bite or chew certain hard or sticky foods and follow\r\n          the appliance-care instructions you are given. If a bracket becomes\r\n          loose or fractures, contact the treating team rather than trying to\r\n          repair it yourself.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 FRAGILITY\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-fragility * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-fragility .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-fragility .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-fragility h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-fragility h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-fragility .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL IMAGE + ORIENTATION\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .fragility-hero {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    250px\r\n    minmax(0, 520px);\r\n\r\n  gap: 34px;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: start;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-fragility .fragility-visual {\r\n  width: 250px;\r\n  max-width: 100%;\r\n\r\n  min-width: 0;\r\n\r\n  margin: 0;\r\n}\r\n\r\n#ceramic-fragility .image-frame {\r\n  width: 250px;\r\n  max-width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e5e7ea;\r\n  border-radius: 16px;\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(0, 0, 0, .045);\r\n}\r\n\r\n#ceramic-fragility .image-frame img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  margin: 0;\r\n\r\n  border-radius: 16px;\r\n}\r\n\r\n#ceramic-fragility figcaption {\r\n  margin: 9px 3px 0;\r\n\r\n  color: #667085;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORIENTATION CARD\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .fragility-orientation {\r\n  width: 100%;\r\n\r\n  padding: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .20);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-fragility .orientation-item {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    34px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 12px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n#ceramic-fragility .orientation-number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-fragility .orientation-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-fragility .orientation-item strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ceramic-fragility .orientation-divider {\r\n  height: 1px;\r\n\r\n  margin: 18px 0;\r\n\r\n  background:\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOWER CONTENT ROWS\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .content-row {\r\n  padding: 40px 0;\r\n\r\n  border-top: 1px solid #e2e5e9;\r\n}\r\n\r\n#ceramic-fragility .inline-icon-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    66px\r\n    minmax(0, 860px);\r\n\r\n  gap: 20px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n#ceramic-fragility .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-fragility .content-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LEADING ICONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .content-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  background: #fff;\r\n\r\n  border-radius: 16px;\r\n\r\n  box-shadow:\r\n    0 4px 12px\r\n    rgba(0, 0, 0, .025);\r\n}\r\n\r\n#ceramic-fragility .content-icon svg {\r\n  width: 36px;\r\n  height: 36px;\r\n}\r\n\r\n#ceramic-fragility .factor-icon {\r\n  color: #d94c8f;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .18);\r\n}\r\n\r\n#ceramic-fragility .care-icon {\r\n  color: #e36b00;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-fragility .ceramic-citation-group,\r\n#ceramic-fragility .ceramic-citation-group a,\r\n#ceramic-fragility .ceramic-citation-group a:link,\r\n#ceramic-fragility .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-fragility .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-fragility .ceramic-citation-group a:hover,\r\n#ceramic-fragility .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-fragility .fragility-hero {\r\n    grid-template-columns:\r\n      220px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 26px;\r\n  }\r\n\r\n  #ceramic-fragility .fragility-visual,\r\n  #ceramic-fragility .image-frame {\r\n    width: 220px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-fragility {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-fragility .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-fragility h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-fragility .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-fragility .fragility-hero {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 22px;\r\n\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-fragility .fragility-visual,\r\n  #ceramic-fragility .image-frame {\r\n    width: 190px;\r\n  }\r\n\r\n  #ceramic-fragility .image-frame,\r\n  #ceramic-fragility .image-frame img {\r\n    border-radius: 14px;\r\n  }\r\n\r\n  #ceramic-fragility .fragility-orientation {\r\n    max-width: 520px;\r\n\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-fragility .content-row {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-fragility .inline-icon-row {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 14px;\r\n  }\r\n\r\n  #ceramic-fragility .content-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-fragility .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-fragility .content-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    border-radius: 14px;\r\n  }\r\n\r\n  #ceramic-fragility .content-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFETY\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-fragility,\r\nhtml[lang|=\"ar\"] #ceramic-fragility {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-fragility *,\r\n  #ceramic-fragility *::before,\r\n  #ceramic-fragility *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e8095 elementor-widget elementor-widget-html\" data-id=\"d6e8095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 FRICTION \/ TREATMENT SPEED\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-friction\"\r\n  class=\"lq lq-section ceramic-friction-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-friction-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADING\r\n         ===================================================== -->\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Friction and treatment speed\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-friction-title\">\r\n        Does Ceramic-Bracket Friction Make Treatment Slower?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Not necessarily. Friction can differ between bracket designs and can\r\n        be affected by the slot, archwire, surface or coating and the way the\r\n        wire is ligated. A laboratory friction measurement is not the same\r\n        thing as total treatment duration.\r\n        <a\r\n          href=\"#ceramic-ref-2\"\r\n          class=\"ceramic-cite\"\r\n          aria-label=\"See references 2, 3 and 4\"\r\n        >[2,3,4]<\/a>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISUAL ORIENTATION\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"friction-grid\"\r\n      aria-label=\"Factors that can affect friction\"\r\n    >\r\n\r\n      <article class=\"friction-card\">\r\n\r\n        <div class=\"friction-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"15\"\r\n              y=\"15\"\r\n              width=\"34\"\r\n              height=\"34\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M20 32h24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Bracket\r\n          <\/span>\r\n\r\n          <strong>\r\n            Design and slot can matter\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"friction-card\">\r\n\r\n        <div class=\"friction-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M8 32h48\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"18\"\r\n              cy=\"32\"\r\n              r=\"5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"46\"\r\n              cy=\"32\"\r\n              r=\"5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Archwire\r\n          <\/span>\r\n\r\n          <strong>\r\n            Wire and surface can matter\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"friction-card\">\r\n\r\n        <div class=\"friction-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"17\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M21 32h22\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Ligation\r\n          <\/span>\r\n\r\n          <strong>\r\n            How the wire is held can matter\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 WHY FRICTION VARIES\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Why friction varies between systems\r\n        <\/h3>\r\n\r\n        <p>\r\n          There is no single friction value that represents every ceramic\r\n          bracket. Different bracket and wire combinations can behave\r\n          differently, so one laboratory result should not be applied to the\r\n          whole ceramic category.\r\n          <a\r\n            href=\"#ceramic-ref-2\"\r\n            class=\"ceramic-cite\"\r\n            aria-label=\"See references 2, 3 and 4\"\r\n          >[2,3,4]<\/a>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"friction-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"friction-visual-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M10 24h44M10 40h44\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M18 18l-8 6 8 6M46 34l8 6-8 6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 LAB FRICTION VS TOTAL TREATMENT TIME\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row final-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Why laboratory friction does not equal total treatment time\r\n        <\/h3>\r\n\r\n        <p>\r\n          Treatment time depends on the diagnosis, the movements required, the\r\n          wider mechanics of the plan and how treatment progresses. Ceramic\r\n          should therefore not be described as universally faster, slower or\r\n          the same speed as metal simply from a friction result.\r\n          <a\r\n            href=\"#ceramic-ref-2\"\r\n            class=\"ceramic-cite\"\r\n            aria-label=\"See references 2, 3 and 4\"\r\n          >[2,3,4]<\/a>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"time-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"time-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"21\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M32 20v13l9 6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 FRICTION\r\n   C03 parity-corrected\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-friction * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-friction .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-friction .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-friction h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-friction h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-friction .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORIENTATION CARDS\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction .friction-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n\r\n  gap: 16px;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-friction .friction-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    52px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 14px;\r\n\r\n  align-items: center;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff9f5,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-friction .friction-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #e36b00;\r\n}\r\n\r\n#ceramic-friction .friction-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-friction .card-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-friction .friction-card strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT ROWS\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction .content-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(260px, .92fr);\r\n\r\n  gap: 42px;\r\n\r\n  align-items: center;\r\n\r\n  padding: 40px 0;\r\n\r\n  border-top: 1px solid #e2e5e9;\r\n}\r\n\r\n#ceramic-friction .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-friction .content-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE ICONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction .friction-visual,\r\n#ceramic-friction .time-visual {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 140px;\r\n}\r\n\r\n#ceramic-friction .friction-visual-icon,\r\n#ceramic-friction .time-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 108px;\r\n  height: 108px;\r\n\r\n  border-radius: 27px;\r\n\r\n  box-shadow:\r\n    0 6px 18px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-friction .friction-visual-icon {\r\n  color: #d94c8f;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff7fa,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .18);\r\n}\r\n\r\n#ceramic-friction .time-icon {\r\n  color: #e36b00;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n#ceramic-friction .friction-visual-icon svg,\r\n#ceramic-friction .time-icon svg {\r\n  width: 55px;\r\n  height: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITATIONS\r\n   ========================================================= *\/\r\n\r\n#ceramic-friction .ceramic-cite,\r\n#ceramic-friction .ceramic-cite:link,\r\n#ceramic-friction .ceramic-cite:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-friction .ceramic-cite:hover,\r\n#ceramic-friction .ceramic-cite:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-friction .friction-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #ceramic-friction .content-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  #ceramic-friction .friction-visual,\r\n  #ceramic-friction .time-visual {\r\n    justify-content: flex-start;\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-friction {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-friction .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-friction h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-friction .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-friction .friction-grid {\r\n    gap: 12px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-friction .friction-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 17px;\r\n  }\r\n\r\n  #ceramic-friction .friction-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-friction .friction-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  #ceramic-friction .content-row {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-friction .content-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-friction .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-friction .friction-visual-icon,\r\n  #ceramic-friction .time-icon {\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #ceramic-friction .friction-visual-icon svg,\r\n  #ceramic-friction .time-icon svg {\r\n    width: 41px;\r\n    height: 41px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL SAFETY\r\n   ========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-friction,\r\nhtml[lang|=\"ar\"] #ceramic-friction {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-friction *,\r\n  #ceramic-friction *::before,\r\n  #ceramic-friction *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cddaeb8 elementor-widget elementor-widget-html\" data-id=\"cddaeb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 WHO MAY BE SUITABLE?\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-suitability\"\r\n  class=\"lq lq-section ceramic-suitability-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-suitability-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Suitability starts with diagnosis\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-suitability-title\">\r\n        Who May Be Suitable for Ceramic Braces?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Ceramic braces may be considered when a fixed appliance is appropriate\r\n        and a less visually prominent front-surface bracket is a practical\r\n        priority. The decision should still start with diagnosis, treatment\r\n        goals, the movements required, the bite, oral health and where the\r\n        brackets would need to be positioned.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 1, 12 and 13\"\r\n        >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-12\">12<\/a>,<a href=\"#ceramic-ref-13\">13<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISUAL ORIENTATION\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"suitability-grid\"\r\n      aria-label=\"Factors that may affect ceramic-braces suitability\"\r\n    >\r\n\r\n      <article class=\"suitability-card\">\r\n\r\n        <div class=\"suitability-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"21\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M23 31l6 6 12-15\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Diagnosis\r\n          <\/span>\r\n\r\n          <strong>\r\n            Start with the treatment problem\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"suitability-card\">\r\n\r\n        <div class=\"suitability-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M12 33c6-8 12-12 20-12s14 4 20 12\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M16 36c5 6 10 9 16 9s11-3 16-9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Bite\r\n          <\/span>\r\n\r\n          <strong>\r\n            Opposing-tooth contact can matter\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"suitability-card\">\r\n\r\n        <div class=\"suitability-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"17\"\r\n              y=\"14\"\r\n              width=\"30\"\r\n              height=\"36\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M24 25h16M24 33h16M24 41h10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"card-label\">\r\n            Treatment plan\r\n          <\/span>\r\n\r\n          <strong>\r\n            Position and movements matter\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 DIAGNOSIS \/ MOVEMENT \/ GOALS\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Start with diagnosis, tooth movement and treatment goals\r\n        <\/h3>\r\n\r\n        <p>\r\n          Age or a simple label such as \u201cmild\u201d or \u201ccomplex\u201d should not decide\r\n          the appliance by itself. Ask why ceramic brackets are appropriate\r\n          for the movements planned in your case and what realistic\r\n          alternatives were considered.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"planning-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"planning-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M15 16h34v32H15z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M23 25h18M23 33h12M23 41h9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M41 39l4 4 7-9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 BITE \/ OPPOSING-TOOTH CONTACT\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row final-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Bite and opposing-tooth contact can matter\r\n        <\/h3>\r\n\r\n        <p>\r\n          Ceramic is a hard material, so the clinician should consider\r\n          situations where a ceramic bracket could contact an opposing tooth.\r\n          Bracket position, bite and material choice may influence where\r\n          ceramic is appropriate. This is a case-specific planning issue, not\r\n          a blanket rule that ceramic can never be used on lower teeth or in a\r\n          particular bite pattern.\r\n          <span\r\n            class=\"ceramic-citation-group\"\r\n            aria-label=\"See references 1, 12 and 13\"\r\n          >[<a href=\"#ceramic-ref-1\">1<\/a>,<a href=\"#ceramic-ref-12\">12<\/a>,<a href=\"#ceramic-ref-13\">13<\/a>]<\/span>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bite-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"bite-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M12 25c5-7 12-10 20-10s15 3 20 10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M13 39c5 7 12 10 19 10s14-3 19-10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M21 29h22M21 35h22\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 SUITABILITY\r\n   C03 parity-corrected\r\n   ========================================================= *\/\r\n\r\n#ceramic-suitability {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-suitability * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-suitability .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-suitability .section-heading {\r\n  display: block;\r\n  max-width: 880px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-suitability .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-suitability h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-suitability h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-suitability .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Orientation cards *\/\r\n\r\n#ceramic-suitability .suitability-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n\r\n  gap: 16px;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-suitability .suitability-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    52px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 14px;\r\n\r\n  align-items: center;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 20px;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-suitability .suitability-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff5ec,\r\n      #fff8fb\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #e36b00;\r\n}\r\n\r\n#ceramic-suitability .suitability-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-suitability .card-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-suitability .suitability-card strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* Content rows *\/\r\n\r\n#ceramic-suitability .content-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(260px, .92fr);\r\n\r\n  gap: 42px;\r\n\r\n  align-items: center;\r\n\r\n  padding: 40px 0;\r\n\r\n  border-top: 1px solid #e2e5e9;\r\n}\r\n\r\n#ceramic-suitability .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-suitability .content-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Decorative icons *\/\r\n\r\n#ceramic-suitability .planning-visual,\r\n#ceramic-suitability .bite-visual {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 140px;\r\n}\r\n\r\n#ceramic-suitability .planning-icon,\r\n#ceramic-suitability .bite-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 108px;\r\n  height: 108px;\r\n\r\n  border-radius: 27px;\r\n\r\n  box-shadow:\r\n    0 6px 18px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-suitability .planning-icon {\r\n  color: #d94c8f;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff7fa,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .18);\r\n}\r\n\r\n#ceramic-suitability .bite-icon {\r\n  color: #e36b00;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n#ceramic-suitability .planning-icon svg,\r\n#ceramic-suitability .bite-icon svg {\r\n  width: 55px;\r\n  height: 55px;\r\n}\r\n\r\n\r\n\/* Citations *\/\r\n\r\n#ceramic-suitability .ceramic-citation-group,\r\n#ceramic-suitability .ceramic-citation-group a,\r\n#ceramic-suitability .ceramic-citation-group a:link,\r\n#ceramic-suitability .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-suitability .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-suitability .ceramic-citation-group a:hover,\r\n#ceramic-suitability .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-suitability .suitability-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #ceramic-suitability .content-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  #ceramic-suitability .planning-visual,\r\n  #ceramic-suitability .bite-visual {\r\n    justify-content: flex-start;\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-suitability {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-suitability .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-suitability h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-suitability .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-suitability .suitability-grid {\r\n    gap: 12px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-suitability .suitability-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 17px;\r\n  }\r\n\r\n  #ceramic-suitability .suitability-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-suitability .suitability-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  #ceramic-suitability .content-row {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-suitability .content-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-suitability .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-suitability .planning-icon,\r\n  #ceramic-suitability .bite-icon {\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #ceramic-suitability .planning-icon svg,\r\n  #ceramic-suitability .bite-icon svg {\r\n    width: 41px;\r\n    height: 41px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-suitability,\r\nhtml[lang|=\"ar\"] #ceramic-suitability {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* Reduced motion *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-suitability *,\r\n  #ceramic-suitability *::before,\r\n  #ceramic-suitability *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-807d8b2 elementor-widget elementor-widget-html\" data-id=\"807d8b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 TREATMENT PROCESS\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-treatment-process\"\r\n  class=\"lq lq-section ceramic-treatment-process-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-treatment-process-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Treatment process\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-treatment-process-title\">\r\n        What Does Ceramic-Braces Treatment Usually Involve?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        The broad treatment journey is the same kind of fixed-brace process\r\n        described in LumiQuest's braces guide. This page focuses only on the\r\n        ceramic-specific decisions.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROCESS VISUAL\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"process-grid\"\r\n      aria-label=\"Ceramic braces treatment stages\"\r\n    >\r\n\r\n      <article class=\"process-card\">\r\n\r\n        <div class=\"process-number\" aria-hidden=\"true\">\r\n          1\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"process-label\">\r\n            Planning\r\n          <\/span>\r\n\r\n          <strong>\r\n            Diagnosis and intended movements first\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"process-card\">\r\n\r\n        <div class=\"process-number\" aria-hidden=\"true\">\r\n          2\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"process-label\">\r\n            Fitting\r\n          <\/span>\r\n\r\n          <strong>\r\n            Brackets bonded and connected by an archwire\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"process-card\">\r\n\r\n        <div class=\"process-number\" aria-hidden=\"true\">\r\n          3\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"process-label\">\r\n            Monitoring\r\n          <\/span>\r\n\r\n          <strong>\r\n            Progress checked and the appliance adjusted as required\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 PLANNING AND FITTING\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Planning and fitting\r\n        <\/h3>\r\n\r\n        <p>\r\n          Treatment planning should establish the diagnosis and intended tooth\r\n          movements before the bracket material is chosen. Once the plan is\r\n          agreed, the brackets are bonded to the teeth and connected by an\r\n          archwire.\r\n          <a\r\n            href=\"#ceramic-ref-2\"\r\n            class=\"ceramic-cite\"\r\n            aria-label=\"See reference 2\"\r\n          >[2]<\/a>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"planning-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"planning-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"16\"\r\n              y=\"12\"\r\n              width=\"32\"\r\n              height=\"40\"\r\n              rx=\"6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M23 24h18M23 32h18M23 40h10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M39 39l4 4 7-9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         H3 \u2014 MONITORING AND APPLIANCE CARE\r\n         ===================================================== -->\r\n\r\n    <div class=\"content-row final-row\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Monitoring and appliance care\r\n        <\/h3>\r\n\r\n        <p>\r\n          Fixed braces need ongoing monitoring so the clinician can assess\r\n          progress and adjust the appliance as the plan requires. The schedule\r\n          should follow the treatment stage and clinical need rather than a\r\n          universal ceramic-braces interval.\r\n          <a\r\n            href=\"#ceramic-ref-2\"\r\n            class=\"ceramic-cite\"\r\n            aria-label=\"See reference 2\"\r\n          >[2]<\/a>\r\n        <\/p>\r\n\r\n        <p>\r\n          For the broader fixed-braces treatment journey, see\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/\"\r\n            class=\"lq-link\"\r\n          >Braces in Dubai<\/a>.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"monitoring-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"monitoring-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"21\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M32 19v13l9 6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M12 23l5-7 7 5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 TREATMENT PROCESS\r\n   C03 parity-corrected\r\n   ========================================================= *\/\r\n\r\n#ceramic-treatment-process {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-treatment-process * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-treatment-process .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-treatment-process .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-treatment-process .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-treatment-process h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-treatment-process h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-treatment-process .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Process cards *\/\r\n\r\n#ceramic-treatment-process .process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n\r\n  margin-bottom: 44px;\r\n}\r\n\r\n#ceramic-treatment-process .process-card {\r\n  display: grid;\r\n  grid-template-columns: 40px minmax(0, 1fr);\r\n  gap: 12px;\r\n  align-items: start;\r\n\r\n  padding: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff9f5,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-treatment-process .process-number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-treatment-process .process-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-treatment-process .process-card strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.42;\r\n}\r\n\r\n\r\n\/* Content rows *\/\r\n\r\n#ceramic-treatment-process .content-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(260px, .92fr);\r\n\r\n  gap: 42px;\r\n\r\n  align-items: center;\r\n\r\n  padding: 40px 0;\r\n\r\n  border-top: 1px solid #e2e5e9;\r\n}\r\n\r\n#ceramic-treatment-process .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-treatment-process .content-copy p {\r\n  margin: 0 0 14px;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n#ceramic-treatment-process .content-copy p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* Decorative icons *\/\r\n\r\n#ceramic-treatment-process .planning-visual,\r\n#ceramic-treatment-process .monitoring-visual {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 140px;\r\n}\r\n\r\n#ceramic-treatment-process .planning-icon,\r\n#ceramic-treatment-process .monitoring-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 108px;\r\n  height: 108px;\r\n\r\n  border-radius: 27px;\r\n\r\n  box-shadow:\r\n    0 6px 18px\r\n    rgba(0, 0, 0, .03);\r\n}\r\n\r\n#ceramic-treatment-process .planning-icon {\r\n  color: #d94c8f;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff7fa,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 95, 162, .18);\r\n}\r\n\r\n#ceramic-treatment-process .monitoring-icon {\r\n  color: #e36b00;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n}\r\n\r\n#ceramic-treatment-process .planning-icon svg,\r\n#ceramic-treatment-process .monitoring-icon svg {\r\n  width: 55px;\r\n  height: 55px;\r\n}\r\n\r\n\r\n\/* Links *\/\r\n\r\n#ceramic-treatment-process .lq-link,\r\n#ceramic-treatment-process .lq-link:link,\r\n#ceramic-treatment-process .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-treatment-process .lq-link:hover,\r\n#ceramic-treatment-process .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Citations *\/\r\n\r\n#ceramic-treatment-process .ceramic-cite,\r\n#ceramic-treatment-process .ceramic-cite:link,\r\n#ceramic-treatment-process .ceramic-cite:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-treatment-process .ceramic-cite:hover,\r\n#ceramic-treatment-process .ceramic-cite:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  #ceramic-treatment-process .process-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #ceramic-treatment-process .content-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  #ceramic-treatment-process .planning-visual,\r\n  #ceramic-treatment-process .monitoring-visual {\r\n    justify-content: flex-start;\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-treatment-process {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-treatment-process .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-treatment-process h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-treatment-process .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-treatment-process .process-grid {\r\n    gap: 12px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-treatment-process .process-card {\r\n    padding: 17px;\r\n  }\r\n\r\n  #ceramic-treatment-process .content-row {\r\n    padding: 31px 0;\r\n  }\r\n\r\n  #ceramic-treatment-process .content-copy h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #ceramic-treatment-process .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-treatment-process .planning-icon,\r\n  #ceramic-treatment-process .monitoring-icon {\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #ceramic-treatment-process .planning-icon svg,\r\n  #ceramic-treatment-process .monitoring-icon svg {\r\n    width: 41px;\r\n    height: 41px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-treatment-process,\r\nhtml[lang|=\"ar\"] #ceramic-treatment-process {\r\n  direction: rtl;\r\n}\r\n\r\n\r\n\/* Reduced motion *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ceramic-treatment-process *,\r\n  #ceramic-treatment-process *::before,\r\n  #ceramic-treatment-process *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3daf9e9 elementor-widget elementor-widget-html\" data-id=\"3daf9e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 LIVING WITH CERAMIC BRACES\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-living\"\r\n  class=\"lq lq-section ceramic-living-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-living-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Day-to-day care\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-living-title\">\r\n        Living With Ceramic Braces\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Ceramic brackets are still fixed braces, so the main day-to-day\r\n        responsibilities are appliance protection and careful cleaning.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"living-grid\">\r\n\r\n      <!-- ===================================================\r\n           EATING \/ PROTECTION\r\n           =================================================== -->\r\n\r\n      <article class=\"living-card\">\r\n\r\n        <div class=\"living-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M16 16h32v32H16z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M24 26h16M24 34h16\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M22 12l20 40\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n              stroke-linecap=\"round\"\r\n              opacity=\".45\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"living-copy\">\r\n\r\n          <h3>\r\n            Eating and appliance protection\r\n          <\/h3>\r\n\r\n          <p>\r\n            Hard or sticky foods can damage fixed brackets and wires, so you\r\n            may need to modify how you eat some foods. Follow the instructions\r\n            for your particular appliance rather than relying on a universal\r\n            food list.\r\n            <span\r\n              class=\"ceramic-citation-group\"\r\n              aria-label=\"See references 2 and 14\"\r\n            >[<a href=\"#ceramic-ref-2\">2<\/a>,<a href=\"#ceramic-ref-14\">14<\/a>]<\/span>\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================================\r\n           CLEANING\r\n           =================================================== -->\r\n\r\n      <article class=\"living-card\">\r\n\r\n        <div class=\"living-icon\" aria-hidden=\"true\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M18 44l9-9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M27 35l17-17\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M40 15l9 9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M16 48h18\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"living-copy\">\r\n\r\n          <h3>\r\n            Cleaning around fixed brackets\r\n          <\/h3>\r\n\r\n          <p>\r\n            Cleaning around brackets and wires requires additional care.\r\n            Ceramic should not be described as inherently cleaner or dirtier\r\n            than metal simply because of the bracket material. The important\r\n            point is keeping plaque away from the teeth and gums around any\r\n            fixed appliance.\r\n            <span\r\n              class=\"ceramic-citation-group\"\r\n              aria-label=\"See references 2 and 14\"\r\n            >[<a href=\"#ceramic-ref-2\">2<\/a>,<a href=\"#ceramic-ref-14\">14<\/a>]<\/span>\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 LIVING WITH CERAMIC BRACES\r\n   ========================================================= *\/\r\n\r\n#ceramic-living {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-living * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-living .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-living .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-living .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-living h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-living h2::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-living .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Cards *\/\r\n\r\n#ceramic-living .living-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  gap: 18px;\r\n}\r\n\r\n#ceramic-living .living-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 16px;\r\n\r\n  align-items: start;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fffaf6,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-living .living-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-living .living-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-living .living-copy h3 {\r\n  margin: 0 0 12px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 21px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-living .living-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 15.8px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Citations *\/\r\n\r\n#ceramic-living .ceramic-citation-group,\r\n#ceramic-living .ceramic-citation-group a,\r\n#ceramic-living .ceramic-citation-group a:link,\r\n#ceramic-living .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-living .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-living .ceramic-citation-group a:hover,\r\n#ceramic-living .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-living .living-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-living {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-living .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-living h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-living .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-living .living-grid {\r\n    gap: 13px;\r\n  }\r\n\r\n  #ceramic-living .living-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-living .living-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-living .living-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  #ceramic-living .living-copy h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  #ceramic-living .living-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-living,\r\nhtml[lang|=\"ar\"] #ceramic-living {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17bca99 elementor-widget elementor-widget-html\" data-id=\"17bca99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 REMOVING CERAMIC BRACES\r\n     C03 PARITY-CORRECTED IMPLEMENTATION\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-removal\"\r\n  class=\"lq lq-section ceramic-removal-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-removal-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        End of active treatment\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-removal-title\">\r\n        Removing Ceramic Braces: What Should You Know?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Removing ceramic brackets is a controlled clinical stage. The bracket\r\n        design, adhesive and removal technique can affect how debonding is\r\n        carried out. Bracket fracture and enamel effects are recognized\r\n        considerations, but enamel damage is not inevitable.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 10 and 11\"\r\n        >[<a href=\"#ceramic-ref-10\">10<\/a>,<a href=\"#ceramic-ref-11\">11<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"removal-grid\">\r\n\r\n      <article class=\"removal-card\">\r\n\r\n        <div class=\"removal-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"16\"\r\n              y=\"16\"\r\n              width=\"32\"\r\n              height=\"32\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M23 32h18\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"removal-copy\">\r\n\r\n          <h3>\r\n            Debonding is a controlled clinical stage\r\n          <\/h3>\r\n\r\n          <p>\r\n            When active treatment is complete, the brackets and remaining\r\n            adhesive are removed from the teeth. Ceramic-specific removal\r\n            considerations are one reason this step should be carried out with\r\n            the appropriate clinical technique rather than treated as a simple\r\n            mechanical peel-off.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"removal-card\">\r\n\r\n        <div class=\"removal-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M17 14h30v36H17z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M24 24h16M24 32h16M24 40h9\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"removal-copy\">\r\n\r\n          <h3>\r\n            Bracket, adhesive and technique matter\r\n          <\/h3>\r\n\r\n          <p>\r\n            Different ceramic bracket and adhesive systems can behave\r\n            differently during removal. If this is a concern for you, ask how\r\n            the proposed system is designed to be removed and how the enamel\r\n            surface will be checked afterwards.\r\n            <span\r\n              class=\"ceramic-citation-group\"\r\n              aria-label=\"See references 10 and 11\"\r\n            >[<a href=\"#ceramic-ref-10\">10<\/a>,<a href=\"#ceramic-ref-11\">11<\/a>]<\/span>\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 REMOVAL\r\n   ========================================================= *\/\r\n\r\n#ceramic-removal {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-removal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-removal .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-removal .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-removal .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-removal h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-removal h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-removal .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Cards *\/\r\n\r\n#ceramic-removal .removal-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n#ceramic-removal .removal-card {\r\n  display: grid;\r\n  grid-template-columns: 58px minmax(0, 1fr);\r\n  gap: 16px;\r\n  align-items: start;\r\n\r\n  min-width: 0;\r\n  padding: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fffaf6,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-removal .removal-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-removal .removal-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-removal .removal-copy h3 {\r\n  margin: 0 0 12px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 21px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-removal .removal-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 15.8px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Citations *\/\r\n\r\n#ceramic-removal .ceramic-citation-group,\r\n#ceramic-removal .ceramic-citation-group a,\r\n#ceramic-removal .ceramic-citation-group a:link,\r\n#ceramic-removal .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-removal .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-removal .ceramic-citation-group a:hover,\r\n#ceramic-removal .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-removal .removal-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-removal {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-removal .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-removal h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-removal .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-removal .removal-grid {\r\n    gap: 13px;\r\n  }\r\n\r\n  #ceramic-removal .removal-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-removal .removal-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-removal .removal-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  #ceramic-removal .removal-copy h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  #ceramic-removal .removal-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-removal,\r\nhtml[lang|=\"ar\"] #ceramic-removal {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f989c elementor-widget elementor-widget-html\" data-id=\"32f989c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 CERAMIC BRACES VS CLEAR ALIGNERS\r\n     Exact C03 patient-facing copy\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-vs-aligners\"\r\n  class=\"lq lq-section ceramic-vs-aligners-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-vs-aligners-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Fixed vs removable\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-vs-aligners-title\">\r\n        Ceramic Braces vs Clear Aligners\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Ceramic braces and clear aligners are both lower-visibility\r\n        orthodontic options, but they are different treatment formats.\r\n        Ceramic braces are fixed to the teeth; clear aligners are removable.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"format-grid\">\r\n\r\n      <!-- CERAMIC BRACES -->\r\n\r\n      <article class=\"format-card\">\r\n\r\n        <div class=\"format-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <rect\r\n              x=\"16\"\r\n              y=\"17\"\r\n              width=\"32\"\r\n              height=\"30\"\r\n              rx=\"8\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M8 32h48\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"format-copy\">\r\n\r\n          <span class=\"format-label\">\r\n            Ceramic braces\r\n          <\/span>\r\n\r\n          <strong>\r\n            Fixed to the teeth\r\n          <\/strong>\r\n\r\n          <p>\r\n            Brackets and wires remain attached during active treatment.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- CLEAR ALIGNERS -->\r\n\r\n      <article class=\"format-card\">\r\n\r\n        <div class=\"format-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M11 25c5-8 13-12 21-12s16 4 21 12\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M13 27c2 13 9 22 19 22s17-9 19-22\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M18 29c4 5 9 7 14 7s10-2 14-7\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n              stroke-linecap=\"round\"\r\n              opacity=\".6\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"format-copy\">\r\n\r\n          <span class=\"format-label\">\r\n            Clear aligners\r\n          <\/span>\r\n\r\n          <strong>\r\n            Removable trays\r\n          <\/strong>\r\n\r\n          <p>\r\n            Aligners can be removed and belong to a different treatment\r\n            format from fixed braces.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"content-block\">\r\n\r\n      <div class=\"content-copy\">\r\n\r\n        <h3>\r\n          Fixed ceramic brackets vs removable aligners\r\n        <\/h3>\r\n\r\n        <p>\r\n          That fixed-versus-removable difference changes day-to-day\r\n          responsibilities and how treatment is delivered. For clear-aligner\r\n          treatment depth, see the\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/clear-aligners\/\"\r\n            class=\"lq-link\"\r\n          >clear aligners guide<\/a>.\r\n          This ceramic-braces page does not use the broad term \u201cclear braces\u201d\r\n          as if it referred only to ceramic brackets.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <aside\r\n        class=\"distinction-card\"\r\n        aria-label=\"Ceramic braces and clear aligners are different treatment formats\"\r\n      >\r\n\r\n        <span class=\"distinction-label\">\r\n          Keep the treatment formats separate\r\n        <\/span>\r\n\r\n        <div class=\"distinction-row\">\r\n\r\n          <span class=\"distinction-marker\" aria-hidden=\"true\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <p>\r\n            Ceramic braces are a fixed-appliance option.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"distinction-row\">\r\n\r\n          <span class=\"distinction-marker\" aria-hidden=\"true\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <p>\r\n            Clear aligners are removable.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 VS CLEAR ALIGNERS\r\n   ========================================================= *\/\r\n\r\n#ceramic-vs-aligners {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-vs-aligners * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-vs-aligners .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-vs-aligners .section-heading {\r\n  display: block;\r\n  max-width: 850px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-vs-aligners .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-vs-aligners h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-vs-aligners h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-vs-aligners .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Format cards *\/\r\n\r\n#ceramic-vs-aligners .format-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n\r\n  margin-bottom: 42px;\r\n}\r\n\r\n#ceramic-vs-aligners .format-card {\r\n  display: grid;\r\n  grid-template-columns: 58px minmax(0, 1fr);\r\n  gap: 16px;\r\n  align-items: start;\r\n\r\n  min-width: 0;\r\n  padding: 23px;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-vs-aligners .format-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff5ec,\r\n      #fff8fb\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-vs-aligners .format-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-vs-aligners .format-label {\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-vs-aligners .format-copy strong {\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-vs-aligners .format-copy p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.62;\r\n}\r\n\r\n\r\n\/* Main content *\/\r\n\r\n#ceramic-vs-aligners .content-block {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(310px, .92fr);\r\n\r\n  gap: 40px;\r\n\r\n  align-items: center;\r\n\r\n  padding-top: 38px;\r\n\r\n  border-top: 1px solid #dfe3e7;\r\n}\r\n\r\n#ceramic-vs-aligners .content-copy h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n#ceramic-vs-aligners .content-copy p {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Internal link *\/\r\n\r\n#ceramic-vs-aligners .lq-link,\r\n#ceramic-vs-aligners .lq-link:link,\r\n#ceramic-vs-aligners .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-vs-aligners .lq-link:hover,\r\n#ceramic-vs-aligners .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Distinction card *\/\r\n\r\n#ceramic-vs-aligners .distinction-card {\r\n  padding: 23px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .20);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-vs-aligners .distinction-label {\r\n  display: block;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  color: #b65300;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-vs-aligners .distinction-row {\r\n  display: grid;\r\n  grid-template-columns: 25px minmax(0, 1fr);\r\n  gap: 10px;\r\n  align-items: start;\r\n\r\n  margin-bottom: 11px;\r\n}\r\n\r\n#ceramic-vs-aligners .distinction-row:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n#ceramic-vs-aligners .distinction-marker {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 23px;\r\n  height: 23px;\r\n\r\n  margin-top: 1px;\r\n\r\n  background:\r\n    rgba(255, 122, 0, .11);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-vs-aligners .distinction-row p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.58;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-vs-aligners .content-block {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-vs-aligners {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-vs-aligners h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-vs-aligners .format-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 13px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .format-card {\r\n    grid-template-columns: 45px minmax(0, 1fr);\r\n    gap: 12px;\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .format-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .format-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .content-block {\r\n    padding-top: 30px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .content-copy h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .content-copy p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-vs-aligners .distinction-card {\r\n    padding: 18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-vs-aligners,\r\nhtml[lang|=\"ar\"] #ceramic-vs-aligners {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0af4b37 elementor-widget elementor-widget-html\" data-id=\"0af4b37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 TREATMENT DURATION\r\n     Exact C03 patient-facing copy\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-duration\"\r\n  class=\"lq lq-section ceramic-duration-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-duration-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Treatment timing\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-duration-title\">\r\n        How Long Does Treatment With Ceramic Braces Take?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        There is no universal ceramic-braces treatment time. Duration depends\r\n        on the diagnosis, treatment goals, movements required, the broader\r\n        mechanics of the plan and how treatment progresses. Ceramic should\r\n        not be presented as inherently faster, slower or the same speed as\r\n        metal.\r\n        <span\r\n          class=\"ceramic-citation-group\"\r\n          aria-label=\"See references 2, 3 and 4\"\r\n        >[<a href=\"#ceramic-ref-2\">2<\/a>,<a href=\"#ceramic-ref-3\">3<\/a>,<a href=\"#ceramic-ref-4\">4<\/a>]<\/span>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"duration-layout\">\r\n\r\n      <div class=\"duration-copy\">\r\n\r\n        <div class=\"duration-points\">\r\n\r\n          <div class=\"duration-point\">\r\n\r\n            <span class=\"duration-marker\" aria-hidden=\"true\">\r\n              1\r\n            <\/span>\r\n\r\n            <p>\r\n              Treatment length starts with the diagnosis and the tooth\r\n              movements required.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"duration-point\">\r\n\r\n            <span class=\"duration-marker\" aria-hidden=\"true\">\r\n              2\r\n            <\/span>\r\n\r\n            <p>\r\n              The wider mechanics of the treatment plan matter more than the\r\n              ceramic bracket material alone.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"duration-point\">\r\n\r\n            <span class=\"duration-marker\" aria-hidden=\"true\">\r\n              3\r\n            <\/span>\r\n\r\n            <p>\r\n              How treatment progresses over time also affects the eventual\r\n              duration.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"duration-route\">\r\n          For broader treatment-process guidance, see the\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/\"\r\n            class=\"lq-link\"\r\n          >fixed-braces treatment guide<\/a>.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <aside\r\n        class=\"duration-note\"\r\n        aria-label=\"Ceramic braces treatment duration summary\"\r\n      >\r\n\r\n        <div class=\"duration-note-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"21\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M32 20v13l9 6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"duration-note-label\">\r\n            No ceramic-specific universal timeline\r\n          <\/span>\r\n\r\n          <strong>\r\n            Bracket material alone should not be used to predict treatment\r\n            speed.\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 DURATION\r\n   ========================================================= *\/\r\n\r\n#ceramic-duration {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-duration * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-duration .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-duration .section-heading {\r\n  display: block;\r\n  max-width: 870px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-duration .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-duration h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-duration h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-duration .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Main layout *\/\r\n\r\n#ceramic-duration .duration-layout {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(310px, .92fr);\r\n\r\n  gap: 42px;\r\n  align-items: center;\r\n}\r\n\r\n#ceramic-duration .duration-points {\r\n  display: grid;\r\n  gap: 13px;\r\n\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#ceramic-duration .duration-point {\r\n  display: grid;\r\n  grid-template-columns: 34px minmax(0, 1fr);\r\n  gap: 12px;\r\n  align-items: start;\r\n\r\n  padding: 15px 17px;\r\n\r\n  background: #f8f9fb;\r\n\r\n  border: 1px solid #e4e7eb;\r\n  border-radius: 14px;\r\n}\r\n\r\n#ceramic-duration .duration-marker {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-duration .duration-point p {\r\n  margin: 3px 0 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.62;\r\n}\r\n\r\n#ceramic-duration .duration-route {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* Link *\/\r\n\r\n#ceramic-duration .lq-link,\r\n#ceramic-duration .lq-link:link,\r\n#ceramic-duration .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-duration .lq-link:hover,\r\n#ceramic-duration .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Citation *\/\r\n\r\n#ceramic-duration .ceramic-citation-group,\r\n#ceramic-duration .ceramic-citation-group a,\r\n#ceramic-duration .ceramic-citation-group a:link,\r\n#ceramic-duration .ceramic-citation-group a:visited {\r\n  color: #ff7a00 !important;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-duration .ceramic-citation-group {\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-duration .ceramic-citation-group a:hover,\r\n#ceramic-duration .ceramic-citation-group a:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 2px;\r\n}\r\n\r\n\r\n\/* Note *\/\r\n\r\n#ceramic-duration .duration-note {\r\n  display: grid;\r\n  grid-template-columns: 58px minmax(0, 1fr);\r\n  gap: 16px;\r\n  align-items: start;\r\n\r\n  padding: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .20);\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-duration .duration-note-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-duration .duration-note-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-duration .duration-note-label {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: #b65300;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-duration .duration-note strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.48;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-duration .duration-layout {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-duration {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-duration .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-duration h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-duration .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-duration .duration-point {\r\n    padding: 14px;\r\n  }\r\n\r\n  #ceramic-duration .duration-point p {\r\n    font-size: 14.5px;\r\n  }\r\n\r\n  #ceramic-duration .duration-route {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-duration .duration-note {\r\n    grid-template-columns: 45px minmax(0, 1fr);\r\n    gap: 12px;\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-duration .duration-note-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-duration .duration-note-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-duration,\r\nhtml[lang|=\"ar\"] #ceramic-duration {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c327b98 elementor-widget elementor-widget-html\" data-id=\"c327b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 CERAMIC BRACES COST IN DUBAI\r\n     Exact C03 patient-facing copy\r\n     No independent AED range\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-cost\"\r\n  class=\"lq lq-section ceramic-cost-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-cost-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Cost and quote scope\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-cost-title\">\r\n        What Do Ceramic Braces Cost in Dubai?\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        This page does not maintain a separate ceramic-braces AED range. A\r\n        useful quote should make clear which bracket system and material are\r\n        proposed, whether one or both arches are being treated, the treatment\r\n        scope, and what monitoring, repairs, removal, retention and other\r\n        relevant items are included.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"cost-layout\">\r\n\r\n      <!-- ===================================================\r\n           QUOTE CHECKLIST\r\n           =================================================== -->\r\n\r\n      <div\r\n        class=\"quote-card\"\r\n        aria-label=\"What a ceramic braces quote should make clear\"\r\n      >\r\n\r\n        <div class=\"quote-card-heading\">\r\n\r\n          <div class=\"quote-icon\" aria-hidden=\"true\">\r\n            <svg\r\n              viewBox=\"0 0 64 64\"\r\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            >\r\n              <rect\r\n                x=\"15\"\r\n                y=\"10\"\r\n                width=\"34\"\r\n                height=\"44\"\r\n                rx=\"6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"3\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M23 22h18M23 31h18M23 40h10\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M37 42l4 4 8-9\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span class=\"quote-label\">\r\n              Compare the scope, not just the number\r\n            <\/span>\r\n\r\n            <strong>\r\n              A useful ceramic-braces quote should identify:\r\n            <\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"quote-items\">\r\n\r\n          <div class=\"quote-item\">\r\n            <span class=\"quote-check\" aria-hidden=\"true\">\u2713<\/span>\r\n            <p>\r\n              Which bracket system and material are proposed.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"quote-item\">\r\n            <span class=\"quote-check\" aria-hidden=\"true\">\u2713<\/span>\r\n            <p>\r\n              Whether one or both arches are being treated.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"quote-item\">\r\n            <span class=\"quote-check\" aria-hidden=\"true\">\u2713<\/span>\r\n            <p>\r\n              The treatment scope.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"quote-item\">\r\n            <span class=\"quote-check\" aria-hidden=\"true\">\u2713<\/span>\r\n            <p>\r\n              What monitoring, repairs, removal, retention and other relevant\r\n              items are included.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           COST OWNER ROUTE\r\n           =================================================== -->\r\n\r\n      <aside\r\n        class=\"cost-route-card\"\r\n        aria-label=\"Detailed ceramic braces cost guidance\"\r\n      >\r\n\r\n        <span class=\"route-label\">\r\n          Detailed pricing belongs on the braces cost guide\r\n        <\/span>\r\n\r\n        <strong>\r\n          LumiQuest does not publish a separate ceramic-braces range on this\r\n          treatment page.\r\n        <\/strong>\r\n\r\n        <p>\r\n          For current ceramic-braces pricing evidence and quote-comparison\r\n          guidance, see\r\n          <a\r\n            href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n            class=\"lq-link\"\r\n          >Braces Cost in Dubai<\/a>.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n          class=\"cost-route-link\"\r\n        >\r\n          See detailed braces pricing and quote guidance\r\n          <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 COST\r\n   ========================================================= *\/\r\n\r\n#ceramic-cost {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-cost * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-cost .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-cost .section-heading {\r\n  display: block;\r\n  max-width: 880px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ceramic-cost .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-cost h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-cost h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-cost .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Layout *\/\r\n\r\n#ceramic-cost .cost-layout {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(320px, .92fr);\r\n\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* Quote card *\/\r\n\r\n#ceramic-cost .quote-card {\r\n  padding: 25px;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-cost .quote-card-heading {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    55px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 15px;\r\n  align-items: center;\r\n\r\n  margin-bottom: 21px;\r\n}\r\n\r\n#ceramic-cost .quote-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  color: #e76d00;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff5ec,\r\n      #fff8fb\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 14px;\r\n}\r\n\r\n#ceramic-cost .quote-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-cost .quote-label {\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: #b65300;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-cost .quote-card-heading strong {\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ceramic-cost .quote-items {\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n#ceramic-cost .quote-item {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    25px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 10px;\r\n  align-items: start;\r\n}\r\n\r\n#ceramic-cost .quote-check {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 23px;\r\n  height: 23px;\r\n\r\n  margin-top: 1px;\r\n\r\n  color: #c45500;\r\n\r\n  background:\r\n    rgba(255, 122, 0, .11);\r\n\r\n  border-radius: 50%;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-cost .quote-item p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* Cost-owner card *\/\r\n\r\n#ceramic-cost .cost-route-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 26px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .21);\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-cost .route-label {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #b65300;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ceramic-cost .cost-route-card > strong {\r\n  display: block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ceramic-cost .cost-route-card p {\r\n  margin: 0 0 18px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14.8px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* Standard inline link *\/\r\n\r\n#ceramic-cost .lq-link,\r\n#ceramic-cost .lq-link:link,\r\n#ceramic-cost .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-cost .lq-link:hover,\r\n#ceramic-cost .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Route CTA *\/\r\n\r\n#ceramic-cost .cost-route-link,\r\n#ceramic-cost .cost-route-link:link,\r\n#ceramic-cost .cost-route-link:visited {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n\r\n  width: fit-content;\r\n\r\n  color: #c45500 !important;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.45;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-cost .cost-route-link:hover,\r\n#ceramic-cost .cost-route-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-cost .cost-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-cost {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-cost .section-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #ceramic-cost h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-cost .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-cost .cost-layout {\r\n    gap: 13px;\r\n  }\r\n\r\n  #ceramic-cost .quote-card,\r\n  #ceramic-cost .cost-route-card {\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-cost .quote-card-heading {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n  }\r\n\r\n  #ceramic-cost .quote-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-cost .quote-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  #ceramic-cost .cost-route-card > strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-cost,\r\nhtml[lang|=\"ar\"] #ceramic-cost {\r\n  direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #ceramic-cost .cost-route-link span,\r\nhtml[lang|=\"ar\"] #ceramic-cost .cost-route-link span {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc48fd elementor-widget elementor-widget-html\" data-id=\"2dc48fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 WHAT TO ASK BEFORE CHOOSING CERAMIC BRACES\r\n     Exact C03 patient-facing copy\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-questions\"\r\n  class=\"lq lq-section ceramic-questions-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-questions-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <h2 id=\"ceramic-questions-title\">\r\n        What to Ask Before Choosing Ceramic Braces\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        These questions can help you understand whether the proposed ceramic\r\n        system fits your treatment plan:\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"questions-grid\">\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">1<\/span>\r\n        <p>\r\n          Why are ceramic brackets appropriate for my treatment plan?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">2<\/span>\r\n        <p>\r\n          Which exact ceramic bracket system are you proposing?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">3<\/span>\r\n        <p>\r\n          Is the system conventionally ligated or self-ligating?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">4<\/span>\r\n        <p>\r\n          Will the wire or ties affect how noticeable the appliance looks?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">5<\/span>\r\n        <p>\r\n          Are there any bite or opposing-tooth contact reasons ceramic may not\r\n          be ideal in some positions?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">6<\/span>\r\n        <p>\r\n          How should I clean and protect the appliance?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">7<\/span>\r\n        <p>\r\n          What should I do if a bracket fractures or comes loose?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">8<\/span>\r\n        <p>\r\n          How will the ceramic brackets be removed at the end of treatment?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">9<\/span>\r\n        <p>\r\n          What realistic alternatives should I compare?\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"question-item\">\r\n        <span class=\"question-number\" aria-hidden=\"true\">10<\/span>\r\n        <p>\r\n          What exactly is included in the written quote?\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"boundary-note\">\r\n\r\n      <span class=\"boundary-icon\" aria-hidden=\"true\">i<\/span>\r\n\r\n      <p>\r\n        These are treatment-planning questions, not a provider-ranking\r\n        framework.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 QUESTIONS TO ASK\r\n   ========================================================= *\/\r\n\r\n#ceramic-questions {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-questions * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-questions .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-questions .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n#ceramic-questions h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-questions h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-questions .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Question grid *\/\r\n\r\n#ceramic-questions .questions-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n#ceramic-questions .question-item {\r\n  display: grid;\r\n  grid-template-columns: 34px minmax(0, 1fr);\r\n  gap: 12px;\r\n  align-items: start;\r\n\r\n  min-width: 0;\r\n  padding: 17px 18px;\r\n\r\n  background: #f8f9fb;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 14px;\r\n}\r\n\r\n#ceramic-questions .question-number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-questions .question-item p {\r\n  margin: 3px 0 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* Boundary note *\/\r\n\r\n#ceramic-questions .boundary-note {\r\n  display: grid;\r\n  grid-template-columns: 27px minmax(0, 1fr);\r\n  gap: 10px;\r\n  align-items: start;\r\n\r\n  margin-top: 22px;\r\n  padding: 16px 18px;\r\n\r\n  background: #fffaf6;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .23);\r\n\r\n  border-radius: 14px;\r\n}\r\n\r\n#ceramic-questions .boundary-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 25px;\r\n  height: 25px;\r\n\r\n  background:\r\n    rgba(255, 122, 0, .11);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n#ceramic-questions .boundary-note p {\r\n  margin: 1px 0 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-questions {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-questions .section-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #ceramic-questions h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-questions .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-questions .questions-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 11px;\r\n  }\r\n\r\n  #ceramic-questions .question-item {\r\n    padding: 15px;\r\n  }\r\n\r\n  #ceramic-questions .question-item p {\r\n    font-size: 14.5px;\r\n  }\r\n\r\n  #ceramic-questions .boundary-note {\r\n    margin-top: 18px;\r\n    padding: 14px 15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-questions,\r\nhtml[lang|=\"ar\"] #ceramic-questions {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-014c329 elementor-widget elementor-widget-html\" data-id=\"014c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 RETAINERS AFTER CERAMIC BRACES\r\n     Exact C03 patient-facing copy\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-retainers\"\r\n  class=\"lq lq-section ceramic-retainers-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-retainers-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        After active treatment\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-retainers-title\">\r\n        Retainers After Ceramic Braces\r\n      <\/h2>\r\n\r\n      <p class=\"section-intro\">\r\n        Retention follows active orthodontic treatment. The retainer type,\r\n        wear instructions and follow-up plan should be individualized;\r\n        ceramic brackets do not require a special retention protocol simply\r\n        because the brackets were ceramic.\r\n        <a\r\n          href=\"#ceramic-ref-15\"\r\n          class=\"ceramic-cite\"\r\n          aria-label=\"See reference 15\"\r\n        >[15]<\/a>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"retainer-card\">\r\n\r\n      <div class=\"retainer-icon\" aria-hidden=\"true\">\r\n        <svg\r\n          viewBox=\"0 0 64 64\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <path\r\n            d=\"M12 27c4-8 11-12 20-12s16 4 20 12\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n\r\n          <path\r\n            d=\"M14 30c3 11 9 18 18 18s15-7 18-18\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"3\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n\r\n          <path\r\n            d=\"M19 31c4 4 8 6 13 6s9-2 13-6\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2.5\"\r\n            stroke-linecap=\"round\"\r\n            opacity=\".65\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"retainer-copy\">\r\n\r\n        <strong>\r\n          Retention is based on the orthodontic result, not the ceramic\r\n          bracket material.\r\n        <\/strong>\r\n\r\n        <p>\r\n          The retainer type, wear instructions and follow-up plan should be\r\n          individualized after active treatment.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 RETAINERS\r\n   ========================================================= *\/\r\n\r\n#ceramic-retainers {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-retainers * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-retainers .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-retainers .section-heading {\r\n  display: block;\r\n  max-width: 860px;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n#ceramic-retainers .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-retainers h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 20px;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-retainers h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n#ceramic-retainers .section-intro {\r\n  margin: 0;\r\n\r\n  color: #444;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Retainer summary card *\/\r\n\r\n#ceramic-retainers .retainer-card {\r\n  display: grid;\r\n  grid-template-columns: 58px minmax(0, 1fr);\r\n  gap: 16px;\r\n  align-items: start;\r\n\r\n  max-width: 760px;\r\n\r\n  padding: 24px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .20);\r\n\r\n  border-radius: 17px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-retainers .retainer-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff5ec,\r\n      #fff8fb\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .18);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-retainers .retainer-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-retainers .retainer-copy strong {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ceramic-retainers .retainer-copy p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14.5px;\r\n  line-height: 1.62;\r\n}\r\n\r\n\r\n\/* Citation *\/\r\n\r\n#ceramic-retainers .ceramic-cite,\r\n#ceramic-retainers .ceramic-cite:link,\r\n#ceramic-retainers .ceramic-cite:visited {\r\n  color: #ff7a00 !important;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n#ceramic-retainers .ceramic-cite:hover,\r\n#ceramic-retainers .ceramic-cite:focus-visible {\r\n  text-decoration: underline !important;\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-retainers {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-retainers .section-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #ceramic-retainers h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-retainers .section-intro {\r\n    font-size: 16px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #ceramic-retainers .retainer-card {\r\n    grid-template-columns: 45px minmax(0, 1fr);\r\n    gap: 12px;\r\n\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-retainers .retainer-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-retainers .retainer-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  #ceramic-retainers .retainer-copy strong {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-retainers,\r\nhtml[lang|=\"ar\"] #ceramic-retainers {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d77ac9 elementor-widget elementor-widget-html\" data-id=\"4d77ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 CERAMIC BRACES FAQS\r\n     Exact C03 patient-facing copy\r\n     Seven locked FAQs\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-faqs\"\r\n  class=\"lq lq-section ceramic-faq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-faqs-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <span class=\"section-kicker\">\r\n        Common questions\r\n      <\/span>\r\n\r\n      <h2 id=\"ceramic-faqs-title\">\r\n        Ceramic Braces FAQs\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"faq-list\">\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Are ceramic braces less noticeable than metal braces?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            Generally, yes: clear or tooth-coloured ceramic brackets are\r\n            usually less visually prominent than conventional metal brackets.\r\n            They are still visible, and the wire and ties can affect the\r\n            overall appearance.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Do ceramic braces stain?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            It depends on which part of the appliance you mean. The ceramic\r\n            bracket, adhesive or resin and elastomeric ties are different\r\n            materials and can change appearance differently. Blanket \u201cstains\u201d\r\n            or \u201cdoes not stain\u201d claims are too broad.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Are ceramic braces more fragile than metal braces?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            Ceramic is more brittle than metal as a material, but that does\r\n            not mean every ceramic bracket will fail more often in treatment.\r\n            Bracket design, position, bite contact and appliance care can\r\n            matter.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Are ceramic braces slower than metal braces?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            There is no universal ceramic-versus-metal speed rule. Treatment\r\n            time should be estimated from your diagnosis and treatment plan,\r\n            not from the bracket material alone.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Are ceramic braces suitable for adults?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            Adults may be considered for ceramic braces when a fixed appliance\r\n            is appropriate, but age alone does not determine suitability. The\r\n            diagnosis, treatment goals, bite, oral health and bracket position\r\n            matter.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          Are ceramic braces the same as clear aligners?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            No. Ceramic braces are fixed brackets and wires; clear aligners are\r\n            removable. If your main question is fixed versus removable\r\n            treatment, compare the treatment formats rather than treating both\r\n            as the same type of \u201cclear braces.\u201d\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"faq-item\">\r\n        <summary>\r\n          How much do ceramic braces cost in Dubai?\r\n        <\/summary>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            This page does not publish a separate ceramic-braces range. Use\r\n            LumiQuest's\r\n            <a\r\n              href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n              class=\"lq-link\"\r\n            >braces cost guide<\/a>\r\n            for current ceramic-braces pricing evidence and quote-inclusion\r\n            guidance.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"faq-cost-route\">\r\n      <a\r\n        href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n        class=\"faq-route-link\"\r\n      >\r\n        See detailed braces pricing and quote guidance\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 FAQ\r\n   ========================================================= *\/\r\n\r\n#ceramic-faqs {\r\n  padding: 72px 16px;\r\n  background: #fff;\r\n}\r\n\r\n#ceramic-faqs * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-faqs .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-faqs .section-heading {\r\n  display: block;\r\n  max-width: 820px;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n#ceramic-faqs .section-kicker {\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0 0 10px;\r\n\r\n  color: #c45500;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#ceramic-faqs h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-faqs h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n\r\n\/* FAQ list *\/\r\n\r\n#ceramic-faqs .faq-list {\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n#ceramic-faqs .faq-item {\r\n  margin: 0;\r\n\r\n  background: #f8f9fb;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 15px;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n#ceramic-faqs .faq-item summary {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  padding:\r\n    18px\r\n    56px\r\n    18px\r\n    19px;\r\n\r\n  color: #222;\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.45;\r\n\r\n  list-style: none;\r\n}\r\n\r\n#ceramic-faqs .faq-item summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n#ceramic-faqs .faq-item summary::after {\r\n  content: \"+\";\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  right: 19px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  color: #c45500;\r\n\r\n  background:\r\n    rgba(255, 122, 0, .10);\r\n\r\n  border-radius: 50%;\r\n\r\n  font-size: 19px;\r\n  line-height: 1;\r\n  font-weight: 500;\r\n}\r\n\r\n#ceramic-faqs .faq-item[open] summary::after {\r\n  content: \"\u2212\";\r\n}\r\n\r\n#ceramic-faqs .faq-answer {\r\n  padding:\r\n    0\r\n    19px\r\n    18px;\r\n}\r\n\r\n#ceramic-faqs .faq-answer p {\r\n  max-width: 85ch;\r\n\r\n  margin: 0;\r\n\r\n  color: #4b4b4b;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.68;\r\n}\r\n\r\n\r\n\/* Link *\/\r\n\r\n#ceramic-faqs .lq-link,\r\n#ceramic-faqs .lq-link:link,\r\n#ceramic-faqs .lq-link:visited {\r\n  color: #ff7a00 !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-faqs .lq-link:hover,\r\n#ceramic-faqs .lq-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Cost route *\/\r\n\r\n#ceramic-faqs .faq-cost-route {\r\n  margin-top: 24px;\r\n}\r\n\r\n#ceramic-faqs .faq-route-link,\r\n#ceramic-faqs .faq-route-link:link,\r\n#ceramic-faqs .faq-route-link:visited {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n\r\n  color: #c45500 !important;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.45;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ceramic-faqs .faq-route-link:hover,\r\n#ceramic-faqs .faq-route-link:focus-visible {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-faqs {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-faqs .section-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #ceramic-faqs h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-faqs .faq-item summary {\r\n    padding:\r\n      16px\r\n      50px\r\n      16px\r\n      15px;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n  #ceramic-faqs .faq-item summary::after {\r\n    right: 15px;\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  #ceramic-faqs .faq-answer {\r\n    padding:\r\n      0\r\n      15px\r\n      16px;\r\n  }\r\n\r\n  #ceramic-faqs .faq-answer p {\r\n    font-size: 14.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-faqs,\r\nhtml[lang|=\"ar\"] #ceramic-faqs {\r\n  direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #ceramic-faqs .faq-item summary,\r\nhtml[lang|=\"ar\"] #ceramic-faqs .faq-item summary {\r\n  padding:\r\n    18px\r\n    19px\r\n    18px\r\n    56px;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #ceramic-faqs .faq-item summary::after,\r\nhtml[lang|=\"ar\"] #ceramic-faqs .faq-item summary::after {\r\n  right: auto;\r\n  left: 19px;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #ceramic-faqs .faq-route-link span,\r\nhtml[lang|=\"ar\"] #ceramic-faqs .faq-route-link span {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n  html[dir=\"rtl\"] #ceramic-faqs .faq-item summary,\r\n  html[lang|=\"ar\"] #ceramic-faqs .faq-item summary {\r\n    padding:\r\n      16px\r\n      15px\r\n      16px\r\n      50px;\r\n  }\r\n\r\n  html[dir=\"rtl\"] #ceramic-faqs .faq-item summary::after,\r\n  html[lang|=\"ar\"] #ceramic-faqs .faq-item summary::after {\r\n    left: 15px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29f7771 elementor-widget elementor-widget-html\" data-id=\"29f7771\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     SECTION \u2014 ABOUT THIS GUIDE\r\n     Exact C03 patient-facing copy\r\n     Public authorship + clinical review state\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-about\"\r\n  class=\"lq lq-section ceramic-about-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-about-title\"\r\n>\r\n  <div class=\"lq-section-inner\">\r\n\r\n    <header class=\"section-heading\">\r\n\r\n      <h2 id=\"ceramic-about-title\">\r\n        About This Guide\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"about-grid\">\r\n\r\n      <!-- ===================================================\r\n           GUIDE PURPOSE \/ INDEPENDENCE\r\n           =================================================== -->\r\n\r\n      <div class=\"about-copy\">\r\n\r\n        <p>\r\n          LumiQuest Dental Circle is an independent dental guidance platform,\r\n          not a dental clinic, public ranking or paid-placement marketplace.\r\n          This guide is designed to help you understand ceramic braces, their\r\n          specific trade-offs and the questions to discuss before making a\r\n          treatment decision.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"review-block\">\r\n\r\n          <div class=\"review-row\">\r\n            <span class=\"review-label\">\r\n              Written by\r\n            <\/span>\r\n\r\n            <strong>\r\n              LumiQuest Editorial Team\r\n            <\/strong>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"review-row\">\r\n            <span class=\"review-label\">\r\n              Clinical review by\r\n            <\/span>\r\n\r\n            <strong>\r\n              Dr. Joe Feghali \u2014 Orthodontist and Founder, LumiQuest Dental Circle\r\n            <\/strong>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"review-row\">\r\n            <span class=\"review-label\">\r\n              Clinical review date\r\n            <\/span>\r\n\r\n            <strong>\r\n              10 September 2026\r\n            <\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           PREPARING FOR A CONSULTATION\r\n           =================================================== -->\r\n\r\n      <aside\r\n        class=\"consultation-card\"\r\n        aria-label=\"Preparing for an orthodontic consultation\"\r\n      >\r\n\r\n        <div class=\"consultation-icon\" aria-hidden=\"true\">\r\n          <svg\r\n            viewBox=\"0 0 64 64\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          >\r\n            <path\r\n              d=\"M18 12h28v40H18z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"3\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M24 23h16M24 31h16M24 39h10\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M27 8h10v8H27z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Preparing for an orthodontic consultation?\r\n          <\/strong>\r\n\r\n          <p>\r\n            LumiQuest can help you organise the questions to ask and understand\r\n            your options before your appointment.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   CERAMIC BRACES \u2014 ABOUT THIS GUIDE\r\n   ========================================================= *\/\r\n\r\n#ceramic-about {\r\n  padding: 72px 16px;\r\n  background: #f8f9fb;\r\n}\r\n\r\n#ceramic-about * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ceramic-about .lq-section-inner {\r\n  width: 100%;\r\n  max-width: 1050px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#ceramic-about .section-heading {\r\n  display: block;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n#ceramic-about h2 {\r\n  position: relative;\r\n  display: block;\r\n  width: fit-content;\r\n\r\n  margin: 0;\r\n  padding-bottom: 11px;\r\n\r\n  color: #222;\r\n\r\n  font-size: clamp(27px, 2.5vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#ceramic-about h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  bottom: 0;\r\n\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff7a00,\r\n      #ff5fa2\r\n    );\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n\r\n\/* Main layout *\/\r\n\r\n#ceramic-about .about-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.12fr)\r\n    minmax(300px, .88fr);\r\n\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* Copy *\/\r\n\r\n#ceramic-about .about-copy {\r\n  padding: 25px;\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid #e3e6ea;\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-about .about-copy > p {\r\n  margin: 0 0 23px;\r\n\r\n  color: #444;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* Reviewer block *\/\r\n\r\n#ceramic-about .review-block {\r\n  display: grid;\r\n\r\n  border-top: 1px solid #e5e7ea;\r\n}\r\n\r\n#ceramic-about .review-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(130px, .34fr)\r\n    minmax(0, .66fr);\r\n\r\n  gap: 16px;\r\n\r\n  padding: 15px 0;\r\n\r\n  border-bottom: 1px solid #e5e7ea;\r\n}\r\n\r\n#ceramic-about .review-row:last-child {\r\n  border-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n#ceramic-about .review-label {\r\n  color: #667085;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  font-weight: 600;\r\n}\r\n\r\n#ceramic-about .review-row strong {\r\n  color: #222;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* Consultation card *\/\r\n\r\n#ceramic-about .consultation-card {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 16px;\r\n  align-items: start;\r\n\r\n  padding: 25px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff8f2,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .21);\r\n\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 5px 16px\r\n    rgba(0, 0, 0, .035);\r\n}\r\n\r\n#ceramic-about .consultation-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 54px;\r\n  height: 54px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255, 122, 0, .17);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #e76d00;\r\n}\r\n\r\n#ceramic-about .consultation-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n}\r\n\r\n#ceramic-about .consultation-card strong {\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color: #222;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ceramic-about .consultation-card p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 14.5px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ceramic-about .about-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #ceramic-about {\r\n    padding: 42px 8px;\r\n  }\r\n\r\n  #ceramic-about .section-heading {\r\n    margin-bottom: 27px;\r\n  }\r\n\r\n  #ceramic-about h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #ceramic-about .about-grid {\r\n    gap: 13px;\r\n  }\r\n\r\n  #ceramic-about .about-copy,\r\n  #ceramic-about .consultation-card {\r\n    padding: 18px;\r\n  }\r\n\r\n  #ceramic-about .about-copy > p {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  #ceramic-about .review-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 4px;\r\n    padding: 13px 0;\r\n  }\r\n\r\n  #ceramic-about .consultation-card {\r\n    grid-template-columns:\r\n      45px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 12px;\r\n  }\r\n\r\n  #ceramic-about .consultation-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #ceramic-about .consultation-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* RTL safe *\/\r\n\r\nhtml[dir=\"rtl\"] #ceramic-about,\r\nhtml[lang|=\"ar\"] #ceramic-about {\r\n  direction: rtl;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fda158 elementor-widget elementor-widget-html\" data-id=\"3fda158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CERAMIC-BRACES-C04\r\n     REFERENCES\r\n     BRACES-PAGE COMPONENT ARCHITECTURE\r\n     15 GOVERNED CERAMIC REFERENCES\r\n     EN \/ AR RTL-SAFE\r\n     ========================================================= -->\r\n\r\n<section\r\n  id=\"ceramic-references\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"ceramic-references-title\"\r\n>\r\n  <style>\r\n\r\n    \/* =========================================================\r\n       REFERENCES\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #ceramic-references * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #ceramic-references .cr-inner {\r\n      width: 100%;\r\n      max-width: 960px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references .cr-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 26px;\r\n      text-align: center;\r\n    }\r\n\r\n    #ceramic-references h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 18px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #ceramic-references h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #ceramic-references .cr-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REFERENCE LIST\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references .cr-list {\r\n      display: grid;\r\n      gap: 10px;\r\n\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      list-style: none;\r\n\r\n      direction: ltr;\r\n      text-align: left;\r\n    }\r\n\r\n    #ceramic-references .cr-item {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        38px 1fr;\r\n\r\n      gap: 12px;\r\n\r\n      padding: 15px 16px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 13px;\r\n\r\n      direction: ltr;\r\n      text-align: left;\r\n\r\n      scroll-margin-top: 120px;\r\n\r\n      transition:\r\n        border-color .2s ease,\r\n        background-color .2s ease,\r\n        box-shadow .2s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ACTIVE \/ TARGET HIGHLIGHT\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references\r\n    .cr-item.cr-reference-active {\r\n      background: #fffaf6;\r\n\r\n      border-color:\r\n        var(--lq-brand, #ff7a00);\r\n\r\n      box-shadow:\r\n        0 0 0 2px\r\n        rgba(255,122,0,.08);\r\n    }\r\n\r\n    #ceramic-references\r\n    .cr-item:target {\r\n      background: #fffaf6;\r\n\r\n      border-color:\r\n        var(--lq-brand, #ff7a00);\r\n\r\n      box-shadow:\r\n        0 0 0 2px\r\n        rgba(255,122,0,.08);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references .cr-number {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 34px;\r\n      height: 34px;\r\n\r\n      background: #fff1e6;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a44700;\r\n\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REFERENCE CONTENT\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references .cr-content {\r\n      min-width: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 13.5px;\r\n      line-height: 1.68;\r\n\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    #ceramic-references .cr-source + .cr-source {\r\n      margin-top: 8px;\r\n    }\r\n\r\n    #ceramic-references .cr-source strong {\r\n      color: #1b1b1b;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #ceramic-references .cr-source em {\r\n      color: #344054;\r\n    }\r\n\r\n    #ceramic-references .cr-source a,\r\n    #ceramic-references .cr-source a:link,\r\n    #ceramic-references .cr-source a:visited {\r\n      color:\r\n        var(--lq-brand, #ff7a00) !important;\r\n\r\n      font-weight: 650;\r\n\r\n      text-decoration: none !important;\r\n\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    #ceramic-references .cr-source a:hover,\r\n    #ceramic-references .cr-source a:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NOTE\r\n       ========================================================= *\/\r\n\r\n    #ceramic-references .cr-note {\r\n      margin-top: 18px;\r\n      padding: 14px 16px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255,122,0,.18);\r\n      border-radius: 12px;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 12.5px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #ceramic-references {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #ceramic-references .cr-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #ceramic-references h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #ceramic-references .cr-item {\r\n        grid-template-columns:\r\n          30px 1fr;\r\n\r\n        gap: 9px;\r\n\r\n        padding: 13px 12px;\r\n\r\n        scroll-margin-top: 95px;\r\n      }\r\n\r\n      #ceramic-references .cr-number {\r\n        width: 28px;\r\n        height: 28px;\r\n\r\n        font-size: 12px;\r\n      }\r\n\r\n      #ceramic-references .cr-content {\r\n        font-size: 13px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RTL\r\n\r\n       Bibliographic references remain English\/LTR even when\r\n       the surrounding page is translated later.\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #ceramic-references,\r\n    html[lang|=\"ar\"] #ceramic-references {\r\n      direction: rtl;\r\n    }\r\n\r\n    html[dir=\"rtl\"]\r\n    #ceramic-references .cr-header,\r\n\r\n    html[lang|=\"ar\"]\r\n    #ceramic-references .cr-header {\r\n      text-align: right;\r\n    }\r\n\r\n    html[dir=\"rtl\"]\r\n    #ceramic-references .cr-list,\r\n\r\n    html[lang|=\"ar\"]\r\n    #ceramic-references .cr-list,\r\n\r\n    html[dir=\"rtl\"]\r\n    #ceramic-references .cr-item,\r\n\r\n    html[lang|=\"ar\"]\r\n    #ceramic-references .cr-item {\r\n      direction: ltr !important;\r\n      text-align: left !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"]\r\n      #ceramic-references h2::after,\r\n\r\n      html[lang|=\"ar\"]\r\n      #ceramic-references h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #ceramic-references .cr-item {\r\n        transition: none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"cr-inner\">\r\n\r\n\r\n    <header class=\"cr-header\">\r\n\r\n      <h2 id=\"ceramic-references-title\">\r\n        References\r\n      <\/h2>\r\n\r\n      <p class=\"cr-intro\">\r\n        Clinical claims in this guide were selectively evidence-checked\r\n        against relevant professional guidance and research.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <ol\r\n      class=\"cr-list\"\r\n      dir=\"ltr\"\r\n      lang=\"en\"\r\n    >\r\n\r\n\r\n      <!-- =====================================================\r\n           [1]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-1\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          1\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>What Are Ceramic Braces?<\/em>\r\n            8 September 2026.\r\n            <a href=\"https:\/\/aaoinfo.org\/whats-trending\/what-are-ceramic-braces\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              American Association of Orthodontists\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [2]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-2\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          2\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional\/patient guidance;\r\n            controlled source state checked 9 September 2026.\r\n            <a href=\"https:\/\/aaoinfo.org\/treatments\/braces\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              American Association of Orthodontists\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [3]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-3\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          3\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Karamouzos A, Athanasiou AE, Papadopoulos MA.\r\n            <\/strong>\r\n            <em>\r\n              Clinical characteristics and properties of ceramic brackets:\r\n              A comprehensive review.\r\n            <\/em>\r\n            American Journal of Orthodontics and Dentofacial Orthopedics.\r\n            1997;112:34\u201340.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1016\/S0889-5406(97)70271-3\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1016\/S0889-5406(97)70271-3\r\n            <\/a>.\r\n            PMID: 9228839.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [4]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-4\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          4\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              AlSubaie M, Talic N, Khawatmi S, Alobeid A,\r\n              Bourauel C, El-Bialy T.\r\n            <\/strong>\r\n            <em>\r\n              Study of force loss due to friction comparing two ceramic\r\n              brackets during sliding tooth movement.\r\n            <\/em>\r\n            Journal of Orofacial Orthopedics.\r\n            2016;77:334\u2013340.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1007\/s00056-016-0038-0\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1007\/s00056-016-0038-0\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [5]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-5\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          5\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Scribante A, Pascadopoli M, Gandini P, Mangia R,\r\n              Spina C, Sfondrini MF.\r\n            <\/strong>\r\n            <em>\r\n              Metallic vs Ceramic Bracket Failures After 12 Months of\r\n              Treatment: A Prospective Clinical Trial.\r\n            <\/em>\r\n            International Dental Journal.\r\n            2024;74:1371\u20131377.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1016\/j.identj.2024.04.023\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1016\/j.identj.2024.04.023\r\n            <\/a>.\r\n            PMID: 38744578.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [6]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-6\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          6\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Ogi\u0144ski T, Kawala B, Mikulewicz M,\r\n              Antoszewska-Smith J.\r\n            <\/strong>\r\n            <em>\r\n              A Clinical Comparison of Failure Rates of Metallic and\r\n              Ceramic Brackets: A Twelve-Month Study.\r\n            <\/em>\r\n            BioMed Research International.\r\n            2020:9725101.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1155\/2020\/9725101\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1155\/2020\/9725101\r\n            <\/a>.\r\n            PMID: 32382584.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [7]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-7\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          7\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Daraqel B, Yingying T, Zheng L.\r\n            <\/strong>\r\n            <em>\r\n              Flash-free and conventional adhesive ceramic brackets in\r\n              patients undergoing orthodontic treatment: A systematic\r\n              review and meta-analysis.\r\n            <\/em>\r\n            Orthodontics &amp; Craniofacial Research.\r\n            2023;26:1\u201312.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1111\/ocr.12585\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1111\/ocr.12585\r\n            <\/a>.\r\n            PMID: 35506474.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [8]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-8\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          8\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              \u0160imunovi\u0107 L, Blagec T, Vranki\u0107 A, Me\u0161trovi\u0107 S.\r\n            <\/strong>\r\n            <em>\r\n              Color Stability of Orthodontic Ceramic Brackets and Adhesives\r\n              in Potentially Staining Beverages\u2014In Vitro Study.\r\n            <\/em>\r\n            Dentistry Journal.\r\n            2022;10:115.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.3390\/dj10070115\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.3390\/dj10070115\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [9]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-9\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          9\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Mazhari M, Yaghoubi Ashrafi M, Gholamian S,\r\n              Moradinejad M.\r\n            <\/strong>\r\n            <em>\r\n              Color Stability of Orthodontic Elastomeric Ligatures in\r\n              the Oral Environment: A Clinical Trial.\r\n            <\/em>\r\n            2025.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.18502\/fid.v22i3.17542\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.18502\/fid.v22i3.17542\r\n            <\/a>.\r\n            PMID: 40390824.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [10]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-10\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          10\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Gibas-Stanek M, Pe\u0142ka P, Pihut M.\r\n            <\/strong>\r\n            <em>\r\n              What is the safest method of orthodontic debonding \u2014\r\n              a systematic review of the literature.\r\n            <\/em>\r\n            Folia Medica Cracoviensia.\r\n            2023;63:133\u2013156.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.24425\/fmc.2023.147219\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.24425\/fmc.2023.147219\r\n            <\/a>.\r\n            PMID: 38310534.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [11]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-11\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          11\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Inchingolo F et al.\r\n            <\/strong>\r\n            <em>\r\n              Structural and Color Alterations of Teeth following\r\n              Orthodontic Debonding: A Systematic Review.\r\n            <\/em>\r\n            Journal of Functional Biomaterials.\r\n            2024;15:123.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.3390\/jfb15050123\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.3390\/jfb15050123\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [12]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-12\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          12\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Viazis AD, DeLong R, Bevis RR, Rudney JD,\r\n              Pintado MR.\r\n            <\/strong>\r\n            <em>\r\n              Enamel abrasion from ceramic orthodontic brackets under\r\n              an artificial oral environment.\r\n            <\/em>\r\n            American Journal of Orthodontics and Dentofacial Orthopedics.\r\n            1990;98:103\u2013109.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1016\/0889-5406(90)70003-U\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1016\/0889-5406(90)70003-U\r\n            <\/a>.\r\n            PMID: 2378315.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [13]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-13\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          13\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Ghafari J.\r\n            <\/strong>\r\n            <em>\r\n              Problems associated with ceramic brackets suggest limiting\r\n              use to selected teeth.\r\n            <\/em>\r\n            Angle Orthodontist.\r\n            1992;62:145\u2013152.\r\n            DOI:\r\n            10.1043\/0003-3219(1992)062&lt;0145:PAWCBS&gt;2.0.CO;2.\r\n            PMID:\r\n            <a href=\"https:\/\/pubmed.ncbi.nlm.nih.gov\/1626749\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              1626749\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [14]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-14\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          14\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              Risks of Orthodontic Treatment \u2014 Guidance on Informing Patients.\r\n            <\/em>\r\n            Controlled official BOS guidance; updated\/reviewed by the BOS\r\n            Clinical Governance Directorate in 2023; current controlled\r\n            source state verified for the ceramic evidence layer.\r\n            <a href=\"https:\/\/bos.org.uk\/wp-content\/uploads\/2024\/12\/RISKS-OF-ORTHODONTIC-TREATMENT-GUIDANCE-ON-INFORMING-PATIENTS-2024.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [15]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"ceramic-ref-15\"\r\n        class=\"cr-item\"\r\n      >\r\n\r\n        <span class=\"cr-number\">\r\n          15\r\n        <\/span>\r\n\r\n        <div class=\"cr-content\">\r\n\r\n          <div class=\"cr-source\">\r\n            <strong>\r\n              Al-Moghrabi D, Littlewood SJ, Fleming PS.\r\n            <\/strong>\r\n            <em>\r\n              Orthodontic retention protocols: an evidence-based overview.\r\n            <\/em>\r\n            British Dental Journal.\r\n            2021;230:770\u2013776.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1038\/s41415-021-2954-7\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1038\/s41415-021-2954-7\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n    <\/ol>\r\n\r\n\r\n    <div class=\"cr-note\">\r\n      References were selected for the specific clinical claims cited in\r\n      this guide.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =========================================================\r\n       CITATION NAVIGATION\r\n\r\n       Handles:\r\n       <a href=\"#ceramic-ref-4\">4<\/a>\r\n\r\n       anywhere on the page.\r\n       ========================================================= -->\r\n\r\n  <script>\r\n    (function () {\r\n\r\n\r\n      function getReferenceFromLink(link) {\r\n\r\n        if (!link) return null;\r\n\r\n\r\n        const href =\r\n          link.getAttribute('href');\r\n\r\n\r\n        if (\r\n          !href ||\r\n          !href.startsWith(\r\n            '#ceramic-ref-'\r\n          )\r\n        ) {\r\n          return null;\r\n        }\r\n\r\n\r\n        return document.getElementById(\r\n          href.substring(1)\r\n        );\r\n\r\n      }\r\n\r\n\r\n      function clearActiveReferences() {\r\n\r\n        document\r\n          .querySelectorAll(\r\n            '#ceramic-references .cr-reference-active'\r\n          )\r\n          .forEach(\r\n            function (reference) {\r\n\r\n              reference.classList.remove(\r\n                'cr-reference-active'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         BODY CITATION CLICKS\r\n         ===================================================== *\/\r\n\r\n      document.addEventListener(\r\n        'click',\r\n        function (event) {\r\n\r\n          const link =\r\n            event.target.closest(\r\n              'a[href^=\"#ceramic-ref-\"]'\r\n            );\r\n\r\n\r\n          if (!link) return;\r\n\r\n\r\n          const reference =\r\n            getReferenceFromLink(link);\r\n\r\n\r\n          if (!reference) return;\r\n\r\n\r\n          event.preventDefault();\r\n\r\n\r\n          clearActiveReferences();\r\n\r\n\r\n          reference.classList.add(\r\n            'cr-reference-active'\r\n          );\r\n\r\n\r\n          const reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n              '(prefers-reduced-motion: reduce)'\r\n            ).matches;\r\n\r\n\r\n          reference.scrollIntoView({\r\n\r\n            behavior:\r\n              reduceMotion\r\n                ? 'auto'\r\n                : 'smooth',\r\n\r\n            block: 'start'\r\n\r\n          });\r\n\r\n\r\n          if (\r\n            window.history &&\r\n            typeof window.history.replaceState ===\r\n              'function'\r\n          ) {\r\n\r\n            window.history.replaceState(\r\n              null,\r\n              '',\r\n              '#' + reference.id\r\n            );\r\n\r\n          }\r\n\r\n        },\r\n        false\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         DIRECT HASH VISITS\r\n\r\n         Example:\r\n         \/braces\/ceramic\/#ceramic-ref-8\r\n         ===================================================== *\/\r\n\r\n      function handleInitialReferenceHash() {\r\n\r\n        if (\r\n          !window.location.hash ||\r\n          !window.location.hash.startsWith(\r\n            '#ceramic-ref-'\r\n          )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        const id =\r\n          window.location.hash.substring(1);\r\n\r\n\r\n        const reference =\r\n          document.getElementById(id);\r\n\r\n\r\n        if (!reference) return;\r\n\r\n\r\n        window.setTimeout(\r\n          function () {\r\n\r\n            clearActiveReferences();\r\n\r\n\r\n            reference.classList.add(\r\n              'cr-reference-active'\r\n            );\r\n\r\n\r\n            reference.scrollIntoView({\r\n\r\n              behavior: 'auto',\r\n\r\n              block: 'start'\r\n\r\n            });\r\n\r\n          },\r\n          150\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        document.readyState ===\r\n        'loading'\r\n      ) {\r\n\r\n        document.addEventListener(\r\n          'DOMContentLoaded',\r\n          handleInitialReferenceHash\r\n        );\r\n\r\n      } else {\r\n\r\n        handleInitialReferenceHash();\r\n\r\n      }\r\n\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f459ec0 elementor-widget elementor-widget-global elementor-global-4673 elementor-widget-html\" data-id=\"f459ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"lq-form\">\r\n  <div class=\"lq-card\" id=\"patient-form\">\r\n\r\n    <!-- LQ:TEXT START -->\r\n    <header class=\"lq-header lq-form-header lq-hide-on-success\">\r\n      <h2>Get Clear Guidance to the Right Dentist<\/h2>\r\n      <p>Just a couple of minutes \u2014 no pressure, no cost, and fully private<br>\r\n      One of our advisors will review your request and guide you to a suitable dentist or clinic, usually within 12 hours.<\/p>\r\n    <\/header>\r\n    <!-- LQ:TEXT END -->\r\n\r\n    <form id=\"lumiquest_patient_form\"\r\n          action=\"\/api\/lq-form\"\r\n          method=\"POST\"\r\n          enctype=\"multipart\/form-data\"\r\n          autocomplete=\"off\"\r\n          target=\"lq_iframe\">\r\n\r\n      <!-- LQ:CHOICES (HTML) START -->    \r\n      <div class=\"lq-field\">\r\n        <label for=\"reason_for_visit\">What brings you in today? <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"reason_for_visit\" id=\"reason_for_visit\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n          <option value=\"Pain \u2013 swelling or urgent issue\">Pain \u2013 swelling or urgent issue<\/option>\r\n          <option value=\"Missing\/broken tooth \u2013 need repair or replacement\">Missing\/broken tooth \u2013 need repair or replacement<\/option>\r\n          <option value=\"Improve my smile \u2013 veneers or whitening or more\">Improve my smile \u2013 veneers or whitening or more<\/option>\r\n          <option value=\"Straighten teeth \u2013 braces or clear aligners (Invisalign etc.)\">Straighten teeth \u2013 braces or clear aligners (Invisalign etc.)<\/option>\r\n          <option value=\"Routine visit \u2013 cleaning or filling or check-up\">Routine visit \u2013 cleaning or filling or check-up<\/option>\r\n          <option value=\"Not sure \u2013 need help deciding\">Not sure \u2013 need help deciding<\/option>\r\n          <option value=\"Something else \u2013 I\u2019ll explain below\">Something else \u2013 I\u2019ll explain below<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"lq-field\" id=\"sub_reason_wrap\">\r\n        <label for=\"sub_reason\">Could you tell us a bit more? <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"sub_reason\" id=\"sub_reason\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <!-- LQ:CHOICES (HTML) END -->\r\n\r\n      <!-- LQ:CONTACT START -->\r\n      <div class=\"lq-grid\">\r\n        <div class=\"lq-field\">\r\n          <label for=\"first_name\">First Name <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"text\" name=\"first_name\" id=\"first_name\" required placeholder=\"Enter your first name\">\r\n        <\/div>\r\n        <div class=\"lq-field\">\r\n          <label for=\"last_name\">Last Name<\/label>\r\n          <input type=\"text\" name=\"last_name\" id=\"last_name\" placeholder=\"Enter your last name\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lq-grid\">\r\n        <div class=\"lq-field\">\r\n          <label for=\"email\">Email Address <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"email\" name=\"email\" id=\"email\" required placeholder=\"name@email.com\">\r\n        <\/div>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"phone_local\">Phone Number <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"lq-phone\">\r\n            <div class=\"lq-dial\" id=\"lq-dial\">\r\n  <button type=\"button\" id=\"dial_btn\" aria-haspopup=\"listbox\" aria-expanded=\"false\" class=\"lq-dial-btn\">+971<\/button>\r\n  <input type=\"hidden\" id=\"dial_code_standardized\" name=\"dial_code_standardized\" value=\"+971\">\r\n\r\n  <div id=\"dial_panel\" class=\"lq-dial-panel lq-hidden\" role=\"dialog\" aria-label=\"Select country code\">\r\n    <input\r\n      type=\"search\"\r\n      id=\"dial_filter\"\r\n      class=\"lq-dial-filter\"\r\n      placeholder=\"Search country or +code\"\r\n      aria-controls=\"dial_listbox\"\r\n      autocomplete=\"off\"\r\n      autocorrect=\"off\"\r\n      autocapitalize=\"off\"\r\n      spellcheck=\"false\"\r\n      name=\"dial_filter_search\"\r\n      enterkeyhint=\"search\"\r\n      inputmode=\"search\"\r\n    >\r\n    <ul id=\"dial_listbox\" class=\"lq-dial-list\" role=\"listbox\" aria-labelledby=\"dial_btn\"><\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n            <input type=\"tel\" id=\"phone_local\" name=\"phone_local\" required inputmode=\"tel\"\r\n                   placeholder=\"mobile number\" aria-describedby=\"phone_error\">\r\n          <\/div>\r\n\r\n          <small class=\"lq-hint\">Type your country (e.g., \u201cUnited Arab Emirates\u201d) or its code (e.g., \u201c+971\u201d), then your number without the area code. WhatsApp only.<\/small>\r\n          <div class=\"lq-global-error-message\" id=\"phone_error\" aria-live=\"polite\">Please enter a valid phone number.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- LQ:CONTACT END -->\r\n\r\n      <!-- LQ:PREFCONTACT START -->\r\n      <div class=\"lq-field\">\r\n        <label for=\"preferred_contact\">Preferred Contact Method <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"preferred_contact\" id=\"preferred_contact\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n          <option value=\"WhatsApp\">WhatsApp<\/option>\r\n          <option value=\"Email\">Email<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <!-- LQ:PREFCONTACT END -->\r\n\r\n      <!-- LQ:ADVANCED START -->\r\n      <details class=\"lq-advanced\">\r\n        <summary>Advanced Options (optional)<\/summary>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"case_description\">Anything else you'd like to share?<\/label>\r\n          <textarea name=\"case_description\" id=\"case_description\" rows=\"2\"\r\n            placeholder=\"Add any details you\u2019d like (goals, questions, doubts, etc.)\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"uploads_select\">Would you like to upload smile photos or dental X-rays?<\/label>\r\n          <select name=\"uploads_select\" id=\"uploads_select\">\r\n            <option value=\"No\" selected>No<\/option>\r\n            <option value=\"Yes\">Yes<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div id=\"uploads_wrapper\" class=\"lq-hidden\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"uploads\">Upload file(s)<\/label>\r\n            <input type=\"file\" name=\"uploads\" id=\"uploads\" accept=\".jpg,.jpeg,.png,.pdf,.heic,.webp\" multiple>\r\n            <small class=\"lq-hint\">JPG, JPEG, PNG, PDF, HEIC, WEBP (max 10MB each)<\/small>\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label class=\"lq-check\">\r\n              <input type=\"checkbox\" name=\"consent\" id=\"consent\" value=\"yes\">\r\n              I allow LumiQuest to review my uploaded photo(s) or X-ray(s).\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"location\">Preferred Area or Landmark<\/label>\r\n            <input type=\"text\" name=\"location\" id=\"location\" placeholder=\"Nearest area or landmark\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"age_group\">Patient Age Group<\/label>\r\n            <select name=\"age_group\" id=\"age_group\">\r\n              <option value=\"\">- Select -<\/option>\r\n              <option>Under 14<\/option>\r\n              <option>14 or older<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_language\">Preferred Language<\/label>\r\n            <input type=\"text\" name=\"preferred_language\" id=\"preferred_language\" placeholder=\"English, Arabic, Russian\u2026\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_gender\">Preferred Dentist Gender<\/label>\r\n            <input type=\"text\" name=\"preferred_gender\" id=\"preferred_gender\" placeholder=\"If you have a preference\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_nationality\">Preferred Dentist Nationality<\/label>\r\n            <input type=\"text\" name=\"preferred_nationality\" id=\"preferred_nationality\" placeholder=\"Only if helpful for comfort\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"insurance\">Insurance Provider &amp; Plan<\/label>\r\n            <input type=\"text\" name=\"insurance\" id=\"insurance\" placeholder=\"MetLife VIP, NAS Neuron, Aetna DubaiCare\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/details>\r\n      <!-- LQ:ADVANCED END -->\r\n\r\n      <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAABfA_rNlGsui0CeR\" data-callback=\"onTurnstile\" data-action=\"patient_form\"><\/div>\r\n      <input type=\"hidden\" name=\"turnstile_token\" id=\"turnstile_token\">\r\n\r\n      <input type=\"hidden\" name=\"phone_e164\" id=\"phone_e164\">\r\n      <input type=\"hidden\" name=\"phone_number\" id=\"phone_number\">\r\n      <input type=\"hidden\" name=\"date\" id=\"date\">\r\n      <input type=\"hidden\" name=\"time\" id=\"time\">\r\n      <input type=\"hidden\" name=\"page_url\" id=\"page_url\">\r\n      <input type=\"hidden\" name=\"user_agent\" id=\"user_agent\">\r\n      <input type=\"hidden\" name=\"unique_id\" id=\"unique_id\">\r\n      <input type=\"hidden\" name=\"page_language\" id=\"page_language\">\r\n\r\n      <div class=\"lq-actions\">\r\n        <button type=\"submit\" class=\"lq-btn\">\ud83d\udd0d Find My Dentist<\/button>\r\n        <div class=\"lq-msg lq-pending\" id=\"lq-pending\" role=\"status\" aria-live=\"polite\"><\/div>\r\n        <div class=\"lq-msg lq-success\" id=\"lq-success\" role=\"status\" aria-live=\"polite\"><\/div>\r\n        <div class=\"lq-msg lq-error\" id=\"lq-error\" aria-live=\"assertive\"><\/div>\r\n      <\/div>\r\n\r\n      <div style=\"position:absolute;left:-9999px;top:-9999px;\" aria-hidden=\"true\">\r\n        <label><\/label>\r\n        <input type=\"text\" name=\"middle_name\" id=\"middle_name\" tabindex=\"-1\" autocomplete=\"off\">\r\n      <\/div>\r\n      <input type=\"hidden\" name=\"form_started_at\" id=\"form_started_at\">\r\n\r\n\r\n    <\/form>\r\n\r\n    <iframe name=\"lq_iframe\" class=\"lq-hidden\" style=\"display:none\"><\/iframe>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script defer src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\"><\/script>\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/libphonenumber-js@1.10.53\/bundle\/libphonenumber-js.min.js\"><\/script>\r\n\r\n<!-- LQ:CSS START -->\r\n<style>\r\n\/* --- Layout & fields --- *\/\r\n.lq-form{display:flex;justify-content:center;padding:0}\r\n.lq-card{max-width:780px;width:100%;background:#fff;border-radius:20px;box-shadow:0 12px 36px rgba(0,0,0,.07);padding:28px 24px;margin:auto;}\r\n.lq-header{text-align:center;margin-bottom:10px}\r\n.lq-header h2{margin:0 0 6px 0;font-size:28px;line-height:1.2}\r\n.lq-header p{margin:0;color:#4b5563}\r\n.lq-field{display:flex;flex-direction:column;margin-bottom:14px}\r\n.lq-field label{font-weight:650;margin-bottom:6px}\r\n.lq-field input[type=\"text\"],\r\n.lq-field input[type=\"email\"],\r\n.lq-field input[type=\"tel\"],\r\n.lq-field select,\r\n.lq-field textarea{border:1px solid #e3e3e3;border-radius:14px;padding:12px 14px;font-size:16px;background:#fff;}\r\n.lq-field textarea{min-height:90px;resize:vertical}\r\n#case_description{min-height:0 !important;} \/* allow rows=2 to control height *\/\r\n.lq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n@media(max-width:720px){.lq-grid{grid-template-columns:1fr}}\r\n.req{color:#d93025}\r\n.lq-hidden{display:none}\r\n#sub_reason_wrap{display:none}\r\n.lq-hint{color:#6b7280;font-size:12px}\r\n.lq-actions{text-align:center;margin-top:18px}\r\n.lq-msg{margin-top:10px;font-weight:600;display:none}\r\n.lq-pending{color:#6b7280}.lq-success{color:#28A745}.lq-error{color:#D93025}\r\n.lq-global-error-message{display:none;color:#D93025;margin-top:6px;font-weight:500;font-size:14px}\r\ninput[type=\"tel\"]:invalid ~ .lq-global-error-message{display:block}\r\n.cf-turnstile{margin:18px 0 22px}\r\n\r\n\/* Advanced box *\/\r\n.lq-advanced{margin-top:6px;border:1px solid #eee;border-radius:14px;padding:0;background:#fafafa;margin-bottom:18px}\r\n.lq-advanced>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;align-items:center;gap:10px;border-radius:12px}\r\n.lq-advanced>summary:hover{background:#f3f4f6}\r\n.lq-advanced[open]{box-shadow:inset 0 0 0 1px #eee}\r\n.lq-advanced>div{padding:0 16px 14px 16px}\r\n.lq-advanced>summary::after{content:\"\";margin-left:auto;width:12px;height:8px;background-image:url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");background-size:12px 8px;background-repeat:no-repeat;transition:transform .18s ease}\r\n.lq-advanced[open]>summary::after{transform:rotate(180deg)}\r\n\r\n\/* Phone row (strict black & white) *\/\r\n.lq-phone{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center}\r\n.lq-dial{position:relative}\r\n.lq-dial-btn{\r\n  width:100%; border:1px solid #e3e3e3; border-radius:14px;\r\n  padding:12px 34px 12px 14px;\r\n  font: 14px\/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\r\n  background:#fff; color:#111; text-align:left; cursor:pointer; position:relative;\r\n}\r\n.lq-dial-btn::after{\r\n  content:\"\"; position:absolute; right:12px; top:50%; width:12px; height:8px; transform:translateY(-50%);\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-size:12px 8px; background-repeat:no-repeat;\r\n}\r\n.lq-dial-panel {\r\n    position: absolute;\r\n    top: calc(100% + 4px); \/* small gap below the button *\/\r\n    left: 0;\r\n    width: 100%;            \/* match button width *\/\r\n    z-index: 99999; \/* Increased z-index for safety *\/\r\n    background-color: #fff; \/* ENSURE SOLID BACKGROUND *\/\r\n    border: 1px solid #e6e6e6;\r\n    border-radius: 14px;\r\n    box-shadow: 0 12px 36px rgba(0,0,0,.10);\r\n    padding: 8px;\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n    transform: translateY(0); \/* fixes quirks in flex\/grid *\/\r\n}\r\n\r\n#patient-form .lq-phone .lq-dial-panel {\r\n  width: auto;          \/* don\u2019t lock to 92px column *\/\r\n  min-width: 260px;     \/* room for readable placeholder *\/\r\n}\r\n\r\n\/* Arabic mobile: keep phone country dropdown inside viewport *\/\r\n@media (max-width: 768px) {\r\n  html[dir=\"rtl\"] #patient-form .lq-phone .lq-dial-panel {\r\n    left: auto !important;\r\n    right: 0 !important;\r\n    max-width: calc(100vw - 24px) !important;\r\n  }\r\n}\r\n\r\n.lq-phone, .lq-card {\r\n  overflow: visible !important;\r\n}\r\n\r\n.lq-dial-filter {\r\n  width:100%;\r\n  padding:12px 14px;\r\n  margin-bottom:10px;\r\n  font-size:14px;\r\n  box-sizing:border-box;\r\n  border-radius:10px;\r\n  border:1px solid #e3e3e3;\r\n  background:#fff;\r\n  color:#111;\r\n}\r\n\r\n.lq-dial-list{\r\n  max-height:300px; overflow:auto; margin:0; padding:0; list-style:none;\r\n}\r\n.lq-dial-item{\r\n  font-size:13px; padding:16px 14px; border-radius:10px; cursor:pointer;\r\n  display:flex; justify-content:space-between; align-items:center; gap:14px; line-height:1.3; color:#111;\r\n  background: #fff; \/* Ensure item background is white *\/\r\n}\r\n.lq-dial-item span{flex:0 0 48px; font-weight:600;}\r\n.lq-dial-item small{flex:1; color:#666; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}\r\n.lq-dial-item:hover,.lq-dial-item[aria-selected=\"true\"]{background:#f5f5f5}\r\n\r\n\/* Button (no hover jump) *\/\r\n.lq-btn{background:#BD552A;color:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer;box-shadow:none !important;transition:none !important}\r\n.lq-btn:hover,.lq-btn:active,.lq-btn:focus{box-shadow:none !important;border-color:#000;background:#BD552A}\r\n\r\n\/* Success card styles + premium fade-in *\/\r\n#lq-success-card{\r\n  max-width:720px;\r\n  margin:14px auto 0;\r\n  background:#fff;\r\n  border:1px solid #eee;\r\n  border-radius:20px;\r\n  box-shadow:0 10px 30px rgba(0,0,0,.06);\r\n  padding:28px 22px;\r\n  text-align:center;\r\n\r\n  \/* premium fade-in *\/\r\n  opacity:0;\r\n  transform:translateY(6px);\r\n  animation:lqFadeUp .45s ease-out .12s forwards;\r\n}\r\n\r\n#lq-success-card h2{\r\n  font-size:24px;\r\n  font-weight:700;\r\n  margin:12px 0 14px;\r\n  color:#222;\r\n}\r\n\r\n#lq-success-card p{\r\n  font-size:17px;\r\n  line-height:1.7;\r\n  color:#444;\r\n  max-width:720px;\r\n  margin:0 auto 20px;\r\n}\r\n\r\n#lq-success-card .lq-spam-note{\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  color: #6b7280;\r\n  margin: -6px auto 16px;\r\n  max-width: 720px;\r\n}\r\n\r\n\/* Icon (class is reused inside the card) *\/\r\n.lq-success-icon{\r\n  width:44px;\r\n  height:44px;\r\n  border-radius:12px;\r\n  background:#f5fff8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-bottom:8px;\r\n}\r\n\r\n\/* Steps \u2014 premium cards with gradient number badge *\/\r\n#lq-success-card .lq-steps{\r\n  counter-reset: step;\r\n  display:grid;\r\n  gap:12px;\r\n  margin:20px auto 0;\r\n  max-width:640px;\r\n  text-align:start;\r\n  padding:0;\r\n}\r\n\r\n#lq-success-card .lq-steps li{\r\n  list-style:none;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:12px;\r\n  padding:14px 16px;\r\n  border:1px solid #eee;\r\n  border-radius:14px;\r\n  background:#fff;\r\n  box-shadow:0 6px 18px rgba(0,0,0,.04);\r\n}\r\n\r\n#lq-success-card .lq-steps .badge{\r\n  width:30px;\r\n  height:30px;\r\n  border-radius:999px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:800;\r\n  font-size:14px;\r\n  color:#fff;\r\n  background:linear-gradient(90deg,#ff7a00,#ff5fa2);\r\n  box-shadow:0 2px 8px rgba(0,0,0,.08);\r\n  flex-shrink:0;\r\n  margin-top:2px;\r\n}\r\n\r\n#lq-success-card .lq-steps .text{\r\n  font-size:17px;\r\n  line-height:1.6;\r\n  color:#333;\r\n}\r\n\r\n\/* subtle focus\/hover polish for accessibility *\/\r\n#lq-success-card .lq-steps li:hover{\r\n  box-shadow:0 10px 24px rgba(0,0,0,.06);\r\n  border-color:#e7e7e7;\r\n}\r\n\r\n@media (max-width:480px){\r\n  #lq-success-card .lq-steps li{ padding:12px 14px; }\r\n  #lq-success-card .lq-steps .text{ font-size:16px; }\r\n}\r\n\r\n\/* Animation + reduced motion *\/\r\n@keyframes lqFadeUp { to { opacity:1; transform:none; } }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #lq-success-card{ animation:none; opacity:1; transform:none; }\r\n}\r\n\r\n\/* LQ:PHONE_DROPDOWN FIX START *\/\r\n\/* --- Phone dropdown solid backgrounds --- *\/\r\n#patient-form .lq-phone .lq-dial-panel { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-filter { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-list   { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-item   { background:#fff; }\r\n\r\n#patient-form .lq-phone .lq-dial-item:hover,\r\n#patient-form .lq-phone .lq-dial-item[aria-selected=\"true\"] {\r\n  background:#f5f5f5 !important;\r\n}\r\n\r\n#patient-form .lq-phone .lq-dial-panel::-webkit-scrollbar-track { background:#fff; }\r\n\r\n#patient-form .lq-phone .lq-dial-filter::placeholder { \r\n  color:#6b7280; \r\n  opacity:1;           \/* Firefox honors this *\/\r\n}\r\n#patient-form .lq-phone .lq-dial-filter::-webkit-input-placeholder { \r\n  color:#6b7280;       \/* Chrome\/Safari *\/\r\n  opacity:1;\r\n}\r\n#patient-form .lq-phone .lq-dial-filter::-moz-placeholder { \r\n  color:#6b7280;       \/* Old Firefox *\/\r\n  opacity:1;\r\n}\r\n#patient-form .lq-phone .lq-dial-filter:-ms-input-placeholder { \r\n  color:#6b7280;       \/* Legacy Edge\/IE *\/\r\n}\r\n\r\n\/* LQ:PHONE_DROPDOWN FIX END *\/\r\n\r\n\/* ==============================\r\n   LQ:FORM HEADER \u2014 Premium style to match other sections\r\n   ============================== *\/\r\n#patient-form .lq-form-header {\r\n  text-align: center;\r\n  margin-bottom: 24px; \/* more breathing room to echo the other sections header *\/\r\n}\r\n\r\n#patient-form .lq-form-header h2 {\r\n  font-size: 28px;         \/* mirrors .lq-expat-header h2 *\/\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n  margin: 0 0 20px 0;      \/* match rhythm of expat header *\/\r\n  color: #222;\r\n  position: relative;      \/* for the underline *\/\r\n}\r\n\r\n#patient-form .lq-form-header h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 80px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #ff7a00, #ff5fa2);\r\n  border-radius: 4px;\r\n}\r\n\r\n#patient-form .lq-form-header p {\r\n  font-size: 17px;         \/* mirrors .lq-expat-intro *\/\r\n  line-height: 1.7;\r\n  color: #444;\r\n  max-width: 720px;        \/* same readable width *\/\r\n  margin: 0 auto 6px;      \/* centered + slightly tighter for form context *\/\r\n  text-align: center;\r\n}\r\n\r\n\/* Optional: slightly shorter underline on very small screens *\/\r\n@media (max-width: 480px) {\r\n  #patient-form .lq-form-header h2::after { width: 64px; }\r\n}\r\n\r\n\/* Premium pending state *\/\r\n#lq-pending {\r\n  display: none;\r\n  margin-top: 18px;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  text-align: center;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Anchor offset so sticky header doesn't cover the card *\/\r\n#patient-form { scroll-margin-top: 0px; }\r\n@media (max-width: 768px) { #patient-form { scroll-margin-top: 0px; } }\r\n\r\n<\/style>\r\n\r\n<!-- LQ:CSS END -->\r\n\r\n<script>\r\n\r\n\/\/ Start time for timing trap\r\n  document.getElementById('form_started_at').value = Date.now();\r\n\r\n  \/\/ Block bots that fill instantly or touch honeypot\r\n  document.getElementById('lumiquest_patient_form').addEventListener('submit', function (e) {\r\n    const hp = document.getElementById('middle_name');\r\n    const started = +document.getElementById('form_started_at').value || 0;\r\n    if (hp && hp.value) { e.preventDefault(); return; }\r\n    if (Date.now() - started < 3000) {  \/\/ < 3s\r\n      e.preventDefault();\r\n      const msgError = document.getElementById('lq-error');\r\n      msgError.textContent = LQ_I18N.t('confirmFail'); \r\n      msgError.style.display = 'block';\r\n    }\r\n  }, { capture: true });\r\n\r\n\/* Reset cached inputs on back\/refresh *\/\r\nwindow.addEventListener('pageshow', () => {\r\n  const f=document.getElementById('lumiquest_patient_form');\r\n  if(f){f.reset();}\r\n});\r\n\r\n\/\/ LQ:CHOICES_JS START\r\n\/* ---------- Sub-reasons ---------- *\/\r\nconst form = document.getElementById('lumiquest_patient_form');\r\nconst reasonSel = form?.querySelector('#reason_for_visit');\r\nconst subSel    = form?.querySelector('#sub_reason');\r\nconst subWrap   = form?.querySelector('#sub_reason_wrap');\r\n\r\nconst subReasonMap = {\r\n  pain: [\r\n    \"Cold Sensitivity \u2013 sharp pain when drinking cold or breathing cold air\",\r\n    \"Severe Toothache \u2013 constant or throbbing pain in one or more teeth\",\r\n    \"Swollen Gums or Abscess \u2013 painful bump or swelling on your gums\",\r\n    \"Broken or Cracked Tooth \u2013 painful when chewing or touching\",\r\n    \"Wisdom Tooth Pain \u2013 pain or swelling in the back of your mouth\",\r\n    \"Pain After a Recent Treatment \u2013 discomfort after dental work\",\r\n    \"Jaw Pain or Clicking \u2013 pain near ear or clicking in the jaw\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  missing_broken: [\r\n    \"Missing Tooth \u2013 I lost a tooth and want to replace it\",\r\n    \"Broken Tooth (Not Painful) \u2013 part of my tooth is chipped or cracked\",\r\n    \"Full Mouth Tooth Loss \u2013 I\u2019ve lost most or all of my teeth\",\r\n    \"Dental Bridge Needed \u2013 I want to replace missing teeth with a fixed bridge\",\r\n    \"Dental Implant Needed \u2013 I want a permanent tooth replacement\",\r\n    \"Dentures Needed \u2013 I\u2019m looking for full or partial dentures\",\r\n    \"Tooth Extracted Recently \u2013 I need to replace a tooth that was removed\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  improve_smile: [\r\n    \"Hollywood Smile \u2013 full smile makeover with veneers or crowns\",\r\n    \"Dental Veneers \u2013 I want to reshape or whiten my front teeth\",\r\n    \"Teeth Whitening \u2013 I want a brighter, whiter smile\",\r\n    \"Smile Makeover \u2013 not sure which treatment, but I want a better smile\",\r\n    \"Gum Reshaping \u2013 my gums are uneven or show too much when I smile\",\r\n    \"Tooth Bonding \u2013 small chips, gaps, or imperfections to fix\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  straighten: [\r\n    \"Invisalign \u2013 I want invisible, removable aligners\",\r\n    \"Braces \u2013 I\u2019m open to fixed brackets (metallic or ceramic)\",\r\n    \"Damon Braces \u2013 self-ligating brackets\",\r\n    \"Myobrace \u2013 habit-correcting appliance for kids\/teens\",\r\n    \"Lingual Braces \u2013 hidden behind the teeth (invisible)\",\r\n    \"Clear Aligners \u2013 I\u2019m exploring alternatives to Invisalign\",\r\n    \"Crooked Teeth \u2013 not sure which option, just want straighter teeth\/better bite\",\r\n    \"Gaps Between My Teeth \u2013 I want to close the spacing\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  routine: [\r\n    \"Teeth Cleaning \u2013 I want a professional cleaning (scaling & polishing)\",\r\n    \"Dental Check-Up \u2013 just a routine dental exam\",\r\n    \"Cavity Filling \u2013 I have a small cavity or hole in a tooth\",\r\n    \"Tooth Sensitivity \u2013 discomfort with cold, sweet, or touch\",\r\n    \"Stained Teeth \u2013 mild stains I want to clean or polish off\",\r\n    \"Bleeding Gums \u2013 gums bleed when I brush or floss\",\r\n    \"Bad Breath \u2013 I want to check the cause of bad breath\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  not_sure: [\r\n    \"I need help figuring out the best treatment for me\",\r\n    \"I have multiple dental concerns and don\u2019t know where to start\",\r\n    \"I\u2019ve never had dental work and I feel nervous\",\r\n    \"I want to compare treatment options before I decide\",\r\n    \"I just want to talk to someone I trust before I book\",\r\n    \"Something else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  something_else: [\"I\u2019ll type the details below\"]\r\n};\r\n\r\nfunction valueToKey(val = \"\") {\r\n  const v = String(val).toLowerCase();\r\n  if (v.includes(\"pain\")) return \"pain\";\r\n  if (v.includes(\"missing\") || v.includes(\"broken\")) return \"missing_broken\";\r\n  if (v.includes(\"improve my smile\")) return \"improve_smile\";\r\n  if (v.includes(\"straighten teeth\")) return \"straighten\";\r\n  if (v.includes(\"routine\")) return \"routine\";\r\n  if (v.includes(\"not sure\")) return \"not_sure\";\r\n  if (v.includes(\"something else\")) return \"something_else\";\r\n  return \"\";\r\n}\r\nfunction populateSubReasons(key) {\r\n  if (!subSel || !subWrap) return;\r\n  subSel.innerHTML = '<option value=\"\">- Select -<\/option>';\r\n  const rows = subReasonMap[key] || [];\r\n  rows.forEach(txt => {\r\n    const o = document.createElement('option');\r\n    o.value = txt; o.textContent = txt;\r\n    subSel.appendChild(o);\r\n  });\r\n  const hasRows = rows.length > 0;\r\n  subWrap.style.display = hasRows ? 'block' : 'none';\r\n  subSel.required = hasRows;\r\n}\r\nif (subWrap) subWrap.style.display = 'none';\r\nreasonSel?.addEventListener('change', (e) => populateSubReasons(valueToKey(e.target.value)));\r\nif (reasonSel?.value) populateSubReasons(valueToKey(reasonSel.value));\r\n\/\/ LQ:CHOICES_JS END\r\n\r\n\/\/ LQ:UPLOADS_JS START\r\n\/* ---------- Upload UI ---------- *\/\r\n\r\nconst uploadsSelect = document.getElementById('uploads_select');\r\nconst uploadsWrap   = document.getElementById('uploads_wrapper');\r\nconst uploadsInput  = document.getElementById('uploads');\r\nconst consentBox    = document.getElementById('consent');\r\nconst advancedBox   = document.querySelector('.lq-advanced');\r\nconst MAX_FILES = 6;\r\nconst MAX_SIZE = 10 * 1024 * 1024; \/\/ 10MB\r\nconst ALLOWED = ['image\/jpeg','image\/png','image\/webp','application\/pdf','image\/heic','image\/heif'];\r\n\r\nuploadsInput?.addEventListener('change', () => {\r\n  const files = Array.from(uploadsInput.files || []);\r\n  let ok = true, reason = '';\r\n  if (files.length > MAX_FILES) { ok = false; reason = 'Too many files.'; }\r\n  if (ok && files.some(f => f.size > MAX_SIZE)) { ok = false; reason = 'A file exceeds 10MB.'; }\r\n  if (ok && files.some(f => !ALLOWED.includes(f.type))) { ok = false; reason = 'Unsupported file type.'; }\r\n  if (!ok) { uploadsInput.value = ''; clearUploadsUI(); alert(reason); }\r\n});\r\n\r\nconst uploadsList = document.createElement('ul');\r\nuploadsList.id = 'uploads_list';\r\ndocument.getElementById('uploads')?.insertAdjacentElement('afterend', uploadsList);\r\n\r\nfunction formatBytes(b){\r\n  if(!b && b!==0) return '';\r\n  const u = ['B','KB','MB','GB'];\r\n  let i = 0, n = b;\r\n  while(n >= 1024 && i < u.length-1){ n\/=1024; i++; }\r\n  return `${n.toFixed(n < 10 && i>0 ? 1 : 0)} ${u[i]}`;\r\n}\r\nfunction renderUploadsList(){\r\n  uploadsList.innerHTML = '';\r\n  const input = document.getElementById('uploads');\r\n  if(!input || !input.files || !input.files.length) return;\r\n  Array.from(input.files).forEach(file=>{\r\n    const li = document.createElement('li');\r\n    li.innerHTML = `<span class=\"name\">${file.name}<\/span><span class=\"size\">${formatBytes(file.size)}<\/span>`;\r\n    uploadsList.appendChild(li);\r\n  });\r\n}\r\ndocument.getElementById('uploads')?.addEventListener('change', renderUploadsList);\r\nfunction clearUploadsUI(){ uploadsList.innerHTML = ''; }\r\ndocument.getElementById('uploads_select')?.addEventListener('change', (e)=>{\r\n  if(e.target.value !== 'Yes') clearUploadsUI();\r\n});\r\nfunction syncUploadsUI() {\r\n  const wantsUploads = uploadsSelect && uploadsSelect.value === 'Yes';\r\n  uploadsWrap?.classList.toggle('lq-hidden', !wantsUploads);\r\n  uploadsWrap?.setAttribute('aria-hidden', wantsUploads ? 'false' : 'true');\r\n  if (consentBox) consentBox.required = !!wantsUploads;\r\n  if (advancedBox && wantsUploads && !advancedBox.open) advancedBox.open = true;\r\n  if (!wantsUploads) {\r\n    if (uploadsInput) uploadsInput.value = '';\r\n    if (consentBox) consentBox.checked = false;\r\n  }\r\n}\r\nuploadsSelect?.addEventListener('change', syncUploadsUI);\r\nsyncUploadsUI();\r\n\/\/ LQ:UPLOADS_JS END\r\n\r\n\/\/ LQ:PHONE_JS START\r\n\/* ---------- Country calling codes ---------- *\/\r\nconst COUNTRY_CODES = [\r\n  {n:\"Afghanistan\",c:\"+93\"},{n:\"Albania\",c:\"+355\"},{n:\"Algeria\",c:\"+213\"},{n:\"Andorra\",c:\"+376\"},\r\n  {n:\"Angola\",c:\"+244\"},{n:\"Antigua and Barbuda\",c:\"+1\"},{n:\"Argentina\",c:\"+54\"},{n:\"Armenia\",c:\"+374\"},\r\n  {n:\"Australia\",c:\"+61\"},{n:\"Austria\",c:\"+43\"},{n:\"Azerbaijan\",c:\"+994\"},{n:\"Bahamas\",c:\"+1\"},\r\n  {n:\"Bahrain\",c:\"+973\"},{n:\"Bangladesh\",c:\"+880\"},{n:\"Barbados\",c:\"+1\"},{n:\"Belarus\",c:\"+375\"},\r\n  {n:\"Belgium\",c:\"+32\"},{n:\"Belize\",c:\"+501\"},{n:\"Benin\",c:\"+229\"},{n:\"Bhutan\",c:\"+975\"},\r\n  {n:\"Bolivia\",c:\"+591\"},{n:\"Bosnia and Herzegovina\",c:\"+387\"},{n:\"Botswana\",c:\"+267\"},\r\n  {n:\"Brazil\",c:\"+55\"},{n:\"Brunei\",c:\"+673\"},{n:\"Bulgaria\",c:\"+359\"},{n:\"Burkina Faso\",c:\"+226\"},\r\n  {n:\"Burundi\",c:\"+257\"},{n:\"Cabo Verde\",c:\"+238\"},{n:\"Cambodia\",c:\"+855\"},{n:\"Cameroon\",c:\"+237\"},\r\n  {n:\"Canada\",c:\"+1\"},{n:\"Central African Republic\",c:\"+236\"},{n:\"Chad\",c:\"+235\"},\r\n  {n:\"Chile\",c:\"+56\"},{n:\"China\",c:\"+86\"},{n:\"Colombia\",c:\"+57\"},{n:\"Comoros\",c:\"+269\"},\r\n  {n:\"Congo (Republic)\",c:\"+242\"},{n:\"Congo (DRC)\",c:\"+243\"},{n:\"Costa Rica\",c:\"+506\"},\r\n  {n:\"C\u00f4te d\u2019Ivoire\",c:\"+225\"},{n:\"Croatia\",c:\"+385\"},{n:\"Cuba\",c:\"+53\"},{n:\"Cyprus\",c:\"+357\"},\r\n  {n:\"Czechia (Czech Republic)\",c:\"+420\"},{n:\"Denmark\",c:\"+45\"},{n:\"Djibouti\",c:\"+253\"},\r\n  {n:\"Dominica\",c:\"+1\"},{n:\"Dominican Republic\",c:\"+1\"},{n:\"Ecuador\",c:\"+593\"},{n:\"Egypt\",c:\"+20\"},\r\n  {n:\"El Salvador\",c:\"+503\"},{n:\"Equatorial Guinea\",c:\"+240\"},{n:\"Eritrea\",c:\"+291\"},\r\n  {n:\"Estonia\",c:\"+372\"},{n:\"Eswatini\",c:\"+268\"},{n:\"Ethiopia\",c:\"+251\"},\r\n  {n:\"Fiji\",c:\"+679\"},{n:\"Finland\",c:\"+358\"},{n:\"France\",c:\"+33\"},\r\n  {n:\"Gabon\",c:\"+241\"},{n:\"Gambia\",c:\"+220\"},{n:\"Georgia\",c:\"+995\"},{n:\"Germany\",c:\"+49\"},\r\n  {n:\"Ghana\",c:\"+233\"},{n:\"Greece\",c:\"+30\"},{n:\"Grenada\",c:\"+1\"},{n:\"Guatemala\",c:\"+502\"},\r\n  {n:\"Guinea\",c:\"+224\"},{n:\"Guinea-Bissau\",c:\"+245\"},{n:\"Guyana\",c:\"+592\"},\r\n  {n:\"Haiti\",c:\"+509\"},{n:\"Honduras\",c:\"+504\"},{n:\"Hungary\",c:\"+36\"},\r\n  {n:\"Iceland\",c:\"+354\"},{n:\"India\",c:\"+91\"},{n:\"Indonesia\",c:\"+62\"},{n:\"Iran\",c:\"+98\"},\r\n  {n:\"Iraq\",c:\"+964\"},{n:\"Ireland\",c:\"+353\"},{n:\"Israel\",c:\"+972\"},{n:\"Italy\",c:\"+39\"},\r\n  {n:\"Jamaica\",c:\"+1\"},{n:\"Japan\",c:\"+81\"},{n:\"Jordan\",c:\"+962\"},\r\n  {n:\"Kazakhstan\",c:\"+7\"},{n:\"Kenya\",c:\"+254\"},{n:\"Kiribati\",c:\"+686\"},{n:\"Kuwait\",c:\"+965\"},\r\n  {n:\"Kyrgyzstan\",c:\"+996\"},{n:\"Laos\",c:\"+856\"},{n:\"Latvia\",c:\"+371\"},{n:\"Lebanon\",c:\"+961\"},\r\n  {n:\"Lesotho\",c:\"+266\"},{n:\"Liberia\",c:\"+231\"},{n:\"Libya\",c:\"+218\"},{n:\"Liechtenstein\",c:\"+423\"},\r\n  {n:\"Lithuania\",c:\"+370\"},{n:\"Luxembourg\",c:\"+352\"},\r\n  {n:\"Madagascar\",c:\"+261\"},{n:\"Malawi\",c:\"+265\"},{n:\"Malaysia\",c:\"+60\"},{n:\"Maldives\",c:\"+960\"},\r\n  {n:\"Mali\",c:\"+223\"},{n:\"Malta\",c:\"+356\"},{n:\"Marshall Islands\",c:\"+692\"},\r\n  {n:\"Mauritania\",c:\"+222\"},{n:\"Mauritius\",c:\"+230\"},{n:\"Mexico\",c:\"+52\"},\r\n  {n:\"Micronesia\",c:\"+691\"},{n:\"Moldova\",c:\"+373\"},{n:\"Monaco\",c:\"+377\"},{n:\"Mongolia\",c:\"+976\"},\r\n  {n:\"Montenegro\",c:\"+382\"},{n:\"Morocco\",c:\"+212\"},{n:\"Mozambique\",c:\"+258\"},\r\n  {n:\"Myanmar (Burma)\",c:\"+95\"},{n:\"Namibia\",c:\"+264\"},{n:\"Nauru\",c:\"+674\"},{n:\"Nepal\",c:\"+977\"},\r\n  {n:\"Netherlands\",c:\"+31\"},{n:\"New Zealand\",c:\"+64\"},{n:\"Nicaragua\",c:\"+505\"},{n:\"Niger\",c:\"+227\"},\r\n  {n:\"Nigeria\",c:\"+234\"},{n:\"North Macedonia\",c:\"+389\"},{n:\"Norway\",c:\"+47\"},{n:\"Oman\",c:\"+968\"},{n:\"Pakistan\",c:\"+92\"},{n:\"Palau\",c:\"+680\"},\r\n  {n:\"Panama\",c:\"+507\"},{n:\"Papua New Guinea\",c:\"+675\"},{n:\"Paraguay\",c:\"+595\"},{n:\"Peru\",c:\"+51\"},\r\n  {n:\"Philippines\",c:\"+63\"},{n:\"Poland\",c:\"+48\"},{n:\"Portugal\",c:\"+351\"},\r\n  {n:\"Qatar\",c:\"+974\"},{n:\"Romania\",c:\"+40\"},{n:\"Russia\",c:\"+7\"},{n:\"Rwanda\",c:\"+250\"},\r\n  {n:\"Saint Kitts and Nevis\",c:\"+1\"},{n:\"Saint Lucia\",c:\"+1\"},{n:\"Saint Vincent and the Grenadines\",c:\"+1\"},\r\n  {n:\"Samoa\",c:\"+685\"},{n:\"San Marino\",c:\"+378\"},{n:\"S\u00e3o Tom\u00e9 and Pr\u00edncipe\",c:\"+239\"},\r\n  {n:\"Saudi Arabia\",c:\"+966\"},{n:\"Senegal\",c:\"+221\"},{n:\"Serbia\",c:\"+381\"},{n:\"Seychelles\",c:\"+248\"},\r\n  {n:\"Sierra Leone\",c:\"+232\"},{n:\"Singapore\",c:\"+65\"},{n:\"Slovakia\",c:\"+421\"},{n:\"Slovenia\",c:\"+386\"},\r\n  {n:\"Solomon Islands\",c:\"+677\"},{n:\"Somalia\",c:\"+252\"},{n:\"South Africa\",c:\"+27\"},\r\n  {n:\"South Korea\",c:\"+82\"},{n:\"South Sudan\",c:\"+211\"},{n:\"Spain\",c:\"+34\"},{n:\"Sri Lanka\",c:\"+94\"},\r\n  {n:\"Sudan\",c:\"+249\"},{n:\"Suriname\",c:\"+597\"},{n:\"Sweden\",c:\"+46\"},{n:\"Switzerland\",c:\"+41\"},\r\n  {n:\"Syria\",c:\"+963\"},{n:\"Taiwan\",c:\"+886\"},{n:\"Tajikistan\",c:\"+992\"},{n:\"Tanzania\",c:\"+255\"},\r\n  {n:\"Thailand\",c:\"+66\"},{n:\"Timor-Leste\",c:\"+670\"},{n:\"Togo\",c:\"+228\"},{n:\"Tonga\",c:\"+676\"},\r\n  {n:\"Trinidad and Tobago\",c:\"+1\"},{n:\"Tunisia\",c:\"+216\"},{n:\"T\u00fcrkiye (Turkey)\",c:\"+90\"},\r\n  {n:\"Turkmenistan\",c:\"+993\"},{n:\"Tuvalu\",c:\"+688\"},{n:\"Uganda\",c:\"+256\"},{n:\"Ukraine\",c:\"+380\"},\r\n  {n:\"United Arab Emirates\",c:\"+971\"},{n:\"United Kingdom\",c:\"+44\"},\r\n  {n:\"United States\",c:\"+1\"},{n:\"Uruguay\",c:\"+598\"},{n:\"Uzbekistan\",c:\"+998\"},\r\n  {n:\"Vanuatu\",c:\"+678\"},{n:\"Vatican City\",c:\"+379\"},{n:\"Venezuela\",c:\"+58\"},{n:\"Vietnam\",c:\"+84\"},\r\n  {n:\"Yemen\",c:\"+967\"},{n:\"Zambia\",c:\"+260\"},{n:\"Zimbabwe\",c:\"+263\"},\r\n  {n:\"Hong Kong\",c:\"+852\"},{n:\"Macau\",c:\"+853\"},{n:\"Palestine\",c:\"+970\"},\r\n  {n:\"Puerto Rico\",c:\"+1\"},{n:\"Guam\",c:\"+1\"},{n:\"US Virgin Islands\",c:\"+1\"},\r\n  {n:\"Jersey\",c:\"+44\"},{n:\"Guernsey\",c:\"+44\"},{n:\"Isle of Man\",c:\"+44\"},\r\n  {n:\"Greenland\",c:\"+299\"},{n:\"Faroe Islands\",c:\"+298\"},\r\n  {n:\"Aruba\",c:\"+297\"},{n:\"Cura\u00e7ao\",c:\"+599\"},{n:\"Bermuda\",c:\"+1\"},\r\n  {n:\"Gibraltar\",c:\"+350\"},{n:\"Martinique\",c:\"+596\"},{n:\"Guadeloupe\",c:\"+590\"},\r\n  {n:\"R\u00e9union\",c:\"+262\"},{n:\"French Guiana\",c:\"+594\"},{n:\"Mayotte\",c:\"+262\"},\r\n  {n:\"New Caledonia\",c:\"+687\"},{n:\"French Polynesia\",c:\"+689\"},\r\n  {n:\"\u00c5land Islands\",c:\"+358\"},{n:\"Monaco (Mobile ranges)\",c:\"+377\"}\r\n];\r\n\r\n\/* --- Phone helpers --- *\/\r\nconst dialBtn   = document.getElementById('dial_btn');\r\nconst dialPanel = document.getElementById('dial_panel');\r\nconst dialList  = document.getElementById('dial_listbox');\r\nconst dialFilter= document.getElementById('dial_filter');\r\nconst dialHidden= document.getElementById('dial_code_standardized');\r\nconst phoneLocal= document.getElementById('phone_local');\r\nconst phoneError= document.getElementById('phone_error');\r\n\r\nfunction positionPanel() {\r\n  \/\/ With CSS top:100% + left:0, no JS positioning needed\r\n  \/\/ Keep this empty or remove calls to this function\r\n}\r\n\r\ndialBtn.addEventListener('click', (e) => {\r\n  e.stopPropagation();\r\n  const isOpen = !dialPanel.classList.contains('lq-hidden');\r\n  isOpen ? closePanel() : openPanel();\r\n});\r\n\r\n\r\n\r\nwindow.addEventListener(\"resize\", positionPanel);\r\n\r\n\r\nlet selectedCode = \"+971\";\r\ndialBtn.textContent = selectedCode;\r\ndialHidden.value    = selectedCode;\r\n\r\n\/* Render dial list *\/\r\nfunction renderList(q = \"\", force=false) {\r\n  const s = q.trim().toLowerCase();\r\n  dialList.innerHTML = \"\";\r\n\r\n  \/\/ If not typing anything and not forced, exit\r\n  if (!s && !force) return;\r\n\r\n  const rows = COUNTRY_CODES.filter(({ n, c }) => {\r\n    if (force) return true; \/\/ show all if forced\r\n    return c.replace(\"+\", \"\").startsWith(s.replace(\"+\", \"\")) || n.toLowerCase().includes(s);\r\n  });\r\n\r\n  rows.forEach(({ n, c }) => {\r\n    const li = document.createElement(\"li\");\r\n    li.className = \"lq-dial-item\";\r\n    li.setAttribute(\"role\", \"option\");\r\n    li.setAttribute(\"data-code\", c);\r\n    li.innerHTML = `<span>${c}<\/span><small>${n}<\/small>`;\r\n    if (c === selectedCode) li.setAttribute(\"aria-selected\", \"true\");\r\n    li.addEventListener(\"click\", () => {\r\n      selectedCode = c;\r\n      dialBtn.textContent = c;\r\n      dialHidden.value = c;\r\n      formatAsYouType();\r\n      validatePhone();\r\n      closePanel();\r\n    });\r\n    dialList.appendChild(li);\r\n  });\r\n}\r\n\r\n\r\n\r\n\r\nfunction openPanel() {\r\n  renderList(\"\", true);  \/\/ force full list\r\n  dialPanel.classList.remove('lq-hidden');\r\n  dialBtn.setAttribute('aria-expanded','true');\r\n  setTimeout(() => dialFilter.focus(), 0); \/\/ ensure input is focused\r\n}\r\n\r\nfunction closePanel(){ dialPanel.classList.add('lq-hidden'); dialBtn.setAttribute('aria-expanded','false'); dialBtn.focus(); }\r\ndialFilter.addEventListener('input', (e)=>renderList(e.target.value));\r\ndialFilter.addEventListener('keydown', (e)=>{\r\n  const items = [...dialList.querySelectorAll('.lq-dial-item')];\r\n  const idx = items.findIndex(x=>x.matches('[aria-selected=\"true\"]'));\r\n  if(e.key==='ArrowDown'){ e.preventDefault(); const next = items[Math.min((idx<0?0:idx+1), items.length-1)];\r\n    items.forEach(x=>x.removeAttribute('aria-selected')); next?.setAttribute('aria-selected','true'); next?.scrollIntoView({block:'nearest'});}\r\n  else if(e.key==='ArrowUp'){ e.preventDefault(); const prev = items[Math.max((idx<0?0:idx-1), 0)];\r\n    items.forEach(x=>x.removeAttribute('aria-selected')); prev?.setAttribute('aria-selected','true'); prev?.scrollIntoView({block:'nearest'});}\r\n  else if(e.key==='Enter'){ (dialList.querySelector('[aria-selected=\"true\"]')||items[0])?.click(); }\r\n  else if(e.key==='Escape'){ closePanel(); }\r\n});\r\ndocument.addEventListener('click', (e)=>{ if(!dialPanel.classList.contains('lq-hidden')){ const root = document.getElementById('lq-dial'); if(!root.contains(e.target)) closePanel(); }});\r\n\r\n\/* Compose E.164 (for hidden mirrors) *\/\r\nfunction composeE164(){\r\n  const dial = (dialHidden.value||'').replace(\/\\s\/g,'');                 \/\/ \"+971\"\r\n  const localDigits = (phoneLocal.value||'').replace(\/[^\\d]\/g,'');        \/\/ keep digits only\r\n  return (dial + localDigits).replace('++','+');\r\n}\r\n\r\n\/* As-you-type formatting (country-aware based on selected dial code) *\/\r\nfunction formatAsYouType(){\r\n  const lib = window.libphonenumber;\r\n  if(!lib || typeof lib.AsYouType !== 'function') return;\r\n\r\n  const codeDigits = (selectedCode||'').replace(\/\\D\/g,'');                \/\/ \"971\"\r\n  const localDigits = (phoneLocal.value||'').replace(\/[^\\d]\/g,'');        \/\/ raw digits typed\r\n  if(!localDigits){ phoneLocal.value = ''; return; }\r\n\r\n  \/\/ Step 1: format as international with +code to detect country\r\n  const aytIntl = new lib.AsYouType();                                    \/\/ no country -> intl\r\n  const intl = aytIntl.input('+' + codeDigits + localDigits);             \/\/ \"+971 58 558 3714\" (example)\r\n\r\n  \/\/ Step 2: strip the \"+<code>\" prefix so we display national-looking spacing only\r\n  const prefix = '+' + codeDigits;\r\n  let display = intl.startsWith(prefix) ? intl.slice(prefix.length).trim() : intl;\r\n\r\n  \/\/ Apply\r\n  phoneLocal.value = display;\r\n}\r\n\r\n\/* Country-aware validation using libphonenumber-js *\/\r\nfunction validatePhone(){\r\n  const full = composeE164(); \/\/ \"+971585583714\"\r\n  const lib = window.libphonenumber;\r\n  let ok = false, msg = '';\r\n\r\n  if(lib && typeof lib.parsePhoneNumberFromString === 'function'){\r\n    try{\r\n      const parsed = lib.parsePhoneNumberFromString(full);\r\n      if(parsed && parsed.isValid()){\r\n        ok = true;\r\n        \/\/ Canonical E.164 for Make (hidden mirrors)\r\n        document.getElementById('phone_e164').value = parsed.number;\r\n        document.getElementById('phone_number').value = parsed.number;\r\n      }else{\r\n  msg = LQ_I18N.t('fixFields'); \/\/ or LQ_I18N.t('invalidPhone') if you add that key\r\n}\r\n\r\n    }catch(err){\r\n      msg = LQ_I18N.t('fixFields');\r\n    }\r\n  }else{\r\n    \/\/ Minimal fallback: at least 8 digits total after the +\r\n    ok = \/^\\+\\d{8,}$\/.test(full);\r\n    if(!ok) msg = LQ_I18N.t('fixFields'); \/\/ or LQ_I18N.t('invalidPhone')\r\n    if(ok){\r\n      document.getElementById('phone_e164').value = full;\r\n      document.getElementById('phone_number').value = full;\r\n    }\r\n  }\r\n\r\n  phoneLocal.setCustomValidity(ok ? '' : msg);\r\n  phoneError.textContent = ok ? '' : msg;\r\n  phoneError.style.display = ok ? 'none' : 'block';\r\n  return ok;\r\n}\r\n\r\n\/\/ Wire up typing and paste\r\n['input','blur','paste'].forEach(evt=>{\r\n  phoneLocal.addEventListener(evt, ()=>{ formatAsYouType(); validatePhone(); });\r\n});\r\n\/\/ LQ:PHONE_JS END\r\n\r\n\/\/ LQ:TURNSTILE_JS START\r\n\/* Turnstile *\/\r\nfunction onTurnstile(token){document.getElementById('turnstile_token').value=token||'';}\r\nwindow.onTurnstile=onTurnstile;\r\n\/\/ LQ:TURNSTILE_JS END\r\n\r\n\/\/ --- LQ:I18N (EN\/AR auto) ---\r\nconst LQ_I18N = {\r\n  isArabic() {\r\n    const lang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    return lang.startsWith('ar') || document.body.classList.contains('trp-language-ar');\r\n  },\r\n  t(key) {\r\n    const ar = {\r\n      pendingSubmitting: \"\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026 \u064a\u064f\u0631\u062c\u0649 \u0639\u062f\u0645 \u0625\u063a\u0644\u0627\u0642 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629.\",\r\n      pendingStill: \"\u0645\u0627 \u0632\u0644\u0646\u0627 \u0646\u0639\u0645\u0644\u2026 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0648\u0642\u062a. \u064a\u064f\u0631\u062c\u0649 \u0625\u0628\u0642\u0627\u0621 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0641\u062a\u0648\u062d\u0629.\",\r\n      humanVerify: \"\u064a\u0631\u062c\u0649 \u062a\u0623\u0643\u064a\u062f \u0623\u0646\u0643 \u0644\u0633\u062a \u0631\u0648\u0628\u0648\u062a\u064b\u0627.\",\r\n      fixFields: \"\u064a\u0631\u062c\u0649 \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u064f\u0638\u0644\u0651\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.\",\r\n      confirmFail: \"\u062a\u0639\u0630\u0651\u0631 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644. \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\",\r\n\r\n      successTitle: \"\u0634\u0643\u0631\u064b\u0627 \u2014 \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \ud83e\uddb7\",\r\n      successPara: \"\u0648\u0635\u0644\u062a\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644\u0643. \u0633\u064a\u0637\u0651\u0644\u0639 \u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646\u0627 \u0639\u0644\u0649 \u0637\u0644\u0628\u0643 \u0648\u064a\u0631\u0634\u062f\u0648\u0646\u0643 \u0625\u0644\u0649 \u0637\u0628\u064a\u0628 \u0623\u0648 \u0639\u064a\u0627\u062f\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643 \u062e\u0644\u0627\u0644 \u0623\u0642\u0644 \u0645\u0646 12 \u0633\u0627\u0639\u0629.\",\r\n      spamNote: \"\u0645\u0644\u0627\u062d\u0638\u0629 \u0635\u063a\u064a\u0631\u0629: \u0625\u0630\u0627 \u0644\u0645 \u062a\u062c\u062f \u0631\u0633\u0627\u0644\u062a\u0646\u0627\u060c \u064a\u064f\u0631\u062c\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u063a\u064a\u0631 \u0627\u0644\u0647\u0627\u0645 \/ \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0627.\",\r\n      step1: \"\u0646\u0631\u0627\u062c\u0639 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062a\u0641\u0636\u064a\u0644\u0627\u062a\u0643.\",\r\n      step2: \"\u0646\u062d\u062f\u0651\u062f \u0648\u0646\u0648\u0635\u064a \u0628\u0627\u0644\u0637\u0628\u064a\u0628 \u0623\u0648 \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0643 \u0645\u0646 \u0634\u0628\u0643\u062a\u0646\u0627 \u0627\u0644\u062e\u0627\u0635\u0629.\",\r\n      step3: \"\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\"\r\n\r\n    };\r\n    const en = {\r\n      pendingSubmitting: \"Submitting\u2026 please don\u2019t close this tab.\",\r\n      pendingStill: \"Still working\u2026 large files can take a bit. Please keep this tab open.\",\r\n      humanVerify: \"Please verify you\u2019re human.\",\r\n      fixFields: \"Please fix the highlighted fields before submitting\",\r\n      confirmFail: \"We couldn\u2019t confirm your submission. Please try again.\",\r\n\r\n      successTitle: \"Thanks \u2014 your request is in \ud83e\uddb7\",\r\n      successPara: \"We\u2019ve received your details. Our advisors will review your needs and guide you to a suitable dentist or clinic within 12 hours.\",\r\n      spamNote: \"Small note: if you don\u2019t see our email, please check your spam\/junk folder.\",\r\n      step1: \"We check your goals and preferences.\",\r\n      step2: \"We identify and recommend the most suitable dentist or clinic from our private network.\",\r\n      step3: \"We contact you with our recommendation and the next steps.\"\r\n\r\n    };\r\n    return (LQ_I18N.isArabic() ? ar : en)[key] || key;\r\n  }\r\n};\r\n\r\n\/\/ --- LQ:LANG_INPUT (auto-fill hidden page_language) ---\r\n(function () {\r\n  const langEl = document.getElementById('page_language');\r\n  if (!langEl) return;\r\n\r\n  function detectPageLanguage() {\r\n    const htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    const isTRPAr  = document.body.classList.contains('trp-language-ar') || (window.trp_language === 'ar');\r\n    const pathAr   = \/^\\\/ar\\\/\/i.test(location.pathname);                         \/\/ TranslatePress virtual path\r\n    const queryAr  = \/(?:^|[?&])trp_language=ar\\b\/i.test(location.search);       \/\/ TRP query param\r\n    return (htmlLang.startsWith('ar') || isTRPAr || pathAr || queryAr) ? 'ar' : 'en';\r\n  }\r\n\r\n  const setLang = () => { langEl.value = detectPageLanguage(); };\r\n\r\n  \/\/ Initial set\r\n  setLang();\r\n\r\n  \/\/ Keep in sync if TRP or the DOM flips language after load\r\n  new MutationObserver(setLang).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n  new MutationObserver(setLang).observe(document.body,          { attributes: true, attributeFilter: ['class'] });\r\n\r\n  \/\/ Safety on BFCache\/page restores\r\n  window.addEventListener('pageshow', setLang);\r\n})();\r\n\r\n\/\/ LQ:METADATA_JS START\r\n\/* Metadata + bindings *\/\r\ndocument.getElementById('date').value = new Date().toISOString().slice(0, 10);\r\ndocument.getElementById('time').value=new Date().toLocaleTimeString();\r\ndocument.getElementById('page_url').value=window.location.href;\r\ndocument.getElementById('user_agent').value=navigator.userAgent;\r\ndocument.getElementById('unique_id').value=(crypto&&crypto.randomUUID)?crypto.randomUUID():(Date.now()+'-'+Math.random().toString(16).slice(2));\r\n\r\nconst btn = form.querySelector('.lq-btn');\r\nconst msgPending = document.getElementById('lq-pending');\r\nconst msgSuccess = document.getElementById('lq-success');\r\nconst msgError   = document.getElementById('lq-error');\r\nconst iframe = document.querySelector('iframe[name=\"lq_iframe\"]');\r\n\r\ndocument.querySelectorAll('#'+form.id+' input, #'+form.id+' select, #'+form.id+' textarea, #'+form.id+' button[type=\"submit\"]').forEach(el=>el.setAttribute('form', form.id));\r\n\r\nfunction setSubmitting(on){\r\n  if(on){\r\n    btn.disabled = true;\r\n    btn.dataset.label = btn.textContent; \r\n\/\/ or simply:\r\nbtn.textContent = LQ_I18N.isArabic() ? '\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026' : 'Submitting\u2026';\r\n\r\n    msgPending.textContent = LQ_I18N.t('pendingSubmitting');\r\n    msgPending.style.display='block';\r\n  }else{\r\n    btn.disabled = false;\r\n    btn.textContent = btn.dataset.label || '\ud83d\udd0d Find My Dentist';\r\n    msgPending.style.display='none';\r\n  }\r\n}\r\n\/\/ LQ:METADATA_JS END\r\n\r\n\/\/ LQ:SUBMIT_JS START\r\nform.addEventListener('submit',function(e){\r\n  if(!document.getElementById('turnstile_token').value){\r\n    e.preventDefault();\r\n    msgError.textContent = LQ_I18N.t('humanVerify'); \r\n    msgError.style.display='block';\r\n    return;\r\n  }\r\n\r\n  \/\/ Validate HTML5 + phone by country\r\n  if(!form.checkValidity() || !validatePhone()){\r\n    e.preventDefault();\r\n    form.reportValidity();\r\n    (form.querySelector(':invalid')||phoneLocal)?.focus();\r\n    msgError.textContent = LQ_I18N.t('fixFields');\r\n    msgError.style.display='block';\r\n    return;\r\n  }\r\n\r\n  setSubmitting(true);\r\n  msgError.style.display='none';\r\n\r\n  let done = false;\r\n\r\n\/\/ If there are uploads, give more time. (Sum sizes safely.)\r\nconst files = (uploadsInput && uploadsInput.files) ? Array.from(uploadsInput.files) : [];\r\nconst hasUploads = files.length > 0;\r\nconst totalBytes = files.reduce((n,f)=> n + (f?.size || 0), 0);\r\n\r\n\/\/ Soft timeout: after a while, keep button disabled and show \u201cstill working\u2026\u201d\r\nconst SOFT_TIMEOUT_MS = hasUploads ? 60000 : 15000;  \/\/ 60s with files, 15s without\r\n\r\nconst softTimer = setTimeout(() => {\r\n  if (done) return;\r\n  msgPending.textContent = LQ_I18N.t('pendingStill');\r\n  msgPending.style.display = 'block';\r\n}, SOFT_TIMEOUT_MS);\r\n\r\n\r\niframe.addEventListener('load', () => {\r\n  if (done) return;\r\n  done = true;\r\n  clearTimeout(softTimer);\r\n\r\n  \/\/ Debounce a tick so iframe body is fully written\r\n  setTimeout(() => {\r\n    let isOK = false;\r\n    try {\r\n      const doc = iframe.contentDocument || iframe.contentWindow?.document;\r\n      const bodyText = (doc?.body?.textContent || '').trim();\r\n      isOK = bodyText === 'OK'; \/\/ exact literal OK\r\n    } catch (e) {\r\n      isOK = false;\r\n    }\r\n\r\n    if (!isOK) {\r\n      setSubmitting(false);\r\n      msgPending.style.display = 'none';\r\n      msgError.textContent = LQ_I18N.t('confirmFail');\r\n      msgError.style.display = 'block';\r\n      return;\r\n    }\r\n\r\n    \/\/ Success UI\r\n\/\/ Success UI\r\nsetSubmitting(false);\r\nmsgPending.style.display = 'none';\r\n\r\nconst actions = form.querySelector('.lq-actions');\r\nactions.innerHTML = `\r\n  <div class=\"lq-success-card\" id=\"lq-success-card\" role=\"status\" aria-live=\"polite\">\r\n    <div class=\"lq-success-icon\" aria-hidden=\"true\">\r\n      <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"rgba(0,0,0,.12)\" stroke-width=\"2\"><\/circle>\r\n        <path d=\"M7 12.5l3 3 7-7\" stroke=\"#28A745\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n    <h2>${LQ_I18N.t('successTitle')}<\/h2>\r\n    <p>${LQ_I18N.t('successPara')}<\/p>\r\n    <p class=\"lq-spam-note\">${LQ_I18N.t('spamNote')}<\/p>\r\n    <ol class=\"lq-steps\" aria-label=\"${LQ_I18N.isArabic() ? '\u0645\u0627\u0630\u0627 \u0633\u064a\u062d\u062f\u062b \u0644\u0627\u062d\u0642\u064b\u0627' : 'What happens next'}\">\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">1<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step1')}<\/div>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">2<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step2')}<\/div>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">3<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step3')}<\/div>\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n`;\r\n\r\n\/\/ Optional: make the card RTL on Arabic\r\nif (LQ_I18N.isArabic()) document.getElementById('lq-success-card').dir = 'rtl';\r\n\r\n\r\n    const successEl = document.getElementById('lq-success-card');\r\n    successEl.setAttribute('tabindex', '-1');\r\n    successEl.focus({ preventScroll: true });\r\n    setTimeout(() => successEl.scrollIntoView({ behavior: 'smooth', block: 'start' }), 30);\r\n  }, 100);\r\n}, { once: true });\r\n\r\n\r\n\r\n});\r\n\r\n\/\/ ---------- Auto-preselect + Arabic relabel ----------\r\n\r\n\/\/ LQ:LOCALE_JS START\r\n(function () {\r\n  \/\/ Robust path text (handles %D8\u2026 encodings)\r\n  const PATH = decodeURIComponent(location.pathname);\r\n\r\n  \/\/ ---------- PAGE \u2192 AUTOSELECTION RULES ----------\r\n  \/\/ 1st dropdown is matched by \/Straighten teeth\/i for all ortho pages below.\r\n  \/\/ 2nd dropdown uses specific text matches (en dash\/hyphen tolerant).\r\n  const rules = [\r\n    {\r\n     \/\/ \/dubai\/emergency-dentist\/ and \/dubai\/emergency-dentist\/best\/\r\n     test: \/\\\/dubai\\\/emergency-dentist(\\\/best)?\\\/?$\/i,\r\n      reasonMatch: \/Pain\\s*[\u2013-]\\s*swelling\\s*or\\s*urgent\\s*issue\/i\r\n    },\r\n    {\r\n      test: \/\\\/dubai\\\/dentures(\\\/cost)?(\\\/|$)\/i,\r\n      reasonMatch: \/Missing\\\/broken\\s*tooth\/i\r\n      \/\/ \u274c no subMatch\r\n    },\r\n    {\r\n      \/\/ Pediatric pages: \/dubai\/pediatric-dentistry\/, \/dubai\/pediatric-dentistry\/best\/,\r\n      \/\/ \/dubai\/orthodontics\/pediatric\/, \/dubai\/orthodontics\/pediatric\/myobrace\/\r\n      test: \/\\\/dubai\\\/(pediatric-dentistry(\\\/best)?|orthodontics\\\/pediatric(\\\/myobrace)?)\\\/?$\/i,\r\n      ageMatch: \/Under\\s*14\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/root-canal\/, \/dubai\/root-canal\/cost\/, \/dubai\/endodontist\/, \/dubai\/endodontist\/best\/\r\n      test: \/\\\/dubai\\\/(root-canal(\\\/cost)?|endodontist(\\\/best)?)(\\\/|$)\/i,\r\n      reasonMatch: \/Pain\\s*[\u2013-]\\s*swelling\\s*or\\s*urgent\\s*issue\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/teeth-whitening\/ and \/dubai\/zoom-whitening\/\r\n      test: \/\\\/dubai\\\/(teeth-whitening|zoom-whitening)(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\\s*[\u2013-]\\s*veneers\\s*or\\s*whitening\\s*or\\s*more\/i,\r\n      subMatch: \/Teeth\\s*Whitening\\s*[\u2013-]\\s*I\\s*want\\s*a\\s*brighter,\\s*whiter\\s*smile\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/crowns-bridges\/\r\n      test: \/\\\/dubai\\\/crowns-bridges(\\\/|$)\/i,\r\n      reasonMatch: \/Missing\\\/broken\\s*tooth\/i,\r\n      \/\/ keep it simple + robust; unique enough\r\n      subMatch: \/Dental\\s*Bridge\\s*Needed\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/cosmetic-dentistry\/ and \/dubai\/smile-makeover\/\r\n      test: \/\\\/dubai\\\/(cosmetic-dentistry|smile-makeover)(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n      subMatch: \/Smile\\s*Makeover\\s*[\u2013-]\\s*not\\s*sure\\s*which\\s*treatment,\\s*but\\s*I\\s*want\\s*a\\s*better\\s*smile\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/composite-bonding\/\r\n      test: \/\\\/dubai\\\/composite-bonding(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n      subMatch: \/Tooth\\s*Bonding\\s*[\u2013-]\\s*small\\s*chips.*imperfections\\s*to\\s*fix\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/hollywood-smile\/\r\n        test: \/\\\/dubai\\\/hollywood-smile(\\\/|$)\/i,\r\n        reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n        subMatch: \/Hollywood\\s*Smile\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/veneers\/ and subpages\r\n        test: \/\\\/veneers(\\\/|$)\/i,\r\n        reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n        subMatch: \/Dental\\s*Veneers\\s*[\u2013-]\\s*I\\s*want\\s*to\\s*reshape\\s*or\\s*whiten\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/dental-implants\/\r\n        test: \/\\\/dubai\\\/dental-implants(\\\/|$)\/i,\r\n        reasonMatch: \/Missing\\\/broken\\s*tooth\/i,\r\n        subMatch: \/Dental\\s*Implant\\s*Needed\\s*[\u2013-]\\s*I\\s*want\\s*a\\s*permanent\\s*tooth\\s*replacement\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/orthodontics\/clear-aligners\/\r\n        test: \/\\\/dubai\\\/orthodontics\\\/clear-aligners\\\/?$\/i,\r\n        reasonMatch: \/Straighten\\s*teeth\/i,\r\n        \/\/ tolerant to hyphen\/en-dash + apostrophe variations\r\n        subMatch: \/Clear\\s*Aligners\\s*[\u2013-]\\s*I.?m\\s*exploring\\s*alternatives\\s*to\\s*Invisalign\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/ceramic\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/ceramic\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Braces\\s*[\u2013-]\\s*I.?m\\s*open\\s*to\\s*fixed\\s*brackets\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/metal\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/metal\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Braces\\s*[\u2013-]\\s*I.?m\\s*open\\s*to\\s*fixed\\s*brackets\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/damon\/\r\n      \/\/ Requires Damon option in subReasonMap.straighten (you already added it).\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/damon\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Damon\\s*Braces\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/lingual\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/lingual\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Lingual\\s*Braces\\s*[\u2013-]\\s*hidden\\s*behind\\s*the\\s*teeth\/i\r\n    }\r\n  ];\r\n\r\n  \/\/ ---------- HELPERS ----------\r\n  const $ = (sel) => document.querySelector(sel);\r\n  const optionMatches = (opt, rx) => rx.test((opt.value || opt.textContent || '').trim());\r\n  const pickByRegex = (selectEl, rx) => {\r\n    if (!selectEl) return false;\r\n    const hit = Array.from(selectEl.options).find(o => optionMatches(o, rx));\r\n    if (!hit) return false;\r\n    selectEl.value = hit.value;\r\n    selectEl.dispatchEvent(new Event('change', { bubbles: true }));\r\n    return true;\r\n  };\r\n\r\n  function applyRules() {\r\n    const formEl  = $('#lumiquest_patient_form');\r\n    const reason  = formEl?.querySelector('#reason_for_visit');\r\n    const subSel  = formEl?.querySelector('#sub_reason');\r\n    const subWrap = formEl?.querySelector('#sub_reason_wrap');\r\n    if (!formEl || !reason) return;\r\n\r\n    \/\/ 1) Page-specific rules first\r\nconst rule = rules.find(r => r.test.test(PATH));\r\nif (rule) {\r\n\r\n  \/\/ \u2705 Apply ageMatch if present (pediatric pages)\r\n  if (rule.ageMatch) {\r\n    const ageSel = formEl.querySelector('#age_group');\r\n    if (ageSel && !ageSel.value) {\r\n      pickByRegex(ageSel, rule.ageMatch);\r\n    }\r\n  }\r\n\r\n  \/\/ Existing reason \/ subreason logic (unchanged)\r\n  if (rule.reasonMatch) {\r\n    const pickedReason = pickByRegex(reason, rule.reasonMatch);\r\n    if (pickedReason && rule.subMatch) {\r\n      \/\/ allow sub-reasons to populate after change event\r\n      setTimeout(() => {\r\n        if (subSel && subWrap?.style.display !== 'none') {\r\n          pickByRegex(subSel, rule.subMatch);\r\n        }\r\n      }, 60);\r\n    }\r\n  }\r\n  return; \/\/ stop if matched\r\n}\r\n\r\n\/\/ 2) Generic fallbacks (keep your original UX)\r\nconst isOrthoPedsPage = \/\\\/dubai\\\/orthodontics\\\/pediatric(\\\/|$)\/i.test(PATH);\r\nconst isOrthoPage     = \/\\\/orthodontics(\\\/|$)\/i.test(PATH) || \/\u062a\u0642\u0648\u064a\u0645\/.test(PATH);\r\nconst isInvisPage     = \/\\\/invisalign(\\\/|$)\/i.test(PATH) || \/\u0627\u0646?\u0641?\u0632\u0644\u0627?\u064a\u0646\/i.test(PATH);\r\n\r\n\/\/ \u2705 Do NOT auto-pick \"Straighten teeth\" on ortho pediatric pages\r\nif (isOrthoPage && !isOrthoPedsPage && !reason.value) {\r\n  pickByRegex(reason, \/Straighten\\s*teeth\/i);\r\n}\r\n\r\nif (isInvisPage) {\r\n  setTimeout(() => {\r\n    if (!subSel || subWrap?.style.display === 'none') return;\r\n    const firstReal = Array.from(subSel.options).find(o => (o.value || '').trim() !== '');\r\n    if (firstReal && !subSel.value) {\r\n      subSel.value = firstReal.value;\r\n      subSel.dispatchEvent(new Event('change', { bubbles: true }));\r\n    }\r\n  }, 60);\r\n}\r\n  }\r\n\r\n  \/\/ Boot + bfcache safety\r\n  const boot = () => applyRules();\r\n  document.addEventListener('DOMContentLoaded', boot);\r\n  setTimeout(boot, 120);\r\n  window.addEventListener('pageshow', () => setTimeout(boot, 0));\r\n\r\n  \/\/ ---------- Arabic relabel (visible text only; option values stay English) ----------\r\n  const relabel = () => {\r\n    const isArabic =\r\n      \/^ar\\b\/i.test(document.documentElement.getAttribute('lang') || '') ||\r\n      document.body.classList.contains('trp-language-ar');\r\n    if (!isArabic) return;\r\n\r\n    const REASON_AR = {\r\n      \/\/ ----- Urgent \/ Pain -----\r\n      \"- Select -\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Cold Sensitivity \u2013 sharp pain when drinking cold or breathing cold air\": \"\u062d\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0628\u0631\u062f \u2014 \u0623\u0644\u0645 \u062d\u0627\u062f \u0645\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0628\u0627\u0631\u062f\u0629 \u0623\u0648 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u0628\u0627\u0631\u062f\",\r\n      \"Severe Toothache \u2013 constant or throbbing pain in one or more teeth\": \"\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0628\u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0644\u0645 \u0645\u0633\u062a\u0645\u0631 \u0623\u0648 \u0646\u0627\u0628\u0636 \u0641\u064a \u0633\u0646 \u0623\u0648 \u0623\u0643\u062b\u0631\",\r\n      \"Swollen Gums or Abscess \u2013 painful bump or swelling on your gums\": \"\u062a\u0648\u0631\u0645 \u0627\u0644\u0644\u062b\u0629 \u0623\u0648 \u062e\u0631\u0627\u062c \u2014 \u0627\u0646\u062a\u0641\u0627\u062e\/\u0646\u062a\u0648\u0621 \u0645\u0624\u0644\u0645 \u0641\u064a \u0627\u0644\u0644\u062b\u0629\",\r\n      \"Broken or Cracked Tooth \u2013 painful when chewing or touching\": \"\u0633\u0646 \u0645\u0643\u0633\u0648\u0631 \u0623\u0648 \u0645\u062a\u0634\u0642\u0642 \u2014 \u0623\u0644\u0645 \u0639\u0646\u062f \u0627\u0644\u0645\u0636\u063a \u0623\u0648 \u0627\u0644\u0644\u0645\u0633\",\r\n      \"Wisdom Tooth Pain \u2013 pain or swelling in the back of your mouth\": \"\u0623\u0644\u0645 \u0636\u0631\u0633 \u0627\u0644\u0639\u0642\u0644 \u2014 \u0623\u0644\u0645 \u0623\u0648 \u062a\u0648\u0631\u0651\u0645 \u0641\u064a \u0622\u062e\u0631 \u0627\u0644\u0641\u0645\",\r\n      \"Pain After a Recent Treatment \u2013 discomfort after dental work\": \"\u0623\u0644\u0645 \u0628\u0639\u062f \u0639\u0644\u0627\u062c \u062d\u062f\u064a\u062b \u2014 \u0627\u0646\u0632\u0639\u0627\u062c \u0628\u0639\u062f \u0625\u062c\u0631\u0627\u0621 \u0623\u0633\u0646\u0627\u0646\",\r\n      \"Jaw Pain or Clicking \u2013 pain near ear or clicking in the jaw\": \"\u0623\u0644\u0645 \u0623\u0648 \u0637\u0642\u0637\u0642\u0629 \u0641\u064a \u0627\u0644\u0641\u0643 \u2014 \u0623\u0644\u0645 \u0642\u0631\u0628 \u0627\u0644\u0623\u0630\u0646 \u0623\u0648 \u0637\u0642\u0637\u0642\u0629 \u0628\u0627\u0644\u0641\u0643\",\r\n      \"Something Else \u2013 I\u2019ll explain below\": \"\u0634\u064a\u0621 \u0622\u062e\u0631 \u2014 \u0633\u0623\u0648\u0636\u0651\u062d \u0630\u0644\u0643 \u0623\u062f\u0646\u0627\u0647\",\r\n\r\n      \/\/ ----- Missing \/ Broken Teeth -----\r\n      \"- Select - (Missing\/Repair)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Missing Tooth \u2013 I lost a tooth and want to replace it\": \"\u0633\u0646 \u0645\u0641\u0642\u0648\u062f \u2014 \u0623\u0631\u064a\u062f \u062a\u0639\u0648\u064a\u0636\u0647\",\r\n      \"Broken Tooth (Not Painful) \u2013 part of my tooth is chipped or cracked\": \"\u0633\u0646 \u0645\u0643\u0633\u0648\u0631 (\u0628\u062f\u0648\u0646 \u0623\u0644\u0645) \u2014 \u062c\u0632\u0621 \u0645\u0643\u0633\u0648\u0631 \u0623\u0648 \u0645\u062a\u0634\u0642\u0642\",\r\n      \"Full Mouth Tooth Loss \u2013 I\u2019ve lost most or all of my teeth\": \"\u0641\u0642\u062f\u0627\u0646 \u0623\u0633\u0646\u0627\u0646 \u0645\u062a\u0639\u062f\u062f \u2014 \u0641\u0642\u062f\u062a \u0645\u0639\u0638\u0645 \u0623\u0633\u0646\u0627\u0646\u064a \u0623\u0648 \u0643\u0644\u0647\u0627\",\r\n      \"Dental Bridge Needed \u2013 I want to replace missing teeth with a fixed bridge\": \"\u0623\u062d\u062a\u0627\u062c \u062c\u0633\u0631\u064b\u0627 \u062b\u0627\u0628\u062a\u064b\u0627 \u2014 \u0644\u062a\u0639\u0648\u064a\u0636 \u0623\u0633\u0646\u0627\u0646 \u0645\u0641\u0642\u0648\u062f\u0629\",\r\n      \"Dental Implant Needed \u2013 I want a permanent tooth replacement\": \"\u0623\u062d\u062a\u0627\u062c \u0632\u0631\u0627\u0639\u0629 \u0623\u0633\u0646\u0627\u0646 \u2014 \u062a\u0639\u0648\u064a\u0636 \u062f\u0627\u0626\u0645\",\r\n      \"Dentures Needed \u2013 I\u2019m looking for full or partial dentures\": \"\u0623\u062d\u062a\u0627\u062c \u0637\u0642\u0645 \u0623\u0633\u0646\u0627\u0646 \u2014 \u0643\u0627\u0645\u0644 \u0623\u0648 \u062c\u0632\u0626\u064a\",\r\n      \"Tooth Extracted Recently \u2013 I need to replace a tooth that was removed\": \"\u062e\u0644\u0639 \u062d\u062f\u064a\u062b \u2014 \u0623\u0631\u064a\u062f \u062a\u0639\u0648\u064a\u0636 \u0627\u0644\u0633\u0646 \u0627\u0644\u0645\u062e\u0644\u0648\u0639\",\r\n\r\n      \/\/ ----- Cosmetic -----\r\n      \"- Select - (Cosmetic)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Hollywood Smile \u2013 full smile makeover with veneers or crowns\": \"\u0647\u0648\u0644\u064a\u0648\u0648\u062f \u0633\u0645\u0627\u064a\u0644 \u2014 \u062a\u062c\u0645\u064a\u0644 \u0634\u0627\u0645\u0644 \u0628\u0627\u0644\u0642\u0634\u0648\u0631 \u0623\u0648 \u0627\u0644\u062a\u064a\u062c\u0627\u0646\",\r\n      \"Dental Veneers \u2013 I want to reshape or whiten my front teeth\": \"\u0642\u0634\u0648\u0631 \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u2014 \u0644\u062a\u062d\u0633\u064a\u0646 \u0634\u0643\u0644 \u0623\u0648 \u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629\",\r\n      \"Teeth Whitening \u2013 I want a brighter, whiter smile\": \"\u062a\u0628\u064a\u064a\u0636 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0623\u0643\u062b\u0631 \u0628\u064a\u0627\u0636\u064b\u0627\",\r\n      \"Smile Makeover \u2013 not sure which treatment, but I want a better smile\": \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u2014 \u0644\u0633\u062a \u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\",\r\n      \"Gum Reshaping \u2013 my gums are uneven or show too much when I smile\": \"\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0644\u062b\u0629 \u2014 \u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0623\u0648 \u0638\u0647\u0648\u0631 \u0632\u0627\u0626\u062f \u0639\u0646\u062f \u0627\u0644\u0627\u0628\u062a\u0633\u0627\u0645\",\r\n      \"Tooth Bonding \u2013 small chips, gaps, or imperfections to fix\": \"\u062d\u0634\u0648\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u2014 \u0644\u0639\u0644\u0627\u062c \u0641\u0631\u0627\u063a\u0627\u062a \u0623\u0648 \u0643\u0633\u0648\u0631 \u0628\u0633\u064a\u0637\u0629\",\r\n\r\n      \/\/ ----- Orthodontics -----\r\n      \"- Select - (Ortho)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Invisalign \u2013 I want invisible, removable aligners\": \"Invisalign \u2014 \u062a\u0642\u0648\u064a\u0645 \u0634\u0641\u0627\u0641 \u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u0632\u0627\u0644\u0629\",\r\n      \"Braces \u2013 I\u2019m open to fixed brackets (metallic or ceramic)\": \"\u062a\u0642\u0648\u064a\u0645 \u062b\u0627\u0628\u062a \u2014 \u0645\u0639\u062f\u0646\u064a \u0623\u0648 \u062e\u0632\u0641\u064a\",\r\n      \"Damon Braces \u2013 self-ligating brackets\": \"\u062a\u0642\u0648\u064a\u0645 \u062f\u064a\u0645\u0648\u0646 \u2014 \u0623\u0642\u0648\u0627\u0633 \u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0625\u063a\u0644\u0627\u0642\",\r\n      \"Myobrace \u2013 habit-correcting appliance for kids\/teens\": \"Myobrace \u2014 \u062c\u0647\u0627\u0632 \u0644\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0644\u0644\u0623\u0637\u0641\u0627\u0644\/\u0627\u0644\u0646\u0627\u0634\u0626\u064a\u0646\",\r\n      \"Lingual Braces \u2013 hidden behind the teeth (invisible)\": \"\u062a\u0642\u0648\u064a\u0645 \u0644\u0633\u0627\u0646\u064a \u2014 \u0645\u062e\u0641\u064a \u062e\u0644\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 (\u063a\u064a\u0631 \u0645\u0631\u0626\u064a)\",\r\n      \"Clear Aligners \u2013 I\u2019m exploring alternatives to Invisalign\": \"\u062a\u0642\u0648\u064a\u0645 \u0634\u0641\u0627\u0641 \u2014 \u0628\u062f\u0627\u0626\u0644 \u0644\u0640 Invisalign\",\r\n      \"Crooked Teeth \u2013 not sure which option, just want straighter teeth\/better bite\": \"\u0627\u0639\u0648\u062c\u0627\u062c \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0631\u064a\u062f \u0623\u0633\u0646\u0627\u0646\u064b\u0627 \u0623\u0639\u062f\u0644\/\u0625\u0637\u0628\u0627\u0642\u064b\u0627 \u0623\u0641\u0636\u0644\",\r\n      \"Gaps Between My Teeth \u2013 I want to close the spacing\": \"\u0641\u0631\u0627\u063a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0631\u064a\u062f \u0625\u063a\u0644\u0627\u0642\u0647\u0627\",\r\n\r\n      \/\/ ----- Routine -----\r\n      \"- Select - (Routine)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Teeth Cleaning \u2013 I want a professional cleaning (scaling & polishing)\": \"\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062c\u064a\u0631 \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u0639\",\r\n      \"Dental Check-Up \u2013 just a routine dental exam\": \"\u0641\u062d\u0635 \u0623\u0633\u0646\u0627\u0646 \u0631\u0648\u062a\u064a\u0646\u064a\",\r\n      \"Cavity Filling \u2013 I have a small cavity or hole in a tooth\": \"\u062d\u0634\u0648 \u0633\u0646 \u2014 \u062a\u0633\u0648\u0651\u0633 \u0623\u0648 \u062b\u0642\u0628 \u0628\u0633\u064a\u0637\",\r\n      \"Tooth Sensitivity \u2013 discomfort with cold, sweet, or touch\": \"\u062d\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0645\u0639 \u0627\u0644\u0628\u0627\u0631\u062f\/\u0627\u0644\u062d\u0644\u0648\/\u0627\u0644\u0644\u0645\u0633\",\r\n      \"Stained Teeth \u2013 mild stains I want to clean or polish off\": \"\u062a\u0635\u0628\u063a\u0627\u062a \u062e\u0641\u064a\u0641\u0629 \u2014 \u0623\u0631\u064a\u062f \u062a\u0646\u0638\u064a\u0641\u0647\u0627\/\u062a\u0644\u0645\u064a\u0639\u0647\u0627\",\r\n      \"Bleeding Gums \u2013 gums bleed when I brush or floss\": \"\u0646\u0632\u064a\u0641 \u0627\u0644\u0644\u062b\u0629 \u2014 \u064a\u062d\u062f\u062b \u0639\u0646\u062f \u0627\u0644\u062a\u0641\u0631\u064a\u0634 \u0623\u0648 \u0627\u0644\u062e\u064a\u0637\",\r\n      \"Bad Breath \u2013 I want to check the cause of bad breath\": \"\u0631\u0627\u0626\u062d\u0629 \u0641\u0645 \u2014 \u0623\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0633\u0628\u0628\",\r\n\r\n      \/\/ ----- Not sure \/ Need help deciding -----\r\n      \"- Select - (Unsure)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"I need help figuring out the best treatment for me\": \"\u0623\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u064a\",\r\n      \"I have multiple dental concerns and don\u2019t know where to start\": \"\u0644\u062f\u064a \u0639\u062f\u0629 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0648\u0644\u0627 \u0623\u0639\u0631\u0641 \u0645\u0646 \u0623\u064a\u0646 \u0623\u0628\u062f\u0623\",\r\n      \"I've never had dental work and I feel nervous\": \"\u0644\u0645 \u0623\u062e\u0636\u0639 \u0644\u0639\u0644\u0627\u062c \u0623\u0633\u0646\u0627\u0646 \u0645\u0646 \u0642\u0628\u0644 \u0648\u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u0648\u062a\u0631\",\r\n      \"I\u2019ve never had dental work and I feel nervous\": \"\u0644\u0645 \u0623\u062e\u0636\u0639 \u0644\u0639\u0644\u0627\u062c \u0623\u0633\u0646\u0627\u0646 \u0645\u0646 \u0642\u0628\u0644 \u0648\u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u0648\u062a\u0631\",\r\n      \"I want to compare treatment options before I decide\": \"\u0623\u0631\u064a\u062f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0642\u0628\u0644 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\",\r\n      \"I just want to talk to someone I trust before I book\": \"\u0623\u0631\u064a\u062f \u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0639 \u0634\u062e\u0635 \u0645\u0648\u062b\u0648\u0642 \u0642\u0628\u0644 \u0627\u0644\u062d\u062c\u0632\",\r\n      \"Something else \u2013 I\u2019ll explain below\": \"\u0634\u064a\u0621 \u0622\u062e\u0631 \u2014 \u0633\u0623\u0648\u0636\u0651\u062d \u0630\u0644\u0643 \u0623\u062f\u0646\u0627\u0647\",\r\n\r\n      \/\/ ----- Something else (free text) -----\r\n      \"- Select - (Other)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"I'll type the details below\": \"\u0633\u0623\u0643\u062a\u0628 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062f\u0646\u0627\u0647\"\r\n    };\r\n\r\n    const relabelSelect = (sel, map) => {\r\n      if (!sel) return;\r\n      for (const opt of sel.options) {\r\n        const en = (opt.textContent || '').trim();\r\n        if (map[en]) opt.textContent = map[en];\r\n      }\r\n    };\r\n\r\n    const reasonSel = document.getElementById('reason_for_visit');\r\n    const subSel   = document.getElementById('sub_reason');\r\n\r\n    \/\/ Relabel immediately\r\n    relabelSelect(reasonSel, REASON_AR);\r\n\r\n    \/\/ Relabel sub reasons after each population\r\n    document.addEventListener('change', (e) => {\r\n      if (e.target && e.target.id === 'reason_for_visit') {\r\n        setTimeout(() => relabelSelect(subSel, REASON_AR), 0);\r\n      }\r\n    });\r\n\r\n    \/\/ Safety pass (prefilled\/auto-populated cases)\r\n    setTimeout(() => relabelSelect(subSel, REASON_AR), 0);\r\n  };\r\n\r\n  \/\/ Wire both applyRules() and relabel() at the right times\r\ndocument.addEventListener('DOMContentLoaded', () => { applyRules(); relabel(); });\r\nsetTimeout(() => { applyRules(); relabel(); }, 120);\r\nwindow.addEventListener('pageshow', () => { setTimeout(() => { applyRules(); relabel(); }, 0); });\r\n\r\n})();\r\n\/\/ LQ:LOCALE_JS END\r\n<\/script>\r\n<!-- LQ:JS END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ceramic Braces in Dubai: How They Differ and Who They May Suit Ceramic braces are fixed braces that use clear or tooth-coloured ceramic brackets on the outer surfaces of the teeth. They are generally less visually prominent than conventional metal brackets, but they are still visible. [1] Ceramic describes the bracket material, not the way [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5913,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6181","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/6181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/comments?post=6181"}],"version-history":[{"count":92,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/6181\/revisions"}],"predecessor-version":[{"id":12955,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/6181\/revisions\/12955"}],"up":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/5913"}],"wp:attachment":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/media?parent=6181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}