@charset "UTF-8";
/* ----------------------------------------------------------------------------------
   Author: A.I.FIA www.fia.pl — Wszelkie prawa zastrzeżone
----------------------------------------------------------------------------------- */

@import url("../fonts/remixicon.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/* =========================================================
   ZMIENNE GLOBALNE
========================================================= */

:root {
  /**
   @font family
  */
  --bs-font-1: 'Roboto', sans-serif;
  --bs-font-2: 'Roboto', sans-serif;

  /**
   @rozmiar fontow
  */
  --bs-size-male: .9rem;

  /**
   @kolor tekstu
  */
  --bs-red: #dc3545;
  --bs-h1: #2e3f6e;
  --bs-h2: #2e3f6e;
  --bs-h3: #2e3f6e;
  --bs-h4: #2e3f6e;
  --bs-white: #fff;
  --bs-black: #000;
  --bs-primary: #2e3f6e;
  --bs-doprimary: #fff;
  --bs-secondary: #4db7fe;
  --bs-dosecondary: #fff;
  --bs-body: #6f6f87;
  --bs-link: #2e3f6e;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-firmowe1: #5ecfb1;
  --bs-firmowe2: #fff000;
  --bs-transparent-color: rgba(255, 255, 255, 0.75);
}

/* =========================================================
   RESETY / BAZA
========================================================= */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: var(--bs-font-2);
  font-size: 16px;
  color: var(--bs-body);
  line-height: 32px;
  overflow-x: hidden;
  width: 100%;
  min-height: 100%;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
}
a,
a.link,
a:hover {
  text-decoration: none;
  border-bottom: 0;
  transition: all .3s ease-out;
}
h1,.h1 { font-size: calc(1.385rem + 1.5vw); }
@media (min-width:1200px){ h1,.h1 { font-size: 2.1rem; } }

.block-field-blocknodearticletitle .field--name-title,
h2,.h2 { font-size: calc(1.645rem + 0.9vw); }
@media (min-width:1200px){
  .block-field-blocknodearticletitle .field--name-title,
  h2,.h2 { font-size: 1.7rem; }
}

h3,.h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width:1200px){ h3,.h3 { font-size: 1.25rem; } }

h4,.h4 { font-size: calc(1rem + 0.3vw); }
@media (min-width:1200px){ h4,.h4 { font-size: 1rem; } }

h5,.h5 { font-size: 1rem; }

.block-field-blocknodearticletitle .field--name-title,
h1,h2,h3,h4,h5,h6{
  font-family: var(--bs-font-1);
  transition: all .3s ease-out;
  color: var(--bs-h2);
}

h2 a{ color: var(--bs-primary); }
h2 a:hover{ color: var(--bs-secondary); }

hr{
  margin:1rem 0; border:0; border-top:1px solid var(--bs-gray-300); opacity:.25;
}

/* Rozszerzenia rozmiarów z bezpiecznym fallbackiem */
h2.fbmaly { font-size: calc(.5em + 0.5vw); }
h2.fmaly  { font-size: calc(.9em + 0.1vw); }
h2.fduzy  { font-size: calc(1em + 1vw); }
h2.fbduzy { font-size: calc(1em + 1.3vw); }
h2.fwielki{ font-size: calc(1em + 1.5vw); }

/* Kontener */
.container-fluid{ padding: 0; }

/* =========================================================
   UTILSY KOLORÓW
========================================================= */

.bs-red, .bs-red a, .block-layout-builder .bs-red a, .bs-red * { color: var(--bs-red); }
.bs-white, .bs-white a, .block-layout-builder .bs-white a, .bs-white * { color: var(--bs-white); }
.bs-black, .bs-black a, .block-layout-builder .bs-black a, .bs-black * { color: var(--bs-black)!important; }
.bs-primary, .bs-primary a, .block-layout-builder .bs-primary a, .bs-primary * { color: var(--bs-primary); }
.bs-secondary, .bs-secondary a, .block-layout-builder .bs-secondary a, .bs-secondary * { color: var(--bs-secondary); }

.bs-transparent{ background-color: var(--bs-transparent-color); }
.bs-doprimary{ background-color: var(--bs-doprimary); }
.bs-dosecondary{ background-color: var(--bs-dosecondary); }
.bs-gray-100{ background-color: var(--bs-gray-100); }
.bs-gray-200{ background-color: var(--bs-gray-200); }
.bs-gray-300{ background-color: var(--bs-gray-300); }
.bs-gray-400{ background-color: var(--bs-gray-400); }
.bs-gray-500{ background-color: var(--bs-gray-600); }
.bs-gray-600{ background-color: var(--bs-gray-600); }
.bs-gray-700{ background-color: var(--bs-gray-700); }
.bs-gray-800{ background-color: var(--bs-gray-800); }
.bs-gray-900{ background-color: var(--bs-gray-900); }
.bs-firmowe1{ background-color: var(--bs-firmowe1)!important; }

/* tła – wersje ...-bg */
.bs-red-bg{ background-color: var(--bs-red)!important; }
.bs-white-bg{ background-color: var(--bs-white)!important; }
.bs-black-bg{ background-color: var(--bs-black)!important; }
.bs-primary-bg{ background-color: var(--bs-primary)!important; }
.bs-secondary-bg{ background-color: var(--bs-secondary)!important; }
.bs-doprimary-bg{ background-color: var(--bs-doprimary); }
.bs-dosecondary-bg{ background-color: var(--bs-dosecondary); }
.bs-gray-100-bg{ background-color: var(--bs-gray-100)!important; }
.bs-gray-200-bg{ background-color: var(--bs-gray-200)!important; }
.bs-gray-300-bg{ background-color: var(--bs-gray-300)!important; }
.bs-gray-400-bg{ background-color: var(--bs-gray-400)!important; }
.bs-gray-500-bg{ background-color: var(--bs-gray-600)!important; }
.bs-gray-600-bg{ background-color: var(--bs-gray-600)!important; }
.bs-gray-700-bg{ background-color: var(--bs-gray-700)!important; }
.bs-gray-800-bg{ background-color: var(--bs-gray-800)!important; }
.bs-gray-900-bg{ background-color: var(--bs-gray-900)!important; }
.bs-firmowe1-bg{ background-color: var(--bs-firmowe1)!important; }

