/* Lead-only .com adjustments on the current .co.uk layout. */
:root{--topline-height:0px}body{padding-top:0}.topline{display:none!important}.site-header{top:0!important}.menu-open{z-index:60}.lead-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}html,body{max-width:100%;overflow-x:clip}.consult-card{scroll-margin-top:90px}@media(max-width:740px){.site-header nav{top:100%!important}.hero{padding-top:30px}.consult-card{scroll-margin-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* V100: callback preference only; no published telephone number or call link. */
.contact-preference-options{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-preference-options label{min-width:0;margin-bottom:6px}.consult-card .contact-preference-help{margin:2px 0 8px;color:#62706a;font:400 11px/1.45 Arial,sans-serif}.contact-preference-options span{padding-inline:5px;min-height:42px}

/* V101: confirmation waits for durable save, not for external delivery. */
#london-hair-assessment[data-submitting="true"] > :not(.form-submission-status) { display: none !important; }
.form-submission-status[hidden] { display: none !important; }
.form-submission-status { min-height: 385px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:28px 4px; outline:none; }
.form-submission-status .submission-spinner { display:block; width:54px; height:54px; border:3px solid #f7e3eb; border-top-color:#fa1b68; border-radius:50%; animation:legend-submit-spin .9s linear infinite; margin:0 0 29px; }
.form-submission-status .submission-eyebrow { color:#997441; font:700 10px/1.6 Arial,sans-serif; letter-spacing:2px; margin:0 0 13px; }
.form-submission-status h3 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(28px,4vw,35px); font-weight:400; line-height:1.1; letter-spacing:-.8px; color:#20201d; margin:0 0 17px; }
.form-submission-status .submission-explanation { color:#5d6c68; font:14px/1.65 Arial,sans-serif; margin:0; max-width:290px; }
.form-submission-status .submission-progress { width:142px; height:3px; border-radius:3px; overflow:hidden; background:#f6e7ed; margin:23px 0 18px; }
.form-submission-status .submission-progress span { display:block; height:100%; width:40%; border-radius:3px; background:#fa1b68; animation:legend-submit-progress 1.5s ease-in-out infinite; }
.form-submission-status .submission-reassurance { max-width:260px; font:12px/1.65 Arial,sans-serif; color:#7d8582; margin:0; }
@keyframes legend-submit-spin { to {transform:rotate(360deg);} }
@keyframes legend-submit-progress { from {transform:translateX(-105%);} to {transform:translateX(355%);} }
@media (max-width:600px) { .form-submission-status { min-height:355px; padding:24px 0; } }
@media (prefers-reduced-motion:reduce) { .form-submission-status .submission-spinner,.form-submission-status .submission-progress span {animation:none;} .form-submission-status .submission-progress span {transform:translateX(75%);} }

/* V137: one real caption at every width; avoid overlapping tablet pseudo-text. */
.consult-card .form-panel:nth-of-type(3) .form-submit::before { content: none !important; }
.consult-card .form-panel:nth-of-type(3) .form-submit { font-size: 11px !important; white-space: normal !important; line-height: 1.25 !important; }
/* The incomplete second story is withheld until the full original is available. */
@media (min-width: 901px) { .story-video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* V138: the complete server document remains usable without any scripts. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#london-hair-assessment:not(.is-enhanced) .form-panel{display:block!important;margin-bottom:22px}
#london-hair-assessment:not(.is-enhanced) .form-progress,#london-hair-assessment:not(.is-enhanced) .form-back,#london-hair-assessment:not(.is-enhanced) button.form-submit[type=button],#london-hair-assessment:not(.is-enhanced) .country-picker-trigger{display:none!important}
#london-hair-assessment.is-enhanced .country-native-select,#london-hair-assessment.is-enhanced .form-native-note{display:none}
.country-native-select{display:block!important;max-width:115px;padding:12px 5px;font:14px Arial,sans-serif;background:#fff;border:1px solid #d7d8d1;border-radius:7px}
#london-hair-assessment.is-enhanced .country-native-select{display:none!important}
.form-save-error{background:#fff3f3;border-left:3px solid #c22;color:#832626;padding:12px;font:14px/1.5 Arial,sans-serif}
.form-native-note{font:12px/1.6 Arial,sans-serif;color:#59615b}
.result-visual.photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.hero-poster{position:absolute;inset:0;pointer-events:none}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-video{background:transparent}
.country-picker-menu{z-index:80}.country-picker-list button:focus-visible{outline:2px solid #e92764;outline-offset:-2px}
form.is-enhanced .form-panel[aria-hidden=true]{display:none!important}form.is-enhanced .form-panel[aria-hidden=false]{display:block}
html{scroll-behavior:auto!important}section[id],#consultation{scroll-margin-top:90px}
@media(max-width:760px){section[id],#consultation{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* Native controls still show their checked state when scripts are blocked. */
.interest-options input:checked+span{border-color:#e92764!important;background:#fff3f7!important;box-shadow:inset 0 0 0 1px #e92764}
.form-panel:first-of-type .interest-options input:checked+span:after{background:#e92764;border-color:#e92764}
.timeline-options input:checked+span b{background:#e92764;color:#fff;border-color:#e92764}
html:not(.navigation-enhanced) .menu-toggle{display:none!important}
html:not(.treatments-enhanced) .treatment-tabs{display:none}
html.treatments-enhanced .treatment-native-options{display:none}
.treatment-native-options h3{margin-top:25px}
#london-hair-assessment:not(.is-enhanced) .form-actions-row{display:block}
#london-hair-assessment:not(.is-enhanced) .form-submit[type=submit]{width:100%}
.analytics-settings-link{background:none;border:0;color:inherit;font:inherit;padding:0;text-decoration:underline;cursor:pointer}
@media(max-width:900px){
html:not(.navigation-enhanced) .site-header{position:relative!important}
html:not(.navigation-enhanced) .header-inner{flex-wrap:wrap;padding-top:15px;padding-bottom:10px}
html:not(.navigation-enhanced) .header-inner nav{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));order:3;flex-basis:100%;width:100%;margin:10px 0 0;padding:0;border-bottom:0;box-shadow:none}
html:not(.navigation-enhanced) .header-inner nav a{padding:10px 3px;font-size:12px;text-align:center}
}