/* Shared awning hero: aligned with the garage-door and veranda page heroes. */
.km-awning-hero{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden;background:#242A24}
.km-awning-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#242A24}
.km-awning-hero-ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.05) 100%)}
.km-awning-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:52px 24px 56px;width:100%;color:#fff}
.km-awning-hero .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.km-awning-hero .breadcrumb a{font:600 11px Montserrat,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none}
.km-awning-hero .breadcrumb a:hover{color:#70BF45}
.km-awning-hero .breadcrumb .sep{color:rgba(255,255,255,.25);font-size:11px}
.km-awning-hero .breadcrumb .cur{font:600 11px Montserrat,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.km-awning-hero .hero-google-review{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.96);padding:8px 12px;border-radius:7px;box-shadow:0 5px 18px rgba(0,0,0,.18);margin-bottom:16px;font-family:Arial,sans-serif;font-size:12px;line-height:1.6;color:#303134;width:max-content;max-width:100%;text-decoration:none}
.km-awning-hero .google-word{font-family:Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:-1px}.km-awning-hero .g-blue{color:#4285F4}.km-awning-hero .g-red{color:#EA4335}.km-awning-hero .g-yellow{color:#FBBC05}.km-awning-hero .g-green{color:#34A853}
.km-awning-hero .gr-stars{color:#fbbc04;letter-spacing:1px;font-size:13px}.km-awning-hero .gr-score{font-weight:800}.km-awning-hero .gr-count{color:#5f6368}
.km-awning-hero-eyebrow{font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#70BF45;margin-bottom:10px}
.km-awning-hero h1{font:900 clamp(28px,4vw,50px)/1.08 Montserrat,Arial,sans-serif;color:#fff;text-transform:uppercase;margin:0 0 12px}
.km-awning-hero-sub{font:15px/1.7 Arial,sans-serif;color:rgba(255,255,255,.86);max-width:620px;margin:0}
.km-awning-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;align-items:center}
.km-awning-benefits span{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:6px;background:#EDF7E9;color:#242A24;border:1px solid #C8E8BA;font:700 13px/1.3 Arial,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.km-awning-benefits b{color:#70BF45;font-size:16px;line-height:1}
.km-awning-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.km-awning-actions .btn{display:inline-flex;align-items:center;justify-content:center;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 30px;border:0;border-radius:6px;background:#70BF45;color:#fff;text-decoration:none;margin:0;gap:8px}
.km-awning-actions .btn:hover{background:#242A24}
.km-awning-actions .km-call-button{background:#fff;color:#242A24;border:1px solid #fff;text-transform:uppercase;letter-spacing:.08em}
.km-awning-actions .km-call-button:hover{background:#F7FBF5;color:#242A24}
.km-awning-actions .km-phone-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fff;margin-right:9px}
.km-awning-actions .km-phone-icon svg{display:block;fill:none;stroke:#70BF45;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.km-awning-reassurance{color:#fff;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;margin:12px 0 0}
@media(max-width:600px){.km-awning-hero{min-height:0;background:#fff}.km-awning-hero-bg,.km-awning-hero-ov{display:none}.km-awning-hero-content{padding:28px 20px;color:#202420}.km-awning-hero .breadcrumb{margin-bottom:12px}.km-awning-hero .breadcrumb a{color:#586258}.km-awning-hero .breadcrumb .cur{color:#303630}.km-awning-hero .hero-google-review{margin-bottom:12px}.km-awning-hero h1{font-size:clamp(28px,8vw,40px);color:#242A24}.km-awning-hero-sub{color:#495449}.km-awning-benefits{gap:6px;margin:12px 0 16px}.km-awning-benefits span{font-size:11px;padding:8px 9px}.km-awning-actions{display:grid;grid-template-columns:1fr;gap:10px}.km-awning-actions .btn{padding:14px 16px;text-align:center}.km-awning-actions .km-call-button{font-size:12px;line-height:1.4}.km-awning-reassurance{color:#495449;font-size:12px}}
