.barber-diagnostic{--barber-radius: .8rem;overflow:hidden}.barber-diagnostic .barber-heading,.barber-diagnostic .barber-title,.barber-diagnostic .barber-card-title{letter-spacing:0}.barber-diagnostic .barber-heading{max-width:15ch}.barber-diagnostic .barber-title{max-width:18ch}.barber-diagnostic .barber-section-header--center .barber-title{margin-inline:auto}.barber-diagnostic .barber-actions{align-items:stretch}.barber-diagnostic .barber-btn{width:100%;max-width:100%}.barber-diagnostic-microcopy{max-width:54rem;margin:1.2rem 0 0;color:var(--barber-muted);font-size:1.38rem;line-height:1.5}.barber-diagnostic-hero__grid,.barber-diagnostic-problem__layout,.barber-diagnostic-steps__layout,.barber-diagnostic-receive__layout,.barber-diagnostic-authority__layout,.barber-diagnostic-course__layout{display:grid;gap:3.2rem}.barber-diagnostic-promise{max-width:66rem;margin-top:1.8rem;padding:1.6rem 1.8rem;border:.1rem solid var(--barber-line);border-left:.4rem solid var(--barber-accent);border-radius:var(--barber-radius);background:var(--barber-card-bg);color:var(--barber-card-text);font-size:1.5rem;line-height:1.55}.barber-diagnostic-promise p,.barber-diagnostic-text p{margin:0}.barber-diagnostic-text p+p{margin-top:1.4rem}.barber-diagnostic-hero__visual{position:relative;min-height:36rem;overflow:hidden;border:.1rem solid var(--barber-line);border-radius:1.2rem;background-color:var(--barber-card-bg);background-image:linear-gradient(color-mix(in srgb,var(--barber-text) 8%,transparent) .1rem,transparent .1rem),linear-gradient(90deg,color-mix(in srgb,var(--barber-text) 8%,transparent) .1rem,transparent .1rem);background-size:2.4rem 2.4rem;box-shadow:var(--barber-shadow)}.barber-diagnostic-hero__visual .barber-image{min-height:36rem}.barber-diagnostic-device-board{position:relative;min-height:36rem;padding:2rem}.barber-diagnostic-device{position:absolute;display:grid;place-items:end center;padding:1.4rem .8rem;border:.1rem solid color-mix(in srgb,var(--barber-accent) 42%,transparent);background:color-mix(in srgb,var(--barber-text) 10%,var(--barber-card-bg));color:var(--barber-card-text);font-size:1.15rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.barber-diagnostic-device:before,.barber-diagnostic-device:after{position:absolute;content:""}.barber-diagnostic-device:before{inset:1.2rem 25% auto;height:4.8rem;border-radius:.4rem;background:color-mix(in srgb,var(--barber-accent) 34%,transparent)}.barber-diagnostic-device:after{right:18%;bottom:22%;left:18%;height:.3rem;border-radius:999px;background:var(--barber-accent)}.barber-diagnostic-device--clipper{left:8%;bottom:12%;width:30%;height:58%;border-radius:1.2rem 1.2rem 2.4rem 2.4rem}.barber-diagnostic-device--trimmer{left:42%;bottom:18%;width:20%;height:48%;border-radius:.8rem .8rem 2rem 2rem}.barber-diagnostic-device--shaver{right:8%;bottom:14%;width:24%;height:42%;border-radius:1rem 1rem 1.8rem 1.8rem}.barber-diagnostic-labels{position:absolute;top:1.4rem;right:1.4rem;left:1.4rem;display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.barber-diagnostic-labels li{padding:.7rem 1rem;border:.1rem solid color-mix(in srgb,var(--barber-accent) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--barber-card-bg) 86%,var(--barber-accent));color:var(--barber-card-text);font-size:1.18rem;font-weight:800;line-height:1}.barber-diagnostic-callout,.barber-diagnostic-highlight{padding:2.2rem;border:.1rem solid var(--barber-line);border-radius:var(--barber-radius);background:var(--barber-card-bg);color:var(--barber-card-text)}.barber-diagnostic-callout h3,.barber-diagnostic-panel h3,.barber-diagnostic-course__list-title{margin:0 0 1.6rem;color:var(--barber-card-text);font-size:1.9rem;line-height:1.25}.barber-diagnostic-list,.barber-diagnostic-check-list{display:grid;gap:1.1rem;margin:0;padding:0;list-style:none}.barber-diagnostic-list li,.barber-diagnostic-check-list li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;color:var(--barber-card-muted);font-size:1.48rem;line-height:1.48}.barber-diagnostic-list li:before,.barber-diagnostic-check-list li:before{width:.8rem;height:.8rem;margin-top:.75rem;border-radius:50%;background:var(--barber-accent);content:""}.barber-diagnostic-symptoms__grid{grid-template-columns:1fr}.barber-diagnostic-symptom{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;height:100%}.barber-diagnostic-card__icon{display:grid;width:4rem;height:4rem;place-items:center;border:.1rem solid color-mix(in srgb,var(--barber-accent) 34%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--barber-accent) 14%,transparent);color:var(--barber-accent);font-size:1.25rem;font-weight:900}.barber-diagnostic-steps__list{display:grid;gap:1.2rem;margin:0;padding:0;list-style:none}.barber-diagnostic-step{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:1.8rem;border:.1rem solid var(--barber-line);border-radius:var(--barber-radius);background:var(--barber-card-bg)}.barber-diagnostic-step h3,.barber-diagnostic-step p{margin:0}.barber-diagnostic-step h3{color:var(--barber-card-text);font-size:1.75rem;line-height:1.25}.barber-diagnostic-step p{margin-top:.6rem;color:var(--barber-card-muted);font-size:1.42rem;line-height:1.5}.barber-diagnostic-form__shell{max-width:88rem;margin-inline:auto}.barber-diagnostic-form__embed{margin-top:2.8rem;padding:1.2rem;border:.1rem solid var(--barber-line);border-radius:1.2rem;background:var(--barber-card-bg);box-shadow:var(--barber-shadow)}.barber-diagnostic-form__embed iframe{display:block;width:100%;min-height:72rem;border:0}.barber-diagnostic-form__placeholder{display:grid;min-height:34rem;place-items:center;padding:3.2rem 2rem;border:.1rem dashed color-mix(in srgb,var(--barber-accent) 55%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--barber-accent) 7%,transparent);text-align:center}.barber-diagnostic-form__placeholder h3{margin:0;color:var(--barber-card-text);font-size:2.2rem}.barber-diagnostic-form__placeholder p{max-width:38rem;margin:.8rem auto 0;color:var(--barber-card-muted);font-size:1.5rem;line-height:1.5}.barber-diagnostic-highlight{border-left:.4rem solid var(--barber-accent);font-size:1.6rem;font-weight:700;line-height:1.55}.barber-diagnostic-audience__grid{display:grid;gap:1.6rem}.barber-diagnostic-panel{padding:2.2rem;border:.1rem solid var(--barber-line);border-radius:var(--barber-radius);background:var(--barber-card-bg)}.barber-diagnostic-panel--muted{background:color-mix(in srgb,var(--barber-card-bg) 78%,var(--barber-bg))}.barber-diagnostic-course__box{padding:2.2rem;border:.1rem solid color-mix(in srgb,var(--barber-accent) 42%,var(--barber-line));border-radius:var(--barber-radius);background:var(--barber-card-bg)}.barber-diagnostic-course__microcopy{margin:1.2rem 0 0;color:var(--barber-card-muted);font-size:1.38rem;line-height:1.5}.barber-diagnostic-faq .barber-accordion summary{grid-template-columns:1fr auto}.barber-diagnostic-faq .barber-accordion h3{margin:0}.barber-diagnostic-faq .barber-accordion__content{padding-left:1.8rem}.barber-diagnostic-final{text-align:center}.barber-diagnostic-final .barber-title,.barber-diagnostic-final .barber-lead,.barber-diagnostic-final .barber-actions,.barber-diagnostic-final .barber-diagnostic-microcopy{margin-inline:auto}.barber-diagnostic-final .barber-title{max-width:20ch}@media screen and (min-width:600px){.barber-diagnostic .barber-actions{align-items:center}.barber-diagnostic .barber-btn{width:auto}.barber-diagnostic-symptoms__grid,.barber-diagnostic-audience__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.barber-diagnostic-hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(38rem,.96fr);gap:6rem}.barber-diagnostic-problem__layout,.barber-diagnostic-steps__layout,.barber-diagnostic-receive__layout,.barber-diagnostic-authority__layout,.barber-diagnostic-course__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:5.6rem;align-items:center}.barber-diagnostic-symptoms__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.barber-diagnostic-hero__visual,.barber-diagnostic-device-board{min-height:54rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/barber-diagnostic-landing.css.map */