.clinic-order-page{--clinic-green:#087a5b;--clinic-soft:var(--color-success-surface);--clinic-selected-text:var(--color-status-green-text)}
.clinic-hero{padding:58px 0 62px;background:radial-gradient(circle at 12% 15%,rgba(184,242,230,.11),transparent 31%),var(--color-panel-dark)}
.clinic-hero .crm-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:54px}
.clinic-hero h1{max-width:850px;font-size:clamp(3rem,5vw,4.8rem);letter-spacing:-.045em}
.clinic-hero p{max-width:760px;margin:20px 0 0;font-size:1rem;line-height:1.9}
.clinic-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.clinic-hero-meta span{padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#d8dee9;font-size:.76rem;font-weight:800}
.clinic-order-page .crm-layout{grid-template-columns:210px minmax(0,850px);gap:32px}
.clinic-order-page .crm-wizard{position:relative;padding:36px 40px}
.clinic-order-page .crm-step header{margin-bottom:25px}
.clinic-order-page .crm-step header>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--color-accent-surface)}
.clinic-order-page .crm-options{margin:0 0 25px}
.clinic-order-page .crm-options>label:first-child{font-size:.96rem}
.clinic-order-page .crm-options>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.clinic-order-page .crm-options>div label{position:relative;min-height:54px;padding:11px 13px;background:var(--color-surface);transition:border-color .16s,background .16s,transform .16s}
.clinic-order-page .crm-options>div label:hover{border-color:#8090a8;transform:translateY(-1px)}
.clinic-order-page .crm-options>div label:has(input:checked){border-color:var(--clinic-green);background:var(--clinic-soft);box-shadow:inset 0 0 0 1px var(--clinic-green);color:var(--clinic-selected-text);font-weight:800}
.clinic-order-page .crm-options input{accent-color:var(--clinic-green);width:18px;height:18px;flex:0 0 auto}
.clinic-order-page .field>small{display:block;margin-top:7px;color:var(--color-muted);font-size:.75rem}
.clinic-order-page .required-mark{color:var(--color-status-red-text)}
.clinic-order-page textarea::placeholder,.clinic-order-page input::placeholder{color:var(--color-muted);opacity:.82}
.clinic-order-page .crm-actions{position:sticky;z-index:5;bottom:0;margin:30px -12px -12px;padding:18px 12px 12px;background:linear-gradient(to bottom,transparent,var(--color-surface) 18px)}
.clinic-order-page .crm-actions .button{min-height:48px}
.clinic-order-page .clinic-submit{background:var(--clinic-green);border-color:var(--clinic-green)}
.clinic-order-page .crm-save-note{padding:11px 13px;border-radius:12px;background:var(--color-warning-surface);color:var(--color-brand-orange-text)}
.clinic-order-page .crm-save-note b{color:inherit}

@media(max-width:900px){
  .clinic-hero{padding:42px 0 46px}
  .clinic-hero .crm-hero-grid{grid-template-columns:1fr;gap:24px}
  .clinic-hero aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:20px}
  .clinic-hero aside strong{grid-column:1/-1}
  .clinic-order-page .crm-layout{grid-template-columns:minmax(0,1fr);width:100%}
  .clinic-order-page .crm-wizard{width:100%;min-width:0}
  .clinic-order-page .crm-progress{position:sticky;z-index:12;top:76px;max-width:100%;margin-inline:0;padding:10px 20px;background:var(--surface-glass);backdrop-filter:blur(12px)}
  .clinic-order-page .crm-progress ol{min-width:600px}
}

@media(max-width:560px){
  .clinic-hero{padding:18px 0 12px}
  .clinic-hero .eyebrow{margin-bottom:7px;font-size:.65rem}
  .clinic-hero h1{font-size:1.82rem;line-height:1.24;letter-spacing:-.025em}
  .clinic-hero p{margin-top:10px;font-size:.82rem;line-height:1.7}
  .clinic-hero-meta{margin-top:10px}
  .clinic-hero-meta span{padding:5px 8px;font-size:.66rem}
  .clinic-hero aside{display:none}
  .clinic-order-page .section{padding:22px 0 50px}
  .clinic-order-page .crm-layout{gap:12px}
  .clinic-order-page .crm-progress{top:62px;margin-inline:0;padding:8px 20px}
  .clinic-order-page .crm-progress ol{display:flex;min-width:max-content;gap:6px}
  .clinic-order-page .crm-progress li{display:flex;min-width:auto;padding:8px 10px;border:1px solid var(--line);background:var(--color-surface);font-size:.72rem}
  .clinic-order-page .crm-progress li:not([aria-current=step]) span{display:none}
  .clinic-order-page .crm-progress li[aria-current=step]{padding-inline:13px}
  .clinic-order-page .crm-wizard{padding:22px 17px;border-radius:20px}
  .clinic-order-page .crm-step header{margin-bottom:21px;padding-bottom:16px}
  .clinic-order-page .crm-step h2{font-size:1.45rem}
  .clinic-order-page .crm-step header p{font-size:.82rem;line-height:1.65}
  .clinic-order-page .crm-options>div{grid-template-columns:1fr}
  .clinic-order-page .crm-options>div label{min-height:50px;font-size:.82rem}
  .clinic-order-page .crm-actions{gap:8px;margin-inline:-6px;padding-inline:6px}
  .clinic-order-page .crm-actions{bottom:0}
  .clinic-order-page .crm-actions .button{padding:11px 13px;font-size:.83rem}
}