/* SWAG789 / Emerald Royal mobile casino hero
 * Isolated mobile-only final polish for WPVibe draft.
 * Uses WordPress attachment 2741 resized via native srcset.
 */
@media(max-width:740px){
  .er2-mobile{
    background:linear-gradient(180deg,#001b14 0%,#00120f 58%,#00190f 100%);
    scroll-behavior:smooth;
  }
  .er2-header{
    padding-inline:max(11px,env(safe-area-inset-left,0px)) max(11px,env(safe-area-inset-right,0px))!important;
    box-shadow:0 4px 18px #00150fa8,0 1px 0 #e2b8644d!important;
  }
  .er2-brand{font-size:clamp(22px,6vw,31px)!important}
  .er2-hero{
    min-height:0!important;
    padding:19px 14px 30px!important;
    display:flex!important;
    gap:0!important;
    background:
     radial-gradient(ellipse at 50% 9%,#0d6746af,transparent 48%),
     radial-gradient(ellipse at 50% 71%,#05724c75,transparent 57%),
     linear-gradient(180deg,#032b1f,#001d16 43%,#00140f)!important;
  }
  .er2-stars{margin-top:1px!important;margin-bottom:3px!important}
  .er2-hero-kicker{margin-top:5px!important;margin-bottom:4px!important}
  .er2-title-line h1{
    font-size:clamp(49px,13vw,70px)!important;
    letter-spacing:-2.7px!important;
    text-shadow:none!important;
  }
  .er2-title-divider{margin:0 0 9px!important}
  .er2-hero h2{
    font-size:clamp(19px,5.25vw,25px)!important;
    line-height:1.35!important;
    margin:4px 0 8px!important;
    text-wrap:balance;
  }
  .er2-hero-text{
    font-size:12.5px!important;
    line-height:1.55!important;
    margin:0 0 16px!important;
    max-width:350px!important;
  }
  .er2-showcase.er2-showcase-casino{
    width:min(100%,430px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    display:block!important;
    margin:0 auto 19px!important;
    padding:4px!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    border-radius:24px!important;
    border:1px solid #e1be77!important;
    background:linear-gradient(130deg,#f5dd9b 0%,#c09237 33%,#0f5638 60%,#ecc57a 90%)!important;
    box-shadow:0 0 0 4px #002b1d,0 9px 30px #000b,0 0 29px #07bd7550,inset 0 0 9px #fff5c785!important;
    filter:none!important;
  }
  .er2-showcase-casino:before{
    content:""!important;
    position:absolute!important;
    inset:-12px!important;
    pointer-events:none!important;
    border-radius:31px!important;
    background:radial-gradient(ellipse at 50% 50%,#06d4873d,transparent 68%)!important;
    filter:blur(12px)!important;
    z-index:-1!important;
  }
  .er2-casino-image-wrap{
    position:relative!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:19px!important;
    background:#002c1e!important;
    line-height:0!important;
    z-index:2!important;
  }
  .er2-casino-artwork{
    display:block!important;
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    max-width:100%!important;
    aspect-ratio:3/2!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:19px!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .er2-casino-halo{
    position:absolute!important;
    z-index:3!important;
    display:block!important;
    pointer-events:none!important;
    inset:-4px!important;
    border-radius:27px!important;
    border:1px solid #f5d99872!important;
    box-shadow:0 0 22px #0edd9570!important;
  }
  .er2-hero-actions{
    width:min(100%,430px)!important;
    margin:0 auto!important;
    gap:10px!important;
  }
  .er2-hero-actions a{
    min-height:46px!important;
    font-size:clamp(11px,3vw,14px)!important;
    gap:6px!important;
    padding:10px 9px!important;
    justify-content:center!important;
  }
  .er2-hero-bottom-note{
    margin-top:15px!important;
    line-height:1.4!important;
  }
  .er2-quick{
    padding-top:20px!important;
    gap:12px!important;
  }
  .er2-quick-tile{min-height:79px!important}
  .er2-category{min-height:170px!important}
  .er2-category-picture{overflow:visible}
  .er2-story-copy>strong{color:#f7e9c6!important}
  .er2-faq-box details[open]{box-shadow:0 0 10px #03ad6850}
  .er2-fixed-nav .er2-tab{
    min-height:56px!important;
    -webkit-tap-highlight-color:transparent;
  }
  .er2-fixed-nav{bottom:0!important}
  body.swag-is-draft-preview .er2-fixed-nav{bottom:46px!important}
}
@media(max-width:740px){
  .er2-join-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:41px!important;
    margin:14px auto 0!important;
    padding:9px 23px!important;
    border:1px solid #eacb82!important;
    border-radius:28px!important;
    color:#ffecb8!important;
    font-size:13px!important;
    font-weight:600!important;
    background:linear-gradient(165deg,#0a6744,#01291d)!important;
    box-shadow:inset 0 1px 0 #f6da9155,0 0 14px #08d48340!important;
  }
  .er2-join-cta>span{font-size:17px!important;color:#f6d38a!important}
  .er2-join-cta:hover,.er2-join-cta:focus-visible{background:linear-gradient(165deg,#188458,#03412a)!important;color:#fff2c9!important}
}
@media(max-width:370px){
 .er2-hero{padding:15px 10px 24px!important}
 .er2-title-line h1{font-size:48px!important}
 .er2-hero h2{font-size:18px!important}
 .er2-hero-text{font-size:11.8px!important}
 .er2-hero-actions a{gap:4px!important;font-size:11px!important;padding:9px 6px!important}
 .er2-showcase.er2-showcase-casino{margin-bottom:15px!important}
}