@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,700;1,400&family=Barlow+Condensed:wght@600;700&display=swap");

:root{
  --font-base: "Barlow", system-ui, sans-serif;
  --font-head: "Barlow Condensed", system-ui, sans-serif;
  --bg: #0f0e0c;
  --bg-2: #171511;
  --bg-3: #1f1b15;
  --surface: rgba(255,255,255,.04);
  --surface-2: rgba(255,255,255,.06);
  --text: #f5f1e8;
  --muted: #d5cdc0;
  --soft: #b6ada0;
  --line: rgba(255,255,255,.12);
  --line-2: rgba(255,255,255,.2);
  --brand: #c8a34a;
  --brand-2: #e6c978;
  --brand-3: #7a5b18;
  --shadow: 0 18px 48px rgba(0,0,0,.28);
  --radius: 18px;
  --radius-sm: 12px;
  --container: 1180px;
  --focus: #6bb4ff;
  --ok: #d6ecd1;
  --danger: #f6d2d2;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.25rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --hero-grad: radial-gradient(circle at top left, rgba(200,163,74,.2), transparent 40%), linear-gradient(180deg, #0f0e0c, #12100d);
}

html[data-theme="aa"]{
  --bg: #000;
  --bg-2: #0d0d0d;
  --bg-3: #151515;
  --surface: rgba(255,255,255,.04);
  --surface-2: rgba(255,255,255,.07);
  --text: #fff;
  --muted: #e8e8e8;
  --soft: #cfcfcf;
  --line: rgba(255,255,255,.18);
  --line-2: rgba(255,255,255,.28);
  --brand: #fff;
  --brand-2: #fff;
  --brand-3: #fff;
  --shadow: none;
  --hero-grad: linear-gradient(180deg, #000, #0b0b0b);
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

body{
  margin:0;
  font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;line-height:1.65;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}

img,
svg{display:block;max-width:100%}

a{color:inherit;text-decoration:none}
a.link-inline{text-decoration:underline;text-underline-offset:3px}
button,input,select,textarea{font:inherit}

h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding-left:1.2rem}
li+li{margin-top:.35rem}

.skip-link{
  position:absolute;left:1rem;top:-4rem;z-index:1000;
  background:#fff;color:#111;
  padding:.75rem 1rem;border-radius:12px;border:2px solid var(--focus);font-weight:800
}
.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}

.container{
  width:min(100% - 2rem, var(--container));
  margin-inline:auto;
}
@media (min-width: 768px){
  .container{width:min(100% - 3rem, var(--container))}
}

.site-header{
  position:sticky;top:0;z-index:80;
  background:rgba(15,14,12,.96);
  border-bottom:1px solid var(--line);
}
html[data-theme="aa"] .site-header{background:rgba(0,0,0,.96)}
.site-header__inner{
  min-height:4.25rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{
  display:flex;align-items:center;gap:.9rem;min-width:0
}
.brand img{width:2.8rem;height:2.8rem;flex:0 0 auto;border-radius:12px}
.brand__copy{min-width:0}
.brand__name{
  font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;
}
.brand__name em{font-style:normal;color:var(--brand)}
.brand__sub{
  font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)
}

.nav-desktop{display:none}
.nav-desktop ul{display:flex;gap:.35rem;list-style:none;padding:0}
.nav-desktop a{
  display:inline-flex;align-items:center;min-height:2.75rem;
  padding:0 .9rem;border-radius:12px;
  color:var(--muted);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase
}
.nav-desktop a:hover,
.nav-desktop a[aria-current="page"]{background:var(--surface);color:var(--text)}

