:root{--bg:#0d0d0d;--panel:#15120f;--panel2:#1f1a14;--text:#f7f1e4;--muted:#cfc3aa;--gold:#c99c4b;--line:rgba(201,156,75,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}
.nav{position:fixed;z-index:10;inset:0 0 auto 0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:rgba(10,10,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand img{width:120px;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}
.nav-links{display:flex;gap:28px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a:hover{color:var(--gold)}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;padding:130px 6vw 80px;overflow:hidden;background:linear-gradient(135deg,rgba(7,7,7,.96),rgba(21,15,8,.74)),var(--hero) center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:auto -10% -30% -10%;height:45%;background:radial-gradient(circle at center,rgba(201,156,75,.25),transparent 65%)}
.hero-content{position:relative;z-index:2;max-width:920px}.hero-logo{width:min(390px,70vw);margin:0 auto 26px;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.eyebrow,.section-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:13px}
h1{font-size:clamp(44px,7vw,92px);line-height:.96;margin:16px 0;letter-spacing:-.04em}h2{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:10px 0 22px;letter-spacing:-.035em}h3{margin:0 0 12px;font-size:24px}
p{color:var(--muted);line-height:1.75;font-size:18px}.lead{font-size:22px;max-width:760px;margin:0 auto 34px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{padding:16px 24px;border-radius:999px;text-decoration:none;font-weight:700}.primary{background:var(--gold);color:#15100a}.secondary{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.04)}
section{padding:100px 6vw}.intro,.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.card,.panel,.contact-card,.gallery-item{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(201,156,75,.18);border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.card{padding:30px;min-height:250px}.card span{color:var(--gold);font-weight:800}.card p{font-size:16px}.wholesale{background:linear-gradient(180deg,#0d0d0d,#15100b)}.panel{padding:54px;max-width:940px;margin:auto}li{color:var(--muted);margin:12px 0;font-size:18px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.gallery-item{overflow:hidden;margin:0}.gallery-item img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .45s ease}.gallery-item:hover img{transform:scale(1.04)}.placeholder{min-height:260px;display:grid;place-items:center;color:var(--muted)}
.contact-card{padding:34px}.contact-card a{display:block;padding:12px 0;text-decoration:none;color:var(--text);font-size:20px}.contact-card a:hover{color:var(--gold)}.contact-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.facebook{color:var(--gold)!important}
footer{text-align:center;padding:60px 6vw;border-top:1px solid rgba(255,255,255,.06)}footer img{width:150px;opacity:.9;border-radius:14px}
@media(max-width:980px){.intro,.contact{grid-template-columns:1fr}.cards,.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nav{height:auto;align-items:flex-start}.brand img{width:92px}.nav-links{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}section{padding:74px 6vw}.cards,.gallery{grid-template-columns:1fr}.gallery-item img{height:300px}}


/* aktualizacja galerii: zdjęcia bez opisów */
.gallery-item{position:relative}
.gallery-item img{height:360px;object-fit:cover}

.nav-links{align-items:center}
@media(max-width:680px){
  .nav-links a{font-size:11px}
}


/* Aktualizacja: nazwy produktów pod zdjęciami */
.product-card figcaption,
.gallery-item figcaption {
  display: block;
  padding: 16px 18px 18px;
  color: var(--text);
  text-align: center;
  font-weight: 700;
  letter-spacing: .01em;
  font-size: 16px;
  border-top: 1px solid rgba(201,156,75,.16);
}
.product-card img,
.gallery-item img {
  height: 360px;
  object-fit: cover;
}


/* Wkłady parafinowe — wersja premium */
.wklady-section {
  background:
    radial-gradient(circle at top left, rgba(201,156,75,.14), transparent 34%),
    linear-gradient(180deg, #0d0d0d, #14110d);
}
.wklady-lead {
  max-width: 820px;
  margin: 0 0 34px;
}
.wklady-specs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin: 28px 0 34px;
}
.wklady-specs div {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(201,156,75,.20);
  border-radius: 18px;
  padding: 18px 12px;
  text-align: center;
}
.wklady-specs strong {
  display: block;
  color: var(--text);
  font-size: 21px;
  margin-bottom: 6px;
}
.wklady-specs span {
  color: var(--gold);
  font-weight: 800;
}
.wklady-card {
  background: linear-gradient(180deg, #f7f3ea, #e9e0d2);
  border: 1px solid rgba(201,156,75,.35);
}
.wklady-card img {
  background: #f7f3ea;
  height: 360px;
  object-fit: contain;
  padding: 18px;
}
.wklady-card figcaption {
  color: #18130d;
  background: rgba(255,255,255,.62);
  border-top: 1px solid rgba(90,70,35,.18);
}
@media(max-width:980px){
  .wklady-specs { grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:680px){
  .wklady-specs { grid-template-columns: repeat(2, 1fr); }
  .wklady-card img { height: 300px; }
}


/* Wkłady elektryczne — spójna elegancka sekcja */
.electric-section {
  background:
    radial-gradient(circle at top right, rgba(201,156,75,.16), transparent 32%),
    linear-gradient(180deg, #14110d, #0d0d0d);
}
.electric-highlight {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 28px 0 34px;
}
.electric-highlight div {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(201,156,75,.20);
  border-radius: 18px;
  padding: 20px 14px;
  text-align: center;
}
.electric-highlight strong {
  display: block;
  color: var(--text);
  font-size: 20px;
  margin-bottom: 6px;
}
.electric-highlight span {
  color: var(--gold);
  font-weight: 800;
}
.electric-card img {
  height: 360px;
  object-fit: contain;
  padding: 18px;
  background: #f7f3ea;
}
@media(max-width:780px){
  .electric-highlight { grid-template-columns: 1fr; }
}

/* FINALNA AKTUALIZACJA LAMPIONÓW */
#lampiony .gallery {
  align-items: stretch;
}

#lampiony .lampion-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(180deg, #fbf8f1 0%, #f3ecdf 100%);
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
  transition: transform .25s ease, box-shadow .25s ease;
}

#lampiony .lampion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 58px rgba(0,0,0,.24);
}

#lampiony .product-image-wrap {
  display: grid;
  place-items: center;
  aspect-ratio: 6 / 5;
  overflow: hidden;
  background: #f8f5ee;
}

#lampiony .product-image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  background: #f8f5ee;
}

#lampiony .lampion-card figcaption {
  display: block;
  min-height: 66px;
  padding: 18px 20px;
  color: #1b1712;
  background: rgba(255,255,255,.72);
  border-top: 1px solid rgba(201,156,75,.22);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .01em;
}

@media (max-width: 680px) {
  #lampiony .lampion-card figcaption {
    min-height: auto;
    font-size: 15px;
  }
}

/* ZNICZE KLASYCZNE — WERSJA PREMIUM */
.classic-section {
  background:
    radial-gradient(circle at 12% 5%, rgba(201,156,75,.14), transparent 30%),
    linear-gradient(180deg, #0d0d0d 0%, #15110d 100%);
}

.classic-lead {
  max-width: 820px;
  margin: 0 0 34px;
}

#znicze-klasyczne .classic-gallery {
  align-items: stretch;
}

#znicze-klasyczne .classic-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(180deg, #fbf8f1 0%, #f2eadc 100%);
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
  transition: transform .25s ease, box-shadow .25s ease;
}

#znicze-klasyczne .classic-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 58px rgba(0,0,0,.24);
}

#znicze-klasyczne .classic-image-wrap {
  display: grid;
  place-items: center;
  aspect-ratio: 6 / 5;
  overflow: hidden;
  background: #f8f5ee;
}

#znicze-klasyczne .classic-image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  background: #f8f5ee;
}

