/* Fix header composition and visibility of comparison controls */
.quiz-intro.brand-inline{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:center}.quiz-intro.brand-inline .eyebrow{margin:0 0 18px;grid-column:auto}.quiz-intro.brand-inline h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.025em;margin-bottom:24px}.quiz-intro.brand-inline .hero-lead{max-width:700px}.quiz-intro.brand-inline>.brand-art{width:220px;height:220px}.quiz-intro.brand-inline>.brand-copy{min-width:0}
#comparison-tray[hidden],#comparison-empty[hidden],#comparison-table-wrap[hidden],#wynik[hidden],#porownanie[hidden]{display:none!important}.comparison-tray .tray-actions{flex-shrink:0}body:has(#comparison-tray:not([hidden])){padding-bottom:130px}body:has(#comparison-tray:not([hidden])) #fb-trigger{bottom:110px!important}body:has(#comparison-tray:not([hidden])) #fb-panel{bottom:170px!important}
@media(max-width:900px){.quiz-intro.brand-inline{grid-template-columns:minmax(0,1fr) 150px;gap:24px}.quiz-intro.brand-inline>.brand-art{width:150px;height:150px}}
@media(max-width:640px){.quiz-intro.brand-inline{display:block}.quiz-intro.brand-inline h1{font-size:38px;margin-bottom:20px}.quiz-intro.brand-inline>.brand-art{width:110px;height:110px;margin:20px 0 0}.comparison-tray{flex-wrap:wrap;gap:12px;padding:14px}.comparison-tray>div:first-child{flex:1 1 100%}.comparison-tray .tray-actions{width:100%}.comparison-tray .tray-actions>*{flex:1;text-align:center}body:has(#comparison-tray:not([hidden])) #fb-trigger{bottom:140px!important}body:has(#comparison-tray:not([hidden])) #fb-panel{bottom:200px!important}body:has(#comparison-tray:not([hidden])){padding-bottom:160px}}

#comparison-tray{bottom:calc(16px + var(--consent-offset,0px))}body:has(#comparison-tray:not([hidden])) #fb-trigger{bottom:calc(32px + var(--consent-offset,0px) + var(--comparison-tray-height,100px))!important}body:has(#comparison-tray:not([hidden])) #fb-panel{bottom:calc(88px + var(--consent-offset,0px) + var(--comparison-tray-height,100px))!important}body:has(#comparison-tray:not([hidden])){padding-bottom:calc(40px + var(--consent-offset,0px) + var(--comparison-tray-height,100px))}

/* v2: wspólna szerokość i proporcje przycisków homepage */
:root{--paper:#fff;--sand:#fff;--muted:#555}
.compare-wrap,body>nav.fixed>div{width:min(1440px,calc(100% - 48px));max-width:1440px;margin-inline:auto;padding-inline:0}
.button-primary,.button-light{min-height:54px;padding:16px 32px;font:600 14px/20px 'Barlow',sans-serif;letter-spacing:.1em;border-radius:0;text-align:center}
.button-primary:hover,.button-light:hover{transform:none}
.button-light{border:1px solid rgba(45,45,45,.25)}
.result-progress button,.tray-actions a,.tray-actions button{min-height:44px;font:600 13px/20px 'Barlow',sans-serif;letter-spacing:.08em}
.tray-actions button{color:#fff}
.quiz-intro.brand-inline h1{font-size:48px;line-height:1.12;letter-spacing:-.025em}
.quiz-intro.brand-inline .hero-lead{font-size:18px;line-height:1.75}
@media(max-width:767px){.compare-wrap,body>nav.fixed>div{width:calc(100% - 32px)}.quiz-intro.brand-inline h1{font-size:36px}.button-primary,.button-light{padding:16px 24px}}

@media(max-width:620px){#cookie-banner>div>div:last-child{display:flex!important;flex:1 1 100%!important;flex-wrap:wrap;gap:8px;white-space:normal!important}#cookie-banner button{margin:0!important;flex:1 1 auto;min-height:44px}#cookie-banner>div>div:first-child{min-width:0!important}}