/* =========================================================
   BRIAL Modern UI (scoped)
   Używaj przez wrapper: <div class="brial-home">...</div>
   ========================================================= */

.brial-home{
  --brial-radius: 18px;
  --brial-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.brial-home a{ text-decoration: none; }
.brial-home img{ max-width: 100%; height: auto; }

/* Sections */
.brial-home .brial-section{ padding: 72px 0; }
.brial-home .brial-section--tight{ padding: 56px 0; }

.brial-home .brial-section-title{
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: .2px;
}
.brial-home .brial-section-lead{
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.7;
  opacity: .9;
}
.brial-home .brial-muted{ opacity: .8; font-weight: 700; }

/* Chips */
.brial-home .brial-chiprow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.brial-home .brial-chip{
  background: rgba(0,0,0,.05);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
  font-size: 13px;
}

/* Cards */
.brial-home .brial-card{
  background:#fff;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  padding: 22px;
  height: 100%;
}
.brial-home .brial-card h4,
.brial-home .brial-card h5{
  margin-top: 0;
  font-weight: 800;
}

/* Grid */
.brial-home .brial-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.brial-home .brial-col-4{ grid-column: span 4; }
.brial-home .brial-col-6{ grid-column: span 6; }
.brial-home .brial-col-8{ grid-column: span 8; }
.brial-home .brial-col-12{ grid-column: span 12; }

/* Buttons */
.brial-home .brial-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.25);
  line-height: 1.1;
  cursor: pointer;
  user-select: none;
  transition: transform .15s ease, opacity .15s ease;
}
.brial-home .brial-btn:hover{ transform: translateY(-1px); opacity: .98; }
.brial-home .brial-btn:active{ transform: translateY(0); opacity: .95; }

.brial-home .brial-btn--primary{
  background: #10b981;
  border-color: #10b981;
  color: #fff;
}
.brial-home .brial-btn--ghost{
  background: rgba(255,255,255,.12);
  color: #fff;
}

/* HERO */
.brial-home .brial-hero{
  --brial-hero-image: url('/static/images/hero.jpeg');
  --brial-hero-overlay: linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 100%);
  position: relative;
  overflow: hidden;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
}

.brial-home .brial-hero-bg{
  position: absolute;
  inset: 0;
  background-image: var(--brial-hero-overlay), var(--brial-hero-image);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

/* Extra scrim to guarantee contrast */
.brial-home .brial-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.10);
  pointer-events:none;
}

/* Make text readable on any image */
.brial-home .brial-hero-content{
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}

/* Optional "glass" behind text (helps on very bright images) */
.brial-home .brial-hero-content{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(2px);
  border-radius: 16px;
  padding: 14px 16px;
  display: inline-block;
}

/* Ensure hero text color and contrast are enforced site-wide for brial-home */
.brial-home .brial-hero-content {
  color: #ffffff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.7) !important;
}
.brial-home .brial-hero-kicker,
.brial-home .brial-hero h1,
.brial-home .brial-hero p,
.brial-home .brial-hero .brial-hero-actions,
.brial-home .brial-hero .brial-hero-metrics {
  color: #ffffff !important;
}

