/* Marko homepage: reuse the EXACT Lifestyle homepage layout and transparent app icons.
   Only replace the full-page photo and adapt the three-icon grid. */
html:has(body.performance-home){background:#e7ebed !important}
body.light-home.performance-home{
 background:
   linear-gradient(90deg,rgba(239,243,244,.20) 0%,rgba(239,243,244,.05) 45%,rgba(239,243,244,.00) 85%),
   url("img/marko-hero-v180.jpg") 58% center / cover no-repeat fixed !important;
 min-height:100svh;
}
body.light-home.performance-home::before,
body.light-home.performance-home::after{display:none !important}
/* Make sure Marko photo is not hidden by the old hero pseudo-layer. */
body.light-home.performance-home .light-home__hero::after{display:none !important}
body.light-home.performance-home .light-home__hero::before{
 background:url("img/logo-light.png") center/contain no-repeat !important;
}
body.light-home.performance-home .light-home__bars.performance-apps{
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 width:min(470px,calc(44vw - 22px)) !important;
 gap:clamp(24px,3.2vw,38px) clamp(26px,3.6vw,44px) !important;
 align-items:start !important;
 justify-items:center !important;
}
body.light-home.performance-home .performance-app:last-child{grid-column:auto;justify-self:center;width:100%}
body.light-home.performance-home .performance-app .lifestyle-app__label{
 color:#fff !important;
 text-shadow:0 2px 9px rgba(0,0,0,.98) !important;
}
@media(max-width:959px){
 body.light-home.performance-home{
   background:
    linear-gradient(180deg,rgba(235,240,242,.04),rgba(225,232,234,.08)),
    url("img/marko-hero-v180.jpg") 57% center/cover no-repeat fixed !important;
 }
 body.light-home.performance-home .light-home__bars.performance-apps{
   width:min(100%,360px) !important;
   max-width:none !important;
   gap:clamp(22px,7vw,30px) clamp(18px,5vw,24px) !important;
 }
}
@media(max-width:620px){
 body.light-home.performance-home{
  background:
   linear-gradient(180deg,rgba(235,240,242,.02) 0%,rgba(16,28,30,.08) 68%,rgba(10,22,24,.30) 100%),
   url("img/marko-hero-v180.jpg") 57% center/cover no-repeat scroll !important;
 }
}