/* Approved six shortcuts remain real HTML; mobile reference spacing and type. */
@media(max-width:600px){
 body.home.ebx-home{background:#050509;overflow-x:clip}
 body.home.ebx-home .eb-mobile-home-top{grid-template-columns:34px minmax(0,1fr) 68px;height:62px;gap:5px}
 body.home.ebx-home .eb-mobile-home-logo .eb-logo{font:700 clamp(22px,6.4vw,30px)/1 Georgia,serif!important;letter-spacing:-.7px}
 body.home.ebx-home .eb-mobile-home-logo small{font-size:9px}
 body.home.ebx-home .eb-mobile-home-stage.is-guest .eb-mobile-home-top{grid-template-columns:minmax(0,1fr) auto;gap:7px}
 body.home.ebx-home .eb-mobile-home-menu-spacer{display:none}
 body.home.ebx-home .is-guest .eb-mobile-home-logo{text-align:left}
 body.home.ebx-home .is-guest .eb-mobile-home-logo .eb-logo{justify-content:flex-start;font-size:22px!important}
 body.home.ebx-home .eb-mobile-home-guest-actions a{min-height:35px;padding:7px 8px;font-size:10px}
 /* The menu must escape the hero's clipping boundary and sit above Online sada.
    Raise the parent stacking contexts too; a high z-index on the menu alone cannot do that. */
 body.home.ebx-home .eb-hero-v3:has(.eb-mobile-home-menu[open]){overflow:visible!important;z-index:800!important}
 body.home.ebx-home .eb-mobile-home-stage:has(.eb-mobile-home-menu[open]){overflow:visible!important}
 body.home.ebx-home .eb-mobile-home-top:has(.eb-mobile-home-menu[open]){position:relative!important;z-index:1001!important;overflow:visible!important}
 body.home.ebx-home .eb-mobile-home-menu[open]{position:relative;z-index:1002!important;overflow:visible!important}
 body.home.ebx-home .eb-mobile-home-menu>nav{z-index:1003!important;box-sizing:border-box;width:min(230px,calc(100vw - 32px));max-height:min(70vh,calc(100vh - 130px));max-height:min(70dvh,calc(100dvh - 130px - env(safe-area-inset-bottom,0px)));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:#100b14!important;isolation:isolate}
 body.home.ebx-home .eb-mobile-home-menu>nav a{min-height:42px}
 body.home.ebx-home .eb-mobile-home-primary-actions>a{height:56px;min-height:56px;border-radius:12px}
 body.home.ebx-home .eb-mobile-home-primary-actions strong{font-size:14px}
 body.home.ebx-home .eb-mobile-home-primary-actions small{font-size:9px}
 body.home.ebx-home .eb-mobile-home-quick4{display:none!important}
 body.home.ebx-home.logged-in .eb-hero-v3{height:355px!important;min-height:355px!important}
 body.home.ebx-home .eb-mobile-home-hero-copy{left:53%!important;right:11px!important;top:92px!important}
 body.home.ebx-home .eb-mobile-home-hero-copy h1{width:100%!important;font-size:25px!important;line-height:1.02!important;letter-spacing:-.6px!important}
 body.home.ebx-home .eb-mobile-home-hero-copy h1 em{font-size:31px!important}
 body.home.ebx-home .eb-mobile-home-hero-copy p{font-size:10px!important;margin-top:8px!important;line-height:1.4!important}
 body.home.ebx-home .eb-mobile-home-script-left{top:168px!important;left:12px!important;font-size:14px!important}
 body.home.ebx-home .eb-mobile-home-script-right{display:none!important}
 body.home.ebx-home .eb-mobile-home-hero-copy h1{font-family:Georgia,serif}
 body.home.ebx-home .eb-mobile-online-now{padding:9px 9px 8px}
 body.home.ebx-home .eb-mobile-online-now h2{font-size:16px}
 body.home.ebx-home .eb-mobile-online-now>header>a{font-size:11px}
 body.home.ebx-home .eb-mobile-online-card{flex:0 0 calc((100% - 24px)/4);max-width:none;aspect-ratio:.8}
 body.home.ebx-home .eb-mobile-online-info{left:5px;right:4px;bottom:6px}
 body.home.ebx-home .eb-mobile-online-info strong{font-size:10px}
 body.home.ebx-home .eb-mobile-online-info small{font-size:8px}
 body.home.ebx-home .eb-mobile-step3{padding:0 9px 10px!important}
 body.home.ebx-home .eb-mobile-step3-grid{gap:6px!important}
 body.home.ebx-home .eb-mobile-step3-grid>a{aspect-ratio:1.43!important;border-radius:9px!important}
 body.home.ebx-home .eb-mobile-step3-grid>a>div{left:8px!important;right:14px!important;bottom:7px!important}
 body.home.ebx-home .eb-mobile-step3-grid>a strong{font-size:12px!important;line-height:1.1!important}
 body.home.ebx-home .eb-mobile-step3-grid>a small{font-size:8px!important;line-height:1.25!important}
 body.home.ebx-home .eb-mobile-step3-grid .eb-step3-icon{top:8px!important;left:8px!important}
 body.home.ebx-home .eb-mobile-step3-grid .eb-step3-icon .eb-icon{width:24px!important;height:24px!important}
 body.home.ebx-home .eb-mobile-step3-vip{grid-template-columns:37px minmax(0,1fr) auto!important;gap:7px!important;padding:10px 9px!important;min-height:79px!important}
 body.home.ebx-home .eb-mobile-step3-vip-copy strong{font:700 clamp(13px,3.6vw,19px)/1.15 Georgia,serif!important;white-space:normal!important}
 body.home.ebx-home .eb-mobile-step3-vip-copy strong i{font-style:italic!important}
 body.home.ebx-home .eb-mobile-step3-vip-copy small{font-size:7px!important;letter-spacing:1px!important}
 body.home.ebx-home .eb-mobile-step3-vip-copy em{font-size:8px!important;line-height:1.3!important}
 body.home.ebx-home .eb-mobile-step3-vip-cta{font-size:9px!important;padding:8px!important;border-radius:10px!important}
 body.home.ebx-home .eb-mobile-step3-vip:after{content:'Posebni ljudi. Posebne priče. ♡'!important;font-size:7px!important}
 body.home.ebx-home .eb-mobile-nav{height:calc(58px + env(safe-area-inset-bottom,0px))!important}
 body.home.ebx-home .eb-mobile-nav a span{font-size:10px!important}
 body.home.ebx-home .eb-mobile-nav a .eb-icon{width:22px;height:22px}
 body.home.ebx-home:has(.eb-mobile-guest-hook) .eb-hero-v3{height:auto!important;min-height:0!important;overflow:visible!important}
 body.home.ebx-home:has(.eb-mobile-guest-hook) .eb-mobile-home-stage{height:auto!important;padding-bottom:12px!important;min-height:445px}
 body.home.ebx-home .eb-mobile-guest-hook{position:relative;top:auto!important;left:auto;right:auto;margin:281px 0 0;padding:11px}
 body.home.ebx-home .eb-mobile-guest-hook-head strong{font-size:12px}
 body.home.ebx-home .eb-mobile-guest-hook-grid b{font-size:9px}
 body.home.ebx-home .eb-mobile-guest-hook>a{font-size:12px;min-height:38px}
 body.home.ebx-home .eb-mobile-guest-hook>a small{font-size:9px}
 body.home.ebx-home a:focus-visible{outline:2px solid #ff9cca;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){body.ebx-home *{transition:none!important}}