/* Úvodná stránka — doplnky k style.css pre obsah, ktorý skladá server (server/sekcie/uvod.js). */

/* Nadpisy slajdov hero sú h2 (stránka má jediný H1). Vzhľad ako predtým h1 — zmerané na živom
   webe 23. 9. 2026 pri šírke 1440, 900 aj 390 px: 48px / 55.2px / -1.92px / 800 / #111 / 0 0 20px.
   !important preto, že style.css dáva každému h2 font-size 36px !important. */
.hero .hero-nadpis{font-family:var(--font-heading);font-size:var(--fs-display)!important;line-height:1.15!important;letter-spacing:-.04em;font-weight:var(--fw-heavy);color:var(--black);margin:0 0 20px}
.hero .hero-nadpis span{color:var(--orange)}

/* Aktuality na úvode: tá istá karta ako v zozname Aktualít (aktuality.css), len v troch stĺpcoch. */
.uvod-clanky.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:980px){.uvod-clanky.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.uvod-clanky.blog-grid{grid-template-columns:1fr!important}}

/* Karta videa v sekcii Oficiálne zastúpenie je odkaz (predtým <div onclick>) — bez podčiarknutia. */
a.official-video-card{display:block;color:inherit;text-decoration:none}

/* Prečo Vendea bez videa (13. 10. 2026 — video je na O TCN): text na stred, výhody v jednom rade (4), na mobile 2 × 2. */
.official-tcn-grid.bez-media{grid-template-columns:minmax(0,1fr)!important;row-gap:32px!important}
.official-tcn-grid.bez-media .official-tcn-content{text-align:center;max-width:1000px;margin:0 auto}
.official-tcn-grid.bez-media .official-tcn-content h2{max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.official-tcn-grid.bez-media .official-tcn-content .rich-text p,.official-tcn-grid.bez-media .official-tcn-content .lead{margin-left:auto!important;margin-right:auto!important}
.official-tcn-grid.bez-media .official-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1180px){.official-tcn-grid.bez-media .official-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .official-tcn-grid.bez-media .official-benefits{gap:10px!important}
  .official-tcn-grid.bez-media .official-benefits > div{padding:14px!important}
  .official-tcn-grid.bez-media .official-benefits strong{font-size:var(--fs-base)!important}
  .official-tcn-grid.bez-media .official-benefits p,.official-tcn-grid.bez-media .official-benefits span{font-size:var(--fs-sm)!important;line-height:1.45!important}
}

/* Karty katalógu s fotkou automatu (13. 10. 2026; predtým prázdny tmavý obdĺžnik): fotka na bielom, celá (contain).
   Na mobile 2 × 2 — pod sebou mali 4 karty 2 400 px. */
#homepage-catalog-root .product-img{height:220px;background:#fff!important;padding:12px 12px 0}
#homepage-catalog-root .product-img .v139-media-frame{height:100%;background:#fff}
@media(max-width:760px){
  #homepage-catalog-root .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #homepage-catalog-root .product-card{padding:0!important}
  #homepage-catalog-root .product-img{height:150px;padding:8px 8px 0}
  #homepage-catalog-root .product-card .body{padding:12px 12px 14px!important}
  #homepage-catalog-root .product-card h3{font-size:var(--fs-base)!important;line-height:1.3!important;margin-bottom:6px!important}
  #homepage-catalog-root .product-card .rich-text,#homepage-catalog-root .product-card .rich-text p{font-size:var(--fs-sm)!important;line-height:1.45!important}
}

/* Pečať s počtom rokov (6. 11. 2026, server/sekcie/uvod.js pecat): rozeta — biela s vlnitým okrajom, oranžová linka, text po obvode.
   Mimo slajdov, vpravo dole pri bodkách — pri prepínaní stojí, nič nezakryje (skusky/pecat_uvod.mjs). Klikateľná → O firme:
   pod myšou sa nadvihne ako karta, klávesnica ukáže obrys. */
.hero-pecat-obal{position:absolute;inset:0;pointer-events:none;z-index:4}
.hero-pecat{position:absolute;right:0;bottom:0;display:block;width:112px;height:112px;border-radius:var(--r-kruh);box-shadow:var(--shadow-md);pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}
.hero-pecat svg{display:block;width:100%;height:100%;font-family:var(--font-heading);overflow:visible}
a.hero-pecat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
a.hero-pecat:active{transform:translateY(-1px)}
a.hero-pecat:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.hero-pecat .pecat-rozeta{fill:var(--card);stroke:var(--orange);stroke-width:1.3}
.hero-pecat .pecat-vnutro{fill:none;stroke:var(--orange);stroke-width:.7;opacity:.5}
.hero-pecat .pecat-oblouk{fill:var(--orange);font-weight:var(--fw-bold)}
.hero-pecat .pecat-dole{fill:var(--muted)}
.hero-pecat .pecat-cislo{fill:var(--orange);font-weight:var(--fw-heavy);letter-spacing:-.02em}
.hero-pecat .pecat-jednotka{fill:var(--black);font-weight:var(--fw-bold)}
/* V jednom stĺpci (≤ 1180 px, style.css) riadok pod tlačidlami v každom slajde — vlastné miesto, nič neprekryje. */
.hero-pecat-riadok{display:none}
@media(max-width:1180px){
  .hero-pecat-obal{display:none}
  .hero-pecat-riadok{display:block;margin-top:28px}
  .hero-pecat-riadok .hero-pecat{position:relative;right:auto;bottom:auto;width:96px;height:96px}
}