/* ensure buttons inside hero remain visible on dark backgrounds */
.brial-home .brial-hero .brial-btn--ghost{ color: #fff !important; border-color: rgba(255,255,255,.18) !important; }
.brial-home .brial-hero .brial-btn--primary{ color: #fff !important; }

/* Ensure hero inner has sensible height so background is visible on all pages */
.brial-home .brial-hero-inner{
  position: relative;
  display: flex;
  align-items: center;
  padding: 36px;
  min-height: 520px; /* same as index hero */
}

@media (max-width: 767px){
  .brial-home .brial-hero{
    --brial-hero-overlay: linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.40) 55%, rgba(0,0,0,.24) 100%);
  }
  .brial-home .brial-hero-inner{ padding: 22px; min-height: 520px; }
}
.brial-home .brial-hero-kicker{
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .9;
}
.brial-home .brial-hero h1{
  margin: 10px 0 12px;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.08;
  color: #fff;
}
.brial-home .brial-hero p{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.7;
  opacity: .95;
}
.brial-home .brial-hero-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.brial-home .brial-hero-metrics{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.brial-home .brial-metric{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 12px 14px;
}
.brial-home .brial-metric strong{
  display:block;
  font-size: 18px;
}
.brial-home .brial-metric span{
  display:block;
  font-size: 12px;
  opacity: .9;
}

/* Gallery tiles */
.brial-home .brial-gallery{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}
.brial-home .brial-tile{
  grid-column: span 4;
  border-radius: var(--brial-radius);
  overflow:hidden;
  box-shadow: var(--brial-shadow);
  background:#fff;
}
.brial-home .brial-tile img{
  width:100%;
  height: 230px;
  object-fit: cover;
  display:block;
}
.brial-home .brial-tile .meta{ padding: 14px 16px; }
.brial-home .brial-tile .meta strong{ display:block; font-weight: 900; }
.brial-home .brial-tile .meta span{ display:block; opacity: .8; margin-top: 4px; }

/* Steps */
.brial-home .brial-step{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}
.brial-home .brial-step-badge{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(16,185,129,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color:#0f766e;
  flex: 0 0 auto;
}

/* Testimonials */
.brial-home .brial-quote{ font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.brial-home .brial-quote-by{ display:flex; flex-direction:column; gap:2px; opacity: .9; }
.brial-home .brial-stars{ letter-spacing: 2px; font-weight: 900; }

/* Contact */
.brial-home .brial-contactbox a{ font-weight: 900; }
.brial-home .brial-formhint{ font-size: 13px; opacity: .8; margin-top: 10px; }

/* Reveal animation */
.brial-home .reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s ease, transform .7s ease;
}
.brial-home .reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .brial-home .reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .brial-home .brial-hero-bg{ transform: none; }
}

/* Responsive */
@media (max-width: 991px){
  .brial-home .brial-hero h1{ font-size: 34px; }
  .brial-home .brial-col-4{ grid-column: span 12; }
  .brial-home .brial-col-6{ grid-column: span 12; }
  .brial-home .brial-col-8{ grid-column: span 12; }
  .brial-home .brial-tile{ grid-column: span 12; }
  .brial-home .brial-tile img{ height: 240px; }
}

@media (max-width: 767px){
  .brial-home .brial-hero-inner{ padding: 22px; }
  .brial-home .brial-hero-bg{
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.20) 100%),
      url('/static/images/hero.jpeg');
  }
}

@media (max-width: 420px){
  .brial-home .brial-hero h1{ font-size: 28px; }
  .brial-home .brial-hero-inner{ padding: 18px; }
}

/* =========================================================
   BRIAL Modern UI — dodatki (kontakt / strony bez hero)
   Dopisz NA KOŃCU Twojego pliku z .brial-home
   ========================================================= */

/* Button for light backgrounds (non-hero) */
.brial-home .brial-btn--outline{
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.12);
}
.brial-home .brial-btn--outline:hover{ opacity: .98; }
.brial-home .brial-btn--outline:active{ opacity: .95; }

/* “Header card” (bez zdjęcia) */
.brial-home .brial-page-hero-card{
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(16,185,129,.12) 0%, rgba(59,130,246,.08) 55%, rgba(255,255,255,1) 100%);
  border: 1px solid rgba(0,0,0,.06);
}

/* Forms */
.brial-home .brial-form-row{ margin-bottom: 12px; }
.brial-home .brial-label{
  display:block;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 6px;
  opacity: .9;
}
.brial-home .brial-input,
.brial-home .brial-textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.brial-home .brial-textarea{ resize: vertical; min-height: 140px; }
.brial-home .brial-input:focus,
.brial-home .brial-textarea:focus{
  border-color: rgba(16,185,129,.45);
  box-shadow: 0 0 0 4px rgba(16,185,129,.15);
}