#znicze-klasyczne .classic-card figcaption {
  display: block;
  min-height: 66px;
  padding: 18px 20px;
  color: #1b1712;
  background: rgba(255,255,255,.74);
  border-top: 1px solid rgba(201,156,75,.22);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .01em;
}

@media (max-width: 680px) {
  #znicze-klasyczne .classic-card figcaption {
    min-height: auto;
    font-size: 15px;
  }
}




/* ZNICZE KLASYCZNE — SPÓJNE KAFELKI FINAL */
#znicze-klasyczne .classic-gallery {
  align-items: stretch;
  grid-auto-flow: dense;
}

#znicze-klasyczne .classic-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #f7f2e8;
  border: 1px solid rgba(201,156,75,.28);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  transform: none;
}

#znicze-klasyczne .classic-card:hover {
  transform: none;
  box-shadow: 0 16px 42px rgba(0,0,0,.19);
}

#znicze-klasyczne .classic-image-wrap {
  width: 100%;
  aspect-ratio: 3 / 4;
  padding: 0;
  overflow: hidden;
  background: #eee8dd;
  border-radius: 0;
}

#znicze-klasyczne .classic-image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}

#znicze-klasyczne .classic-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0;
  padding: 16px 18px;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}

#znicze-klasyczne .classic-card-wide {
  grid-column: span 2;
}

#znicze-klasyczne .classic-card-wide .classic-image-wrap {
  aspect-ratio: 4 / 3;
}

@media (max-width: 680px) {
  #znicze-klasyczne .classic-card-wide {
    grid-column: span 1;
  }

  #znicze-klasyczne .classic-card-wide .classic-image-wrap {
    aspect-ratio: 3 / 4;
  }

  #znicze-klasyczne .classic-card figcaption {
    min-height: 58px;
    font-size: 15px;
  }
}


