.sp-support{--sp-wine:#4b192b;--sp-green:#285d49;--sp-muted:#776d70;position:fixed;right:26px;bottom:25px;z-index:90;color:#30292c;font-family:var(--sans,'Manrope',sans-serif)}
.sp-support-trigger{display:flex;align-items:center;gap:11px;min-height:57px;padding:9px 17px 9px 11px;border:1px solid #e2d8dd;border-radius:7px;background:#fff;color:var(--sp-wine);box-shadow:0 5px 22px #30242a14;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.sp-support-trigger:hover{border-color:#b4a39f;box-shadow:0 7px 25px #30242a1c}
.sp-trigger-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:var(--sp-green);background:#eef5f0}
.sp-trigger-icon>svg{width:23px;height:23px}
.sp-trigger-copy{display:flex;flex-direction:column;gap:4px}
.sp-trigger-copy strong{font-family:inherit;font-size:14px;line-height:1.35;font-weight:600}
.sp-trigger-copy small{font-size:11px;line-height:1.2;color:var(--sp-muted)}
.sp-mobile-label{display:none}
.sp-support-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:336px;max-width:calc(100vw - 32px);max-height:min(540px,calc(100dvh - 122px));overflow:auto;overscroll-behavior:contain;border:1px solid #e4dadd;border-radius:9px;background:#fff;box-shadow:0 12px 45px #35202b24;animation:sp-panel-in .18s ease-out both}
.sp-support-panel[hidden]{display:none}
.sp-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 3px 22px}
.sp-panel-top>span{font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.6;color:#8b6977}
.sp-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:transparent;color:#6f6268;cursor:pointer;padding:0;border-radius:4px}
.sp-close>svg{width:19px;height:19px}
.sp-close:hover{background:#f8f3f5;color:var(--sp-wine)}
.sp-panel-intro{padding:8px 25px 22px;position:relative}
.sp-panel-mark{float:right;width:34px;height:34px;border-radius:50%;background:#edf5ef;display:grid;place-items:center;color:var(--sp-green);margin-top:1px;margin-left:8px}
.sp-panel-mark>svg{width:22px;height:22px}
.sp-panel-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-.025em;line-height:1.07;margin:0 0 15px;color:var(--sp-wine)}
.sp-panel-intro>p{font-family:inherit;font-size:14px;line-height:1.75;color:var(--sp-muted);margin:0;clear:both}
.sp-actions{display:grid;gap:10px;padding:0 19px}
.sp-action{display:flex;align-items:center;gap:10px;min-height:83px;padding:14px 12px;border:1px solid #e6dfe1;border-radius:5px;background:#fdfcfb;text-decoration:none;color:var(--sp-wine);transition:background .2s,border-color .2s}
.sp-action:hover{background:#f8f2f5;border-color:#c9b4bd}
.sp-action-icon{display:grid;place-items:center;width:26px;height:28px;flex-shrink:0;color:#7b5466}
.sp-action-icon>svg{width:21px;height:21px}
.sp-action>span:nth-child(2){flex:1;min-width:0}
.sp-action strong{display:block;font-family:inherit;font-size:14px;font-weight:600;line-height:1.45;margin-bottom:4px}
.sp-action small{display:block;font-family:inherit;font-size:12px;line-height:1.65;color:#7b6b73}
.sp-action>svg{width:16px;height:16px;flex-shrink:0}
.sp-panel-foot{padding:19px 22px 18px}
.sp-panel-foot>p{font-size:11px;line-height:1.7;color:#807178;margin:0 0 8px}
.sp-panel-foot>a{display:inline-flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;color:var(--sp-wine);min-height:44px;text-decoration:none}
.sp-panel-foot>a:hover{text-decoration:underline;text-underline-offset:4px}
.sp-panel-foot>a>svg{width:15px;height:15px}
.sp-support button:focus-visible,.sp-support a:focus-visible{outline:2px solid #6f344b;outline-offset:3px}
.sp-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.overlay-open .sp-support{display:none}
@keyframes sp-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
  .sp-support{right:16px;bottom:18px;max-width:calc(100vw - 32px)}
  .sp-support.sp-hero-visible{visibility:hidden;pointer-events:none}
  body.has-mobile-nav .sp-support{bottom:calc(var(--mnav-total-height,68px) + var(--mnav-context-height,0px) + 14px)}
  body:not(.has-mobile-nav).has-commerce-dock .sp-support{bottom:calc(119px + env(safe-area-inset-bottom,0px))}
  body:not(.has-mobile-nav).has-ritual-dock .sp-support{bottom:calc(102px + env(safe-area-inset-bottom,0px))}
  .sp-support-trigger{min-height:46px;padding:6px 14px 6px 8px;gap:8px;border-radius:6px}
  .sp-trigger-icon{width:31px;height:31px}
  .sp-trigger-icon>svg{width:22px;height:22px}
  .sp-trigger-copy strong{font-size:14px}
  .sp-trigger-copy small,.sp-desktop-label{display:none}
  .sp-mobile-label{display:inline}
  .sp-support-panel{width:336px;max-width:calc(100vw - 32px);bottom:calc(100% + 11px);max-height:calc(100dvh - var(--mnav-total-height,0px) - var(--mnav-context-height,0px) - 108px);border-radius:8px}
  .sp-panel-top{padding-left:20px}
  .sp-panel-intro{padding:8px 22px 20px}
  .sp-panel-intro h2{font-size:32px}
  .sp-panel-intro>p{font-size:14px}
  .sp-actions{padding-inline:16px}
  .sp-action{padding:13px 11px;gap:9px;min-height:85px}
  .sp-panel-foot{padding:17px 20px 15px}
}
@media(max-width:350px){
  .sp-panel-top>span{font-size:10px;letter-spacing:.05em}
  .sp-panel-intro{padding-inline:20px}
  .sp-panel-intro h2{font-size:30px}
  .sp-panel-mark{width:30px;height:30px}
  .sp-action{padding:13px 10px;gap:8px}
  .sp-action-icon{width:22px}
  .sp-action strong{font-size:13px}
  .sp-action small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.sp-support-panel{animation:none}.sp-support-trigger,.sp-action{transition:none}}
