/* Svíčkománie3D – bannery ve dvou posuvných skupinách. */
/* Nahrazuje banery_top_updated.css i banery_top_slider_svickomanie3d.css. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.sv3d-banner-groups{width:100%;min-width:0;margin:22px 0 35px;font-family:'Poppins',sans-serif}
.sv3d-banner-group{position:relative;min-width:0;margin-bottom:28px}
.sv3d-banner-heading{font-size:clamp(21px,2vw,28px);line-height:1.3;font-weight:700;color:#242424;margin:0 0 15px}
.sv3d-banner-viewport{position:relative;min-width:0}
.sv3d-banner-track{
  display:flex!important;flex-flow:row nowrap!important;gap:15px!important;
  width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  scroll-padding-inline:3px;-webkit-overflow-scrolling:touch;
  margin:0!important;padding:3px 3px 15px!important;
}
.sv3d-banner-track::-webkit-scrollbar{display:none}
.sv3d-banner-track>.banner-wrapper{
  display:block!important;float:none!important;flex:0 0 clamp(215px,23vw,285px)!important;
  width:clamp(215px,23vw,285px)!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;scroll-snap-align:start;
}
.sv3d-banner-track>.banner-wrapper>span{display:block;height:100%}
.sv3d-banner-track .custom-card{
  box-sizing:border-box;display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:none!important;min-height:425px!important;height:100%!important;
  padding:13px!important;margin:0!important;border:1px solid #eee2e2!important;
  border-radius:17px!important;background:#fffafa!important;text-align:left!important;
  box-shadow:0 4px 14px rgba(0,0,0,.055)!important;
  font-family:inherit!important;transition:transform .2s,box-shadow .2s;
}
.sv3d-banner-track .custom-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.1)!important}
.sv3d-banner-track .custom-card img{
  display:block!important;width:100%!important;height:205px!important;object-fit:cover!important;
  border-radius:11px!important;margin:0 0 15px!important;
}
.sv3d-banner-track .custom-card h3{
  color:#1b1b1b!important;font-size:18px!important;line-height:1.38!important;
  font-weight:700!important;margin:0 0 10px!important;
}
.sv3d-banner-track .custom-card p{
  color:#494949!important;font-size:14.5px!important;line-height:1.6!important;
  flex:1 1 auto!important;margin:0 0 18px!important;
}
.sv3d-banner-track .custom-card a.btn{
  box-sizing:border-box;align-self:stretch!important;display:inline-flex!important;
  justify-content:center!important;align-items:center!important;
  min-height:44px!important;padding:10px 16px!important;margin-top:auto!important;
  font-size:15px!important;font-weight:700!important;line-height:1.2!important;
  color:#fff!important;background:#b91823!important;border:1px solid #b91823!important;
  border-radius:10px!important;text-decoration:none!important;
}
.sv3d-banner-track .custom-card a.btn:hover{background:#95151d!important;border-color:#95151d!important}

/* Šipky jsou přes obrázky na vnějších okrajích slideru. */
.sv3d-banner-arrow{
  position:absolute!important;top:43%!important;z-index:5;
  display:grid!important;place-items:center!important;transform:translateY(-50%);
  width:48px!important;height:48px!important;padding:0!important;
  border:2px solid #fff!important;border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;color:#272727!important;
  font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:400!important;
  line-height:1!important;box-shadow:0 3px 12px rgba(0,0,0,.15)!important;
  cursor:pointer;
}
.sv3d-banner-arrow--prev{left:9px}
.sv3d-banner-arrow--next{right:9px}
.sv3d-banner-arrow:disabled{opacity:0!important;pointer-events:none}
.sv3d-banner-arrow:focus-visible{outline:3px solid #b91823;outline-offset:3px}

@media(max-width:767px){
  .sv3d-banner-groups{margin:16px 0 25px}
  .sv3d-banner-group{margin-bottom:22px}
  .sv3d-banner-heading{font-size:21px;margin-bottom:10px}
  .sv3d-banner-track{gap:11px!important}
  .sv3d-banner-track>.banner-wrapper{flex-basis:min(69vw,265px)!important;width:min(69vw,265px)!important}
  .sv3d-banner-track .custom-card{min-height:405px!important;padding:11px!important}
  .sv3d-banner-track .custom-card img{height:190px!important}
  .sv3d-banner-track .custom-card h3{font-size:17px!important}
  .sv3d-banner-track .custom-card p{font-size:14px!important}
  .sv3d-banner-arrow{width:39px!important;height:39px!important;font-size:25px!important}
  .sv3d-banner-arrow--prev{left:5px}.sv3d-banner-arrow--next{right:5px}
}
@media(prefers-reduced-motion:reduce){.sv3d-banner-track{scroll-behavior:auto}.sv3d-banner-track .custom-card{transition:none}}