/* Hera JD-20261007-COMMERCIAL-FORMAT (2026-10-07): page-scoped layout for /commercial-fencing/ (added sections),
   /military-fencing/, /crash-rated-fencing/, /correctional-facility-fencing/. Linked only on those 4 pages.
   Style only: no wording, link or schema changes. Source: hera-seo/commercial-1007/hera-commercial.css */

/* ---------- readable column ---------- */
.hera-depth > .container,
.hera-cfaq > .container{max-width:760px;padding-left:20px;padding-right:20px}
.hera-depth > .container > .row{margin-left:0;margin-right:0}
.hera-depth > .container > .row > [class*="col-"]{flex:0 0 100%;max-width:100%;width:100%;padding-left:0;padding-right:0}
.hera-depth p,.hera-depth li{font-size:16.5px;line-height:1.6;color:#3d4b55}
.hera-depth p{margin:0 0 14px}
.hera-depth p strong,.hera-depth li strong{color:#04324d}
.hera-depth a:not(.hera-cta-btn):not(.hera-tile-row a){color:#0b7fae;text-underline-offset:2px}
.hera-depth p.lead{font-size:19px;line-height:1.5;margin:14px 0 20px}
.hera-depth figure.mb-4 img{display:block;border-radius:12px}
.hera-depth .hera-note{font-size:14px;line-height:1.5;color:#5f6d76}

/* ---------- headings ---------- */
.hera-depth h2,.hera-cfaq h2{font-family:"Oswald",sans-serif;font-size:27px;line-height:1.2;font-weight:500;color:#04324d;letter-spacing:0;text-transform:none;margin:44px 0 12px}
.hera-depth h2::before{content:"";display:block;width:40px;height:3px;border-radius:2px;background:#43c8f3;margin-bottom:12px}
.hera-depth h2.mt-5{margin-top:44px!important}
.hera-depth h3{font-family:"Oswald",sans-serif;font-size:20px;line-height:1.25;color:#04324d;margin:28px 0 10px}
.hera-cfaq h2{margin-top:0}
.hera-depth > .container > h2:first-child,.hera-depth > .container > h2.mt-5:first-child{margin-top:0!important}
@media (min-width:768px){
  .hera-depth h2,.hera-cfaq h2{font-size:32px}
  .hera-depth h3{font-size:22px}
  .hera-depth h2{margin-top:48px}
  .hera-depth h2.mt-5{margin-top:48px!important}
}

/* ---------- CTA spacing ---------- */
.hera-depth .hera-cta-stack{margin:24px 0 32px;max-width:26rem}
.hera-depth .hera-cta-stack:last-child{margin-bottom:0}

/* ---------- checklist card (what we install, planning details, why us) ---------- */
.hera-depth .hera-spec-list{list-style:none;margin:6px 0 18px;padding:0;background:#fff;border:1px solid #dde6ec;border-radius:12px;box-shadow:0 1px 3px rgba(4,50,77,.05);overflow:hidden}
.hera-depth .hera-spec-list li{position:relative;margin:0;padding:12px 16px 12px 46px;border-bottom:1px solid #eef3f6}
.hera-depth .hera-spec-list li:last-child{border-bottom:0}
.hera-depth .hera-spec-list li::before{content:"";position:absolute;left:16px;top:15px;width:20px;height:20px;border-radius:50%;background:#43c8f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%2304324d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 20px no-repeat}
.hera-depth .hera-spec-list li > strong:first-child{display:block;font-size:17px;line-height:1.35;margin-bottom:2px}

/* ---------- installations list ---------- */
.hera-depth .hera-base-list{list-style:none;padding:0;margin:6px 0 14px;display:grid;grid-template-columns:1fr;gap:10px}
.hera-depth .hera-base-list li{margin:0;background:#fff;border:1px solid #dde6ec;border-left:4px solid #43c8f3;border-radius:12px;padding:12px 14px;line-height:1.35;box-shadow:0 1px 3px rgba(4,50,77,.05)}
.hera-depth .hera-base-list li strong{display:block;font-size:17px;color:#04324d}
.hera-depth .hera-base-list li span{display:block;font-size:14.5px;color:#55636d;margin-top:2px}
@media (min-width:600px){.hera-depth .hera-base-list{grid-template-columns:1fr 1fr}}

/* ---------- project cards (photo and text cards share one look) ---------- */
.hera-depth .hera-proj-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:8px 0 18px}
@media (min-width:600px){.hera-depth .hera-proj-grid{grid-template-columns:1fr 1fr}}
.hera-depth .hera-proj-card{display:flex;flex-direction:column;margin:0;background:#fff;border:1px solid #dde6ec;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(4,50,77,.05)}
.hera-depth .hera-proj-card--text{border-left:1px solid #dde6ec;border-top:3px solid #43c8f3}
.hera-depth .hera-proj-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:3px solid #43c8f3}
.hera-depth .hera-proj-card figcaption{padding:14px 16px 16px;font-size:15.5px;line-height:1.5;color:#3d4b55}
.hera-depth .hera-proj-card figcaption strong{display:block;font-family:"Mukta",sans-serif;font-size:17px;line-height:1.3;font-weight:700;color:#04324d;margin-bottom:4px}
.hera-depth .hera-proj-meta{display:block;font-size:12.5px;line-height:1.4;font-weight:700;color:#1a7fa3;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}

/* ---------- process steps + tiles ---------- */
.hera-depth .hera-steps{max-width:none;margin:6px 0 18px!important;background:#fff;border:1px solid #dde6ec;border-radius:12px;padding:4px 16px}
.hera-depth .hera-steps li{font-size:16px}
.hera-depth .hera-steps li span{font-size:15px;line-height:1.5;color:#3d4b55}
.hera-depth .hera-tile-row{grid-template-columns:1fr;gap:10px}
@media (min-width:600px){.hera-depth .hera-tile-row{grid-template-columns:1fr 1fr}}
.hera-depth .hera-tile-row a{font-size:17px;line-height:1.3;padding:14px 16px;box-shadow:0 1px 3px rgba(4,50,77,.05)}
.hera-depth .hera-tile-row a span{font-size:15px;line-height:1.45;margin-top:4px}

/* ---------- FAQ block on the 3 specialty pages ---------- */
.hera-cfaq .hera-faq-card{max-width:none}