/* 29.10.2026 ROYALENFIELDGARAGE (ukol 1793208106758): sjednoceni vzhledu pujcovny s royalenfieldgarage.cz.
   Promenne, pismo a barvy prevzate z hlavniho webu (assets/re/re.css). Puvodni front.css zustava beze zmeny. */
@font-face{font-family:Manrope;src:url(../fonts/Manrope-wght.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --ink:#191a1c;--night:#111214;--paper:#f4f1eb;--red:#c92d26;--line:#dcd8d1;--muted:#625f59;
  --bg:#f4f1eb;--bg-elev:#ffffff;--bg-elev-2:#ebe7df;--bg-card:#ffffff;--bg-soft:rgba(17,18,20,.035);
  --text:#191a1c;--text-muted:#625f59;--text-dim:#7a766f;--text-inv:#ffffff;
  --accent:#c92d26;--accent-hover:#a8231d;--accent-soft:rgba(201,45,38,.10);
  --gold:#c92d26;--gold-hover:#a8231d;--gold-soft:rgba(201,45,38,.08);
  --border:#dcd8d1;--border-strong:#c9c4bb;
  --r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:6px;--r-xl:8px;
  --sh-sm:0 2px 8px rgba(0,0,0,.06);--sh-md:0 10px 30px rgba(0,0,0,.08);--sh-lg:0 20px 50px rgba(0,0,0,.12);--sh-gold:none;
  --font-sans:Manrope,'Inter',Arial,sans-serif;--font-serif:Manrope,'Inter',Arial,sans-serif;
}
body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);font-synthesis:none}
h1,h2,h3,h4,.hero-title,.page-hero-title,.section-title{font-family:Manrope,'Inter',Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.03em!important;text-transform:none!important}
.hero-title em,.page-hero-title em,.hero-accent{font-style:normal;color:var(--red)!important}
.btn{border-radius:3px!important;font-weight:700;letter-spacing:0}
.btn-primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.btn-primary:hover{background:#a8231d!important}
/* tmave casti jako na hlavnim webu: hlavicka, uvodni plochy, paticka */
.re-topbar-p{height:32px;background:#e9e6de;color:#191a1c;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.167vw,80px);font:700 11px/1 Manrope,Arial,sans-serif;letter-spacing:.08em}
.re-topbar-p .c{opacity:.65}.re-topbar-p a{color:inherit;text-decoration:none}
@media(max-width:1023px){.re-topbar-p{justify-content:center}.re-topbar-p .c,.re-topbar-p a{display:none}.re-topbar-p span{white-space:nowrap;font-size:10px}}
.site-header,.hero,.page-hero,.site-footer,.sticky-mobile-cta{
  --bg:#111214;--bg-elev:#1a1b1e;--bg-elev-2:#222327;--bg-card:#1a1b1e;--bg-soft:rgba(255,255,255,.04);
  --text:#f4f1eb;--text-muted:#c2beb6;--text-dim:#9a958d;--text-inv:#111214;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.2)}
.site-header{background:#111214!important;border-bottom:1px solid #ffffff12;color:#fff}
.site-nav a{color:#fff;font-weight:700}.site-nav a:hover,.site-nav a.active{color:#f09389}
.hero,.page-hero{background-color:#111214;color:var(--text)}
.site-footer{background:#111214!important;color:#c2beb6;border-top:3px solid var(--red)}
.site-footer a{color:#fff}.site-footer h4{color:#fff}
.site-logo{gap:12px}
.site-logo-img{height:46px;width:auto}
.site-logo-pujcovna-svg{height:46px;width:auto;display:block}
@media(max-width:767px){.site-logo-img{height:34px}.site-logo-pujcovna-svg{height:34px}}
/* mobil: hlavicka se musi vejit i s menu (rezervace je ve spodni liste) */
@media(max-width:767px){.btn-cta-header{display:none!important}.site-header-inner{gap:10px}}
/* ukol 1792596350500: skutecne fotky z demo jizd a pujcovny primo v castech webu */
.hero-bg{background-image:url('/assets/img/album/j-jizda-himalayan.webp')!important;background-position:center 35%!important;opacity:.42!important}
.page-hero{background:linear-gradient(90deg,rgba(17,18,20,.94),rgba(17,18,20,.72)),url('/assets/img/album/j-jizda-start.webp') center 40%/cover no-repeat!important}
.section-nase-motorky .gallery-item img,.section-real-rides .gallery-item img{object-fit:cover!important;width:100%;height:100%}
.re-real-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 28px}
.re-real-strip figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px}
.re-real-strip img{width:100%;height:100%;object-fit:cover;display:block}
.re-real-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font:700 12px/1.3 Manrope,Arial,sans-serif}
@media(max-width:767px){.re-real-strip{grid-template-columns:1fr 1fr}}
/* 29.10.2026 ukol 1792596350500 v2: jedno logo (logo klienta), odkaz zpet na hlavni web, premium vzhled */
.site-logo-img,.site-logo-pujcovna-svg{display:none!important}
.site-logo-client{height:58px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
@media(max-width:767px){.site-logo-client{height:44px}}
.re-topbar-p .re-back{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.re-topbar-p .re-back:hover{color:#e4002b;border-color:#e4002b}
.nav-back-re{font-weight:800!important;color:#e4002b!important}
.hero-bg{background-image:url('/assets/img/album/j-demoden-2026-08-01.webp')!important;background-position:center 60%!important;opacity:.55!important}
.hero{background:#0d0d0d!important}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,13,.92) 0%,rgba(13,13,13,.55) 55%,rgba(13,13,13,.25) 100%);pointer-events:none}
.hero>*{position:relative;z-index:1}.hero>.hero-bg{position:absolute;z-index:0}
.re-demodny{background:#0d0d0d;color:#fff;padding:72px 0}
.re-demodny h2{color:#fff;font-size:clamp(28px,4vw,46px);letter-spacing:-.02em;margin:6px 0 10px}
.re-demodny .k{color:#e4002b;font-weight:800;letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.re-demodny p{color:#bdb7ad;max-width:640px}
.re-demodny-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:8px;margin-top:28px}
.re-demodny-grid a{overflow:hidden;border-radius:3px;display:block}
.re-demodny-grid a:first-child{grid-row:span 2}
.re-demodny-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.re-demodny-grid a:hover img{transform:scale(1.05)}
@media(max-width:767px){.re-demodny-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.re-demodny-grid a:first-child{grid-column:span 2}}
/* 29.10.2026 ukol 1792596350500 v3: fotky a videa z iCloud alb klienta */
.hero-bg{background-image:url('/assets/img/album/p390.webp')!important;background-position:center 55%!important}
.page-hero{background:linear-gradient(90deg,rgba(13,13,13,.93),rgba(13,13,13,.6)),url('/assets/img/album/p401.webp') center 55%/cover no-repeat!important}
.re-flotila{background:#141414;color:#fff;padding:72px 0}
.re-flotila .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}
.re-flotila h2{color:#fff;font-size:clamp(28px,3.6vw,44px);margin:6px 0 12px}.re-flotila p{color:#bdb7ad}
.re-flotila .k{color:#e4002b;font-weight:800;letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.re-flotila-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.re-flotila-vids video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;background:#000;display:block}
.re-flotila-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:36px;padding-bottom:6px}
.re-flotila-row img{flex:0 0 300px;height:225px;object-fit:cover;border-radius:4px;scroll-snap-align:start}
@media(max-width:900px){.re-flotila .wrap{grid-template-columns:1fr}.re-flotila-row img{flex-basis:220px;height:165px}}
/* ukol 1792596350500 v4: videa z jizd a jezdci z alb Jiriho */
.re-videa,.re-jezdci{background:#0d0d0d;color:#fff;padding:64px 0}
.re-videa h2,.re-jezdci h2{color:#fff;font-size:clamp(26px,3.4vw,42px);margin:6px 0 20px}
.re-videa .k,.re-jezdci .k{color:#e4002b;font-weight:800;letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.re-videa-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.re-videa-grid video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;background:#000}
.re-jezdci-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.re-jezdci-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;transition:transform .4s}
.re-jezdci-grid img:hover{transform:scale(1.03)}
@media(max-width:900px){.re-videa-grid{grid-template-columns:repeat(3,1fr)}.re-jezdci-grid{grid-template-columns:repeat(3,1fr)}}
.section-nase-motorky .gallery-grid img,.section-real-rides .gallery-grid img{object-fit:cover!important}

/* 2.11.2026 ROYALENFIELDGARAGE ukol 1792596350500: DEMO motorky + samolep DEMOBIKE, lista */
.re-flotila-wrap2{grid-template-columns:1.3fr 1fr!important}
.re-demobike{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.re-demobike img{width:min(340px,80%);height:auto;transform:rotate(-4deg);filter:drop-shadow(0 14px 28px rgba(0,0,0,.55));transition:transform .4s}
.re-demobike img:hover{transform:rotate(0) scale(1.04)}
.re-demobike span{color:#bdb7ad;font-size:13px;letter-spacing:.04em}
.re-flotila-row8{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;overflow:visible}
.re-flotila-row8 img{width:100%;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:4px;transition:transform .5s}
.re-flotila-row8 img:hover{transform:scale(1.03)}
@media(max-width:900px){.re-flotila-row8{grid-template-columns:repeat(2,1fr)}.re-flotila-wrap2{grid-template-columns:1fr!important}}
@media(min-width:1024px){.re-topbar-p .re-topbar-right{margin-left:auto;text-align:right;opacity:.65}}