/* DVOJKA v4.5.36 — gentler puzzle joins, larger Meteodvojka and standalone arrow puzzle buttons. */
html body .hero .hero-content{align-items:end!important;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;gap:clamp(24px,3vw,44px)!important;position:relative!important;top:-18px!important}
html body .hero .hero-copy{width:100%;max-width:none!important;min-width:0}
html body .hero .hero-copy h1{font-size:clamp(52px,4.6vw,88px)!important;line-height:.93!important;letter-spacing:-.045em!important;margin:0 0 14px!important}
html body .hero .hero-copy>p{font-size:clamp(19px,1.45vw,26px)!important;line-height:1.5!important;max-width:none!important;margin:0 0 18px!important}
html body .hero .hero-promo-zone{padding:0!important;max-width:none!important;min-width:0}
html body .hero .promo-slider-section{position:relative!important;padding-bottom:84px!important}
html body .hero #promoSlider .promo-controls{position:absolute!important;left:var(--hero-dots-start,18px)!important;right:4px!important;bottom:calc(-1 * var(--hero-controls-offset,84px))!important;min-height:52px!important;height:52px!important;display:flex!important;align-items:flex-end!important;gap:14px!important;z-index:8!important}
html body .hero #promoSlider .promo-dots{position:static!important;display:flex!important;align-items:center!important;padding:2px!important;margin:0 0 18px!important;max-width:100%!important;flex:1 1 auto;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
html body .hero #promoSlider .promo-dots::-webkit-scrollbar{display:none}
html body .hero #promoSlider .promo-arrows{position:static!important;display:flex!important;align-items:flex-end!important;gap:14px!important;margin:0 var(--hero-arrow-clearance,64px) 0 auto!important;flex:0 0 auto}
html body .hero #promoSlider .promo-arrow{--arrow-bg:rgba(24,71,110,.86);box-sizing:border-box;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;font-size:24px!important;line-height:1!important;transform:none!important;overflow:visible!important;cursor:pointer!important}
html body .hero #promoSlider .promo-arrow:nth-child(2){--arrow-bg:rgba(17,90,124,.88)}
html body .hero #promoSlider .promo-arrow.arrow-puzzle-ready,
html body .hero #promoSlider .promo-arrow.arrow-puzzle-ready:hover,
html body .hero #promoSlider .promo-arrow.arrow-puzzle-ready:focus-visible{background:transparent!important;border:0!important}
html body .hero #promoSlider .promo-arrow:hover{filter:brightness(1.12)!important}
html body .hero #promoSlider .promo-arrow:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}
html body .hero #promoSlider .promo-arrow>*{pointer-events:none!important}
html body .hero #promoSlider .hero-arrow-puzzle{position:absolute!important;left:-8px!important;top:-8px!important;width:calc(100% + 16px)!important;height:calc(100% + 16px)!important;z-index:-1!important;overflow:visible!important;pointer-events:none!important;display:block!important}
html body .hero #promoSlider .hero-arrow-puzzle path{fill:var(--arrow-bg)!important;stroke:rgba(255,255,255,.72)!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important;stroke-linejoin:round!important;pointer-events:none!important}
html body .hero .hero-actions{--hero-piece:160px;display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.02fr) minmax(0,1.16fr)!important;grid-template-rows:64px 58px!important;gap:0!important;align-items:stretch!important;isolation:isolate;position:relative!important;z-index:60!important;pointer-events:auto!important;width:calc(var(--hero-piece) * 3)!important;max-width:none!important;margin:18px 0 0 calc(100% - var(--hero-piece) * 2)!important;padding:0!important;overflow:visible!important}
html body .hero .hero-actions>a{--puzzle-bg:rgba(145,37,34,.70);position:relative!important;box-sizing:border-box;isolation:isolate;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;grid-column:auto!important;padding:0 10px 0 14px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(255,255,255,.002)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff!important;font-family:inherit!important;font-size:clamp(11px,.84vw,15px)!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;overflow:visible!important;transform:none!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease!important;transform-origin:50% 50%;cursor:pointer!important;touch-action:manipulation}
html body .hero .hero-actions>a:nth-child(1){--puzzle-bg:rgba(145,37,34,.70);grid-column:1!important;grid-row:1!important}
html body .hero .hero-actions>a:nth-child(2){--puzzle-bg:rgba(153,94,18,.72);grid-column:2!important;grid-row:1!important}
html body .hero .hero-actions>a:nth-child(3){--puzzle-bg:rgba(32,100,77,.72);grid-column:2!important;grid-row:2!important}
html body .hero .hero-actions>a:nth-child(4){--puzzle-bg:rgba(21,78,125,.78);grid-column:3!important;grid-row:2!important;z-index:12!important}
html body .hero .hero-actions>a.puzzle-ready,
html body .hero .hero-actions>a.puzzle-ready:hover,
html body .hero .hero-actions>a.puzzle-ready:focus-visible{background:rgba(255,255,255,.002)!important}
html body .hero .hero-actions>a:hover{filter:brightness(1.14)!important}
html body .hero .hero-actions>a:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important;z-index:35!important}
@media(hover:hover) and (pointer:fine){
 html body .hero .hero-actions>a:hover{transform:translateY(-8px) rotate(-.7deg)!important;z-index:30!important;filter:brightness(1.14) drop-shadow(0 10px 8px rgba(0,0,0,.35))!important}
}
html body .hero .hero-actions>a>*{pointer-events:none!important}
html body .hero .hero-actions>a:nth-child(4)::after{content:"";position:absolute!important;inset:0 0 -12px 0!important;pointer-events:auto!important;z-index:2!important;background:transparent!important}
html body .hero .hero-actions .hero-puzzle-shape{position:absolute!important;left:-10px!important;top:-10px!important;width:calc(100% + 20px)!important;height:calc(100% + 20px)!important;z-index:-1!important;overflow:visible!important;pointer-events:none!important;display:block!important}
html body .hero .hero-actions .hero-puzzle-shape path{fill:var(--puzzle-bg)!important;stroke:rgba(255,255,255,.66)!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important;stroke-linejoin:round!important;pointer-events:none!important}
html body .hero .hero-actions .hero-weather-chip{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:15px 28px!important;column-gap:6px!important;row-gap:0!important;align-content:center!important;padding:6px 10px 6px 16px!important}
html body .hero .hero-weather-chip:after{display:none!important}
html body .hero .hero-weather-label{grid-column:2!important;grid-row:1!important;max-width:none!important;font-size:clamp(8px,.62vw,10px)!important;font-weight:800!important;letter-spacing:0!important;color:#fff!important;white-space:nowrap!important;overflow:visible!important}
html body .hero .hero-weather-values{display:contents!important}
html body .hero .hero-weather-chip #heroWeatherIcon{grid-column:1!important;grid-row:1/3!important;width:30px!important;min-width:0!important;height:30px!important;align-self:center!important;display:block!important;line-height:0!important}
html body .hero .hero-weather-chip #heroWeatherIcon svg,html body .hero .hero-weather-chip #heroWeatherIcon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
html body .hero .hero-weather-chip #heroWeatherTemp{grid-column:2!important;grid-row:2!important;align-self:center!important;font-family:inherit!important;font-size:clamp(16px,1.18vw,22px)!important;line-height:1.05!important;white-space:nowrap!important;color:#fff!important}
html body .hero .hero-badge-mini.hero-medallion{width:104px!important;height:104px!important;right:-55px!important;bottom:11px!important;opacity:.96!important;mix-blend-mode:normal!important;pointer-events:none!important;transform:rotate(-17deg)!important;transform-origin:center center!important}
html body .hero #promoSlider .promo-progress,
html body .hero #promoSlider .promo-progress-track,
html body .hero #promoSlider .promo-timer-track,
html body .hero #promoSlider .promo-timer{left:12px!important;right:12px!important;width:auto!important;max-width:calc(100% - 24px)!important}
@media(max-width:1100px){
 html body .hero .hero-content{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:28px!important;top:-8px!important}
 html body .hero .hero-copy{max-width:720px!important}
 html body .hero .hero-copy h1{font-size:clamp(46px,7vw,70px)!important;line-height:.95!important}
 html body .hero .hero-copy>p{font-size:21px!important}
 html body .hero .hero-actions{width:min(100%,560px)!important;margin-left:0!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.02fr) minmax(0,1.16fr)!important;grid-template-rows:62px 56px!important}
 html body .hero #promoSlider .promo-controls{left:4px!important}
 html body .hero #promoSlider .promo-arrow{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:24px!important}
 html body .hero .hero-weather-label{font-size:10px!important}
 html body .hero .hero-weather-chip #heroWeatherTemp{font-size:20px!important}
 html body .hero .hero-badge-mini.hero-medallion{right:-12px!important;width:90px!important;height:90px!important;bottom:16px!important}
}
@media(max-width:600px){
 html body .hero .hero-content{top:0!important}
 html body .hero .hero-copy>p{font-size:18px!important;line-height:1.55!important;margin-bottom:18px!important}
 html body .hero .hero-actions{grid-template-rows:58px 54px!important;margin-top:18px!important}
 html body .hero .hero-actions>a{font-size:11px!important;padding:0 4px 0 10px!important}
 html body .hero .hero-actions .hero-weather-chip{grid-template-columns:23px minmax(0,1fr)!important;grid-template-rows:12px 24px!important;gap:0 4px!important;padding:5px 6px 5px 11px!important}
 html body .hero .hero-weather-label{font-size:7px!important}
 html body .hero .hero-weather-chip #heroWeatherTemp{font-size:16px!important}
 html body .hero .hero-weather-chip #heroWeatherIcon{width:23px!important;height:23px!important}
 html body .hero #promoSlider .promo-arrows{gap:11px!important;margin-right:52px!important}
 html body .hero #promoSlider .promo-arrow{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:21px!important}
 html body .hero #promoSlider .promo-dots{margin-bottom:18px!important}
 html body .hero #promoSlider .promo-progress,
 html body .hero #promoSlider .promo-progress-track,
 html body .hero #promoSlider .promo-timer-track,
 html body .hero #promoSlider .promo-timer{left:10px!important;right:10px!important;max-width:calc(100% - 20px)!important}
 html body .hero .hero-badge-mini.hero-medallion{width:64px!important;height:64px!important;right:-8px!important;bottom:30px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .hero .hero-actions>a{transition:none!important}
 html body .hero .hero-actions>a:hover,html body .hero .hero-actions>a:focus-visible{transform:none!important;filter:none!important}
 html body .hero #promoSlider .promo-arrow{transition:none!important}
}

/* 4.6.0: genuine round-headed jigsaw pieces, one glass surface per piece. */
html body .hero .hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr) minmax(0,1.25fr)!important;grid-template-rows:90px 98px!important;gap:3px!important;margin-top:28px!important;isolation:auto!important}
html body .hero .hero-actions>a{--puzzle-bg:rgba(181,48,47,.38);background:transparent!important;isolation:isolate;filter:none!important;padding:20px 18px!important;font-size:clamp(12px,.94vw,16px)!important;text-shadow:0 1px 3px rgba(0,0,0,.45);transition:transform .22s ease!important;z-index:1!important}
html body .hero .hero-actions>a:nth-child(1){--puzzle-bg:rgba(190,42,43,.38)}
html body .hero .hero-actions>a:nth-child(2){--puzzle-bg:rgba(194,129,20,.38)}
html body .hero .hero-actions>a:nth-child(3){--puzzle-bg:rgba(26,137,98,.36)}
html body .hero .hero-actions>a:nth-child(4){--puzzle-bg:rgba(40,124,185,.36);z-index:2!important}
html body .hero .hero-actions>a.puzzle-ready,
html body .hero .hero-actions>a.puzzle-ready:hover,
html body .hero .hero-actions>a.puzzle-ready:focus-visible{background:transparent!important}
html body .hero .hero-actions>a::before,
html body .hero #promoSlider .promo-arrow::before{content:""!important;position:absolute!important;inset:-20px!important;display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;background:var(--puzzle-bg,var(--arrow-bg))!important;z-index:-2!important;pointer-events:none!important;-webkit-mask-image:var(--piece-mask);mask-image:var(--piece-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;backdrop-filter:blur(5px) saturate(1.16);-webkit-backdrop-filter:blur(5px) saturate(1.16)}
html body .hero .hero-actions>a::after{display:none!important;content:none!important}
html body .hero .hero-actions .hero-puzzle-shape,
html body .hero #promoSlider .hero-arrow-puzzle{position:absolute!important;inset:-20px!important;width:calc(100% + 40px)!important;height:calc(100% + 40px)!important;max-width:none!important;max-height:none!important;z-index:-1!important;pointer-events:none!important;overflow:visible!important;display:block!important;filter:none!important}
html body .hero .hero-actions .hero-puzzle-shape path,
html body .hero #promoSlider .hero-arrow-puzzle path{fill:none!important;stroke:rgba(255,255,255,.65)!important;stroke-width:1.15!important;vector-effect:non-scaling-stroke!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
html body .hero .hero-actions .hero-weather-chip{grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:17px 30px!important;gap:4px 8px!important;padding:22px 23px!important}
html body .hero .hero-weather-label{font-size:clamp(9px,.65vw,11px)!important;letter-spacing:.04em!important}
html body .hero .hero-weather-chip #heroWeatherTemp{font-size:clamp(19px,1.5vw,26px)!important}
html body .hero .hero-weather-chip #heroWeatherIcon{width:32px!important;height:32px!important}
html body .hero .promo-slider-section{padding-bottom:110px!important}
html body .hero #promoSlider .promo-controls{height:54px!important;min-height:54px!important;gap:18px!important}
html body .hero #promoSlider .promo-arrows{gap:25px!important}
html body .hero #promoSlider .promo-arrow{--arrow-bg:rgba(50,106,153,.42);isolation:isolate!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:24px!important;filter:none!important;transition:transform .18s ease!important;text-shadow:0 1px 3px #123;touch-action:manipulation}
html body .hero #promoSlider .promo-arrow:nth-child(2){--arrow-bg:rgba(40,134,150,.42)}
html body .hero #promoSlider .promo-arrow::after{display:none!important}
html body .hero .hero-actions>a:focus-visible,
html body .hero #promoSlider .promo-arrow:focus-visible{outline:2px solid #fff!important;outline-offset:5px!important;filter:none!important;z-index:40!important}
@media(hover:hover) and (pointer:fine){
 html body .hero .hero-actions>a:hover{transform:translateY(-5px) rotate(-.5deg)!important;filter:none!important;z-index:30!important}
 html body .hero .hero-actions>a:hover::before{background:var(--puzzle-bg)!important;backdrop-filter:blur(3px) saturate(1.4);-webkit-backdrop-filter:blur(3px) saturate(1.4)}
 html body .hero .hero-actions>a:hover .hero-puzzle-shape path,
 html body .hero #promoSlider .promo-arrow:hover .hero-arrow-puzzle path{stroke:#fff!important;stroke-width:1.7!important}
 html body .hero #promoSlider .promo-arrow:hover{transform:translateY(-3px)!important;filter:none!important}
}
@media(max-width:1100px){
 html body .hero .hero-actions{width:min(calc(100% - 24px),580px)!important;grid-template-columns:1fr 1.03fr 1.25fr!important;grid-template-rows:86px 94px!important;margin-left:12px!important;margin-bottom:18px!important}
 html body .hero .promo-slider-section{padding-bottom:100px!important}
 html body .hero #promoSlider .promo-controls{left:6px!important}
}
@media(max-width:600px){
 html body .hero .hero-actions{width:calc(100% - 22px)!important;grid-template-columns:1fr 1.03fr 1.25fr!important;grid-template-rows:76px 84px!important;margin:27px 0 22px 11px!important;gap:2px!important}
 html body .hero .hero-actions>a{font-size:11px!important;white-space:normal!important;padding:18px 12px!important}
 html body .hero .hero-actions .hero-weather-chip{grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:13px 25px!important;padding:16px 12px!important;gap:4px!important}
 html body .hero .hero-weather-label{grid-column:1/3!important;grid-row:1!important;font-size:7.5px!important;letter-spacing:0!important;text-align:center!important}
 html body .hero .hero-weather-chip #heroWeatherTemp{grid-column:2!important;grid-row:2!important;font-size:18px!important;text-align:center!important}
 html body .hero .hero-weather-chip #heroWeatherIcon{display:block!important;grid-column:1!important;grid-row:2!important;width:18px!important;height:18px!important}
 html body .hero #promoSlider .promo-arrow{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 html body .hero #promoSlider .promo-arrows{gap:22px!important;margin-right:40px!important}
 html body .hero #promoSlider .promo-controls{gap:12px!important}
 html body .hero #promoSlider .promo-dots{margin-bottom:15px!important}
 html body .hero .hero-badge-mini.hero-medallion{bottom:45px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .hero .hero-actions>a,html body .hero #promoSlider .promo-arrow{transition:none!important}
 html body .hero .hero-actions>a:hover,html body .hero #promoSlider .promo-arrow:hover{transform:none!important}
}
/* Older mobile button rules carry extra class specificity. */
@media(max-width:600px){
 html body .hero .hero-copy .hero-actions>a.button{font-size:11px!important;line-height:1.25!important}
 html body .hero .hero-weather-chip #heroWeatherTemp{font-size:clamp(14px,4.2vw,18px)!important}
}

/* 4.6.1 — lift the banner, overlap its corner, centre dots on the weather joint. */
html body .hero .promo-slider-section{transform:translateY(-26px)!important}
html body .hero .hero-badge-mini.hero-medallion{top:var(--hero-seal-top,auto)!important;bottom:auto!important;right:-34px!important}
html body .hero #promoSlider .promo-controls{align-items:center!important}
html body .hero #promoSlider .promo-dots{margin:0!important;align-items:center!important}
html body .hero #promoSlider .promo-arrows{align-items:center!important;transform:translateY(-8px)!important}
@media(max-width:1100px){
 html body .hero .promo-slider-section{transform:translateY(-12px)!important}
 html body .hero .hero-badge-mini.hero-medallion{right:-12px!important}
}
@media(max-width:600px){
 html body .hero .promo-slider-section{transform:translateY(-8px)!important}
 html body .hero .hero-badge-mini.hero-medallion{right:-8px!important}
}

/* 4.6.15 — each piece detaches along its free edge and returns to its seat. */
html body .hero .hero-actions{gap:0!important}
html body .hero .hero-copy .hero-actions>a{
 --detach-distance:12px;--detach-x:0px;--detach-y:0px;--detach-angle:0deg;
 transform:none!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
}
html body .hero .hero-copy .hero-actions>a:nth-child(1){--detach-x:calc(-1 * var(--detach-distance));--detach-angle:-.6deg}
html body .hero .hero-copy .hero-actions>a:nth-child(2){--detach-x:var(--detach-distance);--detach-y:-11px;--detach-angle:.6deg}
html body .hero .hero-copy .hero-actions>a:nth-child(3){--detach-x:calc(-1 * var(--detach-distance));--detach-y:11px;--detach-angle:-.6deg}
html body .hero .hero-copy .hero-actions>a:nth-child(4){--detach-x:var(--detach-distance);--detach-angle:.6deg}
@media(max-width:600px){
 html body .hero .hero-copy .hero-actions>a{--detach-distance:6px}
}
@media(hover:hover) and (pointer:fine){
 html body .hero .hero-copy .hero-actions>a:hover{transform:translate(var(--detach-x),var(--detach-y)) rotate(var(--detach-angle))!important;z-index:40!important}
 /* Bridge the vacated footprint so hovering an original edge stays stable. */
 html body .hero .hero-copy .hero-actions>a:hover::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:calc(min(0px,calc(-1 * var(--detach-y))) - 3px) calc(min(0px,var(--detach-x)) - 3px) calc(min(0px,var(--detach-y)) - 3px) calc(min(0px,calc(-1 * var(--detach-x))) - 3px)!important;
  width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;pointer-events:auto!important;z-index:2!important;
 }
}
html body .hero .hero-copy .hero-actions>a:focus-visible{transform:translate(var(--detach-x),var(--detach-y)) rotate(var(--detach-angle))!important;z-index:41!important}
@media(prefers-reduced-motion:reduce){
 html body .hero .hero-copy .hero-actions>a{transition:none!important}
 html body .hero .hero-copy .hero-actions>a:hover,html body .hero .hero-copy .hero-actions>a:focus-visible{transform:none!important}
}

