/* ============================================================
   HOMEPAGE VISUAL POLISH — Podno Grijanje
   Sve je ograničeno na body.home-page kako druge stranice ne bi
   promijenile raspored ili poravnanje.
   ============================================================ */

body.home-page{
  --home-bg: #f3f5f8;
  --home-surface: #ffffff;
  --home-surface-soft: #f8fafc;
  --home-line: rgba(148,163,184,.22);
  --home-ink: #111827;
  --home-muted: #5b6472;
  --home-brand: #7f1d1d;
  --home-brand-soft: rgba(127,29,29,.09);
  background:
    radial-gradient(900px 520px at -8% 18%, rgba(127,29,29,.07), transparent 62%),
    radial-gradient(920px 560px at 108% 42%, rgba(185,28,28,.06), transparent 60%),
    linear-gradient(180deg, #f8fafc 0%, var(--home-bg) 54%, #eef1f5 100%);
  color: var(--home-ink);
  overflow-x: hidden;
}

body.home-page .hero,
body.home-page .category-cards,
body.home-page .info-section,
body.home-page .montaza-cards,
body.home-page .showcase-columns,
body.home-page .banners-section,
body.home-page .heating-overlap,
body.home-page .reward-card,
body.home-page .pg-cta-hub,
body.home-page .site-footer{
  position: relative;
  isolation: isolate;
}

/* Hero dobija čišći prelaz prema sadržaju */
body.home-page .hero{
  min-height: clamp(500px, 64vh, 720px);
  display: grid;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 -90px 100px rgba(15,23,42,.28);
}
body.home-page .hero::before{
  background:
    linear-gradient(180deg, rgba(15,23,42,.52) 0%, rgba(15,23,42,.68) 100%) !important;
}
body.home-page .hero-content{
  max-width: 930px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(15,23,42,.48), rgba(15,23,42,.28));
  box-shadow: 0 28px 80px rgba(0,0,0,.26);
  backdrop-filter: blur(8px);
}
body.home-page .hero-content h1{
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.05;
  letter-spacing: -.035em;
  text-shadow: 0 4px 20px rgba(0,0,0,.35);
}
body.home-page .hero-content p{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(17px, 2vw, 21px);
}
body.home-page .hero-btn{
  min-height: 48px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(127,29,29,.36);
}

/* Kategorije — svijetla premium podloga iznad ostatka stranice */
body.home-page .category-cards{
  margin-top: 0;
  padding: 54px 0 84px;
  background:
    radial-gradient(760px 330px at 16% 2%, rgba(127,29,29,.10), transparent 62%),
    radial-gradient(720px 300px at 88% 12%, rgba(245,158,11,.08), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.98), #f8fafc 100%);
  border-bottom: 1px solid var(--home-line);
}
body.home-page .category-cards::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 70px;
  z-index: -1;
  background: linear-gradient(180deg, transparent, rgba(226,232,240,.28));
}
body.home-page .cards-container{
  padding: 0;
  gap: 26px 22px;
}
body.home-page .category-cards .card{
  min-height: 322px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(226,232,240,.9);
  box-shadow: 0 14px 35px rgba(15,23,42,.08);
  background: rgba(255,255,255,.96);
}
body.home-page .category-cards .card:hover{
  transform: translateY(-6px);
  border-color: rgba(127,29,29,.20);
  box-shadow: 0 22px 50px rgba(15,23,42,.13);
}
body.home-page .category-cards .card img{
  width: 100%;
  height: 210px;
  flex: 0 0 210px;
  object-fit: cover;
}
body.home-page .category-cards .card h3{
  min-height: 86px;
  margin: 0;
  padding: 20px 16px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #172033;
  font-weight: 750;
}
body.home-page .category-cards .card:hover h3{
  color: var(--home-brand);
}

/* Blog sekcija — neutralna, bez prenaglašenog narandžastog tona */
body.home-page .info-section{
  margin-top: 0;
  padding: 88px 0 96px;
  background:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72)),
    linear-gradient(to right, rgba(127,29,29,.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(127,29,29,.045) 1px, transparent 1px),
    linear-gradient(180deg, #f1f4f8 0%, #eef2f6 100%);
  background-size: auto, 56px 56px, 56px 56px, auto;
  border-bottom: 1px solid var(--home-line);
}
body.home-page .info-section h2,
body.home-page .montaza-cards .mc-title{
  color: var(--home-ink);
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -.03em;
  font-weight: 850;
}
body.home-page .info-section h2::after,
body.home-page .montaza-cards .mc-title::after{
  content: "";
  display: block;
  width: 66px;
  height: 4px;
  margin: 18px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--home-brand), #dc2626);
}
body.home-page .section-subtitle,
body.home-page .montaza-cards .mc-sub{
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  color: var(--home-muted);
  font-size: 17px;
  line-height: 1.7;
}
body.home-page .info-grid{
  gap: 24px;
}
body.home-page .info-card{
  border-radius: 20px;
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 14px 38px rgba(15,23,42,.065);
  background: rgba(255,255,255,.95);
}
body.home-page .info-card:hover{
  border-color: rgba(127,29,29,.22);
  box-shadow: 0 22px 50px rgba(15,23,42,.11);
}
body.home-page .info-content{
  padding: 28px 26px;
}
body.home-page .info-content h3{
  color: #172033;
  font-weight: 760;
}

