/* ====== Mie Ayam RATU — lapisan modul tambahan (CTA, promo, sosial) ====== */
:root{
  --ratu-red:#C0392B; --ratu-red-d:#9B2D22; --ratu-yellow:#F5B800;
  --ratu-green:#1FA463; --ratu-ink:#222;
}
#ratu-promo{display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--ratu-red);color:#fff;font:500 14px/1.3 'Lato',system-ui,sans-serif;
  padding:9px 38px 9px 14px;text-align:center;position:relative;text-decoration:none}
#ratu-promo a,#ratu-promo b{color:#fff}
#ratu-promo .x{position:absolute;right:10px;top:50%;transform:translateY(-50%);
  cursor:pointer;font-size:18px;line-height:1;opacity:.85;background:none;border:0;color:#fff}

#ratu-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9998;
  background:var(--ratu-red);color:#fff;border:0;border-radius:999px;
  padding:13px 22px;font:600 15px/1 'Lato',system-ui,sans-serif;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.25);display:flex;align-items:center;gap:8px}
#ratu-fab:hover{background:var(--ratu-red-d)}

#ratu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;
  display:none;align-items:flex-end;justify-content:center}
#ratu-overlay.open{display:flex}
#ratu-sheet{background:#fff;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;
  border-radius:18px 18px 0 0;padding:18px 18px 28px;font-family:'Lato',system-ui,sans-serif}
@media(min-width:560px){#ratu-overlay{align-items:center}#ratu-sheet{border-radius:18px}}
#ratu-sheet h3{margin:0 0 2px;font-size:19px;color:var(--ratu-ink)}
#ratu-sheet .sub{margin:0 0 14px;font-size:13px;color:#777}
#ratu-sheet .close{float:right;background:#f1f1f1;border:0;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer}
.ratu-outlet{border:1px solid #eee;border-radius:14px;padding:12px;margin-bottom:12px}
.ratu-outlet h4{margin:0 0 9px;font-size:15px;color:var(--ratu-red)}
.ratu-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ratu-btns a{display:flex;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;font-size:13px;font-weight:600;padding:10px;border-radius:10px;
  border:1px solid #e3e3e3;color:#333;background:#fafafa}
.ratu-btns a:hover{background:#f0f0f0}
.ratu-btns a.wa{grid-column:1/2;color:#0b7a43;border-color:#cdeede;background:#f0fbf4}
.ratu-btns a.maps{grid-column:2/3;color:#1a56c4;border-color:#d6e2fb;background:#f3f7ff}
.ratu-section-title{font-size:13px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 10px}

#ratu-social{max-width:1100px;margin:18px auto;padding:22px 16px;text-align:center;font-family:'Lato',system-ui,sans-serif}
#ratu-social h3{font-size:20px;margin:0 0 4px;color:var(--ratu-ink)}
#ratu-social p{margin:0 0 16px;color:#777;font-size:14px}
#ratu-social .links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#ratu-social .links a{text-decoration:none;font-weight:600;font-size:14px;padding:11px 20px;border-radius:999px;color:#fff}
#ratu-social .ig{background:#E1306C}
#ratu-social .tt{background:#111}