/* Video controls added only to What We Offer. */
.sr-video-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.sr-video-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(#0a1d42,#0a1d42) padding-box,linear-gradient(110deg,#00c8ff,#914bff) border-box;border:2px solid transparent;border-radius:999px;padding:10px 15px;color:#dbe6ff;text-decoration:none;font:inherit;line-height:1.5;transition:border-color .2s,background .2s}
.sr-video-pill:hover{background:#102b59;border-color:#91b7ff;color:#fff}
.sr-video-pill:focus-visible,.sr-video-close:focus-visible,.sr-video-fallback a:focus-visible{outline:3px solid #a9c9ff;outline-offset:4px}
.sr-video-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:18px;margin:auto;border:1px solid #4064a2;border-radius:18px;background:#08172f;color:#eef5ff;box-sizing:border-box;overflow:auto}
.sr-video-dialog::backdrop{background:rgba(0,0,0,.84)}
.sr-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.sr-video-heading h2{font-size:clamp(18px,3vw,25px);line-height:1.3;margin:0;color:#eef5ff}
.sr-video-close{flex-shrink:0;border:1px solid #5379b8;border-radius:999px;padding:8px 14px;background:#102b59;color:white;font:inherit;cursor:pointer;min-height:44px}
#sr-roofing-video{display:block;width:100%;max-height:70dvh;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px}
.sr-video-fallback{margin:10px 0 0;font-size:14px}.sr-video-fallback a{color:#b4d0ff}
@media(max-width:700px){.sr-video-actions{flex-direction:column;align-items:stretch}.sr-video-pill{text-align:center;font-size:14px}.sr-video-dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.sr-video-pill{transition:none}}

/* Keep both video links and the three existing category pills on one desktop row. */
.property-types.sr-video-actions{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}
.property-types.sr-video-actions>span,.property-types.sr-video-actions>.sr-video-pill{font-size:clamp(11px,.95vw,14px);padding:10px 11px;white-space:nowrap;flex-shrink:0}
.property-types.sr-video-actions>.sr-video-pill{gap:6px}
.property-types.sr-video-actions>.sr-video-pill>span{padding:0;border:0;background:none;animation:none!important;overflow:visible}
.property-types.sr-video-actions>.sr-video-pill>span::before{display:none}
@media(max-width:1050px){.property-types.sr-video-actions{gap:5px}.property-types.sr-video-actions>span,.property-types.sr-video-actions>.sr-video-pill{font-size:11px;padding:9px 8px}}
@media(max-width:850px){.property-types.sr-video-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.property-types.sr-video-actions>.sr-video-pill{flex:1 1 calc(50% - 8px);min-width:0;white-space:normal;font-size:12px;padding:9px 8px;order:0}.property-types.sr-video-actions>span{order:1;font-size:12px;padding:9px 10px}.property-types.sr-video-actions>.sr-video-pill>b{min-width:0}}
@media(min-width:851px) and (max-width:950px){.property-types.sr-video-actions{gap:4px}.property-types.sr-video-actions>span,.property-types.sr-video-actions>.sr-video-pill{font-size:10px;padding:8px 6px}}