/* Hello My Teeth main navigation. */
.hmt-header,.hmt-mobile-dialog {font-family:var(--sans,"DM Sans",Arial,sans-serif);font-size:14px;line-height:1.4;text-align:left}
.hmt-header *,.hmt-mobile-dialog * {box-sizing:border-box}
.hmt-header a,.hmt-mobile-dialog a {text-decoration:none}
.hmt-header h2,.hmt-header h3 {font-family:var(--display,"Fraunces",serif);font-weight:300}
.hmt-header button,.hmt-mobile-dialog button {font-family:inherit;cursor:pointer}
.hmt-desktop-nav {margin:0}
#hmt-main-content {scroll-margin-top:130px}
.hmt-header {position:sticky;top:0;z-index:80;background:#fbf9f5;border-bottom:1px solid #e4ddd2;color:#2b1c4a}
.hmt-header-container {max-width:1344px;padding:0 40px;margin:0 auto}
.hmt-utility {background:#f0ebe3;border-bottom:1px solid #e6dfd5;color:#6c625d;font-size:12px;letter-spacing:.01em}
.hmt-utility-inner {min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hmt-utility-inner>div {display:flex;align-items:center;gap:18px}
.hmt-utility a {display:inline-flex;align-items:center;gap:7px;line-height:1.3}
.hmt-utility a:hover {color:#2b1c4a;text-decoration:underline;text-underline-offset:4px}
.hmt-utility-inner>div>span {width:1px;height:12px;background:#d5cabe}
.hmt-utility svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.hmt-navigation-row {height:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.hmt-wordmark {font-family:var(--display,"Fraunces",serif);font-size:25px;font-weight:500;letter-spacing:-.025em;white-space:nowrap;display:inline-flex;align-items:baseline;gap:5px;color:#2b1c4a;line-height:1}
.hmt-wordmark em {font-weight:400}
.hmt-brand-dot {width:7px;height:7px;border-radius:50%;background:#FF8A65;align-self:center;margin-right:3px}
.hmt-desktop-nav {display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.hmt-desktop-nav>.hmt-nav-link,.hmt-dropdown>summary {padding:12px 10px;font-size:14px;font-weight:500;color:#4a403e;white-space:nowrap;line-height:1.25;border-radius:7px;display:flex;align-items:center;gap:7px;transition:background-color .15s,color .15s}
.hmt-desktop-nav>.hmt-nav-link:hover,.hmt-dropdown>summary:hover,.hmt-dropdown[open]>summary {background:#f0eae3;color:#2b1c4a}
.hmt-dropdown>summary {list-style:none;cursor:pointer;user-select:none}
.hmt-dropdown>summary::-webkit-details-marker,.hmt-mobile-group>summary::-webkit-details-marker {display:none}
.hmt-dropdown>summary svg {width:12px;height:12px;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform .18s}
.hmt-dropdown[open]>summary svg {transform:rotate(180deg)}
.hmt-dropdown[data-current]>summary,.hmt-nav-link[aria-current="page"] {color:#2b1c4a;font-weight:600;background:#efebe8}
.hmt-header-actions {display:flex;align-items:center;gap:12px}
.hmt-nav-button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 21px;background:#FF8A65;color:#2b1c4a;border:1px solid #FF8A65;border-radius:8px;font:500 13px/1.4 var(--sans,"DM Sans",sans-serif);white-space:nowrap;transition:background-color .2s,box-shadow .2s}
.hmt-nav-button:hover {background:#E56B47;border-color:#E56B47;box-shadow:0 4px 14px #2b1c4a12}
.hmt-nav-button>span {font-size:17px;font-weight:400}
.hmt-mega-panel {position:absolute;top:100%;left:40px;right:40px;max-width:1264px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1.38fr 1.04fr;gap:36px;padding:34px;background:#fffdf9;border:1px solid #e4ddd2;border-top:2px solid #e7a18a;border-radius:0 0 16px 16px;box-shadow:0 14px 38px #2b1c4a16}
.hmt-dropdown:not([open])>.hmt-mega-panel {display:none}
.hmt-menu-eyebrow {display:block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8c7568;line-height:1.5}
.hmt-panel-intro {padding:5px 22px 5px 2px;border-right:1px solid #ebe4db}
.hmt-panel-intro h2 {font-size:34px;line-height:1.12;margin:15px 0;letter-spacing:-.035em}
.hmt-panel-intro h2 em {font-weight:300}
.hmt-panel-intro p {font-size:13px;line-height:1.65;color:#756963;max-width:260px}
.hmt-panel-text-link {display:inline-flex;gap:14px;align-items:center;margin-top:20px;font-size:12px;font-weight:600;color:#2b1c4a;border-bottom:1px solid #d7c9bc;padding-bottom:5px}
.hmt-panel-links {display:grid;gap:2px;align-content:start}
.hmt-panel-links>a {padding:12px 13px;border-radius:8px;display:block;transition:background .15s}
.hmt-panel-links>a:hover {background:#f5f0e8}
.hmt-panel-links>a>span {font-size:14px;font-weight:600;color:#2b1c4a;display:block;line-height:1.4}
.hmt-panel-links small {display:block;font-size:12px;line-height:1.55;color:#776b65;margin-top:3px}
.hmt-panel-links .hmt-all-reviews {background:#f3eee7;margin-top:8px}
.hmt-panel-links .hmt-all-reviews>span {display:flex;align-items:center;justify-content:space-between;gap:10px}
.hmt-panel-next {background:#f0ede4;border-radius:10px;padding:23px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
.hmt-panel-next h3 {font-size:25px;line-height:1.2;margin:17px 0 12px}
.hmt-panel-next p {font-size:12px;line-height:1.65;color:#776b65;margin-bottom:20px}
.hmt-panel-next .hmt-nav-button {font-size:12px;padding:11px 16px;gap:13px;margin-top:auto}
.hmt-mobile-toggle {display:none;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:1px solid #ded5ca;border-radius:7px;color:#2b1c4a;font-size:13px;font-weight:500}
.hmt-mobile-toggle svg,.hmt-mobile-close svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.hmt-mobile-dialog {position:fixed;inset:0 0 0 auto;width:min(480px,100%);height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;padding:0;background:#fbf9f5;color:#2b1c4a;overscroll-behavior:contain}
.hmt-mobile-dialog[open] {display:flex;flex-direction:column}
.hmt-mobile-dialog::backdrop {background:#1c153950;backdrop-filter:blur(3px)}
.hmt-mobile-head {padding:0 24px;height:85px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e6dfd5}
.hmt-mobile-head .hmt-wordmark {font-size:24px}
.hmt-mobile-close {width:44px;height:44px;display:grid;place-items:center;border:1px solid #e1d8cc;border-radius:50%;color:#2b1c4a;background:#fffdf9}
.hmt-mobile-scroll {padding:26px 26px 18px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
.hmt-mobile-nav {margin:18px 0 0}
.hmt-mobile-group,.hmt-mobile-direct {border-bottom:1px solid #e6dfd5}
.hmt-mobile-group>summary,.hmt-mobile-direct {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;font-size:20px;font-weight:400;line-height:1.3;color:#2b1c4a;list-style:none;cursor:pointer}
.hmt-mobile-direct>span {font-size:18px;color:#9b897c}
.hmt-mobile-group>summary svg {width:19px;height:19px;stroke:#8c7568;stroke-width:1.4;fill:none;transition:transform .15s}
.hmt-mobile-group[open]>summary svg {transform:rotate(45deg)}
.hmt-mobile-group[data-current]>summary {font-weight:500}
.hmt-mobile-group>div {padding:0 0 15px 14px;border-left:2px solid #ead4c8;margin:0 0 15px}
.hmt-mobile-group>div>a {display:block;padding:10px 0 10px 2px;min-height:42px;color:#74675f;font-size:14px;line-height:1.45}
.hmt-mobile-group>div>a:hover {color:#2b1c4a}
.hmt-mobile-support {display:flex;flex-wrap:wrap;gap:13px 22px;padding:26px 0 10px}
.hmt-mobile-support a {font-size:12px;color:#796c64}
.hmt-mobile-foot {flex:none;padding:20px 26px max(20px,env(safe-area-inset-bottom));border-top:1px solid #e6dfd5;background:#f0ebe3}
.hmt-mobile-foot .hmt-nav-button {width:100%;min-height:49px;font-size:14px;justify-content:space-between;padding:13px 18px}
.hmt-mobile-foot p {text-align:center;margin:11px 0 0;font-size:10px;color:#84746b;line-height:1.5}
.hmt-menu-skip {position:fixed;top:-100px;left:12px;z-index:120;padding:12px 18px;background:#2b1c4a;color:white;border-radius:6px}
.hmt-menu-skip:focus {top:12px}
.hmt-header a:focus-visible,.hmt-header summary:focus-visible,.hmt-header button:focus-visible,.hmt-mobile-dialog a:focus-visible,.hmt-mobile-dialog button:focus-visible,.hmt-mobile-dialog summary:focus-visible {outline:2px solid #aa624b;outline-offset:4px}
@media(max-width:1250px) and (min-width:1101px) {
 .hmt-header-container {padding:0 26px}.hmt-navigation-row{gap:18px}.hmt-desktop-nav{gap:0}.hmt-desktop-nav>.hmt-nav-link,.hmt-dropdown>summary{padding:12px 8px;font-size:12px}.hmt-wordmark{font-size:23px}.hmt-desktop-cta{font-size:12px;padding:11px 16px;gap:10px}
}
@media(max-width:1100px) {
 .hmt-header-container {padding:0 24px}.hmt-utility{display:none}.hmt-navigation-row{height:78px;grid-template-columns:1fr auto;gap:16px}.hmt-desktop-nav,.hmt-desktop-cta{display:none}.hmt-mobile-toggle{display:inline-flex}.hmt-wordmark{font-size:25px}
}
@media(max-width:380px) {.hmt-header-container{padding:0 20px}.hmt-wordmark{font-size:22px}.hmt-mobile-toggle{gap:8px;padding:8px 10px}.hmt-mobile-head .hmt-wordmark{font-size:22px}.hmt-mobile-scroll,.hmt-mobile-foot{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce) {.hmt-header *,.hmt-mobile-dialog *{transition:none!important}}
