.mi-ph-home{padding:var(--ds-s-3) 0 calc(var(--ds-phone-bar-h) + env(safe-area-inset-bottom) + var(--ds-s-4))}
.mi-ph-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-s-3);padding:var(--ds-s-3) var(--ds-gutter) var(--ds-s-5)}
.mi-ph-actions .mi-button{display:flex;align-items:center;justify-content:flex-start;min-height:56px;padding:var(--ds-s-3) var(--ds-s-4);white-space:normal;text-align:left}
.mi-ph-actions.is-tech [data-mi-ph-correct]{grid-column:1 / -1}
.mi-ph-caption{margin:var(--ds-s-2) var(--ds-gutter) var(--ds-s-2);color:var(--ds-ink-3);font-size:var(--ds-text-caps);line-height:var(--ds-lh-caps);font-weight:var(--ds-w-semi);letter-spacing:var(--ds-track-caps);text-transform:uppercase}
.mi-ph-locations .mi-row{min-height:56px}
.mi .mi-ph-locations .mi-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:var(--ds-s-2);align-items:center}
.mi .mi-ph-locations .mi-row-main{display:contents}
.mi .mi-ph-locations .mi-row-primary{grid-row:1;grid-column:1;min-width:0}
.mi .mi-ph-locations .mi-row-status{grid-row:1;grid-column:2}
.mi .mi-ph-locations .mi-row-quantity{grid-row:1;grid-column:3}
.mi .mi-ph-locations .mi-row-meta{grid-row:2;grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-ph-van-list{display:flex;flex-direction:column}
.mi-ph-van{display:flex;flex-direction:column;justify-content:center;gap:var(--ds-s-1);width:100%;min-height:56px;padding:var(--ds-s-2) var(--ds-s-4);border:0;border-bottom:var(--ds-rule-hair) solid var(--ds-rule);background:var(--ds-canvas);text-align:left}
.mi-ph-van-name{color:var(--ds-ink);font-size:var(--ds-text-md);font-weight:var(--ds-w-semi)}
.mi-ph-van-meta{color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
@media(max-width:759px){.mi-ph-van-name{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}.mi-ph-van-meta{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}.mi-ph-van:focus-visible{outline:var(--ds-focus-w) solid var(--ds-focus);outline-offset:var(--ds-focus-off)}}
@media(min-width:760px){.mi-ph-home{padding-bottom:var(--ds-s-5)}.mi-ph-actions{padding-top:var(--ds-s-3)}.mi .mi-ph-locations .mi-row-quantity{grid-row:2;grid-column:2/-1;text-align:right}.mi .mi-ph-locations .mi-row-meta{grid-column:1;grid-row:2}}

@media(max-width:600px){
.mi-ph-home{padding:0 0 var(--ds-s-4)}
.mi-ph-actions{gap:var(--ds-s-2);padding:var(--ds-s-3) var(--ds-s-4);border-bottom:var(--ds-rule-hair) solid var(--ds-line)}
.mi .mi-ph-actions .mi-button{justify-content:center;min-height:var(--ds-touch-h);padding:0 var(--ds-s-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);text-align:center}
.mi-ph-caption{margin:0;padding:var(--ds-s-3) var(--ds-s-4);background:var(--ds-surface)}
.mi .mi-ph-locations .mi-row{min-height:var(--ds-touch-primary);padding:var(--ds-s-2) var(--ds-s-4);row-gap:0}
.mi .mi-ph-locations .mi-row-title{font-size:var(--ds-text-md);line-height:var(--ds-lh-md)}
.mi .mi-ph-locations .mi-row-meta,.mi .mi-ph-locations .mi-row-quantity{font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi .mi-ph-locations .mi-row-quantity{grid-row:1/3}
.mi .mi-ph-locations .mi-row-meta{grid-column:1/3}
.mi-ph-restock-count::before{display:inline-block;content:"";width:var(--ds-s-2);height:var(--ds-s-2);margin-right:var(--ds-s-2);border-radius:var(--ds-r-full);background:var(--ds-st-route)}
}
