/* VIKTO V7: full width hero and functional image hotspots */
html,body,#root{margin:0;max-width:100%;overflow-x:clip}
#top.vikto-new-hero{display:block!important;position:relative!important;isolation:isolate!important;width:100vw!important;max-width:none!important;height:auto!important;left:50%!important;margin-left:-50vw!important;margin-right:0!important;overflow:hidden!important;background:#18232b!important;aspect-ratio:1648/928!important}
#top.vikto-new-hero::before{display:none!important}
#top .vikto-hero-full-image{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;position:absolute!important;inset:0!important;z-index:0!important}
#top .vikto-hero-hit{display:block!important;position:absolute!important;z-index:30!important;cursor:pointer!important;background:transparent!important;pointer-events:auto!important}
/* Original art is 1648x928: click regions match the painted CTA buttons */
#top .vikto-hero-cta{left:3.1%!important;top:84.2%!important;width:19.7%!important;height:7.3%!important}
#top .vikto-hero-work{left:24.4%!important;top:84.2%!important;width:19.6%!important;height:7.3%!important}
#top .vikto-hero-hit:focus-visible{outline:3px solid #e7c69c!important;outline-offset:2px!important;border-radius:8px!important}
header.vikto-header-top{background:rgba(18,24,28,.85)!important}
header.vikto-header-top nav a:not(.btn-accent){color:#f4dfc4!important}
header.vikto-header-top nav>a:first-child{visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){#top.vikto-new-hero{min-height:0!important}}

/* VIKTO V8 – Instagram button over artwork, preserving layout */
#top .vikto-hero-work{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:#303334!important;border:1.5px solid #d8bd94!important;border-radius:9px!important;box-sizing:border-box!important;text-decoration:none!important;box-shadow:0 1px 5px rgba(0,0,0,.2)!important}
#top .vikto-hero-work::before{content:"";display:block;flex:none;width:clamp(15px,1.7vw,27px);height:clamp(15px,1.7vw,27px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8cfab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='18' cy='6' r='1' fill='%23e8cfab' stroke='none'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
#top .vikto-hero-work::after{content:"NAŠE PRÁCE NA INSTAGRAMU";font:700 clamp(8px,1vw,16px)/1.2 Arial,sans-serif;letter-spacing:.01em;color:#fff;white-space:nowrap}
#top .vikto-hero-work:hover{background:#202629!important}
@media(max-width:650px){#top .vikto-hero-work{gap:3px!important;border-radius:3px!important}#top .vikto-hero-work::before{width:11px;height:11px}#top .vikto-hero-work::after{font-size:clamp(5px,1.6vw,9px);content:"INSTAGRAM"}}

/* V9: skutečný viditelný obsah odkazu místo pseudoelementů */
#top a.vikto-hero-work::before,#top a.vikto-hero-work::after{display:none!important;content:none!important}
#top a.vikto-hero-work{z-index:999!important;pointer-events:auto!important;touch-action:manipulation!important}
#top a.vikto-hero-work .vikto-instagram-label{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font:700 clamp(8px,1vw,16px)/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none}
#top .vikto-instagram-icon{font-size:clamp(16px,1.8vw,27px);color:#e8cfab}
@media(max-width:650px){#top a.vikto-hero-work .vikto-instagram-label{font-size:6px;gap:2px}#top .vikto-instagram-icon{font-size:12px}}

/* V10: ikona Instagramu + presny text na dlazdici */
#top a.vikto-hero-work::before{display:block!important;content:""!important;flex:0 0 auto!important;width:clamp(13px,1.8vw,26px)!important;height:clamp(13px,1.8vw,26px)!important;position:static!important;opacity:1!important}
#top a.vikto-hero-work::after{display:none!important}
#top a.vikto-hero-work{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
#top a.vikto-hero-work .vikto-instagram-label{text-transform:none!important;font-size:clamp(9px,1vw,16px)!important}
@media(max-width:650px){#top a.vikto-hero-work{gap:3px!important}#top a.vikto-hero-work::before{width:11px!important;height:11px!important}#top a.vikto-hero-work .vikto-instagram-label{font-size:clamp(6px,1.6vw,9px)!important}}

/* V11 */
#top a.vikto-hero-work .vikto-instagram-label{text-transform:uppercase!important;letter-spacing:.025em!important}
#top a.vikto-hero-work::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8cfab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='18' cy='6' r='1' fill='%23e8cfab' stroke='none'/%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}

/* V12: oba hero CTA maji naprosto stejne rozmery; zadne roztahovani textem */
#top a.vikto-hero-cta,#top a.vikto-hero-work{top:84.2%!important;width:19.7%!important;height:7.3%!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;padding:0!important;flex:none!important}
#top a.vikto-hero-cta{left:3.1%!important}
#top a.vikto-hero-work{left:24.4%!important;overflow:hidden!important;white-space:nowrap!important}
#top a.vikto-hero-work .vikto-instagram-label{display:block!important;min-width:0!important;max-width:calc(100% - 32px)!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(7px,1vw,16px)!important}
@media(max-width:650px){#top a.vikto-hero-work{gap:3px!important}#top a.vikto-hero-work .vikto-instagram-label{font-size:clamp(5px,1.55vw,9px)!important;max-width:calc(100% - 14px)!important}}

/* V13: logo baked into hero starts below the fixed 80px navigation. */
@media(min-width:701px){
#top.vikto-new-hero{margin-top:80px!important;height:calc(100svh - 80px)!important;min-height:600px!important;aspect-ratio:auto!important}
}
@media(max-width:700px){
#top.vikto-new-hero{margin-top:64px!important;height:auto!important;aspect-ratio:1648/928!important}
}
/* Exactly matched CTA geometry, Instagram link stays independent. */
#top a.vikto-hero-cta,#top a.vikto-hero-work{width:19.7%!important;height:7.3%!important;top:84.2%!important}
#top a.vikto-hero-work{left:24.4%!important}

/* V14: cover the text embedded in hero image with a real clickable CTA label */
#top a.vikto-hero-cta{display:flex!important;align-items:center!important;justify-content:center!important;background:#e6c79c!important;color:#171c1e!important;border:1px solid #e6c79c!important;border-radius:8px!important;font:700 clamp(8px,1.05vw,17px)/1.15 Arial,sans-serif!important;letter-spacing:.015em!important;text-align:center!important;white-space:nowrap!important;text-decoration:none!important;z-index:999!important;box-shadow:0 1px 5px rgba(0,0,0,.2)!important}
#top a.vikto-hero-cta:hover{background:#f2d8b1!important}
@media(max-width:650px){#top a.vikto-hero-cta{font-size:clamp(6px,1.6vw,10px)!important;border-radius:4px!important}}