.chat-customer-support{background-color:#faf9f8;border-radius:16px;flex-direction:column;width:100%;max-width:480px;height:70vh;margin:40px auto;font-family:Poppins,sans-serif;display:flex;overflow:hidden;box-shadow:0 14px 28px #0000001f}.chat-customer-support:before{content:"Customer Support";letter-spacing:.12em;text-transform:uppercase;color:#fff;background-color:#1a1a1a;padding:18px 20px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;display:block}.chat-customer-support .messages{background-color:#faf9f8;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-customer-support .messages::-webkit-scrollbar{width:6px}.chat-customer-support .messages::-webkit-scrollbar-thumb{background-color:#c29a76;border-radius:10px}.chat-customer-support .message{background-color:#fff;border-radius:14px;align-self:flex-start;max-width:80%;padding:10px 14px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 10px #0000000f}.chat-customer-support .message:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.chat-customer-support .message strong{letter-spacing:.05em;text-transform:uppercase;color:#732c5a;margin-bottom:4px;font-family:Playfair Display,serif;font-size:.85rem;font-weight:600;display:block}.chat-customer-support .message p{color:#333;margin:0;font-size:.95rem;line-height:1.4}.chat-customer-support .message--self{background-color:#1a1a1a;align-self:flex-end}.chat-customer-support .message--self strong,.chat-customer-support .message--self p{color:#fff}.chat-customer-support form{background-color:#fff;border-top:1px solid #00000014;align-items:center;gap:10px;padding:16px 20px;display:flex}.chat-customer-support form input[type=text]{color:#1a1a1a;background-color:#faf9f8;border:1px solid #e0dcd8;border-radius:50px;outline:none;flex:1;padding:12px 16px;font-family:Poppins,sans-serif;font-size:.9rem;transition:border-color .25s,box-shadow .25s}.chat-customer-support form input[type=text]:focus{border-color:#c29a76;box-shadow:0 0 0 3px #c29a7626}.chat-customer-support form input[type=text]::placeholder{color:#999}.chat-customer-support form button[type=submit]{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .3s}.chat-customer-support form button[type=submit]:hover{color:#111;background-color:#fff;border:1px solid #1a1a1a;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.chat-customer-support .shimmer{background:linear-gradient(100deg,#f0f0f0 20%,#e0e0e0 28%,#f0f0f0 33%) 0 0/200% 100%;border-radius:15px;animation:1.4s infinite chat-shimmer}@keyframes chat-shimmer{to{background-position-x:-200%}}@media (max-width:768px){.chat-customer-support{border-radius:0;max-width:100%;height:100vh;margin:0}.chat-customer-support .message{max-width:90%}.chat-customer-support form button[type=submit]{padding:10px 18px;font-size:.8rem}}@media (max-width:480px){.chat-customer-support:before{padding:14px 16px;font-size:.95rem}.chat-customer-support .messages{padding:14px}.chat-customer-support form{padding:12px 14px}}