{"id":17,"date":"2025-09-19T11:20:51","date_gmt":"2025-09-19T11:20:51","guid":{"rendered":"https:\/\/lime-albatross-895553.hostingersite.com\/?page_id=17"},"modified":"2026-08-20T11:27:52","modified_gmt":"2026-08-20T11:27:52","slug":"emergency-dental-care","status":"publish","type":"page","link":"https:\/\/icaredental.co.uk\/croydon\/emergency-dental-care\/","title":{"rendered":"Emergency Dental Care"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2ee4225 e-flex e-con-boxed e-con e-parent\" data-id=\"2ee4225\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5746f62 e-con-full e-flex e-con e-child\" data-id=\"5746f62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8469caa e-con-full e-flex e-con e-child\" data-id=\"8469caa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4c3e5a3 e-con-full e-flex e-con e-child\" data-id=\"4c3e5a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50b20f2 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"50b20f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-004847f elementor-widget elementor-widget-heading\" data-id=\"004847f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"#review\">Same-Day Emergency Appointments\n<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d783a88 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d783a88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Emergency Dental Care <span> In Croydon<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fb65d1 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1fb65d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">In Dental Pain? <span>We Can See You Today.<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-221373f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"221373f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From severe tooth pain and broken teeth to dental abscesses and facial swelling, our emergency dentist in Croydon provides fast, expert care when you need it most. We offer same-day appointments to relieve pain, treat urgent problems, and protect your oral health.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e9ab4bc e-con-full e-flex e-con e-child\" data-id=\"e9ab4bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f96cc4 elementor-view-stacked elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-auto elementor-shape-circle elementor-widget elementor-widget-icon-box\" data-id=\"6f96cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"tel:02039833828\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Call Now\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"tel:02039833828\" >\n\t\t\t\t\t\t\tCall Now\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<a href=\"tel:02039833828\">020 3983 3828<\/a>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0fbc0b1 e-con-full e-flex e-con e-child\" data-id=\"0fbc0b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69bfd69 elementor-widget elementor-widget-heading\" data-id=\"69bfd69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"#review\">We aim to call you back within <span>1 hour<\/span> during opening hours<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-145af72 e-con-full e-flex e-con e-child\" data-id=\"145af72\" data-element_type=\"container\" data-e-type=\"container\" id=\"book-appointment\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f64e078 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f64e078\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"gotoform\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request an Emergency Callback<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51bbd5d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"51bbd5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"#review\">We'll call you back <span><b>1 hour<\/B><\/span>  (during opening hours) to confirm your same-day slot.<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85e1bae form-styling elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"85e1bae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"17\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"85e1bae\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFull Name*\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"John\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_c80774f elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c80774f\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone Number*\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_c80774f]\" id=\"form-field-field_c80774f\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"07XXX XXXXXX\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_e231373 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_e231373\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail Address<span>*<\/span>\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_e231373]\" id=\"form-field-field_e231373\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"john.smith@email.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_354b6e2 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_354b6e2\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWhat's Wrong?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_354b6e2]\" id=\"form-field-field_354b6e2\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Select Treatment\">Select Treatment<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Severe Toothache \/ Tooth Pain\">Severe Toothache \/ Tooth Pain<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Broken or Chipped Tooth\">Broken or Chipped Tooth<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lost Filling or Crown\">Lost Filling or Crown<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dental Abscess or Infection\">Dental Abscess or Infection<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Knocked-Out Tooth\">Knocked-Out Tooth<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Swelling \/ Bleeding Gums\">Swelling \/ Bleeding Gums<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Other Dental Emergency\">Other Dental Emergency<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request My Callback \u2192<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2cbe406 e-con-full e-flex e-con e-child\" data-id=\"2cbe406\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d65a4e elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0d65a4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87db30e elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"87db30e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"#review\">or call us directly<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5d74d elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2a5d74d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26e5671 elementor-mobile-align-justify elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"26e5671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"tel:02039833828\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> 020 3983 3828<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8aaabfc e-con-full e-flex e-con e-parent\" data-id=\"8aaabfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6de3c99 elementor-widget elementor-widget-html\" data-id=\"6de3c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --orange-primary: #F47621;\r\n    --orange-deep: #E55A0F;\r\n    --orange-light: #FFB380;\r\n    --orange-pale: #FFF4ED;\r\n    --cream: #FFF9F4;\r\n    --ink: #1A1410;\r\n    --ink-soft: #4A3F38;\r\n    --ink-light: #8B7E73;\r\n    --white: #FFFFFF;\r\n    --emergency-red: #D72638;\r\n    --success: #10B981;\r\n    --shadow-warm: 0 20px 60px -10px rgba(244, 118, 33, 0.25);\r\n    --shadow-soft: 0 8px 32px -4px rgba(26, 20, 16, 0.08);\r\n}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n    font-family: 'DM Sans', -apple-system, sans-serif;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============ STICKY EMERGENCY CALL BAR (MOBILE) ============ *\/\r\n.emergency-bar {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: var(--emergency-red);\r\n    z-index: 200;\r\n    padding: 12px 16px;\r\n    display: none;\r\n    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.emergency-bar a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n}\r\n\r\n.emergency-bar .pulse {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n\/* .nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: rgba(255, 249, 244, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    z-index: 100;\r\n    border-bottom: 1px solid rgba(244, 118, 33, 0.12);\r\n    padding: 14px 0;\r\n}\r\n\r\n.nav-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    letter-spacing: -0.02em;\r\n}\r\n.logo span { color: var(--orange-primary); }\r\n\r\n.nav-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.35);\r\n}\r\n.nav-call:hover { background: #b91e2e; transform: translateY(-1px); } *\/\r\n\r\n\/* ============ HERO ============ *\/\r\n.hero {\r\n    padding: 48px 24px 56px;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--orange-pale) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(244, 118, 33, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.3);\r\n}\r\n\r\n.hero-badge .pulse {\r\n    width: 8px; height: 8px; background: white; border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n.hero h1 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(38px, 5.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    color: var(--ink);\r\n}\r\n.hero h1 em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.hero-subtitle {\r\n    font-size: 19px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.btn-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 8px 24px rgba(215, 38, 56, 0.4);\r\n}\r\n.btn-call:hover { background: #b91e2e; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(215, 38, 56, 0.5); }\r\n\r\n.btn-call .phone-icon { font-size: 22px; }\r\n.btn-call small { display: block; font-size: 11px; font-weight: 500; opacity: 0.9; margin-top: -2px; }\r\n\r\n.btn-form {\r\n    background: var(--white);\r\n    color: var(--ink);\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.2s;\r\n    border: 2px solid var(--ink);\r\n}\r\n.btn-form:hover { background: var(--ink); color: white; }\r\n\r\n.hero-reassurance {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n}\r\n.hero-reassurance strong { color: var(--orange-deep); }\r\n\r\n\/* HERO FORM CARD *\/\r\n.hero-form-card {\r\n    background: var(--white);\r\n    border-radius: 28px;\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-warm);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(244,118,33,0.1) 0%, transparent 65%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.form-card-header {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.form-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.form-card-sub {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n}\r\n.form-card-sub strong { color: var(--orange-deep); }\r\n\r\n.field { margin-bottom: 14px; position: relative; }\r\n\r\n.field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.field label .req { color: var(--emergency-red); }\r\n\r\n.field input,\r\n.field select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1.5px solid #E5DFD8;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n    background: var(--white);\r\n    transition: all 0.2s;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus {\r\n    outline: none;\r\n    border-color: var(--orange-primary);\r\n    box-shadow: 0 0 0 4px rgba(244, 118, 33, 0.1);\r\n}\r\n\r\n.field input::placeholder { color: #B8AEA1; }\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    padding: 17px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 4px;\r\n    box-shadow: 0 8px 24px rgba(244, 118, 33, 0.3);\r\n}\r\n.form-submit:hover { background: var(--orange-deep); transform: translateY(-1px); }\r\n\r\n.form-or {\r\n    text-align: center;\r\n    margin: 16px 0;\r\n    position: relative;\r\n    color: var(--ink-light);\r\n    font-size: 13px;\r\n}\r\n.form-or::before, .form-or::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 38%;\r\n    height: 1px;\r\n    background: #E5DFD8;\r\n}\r\n.form-or::before { left: 0; }\r\n.form-or::after { right: 0; }\r\n\r\n.form-call-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--orange-pale);\r\n    border: 1.5px solid var(--orange-light);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n    text-decoration: none;\r\n    color: var(--orange-deep);\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    transition: all 0.2s;\r\n}\r\n.form-call-link:hover { background: var(--orange-light); color: var(--ink); }\r\n\r\n\/* ============ TRUST STRIP ============ *\/\r\n.trust-strip {\r\n    background: var(--ink);\r\n    padding: 20px 24px;\r\n}\r\n.trust-strip-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n.trust-strip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n.trust-strip-item .ico {\r\n    color: var(--orange-light);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* ============ PROBLEMS WE TREAT ============ *\/\r\n.problems {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.problems-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n.section-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n.section-eyebrow {\r\n    color: var(--orange-primary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 13px;\r\n    margin-bottom: 14px;\r\n}\r\n.section-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.problems-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.problem-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 26px 22px;\r\n    text-align: center;\r\n    border: 1.5px solid rgba(244,118,33,0.08);\r\n    transition: all 0.25s;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n.problem-card:hover {\r\n    border-color: var(--orange-primary);\r\n    transform: translateY(-4px);\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.problem-icon {\r\n    width: 56px; height: 56px;\r\n    background: var(--orange-pale);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    margin: 0 auto 16px;\r\n}\r\n\r\n.problem-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    line-height: 1.25;\r\n}\r\n\r\n\/* ============ HOW IT WORKS ============ *\/\r\n.how {\r\n    padding: 72px 24px;\r\n    background: var(--white);\r\n}\r\n.how-inner { max-width: 1000px; margin: 0 auto; }\r\n\r\n.how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    margin-top: 48px;\r\n}\r\n.how-step { text-align: center; position: relative; }\r\n.how-step-num {\r\n    width: 64px; height: 64px;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 8px 20px rgba(244,118,33,0.3);\r\n}\r\n.how-step-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--ink);\r\n}\r\n.how-step-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    max-width: 240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ WHY CHOOSE \/ REASSURANCE ============ *\/\r\n.why {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--orange-pale) 0%, var(--cream) 100%);\r\n}\r\n.why-inner {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.why-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.why-icon {\r\n    width: 48px; height: 48px;\r\n    background: var(--orange-primary);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n.why-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.why-card-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* ============ PRICING REASSURANCE ============ *\/\r\n.pricing {\r\n    padding: 56px 24px;\r\n    background: var(--ink);\r\n    text-align: center;\r\n}\r\n.pricing-inner { max-width: 600px; margin: 0 auto; }\r\n.pricing-eyebrow {\r\n    color: var(--orange-light);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n.pricing-amount {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 64px;\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n}\r\n.pricing-amount .from { font-size: 22px; vertical-align: super; color: var(--orange-light); }\r\n.pricing-desc {\r\n    color: rgba(255,255,255,0.75);\r\n    font-size: 16px;\r\n    margin-bottom: 28px;\r\n}\r\n.pricing-desc strong { color: white; }\r\n\r\n\/* ============ HOURS ============ *\/\r\n.hours {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.hours-inner {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.hours-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 15px;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.hours-day { font-weight: 600; color: var(--ink); }\r\n.hours-time { color: var(--ink-soft); }\r\n.hours-row.closed .hours-time { color: var(--ink-light); }\r\n\r\n\/* ============ FAQ ============ *\/\r\n.faq { padding: 72px 24px; background: var(--white); }\r\n.faq-inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 40px; }\r\n.faq-item { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 22px 0; }\r\n.faq-q {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    list-style: none;\r\n}\r\n.faq-q::-webkit-details-marker { display: none; }\r\n.faq-q::after {\r\n    content: '+';\r\n    font-size: 26px;\r\n    color: var(--orange-primary);\r\n    font-weight: 300;\r\n    transition: transform 0.3s;\r\n}\r\ndetails[open] .faq-q::after { transform: rotate(45deg); }\r\n.faq-a {\r\n    color: var(--ink-soft);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    padding-top: 14px;\r\n}\r\n\r\n\/* ============ FINAL CTA ============ *\/\r\n.final {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--emergency-red) 0%, #b91e2e 100%);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.final::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);\r\n    border-radius: 50%;\r\n}\r\n.final-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\r\n.final h2 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1.12;\r\n    margin-bottom: 14px;\r\n}\r\n.final p { color: rgba(255,255,255,0.92); font-size: 18px; margin-bottom: 28px; }\r\n.btn-white-call {\r\n    background: white;\r\n    color: var(--emergency-red);\r\n    padding: 20px 40px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n}\r\n.btn-white-call:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.28); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n\/* .footer {\r\n    background: var(--ink);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n.footer-logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin-bottom: 14px;\r\n}\r\n.footer-logo span { color: var(--orange-primary); }\r\n.footer a { color: var(--orange-light); text-decoration: none; } *\/\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 920px) {\r\n    .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .problems-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .how-steps { grid-template-columns: 1fr; gap: 32px; }\r\n    .why-inner { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: clamp(34px, 8vw, 48px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .emergency-bar { display: block; }\r\n    body { padding-bottom: 64px; }\r\n    .nav-call span.full { display: none; }\r\n    .hero { padding: 32px 20px 40px; }\r\n    .hero-cta-group { flex-direction: column; }\r\n    .btn-call, .btn-form { width: 100%; justify-content: center; }\r\n    .problems-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .trust-strip-inner { gap: 18px; }\r\n    .trust-strip-item { font-size: 13px; }\r\n    .hero-form-card { padding: 24px; }\r\n    .hours-inner { padding: 28px 22px; }\r\n    .pricing-amount { font-size: 52px; }\r\n}\r\n<\/style>\r\n<body>\r\n\r\n\r\n<!-- NAV -->\r\n<!-- <nav class=\"nav\">\r\n    <div class=\"nav-inner\">\r\n        <div class=\"logo\">iCare<span>Dental<\/span><\/div>\r\n        <a href=\"tel:02039833828\" class=\"nav-call\">\r\n            \ud83d\udcde <span class=\"full\">020 3983 3828<\/span><span style=\"display:none;\" class=\"short\">Call<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/nav> -->\r\n\r\n<!-- HERO -->\r\n<!-- <section class=\"hero\">\r\n    <div class=\"hero-inner\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">\r\n                <span class=\"pulse\"><\/span>\r\n                Same-Day Emergency Appointments\r\n            <\/div>\r\n            <h1>In Dental Pain?<br><em>We Can See You Today.<\/em><\/h1>\r\n            <p class=\"hero-subtitle\">\r\n                Toothache, broken tooth, abscess or lost crown? Our emergency dentist in central Croydon offers fast, same-day relief. Don't suffer \u2014 call now or request a callback.\r\n            <\/p>\r\n            <div class=\"hero-cta-group\">\r\n                <a href=\"tel:02039833828\" class=\"btn-call\">\r\n                    <span class=\"phone-icon\">\ud83d\udcde<\/span>\r\n                    <span>Call Now\r\n                        <small>020 3983 3828 \u2014 fastest way to be seen<\/small>\r\n                    <\/span>\r\n                <\/a>\r\n                <a href=\"#book\" class=\"btn-form\">Request Callback \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"hero-reassurance\">\r\n                \u26a1 <span>We aim to call you back within <strong>1 hour<\/strong> during opening hours<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FORM CARD -->\r\n        <!-- <div class=\"hero-form-card\" id=\"book\">\r\n            <div class=\"form-card-header\">\r\n                <div class=\"form-card-title\">Request an Emergency Callback<\/div>\r\n                <div class=\"form-card-sub\">We'll call you back <strong>within 1 hour<\/strong> (during opening hours) to confirm your same-day slot.<\/div>\r\n            <\/div>\r\n            <form id=\"emergencyForm\" onsubmit=\"handleSubmit(event)\">\r\n                <div class=\"field\">\r\n                    <label>Your Name <span class=\"req\">*<\/span><\/label>\r\n                    <input type=\"text\" name=\"name\" required placeholder=\"e.g. John Smith\">\r\n                <\/div>\r\n                <div class=\"field\">\r\n                    <label>Phone Number <span class=\"req\">*<\/span><\/label>\r\n                    <input type=\"tel\" name=\"phone\" required placeholder=\"e.g. 07XXX XXXXXX\">\r\n                <\/div>\r\n                <div class=\"field\">\r\n                    <label>What's Wrong? <span class=\"req\">*<\/span><\/label>\r\n                    <select name=\"problem\" required>\r\n                        <option value=\"\">Select your emergency<\/option>\r\n                        <option>Severe Toothache \/ Tooth Pain<\/option>\r\n                        <option>Broken or Chipped Tooth<\/option>\r\n                        <option>Lost Filling or Crown<\/option>\r\n                        <option>Dental Abscess or Infection<\/option>\r\n                        <option>Knocked-Out Tooth<\/option>\r\n                        <option>Swelling \/ Bleeding Gums<\/option>\r\n                        <option>Other Dental Emergency<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"form-submit\">Request My Callback \u2192<\/button>\r\n            <\/form>\r\n            <div class=\"form-or\">or call us directly<\/div>\r\n            <a href=\"tel:02039833828\" class=\"form-call-link\">\ud83d\udcde 020 3983 3828<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section> -->\r\n\r\n<!-- TRUST STRIP -->\r\n<section class=\"trust-strip\">\r\n    <div class=\"trust-strip-inner\">\r\n        <div class=\"trust-strip-item\"><a href=\"#book-appointment\" style=\"color: inherit; text-decoration: none;\"><span class=\"ico\">\u2713<\/span> Same-Day Slots<\/a><\/div>\r\n        <div class=\"trust-strip-item\"><a href=\"https:\/\/www.cqc.org.uk\/location\/1-26935827288\/registration-info\" style=\"color: inherit; text-decoration: none;\" target=\"_blank\" rel=\"noopener\"><span class=\"ico\">\u2713<\/span> CQC Registered<\/a><\/div>\r\n        <div class=\"trust-strip-item\"><a href=\"#book-appointment\" style=\"color: inherit; text-decoration: none;\"><span class=\"ico\">\u2713<\/span> GDC Dentists<\/a><\/div>\r\n        <div class=\"trust-strip-item\"><a href=\"https:\/\/www.google.com\/maps\/place\/iCare+Dental+-+Croydon\/@51.3788231,-0.1043532,518m\/data=!3m1!1e3!4m22!1m15!4m14!1m6!1m2!1s0x4876073a1ff50811:0x7212d1ccf9699646!2siCare+Dental+-+Croydon,+Unit+F1,+Pinnacle+Tower,+12+Saffron+Central+Sq,+Croydon+CR0+2GE,+United+Kingdom!2m2!1d-0.0994823!2d51.3788199!1m6!1m2!1s0x4876073a1ff50811:0x7212d1ccf9699646!2siCare+Dental+-+Croydon,+Unit+F1,+Pinnacle+Tower,+12+Saffron+Central+Sq,+Croydon+CR0+2GE,+United+Kingdom!2m2!1d-0.0994823!2d51.3788199!3m5!1s0x4876073a1ff50811:0x7212d1ccf9699646!8m2!3d51.3788199!4d-0.0994823!16s%2Fg%2F11z2gyj9_c?entry=ttu&amp;g_ep=EgoyMDI2MDgxNy4wIKXMDSoASAFQAw%3D%3D\" style=\"color: inherit; text-decoration: none;\" target=\"_blank\" rel=\"noopener\"><span class=\"ico\">\u2713<\/span> Central Croydon CR0 2GE<\/a><\/div>\r\n        <div class=\"trust-strip-item\"><a href=\"https:\/\/icaredental.co.uk\/croydon\/prices\/\" style=\"color: inherit; text-decoration: none;\"><span class=\"ico\">\u2713<\/span> Fixed, Fair Pricing<\/a><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- PROBLEMS WE TREAT -->\r\n<section class=\"problems\">\r\n    <div class=\"problems-inner\">\r\n        <div class=\"section-head\">\r\n            <div class=\"section-eyebrow\">Emergencies We Treat<\/div>\r\n            <h2 class=\"section-title\">Same-Day Relief for <em>Any Dental Emergency<\/em><\/h2>\r\n        <\/div>\r\n        <div class=\"problems-grid\">\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83d\ude23<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Severe Toothache<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83e\uddb7<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Broken or Chipped Tooth<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83d\udd27<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Lost Filling or Crown<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83d\udd34<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Dental Abscess<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83e\uddb7<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Knocked-Out Tooth<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83d\udca2<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Severe Toothache<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83e\ude79<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Bleeding \/ Injury<\/h3>\r\n            <\/a>\r\n            <a href=\"#gotoform\" class=\"problem-card\">\r\n                <div class=\"problem-icon\">\ud83d\ude37<\/div>\r\n                <h3 class=\"problem-title\" style=\"color: initial;\">Facial Swelling<\/h3>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\nfunction handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = Object.fromEntries(new FormData(event.target));\r\n    alert('\u2713 Thank you ' + data.name + '! We\\'ll call you back within 1 hour on ' + data.phone + ' to confirm your same-day emergency appointment. If your emergency is urgent, please call us now on 020 3983 3828.');\r\n    \/\/ In production: send to CRM + fire Google Ads conversion\r\n    console.log('Emergency lead:', data);\r\n    event.target.reset();\r\n}\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const t = document.querySelector(this.getAttribute('href'));\r\n        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c7e57bf e-flex e-con-boxed e-con e-parent\" data-id=\"c7e57bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c90623 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7c90623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#book-appointment\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book My Emergency Appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4bcd5f1 e-con-full e-flex e-con e-parent\" data-id=\"4bcd5f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86a7cfb elementor-widget elementor-widget-html\" data-id=\"86a7cfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --orange-primary: #F47621;\r\n    --orange-deep: #E55A0F;\r\n    --orange-light: #FFB380;\r\n    --orange-pale: #FFF4ED;\r\n    --cream: #FFF9F4;\r\n    --ink: #1A1410;\r\n    --ink-soft: #4A3F38;\r\n    --ink-light: #8B7E73;\r\n    --white: #FFFFFF;\r\n    --emergency-red: #D72638;\r\n    --success: #10B981;\r\n    --shadow-warm: 0 20px 60px -10px rgba(244, 118, 33, 0.25);\r\n    --shadow-soft: 0 8px 32px -4px rgba(26, 20, 16, 0.08);\r\n}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n    font-family: 'DM Sans', -apple-system, sans-serif;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============ STICKY EMERGENCY CALL BAR (MOBILE) ============ *\/\r\n.emergency-bar {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: var(--emergency-red);\r\n    z-index: 200;\r\n    padding: 12px 16px;\r\n    display: none;\r\n    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.emergency-bar a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n}\r\n\r\n.emergency-bar .pulse {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n\/* .nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: rgba(255, 249, 244, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    z-index: 100;\r\n    border-bottom: 1px solid rgba(244, 118, 33, 0.12);\r\n    padding: 14px 0;\r\n}\r\n\r\n.nav-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    letter-spacing: -0.02em;\r\n}\r\n.logo span { color: var(--orange-primary); }\r\n\r\n.nav-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.35);\r\n}\r\n.nav-call:hover { background: #b91e2e; transform: translateY(-1px); } *\/\r\n\r\n\/* ============ HERO ============ *\/\r\n.hero {\r\n    padding: 48px 24px 56px;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--orange-pale) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(244, 118, 33, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.3);\r\n}\r\n\r\n.hero-badge .pulse {\r\n    width: 8px; height: 8px; background: white; border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n.hero h1 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(38px, 5.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    color: var(--ink);\r\n}\r\n.hero h1 em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.hero-subtitle {\r\n    font-size: 19px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.btn-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 8px 24px rgba(215, 38, 56, 0.4);\r\n}\r\n.btn-call:hover { background: #b91e2e; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(215, 38, 56, 0.5); }\r\n\r\n.btn-call .phone-icon { font-size: 22px; }\r\n.btn-call small { display: block; font-size: 11px; font-weight: 500; opacity: 0.9; margin-top: -2px; }\r\n\r\n.btn-form {\r\n    background: var(--white);\r\n    color: var(--ink);\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.2s;\r\n    border: 2px solid var(--ink);\r\n}\r\n.btn-form:hover { background: var(--ink); color: white; }\r\n\r\n.hero-reassurance {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n}\r\n.hero-reassurance strong { color: var(--orange-deep); }\r\n\r\n\/* HERO FORM CARD *\/\r\n.hero-form-card {\r\n    background: var(--white);\r\n    border-radius: 28px;\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-warm);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(244,118,33,0.1) 0%, transparent 65%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.form-card-header {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.form-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.form-card-sub {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n}\r\n.form-card-sub strong { color: var(--orange-deep); }\r\n\r\n.field { margin-bottom: 14px; position: relative; }\r\n\r\n.field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.field label .req { color: var(--emergency-red); }\r\n\r\n.field input,\r\n.field select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1.5px solid #E5DFD8;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n    background: var(--white);\r\n    transition: all 0.2s;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus {\r\n    outline: none;\r\n    border-color: var(--orange-primary);\r\n    box-shadow: 0 0 0 4px rgba(244, 118, 33, 0.1);\r\n}\r\n\r\n.field input::placeholder { color: #B8AEA1; }\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    padding: 17px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 4px;\r\n    box-shadow: 0 8px 24px rgba(244, 118, 33, 0.3);\r\n}\r\n.form-submit:hover { background: var(--orange-deep); transform: translateY(-1px); }\r\n\r\n.form-or {\r\n    text-align: center;\r\n    margin: 16px 0;\r\n    position: relative;\r\n    color: var(--ink-light);\r\n    font-size: 13px;\r\n}\r\n.form-or::before, .form-or::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 38%;\r\n    height: 1px;\r\n    background: #E5DFD8;\r\n}\r\n.form-or::before { left: 0; }\r\n.form-or::after { right: 0; }\r\n\r\n.form-call-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--orange-pale);\r\n    border: 1.5px solid var(--orange-light);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n    text-decoration: none;\r\n    color: var(--orange-deep);\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    transition: all 0.2s;\r\n}\r\n.form-call-link:hover { background: var(--orange-light); color: var(--ink); }\r\n\r\n\/* ============ TRUST STRIP ============ *\/\r\n.trust-strip {\r\n    background: var(--ink);\r\n    padding: 20px 24px;\r\n}\r\n.trust-strip-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n.trust-strip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n.trust-strip-item .ico {\r\n    color: var(--orange-light);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* ============ PROBLEMS WE TREAT ============ *\/\r\n.problems {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.problems-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n.section-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n.section-eyebrow {\r\n    color: var(--orange-primary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 13px;\r\n    margin-bottom: 14px;\r\n}\r\n.section-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.problems-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.problem-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 26px 22px;\r\n    text-align: center;\r\n    border: 1.5px solid rgba(244,118,33,0.08);\r\n    transition: all 0.25s;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n.problem-card:hover {\r\n    border-color: var(--orange-primary);\r\n    transform: translateY(-4px);\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.problem-icon {\r\n    width: 56px; height: 56px;\r\n    background: var(--orange-pale);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    margin: 0 auto 16px;\r\n}\r\n\r\n.problem-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    line-height: 1.25;\r\n}\r\n\r\n\/* ============ HOW IT WORKS ============ *\/\r\n.how {\r\n    padding: 72px 24px;\r\n    background: var(--white);\r\n}\r\n.how-inner { max-width: 1000px; margin: 0 auto; }\r\n\r\n.how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    margin-top: 48px;\r\n}\r\n.how-step { text-align: center; position: relative; }\r\n.how-step-num {\r\n    width: 64px; height: 64px;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 8px 20px rgba(244,118,33,0.3);\r\n}\r\n.how-step-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--ink);\r\n}\r\n.how-step-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    max-width: 240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ WHY CHOOSE \/ REASSURANCE ============ *\/\r\n.why {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--orange-pale) 0%, var(--cream) 100%);\r\n}\r\n.why-inner {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.why-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.why-icon {\r\n    width: 48px; height: 48px;\r\n    background: var(--orange-primary);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n.why-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.why-card-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* ============ PRICING REASSURANCE ============ *\/\r\n.pricing {\r\n    padding: 56px 24px;\r\n    background: var(--ink);\r\n    text-align: center;\r\n}\r\n.pricing-inner { max-width: 600px; margin: 0 auto; }\r\n.pricing-eyebrow {\r\n    color: var(--orange-light);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n.pricing-amount {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 64px;\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n}\r\n.pricing-amount .from { font-size: 22px; vertical-align: super; color: var(--orange-light); }\r\n.pricing-desc {\r\n    color: rgba(255,255,255,0.75);\r\n    font-size: 16px;\r\n    margin-bottom: 28px;\r\n}\r\n.pricing-desc strong { color: white; }\r\n\r\n\/* ============ HOURS ============ *\/\r\n.hours {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.hours-inner {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.hours-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 15px;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.hours-day { font-weight: 600; color: var(--ink); }\r\n.hours-time { color: var(--ink-soft); }\r\n.hours-row.closed .hours-time { color: var(--ink-light); }\r\n\r\n\/* ============ FAQ ============ *\/\r\n.faq { padding: 72px 24px; background: var(--white); }\r\n.faq-inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 40px; }\r\n.faq-item { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 22px 0; }\r\n.faq-q {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    list-style: none;\r\n}\r\n.faq-q::-webkit-details-marker { display: none; }\r\n.faq-q::after {\r\n    content: '+';\r\n    font-size: 26px;\r\n    color: var(--orange-primary);\r\n    font-weight: 300;\r\n    transition: transform 0.3s;\r\n}\r\ndetails[open] .faq-q::after { transform: rotate(45deg); }\r\n.faq-a {\r\n    color: var(--ink-soft);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    padding-top: 14px;\r\n}\r\n\r\n\/* ============ FINAL CTA ============ *\/\r\n.final {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--emergency-red) 0%, #b91e2e 100%);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.final::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);\r\n    border-radius: 50%;\r\n}\r\n.final-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\r\n.final h2 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1.12;\r\n    margin-bottom: 14px;\r\n}\r\n.final p { color: rgba(255,255,255,0.92); font-size: 18px; margin-bottom: 28px; }\r\n.btn-white-call {\r\n    background: white;\r\n    color: var(--emergency-red);\r\n    padding: 20px 40px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n}\r\n.btn-white-call:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.28); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n\/* .footer {\r\n    background: var(--ink);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n.footer-logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin-bottom: 14px;\r\n}\r\n.footer-logo span { color: var(--orange-primary); }\r\n.footer a { color: var(--orange-light); text-decoration: none; } *\/\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 920px) {\r\n    .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .problems-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .how-steps { grid-template-columns: 1fr; gap: 32px; }\r\n    .why-inner { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: clamp(34px, 8vw, 48px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .emergency-bar { display: block; }\r\n    body { padding-bottom: 64px; }\r\n    .nav-call span.full { display: none; }\r\n    .hero { padding: 32px 20px 40px; }\r\n    .hero-cta-group { flex-direction: column; }\r\n    .btn-call, .btn-form { width: 100%; justify-content: center; }\r\n    .problems-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .trust-strip-inner { gap: 18px; }\r\n    .trust-strip-item { font-size: 13px; }\r\n    .hero-form-card { padding: 24px; }\r\n    .hours-inner { padding: 28px 22px; }\r\n    .pricing-amount { font-size: 52px; }\r\n}\r\n<\/style>\r\n<body>\r\n\r\n\r\n\r\n<!-- HOW IT WORKS -->\r\n<section class=\"how\">\r\n    <div class=\"how-inner\">\r\n        <div class=\"section-head\">\r\n            <div class=\"section-eyebrow\">Simple & Fast<\/div>\r\n            <h2 class=\"section-title\">Relief in <em>3 Easy Steps<\/em><\/h2>\r\n        <\/div>\r\n        <div class=\"how-steps\">\r\n            <div class=\"how-step\">\r\n                <div class=\"how-step-num\">1<\/div>\r\n                <div class=\"how-step-title\">Call or Request Callback<\/div>\r\n                <div class=\"how-step-text\">Phone us directly or fill the quick form. We respond within 1 hour during opening hours.<\/div>\r\n            <\/div>\r\n            <div class=\"how-step\">\r\n                <div class=\"how-step-num\">2<\/div>\r\n                <div class=\"how-step-title\">Get a Same-Day Slot<\/div>\r\n                <div class=\"how-step-text\">We'll find you the earliest available emergency appointment \u2014 often the same day.<\/div>\r\n            <\/div>\r\n            <div class=\"how-step\">\r\n                <div class=\"how-step-num\">3<\/div>\r\n                <div class=\"how-step-title\">Fast Pain Relief<\/div>\r\n                <div class=\"how-step-text\">Our dentist diagnoses and treats your emergency to get you out of pain quickly.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\nfunction handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = Object.fromEntries(new FormData(event.target));\r\n    alert('\u2713 Thank you ' + data.name + '! We\\'ll call you back within 1 hour on ' + data.phone + ' to confirm your same-day emergency appointment. If your emergency is urgent, please call us now on 020 3983 3828.');\r\n    \/\/ In production: send to CRM + fire Google Ads conversion\r\n    console.log('Emergency lead:', data);\r\n    event.target.reset();\r\n}\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const t = document.querySelector(this.getAttribute('href'));\r\n        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-199e21a e-flex e-con-boxed e-con e-parent\" data-id=\"199e21a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88134d2 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"88134d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#book-appointment\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book My Emergency Appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-652a53d e-con-full e-flex e-con e-parent\" data-id=\"652a53d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b8fac8 elementor-widget elementor-widget-html\" data-id=\"4b8fac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --orange-primary: #F47621;\r\n    --orange-deep: #E55A0F;\r\n    --orange-light: #FFB380;\r\n    --orange-pale: #FFF4ED;\r\n    --cream: #FFF9F4;\r\n    --ink: #1A1410;\r\n    --ink-soft: #4A3F38;\r\n    --ink-light: #8B7E73;\r\n    --white: #FFFFFF;\r\n    --emergency-red: #D72638;\r\n    --success: #10B981;\r\n    --shadow-warm: 0 20px 60px -10px rgba(244, 118, 33, 0.25);\r\n    --shadow-soft: 0 8px 32px -4px rgba(26, 20, 16, 0.08);\r\n}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n    font-family: 'DM Sans', -apple-system, sans-serif;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============ STICKY EMERGENCY CALL BAR (MOBILE) ============ *\/\r\n.emergency-bar {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: var(--emergency-red);\r\n    z-index: 200;\r\n    padding: 12px 16px;\r\n    display: none;\r\n    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.emergency-bar a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n}\r\n\r\n.emergency-bar .pulse {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n\/* .nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: rgba(255, 249, 244, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    z-index: 100;\r\n    border-bottom: 1px solid rgba(244, 118, 33, 0.12);\r\n    padding: 14px 0;\r\n}\r\n\r\n.nav-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    letter-spacing: -0.02em;\r\n}\r\n.logo span { color: var(--orange-primary); }\r\n\r\n.nav-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.35);\r\n}\r\n.nav-call:hover { background: #b91e2e; transform: translateY(-1px); } *\/\r\n\r\n\/* ============ HERO ============ *\/\r\n.hero {\r\n    padding: 48px 24px 56px;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--orange-pale) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(244, 118, 33, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.3);\r\n}\r\n\r\n.hero-badge .pulse {\r\n    width: 8px; height: 8px; background: white; border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n.hero h1 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(38px, 5.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    color: var(--ink);\r\n}\r\n.hero h1 em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.hero-subtitle {\r\n    font-size: 19px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.btn-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 8px 24px rgba(215, 38, 56, 0.4);\r\n}\r\n.btn-call:hover { background: #b91e2e; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(215, 38, 56, 0.5); }\r\n\r\n.btn-call .phone-icon { font-size: 22px; }\r\n.btn-call small { display: block; font-size: 11px; font-weight: 500; opacity: 0.9; margin-top: -2px; }\r\n\r\n.btn-form {\r\n    background: var(--white);\r\n    color: var(--ink);\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.2s;\r\n    border: 2px solid var(--ink);\r\n}\r\n.btn-form:hover { background: var(--ink); color: white; }\r\n\r\n.hero-reassurance {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n}\r\n.hero-reassurance strong { color: var(--orange-deep); }\r\n\r\n\/* HERO FORM CARD *\/\r\n.hero-form-card {\r\n    background: var(--white);\r\n    border-radius: 28px;\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-warm);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(244,118,33,0.1) 0%, transparent 65%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.form-card-header {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.form-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.form-card-sub {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n}\r\n.form-card-sub strong { color: var(--orange-deep); }\r\n\r\n.field { margin-bottom: 14px; position: relative; }\r\n\r\n.field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.field label .req { color: var(--emergency-red); }\r\n\r\n.field input,\r\n.field select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1.5px solid #E5DFD8;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n    background: var(--white);\r\n    transition: all 0.2s;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus {\r\n    outline: none;\r\n    border-color: var(--orange-primary);\r\n    box-shadow: 0 0 0 4px rgba(244, 118, 33, 0.1);\r\n}\r\n\r\n.field input::placeholder { color: #B8AEA1; }\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    padding: 17px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 4px;\r\n    box-shadow: 0 8px 24px rgba(244, 118, 33, 0.3);\r\n}\r\n.form-submit:hover { background: var(--orange-deep); transform: translateY(-1px); }\r\n\r\n.form-or {\r\n    text-align: center;\r\n    margin: 16px 0;\r\n    position: relative;\r\n    color: var(--ink-light);\r\n    font-size: 13px;\r\n}\r\n.form-or::before, .form-or::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 38%;\r\n    height: 1px;\r\n    background: #E5DFD8;\r\n}\r\n.form-or::before { left: 0; }\r\n.form-or::after { right: 0; }\r\n\r\n.form-call-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--orange-pale);\r\n    border: 1.5px solid var(--orange-light);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n    text-decoration: none;\r\n    color: var(--orange-deep);\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    transition: all 0.2s;\r\n}\r\n.form-call-link:hover { background: var(--orange-light); color: var(--ink); }\r\n\r\n\/* ============ TRUST STRIP ============ *\/\r\n.trust-strip {\r\n    background: var(--ink);\r\n    padding: 20px 24px;\r\n}\r\n.trust-strip-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n.trust-strip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n.trust-strip-item .ico {\r\n    color: var(--orange-light);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* ============ PROBLEMS WE TREAT ============ *\/\r\n.problems {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.problems-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n.section-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n.section-eyebrow {\r\n    color: var(--orange-primary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 13px;\r\n    margin-bottom: 14px;\r\n}\r\n.section-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.problems-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.problem-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 26px 22px;\r\n    text-align: center;\r\n    border: 1.5px solid rgba(244,118,33,0.08);\r\n    transition: all 0.25s;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n.problem-card:hover {\r\n    border-color: var(--orange-primary);\r\n    transform: translateY(-4px);\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.problem-icon {\r\n    width: 56px; height: 56px;\r\n    background: var(--orange-pale);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    margin: 0 auto 16px;\r\n}\r\n\r\n.problem-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    line-height: 1.25;\r\n}\r\n\r\n\/* ============ HOW IT WORKS ============ *\/\r\n.how {\r\n    padding: 72px 24px;\r\n    background: var(--white);\r\n}\r\n.how-inner { max-width: 1000px; margin: 0 auto; }\r\n\r\n.how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    margin-top: 48px;\r\n}\r\n.how-step { text-align: center; position: relative; }\r\n.how-step-num {\r\n    width: 64px; height: 64px;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 8px 20px rgba(244,118,33,0.3);\r\n}\r\n.how-step-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--ink);\r\n}\r\n.how-step-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    max-width: 240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ WHY CHOOSE \/ REASSURANCE ============ *\/\r\n.why {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--orange-pale) 0%, var(--cream) 100%);\r\n}\r\n.why-inner {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.why-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.why-icon {\r\n    width: 48px; height: 48px;\r\n    background: var(--orange-primary);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n.why-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.why-card-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* ============ PRICING REASSURANCE ============ *\/\r\n.pricing {\r\n    padding: 56px 24px;\r\n    background: var(--ink);\r\n    text-align: center;\r\n}\r\n.pricing-inner { max-width: 600px; margin: 0 auto; }\r\n.pricing-eyebrow {\r\n    color: var(--orange-light);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n.pricing-amount {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 64px;\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n}\r\n.pricing-amount .from { font-size: 22px; vertical-align: super; color: var(--orange-light); }\r\n.pricing-desc {\r\n    color: rgba(255,255,255,0.75);\r\n    font-size: 16px;\r\n    margin-bottom: 28px;\r\n}\r\n.pricing-desc strong { color: white; }\r\n\r\n\/* ============ HOURS ============ *\/\r\n.hours {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.hours-inner {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.hours-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 15px;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.hours-day { font-weight: 600; color: var(--ink); }\r\n.hours-time { color: var(--ink-soft); }\r\n.hours-row.closed .hours-time { color: var(--ink-light); }\r\n\r\n\/* ============ FAQ ============ *\/\r\n.faq { padding: 72px 24px; background: var(--white); }\r\n.faq-inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 40px; }\r\n.faq-item { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 22px 0; }\r\n.faq-q {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    list-style: none;\r\n}\r\n.faq-q::-webkit-details-marker { display: none; }\r\n.faq-q::after {\r\n    content: '+';\r\n    font-size: 26px;\r\n    color: var(--orange-primary);\r\n    font-weight: 300;\r\n    transition: transform 0.3s;\r\n}\r\ndetails[open] .faq-q::after { transform: rotate(45deg); }\r\n.faq-a {\r\n    color: var(--ink-soft);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    padding-top: 14px;\r\n}\r\n\r\n\/* ============ FINAL CTA ============ *\/\r\n.final {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--emergency-red) 0%, #b91e2e 100%);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.final::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);\r\n    border-radius: 50%;\r\n}\r\n.final-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\r\n.final h2 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1.12;\r\n    margin-bottom: 14px;\r\n}\r\n.final p { color: rgba(255,255,255,0.92); font-size: 18px; margin-bottom: 28px; }\r\n.btn-white-call {\r\n    background: white;\r\n    color: var(--emergency-red);\r\n    padding: 20px 40px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n}\r\n.btn-white-call:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.28); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n\/* .footer {\r\n    background: var(--ink);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n.footer-logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin-bottom: 14px;\r\n}\r\n.footer-logo span { color: var(--orange-primary); }\r\n.footer a { color: var(--orange-light); text-decoration: none; } *\/\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 920px) {\r\n    .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .problems-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .how-steps { grid-template-columns: 1fr; gap: 32px; }\r\n    .why-inner { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: clamp(34px, 8vw, 48px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .emergency-bar { display: block; }\r\n    body { padding-bottom: 64px; }\r\n    .nav-call span.full { display: none; }\r\n    .hero { padding: 32px 20px 40px; }\r\n    .hero-cta-group { flex-direction: column; }\r\n    .btn-call, .btn-form { width: 100%; justify-content: center; }\r\n    .problems-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .trust-strip-inner { gap: 18px; }\r\n    .trust-strip-item { font-size: 13px; }\r\n    .hero-form-card { padding: 24px; }\r\n    .hours-inner { padding: 28px 22px; }\r\n    .pricing-amount { font-size: 52px; }\r\n}\r\n<\/style>\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n<!-- WHY CHOOSE -->\r\n<section class=\"why\">\r\n    <div class=\"section-head\">\r\n            <h2 class=\"section-title\">Why Choose iCare Dental for <em>Emergency Care?<\/em><\/h2>\r\n        <\/div>\r\n    <div class=\"why-inner\">\r\n        \r\n        <div class=\"why-card\">\r\n            <div class=\"why-icon\">\u26a1<\/div>\r\n            <div>\r\n                <div class=\"why-card-title\">Seen Quickly<\/div>\r\n                <div class=\"why-card-text\">We reserve emergency slots daily so you don't wait days in pain. Same-day appointments available.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"why-card\">\r\n            <div class=\"why-icon\">\ud83d\udccd<\/div>\r\n            <div>\r\n                <div class=\"why-card-title\">Central Location<\/div>\r\n                <div class=\"why-card-text\">Right in central Croydon at Saffron Square, CR0 2GE \u2014 easy to reach from East Croydon station.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"why-card\">\r\n            <div class=\"why-icon\">\ud83d\udcb7<\/div>\r\n            <div>\r\n                <div class=\"why-card-title\">Clear, Fair Pricing<\/div>\r\n                <div class=\"why-card-text\">Emergency assessment from \u00a360 including exam and diagnosis. No hidden costs, no surprises.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"why-card\">\r\n            <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\r\n            <div>\r\n                <div class=\"why-card-title\">Safe & Registered<\/div>\r\n                <div class=\"why-card-text\">CQC registered clinic with fully GDC registered dentists. You're in expert, caring hands.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = Object.fromEntries(new FormData(event.target));\r\n    alert('\u2713 Thank you ' + data.name + '! We\\'ll call you back within 1 hour on ' + data.phone + ' to confirm your same-day emergency appointment. If your emergency is urgent, please call us now on 020 3983 3828.');\r\n    \/\/ In production: send to CRM + fire Google Ads conversion\r\n    console.log('Emergency lead:', data);\r\n    event.target.reset();\r\n}\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const t = document.querySelector(this.getAttribute('href'));\r\n        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9bb80b5 e-flex e-con-boxed e-con e-parent\" data-id=\"9bb80b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8da2fe8 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"8da2fe8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#book-appointment\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book My Emergency Appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b53812f e-con-full e-flex e-con e-parent\" data-id=\"b53812f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-846c19f elementor-widget elementor-widget-html\" data-id=\"846c19f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --orange-primary: #F47621;\r\n    --orange-deep: #E55A0F;\r\n    --orange-light: #FFB380;\r\n    --orange-pale: #FFF4ED;\r\n    --cream: #FFF9F4;\r\n    --ink: #1A1410;\r\n    --ink-soft: #4A3F38;\r\n    --ink-light: #8B7E73;\r\n    --white: #FFFFFF;\r\n    --emergency-red: #D72638;\r\n    --success: #10B981;\r\n    --shadow-warm: 0 20px 60px -10px rgba(244, 118, 33, 0.25);\r\n    --shadow-soft: 0 8px 32px -4px rgba(26, 20, 16, 0.08);\r\n}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n    font-family: 'DM Sans', -apple-system, sans-serif;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============ STICKY EMERGENCY CALL BAR (MOBILE) ============ *\/\r\n.emergency-bar {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: var(--emergency-red);\r\n    z-index: 200;\r\n    padding: 12px 16px;\r\n    display: none;\r\n    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.emergency-bar a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n}\r\n\r\n.emergency-bar .pulse {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n\/* .nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: rgba(255, 249, 244, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    z-index: 100;\r\n    border-bottom: 1px solid rgba(244, 118, 33, 0.12);\r\n    padding: 14px 0;\r\n}\r\n\r\n.nav-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    letter-spacing: -0.02em;\r\n}\r\n.logo span { color: var(--orange-primary); }\r\n\r\n.nav-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.35);\r\n}\r\n.nav-call:hover { background: #b91e2e; transform: translateY(-1px); } *\/\r\n\r\n\/* ============ HERO ============ *\/\r\n.hero {\r\n    padding: 48px 24px 56px;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--orange-pale) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(244, 118, 33, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.3);\r\n}\r\n\r\n.hero-badge .pulse {\r\n    width: 8px; height: 8px; background: white; border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n.hero h1 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(38px, 5.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    color: var(--ink);\r\n}\r\n.hero h1 em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.hero-subtitle {\r\n    font-size: 19px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.btn-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 8px 24px rgba(215, 38, 56, 0.4);\r\n}\r\n.btn-call:hover { background: #b91e2e; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(215, 38, 56, 0.5); }\r\n\r\n.btn-call .phone-icon { font-size: 22px; }\r\n.btn-call small { display: block; font-size: 11px; font-weight: 500; opacity: 0.9; margin-top: -2px; }\r\n\r\n.btn-form {\r\n    background: var(--white);\r\n    color: var(--ink);\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.2s;\r\n    border: 2px solid var(--ink);\r\n}\r\n.btn-form:hover { background: var(--ink); color: white; }\r\n\r\n.hero-reassurance {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n}\r\n.hero-reassurance strong { color: var(--orange-deep); }\r\n\r\n\/* HERO FORM CARD *\/\r\n.hero-form-card {\r\n    background: var(--white);\r\n    border-radius: 28px;\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-warm);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(244,118,33,0.1) 0%, transparent 65%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.form-card-header {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.form-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.form-card-sub {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n}\r\n.form-card-sub strong { color: var(--orange-deep); }\r\n\r\n.field { margin-bottom: 14px; position: relative; }\r\n\r\n.field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.field label .req { color: var(--emergency-red); }\r\n\r\n.field input,\r\n.field select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1.5px solid #E5DFD8;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n    background: var(--white);\r\n    transition: all 0.2s;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus {\r\n    outline: none;\r\n    border-color: var(--orange-primary);\r\n    box-shadow: 0 0 0 4px rgba(244, 118, 33, 0.1);\r\n}\r\n\r\n.field input::placeholder { color: #B8AEA1; }\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    padding: 17px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 4px;\r\n    box-shadow: 0 8px 24px rgba(244, 118, 33, 0.3);\r\n}\r\n.form-submit:hover { background: var(--orange-deep); transform: translateY(-1px); }\r\n\r\n.form-or {\r\n    text-align: center;\r\n    margin: 16px 0;\r\n    position: relative;\r\n    color: var(--ink-light);\r\n    font-size: 13px;\r\n}\r\n.form-or::before, .form-or::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 38%;\r\n    height: 1px;\r\n    background: #E5DFD8;\r\n}\r\n.form-or::before { left: 0; }\r\n.form-or::after { right: 0; }\r\n\r\n.form-call-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--orange-pale);\r\n    border: 1.5px solid var(--orange-light);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n    text-decoration: none;\r\n    color: var(--orange-deep);\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    transition: all 0.2s;\r\n}\r\n.form-call-link:hover { background: var(--orange-light); color: var(--ink); }\r\n\r\n\/* ============ TRUST STRIP ============ *\/\r\n.trust-strip {\r\n    background: var(--ink);\r\n    padding: 20px 24px;\r\n}\r\n.trust-strip-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n.trust-strip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n.trust-strip-item .ico {\r\n    color: var(--orange-light);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* ============ PROBLEMS WE TREAT ============ *\/\r\n.problems {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.problems-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n.section-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n.section-eyebrow {\r\n    color: var(--orange-primary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 13px;\r\n    margin-bottom: 14px;\r\n}\r\n.section-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.problems-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.problem-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 26px 22px;\r\n    text-align: center;\r\n    border: 1.5px solid rgba(244,118,33,0.08);\r\n    transition: all 0.25s;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n.problem-card:hover {\r\n    border-color: var(--orange-primary);\r\n    transform: translateY(-4px);\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.problem-icon {\r\n    width: 56px; height: 56px;\r\n    background: var(--orange-pale);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    margin: 0 auto 16px;\r\n}\r\n\r\n.problem-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    line-height: 1.25;\r\n}\r\n\r\n\/* ============ HOW IT WORKS ============ *\/\r\n.how {\r\n    padding: 72px 24px;\r\n    background: var(--white);\r\n}\r\n.how-inner { max-width: 1000px; margin: 0 auto; }\r\n\r\n.how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    margin-top: 48px;\r\n}\r\n.how-step { text-align: center; position: relative; }\r\n.how-step-num {\r\n    width: 64px; height: 64px;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 8px 20px rgba(244,118,33,0.3);\r\n}\r\n.how-step-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--ink);\r\n}\r\n.how-step-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    max-width: 240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ WHY CHOOSE \/ REASSURANCE ============ *\/\r\n.why {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--orange-pale) 0%, var(--cream) 100%);\r\n}\r\n.why-inner {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.why-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.why-icon {\r\n    width: 48px; height: 48px;\r\n    background: var(--orange-primary);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n.why-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.why-card-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* ============ PRICING REASSURANCE ============ *\/\r\n.pricing {\r\n    padding: 56px 24px;\r\n    background: var(--ink);\r\n    text-align: center;\r\n}\r\n.pricing-inner { max-width: 600px; margin: 0 auto; }\r\n.pricing-eyebrow {\r\n    color: var(--orange-light);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n.pricing-amount {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 64px;\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n}\r\n.pricing-amount .from { font-size: 22px; vertical-align: super; color: var(--orange-light); }\r\n.pricing-desc {\r\n    color: rgba(255,255,255,0.75);\r\n    font-size: 16px;\r\n    margin-bottom: 28px;\r\n}\r\n.pricing-desc strong { color: white; }\r\n\r\n\/* ============ HOURS ============ *\/\r\n.hours {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.hours-inner {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.hours-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 15px;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.hours-day { font-weight: 600; color: var(--ink); }\r\n.hours-time { color: var(--ink-soft); }\r\n.hours-row.closed .hours-time { color: var(--ink-light); }\r\n\r\n\/* ============ FAQ ============ *\/\r\n.faq { padding: 72px 24px; background: var(--white); }\r\n.faq-inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 40px; }\r\n.faq-item { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 22px 0; }\r\n.faq-q {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    list-style: none;\r\n}\r\n.faq-q::-webkit-details-marker { display: none; }\r\n.faq-q::after {\r\n    content: '+';\r\n    font-size: 26px;\r\n    color: var(--orange-primary);\r\n    font-weight: 300;\r\n    transition: transform 0.3s;\r\n}\r\ndetails[open] .faq-q::after { transform: rotate(45deg); }\r\n.faq-a {\r\n    color: var(--ink-soft);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    padding-top: 14px;\r\n}\r\n\r\n\/* ============ FINAL CTA ============ *\/\r\n.final {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--emergency-red) 0%, #b91e2e 100%);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.final::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);\r\n    border-radius: 50%;\r\n}\r\n.final-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\r\n.final h2 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1.12;\r\n    margin-bottom: 14px;\r\n}\r\n.final p { color: rgba(255,255,255,0.92); font-size: 18px; margin-bottom: 28px; }\r\n.btn-white-call {\r\n    background: white;\r\n    color: var(--emergency-red);\r\n    padding: 20px 40px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n}\r\n.btn-white-call:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.28); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n\/* .footer {\r\n    background: var(--ink);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n.footer-logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin-bottom: 14px;\r\n}\r\n.footer-logo span { color: var(--orange-primary); }\r\n.footer a { color: var(--orange-light); text-decoration: none; } *\/\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 920px) {\r\n    .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .problems-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .how-steps { grid-template-columns: 1fr; gap: 32px; }\r\n    .why-inner { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: clamp(34px, 8vw, 48px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .emergency-bar { display: block; }\r\n    body { padding-bottom: 64px; }\r\n    .nav-call span.full { display: none; }\r\n    .hero { padding: 32px 20px 40px; }\r\n    .hero-cta-group { flex-direction: column; }\r\n    .btn-call, .btn-form { width: 100%; justify-content: center; }\r\n    .problems-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .trust-strip-inner { gap: 18px; }\r\n    .trust-strip-item { font-size: 13px; }\r\n    .hero-form-card { padding: 24px; }\r\n    .hours-inner { padding: 28px 22px; }\r\n    .pricing-amount { font-size: 52px; }\r\n}\r\n<\/style>\r\n<body>\r\n\r\n<!-- PRICING -->\r\n<section class=\"pricing\">\r\n    <div class=\"pricing-inner\">\r\n        <div class=\"pricing-eyebrow\">Transparent Emergency Pricing<\/div>\r\n        <div class=\"pricing-amount\"><span class=\"from\">from<\/span> \u00a360<\/div>\r\n        <p class=\"pricing-desc\">\r\n            Your emergency assessment includes a full <strong>examination and diagnosis<\/strong>. We'll always explain any treatment cost clearly before we proceed \u2014 no hidden fees.\r\n        <\/p>\r\n        <a href=\"tel:02039833828\" class=\"btn-white-call\" style=\"background:white;color:var(--orange-deep);\">\ud83d\udcde Call to Book \u2014 020 3983 3828<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- HOURS -->\r\n<section class=\"hours\">\r\n    <div class=\"hours-inner\">\r\n        <div class=\"hours-title\">Emergency Opening Hours<\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Monday<\/span><span class=\"hours-time\">9:00 AM \u2013 4:00 PM<\/span><\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Tuesday<\/span><span class=\"hours-time\">9:00 AM \u2013 6:00 PM<\/span><\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Wednesday<\/span><span class=\"hours-time\">9:00 AM \u2013 4:00 PM<\/span><\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Thursday<\/span><span class=\"hours-time\">9:00 AM \u2013 6:00 PM<\/span><\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Friday<\/span><span class=\"hours-time\">9:00 AM \u2013 6:00 PM<\/span><\/div>\r\n        <div class=\"hours-row\"><span class=\"hours-day\">Saturday<\/span><span class=\"hours-time\">9:00 AM \u2013 5:00 PM<\/span><\/div>\r\n        <div class=\"hours-row closed\"><span class=\"hours-day\">Sunday<\/span><span class=\"hours-time\">Closed<\/span><\/div>\r\n        <p style=\"text-align:center; margin-top:20px; font-size:14px; color:var(--ink-soft);\">\r\n            Outside hours? <a href=\"#gotoform\" style=\"color:var(--orange-primary); font-weight:600;\">Request a callback<\/a> and we'll contact you first thing.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- FINAL CTA -->\r\n<!-- <section class=\"final\">\r\n    <div class=\"final-inner\">\r\n        <h2>Don't Wait in Pain<\/h2>\r\n        <p>Our emergency team is ready to help. Call now for the fastest same-day appointment in Croydon.<\/p>\r\n        <a href=\"tel:02039833828\" class=\"btn-white-call\">\ud83d\udcde Call Now \u2014 020 3983 3828<\/a>\r\n    <\/div>\r\n<\/section> -->\r\n\r\n\r\n\r\n<script>\r\nfunction handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = Object.fromEntries(new FormData(event.target));\r\n    alert('\u2713 Thank you ' + data.name + '! We\\'ll call you back within 1 hour on ' + data.phone + ' to confirm your same-day emergency appointment. If your emergency is urgent, please call us now on 020 3983 3828.');\r\n    \/\/ In production: send to CRM + fire Google Ads conversion\r\n    console.log('Emergency lead:', data);\r\n    event.target.reset();\r\n}\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const t = document.querySelector(this.getAttribute('href'));\r\n        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ad13d2f e-flex e-con-boxed e-con e-parent\" data-id=\"ad13d2f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bd02565 e-con-full e-flex e-con e-child\" data-id=\"bd02565\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:220,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8cb0270 e-con-full e-flex e-con e-child\" data-id=\"8cb0270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f85867 elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7f85867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a850e4 elementor-widget elementor-widget-heading\" data-id=\"6a850e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Common Questions<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa0ea78 elementor-widget elementor-widget-heading\" data-id=\"aa0ea78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ's About Emergency Dentist<span>  In Croydon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-671c57b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"671c57b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">&#8220;If something isn&#8217;t answered here, call us on <a href=\"tel:02039833828\">020 3983 3828<\/a> \u2014 we&#8217;re always happy to talk things through before you book.&#8221;<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-05f0466 e-con-full e-flex e-con e-child\" data-id=\"05f0466\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6bdcb7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b6bdcb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Ready to Book?<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e84943 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6e84943\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Same-day slots go quickly. Contact us as early in the day as possible and our team will do everything they can to fit you in today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-901ff4f elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"901ff4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/aeronaclinic.co.uk\/pp\/portal\/clinic\/NDM1\/login\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">book online<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9f760cf e-con-full e-flex e-con e-child\" data-id=\"9f760cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-931a986 elementor-widget elementor-widget-n-accordion\" data-id=\"931a986\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1540\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1540\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Can I really be seen the same day? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-1540\" class=\"elementor-element elementor-element-6d5d22b e-con-full e-flex e-con e-child\" data-id=\"6d5d22b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a199d0a elementor-widget elementor-widget-text-editor\" data-id=\"a199d0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes \u2014 we reserve emergency appointment slots every day specifically for urgent cases. The fastest way to secure a same-day slot is to call us directly on <a href=\"tel:020 3983 3828.\">020 3983 3828.<\/a> If you request a callback online, we&#8217;ll respond within 1 hour during opening hours.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1541\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1541\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> How much will my emergency cost? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-1541\" class=\"elementor-element elementor-element-90a2cc5 e-con-full e-flex e-con e-child\" data-id=\"90a2cc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb43da elementor-widget elementor-widget-text-editor\" data-id=\"7bb43da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"mozbar-toolbar-wrapper\">Your emergency assessment is from \u00a360, which includes a full examination and diagnosis. If you need treatment, we&#8217;ll always explain the cost clearly and get your agreement before we proceed. No hidden fees, no surprises.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1542\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1542\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> What counts as a dental emergency? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-1542\" class=\"elementor-element elementor-element-c6c0c3b e-con-full e-flex e-con e-child\" data-id=\"c6c0c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e9c39 elementor-widget elementor-widget-text-editor\" data-id=\"f7e9c39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Severe toothache, a broken or chipped tooth, a lost filling or crown, dental abscess or infection, a knocked-out tooth, swelling, or bleeding that won&#8217;t stop. If you&#8217;re in pain or worried, call us and we&#8217;ll advise you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1543\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1543\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> What should I do for a knocked-out tooth? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-1543\" class=\"elementor-element elementor-element-852b988 e-flex e-con-boxed e-con e-child\" data-id=\"852b988\" 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-bf45428 elementor-widget elementor-widget-text-editor\" data-id=\"bf45428\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Time is critical. Hold the tooth by the crown (not the root), gently rinse it, and if possible place it back in the socket or keep it in milk. Then call us immediately on <a href=\"tel:020 3983 3828\">020 3983 3828<\/a> \u2014 the sooner you&#8217;re seen, the better the chance of saving it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1544\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1544\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Where are you located? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-1544\" class=\"elementor-element elementor-element-7073820 e-flex e-con-boxed e-con e-child\" data-id=\"7073820\" 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-8b550da elementor-widget elementor-widget-text-editor\" data-id=\"8b550da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We&#8217;re in central Croydon at Unit F1, Pinnacle Tower, 12 Saffron Square, CR0 2GE \u2014 just minutes from East Croydon station and easily accessible across the CR0 area.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9dade91 e-con-full e-flex e-con e-parent\" data-id=\"9dade91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a1ff9 elementor-widget elementor-widget-html\" data-id=\"c4a1ff9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --orange-primary: #F47621;\r\n    --orange-deep: #E55A0F;\r\n    --orange-light: #FFB380;\r\n    --orange-pale: #FFF4ED;\r\n    --cream: #FFF9F4;\r\n    --ink: #1A1410;\r\n    --ink-soft: #4A3F38;\r\n    --ink-light: #8B7E73;\r\n    --white: #FFFFFF;\r\n    --emergency-red: #D72638;\r\n    --success: #10B981;\r\n    --shadow-warm: 0 20px 60px -10px rgba(244, 118, 33, 0.25);\r\n    --shadow-soft: 0 8px 32px -4px rgba(26, 20, 16, 0.08);\r\n}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n    font-family: 'DM Sans', -apple-system, sans-serif;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============ STICKY EMERGENCY CALL BAR (MOBILE) ============ *\/\r\n.emergency-bar {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: var(--emergency-red);\r\n    z-index: 200;\r\n    padding: 12px 16px;\r\n    display: none;\r\n    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.emergency-bar a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n}\r\n\r\n.emergency-bar .pulse {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n\/* .nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: rgba(255, 249, 244, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    z-index: 100;\r\n    border-bottom: 1px solid rgba(244, 118, 33, 0.12);\r\n    padding: 14px 0;\r\n}\r\n\r\n.nav-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    letter-spacing: -0.02em;\r\n}\r\n.logo span { color: var(--orange-primary); }\r\n\r\n.nav-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.35);\r\n}\r\n.nav-call:hover { background: #b91e2e; transform: translateY(-1px); } *\/\r\n\r\n\/* ============ HERO ============ *\/\r\n.hero {\r\n    padding: 48px 24px 56px;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--orange-pale) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    right: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(244, 118, 33, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 14px rgba(215, 38, 56, 0.3);\r\n}\r\n\r\n.hero-badge .pulse {\r\n    width: 8px; height: 8px; background: white; border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n.hero h1 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(38px, 5.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    color: var(--ink);\r\n}\r\n.hero h1 em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.hero-subtitle {\r\n    font-size: 19px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.btn-call {\r\n    background: var(--emergency-red);\r\n    color: white;\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 19px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 8px 24px rgba(215, 38, 56, 0.4);\r\n}\r\n.btn-call:hover { background: #b91e2e; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(215, 38, 56, 0.5); }\r\n\r\n.btn-call .phone-icon { font-size: 22px; }\r\n.btn-call small { display: block; font-size: 11px; font-weight: 500; opacity: 0.9; margin-top: -2px; }\r\n\r\n.btn-form {\r\n    background: var(--white);\r\n    color: var(--ink);\r\n    padding: 20px 32px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.2s;\r\n    border: 2px solid var(--ink);\r\n}\r\n.btn-form:hover { background: var(--ink); color: white; }\r\n\r\n.hero-reassurance {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n}\r\n.hero-reassurance strong { color: var(--orange-deep); }\r\n\r\n\/* HERO FORM CARD *\/\r\n.hero-form-card {\r\n    background: var(--white);\r\n    border-radius: 28px;\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-warm);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(244,118,33,0.1) 0%, transparent 65%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.form-card-header {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.form-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.form-card-sub {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n}\r\n.form-card-sub strong { color: var(--orange-deep); }\r\n\r\n.field { margin-bottom: 14px; position: relative; }\r\n\r\n.field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.field label .req { color: var(--emergency-red); }\r\n\r\n.field input,\r\n.field select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1.5px solid #E5DFD8;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n    background: var(--white);\r\n    transition: all 0.2s;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus {\r\n    outline: none;\r\n    border-color: var(--orange-primary);\r\n    box-shadow: 0 0 0 4px rgba(244, 118, 33, 0.1);\r\n}\r\n\r\n.field input::placeholder { color: #B8AEA1; }\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    padding: 17px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 4px;\r\n    box-shadow: 0 8px 24px rgba(244, 118, 33, 0.3);\r\n}\r\n.form-submit:hover { background: var(--orange-deep); transform: translateY(-1px); }\r\n\r\n.form-or {\r\n    text-align: center;\r\n    margin: 16px 0;\r\n    position: relative;\r\n    color: var(--ink-light);\r\n    font-size: 13px;\r\n}\r\n.form-or::before, .form-or::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 38%;\r\n    height: 1px;\r\n    background: #E5DFD8;\r\n}\r\n.form-or::before { left: 0; }\r\n.form-or::after { right: 0; }\r\n\r\n.form-call-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--orange-pale);\r\n    border: 1.5px solid var(--orange-light);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n    text-decoration: none;\r\n    color: var(--orange-deep);\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    transition: all 0.2s;\r\n}\r\n.form-call-link:hover { background: var(--orange-light); color: var(--ink); }\r\n\r\n\/* ============ TRUST STRIP ============ *\/\r\n.trust-strip {\r\n    background: var(--ink);\r\n    padding: 20px 24px;\r\n}\r\n.trust-strip-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n.trust-strip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n.trust-strip-item .ico {\r\n    color: var(--orange-light);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* ============ PROBLEMS WE TREAT ============ *\/\r\n.problems {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.problems-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n.section-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n.section-eyebrow {\r\n    color: var(--orange-primary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 13px;\r\n    margin-bottom: 14px;\r\n}\r\n.section-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.02em;\r\n    color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--orange-primary); }\r\n\r\n.problems-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.problem-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 26px 22px;\r\n    text-align: center;\r\n    border: 1.5px solid rgba(244,118,33,0.08);\r\n    transition: all 0.25s;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n.problem-card:hover {\r\n    border-color: var(--orange-primary);\r\n    transform: translateY(-4px);\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.problem-icon {\r\n    width: 56px; height: 56px;\r\n    background: var(--orange-pale);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    margin: 0 auto 16px;\r\n}\r\n\r\n.problem-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    line-height: 1.25;\r\n}\r\n\r\n\/* ============ HOW IT WORKS ============ *\/\r\n.how {\r\n    padding: 72px 24px;\r\n    background: var(--white);\r\n}\r\n.how-inner { max-width: 1000px; margin: 0 auto; }\r\n\r\n.how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    margin-top: 48px;\r\n}\r\n.how-step { text-align: center; position: relative; }\r\n.how-step-num {\r\n    width: 64px; height: 64px;\r\n    background: var(--orange-primary);\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 8px 20px rgba(244,118,33,0.3);\r\n}\r\n.how-step-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--ink);\r\n}\r\n.how-step-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    max-width: 240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ WHY CHOOSE \/ REASSURANCE ============ *\/\r\n.why {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--orange-pale) 0%, var(--cream) 100%);\r\n}\r\n.why-inner {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.why-card {\r\n    background: var(--white);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.why-icon {\r\n    width: 48px; height: 48px;\r\n    background: var(--orange-primary);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n.why-card-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    margin-bottom: 6px;\r\n}\r\n.why-card-text {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* ============ PRICING REASSURANCE ============ *\/\r\n.pricing {\r\n    padding: 56px 24px;\r\n    background: var(--ink);\r\n    text-align: center;\r\n}\r\n.pricing-inner { max-width: 600px; margin: 0 auto; }\r\n.pricing-eyebrow {\r\n    color: var(--orange-light);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    font-size: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n.pricing-amount {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 64px;\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n}\r\n.pricing-amount .from { font-size: 22px; vertical-align: super; color: var(--orange-light); }\r\n.pricing-desc {\r\n    color: rgba(255,255,255,0.75);\r\n    font-size: 16px;\r\n    margin-bottom: 28px;\r\n}\r\n.pricing-desc strong { color: white; }\r\n\r\n\/* ============ HOURS ============ *\/\r\n.hours {\r\n    padding: 72px 24px;\r\n    background: var(--cream);\r\n}\r\n.hours-inner {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: var(--shadow-soft);\r\n}\r\n.hours-title {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 15px;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.hours-day { font-weight: 600; color: var(--ink); }\r\n.hours-time { color: var(--ink-soft); }\r\n.hours-row.closed .hours-time { color: var(--ink-light); }\r\n\r\n\/* ============ FAQ ============ *\/\r\n.faq { padding: 72px 24px; background: var(--white); }\r\n.faq-inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 40px; }\r\n.faq-item { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 22px 0; }\r\n.faq-q {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    list-style: none;\r\n}\r\n.faq-q::-webkit-details-marker { display: none; }\r\n.faq-q::after {\r\n    content: '+';\r\n    font-size: 26px;\r\n    color: var(--orange-primary);\r\n    font-weight: 300;\r\n    transition: transform 0.3s;\r\n}\r\ndetails[open] .faq-q::after { transform: rotate(45deg); }\r\n.faq-a {\r\n    color: var(--ink-soft);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    padding-top: 14px;\r\n}\r\n\r\n\/* ============ FINAL CTA ============ *\/\r\n.final {\r\n    padding: 72px 24px;\r\n    background: linear-gradient(135deg, var(--emergency-red) 0%, #b91e2e 100%);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.final::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);\r\n    border-radius: 50%;\r\n}\r\n.final-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\r\n.final h2 {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 800;\r\n    color: white;\r\n    line-height: 1.12;\r\n    margin-bottom: 14px;\r\n}\r\n.final p { color: rgba(255,255,255,0.92); font-size: 18px; margin-bottom: 28px; }\r\n.btn-white-call {\r\n    background: white;\r\n    color: var(--emergency-red);\r\n    padding: 20px 40px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n}\r\n.btn-white-call:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.28); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n\/* .footer {\r\n    background: var(--ink);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n.footer-logo {\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin-bottom: 14px;\r\n}\r\n.footer-logo span { color: var(--orange-primary); }\r\n.footer a { color: var(--orange-light); text-decoration: none; } *\/\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 920px) {\r\n    .hero-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .problems-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .how-steps { grid-template-columns: 1fr; gap: 32px; }\r\n    .why-inner { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: clamp(34px, 8vw, 48px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .emergency-bar { display: block; }\r\n    body { padding-bottom: 64px; }\r\n    .nav-call span.full { display: none; }\r\n    .hero { padding: 32px 20px 40px; }\r\n    .hero-cta-group { flex-direction: column; }\r\n    .btn-call, .btn-form { width: 100%; justify-content: center; }\r\n    .problems-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .trust-strip-inner { gap: 18px; }\r\n    .trust-strip-item { font-size: 13px; }\r\n    .hero-form-card { padding: 24px; }\r\n    .hours-inner { padding: 28px 22px; }\r\n    .pricing-amount { font-size: 52px; }\r\n}\r\n<\/style>\r\n<body>\r\n\r\n\r\n\r\n\r\n<!-- FINAL CTA -->\r\n<section class=\"final\">\r\n    <div class=\"final-inner\">\r\n        <h2>Don't Wait in Pain<\/h2>\r\n        <p>Our emergency team is ready to help. Call now for the fastest same-day appointment in Croydon.<\/p>\r\n        <a href=\"tel:02039833828\" class=\"btn-white-call\">\ud83d\udcde Call Now \u2014 020 3983 3828<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\nfunction handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = Object.fromEntries(new FormData(event.target));\r\n    alert('\u2713 Thank you ' + data.name + '! We\\'ll call you back within 1 hour on ' + data.phone + ' to confirm your same-day emergency appointment. If your emergency is urgent, please call us now on 020 3983 3828.');\r\n    \/\/ In production: send to CRM + fire Google Ads conversion\r\n    console.log('Emergency lead:', data);\r\n    event.target.reset();\r\n}\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const t = document.querySelector(this.getAttribute('href'));\r\n        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Same-Day Emergency Appointments Emergency Dental Care In Croydon In Dental Pain? We Can See You Today. From severe tooth pain and broken teeth to dental abscesses and facial swelling, our emergency dentist in Croydon provides fast, expert care when you need it most. We offer same-day appointments to relieve pain, treat urgent problems, and protect [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3426,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":67,"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":13804,"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/pages\/17\/revisions\/13804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/media\/3426"}],"wp:attachment":[{"href":"https:\/\/icaredental.co.uk\/croydon\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}