.houston-pedestrian { background:#f3f6f8; color:#12374f; }
.houston-pedestrian *, .houston-pedestrian *::before, .houston-pedestrian *::after { box-sizing:border-box; }
.hp-wrap { width:calc(100% - 64px); max-width:1180px; margin:auto; }
.hp-hero { position:relative; isolation:isolate; min-height:520px; background:#0c2b40; color:#fff; overflow:hidden; }
.hp-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; z-index:-2; }
.hp-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,27,43,.96) 0%,rgba(5,27,43,.87) 32%,rgba(5,27,43,.40) 65%,rgba(5,27,43,.10) 100%); }
.hp-hero-content { padding-top:68px; padding-bottom:38px; }
.houston-pedestrian .hp-eyebrow { color:#1371a9; font-size:11px !important; font-weight:600; letter-spacing:2px; margin:0 0 18px; }
.hp-hero .hp-eyebrow { color:#bedceb; }
.houston-pedestrian h1 { font-size:clamp(38px,4.6vw,64px) !important; font-weight:600; color:#fff; line-height:1.1; letter-spacing:-1.7px; margin:0 0 23px; }
.houston-pedestrian p { font-size:16px !important; line-height:1.7; }
.hp-hero .hp-intro { max-width:470px; color:#e1ebf1; margin:0 0 28px; font-size:18px !important; }
.hp-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.houston-pedestrian .hp-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; background:#fff; color:#12374f; font-size:15px; font-weight:600; padding:14px 20px; border-radius:6px; text-decoration:none; }
.houston-pedestrian .hp-hero-link { color:#fff; font-size:15px; text-decoration:none; border-bottom:1px solid #ffffff70; padding:10px 0; }
.hp-hero-link span { margin-left:20px; }
.hp-types { display:flex; flex-wrap:wrap; gap:10px; padding-top:36px; }
.hp-types span { padding:7px 12px; border:1px solid #ffffff50; background:#092c4080; border-radius:30px; color:#e3eff5; font-size:12px; }
.hp-body { padding-bottom:64px; }
.hp-breadcrumbs { padding:24px 0; border-bottom:1px solid #d9e3ea; color:#627c8d; font-size:13px; }
.hp-breadcrumbs a { color:#286787; }
.hp-range-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin:40px 0 28px; scroll-margin-top:20px; }
.houston-pedestrian h2 { font-size:30px !important; font-weight:600; line-height:1.25; letter-spacing:-.6px; text-transform:none; border:0; padding:0; color:#12374f; margin:0 0 18px; }
.hp-range-heading > p { color:#536e7f; max-width:420px; margin:0 0 18px; }
.hp-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hp-content > .vc_row { grid-column:1/-1; margin:0; }
.hp-content > .vc_row::before,.hp-content > .vc_row::after { display:none; }
.hp-content > .vc_row:has(.vc_col-sm-6) { display:contents; }
.hp-content > .vc_row > .vc_col-sm-6 { width:100%; float:none; min-width:0; padding:0; }
.hp-content .vc_column-inner { padding:0 !important; }
.hp-content .wpb_content_element { margin-bottom:0; }
.hp-content .pedestrian-product-card { height:100%; background:#fff; border:1px solid #dce5ec; border-radius:12px; overflow:hidden; padding:22px; transition:box-shadow .18s,border-color .18s; }
.hp-content .pedestrian-product-card:hover { border-color:#8fb9d3; box-shadow:0 12px 26px #12374f0c; }
.hp-content .pedestrian-product-card .product-image { display:block; width:100%; height:250px; object-fit:contain; margin:0 0 24px; padding:14px; border-radius:8px; background:#fff; }
.hp-content .product-details { display:flex; align-items:stretch; flex-direction:column; gap:17px; margin:0; padding-top:19px; border-top:1px solid #e1e9ef; }
.hp-content .product-details strong { color:#14374f; font-size:18px; font-weight:500; letter-spacing:.2px; }
.hp-content .product-details .btn { display:flex; align-items:center; justify-content:space-between; color:#0968a3; background:#edf5fa; padding:12px 15px; border:0; border-radius:5px; font-size:14px; text-transform:none; box-shadow:none; }
.hp-content .product-details .btn::after { content:"↗"; }
.hp-content .product-details .btn:hover { background:#dcecf7; }
.hp-content .pedestrian-buying-guide { background:#fff; border:1px solid #dce5ec; border-radius:12px; padding:36px; margin-top:20px; }
.hp-content .pedestrian-buying-guide > p { max-width:940px; color:#536e7f; }
.hp-content .pedestrian-buying-guide h3,.hp-content .houston-answers h3 { font-size:21px !important; font-weight:500; line-height:1.35; margin:28px 0 14px; }
.hp-content .pedestrian-buying-guide ul { padding-left:20px; color:#536e7f; }
.hp-content .pedestrian-buying-guide ul:first-of-type { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 32px; }
.hp-content .pedestrian-buying-guide a,.hp-content .houston-answers a { color:#07649e; }
.hp-content .houston-answers { padding:36px; border-left:3px solid #1779b3; background:#e8f0f6; border-radius:0 10px 10px 0; }
.hp-content .houston-answers p { color:#536e7f; max-width:960px; }
.hp-project { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:36px; background:#10364e; border-radius:12px; margin-top:32px; }
.hp-project .hp-eyebrow { color:#a6c9de; }
.hp-project h2 { color:#fff; }
.hp-project p { color:#d2e3ed; margin-bottom:0; }
.hp-project .hp-button { flex-shrink:0; }
.houston-pedestrian a:focus-visible { outline:3px solid #64b2e4; outline-offset:4px; }
@media(max-width:950px) { .hp-wrap{width:calc(100% - 40px)} .hp-content{grid-template-columns:repeat(2,minmax(0,1fr))} .hp-range-heading{display:block} .hp-range-heading > p{max-width:700px} .hp-project{flex-wrap:wrap} }
@media(max-width:600px) { .hp-wrap{width:calc(100% - 32px)} .hp-hero{min-height:0} .hp-hero-content{padding:45px 0 28px} .hp-hero::after{background:linear-gradient(90deg,#051b2bed,#051b2bb3)} .hp-hero-image{object-position:62% center} .hp-hero .hp-intro{font-size:16px !important} .hp-hero-actions{gap:12px 20px} .hp-types{padding-top:26px;gap:7px} .hp-types span{font-size:11px} .hp-content{grid-template-columns:1fr;gap:20px} .hp-content .pedestrian-buying-guide,.hp-content .houston-answers,.hp-project{padding:24px} .hp-content .pedestrian-buying-guide ul:first-of-type{grid-template-columns:1fr;gap:5px} .hp-range-heading{margin-top:28px} }