/* =========================================================
   PLOT GUIDE PAGE (e.g. "50 Gaj Plot in Gurgaon")
   Loads AFTER playful-geometric.css, site.css, project-page.css
   ========================================================= */

/* ---- Quick Answer box ---- */
.pg-quick-answer{
  background:var(--pg-tertiary); border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-lg);
  padding:22px 26px; box-shadow:6px 6px 0px 0px var(--pg-fg); position:relative; z-index:1; max-width:820px; margin:0 auto;
}
.pg-quick-answer .qa-label{ font-family:var(--pg-font-heading); font-weight:800; font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; display:block; }
.pg-quick-answer p{ font-size:15px; color:var(--pg-fg); line-height:1.6; margin:0; }

/* ---- Gallery strip (2-3 images) ---- */
.pg-guide-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; position:relative; z-index:1; }
@media (max-width:700px){ .pg-guide-gallery{ grid-template-columns:1fr; } }
.pg-guide-gallery img, .pg-guide-gallery .ph{
  width:100%; height:220px; object-fit:cover; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-md);
  box-shadow:5px 5px 0px 0px var(--pg-border); display:flex; align-items:center; justify-content:center; font-size:34px;
  background:repeating-linear-gradient(135deg, var(--pg-muted), var(--pg-muted) 10px, #fff 10px, #fff 20px);
}

/* ---- Cost table ---- */
.pg-cost-table{ width:100%; border-collapse:collapse; background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-md); overflow:hidden; position:relative; z-index:1; }
.pg-cost-table th, .pg-cost-table td{ padding:14px 18px; text-align:left; font-size:14px; border-bottom:1px solid var(--pg-border); }
.pg-cost-table th{ background:var(--pg-fg); color:#fff; font-family:var(--pg-font-heading); font-size:12.5px; text-transform:uppercase; }
.pg-cost-table tr:last-child td{ border-bottom:none; font-weight:800; }

/* ---- Mistakes list ---- */
.pg-mistakes-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; position:relative; z-index:1; }
@media (max-width:700px){ .pg-mistakes-grid{ grid-template-columns:1fr; } }
.pg-mistake-card{
  background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-md);
  padding:18px 20px; box-shadow:4px 4px 0px 0px #F87171; display:flex; gap:12px; align-items:flex-start;
}
.pg-mistake-card .x{ color:#DC2626; font-weight:800; font-size:18px; flex-shrink:0; }
.pg-mistake-card p{ font-size:13.5px; margin:0; color:var(--pg-fg); }

/* ---- Related links ---- */
.pg-related-links{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; position:relative; z-index:1; }
.pg-related-links a{
  background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-full);
  padding:10px 20px; font-family:var(--pg-font-heading); font-weight:700; font-size:13.5px; color:var(--pg-fg);
  text-decoration:none; box-shadow:3px 3px 0px 0px var(--pg-border); transition: background .2s ease;
}
.pg-related-links a:hover{ background:var(--pg-muted); }

/* ---- Sticky conversion bar (mobile) ---- */
.pg-sticky-cta{
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:260; background:var(--pg-fg);
  padding:10px 14px; gap:10px; border-top:var(--pg-border-width) solid var(--pg-fg);
}
.pg-sticky-cta a{
  flex:1; text-align:center; font-family:var(--pg-font-heading); font-weight:700; font-size:12.5px;
  padding:11px 6px; border-radius:var(--pg-radius-full); text-decoration:none;
}
.pg-sticky-call{ background:var(--pg-accent); color:#fff; }
.pg-sticky-wa{ background:#25D366; color:#fff; }
.pg-sticky-visit{ background:var(--pg-tertiary); color:var(--pg-fg); }
@media (max-width:700px){ .pg-sticky-cta{ display:flex; } body{ padding-bottom:64px; } }