/* Przycisk bazowy */
.btn-primary{ background: var(--bs-primary); border: 0; }
.btn-primary:hover{ background: var(--bs-secondary); border: 0; }

/* Teksty na tłach */
.text-white a,.text-white h1,.text-white h2,.text-white h3{ color: var(--bs-white); }
.text-black a,.text-black h1,.text-black h2,.text-black h3{ color: var(--bs-black); }



.site-logo img{
    width: 290px;
    height: 68px;
}

/* =========================================================
   NAGLOWEK
========================================================= */

.fl-wrap,
.nadtytuls.section-subtitle {
  position: relative;
}

.nadtytuls.section-title h2 {
  display: inline-block;
  padding: 10px 20px;
  font-weight: 700;
  border-radius: 10px;
  background: var(--bs-secondary);
  color: var(--bs-dosecondary);
}

.nadtytuls .field--name-field-opis{
  padding: 22px 20px 4px;
  border-radius: 10px;
  background: var(--bs-transparent-color);
}

.section-subtitle {
  position: absolute;
  top: -15px;
  left: 20px;
  display: inline-block;
  padding: 6px 10px 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.17;
  text-transform: uppercase;
  border-radius: 10px;
  background: var(--bs-firmowe2);
  color: var(--bs-primary);
}

.section-subtitle::before {
  content: '';
  position: absolute;
  inset: 0;
}

.section-separator {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  text-indent: -9999px;
}



/* =========================================================
   KATALOG – widok pełny
========================================================= */


@media (max-width:1025px){
.toptyt{
  margin-top: 30px;
 
}
}

.toptyt{
  position: relative;
  display: inline-block;
  font-size: 2em;
  padding: 10px 20px;
  border-radius: 10px;
  background: var(--bs-secondary);
  color: #fff;
  font-weight: 700;

  margin-bottom: 10px;
}

.toptyt::before {
  content: "TOP";
  position: absolute;
  left: 10px;
  top: 5px;
  transform: translateY(-100%); /* ustawia NAD tytułem, poza tłem .toptyt */
  display: inline-block;
  padding: 5px 8px 1px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  background: var(--bs-firmowe2); /* “bs-primary” */
  color: var(--bs-primary);
  border-radius: 12px;
  pointer-events: none; /* (opcjonalnie) nie zasłania kliknięć w tytuł */
}

.page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza{
    background: transparent;
}
.page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza h2{
    font-size: 1em;
    padding: 10px 0px;
}

.page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza .field--name-field-branza{
    display: flex;

}
@media (max-width: 1024px) {
    .page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza a {
        display: block;
    }
}
.page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza a {
    background: var(--bs-primary);
    color: var(--bs-doprimary);
    padding: 16px 18px;
    font-size: .8em;
    border: transparent;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
}
.page-node-type-katalog .col-lg-9 .block-field-blocknodekatalogfield-branza a:hover {
    background: var(--bs-secondary);
    color: var(--bs-dosecondary);
    padding: 16px 18px;
    font-size: .8em;
    border: transparent;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
}


.page-node-type-katalog .block-field-blocknodekatalogfield-powiazanie .field__items,
.page-node-type-katalog .field--name-field-udogodnienia .field__items,
.page-node-type-katalog .field--name-field-branza .field__items{
    display: flex;
}

.page-node-type-katalog .field--name-field-powiazanie a{
    background: var(--bs-primary);
    color: var(--bs-doprimary);
    padding: 4px 6px 4px 6px;
    font-size: .8em;
    margin: 0px 5px 2px 0px;
    border-radius: 4px;
}
.page-node-type-katalog .field--name-field-powiazanie a:hover{
    background: var(--bs-secondary);
    color: var(--bs-dosecondary);
}
.page-node-type-katalog .field--name-field-powiazanie a::before {
    content: "\2937";
    color: var(--bs-doprimary);
    padding-right: 5px;
}
.page-node-type-katalog .field--name-field-link a,
.page-node-type-katalog .field--name-field-tel a{
    color: var(--bs-primary);
}

.page-node-type-katalog .field--name-field-branza a{
    border: 1px solid var(--bs-gray-400);
    padding: 4px 5px 4px 5px;
    font-size: .8em;
    margin: 0px 5px 2px 0px;
    color: var(--bs-primary);
    border-radius: 4px;
}



.page-node-type-katalog .field--name-field-udogodnienia .field__item{
    color: var(--bs-primary);
    display: inline-block;
}


.page-node-type-katalog .field--name-field-udogodnienia .field__item i{
    font-size: 1.8em;

}
.page-node-type-katalog .field--name-field-branza a:hover{
    background: var(--bs-gray-400);
    border: 1px solid transparent;

}

