/* 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}
}