html:has(.site-header.is-home) { scroll-padding-top: 90px; }
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  background: #fff;
  color: #2a303f;
  font-synthesis: none;
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 90px;
  z-index: 40;
}
body:not(:has(.site-header.is-home)) {
  padding-top: 90px;
}
.site-header saracen-header { display: block; height: 100%; position: relative; }
.hdr-fallback {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  padding: 0 clamp(20px, 3.2vw, 48px);
  background: rgba(42, 48, 63, 0.92);
}
.site-header.is-home .hdr-fallback {
  background: linear-gradient(rgba(10, 13, 20, 0.55), rgba(10, 13, 20, 0));
}
.hdr-fallback .hdr-logo {
  display: block;
  width: 54px;
  height: 58px;
  flex: none;
  line-height: 0;
}
.hdr-fallback .hdr-logo svg { width: 100%; height: 100%; display: block; }
.hdr-fallback .hdr-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: clamp(14px, 2.1vw, 34px);
  align-items: center;
  margin: 0;
  padding: 0;
}
.hdr-fallback .hdr-nav a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 0;
  font-family: Barlow, "URW DIN", "urw-fb", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.hdr-fallback .hdr-nav svg {
  width: 10px;
  height: 7px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.hdr-fallback .hdr-hb {
  display: none;
  margin-left: auto;
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.hdr-fallback .hdr-hb i {
  position: absolute;
  left: 11px;
  right: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}
.hdr-fallback .hdr-hb i:nth-child(1) { top: 15px; }
.hdr-fallback .hdr-hb i:nth-child(2) { top: 21px; }
.hdr-fallback .hdr-hb i:nth-child(3) { top: 27px; left: 19px; }
saracen-header:defined > .hdr-fallback { display: none; }
#order-veil {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  background: rgba(16, 18, 24, 0.94);
}
#order-veil[hidden] { display: none !important; }
main {
  min-height: 100vh;
  min-height: 100lvh;
}
#hero-slot,
#hero-slot saracen-hero-pc,
#hero-slot saracen-hero-mobil-a {
  display: block;
  position: relative;
  min-height: 100svh;
  background: #1e2330;
}
#hero-slot {
  height: 100vh;
  height: 100svh;
}
#lcp-h1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 46%;
  z-index: 2;
  margin: 0;
  text-align: center;
  color: #fff;
  font-family: "din-condensed", "cond-fb", "URW DIN Condensed", "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-transform: uppercase;
  font-size: clamp(40px, 4.2vw, 66px);
}
#lcp-h1 .m {
  display: inline-block;
  overflow: hidden;
  /* Gutter above the em box so É, Á and Ý stay inside the mask. Negative margin keeps the line box. */
  padding: 0.62em 0.08em 0.14em;
  margin: -0.62em -0.08em -0.14em;
  vertical-align: bottom;
}
#lcp-h1 .m > span {
  display: inline-block;
  padding-top: 0.62em;
  margin-top: -0.62em;
  transform: translateY(130%);
  transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
}
saracen-hero-pc.go #lcp-h1 .m > span { transform: none; }
saracen-hero-pc.go #lcp-h1 .m.l2 > span { transition-delay: 0.25s; }
saracen-hero-mobil-a.go #lcp-h1 .m > span {
  transform: none;
  transition-duration: 0.8s;
  transition-delay: 300ms;
}
saracen-hero-mobil-a.go #lcp-h1 .m.l2 > span { transition-delay: 560ms; }
#lcp-h1 .k { color: #d3425a; }
saracen-hero-pc:defined #lcp-h1,
saracen-hero-mobil-a:defined #lcp-h1 {
  position: static;
  left: auto;
  right: auto;
  top: auto;
}
saracen-galerie-pc,
saracen-feed-guide,
saracen-jezdci,
saracen-loga-zalozky,
saracen-pred-po,
saracen-faq {
  display: block;
  scroll-margin-top: 90px;
}
/* Default Oblíbené grid, so anchors under the gallery do not jump when it renders. */
saracen-galerie-pc:not(:defined) {
  background: #fff;
  min-height: 1836px;
}
saracen-feed-guide:not(:defined) { min-height: 781px; }
saracen-jezdci:not(:defined) {
  min-height: 100vh;
  min-height: 100svh;
  background: #2a303f;
}
saracen-loga-zalozky:not(:defined) { min-height: 769px; }
saracen-pred-po:not(:defined) { min-height: calc(255.7px + 0.3926 * 100vw); }
saracen-faq:not(:defined) { min-height: 848px; }
/* Finished first screens live in src/styles/first-paint.css (inlined in the document head). */
@media (min-width: 1008px) {
  saracen-galerie-pc:not(:defined) { min-height: 1441px; }
}
@media (min-width: 1256px) {
  saracen-galerie-pc:not(:defined) { min-height: 1047px; }
}
@media (max-width: 1360px) {
  saracen-loga-zalozky:not(:defined) { min-height: 737px; }
}
@media (max-width: 1240px) {
  saracen-loga-zalozky:not(:defined) { min-height: 721px; }
  saracen-faq:not(:defined) { min-height: 924px; }
}
@media (max-width: 1140px) {
  saracen-loga-zalozky:not(:defined) { min-height: 700px; }
  saracen-faq:not(:defined) { min-height: 874px; }
}
@media (max-width: 1100px) {
  saracen-feed-guide:not(:defined) { min-height: 826px; }
}
@media (max-width: 1050px) {
  saracen-loga-zalozky:not(:defined) { min-height: 722px; }
  saracen-faq:not(:defined) { min-height: 902px; }
}
@media (max-width: 960px) {
  saracen-loga-zalozky:not(:defined) { min-height: 751px; }
  saracen-faq:not(:defined) { min-height: 1051px; }
}
@media (max-width: 899px) {
  saracen-pred-po:not(:defined) { min-height: calc(562.7px + 0.7957 * 100vw); }
}
@media (max-width: 860px) {
  saracen-galerie-pc:not(:defined) {
    min-height: calc(214px + 5 * (((100vw - 24px) / 2) * 4 / 3 + 69px));
  }
  saracen-loga-zalozky:not(:defined) { min-height: 752px; }
  saracen-faq:not(:defined) { min-height: 1004px; }
}
@media (max-width: 1000px) {
  .hdr-fallback .hdr-nav { left: calc(50% + 24px); gap: clamp(9px, 1.25vw, 16px); }
  .hdr-fallback .hdr-nav a { font-size: clamp(11.5px, 1.45vw, 15px); gap: 4px; }
  .hdr-fallback .hdr-nav svg { width: 8px; }
}
@media (max-width: 767px) {
  html:has(.site-header.is-home) { scroll-padding-top: 70px; }
  .site-header { height: 70px; }
  body:not(:has(.site-header.is-home)) { padding-top: 70px; }
  .hdr-fallback { padding: 0 10px 0 16px; }
  .hdr-fallback .hdr-logo { width: 41px; height: 44px; }
  .hdr-fallback .hdr-nav { display: none; }
  .hdr-fallback .hdr-hb { display: block; }
  #hero-slot,
  #hero-slot saracen-hero-pc,
  #hero-slot saracen-hero-mobil-a { background: #2a303f; }
  #lcp-h1 {
    top: calc(70px + 16px);
    padding: 0 20px;
    font-size: clamp(32px, 10.2vw, 46px);
    line-height: 1.04;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #lcp-h1 .m {
    display: block;
    overflow: hidden;
    box-sizing: content-box;
    height: 1.04em;
    padding: 0.72em 0 0;
    margin: -0.72em 0 0;
    white-space: nowrap;
  }
  #lcp-h1 .m > span { padding-top: 0.72em; margin-top: -0.72em; }
  #lcp-horse { animation: horse-fade 0.7s ease 120ms both; }
  saracen-hero-mobil-a:not(:defined) > #lcp-horse {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 18%;
    z-index: 1;
    height: calc(min(96vw - 2px, 420px) * 1.05);
    width: auto;
    max-width: none;
    transform: translateX(-46%);
    filter: grayscale(1) contrast(1.05);
    pointer-events: none;
  }
  saracen-galerie-pc,
  saracen-feed-guide,
  saracen-jezdci,
  saracen-loga-zalozky,
  saracen-pred-po,
  saracen-faq { scroll-margin-top: 70px; }
  saracen-feed-guide:not(:defined) { min-height: 737px; }
}
@media (max-width: 539px) {
  saracen-feed-guide:not(:defined) { min-height: 766px; }
  saracen-loga-zalozky:not(:defined) { min-height: 868px; }
}
@media (max-width: 430px) {
  saracen-galerie-pc:not(:defined) {
    min-height: calc(229px + 5 * (((100vw - 24px) / 2) * 4 / 3 + 69px));
  }
}
@media (max-width: 400px) {
  saracen-feed-guide:not(:defined) { min-height: 779px; }
  saracen-faq:not(:defined) { min-height: 1058px; }
}
@media (max-width: 380px) {
  saracen-feed-guide:not(:defined) { min-height: 829px; }
  saracen-loga-zalozky:not(:defined) { min-height: 886px; }
  saracen-faq:not(:defined) { min-height: 1055px; }
}
@media (max-width: 364px) {
  saracen-feed-guide:not(:defined) { min-height: 846px; }
  saracen-faq:not(:defined) { min-height: 1076px; }
}
@media (pointer: coarse) and (max-height: 500px) and (max-width: 1099px) {
  html:has(.site-header.is-home) { scroll-padding-top: 70px; }
  .site-header { height: 70px; }
  body:not(:has(.site-header.is-home)) { padding-top: 70px; }
  saracen-galerie-pc,
  saracen-feed-guide,
  saracen-jezdci,
  saracen-loga-zalozky,
  saracen-pred-po,
  saracen-faq { scroll-margin-top: 70px; }
  .hdr-fallback { padding: 0 10px 0 16px; }
  .hdr-fallback .hdr-logo { width: 41px; height: 44px; }
  .hdr-fallback .hdr-nav { display: none; }
  .hdr-fallback .hdr-hb { display: block; }
}
@media (max-width: 767px) and (orientation: landscape) and (max-height: 520px) {
  #lcp-h1 { display: block; font-size: 34px; line-height: 1.05; }
  #lcp-h1 .m { display: inline-block; height: auto; padding: 0.62em 0.08em 0.14em; margin: -0.62em -0.08em -0.14em; white-space: normal; }
  #lcp-h1 .m > span { padding-top: 0.62em; margin-top: -0.62em; }
}
@keyframes horse-fade {
  from { opacity: 0.01; transform: translateX(-46%) translateY(28px); }
  to { opacity: 1; transform: translateX(-46%); }
}
@media (prefers-reduced-motion: reduce) {
  #lcp-horse { animation: none; opacity: 1; }
  #lcp-h1 .m > span { transform: none !important; transition: none !important; }
}
html.font-pending body {
  opacity: 0;
}
html.font-pending.is-home {
  background: #1e2330;
}
.site-footer { display: block; }
.plain {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px 80px;
  font-family: "URW DIN", "urw-fb", "Barlow", Arial, sans-serif;
  line-height: 1.55;
}
.plain h1 {
  font-family: "din-condensed", "cond-fb", "Barlow Condensed", "URW DIN", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-size: 42px;
  margin: 0 0 12px;
}
.plain p { font-size: 18px; }
.plain a { color: #d3425a; }
.cookie-bar {
  position: fixed;
  z-index: 70;
  left: 12px;
  right: 12px;
  bottom: 12px;
  max-width: 720px;
  margin: 0 auto;
  background: #2a303f;
  color: #fff;
  border-radius: 10px;
  padding: 16px 16px 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  font-family: "URW DIN", "urw-fb", "Barlow", Arial, sans-serif;
}
.cookie-bar p { margin: 0 0 12px; font-size: 15px; line-height: 1.45; }
.cookie-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.cookie-actions button {
  font: 600 14px/1 "Barlow Condensed", "URW DIN", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 10px 14px;
  cursor: pointer;
}
.cookie-actions button[data-c="necessary"] { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); }
.cookie-actions button[data-c="all"] { background: #d3425a; color: #fff; border: 0; }

/* F: FAQ produktu (light DOM, slot="faq" v saracen-produkt) */
saracen-produkt>.pfaq{display:none}
saracen-produkt[data-l3r]>.pfaq{display:block}
.pfaq{font-family:"URW DIN","urw-fb","Barlow",Arial,sans-serif;color:#2A303F}
.pfaq-i{border-bottom:1px solid #EFE4E6}
.pfaq-i:last-child{border-bottom:0}
.pfaq-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-family:"din-condensed","cond-fb","Barlow Condensed","URW DIN",sans-serif;font-weight:600;font-size:24px;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#2A303F;-webkit-tap-highlight-color:transparent}
.pfaq-i summary::-webkit-details-marker{display:none}
.pfaq-i summary:hover .pfaq-q{color:#D3425A}
.pfaq-i summary:focus-visible{outline:2px solid #D3425A;outline-offset:2px;border-radius:6px}
.pfaq-i i{flex:none;position:relative;width:40px;height:40px;border-radius:50%;border:2px solid #D3425A;transition:background .25s,transform .3s}
.pfaq-i i:before,.pfaq-i i:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#D3425A;transition:transform .3s,background .25s}
.pfaq-i i:after{transform:rotate(90deg)}
.pfaq-i[open] i{background:#D3425A}
.pfaq-i[open] i:before,.pfaq-i[open] i:after{background:#fff}
.pfaq-i[open] i:after{transform:rotate(0)}
.pfaq-a{padding:0 64px 24px 4px}
.pfaq-a p{margin:0;font-size:17px;line-height:1.6;color:#5c6170;max-width:62em}
@media(max-width:700px){.pfaq-i summary{font-size:19px;padding:18px 0;gap:14px}.pfaq-i i{width:34px;height:34px}.pfaq-i i:before,.pfaq-i i:after{width:14px;margin-left:-7px}.pfaq-a{padding:0 0 20px}.pfaq-a p{font-size:16px}}