/* Social Plus System — mobile contact dock (phone + LINE only) */
@media (max-width:720px){
  body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}

  .mobile-contact-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    padding:8px;
    border:1px solid rgba(208,213,221,.88);
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 -10px 34px rgba(16,24,40,.14);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .mobile-contact-bar a{
    min-width:0;
    min-height:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    margin:0;
    padding:8px 10px;
    border:0;
    border-radius:12px;
    color:#fff;
    text-align:center;
    line-height:1.15;
    box-shadow:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  .mobile-contact-bar a.mobile-call{
    background:linear-gradient(135deg,#ff760f 0%,#ff5f00 100%);
  }

  .mobile-contact-bar a.line{
    background:#06c755;
  }

  .mobile-contact-bar a:active{
    transform:translateY(1px);
  }

  .mobile-contact-bar strong{
    display:block;
    color:inherit;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
  }

  .mobile-contact-bar small{
    display:block;
    color:inherit;
    font-size:11px;
    font-weight:600;
    opacity:.94;
  }

  /* Mobile customer view stays focused on the two contact actions. */
  .site-ops-dock{display:none!important}
}

@media (max-width:360px){
  .mobile-contact-bar{left:7px;right:7px;gap:6px;padding:6px}
  .mobile-contact-bar a{min-height:56px;padding-inline:6px}
  .mobile-contact-bar strong{font-size:14px}
  .mobile-contact-bar small{font-size:10px}
}

@media (prefers-reduced-motion:reduce){
  .mobile-contact-bar a{transition:none}
}