.support-section {
  padding: 0 16px 32px;
  color: #151515;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
.support-card {
  width: 100%;
  max-width: 760px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  padding: clamp(16px, 3vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #eee9eb;
  border-radius: clamp(24px, 4vw, 36px);
  background: radial-gradient(ellipse at 50% 0%, #f8e7ed 0%, #fcf9fa 48%, #f7f7f8 100%);
  overflow: hidden;
}
.support-symbol {
  width: clamp(32px, 6vw, 56px);
  height: clamp(32px, 6vw, 56px);
  margin-bottom: clamp(8px, 1.5vw, 20px);
  color: #a6536e;
  flex: 0 0 auto;
}
.support-symbol svg { width: 100%; height: 100%; }
.support-symbol path { stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.support-symbol circle { fill: currentColor; }
.support-card h2 {
  font-family: inherit;
  font-size: clamp(26px, 5vw, 48px);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: 1.05;
  margin: 0;
}
.support-card p {
  font-size: clamp(14px, 2.6vw, 21px);
  color: #626065;
  line-height: 1.35;
  margin: clamp(8px, 1.5vw, 14px) 0 clamp(15px, 2.7vw, 28px);
  letter-spacing: -.02em;
}
.support-chat-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(25px, 5vw, 42px);
  min-height: 44px;
  padding: 12px clamp(22px, 3vw, 30px);
  border-radius: 999px;
  background: #171717;
  color: #fff;
  font-size: clamp(15px, 2.4vw, 19px);
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.support-chat-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.support-chat-button:hover { background: #353035; }
.support-chat-button:active { transform: scale(.98); }
.support-chat-button:focus-visible { outline: 2px solid #a6536e; outline-offset: 5px; }
@media (min-width: 701px) { .support-section { padding: 16px 32px 64px; } }
@media (max-width: 360px) {
  .support-section { padding-left: 12px; padding-right: 12px; }
  .support-card { padding: 12px; }
  .support-symbol { width: 26px; height: 26px; margin-bottom: 7px; }
  .support-card h2 { font-size: 23px; }
  .support-card p { font-size: 12px; margin: 7px 0 10px; }
}
@media (prefers-reduced-motion: reduce) { .support-chat-button { transition: none; } }

.support-chat-button { border: 0; font-family: inherit; cursor: pointer; }
.support-chat-button:disabled { opacity: .7; cursor: wait; }
[data-inbox-status]:not(:empty) { margin-top: 10px; font-size: 14px; color: #626065; }
[data-inbox-status] a { color: #a6536e; }
shopify-chat[hidden] { display: none !important; }
:root { --shopify-chat-bg-color: #fff; --shopify-chat-text-color: #171717; --shopify-chat-accent-bg-color: #171717; --shopify-chat-accent-text-color: #fff; --shopify-chat-border-radius: 24px; }