/* 4.6.2 — shrink the connected puzzle assembly uniformly by ten percent. */
html body .hero .hero-actions{transform:scale(.9)!important;transform-origin:50% 50%!important}

/* 4.6.3 — another 10% reduction from .90 to .81, stable alpha SVG surfaces. */
html body .hero .hero-actions{transform:scale(.81)!important}
html body .hero .hero-copy .hero-actions>a::before,
html body .hero #promoSlider .promo-arrow::before{display:none!important;content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mask-image:none!important;-webkit-mask-image:none!important}
html body .hero .hero-actions .hero-puzzle-shape path{fill:var(--puzzle-bg)!important}
html body .hero #promoSlider .hero-arrow-puzzle path{fill:var(--arrow-bg)!important}
/* The slider's controls move with it; seal positioning is measured from its edge. */
html body .hero .promo-slider-section{transform:translateY(-34px)!important}
@media(max-width:1100px){html body .hero .promo-slider-section{transform:translateY(-20px)!important}}
@media(max-width:600px){html body .hero .promo-slider-section{transform:translateY(-16px)!important}}

/* 4.6.4 — lift the whole banner assembly by half a scaled weather piece. */
html body .hero .promo-slider-section{transform:translateY(calc(-34px - var(--hero-extra-lift,40px)))!important}
html body .hero #promoSlider .promo-dots{transform:translateY(-16px)!important}
/* Warm cream and apricot accents keep photo-overlay text soft and legible. */
html body .hero #promoSlider .promo-copy h2{color:var(--banner-title,#ffe6c2)!important;-webkit-text-fill-color:var(--banner-title,#ffe6c2)!important;text-shadow:0 2px 10px rgba(40,20,5,.7)!important}
html body .hero #promoSlider .promo-copy p{color:var(--banner-text,#fff3e3)!important;-webkit-text-fill-color:var(--banner-text,#fff3e3)!important}
html body .hero #promoSlider .promo-copy .promo-kicker{color:var(--banner-accent,#f3cb92)!important;-webkit-text-fill-color:var(--banner-accent,#f3cb92)!important;opacity:1!important}
@media(max-width:1100px){html body .hero .promo-slider-section{transform:translateY(calc(-20px - var(--hero-extra-lift,38px)))!important}}
@media(max-width:600px){html body .hero .promo-slider-section{transform:translateY(calc(-16px - var(--hero-extra-lift,34px)))!important}}

