/* ============================================================
   KOMINAPEC.SK — vlastné štýly (súbor kominapec.css)
   Nahrať do Správca súborov, v Hlavičke pripojiť:
   <link rel="stylesheet" href="URL_SUBORU/kominapec.css">
   ============================================================ */
:root{
  --kp-red:#c1121f; --kp-red-dark:#8d0d17;
  --kp-ink:#1b1b1b; --kp-teal:#2f7d84;
}

/* ---------- 1) BEŽIACA LIENTA PARTNEROV (farebná, neklikateľná) ---------- */
.kp-marquee{position:relative;overflow:hidden;width:100%;display:flex;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.kp-marquee__track{display:flex;flex:0 0 auto;align-items:center;gap:64px;padding:8px 32px;
  animation:kp-scroll var(--kp-marquee-duration,24s) linear infinite;will-change:transform;}
.kp-marquee:hover .kp-marquee__track{animation-play-state:paused;}
@keyframes kp-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.kp-marquee-host .partners__item{margin:0!important;flex:0 0 auto;}
/* farebné logá, žiadne odkazy */
.kp-marquee-host .partners__image-block{pointer-events:none;cursor:default;}
.kp-marquee-host .partners__image-block img{
  max-height:60px;width:auto;filter:none;opacity:1;
  transition:transform .3s ease;}
.kp-marquee-host .partners__image-block:hover img{transform:scale(1.06);}
@media(prefers-reduced-motion:reduce){.kp-marquee__track{animation:none}}

/* ---------- 2) HERO SLIDER (1 karta = banner) ---------- */
.kp-hero{position:relative;max-width:1920px;margin:0 auto 28px;overflow:hidden;
  border-radius:16px;background:#0d0d0f;}
.kp-hero__viewport{position:relative;width:100%;aspect-ratio:1920/680;}
@media(max-width:768px){.kp-hero__viewport{aspect-ratio:1/1;}}
.kp-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .8s ease;display:flex;align-items:center;}
.kp-hero__slide.is-active{opacity:1;visibility:visible;}
.kp-hero__slide img.kp-hero__bg{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;display:block;}
.kp-hero__slide{cursor:pointer;} /* celý banner je odkaz */
/* šípky */
.kp-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:52px;height:52px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;
  font-size:22px;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease,transform .2s ease;}
.kp-hero__arrow:hover{background:var(--kp-red);transform:translateY(-50%) scale(1.08);}
.kp-hero__arrow--prev{left:18px;} .kp-hero__arrow--next{right:18px;}
@media(max-width:768px){.kp-hero__arrow{width:42px;height:42px;font-size:18px;}}
/* bodky */
.kp-hero__dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;gap:10px;}
.kp-hero__dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.45);transition:background .2s,transform .2s;}
.kp-hero__dot.is-active{background:var(--kp-red);transform:scale(1.25);}

/* ---------- 3) KARTY PRODUKTOV — hover "roztrhnutie" ---------- */
.products-block .product,.product-list .product{
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;
  border-radius:14px;overflow:hidden;}
.products-block .product:hover,.product-list .product:hover{
  transform:translateY(-8px);box-shadow:0 18px 40px -14px rgba(0,0,0,.28);}
.products-block .product .image img,.product-list .product .image img{
  transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.products-block .product:hover .image img,.product-list .product:hover .image img{
  transform:scale(1.07);}
.flag--sale,.flag-sale,.product-flag--action{background:var(--kp-red)!important;
  box-shadow:0 4px 12px -3px rgba(193,18,31,.6);letter-spacing:.3px;}

/* ---------- 4) Nadpisy sekcií + reveal ---------- */
.homepage-group-title,.h4.homepage-group-title{position:relative;padding-bottom:10px;font-weight:800;}
.homepage-group-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:56px;height:3px;border-radius:3px;background:var(--kp-red);}
.kp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.kp-reveal.kp-visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.kp-reveal{opacity:1;transform:none}}

/* ---------- HERO FIX: skryť natívny Apollo banner + mobil ---------- */
/* skryjeme štandardný banner-slider Apollo na úvode (necháme len náš kp-hero) */
.homepage-type .main-banner,
.homepage-type .banner-wrapper,
.homepage-type .top-banner,
.homepage .main-banner,
.homepage .banner-block,
.homepage-banners,
.js-main-banner{ display:none !important; }

/* náš hero nech je na plnú šírku a nad všetkým */
.kp-hero{ margin-top:0; }

/* MOBIL: banner nech sa nereže — zobraz celý obrázok */
@media(max-width:768px){
  .kp-hero__viewport{ aspect-ratio:auto; }
  .kp-hero__slide{ position:relative; }
  .kp-hero__slide img.kp-hero__bg{ position:relative; height:auto; object-fit:contain; }
  .kp-hero__slide:not(.is-active){ display:none; }
  .kp-hero__arrow{ width:38px;height:38px;font-size:16px; }
}

/* PARTNERI na mobile: ŽIADNE úpravy — necháme natívny blok Apollo (JS beží len na desktope). */

/* ---------- "O krboch a peciach" — veľké tlačidlo + video ---------- */
.kp-btn-big{
  display:inline-block!important;
  font-size:17px!important; font-weight:700!important;
  padding:16px 40px!important; border-radius:100px!important;
  background:var(--kp-red)!important; color:#fff!important;
  box-shadow:0 8px 22px -8px rgba(193,18,31,.55);
  transition:transform .15s ease, box-shadow .25s ease, background .2s ease!important;
  text-decoration:none!important; letter-spacing:.3px;
}
.kp-btn-big:hover{
  transform:translateY(-2px);
  background:var(--kp-red-dark)!important; color:#fff!important;
  box-shadow:0 12px 28px -8px rgba(193,18,31,.7);
}
/* fóntové video vpravo (Apollo dáva obrázok/media vpravo) */
.kp-hp-video{
  width:100%; height:auto; border-radius:16px; display:block;
  box-shadow:0 16px 40px -18px rgba(0,0,0,.4);
  object-fit:cover;
}

/* ---------- SLUŽBY — len prefarbenie tlačidla na červené ---------- */
.service__text-block .btn.btn-secondary{
  background:var(--kp-red)!important;
  border-color:var(--kp-red)!important;
  color:#fff!important;
}
.service__text-block .btn.btn-secondary:hover{
  background:var(--kp-red-dark)!important;
  border-color:var(--kp-red-dark)!important;
  color:#fff!important;
}
/* karty služieb — bez zásahov do štruktúry Apollo */