/* ===== Interior page styles ===== */
.page-hero{background:var(--blue);color:#fff;padding:44px 0 40px}
.page-hero h1{color:#fff;font-size:34px;font-weight:900}
.page-hero p{margin-top:10px;max-width:640px;color:#D3DDF0;font-size:17px}
.crumbs{font-size:13px;margin-bottom:14px;color:#9DB0D2}
.crumbs a{color:#C7D3E8;text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
@media(max-width:640px){.page-hero h1{font-size:27px}}

/* Detail rows (services page) */
.detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:38px 0;border-bottom:1px solid var(--border)}
.detail:last-of-type{border-bottom:none}
.detail img{border-radius:6px;width:100%;height:300px;object-fit:cover}
.detail h2{text-align:left;font-size:25px;margin-bottom:10px}
.detail p{font-size:15.5px;margin-bottom:10px}
.detail ul{margin:12px 0 16px 20px;font-size:15px}
.detail ul li{margin-bottom:6px}
.detail .best-for{font-size:13.5px;background:var(--bg-gray);border:1px solid var(--border);border-radius:5px;padding:10px 14px;margin-bottom:14px}
@media(max-width:820px){.detail{grid-template-columns:1fr;gap:20px}.detail img{height:220px}.detail.flip img{order:-1}}

/* Numbered process (how-it-works page) */
.proc{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:38px 0;border-bottom:1px solid var(--border)}
.proc:last-of-type{border-bottom:none}
.proc img{border-radius:6px;width:100%;height:300px;object-fit:cover}
.proc .n-big{display:inline-block;background:var(--orange);color:#fff;font-weight:900;font-size:17px;border-radius:50%;width:36px;height:36px;line-height:36px;text-align:center;margin-bottom:10px}
.proc h2{text-align:left;font-size:25px;margin-bottom:10px}
.proc p{font-size:15.5px;margin-bottom:10px}
.proc ul{margin:10px 0 6px 20px;font-size:15px}
.proc ul li{margin-bottom:6px}
@media(max-width:820px){.proc{grid-template-columns:1fr;gap:20px}.proc img{order:-1;height:220px}}

/* Checklist box */
.check-box{background:var(--bg-gray);border:1px solid var(--border);border-radius:6px;padding:26px 28px;margin-top:38px}
.check-box h2{text-align:left;font-size:22px;margin-bottom:14px}
.check-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;list-style:none}
.check-cols li{padding:5px 0 5px 28px;position:relative;font-size:15px}
.check-cols li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;background:var(--green) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/12px no-repeat}
@media(max-width:640px){.check-cols{grid-template-columns:1fr}}

/* Reviews page */
.rev-summary{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;background:var(--bg-gray);border:1px solid var(--border);border-radius:6px;padding:28px;margin-top:34px}
.rev-score{text-align:center}
.rev-score .big{font-size:56px;font-weight:900;color:var(--heading);line-height:1}
.rev-score .st{color:#FBBC04;font-size:22px;letter-spacing:2px;margin:6px 0}
.rev-score small{color:#6A7482;font-size:14px}
.bar-row{display:grid;grid-template-columns:52px 1fr 40px;gap:12px;align-items:center;font-size:13.5px;margin-bottom:7px;color:#5A6472}
.bar{height:10px;background:#E2E6EC;border-radius:99px;overflow:hidden}
.bar span{display:block;height:100%;background:#FBBC04;border-radius:99px}
@media(max-width:720px){.rev-summary{grid-template-columns:1fr}}

/* FAQ page groups */
.faq-group{margin-top:38px}
.faq-group h2{text-align:left;font-size:22px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--orange);display:inline-block}

/* ===== Interior-page mobile hardening ===== */
@media(max-width:480px){
  .page-hero{padding:32px 0 30px}
  .page-hero h1{font-size:24px}
  .detail,.proc{padding:28px 0;gap:16px}
  .detail img,.proc img{height:190px}
  .check-box{padding:20px 16px}
  .rev-summary{padding:20px 16px;gap:22px}
  .rev-score .big{font-size:44px}
  .faq-group h2{font-size:19px}
  iframe{max-width:100%}
}