/* A compact comparison control; the original palette remains the default. */
.header{height:140px}
.header-inner{height:96px}
.palette-bar{height:44px;background:var(--soft);border-top:1px solid var(--line)}
.palette-switch{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.palette-label{font-size:11px;color:var(--muted);margin-right:7px}
.palette-switch button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 12px;border:1px solid transparent;border-radius:30px;background:transparent;font-size:11px;line-height:1.4}
.palette-switch button[aria-pressed=true]{background:var(--paper);border-color:var(--accent);font-weight:700}
.palette-switch button:hover{border-color:var(--accent)}
.swatch{width:11px;height:11px;border-radius:50%;flex-shrink:0}
.swatch-original{background:#8b7a62}.swatch-blue{background:#376f96}.swatch-coral{background:#c96d5f}
html{scroll-padding-top:156px}
:root[data-palette=blue]{--ink:#233e51;--muted:#637583;--accent:#346b8c;--paper:#fff;--soft:#eef5f9;--line:#d5e2eb;--theme-primary:#285777;--theme-hover:#1e4662;--theme-tint:#e6f0f6;--theme-surface:#f5f9fc;--theme-hero:#edf3f7;--theme-card:#f5f9fc;--theme-light:#dae9f2}
:root[data-palette=coral]{--ink:#443633;--muted:#806e67;--accent:#a25345;--paper:#fffdfb;--soft:#fbf1ec;--line:#ecd8d0;--theme-primary:#974e42;--theme-hover:#7d3c33;--theme-tint:#f5e4dc;--theme-surface:#fff8f4;--theme-hero:#f7ece5;--theme-card:#fff8f4;--theme-light:#f4e3dc}
html[data-palette]:not([data-palette=original]) :is(.header,.mobile-menu,.hero){background:var(--theme-hero)}
html[data-palette]:not([data-palette=original]) :is(.results,.catalog-dialog,#result-dialog){background:var(--theme-surface)}
html[data-palette]:not([data-palette=original]) .contacts{background:var(--theme-tint)}
html[data-palette]:not([data-palette=original]) .contacts:before{opacity:.15}
html[data-palette]:not([data-palette=original]) .contacts .contact-action{background:var(--paper);border-color:var(--line)}
html[data-palette]:not([data-palette=original]) .consultation{background:var(--theme-primary)}
html[data-palette]:not([data-palette=original]) .consultation :is(p,h2 em){color:var(--theme-light)}
html[data-palette]:not([data-palette=original]) :is(.button-dark,.catalog-filters button[aria-pressed=true],.results-filters button[aria-pressed=true]){background:var(--theme-primary);border-color:var(--theme-primary);color:#fff}
html[data-palette]:not([data-palette=original]) .button-dark:hover{background:var(--theme-hover);border-color:var(--theme-hover)}
html[data-palette]:not([data-palette=original]) :is(.button-light,.catalog-close,.result-close){background:var(--paper);color:var(--ink)}
html[data-palette]:not([data-palette=original]) :is(.button:not(.button-dark):not(.button-light):hover,.result-controls button:hover,.social-icons>a:hover){background:var(--theme-tint)}
html[data-palette]:not([data-palette=original]) :is(.catalog-card,.catalog-price,.catalog-more,.catalog-filters button,.results-filters button,.result-controls button,.doctor-documents>summary,.contacts .contact-channels,.legal-links,.faq-list details){border-color:var(--line)}
html[data-palette]:not([data-palette=original]) .catalog-card:before{background:linear-gradient(0deg,var(--theme-card) 0%,color-mix(in srgb,var(--theme-card) 90%,transparent) 23%,transparent 70%),linear-gradient(90deg,color-mix(in srgb,var(--theme-card) 94%,transparent),color-mix(in srgb,var(--theme-card) 85%,transparent) 36%,color-mix(in srgb,var(--theme-card) 35%,transparent))}
html[data-palette]:not([data-palette=original]) :is(.hero-description,.hero-location,.result-description,.result-footnote,.result-zoom-hint,.result-pair figcaption,.doctor-principle,.address-note,.hospital-info){color:var(--muted)}
html[data-palette]:not([data-palette=original]) :is(.hero-bottom a,.catalog-price>span){color:var(--accent);border-color:var(--accent)}
html[data-palette]:not([data-palette=original]) .hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--theme-hero),color-mix(in srgb,var(--theme-hero) 95%,transparent) 25%,transparent 60%);pointer-events:none}
html[data-palette]:not([data-palette=original]) :is(input,select,textarea){accent-color:var(--theme-primary)}
html[data-palette]:not([data-palette=original]) :is(button,a,summary,input,select,textarea):focus-visible{outline-color:var(--accent)}
@media(max-width:900px){.mobile-menu{max-height:calc(100dvh - 140px)}}
@media(max-width:600px){
  .header{height:120px}.header-inner{height:76px}html{scroll-padding-top:136px}
  .palette-switch{justify-content:center;gap:3px;width:calc(100% - 24px)}.palette-label{font-size:10px;margin-right:3px}.palette-switch button{padding:5px 8px;font-size:10px;gap:5px}
  .mobile-menu{max-height:calc(100dvh - 200px)}
  html[data-palette]:not([data-palette=original]) .hero:before{display:none}
  html[data-palette]:not([data-palette=original]) .hero:after{background:linear-gradient(var(--theme-hero),transparent)}
  html[data-palette]:not([data-palette=original]) .hero-bottom{background:linear-gradient(0deg,var(--theme-hero),color-mix(in srgb,var(--theme-hero) 75%,transparent))}
}

html[data-palette]:not([data-palette=original]) .hero-inner{z-index:2}