.page-node-type-katalog .block-field-blocknodekatalogfield-adres{
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.page-node-type-katalog .block-field-blocknodekatalogfield-link a{
    color: var(--bs-white);
}
.page-node-type-katalog .block-field-blocknodekatalogfield-link{
    background: var(--bs-firmowe1);
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.page-node-type-katalog .block-field-blocknodekatalogfield-image img{ border-radius: 12px; }
.page-node-type-katalog .block-field-blocknodekatalogfield-facebook,
.page-node-type-katalog .block-field-blocknodekatalogfield-powiazanie,
.page-node-type-katalog .field--name-field-udogodnienia,
.page-node-type-katalog .block-field-blocknodekatalogfield-tel,
.page-node-type-katalog .block-field-blocknodekatalogfield-branza{
    background: var(--bs-white);
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.page-node-type-katalog .block-field-blocknodekatalogbody{
    background: var(--bs-white);
    border-radius: 12px;
    padding: 20px;
}

.node--type-katalog .block-field-blocknodekatalogfield-polecam,
.node--type-katalog .block-field-blocknodekatalogfield-logo{
    position: relative;
}
.node--type-katalog .block-field-blocknodekatalogfield-logo img{
    background: var(--bs-white);
    display: inline;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px;
    border-radius: 4px;
}
.node--type-katalog .block-field-blocknodekatalogfield-polecam .field--name-field-polecam{
    background: var(--bs-firmowe1);
    display: inline;
    position: absolute;
    top: 20px;
    left: 20px;
    padding:0 12px;
    color: var(--bs-white);
    font-size: 13px;
    border-radius:20px;
    box-shadow:0 0 0 5px rgba(255,255,255,.2);
    text-transform: uppercase;
    font-weight: 600;
}
.wstepp{
    background: rgba(255,255,255, .6);
    padding: 20px;
    border-radius: 10px; 
    margin-top: 20px; 
}


/* =========================================================
   KATALOG – filtry / nawigacja branż
========================================================= */


.branza-gl a{
    color: var(--bs-primary);
    border: 2px solid var(--bs-gray-200);
    padding: 2px 5px;
    margin-right: 5px;
    font-size: .8em;
}
.branza-gl a:hover{
    background: var(--bs-secondary);
    color: var(--bs-dosecondary);
    border: 2px solid transparent;
    padding: 2px 5px;
    margin-right: 5px;
    font-size: .8em;
}

#block-fia-views-block-menu-branza-block-1-2,
#block-fia-views-block-menu-branza-block-1{
    padding: 8px 0px;
}
#block-fia-views-block-menu-branza-block-1-2 .view-content a,
#block-fia-views-block-menu-branza-block-1 .view-content a{
  display: inline-flex; align-items:center;
  padding: 3px 8px; border-radius: 4px; text-decoration:none;
  color: var(--bs-primary);
  border: 2px solid var(--bs-gray-200);
  margin: 2px;
}


#block-fia-views-block-menu-branza-block-1-2 .view-content a:hover,
#block-fia-views-block-menu-branza-block-1-2 .view-content a.active,
#block-fia-views-block-menu-branza-block-1-2 .view-content a.is-active,
#block-fia-views-block-menu-branza-block-1 .view-content a:hover,
#block-fia-views-block-menu-branza-block-1 .view-content a.active,
#block-fia-views-block-menu-branza-block-1 .view-content a.is-active{
  background: var(--bs-secondary);
  color: var(--bs-dosecondary);
  border-radius: 4px;
  border: 2px solid transparent;
  margin: 2px;
}
#block-fia-views-block-menu-branza-block-1-2 .view-content img,
#block-fia-views-block-menu-branza-block-1 .view-content img{
    height: 22px;
    margin: 0px 3px 2px 2px;
}

#block-fia-views-block-menu-branza-block-1-2 .view-content a:hover img,
#block-fia-views-block-menu-branza-block-1-2 .view-content a.is-active img,
#block-fia-views-block-menu-branza-block-1 .view-content a:hover img,
#block-fia-views-block-menu-branza-block-1 .view-content a.is-active img {
  filter: brightness(0) invert(1);
}
#block-fia-views-block-menu-branza-block-1-2 .view-content a.is-active img,
#block-fia-views-block-menu-branza-block-1 .view-content a.is-active img{ filter: brightness(0) invert(1); }
.block-views-blockmenu-branza-block-1-2,
.block-views-blockmenu-branza-block-1{ display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0; }
.view-id-menu_branza .view-content{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; padding:0;
}


#block-fia-glownanawigacja-menu{
    text-align: center;
    font-size: .7em;
    text-transform: uppercase;
}
#block-fia-glownanawigacja .navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: center!important;
  gap: 14px;
}
#block-fia-glownanawigacja .navbar-nav>.nav-item{ margin:0; }
#block-fia-glownanawigacja .navbar-nav>.nav-item a{
  border:2px solid var(--bs-secondary); color: var(--bs-secondary);
  border-radius: 4px; margin:0; padding:0 10px; font-weight:600; font-size:.9em;
}
#block-fia-glownanawigacja .navbar-nav>.nav-item a:hover,
#block-fia-glownanawigacja .navbar-nav>.nav-item a.active{
  background: var(--bs-secondary); color: var(--bs-dosecondary); border-color: var(--bs-secondary); padding:0 10px;
}


.logo-circle-2 img{ border-radius:50%; margin-right:10px; }


/* =========================================================
   COMPANY CARD (v1/v2/v3) – zunifikowane do zmiennych :root
========================================================= */

.company-card{
  position:relative; border-radius:12px; overflow:hidden; background:var(--bs-white);
  box-shadow:0 .5rem 1rem rgba(15,23,42,.06); transition: box-shadow .25s ease;

}
.hover-strong.company-card:hover{ box-shadow:0 1rem 2rem rgba(15,23,42,.12); }
@media (hover:hover) and (pointer:fine){
  .hover-strong-pointer.company-card:hover{ box-shadow:0 1rem 2rem rgba(15,23,42,.12); }
}
.company-card:focus-within{ box-shadow:0 1rem 2rem rgba(15,23,42,.12); }

.media-wrap{ position:relative; height:auto; }
.hero{
  position:relative; width:100%;
  height: clamp(180px, 22vw, 220px);
  object-fit:cover;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 78%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 78%, rgba(0,0,0,0) 100%);
}

.napis-kategoria{
  position:absolute; top:1rem; left:2rem; z-index:3; display:flex;
  background: var(--bs-primary); padding:8px 18px; border-top-right-radius:5px; border-bottom-right-radius:5px;
  font-size:.9em; text-transform:uppercase; font-weight:500; color: var(--bs-white); min-height:22px;
}
.napis-kategoria:before,
.napis-kategoria:after{
  content:""; position:absolute; width:0; height:0; left:0; margin-left:-16px;
  border-left:20px solid transparent;
}
.napis-kategoria:before{ top:0; border-top:20px solid var(--bs-primary); }
.napis-kategoria:after{ bottom:0; border-bottom:20px solid var(--bs-primary); }

article.company-card{ margin:0 !important; }
.badge-date{ position:absolute; top:1rem; left:1rem; z-index:3; }

.media-lead{ line-height:21px; font-size:1em; }
.media-content{ position:static; padding:1rem 1.25rem; display:grid; align-content:start; gap:.5rem; z-index:4; }

.media-title, .media-title a{ font-weight:700; color: var(--bs-primary); }
.v2 .media-lead, .v1 .media-lead{ color: var(--bs-gray-600); max-width:65ch; }






/* Adres */

.address span{ color: var(--bs-gray-600) }

