/* Mobile station drawer. Keep the map in its own grid row so its controls,
   selected marker and provider attribution remain in the visible map area. */
#amic-map-white .am-sheet-toggle{display:none}

@container amic (max-width:700px){
 #amic-map-white[data-view=detail] .am-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(60px,1fr) auto;height:max(380px,calc(100dvh - 200px));min-height:380px;overflow:hidden}
 #amic-map-white[data-view=detail] .am-aside{display:contents}
 #amic-map-white[data-view=detail] .am-top{grid-column:1;grid-row:1;min-width:0;z-index:6;background:#fff}
 #amic-map-white[data-view=detail] .am-map{display:block;grid-column:1;grid-row:2;width:100%;height:100%;min-height:0}
 #amic-map-white[data-view=detail] .am-pane{display:flex;grid-column:1;grid-row:3;min-width:0;min-height:0;max-height:none;height:auto;margin:0;padding:0;border:1px solid #dce4d2;border-bottom:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -5px 18px #29371912;overflow:hidden;z-index:5}
 #amic-map-white[data-view=detail] .am-sheet-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:none;width:100%;min-height:44px;height:44px;padding:12px 14px 2px;border:0;border-radius:17px 17px 0 0;background:#fff;color:#65734f;font:400 11px/1.2 robotomedium,Arial,sans-serif;touch-action:none;user-select:none}
 #amic-map-white[data-view=detail] .am-sheet-toggle:before{content:'';position:absolute;top:6px;left:calc(50% - 18px);width:36px;height:3px;border-radius:4px;background:#c8d2bb}
 #amic-map-white[data-view=detail] .am-sheet-toggle svg{width:14px;height:14px}
 #amic-map-white[data-view=detail] .am-sheet-toggle:focus-visible{outline:2px solid #71872f;outline-offset:-3px}
 #amic-map-white[data-view=detail] .am-panel-heading{min-height:52px;padding:5px 14px 7px;gap:9px;background:#fff;border-bottom:0}
 #amic-map-white[data-view=detail] .am-panel-heading:before{content:none}
 #amic-map-white[data-view=detail] .am-panel-heading h2{gap:5px}
 #amic-map-white[data-view=detail] .am-detail-prefix,#amic-map-white[data-view=detail] .am-detail-code{font-size:26px;line-height:1.1}
 #amic-map-white[data-view=detail] .am-panel-heading>.am-icon-button{min-width:40px;width:40px;min-height:40px;height:40px;margin-left:-5px}
 #amic-map-white[data-view=detail] .am-panel-heading>.am-detail-favorite{margin-left:0;margin-right:auto}
 #amic-map-white[data-view=detail] .am-panel-body{padding:6px 16px 12px;min-height:0;overscroll-behavior:contain}
 #amic-map-white[data-view=detail] .am-detail-address{gap:9px;margin-bottom:14px}
 #amic-map-white[data-view=detail] .am-detail-address-copy p{font-size:14px;line-height:1.45}
 #amic-map-white[data-view=detail] .am-detail-generator{margin-top:5px}
 #amic-map-white[data-view=detail] .am-detail-section{margin-bottom:16px}
 #amic-map-white[data-view=detail] .am-detail-section:last-child{margin-bottom:0}
 #amic-map-white[data-view=detail] .am-detail-section h3{font-size:16px;margin-bottom:9px}
 #amic-map-white[data-view=detail] .am-detail-section .am-fuels{gap:7px;padding-bottom:2px}
 #amic-map-white[data-view=detail] .am-detail-section .am-fuels>span{flex:0 0 36px;min-width:36px}
 #amic-map-white[data-view=detail] .am-detail-section .am-fuels img{width:36px;height:36px}
 #amic-map-white[data-view=detail] .am-panel-footer{padding:10px 16px max(10px,env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -3px 12px #33472205}
 #amic-map-white[data-view=detail] .am-detail-primary{min-height:46px;padding:9px 13px;border-radius:8px}
 #amic-map-white[data-view=detail] .am-detail-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
 #amic-map-white[data-view=detail] .am-detail-secondary>*{flex:1;min-width:0}

 #amic-map-white[data-view=detail][data-sheet=peek] .am-panel-body{flex:none;padding-top:0;padding-bottom:9px}
 #amic-map-white[data-view=detail][data-sheet=peek] .am-detail-address{margin-bottom:9px}
 #amic-map-white[data-view=detail][data-sheet=peek] .am-detail-address-pin,#amic-map-white[data-view=detail][data-sheet=peek] .am-detail-address-copy>span{display:none}
 #amic-map-white[data-view=detail][data-sheet=peek] .am-detail-address-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #amic-map-white[data-view=detail][data-sheet=peek] .am-detail-section{margin:0}
 #amic-map-white[data-view=detail][data-sheet=peek] .am-detail-section h3,#amic-map-white[data-view=detail][data-sheet=peek] .am-detail-services-section,#amic-map-white[data-view=detail][data-sheet=peek] .am-detail-secondary,#amic-map-white[data-view=detail][data-sheet=peek] .am-external-link{display:none}

 #amic-map-white[data-view=detail][data-sheet=expanded] .am-workspace{grid-template-rows:60px 88px minmax(0,1fr);min-height:540px}
 #amic-map-white[data-view=detail][data-sheet=expanded] .am-panel-body{flex:1;overflow:auto}
 #amic-map-white[data-view=detail][data-sheet=expanded] .am-fit-map{display:none}
 #amic-map-white[data-view=detail][data-mobile-view=map] .am-workspace{grid-template-rows:60px minmax(280px,1fr)}
 #amic-map-white[data-view=detail][data-mobile-view=map] .am-pane{display:none}
}

