/* Telephone booking uses the same paper, ink and brass as the salon's actions. */
.phone-call{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:500px;min-height:80px;margin:24px 0 16px;padding:18px 22px;border:1px solid #b29a79;border-radius:3px;background:linear-gradient(115deg,#51405f,#342b49 48%,#28233d);color:#fff9ef;box-shadow:inset 0 1px 0 #f5e4c92e,0 4px 12px #241d391f;text-decoration:none;font-family:'Noto Sans JP',sans-serif}
.phone-call-label{display:block;font-size:18px;line-height:1.7;font-weight:400}.phone-call-number{display:block;font-size:clamp(23px,6vw,30px);line-height:1.5;font-weight:500;letter-spacing:.02em;white-space:nowrap}
.phone-call>svg{width:26px;height:26px;flex:none}.phone-call:focus-visible,.phone-inline:focus-visible{outline:3px solid #a28c6e;outline-offset:5px}.phone-call:hover{filter:brightness(1.06)}
.reservation .phone-call{background:linear-gradient(115deg,#fffcf6,#f7efe1 58%,#f1e5d3);color:#29233f;box-shadow:inset 0 1px 0 #fff,0 3px 9px #3026420a}.reservation .phone-hours{margin-top:12px}.reservation-main .reserve-link{margin-top:28px}
.phone-inline{display:inline-flex;align-items:center;min-height:52px;font-size:24px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:6px;white-space:nowrap}
.booking-dock .action-arrow svg{width:20px;height:20px}
.booking-phone{padding:18px 22px;margin:0 0 28px;background:#eee4d4;border-left:3px solid #a28c6e}.booking-phone>p{font-size:18px;line-height:1.8}.booking-phone .phone-call{margin:14px 0;max-width:440px}.booking-phone .phone-help{font-size:16px;color:#655e69}
@media(max-width:640px){.phone-call{padding:16px 18px;gap:12px}.booking-phone{padding:16px}.booking-phone .phone-call{padding:14px 12px}.phone-call>svg{width:24px;height:24px}.phone-inline{font-size:23px}}
@media(prefers-reduced-motion:reduce){.phone-call{transition:none}}
