/* Keep the outdoor close action in the same sticky row as its navigation.
   Other detail dialogs retain their original close control and styles. */
.service-detail-outdoor#detail>.close{display:none}
.service-detail-outdoor#detail #outdoor-dialog-header{
 position:sticky;top:-24px;z-index:5;display:flex;align-items:center;justify-content:space-between;
 gap:1.5rem;min-height:5rem;padding:1rem var(--outdoor-pad);
 margin:-24px calc(-1 * var(--outdoor-pad)) 2.25rem;
 background:var(--outdoor-paper);border-bottom:1px solid var(--outdoor-line);
}
.service-detail-outdoor#detail #outdoor-dialog-header>.brand{min-width:0}
.service-detail-outdoor#detail .outdoor-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;flex:none}
.service-detail-outdoor#detail #outdoor-close{
 position:static;float:none;inset:auto;transform:none;margin:0;padding:0;
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.75rem;
 width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;
 border:1px solid #cbd3d8;border-radius:50%;background:#e8ece9;color:var(--outdoor-ink);
 font-size:1.75rem;line-height:1;cursor:pointer;
}
.service-detail-outdoor#detail #outdoor-close>span{display:block;line-height:1;transform:translateY(-.04em)}
.service-detail-outdoor#detail #outdoor-close:hover{background:#dce4e3}
.service-detail-outdoor#detail #outdoor-close:focus-visible{outline:3px solid #247f90;outline-offset:4px}
.service-detail-outdoor#detail :is(.outdoor-service-section,summary,a,button){scroll-margin-top:6.25rem}
@media(max-width:1000px){.service-detail-outdoor#detail .outdoor-header-actions{gap:1rem}}
@media(max-width:700px){
 .service-detail-outdoor#detail #outdoor-dialog-header{top:-18px;gap:1rem;min-height:4.25rem;padding:.75rem var(--outdoor-pad);margin-top:-18px;margin-bottom:1.625rem}
 .service-detail-outdoor#detail .outdoor-header-actions{gap:0}
 .service-detail-outdoor#detail #outdoor-all-services{display:none}
 .service-detail-outdoor#detail #outdoor-close{width:2.75rem;height:2.75rem}
 .service-detail-outdoor#detail :is(.outdoor-service-section,summary,a,button){scroll-margin-top:5.25rem}
}
@media(forced-colors:active){
 .service-detail-outdoor#detail #outdoor-dialog-header{background:Canvas;border-color:CanvasText}
 .service-detail-outdoor#detail #outdoor-close{background:ButtonFace;border-color:ButtonText;color:ButtonText}
 .service-detail-outdoor#detail #outdoor-close:focus-visible{outline-color:Highlight}
}

@media(max-width:359px){.service-detail-outdoor#detail #outdoor-dialog-header{gap:.5rem}}