/* Logo */
.logo-circle{
  position:absolute; left:1rem; bottom:-2rem;
  width:72px; height:72px; border-radius:12px; background:var(--bs-white);
  border:1px solid var(--bs-gray-200); display:grid; place-items:center; overflow:hidden; z-index:5;
}

/* Stopka */
.company-footer{ background:var(--bs-white); border-top:1px solid var(--bs-gray-200); padding:.75rem 1.25rem; }
.footer-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.4rem; }
.footer-row .label{ color:var(--bs-primary); font-weight:400; font-size:.8em; }
.footer-row i{ color:var(--bs-gray-600); font-size:1.5em; }
.chip{ display:inline-flex; align-items:center; background:transparent; color:var(--bs-primary); padding:1px 10px; border-radius:10px; border:1px solid var(--bs-gray-200); font-weight:400; font-size:.8em; }
.stretched-link::after{ z-index:20 !important; }

/* Wariant 1 */
.v1{ --card-radius:5px; }
@media (min-width:769px){
  .v1 .media-wrap{ height:220px; }
  .v1 .hero{
    position:absolute; left:0; top:0; bottom:0; width:40%; height:100%;
    -webkit-mask-image:none; mask-image:none; object-position:center; z-index:1; border-radius:0 0 var(--card-radius) 0;
  }
  .v1.variant-vignette .hero{
    -webkit-mask-image: radial-gradient(140% 120% at 35% 50%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
            mask-image: radial-gradient(140% 120% at 35% 50%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
  }
  .v1 .media-content{
    position:absolute; inset:0; align-content:center;
    padding:1.25rem clamp(1rem,6vw,3rem); padding-left: calc(40% + 2rem);
  }
  .v1 .address{ justify-content:flex-start; text-align:left; width:auto; }
  .v1.inner-shadow::before{
    content:""; position:absolute; inset:0; border-radius:var(--card-radius);
    box-shadow: inset 0 0 0 1px var(--bs-gray-200), inset 0 24px 48px rgba(16,24,40,.06);
    pointer-events:none; z-index:6;
  }
}
.v1 .badge-date i{ font-size:2.1em; font-weight:normal; }
.v1 .chip-p{
  margin-left:5px; border:2px solid var(--bs-secondary); padding:5px 15px 7px; border-radius:10px;
  color:var(--bs-primary); font-weight:600; font-size:.9em;
}

/* Wariant 2 */
.v2{ --card-radius:1rem; }
.v2 .media-wrap{ height:auto; }
.v2 .hero{
  position:relative; width:100%; height:clamp(120px, 32vw, 220px);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 78%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 78%, rgba(0,0,0,0) 100%);
}
.v2 .media-content{ position:static; padding:1rem 1.25rem; }
.v2 .logo-circle{ box-shadow:0 .5rem 1rem rgba(15,23,42,.12); }

/* Wariant 3 (ciemna karta) */
.v3{ border-radius:12px; color:var(--bs-white); background: var(--bs-primary); }
.v3::before{
  content:''; position:absolute; inset:0; z-index:10;
  background: linear-gradient(to bottom, rgba(6,27,65,0) 0%, rgba(6,27,65,.95) 100%);
}
.v3 .hero{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.v3 .media-wrap{ min-height:250px; display:flex; flex-direction:column; justify-content:flex-end; }
.v3 .badge-date{ position:absolute; top:2em; left:1em; z-index:2; }
.v3 .badge-date i{ font-size:1.4em; padding:10px; background: var(--bs-secondary); border-radius:50%; color: var(--bs-white); }
.v3 .badge-date2{
  position:absolute; top:2em; right:1em; z-index:20;
  background: var(--bs-firmowe1); padding:0 12px; color: var(--bs-white); font-size:11px; border-radius:20px;
  box-shadow:0 0 0 5px rgba(255,255,255,.2); text-transform: uppercase;
}
.v3 .chip-m{ display:inline-flex; align-items:center; }
.v3 .chip-w a{
  margin-left:5px; background: var(--bs-secondary); padding:5px 10px; border-radius:10px;
  color: var(--bs-primary); font-weight:600; font-size:.8em;
}
.v3 .chip-m a{
  margin-left:5px; background:transparent; padding:0 5px; border-radius:10px;
  border:1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.8); font-weight:400; font-size:.7em;
}
.v3 .chip-m a:hover{ background: rgba(255,255,255,.2); color: var(--bs-white); }
.v3 .media-content, .v3 .company-footer{ position:relative; z-index:20; }
.v3 .media-title, .v3 .address span, .v3 .chip{ color: var(--bs-white); }
.v3 .media-title-m, .v3 .media-title-m a { color: var(--bs-white); font-size:1em; }
.v3 .media-adress { color: rgba(255,255,255,.7); font-size:.8em; }
.v3 .footer-row i{ color: var(--bs-gray-400); }
.v3 .company-footer{ border-top:1px solid rgba(255,255,255,.1); background:transparent; }
.v3 .logo-circle{ display:none; }
.v3 .footer-row .label, .v3 .media-lead{ color: var(--bs-bray-500); font-size:.9em; max-width:65ch; }

/* =========================================================
   Tiny Slider (kropki)
========================================================= */

.tns-nav{ text-align:center; margin:10px 0; }
.tns-nav button{
  border:none; background:#ccc; width:10px; height:10px; padding:0; border-radius:50%; margin:0 5px; cursor:pointer;
}
.tns-nav-active{ background: var(--bs-secondary)!important; }
.tns-item{ display:flex; justify-content:center; }

/* =========================================================
   BLOKI / RÓŻNE KOMPONENTY (uproszczone i ujednolicone)
========================================================= */

/* Linki promowane */
.link-promowane{ color: var(--bs-white); }
.link-promowane2{ color: var(--bs-primary); border-right:1px solid var(--bs-gray-200); }
.promowane{ border-bottom:1px solid var(--bs-gray-200); }

/* Logotypy */
.loga1 img{
  border:1px solid var(--bs-gray-200); border-radius:10px; margin:10px 10px 10px 0;
}

/* Formularz kontaktowy serwisu */
#block-fia-formularzkontaktowyserwisu{ margin:25px 0 40px; }

/* Responsywne pomocnicze */
@media (min-width:1025px){
  .width-50{ max-width:50%; display:block; }
  .width-70{ max-width:70%; display:block; }
  .width-80{ max-width:80%; display:block; }
  .block-formblock-contact{
    padding:20px 20px 10px !important; background:#717a83; width:60%; margin:0 auto;
  }
}

/* Cookie */
.eu-cookie-compliance-banner{ padding-top:10px; }
.agree-button{
  background: var(--bs-black); padding:4px 15px; border-radius:5px; color: var(--bs-white);
}
.agree-button:hover{ opacity:.9; background: var(--bs-white); color: var(--bs-black); }

/* Podkreślenie <u> jako akcent */
u{ border-bottom:4px solid var(--bs-secondary); text-decoration:none; }

/* Promieniste rogi obrazków */
.radiusgpimg img{ border-radius: 0 40px 0 0; }
.radiusld, .radiusldimg img{ border-radius: 40px 0 40px 0; }
.radiuspg{ border-radius: 0 40px 0 0; }
.radiusdl{ border-radius: 0 0 0 40px; }

/* Webform box */
.block-webform-block{
  padding:40px; margin:20px 0; background: var(--bs-gray-200); border-radius:5px;
}

#output-box{ padding:0; }

/* Specjalne listy/ramki */
.spec1{ border-left:5px solid var(--bs-gray-100); padding-left:10px; }

.spec2 ul{ margin:0; padding:0; list-style:none; }
.spec2 li{ background: var(--bs-gray-200); margin:0 0 20px; padding:30px; }

.spec_link1 a{
  font-size:2em; font-weight:700; padding:20px; border-radius:5px; border:2px solid var(--bs-white); display:inline-block;
}

/* Strzałkowa &#8222;pigułka&#8221; */
.spec3{
  --s:20px; line-height:1.8; padding-inline: calc(var(--s) + .3em);
  clip-path: polygon(0 0,calc(100% - var(--s)) 0,100% 50%,calc(100% - var(--s)) 100%,0 100%,var(--s) 50%);
  width:fit-content; min-height:170px; display:flex; align-items:center; border-radius:3px;
}
.spec3 h2{ font-size:.95em; font-weight:300; }
.spec3:hover{ opacity:.8; }

.spec4 ul{ background: var(--bs-gray-100); }

/* Nagłówek sekcji / breadcrumbs &#8211; poprawione selektory  */
.region-breadcrumb .menu--account h5{
  display:flex; color: var(--bs-gray-600); text-transform:uppercase; font-size:.8em;
}
.region-breadcrumb .menu--account h5:before,
.region-breadcrumb .menu--account h5:after{
  content:""; flex:1 1; border-bottom:1px solid var(--bs-gray-300); margin:auto;
}
.region-breadcrumb .menu--account h5:before{ margin-right:10px; }
.region-breadcrumb .menu--account h5:after{ margin-left:10px; }

.region-breadcrumb .menu--account ul.navbar-nav{
  display:flex; flex-wrap:wrap; margin:4px;
}
.region-breadcrumb .menu--account ul .nav-item{
  border-radius:5px; margin-right:4px; background: var(--bs-gray-100);
}
.region-breadcrumb .menu--account ul .nav-item a{
  font-size:1em; font-weight:600; padding:20px 30px; color:inherit;
}
.region-breadcrumb .menu--account ul .nav-item:hover{ opacity:.6; }
.region-breadcrumb .menu--account ul .nav-item:first-child{
  background: var(--bs-primary); color: var(--bs-doprimary);
}
.region-breadcrumb .menu--account ul .nav-item:nth-child(2){ background: var(--bs-gray-200); }
.region-breadcrumb .menu--account ul .nav-item:last-child{
  background: var(--bs-red); color: var(--bs-white);
}

/* =========================================================
   BLOKI TŁA / ZDJĘCIA / UKŁADY &#8211; (zredukowane, spójne)
========================================================= */

.cover-left{ background-size:cover; background-position:left; }
.cover-right{ background-size:cover; background-position:right; }
.contain-left{ background-size:contain; background-position:left; }
.contain-right{ background-size:contain; background-position:right; }
.automatyczne{ background-size:auto; }

.bloktlozdj, .bloktlo{ background-repeat:no-repeat; background-position:top; }

@media (max-width:1024px){
  .bloktlo.pozycjabak-50-lewa,
  .bloktlo.pozycjabak-50-prawa{
    display:block; background-size:100%; height:100%; background-repeat:no-repeat;
  }
  .nic{ height:100%; display:block; padding-top:55%; }
}

.bloktlo.pozycjabak{ background-repeat:no-repeat; background-size:cover; }

@media (min-width:1025px){
  .bloktlo.pozycjabak-50-prawa{
    background-size:50%; background-repeat:no-repeat; background-position:right;
  }
  .bloktlo.pozycjabak-50-lewa{
    background-size:50%; background-repeat:no-repeat; background-position:left;
  }
}

/* Tło zdjęcie &#8211; tryb desktop/mobile */
.bloktlozdj h2{ width:100%; display:block; }
@media (min-width:1025px){
  .bloktlozdj{ max-height:100%; }
  .bloktlozdj-szer-bloku-50{ width:50%; }
  .margines-zdjecie_z_lewej{ padding:1% 2% 1% 0; }
  .margines-zdjecie_z_prawej{ padding:0 1% 1% 3%; }
  .bloktlozdj.zdjecie_z_lewej{ background-size:50%; background-repeat:no-repeat; background-position:right; }
  .bloktlozdj.zdjecie_z_prawej{ background-size:50% auto; background-repeat:no-repeat; background-position:left; }
  .bloktlozdj .pozycja-zdjecie_z_lewej,
  .bloktlozdj .pozycja-zdjecie_z_prawej{
    display:flex; flex-wrap:wrap; align-items:center;
  }
}
@media (max-width:1024px){
  .bloktlozdj{
    background: var(--bs-gray-100); margin:0; height:100%; overflow:hidden;
  }
  .bloktlozdj.zdjecie_z_lewej,
  .bloktlozdj.zdjecie_z_prawej{ background-size:100%; background-repeat:no-repeat; }
  .nic2{ height:100%; width:100%; }
  .bloktlozdj-szer-bloku-50{ display:block; clear:both; }
  .margines-zdjecie_z_lewej, .margines-zdjecie_z_prawej{ padding:2%; }
}

/* Podkłady &#8211; usunięte nieistniejące *_rgb */
.efekt_podklad_jasny{ background: rgba(255,255,255,.7); }
.efekt_podklad_ciemny{ background: rgba(0,0,0,.7); }
.efekt_podklad_jasny_blok span{ background: rgba(255,255,255,.7); display:block; padding:25px; }
.efekt_podklad_ciemny_blok span{ background: rgba(0,0,0,.7); display:block; padding:25px; }

/* Wysokości / szerokości */
.bloktlo h2{ font-size: var(--bs-size-blokstandard, 1.25rem); }

@media (max-width:1024px){
  .wys-pelna{ height:70vh; }
  .wys-standard{ height:100%; }
}
@media (min-width:1025px){
  .szer-bloku-50{ width:48%; padding:1%; }
  .nic{ height:100%; }
  .wys-pelna{ height:100vh; overflow:hidden; clear:both; }
  .wys-standard{ height:100%; padding:20px 0; }
  .bloktlozdj .layout-container, .bloktlo .layout-container{ display:flex; }
  .bloktlo .pozycja-ss{
    display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center;
  }
  .bloktlo{ overflow:hidden; }
}
.bloktlo .pozycja-sl{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; }
.bloktlo .pozycja-gl{ display:flex; align-items:flex-start; }
.bloktlo .pozycja-gp{
  display:flex; justify-content:flex-end; align-items:flex-start; text-align:right;
}
.bloktlo .pozycja-gp span{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; width:50%; }
.bloktlo .pozycja-dl{ display:flex; align-items:flex-end; }
.bloktlo .pozycja-dp{ display:flex; justify-content:flex-end; align-items:flex-end; text-align:right; }

.tlo_gotowe_1{ background: var(--bs-gray-100); overflow:hidden; }
.tlo_gotowe_2{ background: var(--bs-gray-200); overflow:hidden; }

/* =========================================================
   GALERIA
========================================================= */

.photoswipe-gallery{ display:flex; }
.photoswipe-gallery .field__item img{
  border:1px solid var(--bs-gray-200); border-radius:4px; padding:10px;
}
.photoswipe-gallery .field__item img:hover{ opacity:.8; }

/* =========================================================
   BLOK KONTAKT
========================================================= */

.blok-kontakt{ overflow:hidden; }
.field--name-field-dodatkowe{ font-size: var(--bs-size-male); display:inline-block; padding-bottom:5px; }
.blok-kontakt strong{ font-size:1.2em; display:block; }
.blok-kontakt a{ color: var(--bs-link); }
.bkonwyr.blok-kontakt-zdj-prawa img, .blok-kontakt-zdj-lewa img{ padding:2px 15px; }
.bkonwyr{ display:block; }
.bkonwyr.blok-kontakt-zdj-lewa{ float:left; }
.bkonwyr.blok-kontakt-zdj-prawa{ float:right; }

/* =========================================================
   IKONY / UKŁADY TEKSTU
========================================================= */

.do-lewa{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; }
.do-srodek{ display:flex; justify-content:center; }
.do-srodek i{ text-align:center; padding-bottom:5px; }
.do-prawa{ display:flex; justify-content:flex-end; align-items:center; text-align:right; }
.do-prawa i{ text-align:right; }
.do-srodek>div{ text-align:center; }

.blok-ikona{ display:block; }
.blok-ikona a{ color: var(--bs-body); }
.blok-ikona .text-right{ display:flex; justify-content:flex-end; align-items:center; text-align:right; }
.blok-ikona .text-center{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }

.blok-ikona .field--name-field-opis{ padding:0; }
.blok-ikona i{ display:block; }

.ikona_mala i{ font-size:1.5rem; line-height:1.6rem; }
.ikona_srednia i{ font-size:1.8rem; line-height:1.9rem; }
.ikona_duza i{ font-size:2.5rem; line-height:3.2rem; }
.ikona_bduza i{ font-size:3.5rem; line-height:4.2rem; }

.teksikodol{ display:flex; flex-direction:column; }
.teksikolewa{ display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; }
.teksikoprawa{ display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:flex-start; align-items:center; }
.teksikoprawa div, .teksikolewa div{ margin:3px; }

/* =========================================================
   BLOK LOGA
========================================================= */

.box-logo{ overflow:hidden; }
.box-logo .naglowek_srodek h2{ text-align:center; }
.box-logo .naglowek_prawa h2{ text-align:right; }
.box-logo.naglowek_srodek{ text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
.box-logo.naglowek_prawa{ display:flex; flex-wrap:wrap; justify-content:flex-end; text-align:right; }
.box-logo.naglowek_lewa{ display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:left; }
.box-logo h2{ font-size: var(--bs-size-bloknaglowek, 1.25rem); margin:0 0 0; padding:0; }
.box-logo .field--name-field-logo{ display:flex; flex-wrap:wrap; justify-content:center; }
.box-logo .field--name-field-logo img{
  margin:5px; padding:10px; border:1px solid var(--bs-gray-200); border-radius:2px;
}

/* =========================================================
   BLOK ZAŁĄCZNIKI
========================================================= */

.blok-zalaczniki{ overflow:hidden; }
.blok-zalaczniki h2{ font-size: var(--bs-size-blokzalaczniki, 1.125rem); }
.blok-zalaczniki a{
  margin:2px 0 0; background: var(--bs-primary); color: var(--bs-doprimary);
  letter-spacing:.04em; text-transform:uppercase; border-radius:2px; padding:2px 10px; font-weight:500; font-size:1em; display:inline-block;
}
.blok-zalaczniki .field--name-field-zalacznik .field__item{ margin-bottom:5px; display:block; }
.blok-zalaczniki a:hover{ background: var(--bs-secondary); }

/* =========================================================
   BLOK PRZYCISK
========================================================= */

.blok-przycisk{ overflow:hidden; display:block; }

.przycisk_styl_1, .przycisk_styl_2{
  text-decoration:none; display:inline-block; border-radius:20px; line-height:20px;
  transition: all .3s linear; position:relative; overflow:hidden; text-align:center; cursor:pointer; white-space:nowrap; border:0;
  padding:12px 20px; font-weight:700;
}
.przycisk_styl_1{ background: var(--bs-primary); color: var(--bs-doprimary); }
.przycisk_styl_2{ background: var(--bs-secondary); color: var(--bs-dosecondary); border-radius:25px; }
.przycisk_styl_1:hover{ color: var(--bs-dosecondary); background: var(--bs-secondary); }
.przycisk_styl_2:hover{ color: var(--bs-doprimary); background: var(--bs-primary); }
.przycisk_styl_1:after, .przycisk_styl_2:after{ content:"\2192"; padding-left:5px; font-weight:700; font-size:1.2em; }

.przycisk_styl_3, .przycisk_styl_4{
  text-decoration:none; display:inline-block; border-radius:5px; font-weight:700; line-height:30px; transition: all .3s linear;
  position:relative; overflow:hidden; text-align:center; cursor:pointer; white-space:nowrap; padding:10px 16px;
}
.przycisk_styl_3{ background: var(--bs-white); color: var(--bs-black); border-radius:15px; }
.przycisk_styl_4{ background: var(--bs-black); color: var(--bs-white); }
.przycisk_styl_3:after, .przycisk_styl_4:after{ content:"\2192"; padding-left:5px; font-weight:700; font-size:1.2em; }

.przycisk.btn-sm{ font-size:80%; padding:6px 15px; }
.przycisk.btn-md{ font-size:100%; padding:10px 22px; }
.przycisk.btn-lg{ font-size:140%; padding:16px 26px; }
.przycisk.btn-xl{ font-size:200%; padding:26px 33px; }

/* Drugi typ przycisku */
.przycisk2, .wprzycisk_of{
  text-decoration:none; display:inline-block; border-radius:5px; font-weight:600; font-size:1.1em; line-height:30px;
  border:1px solid var(--bs-secondary); color: var(--bs-primary); transition: all .25s cubic-bezier(.37,.31,.2,.85);
  position:relative; overflow:hidden; text-align:center; cursor:pointer; white-space:nowrap; padding:15px 18px;
}
.przycisk2:hover, .wprzycisk_of:hover{ color: var(--bs-white); background: var(--bs-primary); }
.wprzycisk_of i{ font-size:1em; padding-left:10px; }

/* =========================================================
   BLOG
========================================================= */

.blog img{ border-radius:5px; }
.blog2 h3 a,
.blog h3 a{
  color: var(--bs-primary);
}
.blog {
  background: var(--bs-white);
}
.blog2 {
  background: var(--bs-gray-200);
}
.block-field-blocknodearticlefield-link .field--type-link a,
.link_blog a{
  border:2px solid var(--bs-secondary); background: var(--bs-white); padding:7px 15px 7px 15px; border-radius:10px; color:var(--bs-primary); font-weight:600; font-size:.9em;
}
.block-field-blocknodearticlefield-link .field--type-link a:hover,
.link_blog a:hover{
  border:2px solid transparent; background: var(--bs-primary); padding:7px 15px 7px 15px; border-radius:10px; color:var(--bs-white); font-weight:600; font-size:.9em;
}

/* =========================================================
   ZDJECIE Z LINKIEM
========================================================= */

.zdjecie_link{ overflow:hidden; display:block; }
.zdjecie_link h2{ margin-bottom:20px; }
.zdjecie_link .field--name-field-opis p{ font-size:.8em; }
.zdjecie_link a:hover{ opacity:.8; transition: all .3s ease; }
.zdjecie_link img{ max-width:100%; height:auto; }

.zdjecie_link.foto-efekt1 .field--name-field-opis h2{ margin:0; font-size:1.6em; }
.zdjecie_link.foto-efekt1 .field--name-field-opis p{ margin:0; }
.zdjecie_link.foto-efekt1 .field--name-field-opis{
  position:absolute; bottom:0; left:50%; transform:translate(-50%,0); display:block;
  padding:25px 5px 10px; text-align:center; background: rgba(0,0,0,.6); color: var(--bs-white); font-weight:600; width:100%;
}

.zdjecie_link.srodek{ display:flex; flex-wrap:wrap; justify-content:center; }
.zdjecie_link.prawa{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
.zdjecie_link.lewa{ display:flex; flex-wrap:wrap; justify-content:flex-start; }

/* =========================================================
   PAGE TITLE
========================================================= */

.block-page-title-block{
  border-bottom:1px solid var(--bs-gray-200); margin-bottom:20px; color: var(--bs-h1);
}
.block-page-title-block h1{ padding:20px; text-align:center; }
#block-fia-blog *{ padding-bottom:0; margin-bottom:0; }

@media (max-width:1024px){
  .niezalog{ padding-top:35px; }
  .tytuly h1.page-title{ text-align:center; font-size:99%; }
}

/* =========================================================
   MENU / NAVBAR (kolory do zmiennych)
========================================================= */


.navbar{

  background: var(--bs-secondary);
}

.menu--dodatkowe li:last-child a {
    background: var(--bs-secondary);
    color: var(--bs-dosecondary);

}

.region-nav-additional{
  background: var(--bs-primary); color: var(--bs-doprimary); padding:0 20px; margin-left:20px;
}
}

@media (min-width:992px){
  .block-system-branding-block{ margin:0 0 0 20px; }
}

/* Dropdown hover na desktop */
@media (min-width:992px){
  .navbar .nav-item .dropdown-menu{ display:none; }
  .navbar .nav-item:hover .dropdown-menu{ display:table; background: var(--bs-white); }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.navbar{
  margin-bottom:0; border-radius:0; min-height:60px; border:none; padding:0;
  transition: all .3s ease-in-out; background: var(--bs-primary);
}
@media (min-width:992px){ .navbar{ min-height:80px; } }

.dropdown-menu{
  background-color:transparent; width:100%; border:none; margin:0; border-radius:0; padding:0; box-shadow:none;
}
.dropdown-menu .dropdown-item{
  background-color: var(--bs-primary); color: var(--bs-doprimary); width:100%; border:none; margin:0; border-radius:0; padding:10px; box-shadow:none;
}
.dropdown-menu .dropdown-item.is-active,
.dropdown-menu .dropdown-item:hover{
  background-color: var(--bs-secondary); color: var(--bs-dosecondary);
}

/* Linki w navbarze */
.navbar .navbar-nav>li{ margin-right:30px; position:relative; }
@media (min-width:992px) and (max-width:1300px){
  .navbar .navbar-nav>li{ margin-right:20px; }
}
.navbar .navbar-nav>li:last-child{ margin-right:0; }

.navbar .navbar-nav>li>a{
  font-family: var(--bs-font-1); font-size:.85em; text-transform:uppercase; font-weight:500;
  line-height:80px; color: var(--bs-white); position:relative; display:block;
}
.navbar .navbar-nav>li>a:before{
  position:absolute; bottom:0; left:0; width:100%; height:3px; background: var(--bs-secondary); content:"";
  transition: transform 1s cubic-bezier(.2,1,.3,1); transform-origin:100% 50%; transform: scale3d(0,1,1);
}
.navbar .navbar-nav>li.active>a::before,
.navbar .navbar-nav>li:hover a::before{
  transform: scale3d(1,1,1); transform-origin:0 50%;
}
.navbar .navbar-nav li a.active{ color: var(--bs-secondary); }

/* Mobile navbar */
@media (max-width:991.98px){
  .navbar-sticky, .navbar.navbar-fixed{ box-shadow:none; }
  .navbar .navbar-toggler{
    display:flex; justify-content:center; align-items:center; width:30px; height:30px; transition:.3s; border:0; padding:0; cursor:pointer; border-radius:0; margin-right:30px;
  }
  .navbar .navbar-toggler .navbar-toggler-icon{
    background-color:#fff; width:100%; height:2px; position:relative; transition:.3s;
  }
  .navbar .navbar-toggler .navbar-toggler-icon::before,
  .navbar .navbar-toggler .navbar-toggler-icon::after{
    content:''; position:absolute; left:0; height:2px; width:100%; background-color:#fff; transition:.3s;
  }
  .navbar .navbar-toggler .navbar-toggler-icon::before{ top:-10px; }
  .navbar .navbar-toggler .navbar-toggler-icon::after{ top:10px; }

  .navbar .navbar-collapse{
    position:absolute; left:0; top:100%; width:100%; background:#fff; padding: 0px;
    opacity:0; visibility:hidden; transform:translateY(20px); transition:.3s linear; z-index:9999;
  }
  .navbar .navbar-collapse.show{ visibility:visible; opacity:1; transform:translateY(0); }

  .navbar .navbar-nav>li{ margin-right:0;   }
  .navbar .navbar-nav>li>a,
  .navbar .navbar-nav>li a.is-active{
    line-height:36px; display:block; padding:12px 20px; border-bottom:1px solid var(--bs-gray-100);
  }

  .dropdown-menu li a{ padding-left:20px; color: var(--bs-doprimary); font-size:15px; display:block; }
  .navbar .show>.dropdown-menu{ display:block; }
  .navbar .dropdown-submenu.show .dropdown-menu{ display:block; }
  .navbar .dropdown-submenu .dropdown-menu{ padding-left:20px; }
}

/* Copyright */
#block-fia-copyright p{
  padding:10px; color: var(--bs-primary); border-radius:5px; font-size:.8rem; text-align:center;
}
#block-fia-copyright a{ color: var(--bs-primary); }
#block-fia-copyright a:hover{ color: var(--bs-secondary); }

/* =========================================================
   PAGER
========================================================= */


.pager .page-item{
    margin-bottom: 20px;
}
.pagination  a{
    color: var(--bs-primary);
}
.pagination .is-active a{
    background: var(--bs-primary);
    color: var(--bs-doprimary);
}



/* =========================================================
   FOOTER
========================================================= */

.site-footer{ padding:0; margin:0; }
footer{ font-size:.9em; background: var(--bs-primary); color: var(--bs-doprimary); }

@media (max-width:1025px){
  .region.region-footer .view-bloki h3{
    border-top:1px solid rgba(255,255,255,.1); padding-top:20px;
  }
}
@media (min-width:1025px){
  .region.region-footer{ display:grid; grid-template-columns: repeat(4,1fr); }
}
.region.region-footer .block-views{ padding:0 25px; }
.region.region-footer .views-element-container{ text-align:left; }
.region.region-footer ul{ padding:0; margin:0; }
.region.region-footer li{ list-style:none; font-size:.9em; opacity:.8; }
.block-views-blockbloki-block-3{ grid-column: span 3; font-size:.8em; border-top:1px solid rgba(255,255,255,.1); padding-top:15px; margin-top:25px; }
.region.region-footer .view-bloki h4{
  margin-top:20px; text-transform:uppercase; font-size:1.1em; font-weight:600; color: var(--bs-doprimary);
}
.region.region-footer .view-bloki a{ color: var(--bs-doprimary); }

/* =========================================================
   ADMIN / FORMY &#8211; skrócone i ujednolicone kolory
========================================================= */

.ui-layout-builder-modal .layout-builder-update-block{ background: var(--bs-white)!important; }
.ui-layout-builder-modal .field--type-list-string{
  background: linear-gradient(90deg, var(--bs-gray-100) 0%, var(--bs-gray-200) 100%);
  border:1px solid var(--bs-white); float:left; width:20%; padding:0 2%; border-radius:10px; font-size:.8em;
}

.region, .region-content{ padding:0; margin:0; }
.container.bg-image{ max-width:1296px!important; }

.alert{
  margin:0 auto 10px; max-width:800px; text-align:center; padding:12px;
  background: linear-gradient(90deg, var(--bs-white) 0%, #ffe69c 100%);
  border:0; font-style:italic;
}

/* Media library &#8211; kafelki */
.js-media-library-views-form{
  display:grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap:10px; padding:10px; flex-wrap:wrap;
}
.js-media-library-views-form .js-media-library-item{
  background: var(--bs-gray-100); padding:5px; border-radius:5px; width:100%; display:block;
}

/* Pomniejsze ukrycia */
.description, .js-filter-wrapper.js-form-wrapper.form-wrapper{ display:none; }
.block-help-block{ display:none!important; }