
/* V16 mobile layout: readable actual HTML, thumb-friendly controls */
@media(max-width:700px){
 html,body,#root{width:100%;max-width:100%;overflow-x:clip}
 header.vikto-header-top{z-index:1100!important}
 #top.vikto-new-hero{margin-top:64px!important;width:100%!important;left:0!important;margin-left:0!important;height:auto!important;min-height:560px!important;aspect-ratio:auto!important;background:#18232b!important;overflow:hidden!important;padding:0!important}
 #top .vikto-hero-full-image,#top .vikto-hero-hit{display:none!important}
 #top .vikto-mobile-content{position:relative!important;z-index:5!important;min-height:560px;box-sizing:border-box;padding:110px 22px 52px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;background:linear-gradient(180deg,rgba(18,27,31,.42) 0%,rgba(18,27,31,.82) 42%,#18232b 85%),url('/assets/vikto-mobile-detail.webp') center 28%/cover no-repeat;color:#fff}
 #top .vikto-mobile-eyebrow{font-size:12px;letter-spacing:.15em;color:#e6c79c;font-weight:700;margin:0}
 #top .vikto-mobile-content h2{font-size:clamp(31px,8vw,47px);line-height:1.08;font-weight:800;letter-spacing:-.025em;margin:0;color:#fff}
 #top .vikto-mobile-description{font-size:16px;line-height:1.6;margin:0;color:#f0eeea}
 #top .vikto-mobile-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
 #top .vikto-mobile-action{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:14px 16px;border-radius:9px;font-size:14px;line-height:1.2;font-weight:750;text-align:center;text-decoration:none;letter-spacing:.01em}
 #top .vikto-mobile-action.primary{background:#e6c79c;color:#171c1e}
 #top .vikto-mobile-action.secondary{background:#303334;color:#fff;border:1.5px solid #d8bd94}
 #top .ig-icon{font-size:23px;line-height:1;color:#e6c79c}
 #top .vikto-mobile-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
 main,section,footer{max-width:100%}
 img{max-width:100%}
}
@media(min-width:701px){#top .vikto-mobile-content{display:none!important}}
@media(max-width:380px){#top .vikto-mobile-content{padding-left:18px;padding-right:18px}#top .vikto-mobile-content h2{font-size:30px}}

/* V17: fix overlapping desktop hotspots on mobile; desktop unaffected. */
@media screen and (max-width:700px){
  #top.vikto-new-hero > img.vikto-hero-full-image,
  #top.vikto-new-hero > a.vikto-hero-hit,
  #top.vikto-new-hero > a.vikto-hero-cta,
  #top.vikto-new-hero > a.vikto-hero-work {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #top.vikto-new-hero > .vikto-sr-only {
    position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;overflow:hidden!important;
    clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
    white-space:nowrap!important;border:0!important;
  }
  #top.vikto-new-hero .vikto-mobile-content {
    display:flex!important;position:relative!important;z-index:10!important;
  }
  #top.vikto-new-hero .vikto-mobile-actions {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}
  #top.vikto-new-hero .vikto-mobile-actions > a.vikto-mobile-action {
    display:flex!important;position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:54px!important;height:auto!important;box-sizing:border-box!important;
    padding:14px 12px!important;font-size:clamp(12px,3.6vw,15px)!important;
    overflow:visible!important;white-space:normal!important;
  }
}
