/* FAWA_TANYA_PAGE_POLISH_R1 (owner approved scope 2026-10-29): hero layout, robot fit, action cards, example questions, notice. Loaded last. */

/* Hero: copy block centred vertically, larger main actions */
@media (min-width:900px){
  .hero-copy{top:44%!important;transform:translateY(-50%);width:31%!important}
  .hero-copy h1{font-size:clamp(54px,5.2vw,86px)!important}
  .hero-copy .lead{margin-top:16px}
  .hero-copy .lead{font-size:clamp(16px,1.3vw,19px)}
  .hero-actions{gap:12px}
  .hero-actions .btn{min-height:56px;padding:14px 24px;font-size:15px;border-radius:12px}
  .hero-actions .btn-primary{padding-inline:30px;box-shadow:0 10px 30px #e0233c40}
  .hero-copy .microcopy{font-size:13px;margin-top:20px}

  /* Robot ~10% smaller and lifted so the hands and base stay on screen */
  #fawa-welcome .fawa-welcome-stage{top:9%!important;width:42%!important;height:49%!important}
  /* Speech bubble beside the robot's head, tail pointing at its face */
  #fawa-welcome .fawa-welcome-speech{left:31%!important;top:12%!important}
  #fawa-welcome .fawa-welcome-speech:after{top:58%}
}

/* Soft light behind the robot so it stands out from the red room */
#fawa-welcome-viewport canvas,#fawa-welcome-fallback{filter:drop-shadow(0 0 26px rgba(255,236,240,.16)) drop-shadow(0 18px 40px rgba(0,0,0,.45))}

/* Phones: the robot fits the screen width (no clipping at the left/right edges) */
@media (max-width:899px){
  #fawa-welcome .fawa-welcome-stage,#fawa-welcome[data-ios-safari="true"][data-render-mode="3d"] .fawa-welcome-stage{width:min(100%,440px)!important;max-width:100%!important}
  #fawa-welcome-fallback{max-width:100%;height:auto}
}

/* Action cards: two even rows (2 + 3), real icons, readable descriptions */
.action-grid{grid-template-columns:repeat(6,1fr)!important}
.action-card{grid-column:span 2!important;min-height:112px}
.action-card.featured,.action-card[data-action="ask"]{grid-column:span 3!important}
.action-card .icon{width:42px;height:42px;border-radius:12px;background:#ff6f7c14;color:#ff6f7c}
.action-card.featured .icon{background:#ff6f7c26}
.action-card .icon svg{width:22px;height:22px}
.action-card .icon.wa{color:#25d366;background:#25d3661a}
.action-card strong{font-size:16px}
.action-card small{font-size:13.5px;line-height:1.45;color:#cfccc6}
@media (max-width:899px){
  .action-grid{grid-template-columns:1fr!important}
  .action-card,.action-card.featured,.action-card[data-action="ask"]{grid-column:auto!important}
}

/* Example questions (replaces the repeated "Cepat / Praktikal" list) */
.ask-examples{width:min(1150px,calc(100% - 40px));margin:auto;padding:56px 0;border-top:1px solid #2a2c30;border-bottom:1px solid #2a2c30}
.ask-examples h2{margin:0;color:var(--paper,#f4f1ea);font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.08}
.ask-examples>p{color:#bdbab4;font-size:15px;max-width:640px;margin:12px 0 0}
.ask-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ask-chip{appearance:none;border:1px solid #3a3c42;background:#17191d;color:#f1eee8;border-radius:999px;padding:12px 18px;font:600 15px/1.2 inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ask-chip:hover,.ask-chip:focus-visible{border-color:#d62f41;background:#1f1d21;transform:translateY(-2px);outline:none}

/* Notice: emergency call button next to triage, tighter spacing */
.notice{padding:56px 0!important}
.notice-actions{display:flex;gap:12px;flex-wrap:nowrap;justify-content:flex-end;flex:none}
.notice p{color:#c2bfb9!important;font-size:15px!important}
.btn-call{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;border:1px solid #ff6f7c;color:#fff;text-decoration:none;font-weight:700;font-size:14px;background:transparent}
.btn-call:hover{background:#ff6f7c1f}
@media (max-width:899px){.notice-actions{justify-content:flex-start;width:100%}.notice-actions>*{flex:1}}
.action-section{padding-bottom:56px}