/* Feedback */
.brial-home .brial-feedback{
  min-height: 20px;
  margin: 10px 0 12px;
  font-weight: 800;
}
.brial-home .brial-feedback--ok{ color: #047857; }
.brial-home .brial-feedback--err{ color: #b91c1c; }

/* Sticky card (desktop only) */
.brial-home .brial-sticky{ position: sticky; top: 1rem; }
@media (max-width: 991px){
  .brial-home .brial-sticky{ position: static; top:auto; }
}

/* Map card */
.brial-home .brial-map-card{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
}

.brial-home .brial-page-hero-card .brial-hero-kicker{
  color:#111 !important;
  text-shadow: none !important; /* bez “liquid glass” efektu z hero */
}

/* Teksty w header-card bez zdjęcia też trzymamy w ciemnym kolorze */
.brial-home .brial-page-hero-card .entry-title,
.brial-home .brial-page-hero-card p{
  color:#111;
  text-shadow:none;
}

/* Ghost button na jasnym tle w header-card */
.brial-home .brial-page-hero-card .brial-btn--ghost{
  background: rgba(0,0,0,.03);
  color:#111;
  border-color: rgba(0,0,0,.12);
}

.brial-home .brial-hero-kicker{
  color:#111;
  text-shadow:none;
}

/* Header-card bez zdjęcia – kicker zawsze czarny */
.brial-home .brial-page-hero-card .brial-hero-kicker{
  color:#111 !important;
  text-shadow:none !important;
}

/* =========================================================
   BRIAL Modern UI (scoped)
   Używaj przez wrapper: <div class="brial-home">...</div>
   ========================================================= */

.brial-home{
  --brial-radius: 18px;
  --brial-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.brial-home a{ text-decoration: none; }
.brial-home img{ max-width: 100%; height: auto; }

/* Sections */
.brial-home .brial-section{ padding: 72px 0; }
.brial-home .brial-section--tight{ padding: 56px 0; }

.brial-home .brial-section-title{ margin: 0 0 10px; font-weight: 800; letter-spacing: .2px; }
.brial-home .brial-section-lead{ margin: 0 0 26px; font-size: 16px; line-height: 1.7; opacity: .9; }
.brial-home .brial-muted{ opacity: .8; font-weight: 700; }

/* Chips */
.brial-home .brial-chiprow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.brial-home .brial-chip{ background: rgba(0,0,0,.05); border-radius: 999px; padding: 8px 12px; font-weight: 700; font-size: 13px; }

/* Cards */
.brial-home .brial-card{
  background:#fff;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  padding: 22px;
  height: 100%;
}
.brial-home .brial-card h4,
.brial-home .brial-card h5{ margin-top: 0; font-weight: 800; }

/* Grid */
.brial-home .brial-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.brial-home .brial-col-4{ grid-column: span 4; }
.brial-home .brial-col-6{ grid-column: span 6; }
.brial-home .brial-col-8{ grid-column: span 8; }
.brial-home .brial-col-12{ grid-column: span 12; }

/* Buttons */
.brial-home .brial-btn{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 12px; padding: 12px 16px; font-weight: 900;
  border: 1px solid rgba(255,255,255,.25);
  line-height: 1.1; cursor: pointer; user-select: none;
  transition: transform .15s ease, opacity .15s ease;
}
.brial-home .brial-btn:hover{ transform: translateY(-1px); opacity: .98; }
.brial-home .brial-btn:active{ transform: translateY(0); opacity: .95; }

.brial-home .brial-btn--primary{ background: #10b981; border-color: #10b981; color: #fff; }
.brial-home .brial-btn--ghost{ background: rgba(255,255,255,.12); color: #fff; }

/* HERO (image) */
.brial-home .brial-hero{
  --brial-hero-image: url('/static/images/hero.jpeg');
  --brial-hero-overlay: linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 100%);
  position: relative;
  overflow: hidden;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
}

.brial-home .brial-hero-bg{
  position: absolute;
  inset: 0;
  background-image: var(--brial-hero-overlay), var(--brial-hero-image);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

.brial-home .brial-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.10);
  pointer-events:none;
}

/* glass behind hero text (only hero) */
.brial-home .brial-hero .brial-hero-content{
  max-width: 720px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(2px);
  border-radius: 16px;
  padding: 14px 16px;
  display: inline-block;

  color: #fff;
  text-shadow: 0 3px 18px rgba(0,0,0,.7);
}

.brial-home .brial-hero-inner{
  position: relative;
  display: flex;
  align-items: center;
  padding: 36px;
  min-height: 520px;
}

.brial-home .brial-hero-kicker{
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .9;
}

/* BIAŁE tylko w hero ze zdjęciem */
.brial-home .brial-hero .brial-hero-kicker,
.brial-home .brial-hero h1,
.brial-home .brial-hero p,
.brial-home .brial-hero .brial-hero-actions,
.brial-home .brial-hero .brial-hero-metrics{
  color:#fff;
}

.brial-home .brial-hero h1{
  margin: 10px 0 12px;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.08;
}
.brial-home .brial-hero p{ margin: 0 0 18px; font-size: 16px; line-height: 1.7; opacity: .95; }
.brial-home .brial-hero-actions{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.brial-home .brial-hero-metrics{ display:flex; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.brial-home .brial-metric{ background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); border-radius: 14px; padding: 12px 14px; }
.brial-home .brial-metric strong{ display:block; font-size: 18px; }
.brial-home .brial-metric span{ display:block; font-size: 12px; opacity: .9; }

/* Gallery tiles */
.brial-home .brial-gallery{ display:grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.brial-home .brial-tile{ grid-column: span 4; border-radius: var(--brial-radius); overflow:hidden; box-shadow: var(--brial-shadow); background:#fff; }
.brial-home .brial-tile img{ width:100%; height: 230px; object-fit: cover; display:block; }
.brial-home .brial-tile .meta{ padding: 14px 16px; }
.brial-home .brial-tile .meta strong{ display:block; font-weight: 900; }
.brial-home .brial-tile .meta span{ display:block; opacity: .8; margin-top: 4px; }

/* Steps */
.brial-home .brial-step{ display:flex; gap: 14px; align-items:flex-start; }
.brial-home .brial-step-badge{
  width: 40px; height: 40px; border-radius: 12px;
  background: rgba(16,185,129,.14);
  display:flex; align-items:center; justify-content:center;
  font-weight: 900; color:#0f766e; flex: 0 0 auto;
}

/* Testimonials */
.brial-home .brial-quote{ font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.brial-home .brial-quote-by{ display:flex; flex-direction:column; gap:2px; opacity: .9; }
.brial-home .brial-stars{ letter-spacing: 2px; font-weight: 900; }

/* Contact */
.brial-home .brial-contactbox a{ font-weight: 900; }
.brial-home .brial-formhint{ font-size: 13px; opacity: .8; margin-top: 10px; }

/* Reveal animation */
.brial-home .reveal{ opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
.brial-home .reveal.is-visible{ opacity: 1; transform: translateY(0); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .brial-home .reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
  .brial-home .brial-hero-bg{ transform: none; }
}

/* Responsive */
@media (max-width: 991px){
  .brial-home .brial-hero h1{ font-size: 34px; }
  .brial-home .brial-col-4,
  .brial-home .brial-col-6,
  .brial-home .brial-col-8{ grid-column: span 12; }
  .brial-home .brial-tile{ grid-column: span 12; }
  .brial-home .brial-tile img{ height: 240px; }
}
@media (max-width: 767px){
  .brial-home .brial-hero{ --brial-hero-overlay: linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.40) 55%, rgba(0,0,0,.24) 100%); }
  .brial-home .brial-hero-inner{ padding: 22px; min-height: 520px; }
}
@media (max-width: 420px){
  .brial-home .brial-hero h1{ font-size: 28px; }
  .brial-home .brial-hero-inner{ padding: 18px; }
}

/* ====== dodatki: strony bez zdjęcia ====== */
.brial-home .brial-page-hero-card{
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  padding: 22px;
  background: linear-gradient(135deg, rgba(16,185,129,.12) 0%, rgba(59,130,246,.08) 55%, rgba(255,255,255,1) 100%);
  border: 1px solid rgba(0,0,0,.06);
}

/* kicker czarny w header-card (bez „glass”) */
.brial-home .brial-page-hero-card .brial-hero-kicker{
  color:#111 !important;
  text-shadow:none !important;
}


/* ===== Materiały: header card + galeria (bez inline <style>) ===== */

.brial-home .brial-material-hero{
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  background: linear-gradient(135deg, rgba(16,185,129,.10) 0%, rgba(0,0,0,.02) 52%, rgba(59,130,246,.06) 100%);
  border: 1px solid rgba(0,0,0,.06);
  padding: 26px;
}

.brial-home .brial-material-hero h1{
  margin: 0 0 10px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: .2px;
  font-size: 34px;
}

.brial-home .brial-material-hero .brial-hero-actions{ margin-top: 14px; }

/* przyciski na jasnym tle */
.brial-home .brial-material-hero .brial-btn{ border: 1px solid rgba(0,0,0,.10); }
.brial-home .brial-material-hero .brial-btn--ghost{
  background: rgba(0,0,0,.03);
  color:#111;
  border-color: rgba(0,0,0,.10);
}
.brial-home .brial-material-hero .brial-btn--ghost:hover{ background: rgba(0,0,0,.05); }

/* Opis w header-card (#textContent) */
.brial-home .brial-material-desc{
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.75;
  opacity: .92;
}
.brial-home .brial-material-desc p{ margin: 0 0 10px; }
.brial-home .brial-material-desc *{ text-shadow: none; font-weight: 700;}
.brial-home .brial-material-desc a{ font-weight: 900; }

/* GALERIA: grid kart */
.brial-home .brial-material-gallery{
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  margin-top: 0;
}

/* każdy element miniatury jako “karta” */
.brial-home .brial-material-gallery .ngg-gallery-thumbnail-box{
  grid-column: span 4;
  background: #fff;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  overflow: hidden;
  padding: 0;
}

/* obrazek w karcie */
.brial-home .brial-material-gallery .ngg-gallery-thumbnail img{
  width: 100% !important;
  height: 240px !important;
  object-fit: cover;
  display: block;
}

/* usuń/uspokój typowe “ramki” nextgen */
.brial-home .brial-material-gallery .ngg-gallery-thumbnail,
.brial-home .brial-material-gallery .ngg-gallery-thumbnail a{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 991px){
  .brial-home .brial-material-gallery .ngg-gallery-thumbnail-box{ grid-column: span 12; }
  .brial-home .brial-material-gallery .ngg-gallery-thumbnail img{ height: 260px !important; }
}

@media (max-width: 420px){
  .brial-home .brial-material-hero{ padding: 18px; }
  .brial-home .brial-material-hero h1{ font-size: 26px; }
}

/* Noscript fallback */
.brial-home .brial-material-noscript{ margin-top: 14px; }
.brial-home .brial-material-noscript-card{
  background:#fff;
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  overflow:hidden;
}
.brial-home .brial-material-noscript-img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}
.brial-home .brial-material-noscript-title{
  padding:14px 16px;
  font-weight:900;
}

/* Loader spacing */
.brial-home .brial-material-loader{ margin-top: 18px; }

/* =========================================================
   Fix: kicker nie może być globalnie biały
   - biały tylko w hero ze zdjęciem
   - czarny w header-cardach / jasnych hero
   ========================================================= */

/* 1) domyślnie kicker ciemny */
.brial-home .brial-hero-kicker{
  color: #111 !important;
  text-shadow: none !important;
}

/* 2) w hero ze zdjęciem (dark) kicker ma być biały */
.brial-home .brial-hero .brial-hero-kicker{
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.7) !important;
}


/* 3) w jasnych „hero-card” zawsze czarny */
.brial-home .brial-page-hero-card .brial-hero-kicker,
.brial-home .brial-services-hero .brial-hero-kicker,
.brial-home .brial-material-hero .brial-hero-kicker,
.brial-home .brial-material-hero .brial-hero-kicker{
  color: #111 !important;
  text-shadow: none !important;
}

/* Kontakt (mobile): większa przerwa między "Adres i dane" a "Godziny otwarcia" */
@media (max-width: 991px){
  body.kontakt .brial-home main.main{
    margin-bottom: 32px !important;
  }
  body.kontakt .brial-home aside{
    margin-top: 0 !important; /* żeby nie dublować z mt-3 */
  }
}

/* =========================================================
   Realizacje (page: body.realizacje) – hero bez zdjęcia + karty kategorii
   ========================================================= */

/* Header card (bez zdjęcia) – jak na usługach/materiałach */
body.realizacje .brial-home .brial-realizacje-hero{
  border-radius: var(--brial-radius);
  box-shadow: var(--brial-shadow);
  background: linear-gradient(135deg, rgba(16,185,129,.10) 0%, rgba(0,0,0,.02) 52%, rgba(59,130,246,.06) 100%);
  border: 1px solid rgba(0,0,0,.06);
  padding: 26px;
}

body.realizacje .brial-home .brial-realizacje-hero h1{
  margin: 0 0 10px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: .2px;
  font-size: 34px;
}

body.realizacje .brial-home .brial-realizacje-hero p{
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  opacity: .92;
}

body.realizacje .brial-home .brial-realizacje-hero .brial-hero-actions{
  margin-top: 14px;
}

/* przyciski na jasnym tle */
body.realizacje .brial-home .brial-realizacje-hero .brial-btn{
  border: 1px solid rgba(0,0,0,.10);
}
body.realizacje .brial-home .brial-realizacje-hero .brial-btn--ghost{
  background: rgba(0,0,0,.03);
  color:#111;
  border-color: rgba(0,0,0,.10);
}
body.realizacje .brial-home .brial-realizacje-hero .brial-btn--ghost:hover{
  background: rgba(0,0,0,.05);
}

/* Grid kart kategorii */
body.realizacje .brial-home .realizacje-grid-modern{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  margin-top: 18px;
}

body.realizacje .brial-home .realizacja-card{
  grid-column: span 4;
  border-radius: var(--brial-radius);
  overflow:hidden;
  box-shadow: var(--brial-shadow);
  background:#fff;
  position: relative;
  transform: translateZ(0);
  transition: transform .15s ease, opacity .15s ease;
}

body.realizacje .brial-home .realizacja-card img{
  width:100%;
  height: 240px;
  object-fit: cover;
  display:block;
}

body.realizacje .brial-home .realizacja-meta{
  padding: 14px 16px;
}

body.realizacje .brial-home .realizacja-meta strong{
  display:block;
  font-weight: 900;
  line-height: 1.25;
}

body.realizacje .brial-home .realizacja-meta span{
  display:block;
  opacity: .8;
  margin-top: 6px;
  font-weight: 700;
  font-size: 13px;
}

body.realizacje .brial-home .realizacja-card:hover{
  transform: translateY(-2px);
}

@media (max-width: 991px){
  body.realizacje .brial-home .brial-realizacje-hero h1{ font-size: 30px; }
  body.realizacje .brial-home .realizacja-card{ grid-column: span 12; }
  body.realizacje .brial-home .realizacja-card img{ height: 260px; }
}
@media (max-width: 420px){
  body.realizacje .brial-home .brial-realizacje-hero{ padding: 18px; }
  body.realizacje .brial-home .brial-realizacje-hero h1{ font-size: 26px; }
}