.isoleader-realizacje{background:#fff;color:#262626}
.isoleader-realizacje .site-header{height:115px;background:#f8f7f5;border:0}
.isoleader-realizacje .header-inner{width:100%;max-width:1320px;padding-inline:12px;gap:0}
.isoleader-realizacje .brand img{width:172px}
.isoleader-realizacje .nav-list{gap:22px}
.isoleader-realizacje .nav-list a{font-size:16px}
.isoleader-realizacje .nav-offer{padding:10px 3px}
.isoleader-realizacje .subnav{min-width:175px;padding:12px}
.realizacje-hero{padding:74px 12px 42px;text-align:center}
.realizacje-hero p{margin:0 0 10px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#628da5}
.realizacje-hero h1{margin:0;font:400 clamp(38px,4vw,64px)/1.05 Georgia,'Times New Roman',serif}
.realizacje-hero span{display:block;width:min(210px,45%);border-top:1px solid #aaa;margin:28px auto 0}
.realizacje-list{padding:10px 12px 130px}
.realization-card{display:block;position:relative;aspect-ratio:1.45;overflow:hidden;border-radius:20px;background:#f1f1ef;color:#fff;text-decoration:none}
.realization-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.realization-card::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}
.realization-card>div{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end;gap:16px}
.realization-card h2{font:400 clamp(24px,2.2vw,38px)/1.05 Georgia,'Times New Roman',serif;margin:0}
.realization-card span{font-size:14px;white-space:nowrap}
.realization-card:hover img{transform:scale(1.035)}
.realization-heading{padding:70px 12px 32px}.realization-heading>a{display:inline-block;color:#628da5;text-decoration:none;margin-bottom:24px}.realization-heading h1{font:400 clamp(34px,3.5vw,58px)/1.08 Georgia,'Times New Roman',serif;margin:0}.realization-view{display:grid;grid-template-columns:1.65fr .9fr;gap:14px;padding:25px 12px 70px}.realization-main{margin:0;min-height:550px}.realization-main img{display:block;width:100%;height:100%;object-fit:cover}.realization-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.realization-thumb{border:0;padding:0;background:none;aspect-ratio:1.25;overflow:hidden;cursor:pointer}.realization-thumb img{display:block;width:100%;height:100%;object-fit:cover}.realization-thumb.is-active{outline:3px solid #315aa4;outline-offset:2px}.realization-description{max-width:980px;padding:0 12px 100px;font-size:18px;line-height:1.7}
.gallery-lightbox{position:fixed;inset:0;z-index:100;background:#000d;display:grid;place-items:center;padding:40px}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox img{display:block;max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 15px 50px #0009}
.gallery-lightbox-close{position:absolute;right:22px;top:14px;border:0;background:transparent;color:#fff;font-size:44px;line-height:1;cursor:pointer}

/* The shared footer is normally styled by Home2's stylesheet.  Realizacje
   deliberately loads only its own page CSS, so give it the same complete
   footer layout instead of falling back to the old image-based footer. */
.isoleader-realizacje .site-footer{position:relative;height:335px;background:#000;border-radius:140px 140px 0 0;overflow:hidden}
.isoleader-realizacje .site-footer>img{display:none}
.isoleader-realizacje .footer-overlay{position:absolute;inset:41px 9.5% auto;display:grid;grid-template-columns:24% 13% 12% 37%;gap:4.6%;align-items:start;color:#fff}
.isoleader-realizacje .footer-overlay>img{width:214px;max-width:100%;height:auto}
.isoleader-realizacje .footer-overlay ul{list-style:none;margin:0;padding:0}
.isoleader-realizacje .footer-overlay li,.isoleader-realizacje .footer-overlay p{margin:0 0 4px;font:400 15px/1.5 HomeSans,Arial,sans-serif}
.isoleader-realizacje .footer-overlay a{color:inherit;text-decoration:none}
.isoleader-realizacje .footer-contact{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.isoleader-realizacje .footer-contact p{display:flex;align-items:center;gap:8px;white-space:nowrap}
.isoleader-realizacje .footer-contact p img{width:17px;height:16px;object-fit:contain}
.isoleader-realizacje .footer-company{margin-top:8px!important;font-weight:700!important}
.isoleader-realizacje .footer-nip{margin-top:7px!important}
.isoleader-realizacje .webra-credit{position:absolute;left:0;right:0;bottom:0;height:64px;display:grid;place-items:center;background:#fff;z-index:2}
.isoleader-realizacje .webra-credit img{width:41px;height:auto}
@media(max-width:766px){
 .isoleader-realizacje .site-header{height:76px}
 .isoleader-realizacje .header-inner{position:relative;width:90%;padding:0}
 .isoleader-realizacje .brand img{width:160px}
 .isoleader-realizacje .menu-toggle{display:block;margin-left:auto}
 .isoleader-realizacje .nav-list{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f7f5;flex-direction:column;align-items:flex-start;padding:20px;gap:15px;z-index:30}
 .isoleader-realizacje .nav-list.is-open{display:flex}
 .isoleader-realizacje .subnav{position:static;border:0;background:transparent;padding:10px 0 0 20px}
 .realizacje-hero{padding-top:48px}
 .realizacje-list{padding-bottom:70px}
 .realization-card{border-radius:13px;aspect-ratio:1.1}
 .realization-card>div{left:18px;right:18px;bottom:16px;display:block}
 .realization-card h2{font-size:25px;margin-bottom:8px}
 .realization-view{grid-template-columns:1fr;padding-top:10px}
 .realization-main{min-height:0;aspect-ratio:1.1}
 .realization-thumbs{grid-template-columns:repeat(3,1fr)}
 .realization-heading{padding-top:46px}
 .gallery-lightbox{padding:20px}
}

@media(min-width:767px) and (max-width:991px){
 .isoleader-realizacje .site-footer{height:400px;border-radius:80px 80px 0 0}
 .isoleader-realizacje .footer-overlay{inset:38px 8% auto;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
 .isoleader-realizacje .footer-overlay>img{width:170px}
 .isoleader-realizacje .footer-contact{grid-column:1/-1}
}