/* FONT FIX: keep original stylish Felidae; Cormorant Garamond is per-glyph fallback for accents */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
@font-face{font-family:'Felidae';src:url('https://static.tildacdn.net/tild3835-6433-4762-a662-316636633466/Felidae.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;font-synthesis:none}

/* =============================================================
   TREATMENT PAGE ENHANCEMENTS
   - Procedure section design (matches REF9 & REF10)
   - TildaSans font everywhere
   - Hides treatment page's original Tilda footer (replaced via JS with .fbm-footer)
   ============================================================= */

/* ===== Tangerine replacement - all heading h1/h2/h3 in tilda blocks use TildaSans ===== */
.t396__elem h1.tn-atom,
.t396__elem h2.tn-atom,
.t396__elem h3.tn-atom,
.t396__elem .tn-atom h1,
.t396__elem .tn-atom h2,
.t396__elem .tn-atom h3 {
    font-family: Felidae,'Cormorant Garamond',Georgia,serif !important;
    font-weight: 300 !important;
    text-transform: none !important;
    font-size: 1.7em !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    font-synthesis: none !important;
}
.t1118__container .t-name {
    font-family: Felidae,'Cormorant Garamond',Georgia,serif !important;
    font-weight: 600 !important;
    font-synthesis: none !important;
}
.t1118__container .t-descr {
    font-family: Felidae,'Cormorant Garamond',Georgia,serif !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
}

/* ===== Top-left logo on treatment pages ===== */
.fbm-top-logo {
    position: fixed;
    top: 18px;
    left: 24px;
    z-index: 50;
    text-decoration: none;
}
.fbm-top-logo img {
    height: 44px;
    width: auto;
    display: block;
}
@media (max-width: 640px) {
    .fbm-top-logo img { height: 36px; }
    .fbm-top-logo { top: 14px; left: 16px; }
}

/* =============================================================
   PROCEDURE SECTION (rec907597492) — rebuilt via JS into .fbm-procedure
   Matches REF9 & REF10
   ============================================================= */

/* When JS rebuilds the procedure section, the inner HTML is replaced with .fbm-procedure */
#rec907597492 {
    padding: 50px 20px 70px !important;
    background: #fff !important;
}

.fbm-procedure {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.fbm-procedure__heading {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;
    color: #161512;
    text-align: center;
    margin: 0 0 50px 0;
    text-transform: none;
    letter-spacing: 0;
    font-synthesis: none !important;
}
.fbm-procedure__card {
    background: #f7f6f4;
    border-radius: 20px;
    padding: 60px 30px;
}
.fbm-procedure__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
    max-width: 1100px;
    margin: 0 auto;
}
/* For 5 steps: row 1 = steps 1, 2, 3 | row 2 = steps 4, 5 centered */
.fbm-procedure__step:nth-child(4) { grid-column: 1; }
.fbm-procedure__step:nth-child(5) { grid-column: 2; }
/* If there's an empty spot, no step gets put in col 3 row 2 */

.fbm-procedure__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 8px;
}
.fbm-procedure__num {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(.25turn, #eedc81 0%, #bb9d41 100%);
    color: #161512;
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-synthesis: none !important;
    box-shadow: 0 2px 8px rgba(187,157,65,0.25);
}
.fbm-procedure__title {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.25;
    color: #161512;
    margin: 0 0 12px 0;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    font-synthesis: none !important;
}
.fbm-procedure__desc {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    color: #444;
    text-align: center;
    margin: 0;
    padding: 0 4px;
    font-synthesis: none !important;
}

@media (max-width: 959px) {
    .fbm-procedure__heading { font-size: 36px; margin-bottom: 40px; }
    .fbm-procedure__card { padding: 40px 20px; }
    .fbm-procedure__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 24px;
    }
    /* On tablet: reset the column placement */
    .fbm-procedure__step:nth-child(4) { grid-column: auto; }
    .fbm-procedure__step:nth-child(5) { grid-column: auto; }
    /* 5 items in 2 cols: step 5 spans 2 cols centered */
    .fbm-procedure__step:nth-child(5) { grid-column: 1 / -1; max-width: 50%; margin: 0 auto; }
    .fbm-procedure__title { font-size: 22px; }
}
@media (max-width: 639px) {
    .fbm-procedure__heading { font-size: 28px; margin-bottom: 30px; }
    .fbm-procedure__card { padding: 32px 16px; border-radius: 16px; }
    .fbm-procedure__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .fbm-procedure__step:nth-child(5) { grid-column: auto; max-width: 100%; }
    .fbm-procedure__title { font-size: 20px; }
    .fbm-procedure__desc { font-size: 14px; }
    .fbm-procedure__num { width: 44px; height: 44px; font-size: 18px; }
}

/* =============================================================
   FAQ section - tighten spacing & TildaSans
   ============================================================= */
#rec907597519 { padding-top: 40px !important; }
#rec907597519 .t1118__title {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-weight: 200 !important;
    font-synthesis: none !important;
}
#rec907597519 .t1118__descr {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-synthesis: none !important;
}

/* FAQ heading section (rec907597516) */
#rec907597516 .tn-elem[data-elem-id="1741326011775"] .tn-atom,
#rec907597507 .tn-elem[data-elem-id="1741326011775"] .tn-atom {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-weight: 200 !important;
    text-transform: none !important;
    font-synthesis: none !important;
}

/* Treatment card section titles - TildaSans */
#rec907597480 .tn-elem[data-elem-id="1741333130388"] .tn-atom,
#rec907597486 .tn-elem[data-elem-id="1742213732139"] .tn-atom,
#rec909135550 .tn-elem .tn-atom,
#rec885657181 .tn-elem[data-elem-id="1741326011775"] .tn-atom {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-synthesis: none !important;
}
#rec885657181 .tn-elem[data-elem-id="1741326011775"] .tn-atom {
    font-size: 42px !important;
    font-weight: 200 !important;
    text-transform: none !important;
}
@media (max-width: 959px) {
    #rec885657181 .tn-elem[data-elem-id="1741326011775"] .tn-atom { font-size: 30px !important; }
}
@media (max-width: 639px) {
    #rec885657181 .tn-elem[data-elem-id="1741326011775"] .tn-atom { font-size: 24px !important; }
}

/* Hide the original treatment-page footer sections (they're replaced via JS) */
.fbm-hide-original-footer #rec885623065,
.fbm-hide-original-footer #rec885657181,
.fbm-hide-original-footer #rec907597540,
.fbm-hide-original-footer #rec907597534,
.fbm-hide-original-footer #rec907597528,
.fbm-hide-original-footer #rec1235957931 {
    display: none !important;
}