/* =========================================================
   ASATURA — PLAFON (plafon.css)

   File ini sebelumnya berisi salinan service-interactive.css:
   lang-switch, overlay terjemahan, kalkulator, dan form WhatsApp.
   Semuanya komponen bersama, bukan gaya khas halaman plafon —
   jadi sudah dipindah:
     lang-switch & overlay -> css/style.css
     kalkulator & form WA  -> css/layanan.css

   Silakan isi file ini hanya dengan gaya yang benar-benar khas
   halaman plafon (mis. warna aksen, komponen unik halaman itu).
   ========================================================= */

.page-plafon{
  /* aksen halaman plafon — sesuaikan bila perlu */
  --pl-accent: var(--lime-dark);
}

/* ---------------------------------------------------------
   KARTU LAYANAN BERGAMBAR
   Foto contoh untuk tiap jenis plafon. Rasio 4:3, teks di bawah.
   --------------------------------------------------------- */
.pl-svc-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.pl-svc{
  background:var(--card);
  border:1px solid var(--card-border);
  border-radius:16px;
  overflow:hidden;
  display:flex;flex-direction:column;
}
.pl-svc-img{aspect-ratio:4/3;overflow:hidden;background:var(--bg-alt);}
.pl-svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.pl-svc:hover .pl-svc-img img{transform:scale(1.04);}
.pl-svc-body{padding:16px 18px 20px;}
.pl-svc-body h3{font-size:15.5px;color:var(--ink);margin:0 0 6px;}
.pl-svc-body p{font-size:13.5px;line-height:1.65;color:var(--ink-muted);margin:0;}
@media(prefers-reduced-motion:reduce){
  .pl-svc-img img{transition:none;}
  .pl-svc:hover .pl-svc-img img{transform:none;}
}
@media(min-width:720px){ .pl-svc-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1080px){ .pl-svc-grid{grid-template-columns:repeat(3,1fr);} }

/* ==========================================================================
   DAFTAR HARGA (kartu individual)
   ========================================================================== */
.pf-price-cards{display:flex;flex-direction:column;gap:8px;}
.pf-price-item{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px;background:#fff;
  border:1px solid var(--line, #e5e5df);border-radius:10px;
}
.pf-price-item-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35;}
.pf-price-rp{white-space:nowrap;font-weight:800;color:var(--gold, #a9821f);font-size:15px;flex-shrink:0;}
.pf-price-notes{margin-top:20px;background:var(--bg-alt);border-left:3px solid var(--gold, #a9821f);border-radius:0 10px 10px 0;padding:16px 18px;}
.pf-price-notes ul{margin:0 0 10px;padding-left:18px;}
.pf-price-notes li{font-size:13px;line-height:1.7;color:var(--ink-muted);margin-bottom:4px;}
.pf-price-notes p{font-size:13px;line-height:1.7;color:var(--ink);margin:0;font-weight:600;}