/* AKTUALIZACJA ZNICZY KLASYCZNYCH V3 */
#znicze-klasyczne .classic-gallery {
  align-items: stretch;
  grid-auto-rows: 1fr;
}
#znicze-klasyczne .classic-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
}
#znicze-klasyczne .classic-card:hover {
  transform: none;
  border-color: rgba(201,156,75,.52);
  box-shadow: 0 18px 46px rgba(0,0,0,.21);
}
#znicze-klasyczne .unified-product-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #f8f5ee;
}
#znicze-klasyczne .unified-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #f8f5ee;
}
#znicze-klasyczne .classic-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 16px 18px;
  margin: 0;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}


/* CAŁA STRONA — SPÓJNY FORMAT KATALOGOWY FINAL */
.gallery-section .gallery {
  align-items: stretch;
  grid-auto-flow: dense;
  grid-auto-rows: 1fr;
}

.gallery-section .catalog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  transition: border-color .22s ease, box-shadow .22s ease;
}

.gallery-section .catalog-card:hover {
  transform: none;
  border-color: rgba(201,156,75,.52);
  box-shadow: 0 18px 46px rgba(0,0,0,.21);
}

.gallery-section .catalog-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #f8f5ee;
}

.gallery-section .catalog-image img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  background: #f8f5ee;
}

.gallery-section .catalog-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  margin: 0;
  padding: 16px 18px;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .01em;
}

.gallery-section .catalog-card-wide {
  grid-column: span 2;
}

.gallery-section .catalog-card-wide .catalog-image {
  aspect-ratio: 4 / 3;
}

@media (max-width: 680px) {
  .gallery-section .catalog-card-wide {
    grid-column: span 1;
  }

  .gallery-section .catalog-card-wide .catalog-image {
    aspect-ratio: 4 / 3;
  }

  .gallery-section .catalog-card figcaption {
    min-height: 58px;
    font-size: 15px;
  }
}


/* SOLARY — AKTUALIZACJA PREMIUM */
#solary .gallery {
  align-items: stretch;
  grid-auto-flow: dense;
  grid-auto-rows: 1fr;
}

#solary .solar-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  transition: border-color .22s ease, box-shadow .22s ease;
}

#solary .solar-card:hover {
  transform: none;
  border-color: rgba(201,156,75,.52);
  box-shadow: 0 18px 46px rgba(0,0,0,.21);
}

#solary .solar-card .solar-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #f8f5ee;
}

#solary .solar-card .solar-image img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  background: #f8f5ee;
}

#solary .solar-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0;
  padding: 16px 18px;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}

#solary .solar-card-wide {
  grid-column: span 2;
}

#solary .solar-card-16 .solar-image {
  aspect-ratio: 16 / 9;
}

#solary .solar-card-43 .solar-image {
  aspect-ratio: 4 / 3;
}

@media (max-width: 680px) {
  #solary .solar-card-wide {
    grid-column: span 1;
  }

  #solary .solar-card-16 .solar-image,
  #solary .solar-card-43 .solar-image {
    aspect-ratio: 4 / 3;
  }

  #solary .solar-card figcaption {
    min-height: 58px;
    font-size: 15px;
  }
}


/* SOLARY — FINALNA AKTUALIZACJA OFERTY */
#solary .gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

#solary .solar-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  transition: border-color .22s ease, box-shadow .22s ease;
}

#solary .solar-card:hover {
  transform: none;
  border-color: rgba(201,156,75,.52);
  box-shadow: 0 18px 46px rgba(0,0,0,.21);
}

#solary .solar-card-wide {
  grid-column: span 1;
}

#solary .solar-image {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #faf8f3;
}

#solary .solar-ratio-16 .solar-image {
  aspect-ratio: 16 / 9;
}

#solary .solar-ratio-54 .solar-image {
  aspect-ratio: 5 / 4;
}

#solary .solar-image img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  object-fit: contain;
  object-position: center;
  background: #faf8f3;
}

#solary .solar-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0;
  padding: 16px 18px;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}

@media (max-width: 900px) {
  #solary .gallery {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  #solary .solar-card figcaption {
    min-height: 58px;
    font-size: 15px;
  }
}


/* FINALNY SPÓJNY SYSTEM KAFELKÓW */
body .gallery-section .gallery {
  align-items: stretch;
  grid-auto-flow: dense;
  grid-auto-rows: 1fr;
}

body .gallery-section .catalog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  transition: border-color .22s ease, box-shadow .22s ease;
}

body .gallery-section .catalog-card:hover {
  transform: none !important;
  border-color: rgba(201,156,75,.52);
  box-shadow: 0 18px 46px rgba(0,0,0,.21);
}

body .gallery-section .catalog-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  padding: 0 !important;
  margin: 0;
  overflow: hidden;
  background: #f8f5ee;
}

