/* FlameWall: warstwa zmian konwersyjnych. Bazowe motywy i zdjęcia pozostają wspólne. */
.hero { min-height:540px; height:43vw; max-height:760px; }
.hero-content { width:46%; max-width:720px; }
.hero .hero-brand { color:var(--ink); font-size:12px; font-weight:700; letter-spacing:.16em; margin:0 0 20px; }
.hero h1 { font-size:clamp(38px,4.6vw,78px); line-height:1.08; }
.hero .hero-description { max-width:440px; font-size:clamp(15px,1.3vw,21px); margin:24px 0 18px; }
.hero-facts { display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; padding:0; margin:0 0 28px; font-size:13px; font-weight:600; }
.hero-facts li { padding-bottom:6px; /*border-bottom:1px solid currentColor;*/ }
.hero-actions { display:flex; align-items:flex-start; flex-direction:column; gap:16px; }
.hero-actions .button { font-size:clamp(13px,1.1vw,17px); }
.text-link { display:inline-block; text-decoration:underline; text-underline-offset:5px; font-size:14px; font-weight:600; }
.hero::after { background:linear-gradient(90deg,var(--hero-mobile) 0%,color-mix(in srgb,var(--hero-mobile) 88%,transparent) 24%,transparent 65%); }
.visualization-label { position:absolute; bottom:14px; right:18px; z-index:3; font-size:11px; line-height:1.4; color:white; background:#171817db; padding:6px 10px; border-radius:5px; pointer-events:none; }
.card-visualization { display:block; font-size:11px; text-align:left; padding:8px 15px 0; color:var(--muted); }
.brand-strip { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:22px var(--gutter); border-bottom:1px solid var(--line); font-size:13px; }
.brand-strip a { text-decoration:underline; text-underline-offset:4px; }
.brand-strip span { color:var(--muted); }
.info-section { padding:70px var(--gutter); display:grid; grid-template-columns:1fr 1.35fr; gap:8%; border-bottom:1px solid var(--line); }
.info-section h2 { font-size:clamp(28px,3vw,46px); font-weight:500; letter-spacing:-.035em; line-height:1.15; margin:0 0 22px; }
.info-section p { color:var(--muted); font-size:clamp(14px,1.1vw,17px); line-height:1.75; margin:0 0 20px; }
.info-section .eyebrow { color:var(--brown); font-size:11px; line-height:1.5; }
.info-section .section-lead { color:var(--ink); font-size:clamp(17px,1.4vw,22px); line-height:1.6; }
.scope-note { border-left:2px solid var(--brown); padding-left:18px; }
.benefits { padding-top:22px; padding-bottom:22px; }
.benefits-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.variants { padding-top:48px; padding-bottom:50px; }
.variants .finish-bar { padding:24px; margin:26px 0; border:1px solid var(--line); border-radius:16px; }
.variant-grid { align-items:stretch; }
.variant-card { display:flex; flex-direction:column; }
.variant-caption { flex:1; width:100%; padding:14px 15px 20px; }
.variant-caption strong { line-height:1.6; }
.variant-caption .variant-action { color:var(--brown); margin-top:15px; font-weight:700; font-size:14px; }
.variant-card[aria-pressed="true"] { outline:2px solid var(--brown); outline-offset:3px; }
.spec-table { width:100%; border-collapse:collapse; font-size:14px; }
.spec-table caption { text-align:left; font-weight:700; margin-bottom:14px; }
.spec-table th,.spec-table td { text-align:left; vertical-align:top; padding:16px 12px; border-bottom:1px solid var(--line); }
.spec-table th { width:44%; font-weight:500; color:var(--muted); }
.spec-table tr:nth-child(odd) { background:var(--surface); }
.interior-banner,.interior-image-wrap { position:relative; }
.legacy-anchor { position:absolute; top:0; left:0; }
.process-list { margin:0; padding:0; list-style:none; }
.process-list li { display:flex; gap:22px; padding:0 0 24px; }
.process-list li:last-child { padding-bottom:0; }
.process-list li>span { color:var(--brown); font-size:24px; font-weight:400; }
.process-list h3 { margin:0 0 6px; font-size:18px; font-weight:600; }
.process-list p { margin:0; }
.company-section { background:var(--surface); }
.company-section address { font-style:normal; font-size:15px; line-height:1.9; }
.company-links { display:flex; gap:15px 30px; flex-wrap:wrap; margin-top:20px; }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; padding:20px 4px; font-size:16px; font-weight:600; }
.faq-list details:first-child summary { padding-top:0; }
.faq-list details p { padding:0 4px 5px; }
.contact-copy { padding:44px 9% 44px 10%; }
.contact-copy h2 { white-space:normal; font-size:clamp(29px,3vw,46px); }
.contact-form { min-width:0; }
.configuration-summary { margin:0 0 10px; padding:13px 15px; background:var(--surface); border:1px solid var(--line); border-radius:9px; font-size:13px; font-weight:700; }
.form-help { font-size:12px; color:var(--muted); margin:0 0 18px; }
.contact-form .submit-button { min-height:48px; }
.privacy-footer-bar p { line-height:1.9; }
@media (max-width:1100px) and (min-width:761px) {
 .site-header { flex-wrap:wrap; gap:8px 16px; }
 .navigation { order:3; width:100%; justify-content:center; padding:10px 0 4px; }
 .header-contact { margin-left:auto; }
 .hero-content { width:50%; }
 .variants .finish-bar { flex-wrap:wrap; gap:20px; }
}
@media (max-width:760px) {
 .hero { min-height:0; height:auto; max-height:none; padding:34px 20px 290px; }
 .hero-content { width:100%; max-width:none; padding:0; position:relative; }
 .hero .hero-brand { font-size:11px; margin-bottom:16px; }
 .hero h1 { font-size:clamp(35px,8vw,58px); }
 .hero .hero-description { margin:18px 0; max-width:450px; font-size:15px; }
 .hero-facts { font-size:12px; gap:10px; margin-bottom:23px; }
 .hero-actions { gap:14px; }
 .hero-actions .button { padding:13px 18px; min-height:48px; font-size:13px; }
 .hero-image { height:320px; top:auto; bottom:0; object-position:60% center; }
 .hero::after { background:linear-gradient(180deg,var(--hero-mobile) 0%,var(--hero-mobile) 52%,transparent 78%); }
 .visualization-label { right:12px; bottom:12px; font-size:10px; }
 .brand-strip { padding:22px 20px; gap:8px; flex-direction:column; align-items:flex-start; }
 .info-section { padding:40px 20px; grid-template-columns:minmax(0,1fr); gap:16px; }
 .info-section h2 { font-size:30px; }
 .info-section h2 br { display:none; }
 .benefits { padding:20px; }
 .benefits-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 .benefits-grid li { padding:15px 6px; min-height:0; }
 .benefits-grid h2 { font-size:12px; }
 .benefits-grid p { font-size:10px; }
 .benefits-grid svg { width:27px; height:27px; margin-bottom:8px; }
 .variants { padding:32px 20px 40px; }
 .variants .finish-bar { margin:22px 0; padding:18px 12px; }
 .finish-picker { width:100%; }
 .finish-option { min-width:0; }
 .finish-option small { font-size:9px; }
 .variant-caption { padding-bottom:20px; }
 .spec-table { font-size:13px; }
 .spec-table th,.spec-table td { padding:14px 10px; }
 .spec-table th { width:42%; }
 .contact { padding:30px 20px; }
 .contact-copy { padding:0 0 25px; }
 .contact-form { padding:22px 16px; }
 .contact-form .submit-button { font-size:13px; padding-left:10px; padding-right:10px; }
 .header-contact .header-cta { font-size:12px; padding:10px 14px; }
 .header-contact { gap:6px 10px; }
 .phone-link.header-phone { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }