/* Skry prázdny MasterSlider na úvodnej stránke */
body.home .default-slider,
body.home .ms-container:has(img[src*="empty.gif"]),
body.home .ms-view.ms-basic-view {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* skry druhý panel pod bannerom (dočasne) */
#aroundpage .action-box:nth-of-type(2){ display:none !important; }

/* skry duplikovaný druhý blok pod bannerom */
#aroundpage .action-box:nth-of-type(2){ display:none !important; }

/* obmedz počet kariet v každom produktovom paneli na prvých 8 kusov */
.action-box .product,
.action-box .product-item,
.action-box .goods,
.action-box .item,
.action-box .product_card{ /* zobraz všetky by default */}
.action-box .product:nth-child(n+9),
.action-box .product-item:nth-child(n+9),
.action-box .goods:nth-child(n+9),
.action-box .item:nth-child(n+9),
.action-box .product_card:nth-child(n+9){ display:none !important; }


/* ===== ROTT – článková sekcia (namespacované rs-*) ===== */
:root{
  --rs-red:#b80000;
  --rs-dark:#0f0f10;
  --rs-mid:#2a2a2e;
  --rs-gray:#6d7178;
  --rs-light:#f6f7f8;
}

/* obal sekcie */
.rs-sec{
  box-sizing:border-box;
  max-width:1200px;
  margin:clamp(24px,4vw,56px) auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 8px 32px rgba(0,0,0,.06);
  overflow:hidden;
  border:1px solid #eee;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#191c21;
}

/* hlavička */
.rs-head{
  display:flex; align-items:center; gap:14px;
  padding:clamp(18px,3.2vw,28px) clamp(20px,3.6vw,32px);
  background:radial-gradient(900px 400px at 18% -80%, rgba(184,0,0,.34), transparent 60%), #fff;
  border-bottom:1px solid #eee;
}
.rs-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#ffecec;
  color:var(--rs-red);
  border:1px solid rgba(184,0,0,.25);
  font-weight:800; font-size:12px; letter-spacing:.3px; text-transform:uppercase;
}
.rs-title{margin:0; font-size:clamp(22px,3.6vw,36px); line-height:1.1; font-weight:900; letter-spacing:-.02em;}
.rs-sub{margin:6px 0 0; color:#4b4f56; font-size:clamp(14px,1.5vw,18px)}

/* telo */
.rs-body{
  display:grid; grid-template-columns:1.2fr 1fr;
  gap:clamp(18px,2.5vw,28px);
  padding:clamp(22px,3.5vw,34px);
}
.rs-copy{display:flex; flex-direction:column; gap:18px;}
.rs-copy h3{margin:0 0 6px; font-size:18px;}
.rs-copy p{margin:0; color:#484d55;}

/* výhody */
.rs-feats{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.rs-feat{
  background:var(--rs-light); border:1px solid #eee; border-radius:14px;
  padding:12px 14px; transition:.2s ease transform,.2s ease box-shadow;
}
.rs-feat:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.06);}
.rs-feat h4{margin:0 0 4px; font-size:15px;}
.rs-feat p{margin:0; color:#5c6169; font-size:14px;}

/* CTA */
.rs-cta{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:6px;}
.rs-btn{
  display:inline-block; text-decoration:none; color:#fff; background:var(--rs-red);
  padding:12px 18px; border-radius:12px; font-weight:800;
  box-shadow:0 6px 18px rgba(184,0,0,.35); transition:.15s ease transform,.15s ease box-shadow;
}
.rs-btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(184,0,0,.45);}
.rs-link{color:var(--rs-red); text-decoration:none; border-bottom:2px solid rgba(184,0,0,.25); padding-bottom:2px; font-weight:700}

/* pravý vizuál */
.rs-visual{position:relative; border:1px solid #eee; border-radius:16px; overflow:hidden;
  background:radial-gradient(600px 300px at 70% 0%, rgba(0,0,0,.12), transparent 60%), linear-gradient(180deg,#f9fafb,#f2f3f5);}
.rs-visual img{display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 24px 40px rgba(0,0,0,.18));}
.rs-stamp{position:absolute; left:16px; bottom:16px; background:#111; color:#fff; font-weight:800; font-size:12px; letter-spacing:.4px; padding:8px 10px; border-radius:10px;}

/* spodná lišta dôvery */
.rs-trust{display:flex; gap:18px; align-items:center; justify-content:center; padding:14px 18px; background:#fafafa; border-top:1px solid #eee; color:#4f545c; font-size:13px;}
.rs-dot{width:6px; height:6px; background:#d6d8dc; border-radius:999px;}

/* responzívne */
@media (max-width:980px){
  .rs-body{grid-template-columns:1fr;}
  .rs-visual{order:-1;}
}











/* ===== ROTT – SEK CIA „Kategórie ohrievačov“ (FINAL v2 – fit + zoom) ===== */
:root{
  --rs2-red:#b80000;
  --rs2-dark:#0e0f12;
  --rs2-mid:#16171b;
  --rs2-line:#24262c;

  --rs2-text:#e9edf5;
  --rs2-sub:#c7ced9;
  --rs2-dim:#aab2bf;
}

/* obal sekcie */
.rs2-wrap{
  box-sizing:border-box;
  max-width:1200px;
  margin:clamp(28px,5vw,64px) auto;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--rs2-text);
}

/* hlavička */
.rs2-head{
  display:flex; align-items:flex-end; gap:16px;
  padding:clamp(18px,3vw,26px) clamp(20px,3.6vw,32px);
  border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,var(--rs2-dark),var(--rs2-mid));
  border:1px solid var(--rs2-line); border-bottom:0;
}
.rs2-eyebrow{margin:0 0 6px;color:var(--rs2-dim);font-weight:800;letter-spacing:.25em;text-transform:uppercase;font-size:12px;}
.rs2-title{margin:0;font-size:clamp(22px,3.4vw,34px);line-height:1.08;font-weight:900;letter-spacing:-.02em;color:var(--rs2-text);}
.rs2-sub{margin:6px 0 0;color:var(--rs2-sub);font-size:clamp(14px,1.5vw,18px)}

/* mriežka */
.rs2-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px;
  background:var(--rs2-mid);
  border:1px solid var(--rs2-line); border-top:0; border-bottom:0;
}
@media (max-width:980px){ .rs2-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .rs2-grid{ grid-template-columns:1fr; } }

/* karta – rovnaké výšky */
.rs2-card{
  position:relative; overflow:hidden; border-radius:14px;
  background:#0f1115; border:1px solid var(--rs2-line);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex; flex-direction:column;
}
.rs2-card:hover{ transform:translateY(-3px); box-shadow:0 14px 40px rgba(0,0,0,.35); border-color:#2e323a; }

/* MÉDIÁ – presný fit + zoom + fallback */
.rs2-media{
  position:relative; overflow:hidden; background:#0d0f13;
  border-bottom:1px solid var(--rs2-line);
  /* vyšší pomer – lepšie pre tvoje vertikálne fotky */
  aspect-ratio: 5 / 4; /* 1.25 */
  border-top-left-radius:13px; border-top-right-radius:13px;
}
@supports not (aspect-ratio: 1 / 1){
  .rs2-media{ height:0; padding-top:80%; } /* 5:4 = 80% fallback */
}
.rs2-media img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  /* základný zoom – dá sa per-karta prepísať */
  --zoom: 1.00;
  transform: scale(var(--zoom)) translateZ(0);
  transition: transform .25s ease;
  filter:contrast(1.08) saturate(1.04);
}
/* malý hover „dýchanie“ navyše */
.rs2-card:hover .rs2-media img{ transform: scale(calc(var(--zoom) + 0.03)); }

/* per-karta fokus a zoom (kompenzuje biele plátna na fotkách) */
.rs2-card--nafta   .rs2-media img{ object-position:56% 52%; --zoom:1.26; }
.rs2-card--halogen .rs2-media img{ object-position:50% 22%; --zoom:1.10; }
.rs2-card--plyn    .rs2-media img{ object-position:44% 50%; --zoom:1.22; }

/* textový obsah */
.rs2-body{ padding:14px 14px 12px; flex:1; }
.rs2-kicker{ color:var(--rs2-dim); font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin:0 0 6px; }
.rs2-card h3{ margin:0 0 6px; font-size:18px; font-weight:900; letter-spacing:-.01em; color:#f2f5fb; }
.rs2-desc{ margin:0; color:#d6dbe4; font-size:14px; line-height:1.5; }

/* meta riadok */
.rs2-meta{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  border-top:1px dashed #2a2d34; margin:12px 14px 14px; padding-top:10px;
  color:#cdd3de; font-size:12px;
}
.rs2-dot{ width:6px; height:6px; border-radius:999px; background:#3b3f47; }

/* CTA */
.rs2-cta{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:12px 14px 16px; margin-top:auto;
}
.rs2-btn{
  display:inline-block; background:var(--rs2-red); color:#fff; text-decoration:none;
  padding:10px 14px; border-radius:12px; font-weight:800; letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(184,0,0,.35); transition:transform .15s ease, box-shadow .15s ease;
}
.rs2-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(184,0,0,.45); }
.rs2-link{ color:#e4e8ef; text-decoration:none; border-bottom:2px solid #3a3e46; padding-bottom:2px; font-weight:700; }
.rs2-link:hover{ border-color:#5b606a; }


/* === RS2: zobraz celé obrázky (bez orezania) === */
.rs2-media{
  /* nechaj rovnaký pomer, karty ostanú rovnako vysoké */
  aspect-ratio: 5 / 4;
  background:#0d0f13;           /* „letterbox“ pozadie */
}

.rs2-media img{
  width:100%;
  height:100%;
  object-fit:contain !important; /* ukáž celý obrázok */
  object-position:center !important;
  transform:none !important;     /* vypni zoom */
  --zoom:1 !important;
  filter:contrast(1.05) saturate(1.02); /* jemné doladenie, voliteľné */
  padding:6px;                   /* malé „dýchanie“ okolo obrázka */
}

/* vypni hover „dýchanie“, nech sa nič nehýbe */
.rs2-card:hover .rs2-media img{
  transform:none !important;
}

/* ak by si niekde mal per-karta zoomy/fokusy, zneškodni ich */
.rs2-card--nafta .rs2-media img,
.rs2-card--halogen .rs2-media img,
.rs2-card--plyn .rs2-media img{
  object-position:center !important;
  --zoom:1 !important;
}


/* RS2: biele pozadie v mediaboxe pri menšom obrázku */
.rs2-media{
  background:#fff !important;        /* biely letterbox */
}

/* voliteľne: jemný rámik nech to na tmavej karte lepšie sedí */
.rs2-media{
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}

/* ak chceš úplne „čisté“ okraje, nechaj malý vnútorný odstup */
.rs2-media img{
  padding:8px;                        /* môžeš znížiť/dať preč podľa chuti */
}