@container amic (max-width:350px){
 #amic-map-white[data-view=detail] .am-panel-heading{padding-inline:12px;gap:6px}
 #amic-map-white[data-view=detail] .am-panel-body,#amic-map-white[data-view=detail] .am-panel-footer{padding-inline:12px}
 #amic-map-white[data-view=detail] .am-detail-prefix,#amic-map-white[data-view=detail] .am-detail-code{font-size:24px}
 #amic-map-white[data-view=detail] .am-detail-services-list{gap:8px}
 #amic-map-white[data-view=detail] .am-detail-services-list>span{gap:6px;font-size:11px}
 #amic-map-white[data-view=detail] .am-detail-services-list .am-service-icon{width:30px;height:30px}
}

@media(prefers-reduced-motion:reduce){
 #amic-map-white .am-sheet-toggle{transition:none}
}

/* Pointer focus is quiet; keyboard navigation retains a visible brand ring. */
.amic-map-page button:focus:not(:focus-visible),.amic-map-page a:focus:not(:focus-visible),
#amic-map-white button:focus:not(:focus-visible),#amic-map-white a:focus:not(:focus-visible){outline:none}
.amic-map-page button:focus-visible,.amic-map-page a:focus-visible{outline:2px solid #71872f;outline-offset:3px}
#amic-map-white .am-detail-actions .am-detail-google{flex:1;min-width:0}
#amic-map-white .am-google-compact{display:none}
@container amic (max-width:700px){
 #amic-map-white[data-view=detail] .am-detail-actions{margin:0;width:100%}
 #amic-map-white[data-view=detail] .am-detail-actions .am-detail-google{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;height:44px;margin:0;padding:6px 10px;gap:5px;font-size:11px;white-space:nowrap;border:1px solid #dce4d2;border-radius:7px;background:#fff;text-decoration:none;color:#536443}
 #amic-map-white[data-view=detail] .am-detail-actions svg{width:15px;height:15px}
 #amic-map-white .am-google-wide{display:none}
 #amic-map-white .am-google-compact{display:inline}
 #amic-map-white[data-view=detail] .am-sheet-hint svg{animation:am-swipe-cue 1100ms ease-in-out 3;animation-delay:450ms}
}
@keyframes am-swipe-cue{0%,100%{transform:translateY(2px);opacity:.55}50%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){#amic-map-white[data-view=detail] .am-sheet-hint svg{animation:none}}

@container amic (max-width:700px){
 #amic-map-white[data-view=detail] .am-detail-services-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 7px}
 #amic-map-white[data-view=detail] .am-detail-services-list>span{flex-direction:column;align-items:center;text-align:center;gap:8px;min-height:64px;font-size:12px;line-height:1.35}
 #amic-map-white[data-view=detail] .am-detail-services-list>span>span{overflow-wrap:normal;word-break:normal;hyphens:manual}
 #amic-map-white[data-view=detail] .am-detail-services-list .am-service-icon{width:28px;height:28px}
}
@container amic (max-width:350px){
 #amic-map-white[data-view=detail] .am-detail-services-list>span{font-size:12px;gap:8px}
 #amic-map-white[data-view=detail] .am-detail-services-list .am-service-icon{width:24px;height:24px}
}

/* The mobile map fills the space below the actual masthead, without a footer. */
.amic-footer-block{display:contents}
@media(max-width:700px){
 body.amic-map-page{height:100dvh}
 .amic-map-page .amic-masthead{flex:none}
 .amic-map-page .amic-main{min-height:480px}
 .amic-map-page:has(#amic-map-white[data-view=detail][data-sheet=expanded]) .amic-main{min-height:540px}
 .amic-map-page #amic-map-white{height:100%}
 body.amic-map-page #amic-map-white .am-workspace{height:100%}
 .amic-map-page .amic-site-footer,.amic-map-page .amic-footer-block{display:none}
}