/* Paired, low-saturation autumn tones; body copy stays close to white. */
html body .hero #promoSlider .promo-slide:nth-child(5n+1){--banner-title:#ffe6c2;--banner-text:#fff3e3;--banner-accent:#f3cb92}
html body .hero #promoSlider .promo-slide:nth-child(5n+2){--banner-title:#f5e7bf;--banner-text:#fcf8ec;--banner-accent:#e4cc90}
html body .hero #promoSlider .promo-slide:nth-child(5n+3){--banner-title:#f1dcd3;--banner-text:#fcf3ef;--banner-accent:#ddb8a8}
html body .hero #promoSlider .promo-slide:nth-child(5n+4){--banner-title:#e0e9d2;--banner-text:#f4f8ee;--banner-accent:#c5d3af}
html body .hero #promoSlider .promo-slide:nth-child(5n+5){--banner-title:#ede3d5;--banner-text:#fbf7f0;--banner-accent:#d9c2a5}

/* 4.6.15 — move the four-piece menu together without moving the banner. */
html body .hero .hero-actions{transform:translateY(calc(-1 * var(--hero-menu-lift,0px))) scale(.81)!important}

/* 4.6.15 — menu a bodky doprava o polovicu vysky dielika. */
html body .hero .hero-actions{transform:translate(var(--hero-menu-shift,0px),calc(-1 * var(--hero-menu-lift,0px))) scale(.81)!important}
html body .hero #promoSlider .promo-controls{left:var(--hero-dots-start,6px)!important}

