/* Layout defaults only; individual module styling remains available in Builder. */
:where(.oto-live-page){background:var(--ink);color:var(--paper);font-family:var(--body)}
:where(.oto-live-page .themify_builder h1,.oto-live-page .themify_builder h2,.oto-live-page .themify_builder h3){font-family:var(--display);font-weight:400;color:inherit;letter-spacing:0}
:where(.oto-live-page .themify_builder h2){font-size:calc(64px * var(--oto-type-scale,1));line-height:1.04}
:where(.oto-live-page .themify_builder p){line-height:1.85}
:where(.oto-live-page .module){margin-bottom:0}
:where(.oto-live-page .row_inner){max-width:none;width:100%;margin:0}
:where(.oto-live-page .module_row){margin:0}
:where(.oto-live-page .module-text .tb_text_wrap>p){margin-bottom:16px}
:where(.oto-live-page .module_subrow){align-items:center;gap:7%}
.oto-nav-items{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}.oto-nav-items li{margin:0}.oto-nav-items a{display:block;padding:14px 0}.oto-nav-items li:last-child>a{padding:14px;border:1px solid #ffffff60}
.oto-live-page .hero{background-size:auto 100%;background-position:right center;background-repeat:no-repeat}
.oto-live-page .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808 38%,#080808dd 45%,#08080818 66%,transparent 85%),linear-gradient(0deg,#080808,transparent 35%);pointer-events:none}
.oto-live-page .hero>.row_inner{position:relative}.oto-live-page .hero-content{padding-top:225px}.oto-live-page .hero-bottom{position:relative;left:0;right:0;padding:0 6%}.oto-live-page .hero .photo-note{top:40%;right:20px}
.oto-about-grid{margin-top:52px}.oto-about-image img{aspect-ratio:1.05;object-fit:cover;object-position:50% 37%}.oto-about-grid h2{font-size:calc(64px * var(--oto-type-scale,1));margin:20px 0 27px}.oto-about-grid em{color:inherit}.oto-about-grid p{font-size:calc(14px * var(--oto-type-scale,1));color:#b9b9b9}
.oto-gallery{margin-bottom:25px;gap:23px}.oto-gallery-image img{width:100%;height:310px;object-fit:cover}.oto-gallery-image .image-caption{position:static;font:calc(9px * var(--oto-type-scale,1)) var(--body);letter-spacing:1px;text-align:left;padding:14px 0;color:inherit;text-shadow:none}.oto-gallery-image .image-wrap{margin:0}.oto-gallery-image .image-content{padding:0}
.oto-video-grid,.oto-contact-grid{margin-top:50px}.oto-video-grid h2,.oto-contact-grid h2{font-size:calc(74px * var(--oto-type-scale,1));margin:20px 0}.oto-video-grid em,.oto-contact-grid em{color:inherit}.oto-video-grid p,.oto-contact-grid p{font-size:calc(14px * var(--oto-type-scale,1));color:#aaa}.oto-video{border-bottom:3px solid var(--red)}
.oto-audience{min-height:470px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.oto-audience:before{content:'';position:absolute;inset:0;background:#0008}.oto-audience>.row_inner{position:relative}.oto-audience h2{font-size:calc(80px * var(--oto-type-scale,1))}.oto-audience em{color:inherit}
.oto-footer footer{border:0}.oto-contact-grid .form-note{font-size:calc(10px * var(--oto-type-scale,1))}.oto-contact-grid form .button{font-size:calc(23px * var(--oto-type-scale,1))}
body.admin-bar .header{top:32px}.oto-live-page #obsah{width:100%;margin:0;padding:0}.oto-live-page .section-pad{padding:63px 6% 72px}
@media(max-width:760px){.oto-nav-items{flex-direction:column;align-items:stretch;gap:0}.oto-nav-items a{padding:16px 0}.oto-nav-items li:last-child>a{margin-top:12px}.oto-live-page .hero{background-size:auto 610px;background-position:center top}.oto-live-page .hero:before{background:linear-gradient(0deg,#080808 0%,#080808 31%,#080808d9 45%,#08080822 68%)}.oto-live-page .hero-content{padding-top:420px}.oto-live-page .section-pad{padding:37px 6% 44px}.oto-about-grid,.oto-video-grid,.oto-contact-grid{margin-top:30px}.oto-about-grid h2{font-size:calc(49px * var(--oto-type-scale,1))}.oto-gallery-image img{height:310px}.oto-video-grid h2{font-size:calc(55px * var(--oto-type-scale,1))}.oto-contact-grid h2{font-size:calc(67px * var(--oto-type-scale,1))}.oto-audience h2{font-size:calc(51px * var(--oto-type-scale,1))}.oto-audience{min-height:400px}.oto-live-page .module_subrow>.module_column{margin-bottom:24px}.oto-live-page .hero-bottom{padding-bottom:20px}body.admin-bar .header{top:46px}}
.oto-live-page .themify_builder h1,.oto-live-page .themify_builder h2,.oto-live-page .themify_builder h3{font-weight:400;font-family:var(--display);text-transform:uppercase;letter-spacing:0;line-height:1.04}
.oto-live-page .themify_builder .hero h1{line-height:.93}.oto-live-page a{color:inherit}.oto-live-page .nav-social .social-instagram{color:#E4405F}.oto-live-page .nav-social .social-facebook{color:#1877F2}.oto-live-page .nav-social .social-youtube{color:#FF0000}
.oto-live-page button,.oto-live-page input,.oto-live-page textarea,.oto-live-page select{border-radius:0}.oto-live-page .button{border-radius:0;color:#fff;font-weight:400}.oto-live-page .module-image .image-caption{font-family:var(--body)}
.oto-live-page .hero:before{display:none}.oto-live-page .hero{background:var(--ink)}.oto-live-page .hero>.row_inner{height:100%;min-height:820px;isolation:isolate}.oto-live-page .hero>.row_inner:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080808 0%,#080808 38%,#080808dd 45%,#08080818 66%,transparent 85%),linear-gradient(0deg,#080808,transparent 35%);pointer-events:none}
.oto-live-page .hero .module_column{position:static}.oto-live-page .oto-hero-photo{position:absolute;right:0;top:0;width:55%;height:100%;z-index:-3}.oto-hero-photo .image-wrap,.oto-hero-photo .image-wrap a,.oto-hero-photo img{display:block;width:100%;height:100%;margin:0}.oto-hero-photo img{object-fit:cover;object-position:50% 40%}.oto-hero-photo .image-content{display:none}
@media(max-width:760px){.oto-live-page .hero>.row_inner{min-height:980px}.oto-live-page .oto-hero-photo{width:100%;height:610px}.oto-hero-photo img{object-position:50% 31%}.oto-live-page .hero>.row_inner:before{background:linear-gradient(0deg,#080808 0%,#080808 31%,#080808d9 45%,#08080822 68%,#08080822 100%)}}
.oto-live-page .themify_builder .hero .oto-hero-photo{position:absolute;left:auto;right:0;top:0}.oto-live-page .themify_builder .hero .module_column{position:static}

.oto-live-page .oto-about-grid,.oto-live-page .oto-video-grid{align-items:center}
.oto-live-page .oto-video video{width:100%;max-height:510px;object-fit:contain;background:#000}
@media(max-width:760px){.oto-live-page .themify_builder .oto-about-grid,.oto-live-page .themify_builder .oto-video-grid,.oto-live-page .themify_builder .oto-contact-grid{display:flex;flex-direction:column}.oto-live-page .themify_builder .oto-about-grid>.module_column,.oto-live-page .themify_builder .oto-video-grid>.module_column,.oto-live-page .themify_builder .oto-contact-grid>.module_column{width:100%;margin-left:0}.oto-live-page .themify_builder .oto-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oto-live-page .themify_builder .oto-gallery>.module_column{width:auto;margin:0}.oto-live-page .oto-gallery-image img{height:190px}}

.oto-live-page .themify_builder .oto-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.oto-live-page .themify_builder .oto-gallery>.module_column{width:auto;margin:0}@media(max-width:760px){.oto-live-page .themify_builder .oto-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oto-live-page .oto-gallery-image img{height:230px}}
@media(max-width:760px){.oto-live-page .themify_builder .oto-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:760px){#obsah .themify_builder .module_subrow.oto-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.oto-live-page .oto-footer{background:var(--ink)}

/* Persistent header. Size is measured so anchor targets remain visible. */
.oto-live-page .header{position:fixed;top:0;background:rgba(8,8,8,.96);backdrop-filter:blur(12px);z-index:999;padding:28px 5% 10px;min-height:110px;gap:24px}
.oto-live-page .header .brand{width:var(--oto-logo-size,150px);height:var(--oto-logo-size,150px);flex-shrink:0}
.oto-live-page .header nav,.oto-live-page .oto-nav-items{font-family:var(--oto-menu-font,var(--body));font-size:var(--oto-menu-size,12px)}
.oto-live-page .header nav{gap:18px}.oto-live-page .oto-nav-items{flex-wrap:wrap;justify-content:flex-end;column-gap:18px;row-gap:0}
.oto-live-page .header .nav-social{flex-shrink:0}.oto-live-page .header .language-switch{top:5px}
html:has(body.oto-live-page){scroll-padding-top:calc(var(--oto-header-height,190px) + var(--oto-admin-height,0px) + 20px)}
body.oto-live-page.admin-bar .header{top:var(--oto-admin-height,32px)}
.oto-live-page .hero-content{padding-top:max(225px,calc(var(--oto-header-height,190px) + 35px))}
@media(max-width:760px){.oto-live-page .header{height:120px;min-height:120px;padding:30px 6% 10px}.oto-live-page .header .brand{width:78px;height:78px}.oto-live-page .header nav{top:100%;max-height:calc(100dvh - var(--oto-header-height,120px) - var(--oto-admin-height,0px));overflow-y:auto}.oto-live-page .oto-nav-items{align-items:stretch}.oto-live-page .header nav,.oto-live-page .oto-nav-items,.oto-live-page .menu-toggle{font-family:var(--oto-menu-font,var(--body));font-size:var(--oto-menu-mobile-size,16px)}.oto-live-page .hero-content{padding-top:420px}}

.oto-youtube{display:block;width:100%;aspect-ratio:16/9;border:0;border-bottom:3px solid var(--red);background:#000}.oto-live-page .oto-video iframe{width:100%;aspect-ratio:16/9}


/* Oto Live 1.1 — transparent hero overlay, compact sticky navigation. */
body.oto-live-page .header{height:90px;min-height:90px;padding:16px 5%;gap:20px;background:rgba(8,8,8,.86);border-bottom-color:#ffffff20;transition:background .22s ease,box-shadow .22s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.oto-live-page:not(.oto-scrolled) .header{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
body.oto-live-page .header .brand{width:76px;height:76px}
body.oto-live-page .header .language-switch{top:3px}
body.oto-live-page .hero-content{padding-top:max(190px,calc(var(--oto-header-height,90px) + 65px))}
html:has(body.oto-live-page){scroll-padding-top:calc(90px + var(--oto-admin-height,0px) + 24px)}
body.oto-live-page [id]{scroll-margin-top:calc(90px + var(--oto-admin-height,0px) + 24px)}
@media(max-width:760px){
 body.oto-live-page .header{height:78px;min-height:78px;padding:15px 6% 4px}
 body.oto-live-page .header .brand{width:60px;height:60px}
 body.oto-live-page .header nav{top:100%;background:rgba(8,8,8,.98);backdrop-filter:blur(12px)}
 body.oto-live-page .hero-content{padding-top:420px}
 html:has(body.oto-live-page){scroll-padding-top:calc(78px + var(--oto-admin-height,0px) + 18px)}
 body.oto-live-page [id]{scroll-margin-top:calc(78px + var(--oto-admin-height,0px) + 18px)}
}


/* Oto Live 1.2 — separate compact rows for navigation and language/social links.
   Avoid overlap even when the menu font is enlarged in the Customizer. */
@media (min-width:1151px){
 body.oto-live-page .header{
  height:100px;min-height:100px;padding:5px 5% 7px;gap:0 24px;
  display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:27px minmax(0,1fr);
  justify-content:normal;align-content:center;align-items:center;
 }
 body.oto-live-page .header .brand{grid-column:1;grid-row:1/3;width:78px;height:78px;align-self:center}
 body.oto-live-page .header .header-tools{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:30px;min-width:0}
 body.oto-live-page .header .language-switch{position:static;display:flex;gap:15px;margin:0;align-items:center;flex-shrink:0;font-size:12px}
 body.oto-live-page .header .language-switch a{padding:3px 2px}
 body.oto-live-page .header .header-tools .nav-social{display:flex;align-items:center;gap:18px;margin:0}
 body.oto-live-page .header nav{grid-column:2;grid-row:2;min-width:0;width:100%;display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0}
 body.oto-live-page .header .oto-nav-items{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:clamp(10px,1.5vw,22px);min-width:0}
 body.oto-live-page .header .oto-nav-items li{flex:0 1 auto;min-width:0}
 body.oto-live-page .header .oto-nav-items a{white-space:nowrap;padding:10px 0;line-height:1.1}
 body.oto-live-page .header .oto-nav-items li:last-child>a{padding:10px 13px;margin:0}
 body.oto-live-page .header .mobile-social{display:none}
 html:has(body.oto-live-page){scroll-padding-top:calc(100px + var(--oto-admin-height,0px) + 24px)}
 body.oto-live-page [id]{scroll-margin-top:calc(100px + var(--oto-admin-height,0px) + 24px)}
}
@media (min-width:1151px) and (max-width:1370px){
 body.oto-live-page .header{grid-template-columns:72px minmax(0,1fr);gap:0 15px;padding-left:3%;padding-right:3%}
 body.oto-live-page .header .brand{width:70px;height:70px}
 body.oto-live-page .header .oto-nav-items{gap:clamp(8px,1vw,15px)}
 body.oto-live-page .header .oto-nav-items a{font-size:min(var(--oto-menu-size,12px),1.6vw)}
}
@media (max-width:1150px){
 body.oto-live-page .header{
  height:84px;min-height:84px;padding:8px 5%;gap:15px;display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;grid-template-rows:1fr;
 }
 body.oto-live-page .header .brand{grid-column:1;grid-row:1;width:66px;height:66px}
 body.oto-live-page .header .header-tools{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
 body.oto-live-page .header .language-switch{position:static;margin:0;gap:12px;font-size:12px;flex-shrink:0}
 body.oto-live-page .header .header-tools .nav-social{margin:0;gap:14px}
 body.oto-live-page .header .menu-toggle{display:flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;order:initial}
 body.oto-live-page .header nav{position:absolute;left:0;right:0;top:100%;width:100%;display:none;max-height:calc(100dvh - 84px - var(--oto-admin-height,0px));overflow:auto;background:rgba(8,8,8,.98);padding:20px 6% 28px;box-shadow:0 18px 28px #0009}
 body.oto-live-page .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body.oto-live-page .header .oto-nav-items{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
 body.oto-live-page .header .oto-nav-items li{width:100%}
 body.oto-live-page .header .oto-nav-items a{padding:13px 0;border-bottom:1px solid var(--line)}
 body.oto-live-page .header .oto-nav-items li:last-child>a{display:inline-flex;margin-top:15px;padding:12px 15px}
 body.oto-live-page .header .mobile-social{display:none}
 html:has(body.oto-live-page){scroll-padding-top:calc(84px + var(--oto-admin-height,0px) + 20px)}
 body.oto-live-page [id]{scroll-margin-top:calc(84px + var(--oto-admin-height,0px) + 20px)}
}
@media (max-width:760px){
 body.oto-live-page .header{height:78px;min-height:78px;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:8px 5%}
 body.oto-live-page .header .brand{width:57px;height:57px}
 body.oto-live-page .header .header-tools{gap:10px}
 body.oto-live-page .header .header-tools .nav-social{display:none}
 body.oto-live-page .header .mobile-social{display:block;margin-top:17px}
 body.oto-live-page .header .mobile-social .nav-social{display:flex;gap:25px;margin:0}
 body.oto-live-page .header nav{max-height:calc(100dvh - 78px - var(--oto-admin-height,0px))}
 html:has(body.oto-live-page){scroll-padding-top:calc(78px + var(--oto-admin-height,0px) + 18px)}
 body.oto-live-page [id]{scroll-margin-top:calc(78px + var(--oto-admin-height,0px) + 18px)}
}

/* Oto Live 1.3 — single desktop navigation row; languages at the far right.
   Small screens get a drawer so even large custom menu fonts cannot collide. */
body.oto-live-page .header{
 height:94px;min-height:94px;padding:9px 4%;gap:clamp(12px,1.4vw,25px);
 display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
}
body.oto-live-page .header .brand{
 width:76px;height:76px;flex:0 0 76px;
}
body.oto-live-page .header nav{
 display:flex;position:static;flex:1 1 auto;width:auto;min-width:0;
 align-items:center;justify-content:flex-end;gap:clamp(14px,1.65vw,29px);
 margin:0;padding:0;border:0;background:transparent;box-shadow:none;
}
body.oto-live-page .header .oto-nav-items{
 display:flex;flex:0 1 auto;flex-flow:row nowrap;align-items:center;
 justify-content:flex-end;gap:clamp(11px,1.25vw,20px);width:auto;min-width:0;
}
body.oto-live-page .header .oto-nav-items li{flex:0 1 auto;min-width:0}
body.oto-live-page .header .oto-nav-items a{
 display:block;padding:11px 0;white-space:nowrap;line-height:1.05;
 font-size:min(var(--oto-menu-size,12px),clamp(15px,1.42vw,22px));
}
body.oto-live-page .header .oto-nav-items li:last-child>a{
 display:block;white-space:nowrap;margin:0;padding:14px 17px;border:1px solid #ffffff80;
}
body.oto-live-page .header .language-switch{
 position:static;top:auto;right:auto;flex:0 0 auto;
 display:flex;align-items:center;gap:12px;margin:0;
 font-family:var(--oto-menu-font,var(--body));font-size:17px;line-height:1;
}
body.oto-live-page .header .language-switch a{
 display:block;padding:10px 1px;transition:color .2s,text-shadow .2s;
}
body.oto-live-page .header .language-switch a:hover{
 color:#fff;text-shadow:0 0 8px #fff9;
}
body.oto-live-page .header .language-switch a[aria-current="page"]{
 color:#fff;border-bottom:2px solid var(--red);
}
body.oto-live-page .header .nav-social{
 flex:0 0 auto;display:flex;align-items:center;
 gap:clamp(10px,1.35vw,23px);margin:0;
}
body.oto-live-page .header .nav-social a{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:37px;min-height:42px;padding:3px 0;
 transform:translateZ(0);transition:transform .18s ease;
}
body.oto-live-page .header .nav-social svg,
body.oto-live-page .header .nav-social img{
 width:31px;height:31px;display:block;
 filter:drop-shadow(0 0 3px var(--neon,currentColor)) drop-shadow(0 0 8px var(--neon,currentColor));
 transition:filter .2s ease,transform .2s ease;
}
body.oto-live-page .header .nav-social a:hover svg,
body.oto-live-page .header .nav-social a:hover img{
 transform:scale(1.07);
 filter:drop-shadow(0 0 4px var(--neon,currentColor)) drop-shadow(0 0 12px var(--neon,currentColor)) drop-shadow(0 0 20px var(--neon,currentColor));
}
body.oto-live-page .header .menu-toggle{display:none}
html:has(body.oto-live-page){scroll-padding-top:calc(94px + var(--oto-admin-height,0px) + 24px)}
body.oto-live-page [id]{scroll-margin-top:calc(94px + var(--oto-admin-height,0px) + 24px)}
body.oto-live-page .hero-content{padding-top:max(190px,calc(var(--oto-header-height,94px) + 65px))}

@media(max-width:1450px){
 body.oto-live-page .header{
  height:80px;min-height:80px;display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  grid-template-rows:1fr;gap:12px;padding:7px 5%;
 }
 body.oto-live-page .header .brand{grid-column:1;grid-row:1;width:62px;height:62px;align-self:center}
 body.oto-live-page .header .menu-toggle{
  grid-column:3;grid-row:1;display:flex;align-items:center;justify-self:end;order:initial;
 }
 body.oto-live-page .header nav{
  display:none;position:absolute;left:0;right:0;top:100%;width:100%;
  max-height:calc(100dvh - 80px - var(--oto-admin-height,0px));overflow-y:auto;
  flex-direction:column;align-items:stretch;gap:15px;
  background:rgba(8,8,8,.98);border-top:1px solid #ffffff30;
  padding:17px 6% 28px;box-shadow:0 20px 28px #0009;
 }
 body.oto-live-page .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}
 body.oto-live-page .header .oto-nav-items{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;width:100%}
 body.oto-live-page .header .oto-nav-items li{width:100%}
 body.oto-live-page .header .oto-nav-items a{
  display:block;padding:13px 0;font-size:var(--oto-menu-mobile-size,16px);
  border-bottom:1px solid #ffffff33;
 }
 body.oto-live-page .header .oto-nav-items li:last-child>a{
  display:inline-block;margin-top:12px;padding:13px 16px;border:1px solid #ffffff80;
 }
 body.oto-live-page .header .nav-social{display:flex;gap:26px;margin:12px 0 0}
 body.oto-live-page .header .nav-social svg,
 body.oto-live-page .header .nav-social img{width:33px;height:33px}
 body.oto-live-page .header .language-switch{
  display:flex;align-self:flex-end;justify-content:flex-end;
  gap:22px;margin-top:8px;padding-top:14px;width:100%;font-size:19px;
  border-top:1px solid #ffffff30;
 }
 html:has(body.oto-live-page){scroll-padding-top:calc(80px + var(--oto-admin-height,0px) + 20px)}
 body.oto-live-page [id]{scroll-margin-top:calc(80px + var(--oto-admin-height,0px) + 20px)}
}
@media(max-width:760px){
 body.oto-live-page .header{height:76px;min-height:76px;padding:8px 5%;grid-template-columns:58px minmax(0,1fr) auto}
 body.oto-live-page .header .brand{width:56px;height:56px}
 body.oto-live-page .header nav{max-height:calc(100dvh - 76px - var(--oto-admin-height,0px))}
 body.oto-live-page .header .oto-nav-items a{font-size:var(--oto-menu-mobile-size,16px)}
 html:has(body.oto-live-page){scroll-padding-top:calc(76px + var(--oto-admin-height,0px) + 18px)}
 body.oto-live-page [id]{scroll-margin-top:calc(76px + var(--oto-admin-height,0px) + 18px)}
}

/* Oto Live 1.4 — restore always-visible desktop navigation, no 1450px drawer.
   Two horizontal rows keep all items visible without collisions. */
@media(min-width:761px){
 body.oto-live-page .header{
  height:auto;min-height:106px;display:grid;
  grid-template-columns:clamp(66px,7vw,92px) minmax(0,1fr);
  grid-template-rows:auto;column-gap:clamp(12px,2.5vw,32px);row-gap:0;
  align-items:center;align-content:center;justify-content:normal;
  padding:8px 4% 10px;
 }
 body.oto-live-page .header .brand{
  grid-column:1;grid-row:1;width:clamp(66px,7vw,86px);
  height:clamp(66px,7vw,86px);align-self:center;flex:none;
 }
 body.oto-live-page .header .menu-toggle{display:none}
 body.oto-live-page .header nav,
 body.oto-live-page .header nav.open{
  grid-column:2;grid-row:1;display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:clamp(12px,2vw,30px);row-gap:4px;
  position:static;inset:auto;min-width:0;width:100%;height:auto;
  max-height:none;overflow:visible;padding:0;margin:0;
  border:0;box-shadow:none;background:transparent;
  align-items:center;justify-content:stretch;
 }
 body.oto-live-page .header .oto-nav-items{
  grid-column:1/3;grid-row:2;display:flex;flex-flow:row wrap;
  justify-content:flex-end;align-items:center;gap:3px clamp(10px,1.35vw,22px);
  width:100%;min-width:0;margin:0;padding:0;
 }
 body.oto-live-page .header .oto-nav-items li{width:auto;flex:none}
 body.oto-live-page .header .oto-nav-items a{
  display:block;white-space:nowrap;padding:9px 0;border:0;
  font-size:clamp(14px,1.35vw,20px);line-height:1.1;
 }
 body.oto-live-page .header .oto-nav-items li:last-child>a{
  display:block;white-space:nowrap;margin:0;padding:10px 13px;
  border:1px solid #ffffff80;
 }
 body.oto-live-page .header .nav-social{
  grid-column:1;grid-row:1;display:flex;justify-self:end;
  align-items:center;gap:clamp(12px,1.4vw,22px);
  width:auto;margin:0;padding:0;
 }
 body.oto-live-page .header .nav-social svg,
 body.oto-live-page .header .nav-social img{width:31px;height:31px}
 body.oto-live-page .header .language-switch{
  grid-column:2;grid-row:1;display:flex;justify-self:end;
  align-self:center;position:static;inset:auto;width:auto;
  flex:none;align-items:center;gap:16px;margin:0;padding:0;
  border:0;font-size:16px;
 }
 body.oto-live-page .header .language-switch a{padding:7px 2px}
 body.oto-live-page.oto-scrolled .header{min-height:92px;padding-top:5px;padding-bottom:7px}
 body.oto-live-page.oto-scrolled .header .brand{width:65px;height:65px}
 html:has(body.oto-live-page){scroll-padding-top:calc(var(--oto-header-height,108px) + var(--oto-admin-height,0px) + 20px)}
 body.oto-live-page [id]{scroll-margin-top:calc(var(--oto-header-height,108px) + var(--oto-admin-height,0px) + 20px)}
}
@media(max-width:760px){
 /* Hamburger remains only on narrow phone screens; full desktop menu never collapses. */
 body.oto-live-page .header{display:grid;height:76px;min-height:76px;padding:8px 5%}
 body.oto-live-page .header .brand{width:56px;height:56px}
 body.oto-live-page .header .menu-toggle{display:flex}
 body.oto-live-page .header nav{display:none}
 body.oto-live-page .header nav.open{display:flex}
}


/* Oto Live 1.5 — legible, high-contrast Bebas Neue menu; preserve desktop rows. */
body.oto-live-page .header{z-index:10020}
body.oto-live-page .header nav,
body.oto-live-page .header .oto-nav-items,
body.oto-live-page .header .language-switch{
 font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
 font-synthesis:weight;
}
body.oto-live-page .header .oto-nav-items a,
body.oto-live-page .header .language-switch a{
 color:#fff;
 font-weight:700;
 -webkit-text-stroke:.4px currentColor;
 text-shadow:0 2px 6px rgba(0,0,0,.96),0 0 14px rgba(0,0,0,.8);
 opacity:1;
 transition:color .2s ease,text-shadow .2s ease;
}
body.oto-live-page .header .oto-nav-items a:hover,
body.oto-live-page .header .language-switch a:hover{
 color:#fff;
 text-shadow:0 0 2px #fff,0 2px 8px #000,0 0 16px #000;
}
body.oto-live-page .header .language-switch,
body.oto-live-page .header .language-switch a{
 position:relative;
 z-index:5;
 pointer-events:auto;
 cursor:pointer;
}
body.oto-live-page .header .language-switch{isolation:isolate}
@media(min-width:761px){
 body.oto-live-page .header .oto-nav-items a{
  font-size:clamp(22px,1.85vw,28px);
  line-height:1.05;
 }
 body.oto-live-page .header .oto-nav-items{gap:5px clamp(11px,1.5vw,23px)}
 body.oto-live-page .header .language-switch a{
  font-size:23px;
  padding:8px 3px;
 }
 body.oto-live-page .header .oto-nav-items li:last-child>a{padding:10px 15px}
}
@media(max-width:760px){
 body.oto-live-page .header .oto-nav-items a{font-size:clamp(22px,5vw,27px)}
 body.oto-live-page .header .language-switch a{font-size:23px}
}


/* Oto Live 1.6 — flag links preserve the existing working SK/EN URLs and click behavior. */
body.oto-live-page .header .language-switch{
 gap:clamp(10px,1.15vw,17px);
 align-items:center;
}
body.oto-live-page .header .language-switch .oto-language-link{
 display:inline-flex;position:relative;align-items:center;justify-content:center;
 width:44px;height:40px;padding:6px 3px;
 border-bottom:0;-webkit-text-stroke:0;line-height:1;
 text-shadow:none;
}
body.oto-live-page .header .language-switch .oto-language-link .oto-flag{
 width:36px;height:24px;display:block;object-fit:cover;
 border:1px solid rgba(255,255,255,.45);
 box-shadow:0 1px 7px #000a;
 transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
 pointer-events:none;
}
body.oto-live-page .header .language-switch .oto-language-link[aria-current="page"]{
 border-bottom:0;
}
body.oto-live-page .header .language-switch .oto-language-link[aria-current="page"]::after{
 content:"";position:absolute;bottom:0;left:7px;right:7px;height:3px;background:var(--red);
 box-shadow:0 0 9px #d00000a6;
}
body.oto-live-page .header .language-switch .oto-language-link:hover .oto-flag,
body.oto-live-page .header .language-switch .oto-language-link:focus-visible .oto-flag{
 transform:translateY(-2px);filter:brightness(1.2);
 box-shadow:0 0 8px #fffc,0 1px 8px #000c;
}
/* The logo is deliberately larger on the hero than in the scrolled header.
   Keep the grid column as wide as the logo to prevent it covering the menu. */
@media(min-width:761px){
 body.oto-live-page:not(.oto-scrolled) .header{
  --oto-intro-logo:clamp(198px,21vw,258px);
  grid-template-columns:var(--oto-intro-logo) minmax(0,1fr);
  height:calc(var(--oto-intro-logo) + 20px);
  min-height:calc(var(--oto-intro-logo) + 20px);
  padding:10px 4%;
 }
 body.oto-live-page:not(.oto-scrolled) .header .brand{
  width:var(--oto-intro-logo);height:var(--oto-intro-logo);
 }
 body.oto-live-page.oto-scrolled .header{
  grid-template-columns:130px minmax(0,1fr);
  height:150px;min-height:150px;
  padding:7px 4%;
 }
 body.oto-live-page.oto-scrolled .header .brand{width:130px;height:130px}
 body.oto-live-page .hero-content{
  padding-top:clamp(305px,26vw,345px);
 }
 html:has(body.oto-live-page){scroll-padding-top:calc(150px + var(--oto-admin-height,0px) + 22px)}
 body.oto-live-page [id]{scroll-margin-top:calc(150px + var(--oto-admin-height,0px) + 22px)}
}
@media(max-width:760px){
 body.oto-live-page:not(.oto-scrolled) .header{
  height:188px;min-height:188px;
  grid-template-columns:168px minmax(0,1fr) auto;
  padding:10px 5%;
 }
 body.oto-live-page:not(.oto-scrolled) .header .brand{width:168px;height:168px}
 body.oto-live-page.oto-scrolled .header{
  height:132px;min-height:132px;
  grid-template-columns:112px minmax(0,1fr) auto;
  padding:9px 5%;
 }
 body.oto-live-page.oto-scrolled .header .brand{width:112px;height:112px}
 body.oto-live-page .header .language-switch .oto-language-link{width:45px;height:43px}
 body.oto-live-page .header nav{max-height:calc(100dvh - var(--oto-header-height,132px) - var(--oto-admin-height,0px))}
 html:has(body.oto-live-page){scroll-padding-top:calc(132px + var(--oto-admin-height,0px) + 20px)}
 body.oto-live-page [id]{scroll-margin-top:calc(132px + var(--oto-admin-height,0px) + 20px)}
}


/* Oto Live 1.7 — contemporary circular flag icons, working click handlers unchanged. */
body.oto-live-page .header .language-switch {
  gap: 10px;
}
body.oto-live-page .header .language-switch .oto-language-link {
  width: 46px;
  height: 48px;
  padding: 4px;
  flex-shrink: 0;
  border-radius: 999px;
}
body.oto-live-page .header .language-switch .oto-language-link .oto-flag {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255,255,255,.76);
  background: #111;
  box-shadow: 0 3px 12px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.12);
  filter: saturate(1.1);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.oto-live-page .header .language-switch .oto-language-link:hover .oto-flag,
body.oto-live-page .header .language-switch .oto-language-link:focus-visible .oto-flag {
  transform: translateY(-2px) scale(1.06);
  filter: brightness(1.12) saturate(1.2);
  box-shadow: 0 0 12px rgba(255,255,255,.45), 0 3px 11px rgba(0,0,0,.66);
}
body.oto-live-page .header .language-switch .oto-language-link[aria-current="page"] .oto-flag {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(208,0,0,.85), 0 0 12px rgba(208,0,0,.5), 0 3px 12px rgba(0,0,0,.5);
}
body.oto-live-page .header .language-switch .oto-language-link[aria-current="page"]::after {
  bottom: -3px; left: 12px; right: 12px; height: 2px;
}
@media(max-width:760px) {
  body.oto-live-page .header .language-switch .oto-language-link {width:46px;height:48px}
}

/* Oto Live 1.8 — balanced hero navigation. All visual changes are scoped to
   the custom template and do not modify the working SK/EN link handlers. */
@media (min-width:761px) {
  body.oto-live-page:not(.oto-scrolled) .header {
    height:116px;
    min-height:116px;
    display:grid;
    grid-template-columns:clamp(150px,13vw,235px) minmax(0,1fr);
    grid-template-rows: 1fr;
    align-items:start;
    align-content:start;
    gap:clamp(12px,2vw,30px);
    padding:10px 4% 0;
    background:linear-gradient(to bottom,rgba(0,0,0,.34),rgba(0,0,0,.12) 78%,transparent);
    border-bottom:0;
  }
  body.oto-live-page:not(.oto-scrolled) .header .brand {
    grid-column:1;grid-row:1;
    position:relative;
    width:clamp(150px,13vw,235px);
    height:106px;
    align-self:start;
    overflow:visible;
    z-index:1;
  }
  /* The supplied square logo includes wide transparent/dark margins. Raising
     its image places the actual white guitar/logo near the top of the hero. */
  body.oto-live-page:not(.oto-scrolled) .header .brand img {
    display:block;width:100%;height:auto;
    max-width:none;object-fit:contain;
    transform:translateY(-21%);
  }
  body.oto-live-page:not(.oto-scrolled) .header nav,
  body.oto-live-page:not(.oto-scrolled) .header nav.open {
    grid-column:2;grid-row:1;
    align-self:start;align-content:start;
    margin:0;
  }
  body.oto-live-page .header .language-switch {gap:6px;}
  body.oto-live-page .header .language-switch .oto-language-link {
    width:33px;height:36px;padding:3px;
  }
  body.oto-live-page .header .language-switch .oto-language-link .oto-flag {
    width:27px;height:27px;border-width:1.5px;
  }
  body.oto-live-page .header .language-switch .oto-language-link[aria-current="page"]::after {
    left:9px;right:9px;bottom:0;height:2px;
  }
  body.oto-live-page:not(.oto-scrolled) .header .oto-nav-items a {
    font-size:clamp(21px,1.55vw,27px);
  }
  body.oto-live-page .header .oto-nav-items li:last-child>a {padding:9px 12px;}
  /* A compact header after scroll should not conceal section titles. */
  body.oto-live-page.oto-scrolled .header {
    height:104px;min-height:104px;
    grid-template-columns:124px minmax(0,1fr);
    padding:8px 4% 6px;
    align-items:start;align-content:start;
  }
  body.oto-live-page.oto-scrolled .header .brand {
    width:124px;height:85px;overflow:visible;align-self:start;
  }
  body.oto-live-page.oto-scrolled .header .brand img {
    display:block;width:100%;height:auto;max-width:none;
    transform:translateY(-21%);
  }
  body.oto-live-page.oto-scrolled .header nav {align-self:start;align-content:start;}
  body.oto-live-page .hero-content {padding-top:clamp(225px,18vw,290px);}
  html:has(body.oto-live-page){scroll-padding-top:calc(104px + var(--oto-admin-height,0px) + 22px)}
  body.oto-live-page [id]{scroll-margin-top:calc(104px + var(--oto-admin-height,0px) + 22px)}
}
@media (min-width:761px) and (max-width:1100px) {
  body.oto-live-page:not(.oto-scrolled) .header {
    grid-template-columns:clamp(130px,13vw,160px) minmax(0,1fr);
    padding:10px 3% 0;gap:10px;
  }
  body.oto-live-page:not(.oto-scrolled) .header .brand {width:clamp(130px,13vw,160px)}
  body.oto-live-page .header .oto-nav-items a,
  body.oto-live-page:not(.oto-scrolled) .header .oto-nav-items a {font-size:clamp(17px,1.8vw,21px)}
  body.oto-live-page .header .oto-nav-items {gap:4px 10px}
  body.oto-live-page .header .oto-nav-items li:last-child>a {padding:7px 9px}
  body.oto-live-page .header .nav-social {gap:10px}
  body.oto-live-page .header .nav-social svg,
  body.oto-live-page .header .nav-social img {width:25px;height:25px}
  body.oto-live-page.oto-scrolled .header {grid-template-columns:104px minmax(0,1fr);padding-left:3%;padding-right:3%;}
  body.oto-live-page.oto-scrolled .header .brand {width:104px;height:82px;}
}
@media (max-width:760px) {
  body.oto-live-page:not(.oto-scrolled) .header {
    height:88px;min-height:88px;
    display:grid;grid-template-columns:132px minmax(0,1fr) auto;
    align-items:start;align-content:start;
    padding:8px 5%;gap:8px;
    background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent);
  }
  body.oto-live-page:not(.oto-scrolled) .header .brand {
    width:132px;height:74px;align-self:start;overflow:visible;
  }
  body.oto-live-page:not(.oto-scrolled) .header .brand img {
    display:block;width:100%;height:auto;transform:translateY(-21%);
  }
  body.oto-live-page.oto-scrolled .header {
    height:80px;min-height:80px;
    grid-template-columns:106px minmax(0,1fr) auto;
    padding:6px 5%;align-items:start;align-content:start;
  }
  body.oto-live-page.oto-scrolled .header .brand {width:106px;height:68px;overflow:visible;align-self:start}
  body.oto-live-page.oto-scrolled .header .brand img {display:block;width:100%;height:auto;transform:translateY(-21%)}
  body.oto-live-page .header .menu-toggle {align-self:start;margin-top:9px;}
  body.oto-live-page .header nav {top:100%;}
  body.oto-live-page .header .language-switch {gap:6px;}
  body.oto-live-page .header .language-switch .oto-language-link {width:35px;height:38px;padding:3px}
  body.oto-live-page .header .language-switch .oto-language-link .oto-flag {width:27px;height:27px;border-width:1.5px}
  html:has(body.oto-live-page){scroll-padding-top:calc(80px + var(--oto-admin-height,0px) + 18px)}
  body.oto-live-page [id]{scroll-margin-top:calc(80px + var(--oto-admin-height,0px) + 18px)}
}

/* OTO LIVE 1.10 — desktop: one continuous navigation line.
   Left: menu | social links | language flags, with subtle vertical separators.
   Keep the existing phone menu and language-click handlers intact. */
@media (min-width:761px) {
 body.oto-live-page .header nav,
 body.oto-live-page .header nav.open {
   display:grid;
   grid-template-columns:minmax(0,1fr) auto auto;
   grid-template-rows:1fr;
   align-items:center;
   align-content:center;
   column-gap:clamp(7px,1vw,18px);
   row-gap:0;
   justify-content:stretch;
   min-width:0;
 }
 body.oto-live-page .header .oto-nav-items {
   grid-column:1;
   grid-row:1;
   display:flex;
   flex-flow:row nowrap;
   justify-content:flex-end;
   align-items:center;
   gap:clamp(5px,.8vw,15px);
   min-width:0;
   width:100%;
   margin:0;
 }
 body.oto-live-page .header .oto-nav-items li {flex:0 0 auto;min-width:0;width:auto}
 body.oto-live-page .header .oto-nav-items a,
 body.oto-live-page:not(.oto-scrolled) .header .oto-nav-items a {
   font-size:clamp(15px,1.7vw,26px);
   white-space:nowrap;
   line-height:1.1;
 }
 body.oto-live-page .header .oto-nav-items li:last-child>a {
   padding:8px clamp(7px,.75vw,12px);
 }
 body.oto-live-page .header .nav-social {
   grid-column:2;
   grid-row:1;
   display:flex;
   align-items:center;
   justify-content:center;
   justify-self:end;
   flex:none;
   gap:clamp(7px,.85vw,16px);
   min-height:38px;
   width:auto;
   margin:0;
   padding:0 0 0 clamp(9px,1vw,18px);
   border-left:1px solid rgba(255,255,255,.58);
 }
 body.oto-live-page .header .nav-social svg,
 body.oto-live-page .header .nav-social img {
   width:clamp(24px,1.95vw,32px);
   height:clamp(24px,1.95vw,32px);
 }
 body.oto-live-page .header .language-switch {
   grid-column:3;
   grid-row:1;
   display:flex;
   align-items:center;
   justify-content:flex-end;
   justify-self:end;
   flex:none;
   position:static;
   gap:5px;
   min-height:38px;
   margin:0;
   padding:0 0 0 clamp(9px,1vw,18px);
   border:0;
   border-left:1px solid rgba(255,255,255,.58);
 }
 body.oto-live-page .header .language-switch .oto-language-link {
   width:33px;height:36px;padding:3px;
 }
 body.oto-live-page .header .language-switch .oto-language-link .oto-flag {
   width:27px;height:27px;
 }
}
/* Fit compact laptops without allowing the desktop navigation to wrap. */
@media (min-width:761px) and (max-width:1150px) {
 body.oto-live-page:not(.oto-scrolled) .header {
   grid-template-columns:clamp(95px,11vw,145px) minmax(0,1fr);
   column-gap:clamp(7px,1vw,13px);
   padding-left:2.5%;padding-right:2.5%;
 }
 body.oto-live-page:not(.oto-scrolled) .header .brand {width:clamp(95px,11vw,145px)}
 body.oto-live-page.oto-scrolled .header {
   grid-template-columns:clamp(78px,9vw,104px) minmax(0,1fr);
   column-gap:clamp(7px,1vw,13px);
   padding-left:2.5%;padding-right:2.5%;
 }
 body.oto-live-page.oto-scrolled .header .brand {width:clamp(78px,9vw,104px)}
 body.oto-live-page .header nav,
 body.oto-live-page .header nav.open {column-gap:clamp(5px,.7vw,10px)}
 body.oto-live-page .header .oto-nav-items {gap:clamp(4px,.65vw,8px)}
 body.oto-live-page .header .oto-nav-items a,
 body.oto-live-page:not(.oto-scrolled) .header .oto-nav-items a {font-size:clamp(14px,1.7vw,20px)}
 body.oto-live-page .header .oto-nav-items li:last-child>a {padding:6px 7px}
 body.oto-live-page .header .nav-social {gap:clamp(4px,.7vw,9px);padding-left:clamp(6px,.8vw,10px)}
 body.oto-live-page .header .nav-social svg,
 body.oto-live-page .header .nav-social img {width:clamp(19px,2.15vw,25px);height:clamp(19px,2.15vw,25px)}
 body.oto-live-page .header .language-switch {gap:2px;padding-left:clamp(6px,.8vw,10px)}
 body.oto-live-page .header .language-switch .oto-language-link {width:clamp(24px,2.7vw,32px);height:32px;padding:2px}
 body.oto-live-page .header .language-switch .oto-language-link .oto-flag {width:clamp(20px,2.5vw,26px);height:clamp(20px,2.5vw,26px)}
}