/* Mobile shortcuts for consultation and the daily care notebook. */
.mobile-purchase-dock{display:none}
@media(max-width:760px){
 body.with-mobile-purchase-dock{padding-bottom:var(--mobile-dock-height,calc(74px + env(safe-area-inset-bottom,0px)))}
 .mobile-purchase-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;position:fixed;left:0;right:0;top:auto;bottom:0;transform:none;z-index:9;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#faf6ed;border-top:1px solid #d9d0c2;box-shadow:0 -2px 12px rgba(62,48,32,.06)}
 body.with-mobile-purchase-dock:has(header nav.open)>.mobile-purchase-dock{visibility:hidden}
}

/* Let CSS track the actual app viewport. iOS can return an obsolete
   VisualViewport height when reopening a home-screen app. Never replace
   this viewport unit with a JavaScript pixel measurement. */
@supports(height:100dvh){
 @media(max-width:760px){
  .mobile-purchase-dock{top:100dvh;bottom:auto;transform:translateY(-100%)}
 }
}

@media(max-width:760px){
 .mobile-purchase-dock>.mobile-purchase-dock__care{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:12px 8px;margin:0;border:1px solid #756650;border-radius:2px;background:#faf6ed;color:#4b4033;font:14px/1.5 'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;letter-spacing:.03em;text-decoration:none}
 .mobile-purchase-dock>.mobile-purchase-dock__care:focus-visible{outline:2px solid #4b4033;outline-offset:3px}
}

/* Keep both remaining labels on one line. */
@media(max-width:760px){
 .mobile-purchase-dock>a{box-sizing:border-box;white-space:nowrap}
 .mobile-purchase-dock>.mobile-purchase-dock__care{padding:12px 4px;font-size:13px;letter-spacing:0}
 .mobile-purchase-dock>.mobile-purchase-dock__consult{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;margin:0;padding:12px 4px;border:1px solid #c6aaa6;border-radius:2px;background:#ead8d4;color:#4b4033;font:13px/1.5 'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;letter-spacing:0;text-decoration:none}
 .mobile-purchase-dock>.mobile-purchase-dock__consult:focus-visible{outline:2px solid #4b4033;outline-offset:3px}
}