/* 4.6.15 — compact mobile strip; a readable square on the narrowest phones. */
@media(max-width:600px){
 html body .hero .hero-content{gap:18px!important}
 html body .hero .hero-copy .hero-actions{
  width:calc(100% - 16px)!important;margin:24px 8px 10px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.06fr) minmax(0,1fr) minmax(0,1.5fr)!important;
  grid-template-rows:64px!important;transform:none!important;
 }
 html body .hero .hero-copy .hero-actions>a.button{
  grid-row:1!important;font-size:11px!important;line-height:1.15!important;
  padding:10px 7px!important;white-space:normal!important;
 }
 html body .hero .hero-copy .hero-actions>a:nth-child(1){grid-column:1!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(2){grid-column:2!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(3){grid-column:3!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(4){grid-column:4!important;grid-row:1!important}
 html body .hero .hero-copy .hero-actions .hero-weather-chip{
  grid-template-columns:15px minmax(0,1fr)!important;grid-template-rows:14px 22px!important;
  padding:8px 9px!important;gap:2px 3px!important;
 }
 html body .hero .hero-weather-label{font-size:8px!important;line-height:1.1!important}
 html body .hero .hero-weather-chip #heroWeatherTemp{font-size:15px!important;line-height:1.1!important}
 html body .hero .hero-weather-chip #heroWeatherIcon{width:15px!important;height:15px!important}
 html body .hero .promo-slider-section{transform:none!important;padding-bottom:84px!important}
}
@media(max-width:359px){
 html body .hero .hero-copy .hero-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;
  grid-template-rows:52px 52px!important;margin-top:20px!important;
 }
 html body .hero .hero-copy .hero-actions>a.button{font-size:12px!important;padding:10px 14px!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(1){grid-column:1!important;grid-row:1!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(2){grid-column:2!important;grid-row:1!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(3){grid-column:1!important;grid-row:2!important}
 html body .hero .hero-copy .hero-actions>a:nth-child(4){grid-column:2!important;grid-row:2!important}
 html body .hero .hero-copy .hero-actions .hero-weather-chip{padding:8px 15px!important}
}

/* 4.6.15 — closer banner arrows, each moving outward on hover. */
html body .hero #promoSlider .promo-arrows{gap:12px!important}
html body .hero #promoSlider .promo-arrow{--arrow-detach:-6px}
html body .hero #promoSlider .promo-arrow:nth-child(2){--arrow-detach:6px}
@media(hover:hover) and (pointer:fine){
 html body .hero #promoSlider .promo-arrow:hover{transform:translateX(var(--arrow-detach))!important}
 html body .hero #promoSlider .promo-arrow:hover::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:-2px calc(min(0px,var(--arrow-detach)) - 2px) -2px calc(min(0px,calc(-1 * var(--arrow-detach))) - 2px)!important;
  width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;pointer-events:auto!important;
 }
}
html body .hero #promoSlider .promo-arrow:focus-visible{transform:translateX(var(--arrow-detach))!important}
@media(prefers-reduced-motion:reduce){
 html body .hero #promoSlider .promo-arrow:hover,
 html body .hero #promoSlider .promo-arrow:focus-visible{transform:none!important}
}

/* 4.6.15 — raise only the school logo; keep header and school year in place. */
body:not([data-detail]) .site-header .brand-logo{position:relative!important;top:-6px!important}
/* One connected puzzle bar, with fixed arrows and a scrollable middle. */
html body .hero #promoSlider .promo-controls.promo-puzzle-controls{
 top:calc(100% + 4px)!important;bottom:auto!important;right:var(--hero-arrow-clearance,40px)!important;
 height:66px!important;min-height:66px!important;display:block!important;overflow:visible!important;
}
html body .hero #promoSlider .promo-puzzle-bar{display:flex!important;align-items:flex-start!important;gap:0!important;isolation:isolate;pointer-events:auto!important;width:var(--promo-bar-width)!important;max-width:100%!important;padding:0 8px!important;box-sizing:border-box!important;overflow:visible!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-dots{
 display:flex!important;align-items:flex-start!important;gap:0!important;flex:0 1 auto!important;
 width:var(--promo-pages-width)!important;min-width:calc(var(--promo-piece-size) + 16px)!important;max-width:none!important;
 box-sizing:border-box!important;height:calc(var(--promo-piece-size) + 20px)!important;
 padding:6px 8px 14px!important;margin:0 -8px!important;transform:none!important;
 overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:8px!important;overscroll-behavior-x:contain;
}
html body .hero #promoSlider .promo-puzzle-controls>.promo-arrows{display:none!important}
html body .hero #promoSlider .promo-puzzle-bar :is(.promo-arrow,.promo-dot){
 --arrow-bg:rgba(36,102,125,.48);position:relative!important;isolation:isolate;box-sizing:border-box!important;
 width:var(--promo-piece-size)!important;min-width:var(--promo-piece-size)!important;max-width:var(--promo-piece-size)!important;
 height:var(--promo-piece-size)!important;min-height:var(--promo-piece-size)!important;flex:0 0 var(--promo-piece-size)!important;
 padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
 display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;
 transform:none!important;filter:none!important;box-shadow:none!important;overflow:visible!important;
 transition:transform .2s ease!important;scroll-snap-align:start;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;touch-action:manipulation;
}
html body .hero #promoSlider .promo-puzzle-bar .promo-arrow{margin:6px 0 0!important;z-index:5!important;font-size:24px!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot{margin:0!important;font-size:12px!important;font-weight:800!important;line-height:1!important;z-index:1}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot.active{--arrow-bg:rgba(207,145,61,.62);z-index:2}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot.active path{stroke:#fff!important;stroke-width:1.8!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-puzzle-number{pointer-events:none!important;text-shadow:0 1px 2px #183a4a}
html body .hero #promoSlider .promo-puzzle-bar .hero-arrow-puzzle{z-index:-1!important}
html body .hero #promoSlider .promo-puzzle-bar :is(.promo-dot,.promo-arrow):focus-visible{outline:2px solid #fff!important;outline-offset:3px!important;z-index:10!important}
@media(hover:hover) and (pointer:fine){
 html body .hero #promoSlider .promo-puzzle-bar .promo-arrow:hover{transform:translateX(var(--arrow-detach))!important;z-index:10!important}
 html body .hero #promoSlider .promo-puzzle-bar .promo-dot:hover{transform:translateY(6px)!important;z-index:4!important}
 html body .hero #promoSlider .promo-puzzle-bar .promo-dot:hover::after{content:""!important;display:block!important;position:absolute!important;inset:-8px -2px -2px!important;background:transparent!important;pointer-events:auto!important}
}
html body .hero #promoSlider .promo-puzzle-bar .promo-arrow:focus-visible{transform:translateX(var(--arrow-detach))!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot:focus-visible{transform:translateY(6px)!important}
@media(prefers-reduced-motion:reduce){
 html body .hero #promoSlider .promo-puzzle-bar :is(.promo-dot,.promo-arrow){transition:none!important}
 html body .hero #promoSlider .promo-puzzle-bar :is(.promo-dot,.promo-arrow):is(:hover,:focus-visible){transform:none!important}
}
/* Rada školy — compact membership groups, shared school document renderer. */
body[data-page-id="rada-skoly"] .detail-hero h1{font-size:clamp(34px,4.3vw,64px)!important;line-height:1.1!important}
body[data-page-id="rada-skoly"] .detail-body{padding:clamp(18px,3vw,44px)!important}
body[data-page-id="rada-skoly"] .council-modern .council-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}
body[data-page-id="rada-skoly"] .council-modern .council-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#597787}
body[data-page-id="rada-skoly"] .council-modern h2{font-size:clamp(23px,2.2vw,29px)!important;line-height:1.2!important;margin:7px 0 0!important;padding:0!important}
body[data-page-id="rada-skoly"] .council-modern h2::before{display:none!important}
body[data-page-id="rada-skoly"] .council-modern .council-total{border:1px solid #dce8eb;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:700;color:#56717d;white-space:nowrap}
body[data-page-id="rada-skoly"] .council-modern .council-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
body[data-page-id="rada-skoly"] .council-modern .council-group{--group-color:#167da2;--group-tint:#edf7fb;border:1px solid #e0e9ee;border-radius:18px;padding:24px;background:#fff;box-shadow:0 4px 16px rgba(25,58,78,.035)}
body[data-page-id="rada-skoly"] .council-modern .council-group-2{--group-color:#7161a6;--group-tint:#f4f0fa}
body[data-page-id="rada-skoly"] .council-modern .council-group-3{--group-color:#a57624;--group-tint:#fdf6e9}
body[data-page-id="rada-skoly"] .council-modern .council-group-4{--group-color:#308568;--group-tint:#eef8f2}
body[data-page-id="rada-skoly"] .council-modern .council-group-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}
body[data-page-id="rada-skoly"] .council-modern .council-group-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:var(--group-tint);color:var(--group-color);border-radius:13px}
body[data-page-id="rada-skoly"] .council-modern .council-group-icon svg{width:24px;height:24px;display:block}
body[data-page-id="rada-skoly"] .council-modern .council-group h3{font-size:19px!important;line-height:1.25!important;margin:5px 0 0!important;letter-spacing:-.025em}
body[data-page-id="rada-skoly"] .council-modern .council-group ul{list-style:none!important;padding:0!important;margin:0!important}
body[data-page-id="rada-skoly"] .council-modern .council-group li{list-style:none!important;border-top:1px solid #eef2f5;padding:12px 0!important;margin:0!important;font-size:14px!important;line-height:1.5!important}
body[data-page-id="rada-skoly"] .council-modern .council-group li:first-child{border-top:0}
body[data-page-id="rada-skoly"] .council-modern .council-group li:last-child{padding-bottom:0!important}
body[data-page-id="rada-skoly"] .council-modern .council-role{display:block;width:fit-content;margin:6px 0 5px;padding:3px 8px;border-radius:6px;background:var(--group-tint);color:var(--group-color);font-size:10px;font-weight:800}
body[data-page-id="rada-skoly"] .council-modern .council-chair-email{display:flex;align-items:center;gap:6px;min-height:30px;font-size:12px!important;color:#15788c;text-decoration:none;overflow-wrap:anywhere}
body[data-page-id="rada-skoly"] .council-modern .council-chair-email:hover{text-decoration:underline}
body[data-page-id="rada-skoly"] .council-modern .council-documents{margin-top:34px}
body[data-page-id="rada-skoly"] .council-modern .council-folder-link{font-size:12px;font-weight:800;white-space:nowrap;color:#14768b}
body[data-page-id="rada-skoly"] .council-modern .council-documents-slot :is(.document-breadcrumb,.document-folder-header){display:none!important}
body[data-page-id="rada-skoly"] .council-modern .council-archive{font-size:12px!important;line-height:1.6!important;margin:22px 0 0!important}
body[data-page-id="rada-skoly"] .council-modern .council-group :is(p,li,strong,a,h3),body[data-page-id="rada-skoly"] .council-modern .council-heading{text-align:left!important;text-indent:0!important;word-spacing:normal!important}
@media(max-width:650px){
 body[data-page-id="rada-skoly"] .council-modern .council-members{grid-template-columns:1fr;gap:12px}
 body[data-page-id="rada-skoly"] .council-modern .council-group{padding:20px}
 body[data-page-id="rada-skoly"] .council-modern .council-heading{align-items:flex-start;flex-direction:column;gap:10px}
 body[data-page-id="rada-skoly"] .council-modern .council-group h3{font-size:18px!important}
 body[data-page-id="rada-skoly"] .council-modern .council-chair-email{font-size:11px!important}
}

html body .hero #promoSlider .promo-puzzle-bar .promo-arrow:last-child{--arrow-detach:6px}

/* 4.6.15 — align the connected strip beside the seal, lighter seasonal glass. */
html body .hero #promoSlider .promo-puzzle-bar{margin-left:auto!important}
html body .hero #promoSlider .promo-puzzle-bar :is(.promo-arrow,.promo-dot){--arrow-bg:rgba(58,88,97,.17)}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot.active{--arrow-bg:hsla(var(--promo-hue,28),55%,52%,.36)}
html body .hero #promoSlider .promo-puzzle-bar .hero-arrow-puzzle path{stroke:rgba(255,255,255,.65)!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot.active path{stroke:rgba(255,255,255,.95)!important}
html body .hero .hero-actions .hero-weather-chip{grid-template-columns:46px minmax(0,1fr)!important;column-gap:8px!important}
html body .hero .hero-weather-chip #heroWeatherIcon{width:46px!important;height:46px!important}
@media(max-width:600px){
 html body .hero .hero-copy .hero-actions .hero-weather-chip{grid-template-columns:26px minmax(0,1fr)!important;column-gap:3px!important}
 html body .hero .hero-weather-label{grid-column:1/3!important;grid-row:1!important;text-align:center!important}
 html body .hero .hero-weather-chip #heroWeatherIcon{grid-column:1!important;grid-row:2!important;width:26px!important;height:26px!important}
}
html body .dvojka-academic-title{font-weight:400!important}

/* Historical sensor fault disclosure, shared by all weather metrics. */
html body #pocasie-na-dvojke .wx4614-repair-note{font-size:12px!important;line-height:1.6!important;color:#365567;background:#f0f7fa;border:1px solid #d6e7ef;border-radius:12px;padding:12px 14px;margin:12px 0 0;overflow-wrap:anywhere}
html body #pocasie-na-dvojke .wx4614-repair-note[hidden]{display:none!important}
html body #pocasie-na-dvojke .wx4614-repair-note a{color:#08738b;text-decoration:underline}

/* 4.6.15 — fine header offsets, a smaller banner strip, clearer weather icon. */
html body .hero .hero-copy>.eyebrow{position:relative!important;top:-8px!important}
@media(min-width:601px){body:not([data-detail]) .site-header .brand-logo{top:-14px!important}}
html body .hero .hero-actions .hero-weather-chip{grid-template-columns:56px minmax(0,1fr)!important}
html body .hero .hero-weather-chip #heroWeatherIcon{width:56px!important;height:56px!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-dot{font-size:11px!important}
html body .hero #promoSlider .promo-puzzle-bar .promo-arrow{font-size:20px!important}
@media(max-width:600px){
 html body .hero .hero-copy .hero-actions .hero-weather-chip{grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:12px 34px!important;padding:6px 8px!important;gap:2px 3px!important}
 html body .hero .hero-weather-chip #heroWeatherIcon{width:34px!important;height:34px!important}
 html body .hero #promoSlider .promo-puzzle-bar .promo-dot{font-size:10px!important}
}
/* The PDF page has its own scroll surface; controls stay outside the page. */
body.docv-pdf-ready .docv-mobile-pdf-scroll{top:54px!important;bottom:66px!important;padding:12px!important;touch-action:pan-x pan-y!important;overflow:auto!important;scroll-behavior:auto;overscroll-behavior:contain}
body.docv-pdf-ready .docv-mobile-pdf-pages{margin:0 auto!important;min-width:0!important}
body.docv-pdf-ready .docv-mobile-pdf-page{margin:0!important}
body.docv-pdf-ready .docv-mobile-zoom-hint{display:none!important}
.docv-pdf-nav{position:absolute;top:0;left:0;right:0;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;background:#f2f7fa;border-bottom:1px solid #c4d7df;color:#153c50;z-index:8;font:700 13px Arial,sans-serif}
.docv-pdf-nav[hidden]{display:none!important}
.docv-pdf-nav button{width:42px;height:40px;border:1px solid #c3d6e1;border-radius:10px;background:white;color:#17455b;font:700 28px Arial,sans-serif;cursor:pointer}
.docv-pdf-nav button:disabled{opacity:.35;cursor:default}
.docv-pdf-nav input{width:60px;min-width:0;height:36px;font:400 16px Arial,sans-serif;text-align:center;border:1px solid #bbd0df;border-radius:8px;background:#fff;color:#123c53}
.docv-pdf-nav span{white-space:nowrap}
body.docv-pdf-ready .docv-zoom{max-width:calc(100% - 12px)!important;gap:4px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
body.docv-pdf-ready .docv-zoom button{padding:0 7px!important;min-width:34px!important}
body.docv-pdf-ready .docv-zoom output{min-width:42px!important}
body.docv-pdf-ready .docv-zoom #docvFitPage{display:block!important}
@media(max-width:600px){body.docv-pdf-ready .docv-zoom button{font-size:10px!important}body.docv-pdf-ready .docv-mobile-pdf-scroll{bottom:calc(62px + env(safe-area-inset-bottom))!important;padding:8px!important}}

body.document-viewer-page .docv-shell{height:100vh;height:100dvh;max-width:100vw}

/* Keep decorative SVG overhang inside the page on narrow screens. */
body:not([data-detail]) .hero{overflow-x:clip!important}