.approved-desktop{position:relative;width:100%;max-width:1920px;margin:0 auto;line-height:0}.approved-image{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;z-index:2;border-radius:8px}.hotspot:focus-visible{outline:3px solid #1a9a66;outline-offset:2px;background:#ffffff20}.logo{left:3.5%;top:1%;width:20%;height:8%}.nav-home{left:30%;top:1%;width:6%;height:8%}.nav-about{left:37%;top:1%;width:8%;height:8%}.nav-transport{left:47%;top:1%;width:9%;height:8%}.nav-support{left:57%;top:1%;width:9%;height:8%}.nav-contact{left:67%;top:1%;width:9%;height:8%}.nav-call{left:79%;top:2%;width:18%;height:6%}.hero-call{left:5.5%;top:46%;width:24%;height:7%}.card-transport{left:3%;top:63%;width:31%;height:12%}.card-long{left:35%;top:63%;width:30%;height:12%}.card-support{left:66%;top:63%;width:31%;height:12%}.mobile-site{display:none}@media(max-width:760px){.approved-desktop{display:none}.mobile-site{display:block}.mobile-info-svg{width:46px;height:46px;flex:0 0 46px;color:white}.mobile-site .hero:before{background-image:linear-gradient(180deg,#fff 0%,#fff 10%,rgba(255,255,255,.96) 27%,rgba(255,255,255,.55) 47%,rgba(255,255,255,0) 66%),url('assets/ambulance-hero.jpg')}}

/* Replace only the rasterized fifth navigation label with real clickable text */
.gallery-nav{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0;color:#111;text-decoration:none;font-family:Arial,"Noto Sans KR",sans-serif;font-weight:800;font-size:clamp(11px,1.27vw,21px);line-height:1;top:2.7%;height:4.8%;left:66.8%;width:9.2%;}
.gallery-nav:hover{color:#005236}

/* V8 original artwork preserved. Opaque button overlays hide the old rasterized lettering. */
.approved-desktop .nav-call,.approved-desktop .hero-call{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#005233;color:#fff;text-decoration:none;font-family:Arial,"Noto Sans KR",sans-serif;font-weight:800;line-height:1.2;white-space:nowrap;border-radius:999px;box-shadow:0 2px 7px #002b1c18;}
.approved-desktop .nav-call{font-size:clamp(10px,1.15vw,19px);}
.approved-desktop .hero-call{font-size:clamp(12px,1.6vw,26px);}
.approved-desktop .nav-call:hover,.approved-desktop .hero-call:hover{background:#006c43;}

/* Six navigation items over the unchanged V8 rasterized homepage artwork. */
.desktop-nav-v10{position:absolute;z-index:5;left:29%;top:1.2%;height:8.6%;width:49%;display:flex;align-items:center;justify-content:space-around;background:white;line-height:1.3;font-family:Arial,'Apple SD Gothic Neo',sans-serif;font-weight:800;font-size:clamp(10px,1.2vw,19px);color:#111}.desktop-nav-v10 a{display:flex;align-items:center;justify-content:center;height:100%;padding:0 .3vw;white-space:nowrap;position:relative}.desktop-nav-v10 a.active{color:#00482d}.desktop-nav-v10 a.active:after{content:'';position:absolute;bottom:20%;left:15%;right:15%;height:3px;background:#00482d}.desktop-nav-v10 a:hover{color:#00633c}@media(max-width:760px){.desktop-nav-v10{display:none}}

/* Footer below the approved desktop homepage image, without altering the artwork */
.desktop-footer{display:block}
@media(max-width:760px){.desktop-footer{display:none}}

/* V12: Mobile homepage hero — show the complete ambulance photo without cropping.
   Desktop artwork and all detail pages remain unchanged. */
@media (max-width:760px) {
  .mobile-site .hero {
    height:auto;
    overflow:visible;
    background:#fff;
  }
  .mobile-site .hero::before {
    position:relative;
    display:block;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:915 / 515;
    background-image:url('assets/ambulance-hero.jpg');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#fff;
    content:'';
    order:2;
  }
  .mobile-site .hero {
    display:flex;
    flex-direction:column;
  }
  .mobile-site .hero-content {
    order:1;
    width:100%;
    padding-bottom:30px;
  }
}