/* nationwide.css — Nationwide Service page specific styles */

.ps-hero{position:relative;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;}
.ps-hero img.ps-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.ps-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(10,15,35,0.72) 0%, rgba(10,15,35,0.35) 55%, rgba(10,15,35,0.08) 100%);}
.ps-hero-content{position:relative;z-index:2;padding:56px 72px;color:#fff;}
.ps-hero-title{font-size:clamp(32px,4vw,56px);font-weight:300;line-height:1.1;letter-spacing:-0.01em;}
.ps-hero-title-line{display:block;}
.ps-hero-title-line:first-child{border-bottom:2px solid rgba(255,255,255,0.7);padding-bottom:12px;margin-bottom:12px;}
.ps-hero-sub{font-size:16px;font-style:italic;opacity:0.85;}

@media(max-width:960px){
  .ps-hero-content{padding:40px 28px;}
}

/* MOBILE — nationwide */
@media(max-width:768px){
  .ps-hero{
    min-height:320px;
  }
  .ps-hero-content{
    padding:28px 20px 36px;
  }
  .ps-hero-title{
    font-size:clamp(26px,6vw,40px);
  }

  /* Two column info section */
  [style*="grid-template-columns:1fr 300px"]{grid-template-columns:1fr !important;gap:32px !important;padding:40px 20px !important;}

  /* 4-column nationwide steps - become 2 columns then 1 */
  .nationwide-steps-section{padding:40px 20px !important;}
  .nationwide-steps-section h2{font-size:22px !important;margin-bottom:20px !important;}
  .nationwide-steps-grid{display:grid;grid-template-columns:1fr !important;gap:20px !important;}
  .nationwide-steps-grid > div{text-align:center;}
  .nationwide-steps-grid .step-number{width:40px !important;height:40px !important;font-size:16px !important;margin-bottom:12px !important;}
  .nationwide-steps-grid h3{font-size:14px !important;margin-bottom:6px !important;}
  .nationwide-steps-grid p{font-size:12px !important;}

  /* 4-column why choose - become 2 columns */
  .nationwide-why-section{padding:40px 20px !important;background:var(--bg-light) !important;}
  .nationwide-why-section h2{font-size:22px !important;margin-bottom:20px !important;}
  .nationwide-why-grid{display:grid;grid-template-columns:1fr !important;gap:20px !important;}
  .nationwide-why-grid > div{padding:20px;border:1px solid var(--border);border-radius:4px;}
  .nationwide-why-grid h3{font-size:14px !important;margin-bottom:8px !important;}
  .nationwide-why-grid p{font-size:12px !important;}

  /* 5-column states - become 2 columns then 1 */
  .nationwide-states-section{padding:40px 20px !important;}
  .nationwide-states-section h2{font-size:22px !important;margin-bottom:16px !important;}
  .nationwide-states-section > p{font-size:13px !important;margin-bottom:20px !important;}
  .nationwide-states-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;padding:0 16px !important;}
  .nationwide-states-grid > div{padding:12px;border:1px solid var(--border);border-radius:4px;}
  .nationwide-states-grid p{font-size:12px !important;}

  /* Text sections */
  [style*="padding:56px 72px"]{padding:40px 20px !important;}
  h2{font-size:22px !important;}
  p{font-size:14px !important;}
  li{font-size:13px !important;}
}