body .gallery-section .catalog-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0;
  object-fit: cover !important;
  object-position: center;
  border-radius: 0 !important;
  background: #f8f5ee;
}

body .gallery-section .catalog-card figcaption {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  margin: 0;
  padding: 16px 18px;
  color: #1b1712 !important;
  background: #fbf8f2 !important;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .01em;
}

body .gallery-section .catalog-card-wide {
  grid-column: span 2;
}

body .gallery-section .catalog-card-wide .catalog-image {
  aspect-ratio: 4 / 3;
}

body .gallery-section .catalog-card-wide .catalog-image img {
  object-fit: contain !important;
}

/* Solary i plansze ofertowe pozostają czytelne, ale mają tę samą ramę i cień. */
body #solary .gallery,
body #wklady .gallery,
body #wklady-elektryczne .gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 900px) {
  body #solary .gallery,
  body #wklady .gallery,
  body #wklady-elektryczne .gallery {
    grid-template-columns: 1fr;
  }

  body .gallery-section .catalog-card-wide {
    grid-column: span 1;
  }
}

@media (max-width: 680px) {
  body .gallery-section .catalog-card figcaption {
    min-height: 58px;
    font-size: 15px;
  }
}


/* SOLARY I WKŁADY — POWRÓT DO KAFELKÓW */

/* Mniejsze, czytelne kafelki zamiast dużych plansz */
body #solary .gallery,
body #wklady .gallery,
body #wklady-elektryczne .gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  grid-auto-flow: row;
}

/* Żaden produkt nie rozciąga się już na dwie kolumny */
body #solary .catalog-card-wide,
body #wklady .catalog-card-wide,
body #wklady-elektryczne .catalog-card-wide {
  grid-column: span 1;
}

/* Równe, kompaktowe karty */
body #solary .catalog-card,
body #wklady .catalog-card,
body #wklady-elektryczne .catalog-card {
  min-width: 0;
  height: 100%;
  border-radius: 18px;
}

/* Zdjęcie zajmuje kontrolowaną część kafelka */
body #solary .catalog-image,
body #wklady .catalog-image,
body #wklady-elektryczne .catalog-image,
body #solary .catalog-card-wide .catalog-image,
body #wklady .catalog-card-wide .catalog-image,
body #wklady-elektryczne .catalog-card-wide .catalog-image {
  width: 100%;
  height: 270px;
  aspect-ratio: auto;
  padding: 12px !important;
  background: #f8f5ee;
}

/* Pełny produkt / cała plansza widoczna bez przycinania */
body #solary .catalog-image img,
body #wklady .catalog-image img,
body #wklady-elektryczne .catalog-image img,
body #solary .catalog-card-wide .catalog-image img,
body #wklady .catalog-card-wide .catalog-image img,
body #wklady-elektryczne .catalog-card-wide .catalog-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  padding: 0 !important;
  background: #f8f5ee;
}

/* Krótszy, równy podpis */
body #solary .catalog-card figcaption,
body #wklady .catalog-card figcaption,
body #wklady-elektryczne .catalog-card figcaption {
  min-height: 58px;
  padding: 13px 14px;
  font-size: 15px;
}

/* Tablet */
@media (max-width: 1050px) {
  body #solary .gallery,
  body #wklady .gallery,
  body #wklady-elektryczne .gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #solary .catalog-image,
  body #wklady .catalog-image,
  body #wklady-elektryczne .catalog-image {
    height: 250px;
  }
}

/* Telefon */
@media (max-width: 640px) {
  body #solary .gallery,
  body #wklady .gallery,
  body #wklady-elektryczne .gallery {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  body #solary .catalog-image,
  body #wklady .catalog-image,
  body #wklady-elektryczne .catalog-image {
    height: 240px;
  }
}


/* SOLARY — AKTUALNA OFERTA */
#solary .section-note {
  margin: -6px 0 28px;
  color: var(--muted);
  font-size: 16px;
}
#solary .gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
#solary .solar-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #f8f5ee;
  border: 1px solid rgba(201,156,75,.30);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
}
#solary .solar-card:hover {
  transform: none;
  border-color: rgba(201,156,75,.50);
  box-shadow: 0 16px 36px rgba(0,0,0,.19);
}
#solary .solar-image {
  width: 100%;
  height: 270px;
  padding: 12px !important;
  background: #f8f5ee;
}
#solary .solar-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  padding: 0 !important;
  background: #f8f5ee;
}
#solary .solar-card figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  margin: 0;
  padding: 13px 14px;
  color: #1b1712;
  background: #fbf8f2;
  border-top: 1px solid rgba(201,156,75,.20);
  text-align: center;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
}
@media (max-width: 1050px) {
  #solary .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #solary .solar-image { height: 250px; }
}
@media (max-width: 640px) {
  #solary .gallery { grid-template-columns: 1fr; }
  #solary .solar-image { height: 240px; }
}