.header-actions{
  display:flex;align-items:center;gap:.55rem
}
.theme-toggle{
  min-width:2.75rem;min-height:2.75rem;border-radius:12px;border:1px solid var(--line-2);
  background:transparent;color:var(--text);font-weight:900;cursor:pointer
}
.header-phone{
  display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;
  padding:0 .95rem;border-radius:12px;background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#111;font-weight:900;letter-spacing:.03em;white-space:normal;text-align:center
}
html[data-theme="aa"] .header-phone{background:#fff;color:#000}
.mobile-nav{position:relative}
.mobile-nav summary{
  list-style:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:2.75rem;min-height:2.75rem;border-radius:12px;border:1px solid var(--line-2);
  cursor:pointer;background:transparent
}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{
  display:block;width:1.15rem;height:.9rem;position:relative
}
.mobile-nav summary span::before,
.mobile-nav summary span::after,
.mobile-nav summary span i{
  content:"";position:absolute;left:0;right:0;height:2px;background:var(--text);border-radius:2px
}
.mobile-nav summary span::before{top:0}
.mobile-nav summary span i{top:calc(50% - 1px)}
.mobile-nav summary span::after{bottom:0}
.mobile-nav__panel{
  position:absolute;right:0;top:calc(100% + .6rem);width:min(90vw,22rem);
  background:var(--bg-2);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  padding:.8rem
}
.mobile-nav__panel nav ul{list-style:none;padding:0;display:grid;gap:.35rem}
.mobile-nav__panel a{
  display:block;padding:.85rem .9rem;border-radius:12px;background:var(--surface);font-weight:800
}
.mobile-nav__panel a:hover{background:var(--surface-2)}
.mobile-nav__panel .mobile-nav__cta{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#111}
html[data-theme="aa"] .mobile-nav__panel .mobile-nav__cta{background:#fff;color:#000}

@media (min-width: 960px){
  .nav-desktop{display:block}
  .mobile-nav{display:none}
}
@media (max-width: 959px){
  .header-phone{padding-inline:.75rem;font-size:.88rem}
}

main{display:block}
.section{
  padding:3.25rem 0;
  border-bottom:1px solid var(--line)
}
@media (min-width: 960px){
  .section{padding:4.5rem 0}
}
.section--hero{
  background:var(--hero-grad)
}
.section--compact{padding:2.5rem 0}
.section__eyebrow{
  display:inline-flex;align-items:center;gap:.75rem;
  font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)
}
.section__eyebrow::before{
  content:none
}
.section__head{
  display:grid;gap:1rem;margin-bottom:1.8rem
}
.section__head p{max-width:52rem;color:var(--muted)}
.section__title{
  font-size:clamp(2.4rem, 6.5vw, 4.8rem);
  line-height:1.04;letter-spacing:-.04em;font-weight:900
}
.section__subtitle{
  font-size:1rem;color:var(--muted);max-width:46rem
}
.hero{
  display:grid;gap:2rem
}
.hero__content{display:grid;gap:1rem}
.hero__actions{
  display:grid;gap:.75rem;margin-top:.5rem
}
.hero__meta{
  display:grid;gap:.75rem;margin-top:.6rem
}
.hero__trust{
  display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.25rem
}
.pill{
  display:flex;align-items:center;min-height:3rem;padding:0 1rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-weight:800;color:var(--muted)
}
.hero__panel{
  background:linear-gradient(180deg,var(--bg-2),var(--bg-3));
  border:1px solid rgba(200,163,74,.24);border-radius:22px;padding:1rem;box-shadow:var(--shadow)
}
html[data-theme="aa"] .hero__panel{border-color:var(--line)}
.hero__panel-grid{display:grid;gap:1rem}
.hero__stat-grid{display:grid;gap:.75rem}
.stat{
  padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px
}
.stat strong{display:block;font-size:1rem}
.stat span{display:block;color:var(--muted);font-size:.95rem}
.hero__note{font-size:.92rem;color:var(--muted)}
.hero__visual{
  aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1f1b15,#2c271e);
  border:1px solid var(--line)
}
.hero__visual img{width:100%;height:100%;object-fit:cover}
@media (min-width: 960px){
  .hero{
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center
  }
  .hero__actions{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .hero__trust{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .hero__stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:3.25rem;padding:.7rem 1rem;border-radius:14px;border:1px solid transparent;
  font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-align:center
}
.btn--primary{
  background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#111
}
html[data-theme="aa"] .btn--primary{background:#fff;color:#000}
.btn--secondary{
  background:transparent;color:var(--text);border-color:var(--line-2)
}
.btn--secondary:hover{background:var(--surface)}
.btn--text{
  background:transparent;color:var(--brand);padding:0;min-height:auto;border:none;text-transform:none;letter-spacing:0;font-weight:800
}
.button-row{display:flex;flex-wrap:wrap;gap:.75rem}

.grid{display:grid;gap:1rem}
.grid--cards{grid-template-columns:1fr}
.grid--3{grid-template-columns:1fr}
.grid--2{grid-template-columns:1fr}
@media (min-width: 640px){
  .grid--2-md{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 768px){
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width: 960px){
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.card{
  background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:1.15rem
}
.card h3,.card h4{font-size:1.05rem;line-height:1.2;margin-bottom:.45rem}
.card p{color:var(--muted)}
.card ul{color:var(--muted)}
.card--lift:hover{transform:translateY(-2px);transition:transform .18s ease}
.card--split{display:grid;gap:1rem}
.card--accent{border-color:rgba(200,163,74,.22)}
html[data-theme="aa"] .card--accent{border-color:var(--line)}

.offer-list{display:grid;gap:1rem}
@media (min-width: 640px){
  .offer-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 960px){
  .offer-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.before-after-list{display:grid;gap:1.25rem}
.before-after{
  display:grid;gap:1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:1rem
}
.before-after__media{display:grid;gap:1rem}
@media (min-width: 640px){
  .before-after__media{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ba-figure{
  display:grid;gap:.65rem
}
.ba-label{
  font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)
}
.ba-frame{
  aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg-3)
}
.ba-frame img{width:100%;height:100%;object-fit:cover}
.before-after__desc{color:var(--muted)}

.guide-list{display:grid;gap:1rem}
@media (min-width: 768px){
  .guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.guide-card a{display:grid;gap:.55rem;height:100%}
.guide-card p{color:var(--muted)}
.guide-card .meta{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}

.about-split{display:grid;gap:1rem}
@media (min-width: 960px){
  .about-split{grid-template-columns:1.1fr .9fr}
}

.faq-list{display:grid;gap:.85rem}
.faq{
  background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:0
}
.faq summary{
  cursor:pointer;list-style:none;padding:1rem 1.1rem;font-weight:900
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";float:right;font-size:1.1rem;color:var(--brand)
}
.faq[open] summary::after{content:"–"}
.faq__answer{
  padding:0 1.1rem 1rem;color:var(--muted)
}

.contact-grid{display:grid;gap:1rem}
@media (min-width: 768px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1280px){
  .contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.contact-card dl{display:grid;gap:.7rem}
.contact-card dt{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}
.contact-card dd{margin:0}
.contact-card a{word-break:break-word}

.map-wrap{
  display:grid;gap:1rem
}
.map-frame{
  width:100%;min-height:340px;border:0;border-radius:20px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)
}
@media (min-width: 960px){
  .map-frame{min-height:420px}
}
.map-note{color:var(--muted)}

.breadcrumbs{
  margin-bottom:1.2rem;color:var(--soft);font-size:.94rem
}
.breadcrumbs ol{
  list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.55rem
}
.breadcrumbs li+li::before{content:"/";margin-right:.55rem;color:var(--soft)}

.article{
  display:grid;gap:1.5rem
}
.article__lead{
  font-size:1.06rem;color:var(--muted);max-width:50rem
}
.article__content{
  display:grid;gap:1.4rem
}
.article__content section{
  background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:1.15rem
}
.article__content h2{font-size:1.35rem;margin-bottom:.8rem}
.article__cta{
  background:linear-gradient(180deg,var(--bg-2),var(--bg-3));border:1px solid var(--line);border-radius:20px;padding:1.2rem
}

.page-nav{
  display:grid;gap:1rem
}
@media (min-width: 768px){
  .page-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.small{font-size:.94rem;color:var(--muted)}
.legal h2{font-size:1.35rem;margin-bottom:.75rem}
.legal section{display:grid;gap:.85rem;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:1.15rem}
.legal-list{display:grid;gap:.65rem}

.notice{
  padding:1rem;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--muted)
}

.site-footer{
  padding:2.5rem 0 2rem;
  border-top:1px solid var(--line)
}
.footer-grid{
  display:grid;gap:2rem
}
@media (min-width: 768px){
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
.footer-col-label{
  font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.75rem
}
.footer-nav{
  display:grid;gap:.4rem
}
.footer-nav a{
  font-size:.85rem;color:var(--muted);text-decoration:none;transition:color .15s
}
.footer-nav a:hover{color:var(--text)}
.footer-copy{color:var(--muted);font-size:.85rem;line-height:1.7}
.footer-copy strong{color:var(--text);font-size:.95rem}
.footer-meta{color:var(--soft);font-size:.8rem;margin-top:.25rem}
.footer-bottom{
  margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);
  font-size:.78rem;color:var(--soft);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:.5rem
}
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}


/* WhatsApp header button */
.header-wa{
  background:#25D366 !important;
  color:#0b0b0b !important;
  border-color:#25D366 !important;
  font-weight:900;
  box-shadow:0 10px 24px rgba(37,211,102,.18);
}
.header-wa:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}
html[data-theme="aa"] .header-wa{
  background:#25D366 !important;
  color:#0b0b0b !important;
  border-color:#25D366 !important;
}
@media (max-width: 767px){
  .header-wa{
    min-width:0;
    padding-inline:.9rem !important;
    white-space:nowrap;
  }
}


/* AA_FORCE_CONTRAST_START */
html[data-theme="aa"],
html[data-theme="aa"] body{
  background:#ffffff !important;
  color:#000000 !important;
}

html[data-theme="aa"] .site-header,
html[data-theme="aa"] .mobile-nav__panel,
html[data-theme="aa"] .hero__panel,
html[data-theme="aa"] .card,
html[data-theme="aa"] .card--accent,
html[data-theme="aa"] .pill,
html[data-theme="aa"] .before-after,
html[data-theme="aa"] .ba-frame,
html[data-theme="aa"] .stat,
html[data-theme="aa"] .theme-toggle,
html[data-theme="aa"] .header-phone,
html[data-theme="aa"] .header-wa,
html[data-theme="aa"] .btn,
html[data-theme="aa"] .mobile-nav summary,
html[data-theme="aa"] .mobile-nav__cta{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}

html[data-theme="aa"] a,
html[data-theme="aa"] p,
html[data-theme="aa"] li,
html[data-theme="aa"] dt,
html[data-theme="aa"] dd,
html[data-theme="aa"] span,
html[data-theme="aa"] strong,
html[data-theme="aa"] em,
html[data-theme="aa"] h1,
html[data-theme="aa"] h2,
html[data-theme="aa"] h3,
html[data-theme="aa"] h4,
html[data-theme="aa"] .section__eyebrow,
html[data-theme="aa"] .section__title,
html[data-theme="aa"] .section__subtitle,
html[data-theme="aa"] .brand__name,
html[data-theme="aa"] .brand__sub,
html[data-theme="aa"] .meta,
html[data-theme="aa"] .link-inline,
html[data-theme="aa"] .nav-desktop a,
html[data-theme="aa"] .mobile-nav a{
  color:#000000 !important;
}

html[data-theme="aa"] .btn--primary,
html[data-theme="aa"] .btn--secondary,
html[data-theme="aa"] .mobile-nav__cta{
  background:#ffffff !important;
  color:#000000 !important;
  border:2px solid #000000 !important;
}

html[data-theme="aa"] img,
html[data-theme="aa"] svg{
  filter:none !important;
}

html[data-theme="aa"] *:focus-visible{
  outline:3px solid #000000 !important;
  outline-offset:2px !important;
}
/* AA_FORCE_CONTRAST_END */


/* AA_FAQ_FIX_START */
html[data-theme="aa"] .faq,
html[data-theme="aa"] .faq-item,
html[data-theme="aa"] .faq-question,
html[data-theme="aa"] .faq-answer,
html[data-theme="aa"] details.faq-item,
html[data-theme="aa"] details.faq-item > summary{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}

html[data-theme="aa"] .faq-question *,
html[data-theme="aa"] .faq-answer *,
html[data-theme="aa"] details.faq-item > summary *,
html[data-theme="aa"] details.faq-item[open] *{
  color:#000000 !important;
}

html[data-theme="aa"] .faq-answer{
  border-top:1px solid #000000 !important;
}

html[data-theme="aa"] .faq-question::before,
html[data-theme="aa"] .faq-question::after,
html[data-theme="aa"] details.faq-item > summary::before,
html[data-theme="aa"] details.faq-item > summary::after{
  color:#000000 !important;
  background:#ffffff !important;
  border-color:#000000 !important;
}

html[data-theme="aa"] .faq-item[open],
html[data-theme="aa"] details[open].faq-item{
  background:#ffffff !important;
  color:#000000 !important;
}
/* AA_FAQ_FIX_END */


/* AA_HERO_FIX_START */
html[data-theme="aa"] .section--hero,
html[data-theme="aa"] .hero,
html[data-theme="aa"] .hero__content,
html[data-theme="aa"] .hero__content *,
html[data-theme="aa"] .hero__panel,
html[data-theme="aa"] .hero__panel *,
html[data-theme="aa"] .hero__panel-grid,
html[data-theme="aa"] .hero__visual,
html[data-theme="aa"] .hero__stat-grid,
html[data-theme="aa"] .hero__note,
html[data-theme="aa"] .stat,
html[data-theme="aa"] .pill,
html[data-theme="aa"] .section__eyebrow,
html[data-theme="aa"] .section__title,
html[data-theme="aa"] .section__subtitle{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#000000 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

html[data-theme="aa"] .section--hero::before,
html[data-theme="aa"] .section--hero::after,
html[data-theme="aa"] .hero::before,
html[data-theme="aa"] .hero::after,
html[data-theme="aa"] .hero__content::before,
html[data-theme="aa"] .hero__content::after,
html[data-theme="aa"] .hero__panel::before,
html[data-theme="aa"] .hero__panel::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

html[data-theme="aa"] .section__title,
html[data-theme="aa"] h1{
  color:#000000 !important;
  background:#ffffff !important;
}

html[data-theme="aa"] .pill,
html[data-theme="aa"] .stat,
html[data-theme="aa"] .hero__panel,
html[data-theme="aa"] .hero__visual{
  border:2px solid #000000 !important;
}

html[data-theme="aa"] .hero__visual img{
  background:#ffffff !important;
}
/* AA_HERO_FIX_END */


/* CUSTOM_UI_PATCH_START */
/* ════════════════════════════════════════════════════════════
   MODERNHOME — patch typografia, spacing, nav mobile
   ════════════════════════════════════════════════════════════ */

/* ── 1. GLOBALNE — więcej powietrza, większa czcionka ── */
body {
  font-size: 1.05rem;
  line-height: 1.72;
}

/* ── 2. NAV — naprawa mobile ── */
.brand__name {
  font-size: 1rem;
  white-space: nowrap;
}
.brand__sub {
  font-size: .62rem;
  white-space: nowrap;
}

.header-phone {
  white-space: nowrap !important;
  min-height: 2.75rem;
  padding-inline: .85rem;
  font-size: .82rem;
  letter-spacing: .01em;
}

@media (max-width: 479px) {
  .header-phone:not(.header-wa) {
    display: none;
  }
}

.header-actions {
  gap: .4rem;
}

/* ── 3. HERO — więcej oddechu wewnątrz ── */
.hero__content {
  gap: 1.4rem;
}

.hero__actions {
  gap: .85rem;
  margin-top: 1rem;
}

.hero__trust {
  margin-top: .75rem;
  gap: .85rem;
}

/* ── 4. SEKCJE — więcej powietrza między sekcjami ── */
.section {
  padding: 3.75rem 0;
}
@media (min-width: 960px) {
  .section {
    padding: 5.25rem 0;
  }
}

.section__head {
  gap: 1.25rem;
  margin-bottom: 2.2rem;
}

/* ── 5. PRZYCISKI — mniej agresywne, bardziej eleganckie ── */
.btn {
  min-height: 3rem;
  padding: .65rem 1.25rem;
  border-radius: 12px;
  font-size: .88rem;
  letter-spacing: .06em;
}

/* ── 6. KARTY — więcej paddingu wewnątrz ── */
.card {
  padding: 1.4rem;
  border-radius: 16px;
}

.card h3,
.card h4 {
  font-size: 1.05rem;
  margin-bottom: .6rem;
}

.card p,
.card ul {
  font-size: .97rem;
  line-height: 1.68;
}

/* ── 7. STAT KARTY w hero panelu ── */
.stat {
  padding: 1.15rem;
}

.stat strong {
  font-size: 1.05rem;
  margin-bottom: .2rem;
}

.stat span {
  font-size: .92rem;
  line-height: 1.55;
}

/* ── 8. HERO PANEL — border-radius spójny ── */
.hero__panel {
  border-radius: 20px;
  padding: 1.2rem;
}

/* ── 9. TYTUŁY SEKCJI — trochę większy lead ── */
.section__subtitle {
  font-size: 1.05rem;
  line-height: 1.72;
  max-width: 52rem;
}

.section__head p {
  font-size: 1.02rem;
  line-height: 1.72;
}

/* ── 10. FAQ — więcej powietrza ── */
.faq summary {
  padding: 1.1rem 1.25rem;
  font-size: 1rem;
}

.faq__answer {
  padding: 0 1.25rem 1.1rem;
  font-size: .98rem;
  line-height: 1.72;
}

.faq-list {
  gap: 1rem;
}

/* ── 11. FOOTER ── */
.site-footer {
  padding: 2.5rem 0 3rem;
}

.footer-copy,
.footer-meta {
  font-size: .96rem;
  line-height: 1.68;
}

/* ── 12. BEFORE/AFTER realizacje ── */
.before-after {
  padding: 1.25rem;
  gap: 1.25rem;
}

.ba-label {
  font-size: .8rem;
}

/* ── 13. KONTAKT karty ── */
.contact-card dt {
  font-size: .82rem;
  letter-spacing: .08em;
}

.contact-card dd {
  font-size: 1rem;
  line-height: 1.6;
}

/* ── 14. ARTYKUŁY (poradnik) ── */
.article__content section {
  padding: 1.4rem;
}

.article__content h2 {
  font-size: 1.4rem;
  margin-bottom: .9rem;
}

/* ── 15. MOBILE — container padding ── */
@media (max-width: 767px) {
  .container {
    width: min(100% - 2.5rem, var(--container));
  }

  .section {
    padding: 3rem 0;
  }

  .section__head {
    margin-bottom: 1.75rem;
  }

  .section__title {
    font-size: clamp(2rem, 9vw, 3.2rem);
    letter-spacing: -.035em;
  }

  .hero__actions {
    grid-template-columns: 1fr;
  }

  .hero__trust {
    grid-template-columns: 1fr;
  }
}
/* CUSTOM_UI_PATCH_END */




/* HEADER_LAYOUT_FIX_START */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
}

.site-header__inner{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  column-gap:1.25rem !important;
  min-height:88px !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  gap:.75rem !important;
  min-width:0 !important;
  text-decoration:none !important;
}

.brand img{
  width:44px !important;
  height:auto !important;
  flex:0 0 auto !important;
}

.brand__copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
}

.brand__name,
.brand__sub{
  white-space:nowrap !important;
}

.brand__name{
  font-size:1.05rem !important;
  line-height:1.05 !important;
}

.brand__sub{
  font-size:.72rem !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
}

.nav-desktop{
  min-width:0 !important;
}

.nav-desktop ul{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1.1rem !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.nav-desktop li{
  flex:0 0 auto !important;
  min-width:auto !important;
}

.nav-desktop a{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-align:center !important;
  line-height:1.15 !important;
  font-size:.88rem !important;
  letter-spacing:.02em !important;
}

.header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:.6rem !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

.header-actions > *{
  flex:0 0 auto !important;
}

.theme-toggle,
.header-phone,
.header-wa,
.mobile-nav summary{
  white-space:nowrap !important;
}

@media (max-width: 1220px){
  .nav-desktop ul{
    gap:.8rem !important;
  }
  .nav-desktop a{
    font-size:.8rem !important;
  }
  .brand__name{
    font-size:.98rem !important;
  }
  .brand__sub{
    font-size:.66rem !important;
  }
}

@media (max-width: 1080px){
  .nav-desktop{
    display:none !important;
  }
  .site-header__inner{
    grid-template-columns:1fr auto !important;
  }
  .mobile-nav{
    display:block !important;
  }
}

@media (min-width: 1081px){
  .mobile-nav{
    display:none !important;
  }
}
/* HEADER_LAYOUT_FIX_END */




/* PAGE_NAV_SPACING_FIX_START */
.page-nav .card strong{
  display:block !important;
  margin-bottom:.35rem !important;
}

.page-nav .card .small{
  display:block !important;
  margin-top:0 !important;
  line-height:1.5 !important;
}

.page-nav .card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
/* PAGE_NAV_SPACING_FIX_END */




/* BRAND_VISIBILITY_FIX_START */
.brand__name,
.brand__name em,
.brand__sub{
  color:#f5f1e8 !important;
}

.site-header .brand{
  color:inherit !important;
  text-decoration:none !important;
}

html[data-theme="default"] .brand__name,
html[data-theme="default"] .brand__name em,
html[data-theme="default"] .brand__sub{
  color:#f5f1e8 !important;
}

html[data-theme="aa"] .brand__name,
html[data-theme="aa"] .brand__name em,
html[data-theme="aa"] .brand__sub{
  color:#000000 !important;
}

@media (max-width: 1080px){
  .site-header .brand__name,
  .site-header .brand__name em,
  .site-header .brand__sub{
    color:#f5f1e8 !important;
  }

  html[data-theme="aa"] .site-header .brand__name,
  html[data-theme="aa"] .site-header .brand__name em,
  html[data-theme="aa"] .site-header .brand__sub{
    color:#000000 !important;
  }
}
/* BRAND_VISIBILITY_FIX_END */




/* BRAND_ICON_REMOVE_FIX_START */
.brand{
  gap:0 !important;
}

.brand__copy{
  margin-left:0 !important;
}
/* BRAND_ICON_REMOVE_FIX_END */




/* FLOATING_AA_BUTTON_START */
.theme-toggle--floating{
  position:fixed !important;
  right:16px !important;
  bottom:16px !important;
  z-index:99996 !important;
  min-width:56px !important;
  min-height:56px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
}

.theme-toggle--floating [data-theme-label]{
  display:inline-block !important;
  line-height:1 !important;
}

html[data-theme="aa"] .theme-toggle--floating{
  background:#fff !important;
  color:#000 !important;
  border:2px solid #000 !important;
  box-shadow:none !important;
}

@media (max-width: 767px){
  .theme-toggle--floating{
    right:16px !important;
    bottom:84px !important;
  }
}
/* FLOATING_AA_BUTTON_END */



/* FLOATING_AA_BUTTON_FORCE_START */
.theme-toggle--floating{
  position:fixed !important;
  right:16px !important;
  bottom:84px !important;
  z-index:2147483647 !important;
  min-width:56px !important;
  min-height:56px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.theme-toggle--floating [data-theme-label]{
  display:inline-block !important;
  line-height:1 !important;
  color:inherit !important;
}

html[data-theme="aa"] .theme-toggle--floating{
  background:#fff !important;
  color:#000 !important;
  border:2px solid #000 !important;
  box-shadow:none !important;
}

@media (min-width: 768px){
  .theme-toggle--floating{
    bottom:20px !important;
  }
}
/* FLOATING_AA_BUTTON_FORCE_END */



/* INDEX_AA_FORCE_START */
.theme-toggle--floating{
  position:fixed !important;
  right:16px !important;
  bottom:84px !important;
  z-index:2147483647 !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

.theme-toggle--floating span{
  color:inherit !important;
  display:block !important;
  line-height:1 !important;
}

html[data-theme="aa"] .theme-toggle--floating{
  background:#fff !important;
  color:#000 !important;
  border:2px solid #000 !important;
  box-shadow:none !important;
}

@media (min-width: 768px){
  .theme-toggle--floating{
    bottom:20px !important;
  }
}
/* INDEX_AA_FORCE_END */