/* Vodič za montažu */
body.home-page .montaza-cards{
  padding: 90px 0 94px;
  background:
    radial-gradient(720px 360px at 8% 0%, rgba(127,29,29,.075), transparent 65%),
    radial-gradient(700px 340px at 94% 100%, rgba(185,28,28,.055), transparent 64%),
    #ffffff;
  border-bottom: 1px solid var(--home-line);
}
body.home-page .montaza-cards .mc-sub{
  margin-top: 14px;
  margin-bottom: 34px;
}
body.home-page .mc-grid{
  gap: 24px;
}
body.home-page .mc-card{
  padding: 26px;
  border-radius: 22px;
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 16px 38px rgba(15,23,42,.075);
  background: linear-gradient(180deg, #fff, #fbfcfe);
}
body.home-page .mc-card:hover{
  transform: translateY(-5px);
  border-color: rgba(127,29,29,.20);
  box-shadow: 0 24px 52px rgba(15,23,42,.12);
}
body.home-page .mc-icon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(145deg, #fff7f7, #ffffff);
  border-color: rgba(127,29,29,.12);
}

/* Proizvodi — diskretna siva podloga koja odvaja tri kolone */
body.home-page .showcase-columns{
  padding: 88px 0 96px;
  background:
    radial-gradient(860px 420px at 50% -20%, rgba(127,29,29,.08), transparent 66%),
    linear-gradient(180deg, #f4f6f9 0%, #eef2f6 100%);
  border-bottom: 1px solid var(--home-line);
}
body.home-page .showcase-columns .showcase-grid{
  gap: 26px;
}
body.home-page .showcase-col{
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(226,232,240,.95);
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 48px rgba(15,23,42,.075);
  backdrop-filter: blur(8px);
}
body.home-page .showcase-col .showcase-title{
  font-size: 23px;
  font-weight: 850;
  color: #172033;
}

/* Baneri — bijela sekcija i bolji vizuelni ritam */
body.home-page .banners-section{
  margin: 0;
  padding: 88px 0;
  background:
    radial-gradient(680px 300px at 18% 50%, rgba(127,29,29,.055), transparent 68%),
    #ffffff;
  border-bottom: 1px solid var(--home-line);
}
body.home-page .banners-grid{
  gap: 26px;
}
body.home-page .banner-item{
  border-radius: 24px;
  border: 1px solid rgba(226,232,240,.85);
  box-shadow: 0 18px 44px rgba(15,23,42,.11);
}
body.home-page .banner-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 58px rgba(15,23,42,.17);
}
body.home-page .banner-overlay{
  padding: 42px 24px 24px;
  background: linear-gradient(to top, rgba(8,15,28,.90), rgba(8,15,28,.02));
}

/* Tamne premium sekcije — jasniji razmak i mekši prelaz */
body.home-page .heating-overlap{
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
body.home-page .heating-overlap::before,
body.home-page .reward-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.025) 38% 52%, transparent 52% 100%);
}
body.home-page .reward-card{
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.home-page .text-card,
body.home-page .reward-content{
  position: relative;
}
body.home-page .text-card::before,
body.home-page .reward-content::before{
  content: "";
  position: absolute;
  left: 0;
  top: -16px;
  width: 64px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #f87171, #ef4444);
}

/* Kontakt poziv — svijetla završna sekcija */
body.home-page .pg-cta-hub{
  padding: 90px 0 96px;
  background:
    radial-gradient(820px 360px at 10% 20%, rgba(127,29,29,.08), transparent 64%),
    radial-gradient(700px 340px at 94% 100%, rgba(245,158,11,.055), transparent 64%),
    linear-gradient(180deg, #f7f9fb 0%, #eef2f6 100%);
}
body.home-page .pg-cta-card,
body.home-page .pg-cta-actions{
  box-shadow: 0 22px 54px rgba(15,23,42,.11);
}
body.home-page .pg-cta-actions{
  background: rgba(255,255,255,.95);
  border-color: rgba(226,232,240,.95);
}

/* Footer dobija jasnu granicu od sadržaja */
body.home-page .site-footer{
  border-top: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 -20px 50px rgba(15,23,42,.12);
}

@media (max-width: 992px){
  body.home-page .hero{
    min-height: 560px;
  }
  body.home-page .category-cards{
    margin-top: 0;
    padding-top: 44px;
    padding-bottom: 70px;
  }
  body.home-page .category-cards .card{
    min-height: 304px;
  }
  body.home-page .category-cards .card img{
    height: 194px;
    flex-basis: 194px;
  }
  body.home-page .info-section,
  body.home-page .montaza-cards,
  body.home-page .showcase-columns,
  body.home-page .banners-section,
  body.home-page .pg-cta-hub{
    padding-top: 68px;
    padding-bottom: 72px;
  }
}

@media (max-width: 640px){
  body.home-page .hero{
    min-height: 520px;
    padding: 78px 0 92px;
  }
  body.home-page .hero-content{
    padding: 24px 18px;
    border-radius: 22px;
  }
  body.home-page .category-cards{
    margin-top: 0;
    padding-top: 34px;
    padding-bottom: 56px;
  }
  body.home-page .category-cards .card{
    min-height: 294px;
  }
  body.home-page .category-cards .card img{
    height: 188px;
    flex-basis: 188px;
  }
  body.home-page .category-cards .card h3{
    min-height: 82px;
    padding: 18px 14px 20px;
  }
  body.home-page .info-section,
  body.home-page .montaza-cards,
  body.home-page .showcase-columns,
  body.home-page .banners-section,
  body.home-page .pg-cta-hub{
    padding-top: 54px;
    padding-bottom: 58px;
  }
  body.home-page .info-section h2,
  body.home-page .montaza-cards .mc-title{
    font-size: 29px;
  }
  body.home-page .info-content,
  body.home-page .mc-card,
  body.home-page .showcase-col{
    padding: 20px;
  }
  body.home-page .banner-item{
    border-radius: 20px;
  }
}