.yogadai-wa-widget { position: fixed; z-index: 1100; right: 24px; bottom: 24px; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; font-family: Lato, Arial, sans-serif; }
.yogadai-wa-card { position: relative; max-width: 270px; padding: 18px 40px 18px 18px; border-radius: 14px; background: #fff; color: #12233e; box-shadow: 0 10px 30px rgba(7, 24, 48, .18); font-size: 14px; line-height: 1.45; animation: yogadaiWaIn .42s ease both; }
.yogadai-wa-card::after { content: ''; position: absolute; right: 23px; bottom: -9px; border-width: 10px 10px 0 0; border-style: solid; border-color: #fff transparent transparent transparent; }
.yogadai-wa-card strong, .yogadai-wa-card span { display: block; }.yogadai-wa-card strong { margin-top: 5px; font-size: 16px; }.yogadai-wa-greeting { color: #59677c; font-size: 12px; }
.yogadai-wa-close { position: absolute; top: 7px; right: 10px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; color: #758196; background: transparent; font-size: 24px; line-height: 20px; cursor: pointer; }
.yogadai-wa-close:hover { color: #12233e; background: #f1f4f7; }
.yogadai-wa-button { display: inline-flex; align-items: center; gap: 9px; min-height: 56px; padding: 0 19px 0 11px; border-radius: 28px; background: #25d366; color: #fff !important; box-shadow: 0 7px 20px rgba(37, 211, 102, .35); font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.yogadai-wa-button:hover { color: #fff !important; background: #1ebe5d; transform: translateY(-2px); }.yogadai-wa-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.18); font-size: 19px; }
.yogadai-wa-widget.is-minimized .yogadai-wa-card { display: none; }.yogadai-wa-widget.is-minimized .yogadai-wa-button { padding-right: 11px; }.yogadai-wa-widget.is-minimized .yogadai-wa-button > span:last-child { display: none; }
@keyframes yogadaiWaIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { .yogadai-wa-widget { right: 16px; bottom: 16px; }.yogadai-wa-card { max-width: 235px; padding: 15px 35px 15px 15px; }.yogadai-wa-button { min-height: 52px; } }