/* CarRebirth – spoločné štýly webu (doplnok k štýlom z plátna) */
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000}
img{max-width:100%}
.page{max-width:100%;overflow-x:hidden}
[hidden]{display:none!important}
:focus-visible{outline:2px solid rgb(162,146,103);outline-offset:2px}
section[id],div[id]{scroll-margin-top:20px}

/* úvod: počítač vs. mobil */
.home .v-mob{display:none}
@media (max-width:767px){.home .v-desk{display:none}.home .v-mob{display:block}}
.m-only{display:none}
@media (max-width:767px){.d-only{display:none}.m-only{display:block}}

/* videá po kliknutí */
.vbox{position:relative;overflow:hidden;background:#000}
.vbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
[data-k="ttcard"] .vbox{position:absolute;inset:0}
a[data-yt],a[data-tt]{cursor:pointer}

/* recenzie z Google */
.rv-src{text-align:center;color:#909090;font-size:14px;margin:10px 0 0}
.rv-src b{color:rgb(162,146,103)}
.rv-when{display:block;color:#707070;font-size:13px;margin-top:2px}
[data-k="sl sl-tm"] figcaption span{display:block}

/* prezeranie fotiek */
.lbx{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center}
.lbx.on{display:flex}
.lbx figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:92vw;max-height:92vh}
.lbx img{max-width:92vw;max-height:84vh;object-fit:contain;display:block}
.lbx figcaption{color:#cfcfcf;font:400 15px/1 Oswald,sans-serif;letter-spacing:2px;margin-top:14px}
.lbx button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;font:300 64px/1 Oswald,sans-serif;padding:10px 18px;opacity:.8}
.lbx button:hover{opacity:1;color:rgb(162,146,103)}
.lbx-x{top:10px;right:14px;font-size:48px!important}
.lbx-p{left:10px;top:50%;transform:translateY(-50%)}
.lbx-n{right:10px;top:50%;transform:translateY(-50%)}

/* mobilné menu */
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;gap:6px}
.burger span{display:block;height:2px;background:#fff;border-radius:2px}
.mnav{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.mnav.on{opacity:1;visibility:visible}
.mnav ul{list-style:none;margin:0;padding:0;text-align:center}
.mnav li a{display:block;padding:12px 20px;color:#fff;font:300 24px/1.2 Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}
.mnav li a[aria-current]{color:rgb(162,146,103)}
.mnav-x{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font:300 48px/1 Oswald,sans-serif;cursor:pointer}
.mnav-tel{color:#fff;background:rgb(162,146,103);padding:16px 34px;font:400 16px/1 Oswald,sans-serif;letter-spacing:1px;text-transform:uppercase}

/* jednoduché stránky (ochrana údajov, ďakujeme, 404) */
.simple{background:#000}
.simple-in{max-width:900px;margin:0 auto;padding:40px 20px 100px;color:#eaeaea;font-size:16px;line-height:1.6}
.simple-in h2{font:600 26px/1.2 Oswald,sans-serif;color:#d8d8d8;text-transform:uppercase;margin:40px 0 14px}
.simple-in h2:first-child{margin-top:0}
.simple-in p{margin:0 0 .9rem}
.simple-btn{margin-top:30px!important}
.sbtn{display:inline-block;color:#fff;background:rgb(162,146,103);padding:20px 45px;font:400 16px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}
.sbtn:hover{color:#fff}

/* plávajúce tlačidlo cenovej ponuky */
.qcta{position:fixed;right:22px;bottom:22px;z-index:991;display:flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 30px;background:rgb(162,146,103);color:#fff!important;font:500 16px/1 Oswald,sans-serif;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 6px 24px rgba(0,0,0,.55),0 0 18px rgba(162,146,103,.35);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s ease,visibility .3s,transform .3s ease,box-shadow .3s ease}
.qcta.on{opacity:1;visibility:visible;transform:none}
.qcta:hover{box-shadow:0 6px 24px rgba(0,0,0,.55),0 0 26px rgba(162,146,103,.6)}
.qcta-on .totop{bottom:90px}
@media (max-width:767px){
  .qcta{left:0;right:0;bottom:0;height:auto;padding:17px 20px calc(17px + env(safe-area-inset-bottom));font-size:16px;box-shadow:0 -4px 20px rgba(0,0,0,.6)}
  .has-qcta body{padding-bottom:60px}
  .qcta-on .totop{bottom:76px}
}

/* späť hore */
.totop{position:fixed;right:22px;bottom:22px;z-index:990;width:50px;height:50px;border-radius:50%;border:1px solid rgb(162,146,103);background:rgba(0,0,0,.8);color:rgb(162,146,103);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s,transform .3s ease,background .3s ease,color .3s ease}
.totop.on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:rgb(162,146,103);color:#fff}
@media (max-width:767px){.totop{right:14px;bottom:14px;width:44px;height:44px}}

/* cenník: skupiny dostupné až po výbere */
.calc-off label{opacity:.45;cursor:not-allowed}
.calc-hint{margin:0 0 4px;color:rgb(162,146,103);font:400 14px/1.3 Oswald,sans-serif;letter-spacing:.3px}

/* formuláre */
.form-err{background:#5a1f1f;color:#fff;padding:12px 16px;margin:0 0 16px;font-size:15px}
form [type=submit]{cursor:pointer}

/* ======================= tablet a mobil ======================= */
@media (max-width:1100px){
  [data-k="nav"]{display:none!important}
  .burger{display:flex}
  [data-k="hdr-in"]{justify-content:space-between}
  [data-k="hdr-cta"]{margin-left:auto}
}
@media (max-width:900px){
  /* stĺpce pod seba */
  [data-k="sec-in"]{flex-wrap:wrap!important}
  [data-k="col"],[data-k="col hide-t"]{width:100%!important;flex:0 0 100%!important}
  [data-k="col-in"]{padding-left:15px!important;padding-right:15px!important}
  [data-k="col-in"][style*="padding: 100px"]{padding-top:60px!important;padding-bottom:40px!important}
  [data-k="sec"][style*="padding: 100px"]{padding-top:60px!important;padding-bottom:60px!important}
  [data-k="sec sec-inner"]{width:100%!important;margin-left:0!important;margin-right:0!important}
  [style*="width: calc(100% - 19px)"]{width:100%!important;margin-left:0!important}
  .page p,.page h1,.page h2,.page h3,.page img{max-width:100%}
  .page p[style*="width:"]{width:auto!important;height:auto!important}
  [style*="padding: 0px 20%"]{padding-left:0!important;padding-right:0!important}
  [data-k="il"][style*="align-items: center"]{align-items:flex-start!important;width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important}
  /* písmo */
  [style*="font-size: 70px"],[style*="font-size: 65px"]{font-size:40px!important}
  [style*="font-size: 50px"]{font-size:32px!important}
  [style*="font-size: 44px"],[style*="font-size: 45px"],[style*="font-size: 40px"]{font-size:30px!important}
  [style*="font-size: 35px"],[style*="font-size: 34px"]{font-size:26px!important}
  [style*="font-size: 32px"]{font-size:26px!important}
  [style*="font-size: 30px"],[style*="font-size: 29px"],[style*="font-size: 28px"]{font-size:22px!important}
  /* vysoké bloky */
  [style*="height: 900px"]{height:auto!important}
  [data-k="sl-item"] a[style*="height: 363px"],[data-k="sl-item"] a[style*="height: 352px"]{height:260px!important}
  /* galéria */
  [data-k="gl"],[data-k="gl-more"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gcell{height:170px!important}
  [data-k="vgrid"]{grid-template-columns:1fr!important}
  [data-k="ttcard"]{width:calc(50% - 15px)!important}
  [data-e="gltiles"]>div{grid-template-columns:1fr!important}
  /* služby na úvode */
  [data-k="svc"]{width:100%!important}
  /* recenzie */
  [data-k="sl sl-tm"] [data-k="sl-item"]{flex:0 0 100%!important}
  /* formulár */
  [data-k^="fm-f fm-50"]{width:100%!important;flex:0 0 100%!important}
  /* konfigurátor */
  [data-k="w w-html"] iframe{height:1400px!important}
}
@media (max-width:480px){
  [data-k="ttcard"]{width:calc(50% - 7px)!important}
  [data-k="ttgrid"]{gap:14px!important}
  [data-k="hdr-addr"] span{display:none}
  a[data-k="btn"]{padding-left:28px!important;padding-right:28px!important}
}