/* Shared opening/closing style, exact EDI reference, 7 September 2026. */
@font-face{font-family:'Cezar Intro Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('https://www.cezar.cz/eshop-geist-latin-BGnTDqni.woff2') format('woff2')}
html body :is(.intro-panel,.novinky-intro-panel,.contact-intro-panel) {
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 51% !important;
  background: #03111f !important;
}
html body :is(.intro-panel-left,.novinky-intro-left,.contact-intro-panel-left) {
  left: 0 !important;
  animation: cezar-edi-panel-left 820ms 1320ms both cubic-bezier(0.76, 0, 0.24, 1) !important;
}
html body :is(.intro-panel-right,.novinky-intro-right,.contact-intro-panel-right) {
  right: 0 !important;
  animation: cezar-edi-panel-right 820ms 1320ms both cubic-bezier(0.76, 0, 0.24, 1) !important;
}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: end !important;
  gap: 0 16px !important;
  color: white !important;
  animation: cezar-edi-brand 1280ms both cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) b {
  font-size: clamp(64px, 12vw, 170px) !important;
  font-weight: 820 !important;
  letter-spacing: -0.075em !important;
  line-height: 1 !important;
}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) i {
  color: #6ad0e8 !important;
  font-size: clamp(19px, 3vw, 42px) !important;
  font-style: normal !important;
  font-weight: 560 !important;
  letter-spacing: 0.04em !important;
}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) small {
  grid-column: 1 / -1 !important;
  margin-top: 24px !important;
  color: #819bae !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0.24em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
html body :is(.intro-line,.novinky-intro-line,.contact-intro-line) {
  position: absolute !important;
  z-index: 2 !important;
  width: min(720px, 72vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--red), var(--cyan), transparent) !important;
  animation: cezar-edi-line 1250ms 160ms both cubic-bezier(0.22, 1, 0.36, 1) !important;
}
@keyframes cezar-edi-brand {
  0% {
    opacity: 0;
    filter: blur(22px);
    transform: scale(1.38);
  }
  48% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  78% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: blur(8px);
    transform: scale(0.88);
  }
}
@keyframes cezar-edi-line {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  52% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(1);
  }
}
@keyframes cezar-edi-panel-left {
  to {
    transform: translateX(-101%);
  }
}
@keyframes cezar-edi-panel-right {
  to {
    transform: translateX(101%);
  }
}
@keyframes cezar-edi-sequence-hide {
  to {
    visibility: hidden;
  }
}
@keyframes cezar-edi-panel-left-exit {
  from { transform: translateX(-101%); }
  to { transform: translateX(0); }
}
@keyframes cezar-edi-panel-right-exit {
  from { transform: translateX(101%); }
  to { transform: translateX(0); }
}
@keyframes cezar-edi-line-exit {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}
@keyframes cezar-edi-brand-exit {
  from { opacity: 0; filter: blur(18px); transform: scale(0.88); }
  to { opacity: 1; filter: blur(0); transform: scale(1); }
}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand){grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:calc(100vw - 48px)!important;width:auto!important;text-align:center!important;gap:10px!important;font-family:'Cezar Intro Geist',Arial,Helvetica,sans-serif!important;justify-items:stretch!important;line-height:1.5!important}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) b{font-size:clamp(64px,11vw,150px)!important;line-height:1.14!important}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) i{font-size:clamp(17px,2.5vw,34px)!important;line-height:1.3!important;letter-spacing:.015em!important;white-space:normal!important;overflow-wrap:break-word!important}
html body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand) small{letter-spacing:.08em!important;margin-top:14px!important;line-height:1.6!important;white-space:normal!important}
html body :is(.intro-line,.novinky-intro-line,.contact-intro-line){margin:0!important;background:linear-gradient(90deg,transparent,#ce202f,#21b7dd,transparent)!important}
html.motion-ready body .intro-sequence,html.motion-ready:not(.novinky-intro-done) body .novinky-intro,html.js body .contact-intro{position:fixed!important;z-index:130!important;inset:0!important;display:grid!important;overflow:hidden!important;pointer-events:none!important;place-items:center!important;background:transparent!important;animation:cezar-edi-sequence-hide 10ms 2050ms both!important}
html.cezar-page-exiting body :is(.intro-sequence,.novinky-intro,.contact-intro){position:fixed!important;z-index:200!important;inset:0!important;display:grid!important;visibility:visible!important;overflow:hidden!important;pointer-events:auto!important;place-items:center!important;background:transparent!important;animation:none!important}
html.cezar-page-exiting body :is(.intro-panel-left,.novinky-intro-left,.contact-intro-panel-left){animation:cezar-edi-panel-left-exit 720ms both cubic-bezier(.76,0,.24,1)!important}
html.cezar-page-exiting body :is(.intro-panel-right,.novinky-intro-right,.contact-intro-panel-right){animation:cezar-edi-panel-right-exit 720ms both cubic-bezier(.76,0,.24,1)!important}
html.cezar-page-exiting body :is(.intro-line,.novinky-intro-line,.contact-intro-line){animation:cezar-edi-line-exit 500ms 230ms both cubic-bezier(.22,1,.36,1)!important}
html.cezar-page-exiting body :is(.intro-brand,.novinky-intro-brand,.contact-intro-brand){animation:cezar-edi-brand-exit 520ms 310ms both cubic-bezier(.22,1,.36,1)!important}
html.motion-paused body :is(.intro-sequence,.novinky-intro,.contact-intro){display:none!important}