/* Aquaria KLCC ticket page — mobile-first conversion polish.
 * Loaded after ticket-page.css. Keeps the existing content and structure intact.
 */

:root{--klook-orange:#ff5b00;--klook-orange-dark:#e94f00}

/* Make the buying decision visually faster. */
.aq-price-grid b{font-weight:900;letter-spacing:-.035em}
.aq-price-grid>div:first-child b{font-size:17px;color:#5f6d68;font-weight:750}
.aq-price-grid>div:last-child{background:#fffaf7}
.aq-price-grid>div:last-child span,.aq-price-grid>div:last-child small{color:var(--klook-orange)}
.aq-price-grid>div:last-child b{font-size:27px;color:var(--klook-orange)}
.aq-btn{min-height:46px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.aq-btn:hover{transform:translateY(-1px)}
/* Any button sending visitors to Klook uses Klook orange. */
.aq-btn[href*="klook"],.aq-hero .aq-btn,.aq-section>.aq-btn,.aq-family>.aq-btn,.aq-bottom .aq-btn{background:var(--klook-orange)!important;color:#fff!important}
.aq-btn[href*="klook"]:hover,.aq-hero .aq-btn:hover,.aq-section>.aq-btn:hover,.aq-family>.aq-btn:hover,.aq-bottom .aq-btn:hover{background:var(--klook-orange-dark)!important}
.aq-family{padding:17px 15px}
.aq-family .aq-compare{gap:7px}
.aq-family .aq-compare>div{padding:10px}
.aq-family .aq-compare b{font-size:20px}
.aq-bottom{padding:20px}

@media(max-width:768px){
  /* Use more of the phone width. */
  .atoz-ticket-subpage .atoz-sub-shell{width:100%!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important}
  .atoz-ticket-subpage .atoz-sub-layout{padding-left:0!important;padding-right:0!important}
  .atoz-ticket-subpage .atoz-sub-article{border-radius:12px!important}
  .atoz-ticket-subpage .atoz-ticket-content{padding-left:10px!important;padding-right:10px!important}

  /* Shorter opening: get visitors to Malaysian prices sooner. */
  .aq-ticket-page{font-size:15px;padding-bottom:84px}
  .aq-hero{padding:17px 15px 16px;margin-bottom:10px;border-radius:11px}
  .aq-hero h1{font-size:28px!important;line-height:1.02;margin-bottom:7px!important;letter-spacing:-.04em}
  .aq-hero p{font-size:13px;line-height:1.4;margin-bottom:10px}
  .aq-kicker{font-size:10px;margin-bottom:4px}
  .aq-badges{gap:4px;margin-bottom:10px}
  .aq-badges span{font-size:10px;padding:4px 7px}
  .aq-hero .aq-btn{margin-top:10px;min-height:45px;padding:10px 13px;box-shadow:0 5px 14px rgba(255,91,0,.22)}
  .aq-hero small{font-size:10px;margin-top:6px}

  /* Compact navigation and note. */
  .aq-jump{margin:9px 0 12px;gap:4px}
  .aq-jump a{font-size:11px;padding:7px 2px}
  .aq-main-photo{margin-bottom:10px}
  .aq-note{padding:10px 11px;margin-bottom:13px;font-size:12px;line-height:1.45;border-left-width:3px}
  .aq-note p{margin:0!important}

  /* Reduce dead space while preserving clear section separation. */
  .aq-section{padding:17px 0}
  .aq-section-head p{font-size:12px;line-height:1.45;margin-bottom:10px}
  .aq-ticket-page h2{font-size:23px;line-height:1.05;margin-bottom:6px}
  .aq-label{font-size:10px}

  /* Prices become the visual anchor. */
  .aq-price-card{margin:9px 0 11px;border-radius:11px}
  .aq-person{padding:9px 10px}
  .aq-person strong{font-size:16px}
  .aq-person span{font-size:11px}
  .aq-price-grid>div{padding:10px}
  .aq-price-grid span{font-size:10px}
  .aq-price-grid>div:first-child b{font-size:15px;margin:2px 0}
  .aq-price-grid>div:last-child b{font-size:25px;line-height:1.05;margin:3px 0}
  .aq-price-grid small{font-size:11px}
  .aq-price-grid em{font-size:10px;margin-top:2px}
  .aq-mini-row{padding:8px 2px;font-size:12px}
  .aq-checks{margin:11px 0!important}
  .aq-checks li{font-size:12px;line-height:1.4;padding:3px 0 3px 20px}
  .aq-section>.aq-btn,.aq-family>.aq-btn{margin-top:11px;min-height:45px;font-size:13px;border-radius:9px;box-shadow:0 4px 12px rgba(255,91,0,.16)}

  /* Family comparison: useful, but secondary to individual tickets. */
  .aq-family{padding:13px 11px;margin:10px 0;border-radius:11px}
  .aq-family p{font-size:12px;line-height:1.45;margin-bottom:9px}
  .aq-family .aq-compare{gap:6px}
  .aq-family .aq-compare>div{padding:9px}
  .aq-family .aq-compare span{font-size:10px}
  .aq-family .aq-compare b{font-size:18px;margin:3px 0}
  .aq-family .aq-compare small,.aq-family .aq-compare em{font-size:10px}
  .aq-save{font-size:11px}

  /* Trust content remains visible without overpowering the ticket decision. */
  .aq-gallery{gap:9px}
  .aq-gallery figcaption{font-size:10px;line-height:1.3;padding-top:4px}
  .aq-bottom{padding:17px 14px;margin:8px 0 20px;border-radius:12px}
  .aq-bottom h2{font-size:21px}
  .aq-bottom p{font-size:12px;line-height:1.45;margin-bottom:9px}
  .aq-bottom .aq-btn{margin-top:10px;min-height:45px}

  /* Stronger mobile sticky Klook CTA: full-width, orange, clear price + action. */
  .atoz-mobile-ticket-cta{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;z-index:99999!important}
  .atoz-mobile-ticket-cta a{min-height:54px;padding:9px 13px!important;border-radius:12px!important;background:var(--klook-orange)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 24px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.24);gap:10px}
  .atoz-mobile-ticket-cta a:hover,.atoz-mobile-ticket-cta a:focus{background:var(--klook-orange-dark)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .atoz-mobile-ticket-cta a span,.atoz-mobile-ticket-cta a strong,.atoz-mobile-ticket-cta a b,.atoz-mobile-ticket-cta a em,.atoz-mobile-ticket-cta a *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration-color:#fff!important}
  .atoz-mobile-ticket-cta span{font-size:11px!important;line-height:1.15!important;opacity:1!important;font-weight:700}
  .atoz-mobile-ticket-cta strong{font-size:15px!important;line-height:1.1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;white-space:nowrap}
}

@media(max-width:390px){
  .atoz-ticket-subpage .atoz-sub-shell{padding-left:6px!important;padding-right:6px!important}
  .atoz-ticket-subpage .atoz-ticket-content{padding-left:8px!important;padding-right:8px!important}
  .aq-price-grid>div:last-child b{font-size:23px}
  .aq-family .aq-compare{grid-template-columns:1fr 1fr}
  .atoz-mobile-ticket-cta a{padding-left:11px!important;padding-right:11px!important}
  .atoz-mobile-ticket-cta strong{font-size:14px!important}
}