/* One visual language, taken from the home opening panel. */
:root { --brand-night:#082c4a; --brand-fire:#ff9228; --brand-paper:#fff; }
body.design-2026 { background:#fff!important; }
.design-2026 .section { padding-block:clamp(2.25rem,4.2vw,4rem); }
.design-2026 .section-soft { background:#f5f9fc!important; }
.design-2026 .section-label::before { background:#ff9228!important; }
.design-2026 .section h2 { letter-spacing:-.04em; }

/* The same navy / diagonal orange composition on every page opening. */
.design-2026 :is(.rd-hero:not(.rd-home),.rd-gallery-page,.doc-hero,.fq-hero) {
 position:relative; isolation:isolate; overflow:hidden; background:#082c4a!important; color:#fff; border-bottom:4px solid #ff9228;
}
.design-2026 :is(.rd-hero:not(.rd-home),.rd-gallery-page,.doc-hero,.fq-hero)::before {
 content:""; position:absolute; z-index:-1; inset:0 0 0 60%; background:linear-gradient(115deg,#ffab32,#ff861c); clip-path:polygon(13% 0,100% 0,100% 100%,0 100%); pointer-events:none;
}
.design-2026 :is(.rd-hero:not(.rd-home),.rd-gallery-page,.doc-hero,.fq-hero) :is(h1,.rd-lead,.page-hero-lead,.breadcrumbs,.breadcrumbs a) { color:#fff!important; }
.design-2026 .rd-hero:not(.rd-home) .rd-eyebrow { color:#9cddff!important; }
.design-2026 .rd-hero:not(.rd-home) .rd-copy { position:relative; z-index:1; }
.design-2026 :is(.rd-water-visual,.rd-industrial-visual,.rd-boiler-visual) { z-index:1; }
.design-2026 :is(.rd-water-visual>.rd-photo:first-of-type,.rd-industrial-visual .rd-photo,.rd-heating-grid>.rd-photo,.rd-boiler-visual) { border-radius:48px 8px 8px 8px; }
.design-2026 .rd-water-visual>.rd-water-secondary { border-color:#fff; box-shadow:0 8px 24px #001b3430; }
.design-2026 .rd-water-visual>.rd-pipes { color:#fff; }
.design-2026 .rd-heating::before { inset:0 60% 0 0!important; clip-path:polygon(0 0,100% 0,87% 100%,0 100%)!important; }
.design-2026 .rd-heating .rd-copy :is(.breadcrumbs,.breadcrumbs a,.rd-lead) { color:#dceafa!important; }
.design-2026 .rd-heating .rd-copy .rd-eyebrow { color:#9cddff!important; }
.design-2026 .rd-heating .btn-red { background:#ff9228!important; border-color:#ff9228!important; color:#102d46!important; }
.design-2026 .rd-heating-key { border-color:#ffffff35; color:#dceafa; }
.design-2026 .rd-heating-key span::before { background:#ff9228; }
.design-2026 .rd-system { position:relative; padding:1.25rem; border-radius:48px 8px 8px 8px; background:#fff; box-shadow:8px 8px 0 #ff9228; }
.design-2026 .rd-system figcaption { color:#405d73; }
.design-2026 .rd-boiler-visual { border:1px solid #ffffff40; box-shadow:8px 8px 0 #ff9228; }
.design-2026 .rd-boiler-label { color:#ffb662; }
.design-2026 .rd-bath .rd-copy { background:#082c4af7; border-left:3px solid #ff9228; border-radius:32px 6px 6px 6px; }
.design-2026 .rd-bath-image { z-index:-1; opacity:.72; }
.design-2026 .rd-phone-card { background:#fff; color:#102d46; border-radius:40px 8px 8px 8px; box-shadow:8px 8px 0 #ff9228; }
.design-2026 .rd-phone-card>span { color:#405d73; }
.design-2026 .rd-phone-card svg { color:#b85800; }
.design-2026 .rd-repair-bottom>div { background:#ff9228; color:#102d46; }
.design-2026 .rd-industrial-strip { color:#fff; background:#082c4a; padding-inline:1rem; }
.design-2026 .rd-about-mark { background:#fff; color:#102d46; border-radius:48px 8px 48px 8px; box-shadow:8px 8px 0 #ff9228; }
.design-2026 .rd-about-detail { background:#ff9228; border-radius:0; }
.design-2026 .rd-about-detail .about-meta span { color:#173f5c; }
.design-2026 .rd-contact-links { background:#082c4a; border:1px solid #ffffff35; border-left:3px solid #ff9228; padding:.3rem 1.4rem; border-radius:8px; }
.design-2026 .rd-catalog::before { inset-inline-start:78%!important; }
.design-2026 .rd-service-cards>a { border-radius:24px 6px 6px 6px; border-bottom:3px solid #ff9228; }
.design-2026 .rd-service-cards>a:nth-child(3) { border:1px solid #ffffff60; border-bottom:3px solid #ff9228; }
.design-2026 .rd-gallery-page::before,.design-2026 .doc-hero::before { inset-inline-start:88%; }
.design-2026 .fq-hero::before { inset-inline-start:88%; }
.design-2026 .fq-hero::after { display:none; }
.design-2026 .fq-hero-note { background:#082c4a; padding:1.2rem 1.5rem; border:1px solid #ffffff30; border-left:3px solid #ff9228; border-radius:8px; }

/* Repeated finishes: offset photo corners, warm markers, crisp ruled content. */
.design-2026 :is(.why-band-visual,.industry-v2-media,.about-split-media) { border-radius:48px 8px 8px 8px; box-shadow:8px 8px 0 #ff9228; }
.design-2026 .why-band { background:#fff!important; border-bottom:1px solid #d4e2ed; }
.design-2026 .why-band-copy h2 em { color:#b85800!important; }
.design-2026 .why-steps li>span { background:#082c4a; color:#ffb662!important; border-radius:5px; }
.design-2026.page-home #uslugi { background:#082c4a!important; border-top:4px solid #ff9228; }
.design-2026 .svc-menu-intro { background:transparent; border:0; border-left:3px solid #ff9228; border-radius:0; padding-left:1.5rem; box-shadow:none; }
.design-2026 .svc-menu-item { border:1px solid #ffffff25; border-radius:5px; background:#ffffff08; color:#fff; transition:background .2s,border-color .2s; }
.design-2026 .svc-menu-item :is(h3,b) { color:#fff; }
.design-2026 .svc-menu-item p { color:#d0e1ef; }
.design-2026 .svc-menu-item::before { color:#ffb662; }
.design-2026 .svc-menu-item:hover,.design-2026 .svc-menu-item:focus-within { background:#ffffff14; border-color:#ff9228; }
.design-2026 .rd-service-preview { border-radius:28px 6px 6px 6px; border-bottom:3px solid #ff9228; }
.design-2026.page-home .svc-menu { grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr); }
.design-2026.page-home .rd-service-preview { height:320px; background:#061f35; padding-bottom:38px; }
.design-2026.page-home .rd-service-preview>img { object-fit:contain; object-position:center; transform:none; }
.design-2026.page-home .rd-service-preview:hover>img { transform:none; }
.design-2026.page-home .rd-service-preview figcaption { padding:.6rem 1rem; background:#061f35; }
.design-2026.page-home .svc-menu-item:is(:hover,:focus-visible,.is-previewed) h3 { color:#ffbe76!important; }
@media(max-width:900px) {
 .design-2026.page-home .rd-service-preview { height:290px; }
}
@media(max-width:640px) {
 .design-2026.page-home .svc-menu { grid-template-columns:minmax(0,1fr); }
 .design-2026.page-home .rd-service-preview { height:300px; }
}
.design-2026 .section-reviews { background:#fff!important; border-block:1px solid #d4e2ed; }
.design-2026 .reviews blockquote { border:1px solid #d4e2ed; border-radius:24px 6px 6px 6px; border-bottom:3px solid #ff9228; box-shadow:0 7px 20px #082c4a08; }
.design-2026 .reviews blockquote:nth-child(2) { background:#082c4a; border-color:#082c4a; border-bottom-color:#ff9228; }
.design-2026 .reviews blockquote:nth-child(2) p { color:#fff; }
.design-2026 .reviews blockquote:nth-child(2) :is(footer,cite) { color:#d0e1ef!important; }
.design-2026 .reviews blockquote:nth-child(2) .stars { color:#ffb662!important; }
.design-2026.page-home #jak-pracujemy { background:linear-gradient(110deg,#ffab32,#ff861c)!important; }
.design-2026 .area-strip { background:#082c4a; border-left:4px solid #ff9228; border-radius:6px; }
.design-2026 .area-strip>strong { color:#fff!important; }
.design-2026 .area-cities span { background:#fff; border-color:#fff; }
.design-2026 :is(.case-card,.story-strip article) { border:1px solid #d1e0eb; border-radius:32px 6px 6px 6px; border-bottom:3px solid #ff9228; box-shadow:none; }
.design-2026 .panel-bleed-veil { background:linear-gradient(90deg,#082c4afa 10%,#082c4abd 65%,#082c4a35)!important; }
.design-2026 .panel-bleed { border-block:4px solid #ff9228; }
.design-2026 .faq-home-visual { border-radius:40px 6px 6px 6px; background:#082c4a; border-bottom:4px solid #ff9228; }
.design-2026 .faq-plain details { border-bottom:1px solid #cbdde9; }
.design-2026 .faq-plain details[open] { border-left:3px solid #ff9228; padding-left:1rem; background:#f5f9fc; }
.design-2026 .contact-facts { border-left:3px solid #ff9228; padding-left:1.2rem; }
.design-2026 .form { border-radius:28px 6px 6px 6px; border-top:4px solid #ff9228; box-shadow:0 12px 35px #082c4a09; }
.design-2026 .contact-side { background:#082c4a; color:#fff; border-left:4px solid #ff9228; border-radius:6px; }
.design-2026 .contact-side :is(h2,h3,p,li,a) { color:#dceafa!important; }
.design-2026 .contact-side .contact-loc-n { color:#ffb662; }
.design-2026 .contact-aside { border-radius:28px 6px 6px 6px; border-bottom:3px solid #ff9228; background:#f5f9fc; }
.design-2026 .rd-chapter { background:#082c4a!important; border:1px solid #204b6a; border-top:3px solid #ff9228; border-radius:28px 6px 6px 6px; }
.design-2026 .rd-chapter :is(h2,h3) { color:#fff; }
.design-2026 .rd-chapter :is(p,.section-lead) { color:#d0e1ef; }
.design-2026 .rd-chapter .section-label { color:#9cddff!important; }
.design-2026 .rd-chapter .pc-lines li>span { color:#102d46; background:#ff9228; border:0; }
.design-2026 .rd-chapter .pc-lines li { border-color:#ffffff30; }
.design-2026 .rd-chapter a { color:#9cddff!important; }
.design-2026 .check-list li { background:#f5f9fc; border:1px solid #d4e2ed; border-left:3px solid #ff9228; }
.design-2026 .svc-dir li a { background:#fff!important; border-radius:24px 6px 6px 6px; border-bottom:3px solid #ff9228!important; }
.design-2026 .who-grid article,.design-2026 .industry-tiles article { border-radius:24px 6px 6px 6px; border-top:3px solid #ff9228; }
.design-2026 .gallery-tabs button.on,.design-2026 .fq-topics button[aria-pressed=true] { background:#082c4a; border-color:#082c4a; box-shadow:inset 0 -3px #ff9228; }
.design-2026 .fq-list details[open] { background:#f5f9fc!important; }
.design-2026 .fq-list details[open]>summary::after { background:#082c4a; border-color:#082c4a; }
.design-2026 .rd-legal-toc { background:#082c4a; color:#fff; border-left:3px solid #ff9228; }
.design-2026 .rd-legal-toc a { color:#d0e1ef; }
.design-2026 .footer { border-top:4px solid #ff9228!important; }
.design-2026 .rd-chapter .pc-lines li>.pc-lines-n { color:#102d46!important; }
.design-2026 .section:not(.section-navy) .rd-chapter :is(p,li) a:not(.btn) { color:#9cddff!important; }
.design-2026 .svc-dir a>span { color:#9b4600; }
.design-2026 :is(.rd-gallery-page,.doc-hero) .section-label { color:#9cddff!important; }
.design-2026 .fq-number { color:#45697f; }
.design-2026 .panel-bleed .section-label { color:#9cddff!important; }
.design-2026 .panel-bleed .section-lead { color:#dceafa!important; }
.design-2026 .panel-bleed .btn-ghost-light { color:#fff!important; border-color:#fff!important; }
/* Home shows a brief portfolio preview; the full gallery lives on /realizacje. */
.design-2026.page-home #realizacje .gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); columns:auto; gap:1rem; }
.design-2026.page-home #realizacje .gallery-grid figure { margin:0; min-width:0; }
.design-2026.page-home #realizacje .gallery-grid img { height:230px; aspect-ratio:auto; object-fit:cover; }
.design-2026.page-home #realizacje img[data-photo="work-kotly-scienne"] { object-fit:contain; background:#eaf0f4; }
.design-2026.page-home #realizacje .section-cta-row { margin-top:1.3rem; }
@media(max-width:900px) {
 .design-2026.page-home #realizacje .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .design-2026.page-home #realizacje .gallery-grid img { height:210px; }
}
@media(max-width:640px) {
 .design-2026.page-home #realizacje .gallery-grid { gap:.65rem; }
 .design-2026.page-home #realizacje .gallery-grid img { height:170px; }
}
@media(max-width:900px) {
 .design-2026 :is(.rd-hero:not(.rd-home),.rd-gallery-page,.doc-hero,.fq-hero)::before { inset-inline-start:80%; }
 .design-2026 .rd-heating::before { inset-inline-end:75%!important; }
 .design-2026 .rd-system { padding:.7rem; }
}
@media(max-width:640px) {
 .design-2026 :is(.rd-hero:not(.rd-home),.rd-gallery-page,.doc-hero,.fq-hero)::before { inset:0 0 auto auto!important; width:74px; height:110px; }
 .design-2026 .rd-heating::before { clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)!important; }
 .design-2026 .rd-bath .rd-copy { width:100%; }
 .design-2026 .rd-bath-image { opacity:1; z-index:0; }
 .design-2026 .rd-phone-card { padding:1.5rem; }
 .design-2026 :is(.rd-system,.rd-phone-card,.rd-boiler-visual) { box-shadow:5px 5px 0 #ff9228; }
 .design-2026 .fq-hero-note { padding:1rem; }
 .design-2026 .rd-chapter { padding:1.35rem; }
}
