.elementor-247 .elementor-element.elementor-element-ad9543d{--display:flex;}.elementor-247 .elementor-element.elementor-element-c4be466{--display:flex;}.elementor-247 .elementor-element.elementor-element-985aa33{--display:flex;}.elementor-247 .elementor-element.elementor-element-21f3a78{--display:flex;}.elementor-247 .elementor-element.elementor-element-822133c{--display:flex;}.elementor-247 .elementor-element.elementor-element-22efd27{--display:flex;}.elementor-247 .elementor-element.elementor-element-3cb997f{--display:flex;}.elementor-247 .elementor-element.elementor-element-7bfd66c{--display:flex;}.elementor-247 .elementor-element.elementor-element-bb7c7d0{--display:flex;}.elementor-247 .elementor-element.elementor-element-fe4430f{--display:flex;}/* Start custom CSS *//* ==========================================================================
   Maruti Tailor review page — /maruti-tailor/
   Page-only styles for the sections in this folder (01–11).
   Load AFTER the global stylesheet (site/assets/css/style.css), which still
   provides shared pieces: .btn, .badge, .spec-list, .score, .rd-services,
   .rd-pills, .rd-contact, .rd-map, .rd-price, .tip-list, .faq, .callout.
   ========================================================================== */

.prof-hero-section { padding-top: 24px; }
.prof-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 44px; align-items: center; }
.prof-photo { border-radius: 10px; overflow: hidden; box-shadow: 0 18px 40px rgba(20,20,30,.14); }
.prof-photo img { width: 100% !important; height: auto !important; max-width: none !important; display: block; }
.prof-info h1 { font-size: clamp(1.7rem, 3.4vw, 2.3rem); margin-bottom: 10px; }
.prof-score { display: flex; align-items: baseline; gap: 6px; margin: 0 0 12px; font-size: 1.3rem; }
.prof-score-label { font-size: .8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-muted); margin-left: 6px; }
.prof-lead { font-size: 1.02rem; color: var(--color-text-muted); }
.prof-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 14px; }
.prof-ctas .btn-primary { color: #fff !important; }
.prof-note { font-size: .8rem; color: var(--color-text-muted); margin: 0; }
.prof-narrow { max-width: 780px; }
.prof-center { text-align: center; margin: 28px 0 0; }
.prof-tip { max-width: 780px; margin: 28px auto 0; }
.prof-steps { counter-reset: tip; }
.svc-grid, .wt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.svc-card, .wt-block, .pc-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 26px 24px;
}
.svc-card .rd-services { grid-template-columns: 1fr; }
.svc-card h3, .wt-block h3, .pc-card h3 { font-size: 1.15rem; margin-bottom: 14px; }
.wt-block .rd-services { grid-template-columns: 1fr; }
.wt-sub { margin-top: 20px; }
.wt-block p { margin: 0; }
.pc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 960px; margin: 0 auto; }
.pc-card ul { list-style: none; margin: 0; padding: 0; }
.pc-card li { position: relative; padding-left: 26px; margin-bottom: 10px; font-size: .92rem; }
.pc-card li::before { position: absolute; left: 0; top: 0; font-weight: 700; }
.pc-card--pros { border-top: 4px solid var(--color-accent); }
.pc-card--pros li::before { content: "\2713"; color: var(--color-accent); }
.pc-card--cons { border-top: 4px solid var(--color-navy); }
.pc-card--cons li::before { content: "\2013"; color: var(--color-navy); }
.loc-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; align-items: start; }
.prof-verdict { background: var(--color-navy); }
.prof-verdict h2 { color: #fff; }
.prof-verdict p { color: rgba(255,255,255,.85); font-size: 1.05rem; }
.prof-verdict .btn-primary { background: var(--color-accent); }
.prof-verdict .btn-secondary { color: #fff; border-color: rgba(255,255,255,.6); }
.prof-verdict .btn-secondary:hover { background: #fff; color: var(--color-navy); }
section[id] { scroll-margin-top: 90px; }
@media (max-width: 900px) {
  .prof-hero, .loc-grid { grid-template-columns: 1fr; gap: 28px; }
  .svc-grid, .wt-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .svc-grid, .wt-grid, .pc-grid { grid-template-columns: 1fr; }
}

/* ---------- Maruti Tailor page tweaks ---------- */
/* Portrait shopfront photo: keep it from getting too tall in the hero */
.prof-photo { max-width: 400px; justify-self: center; }
/* Three-day plan: spread steps evenly across the row */
.mt-steps { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) {
  .mt-steps { grid-template-columns: 1fr; }
}/* End custom CSS */