/* Shared by the source HTML pages and PHP storefront. */
.contact-channels{max-width:calc(100vw - 24px)}
.contact-widget-launchers{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.contact-whatsapp-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:12px 15px;border:1px solid #7ad8ad;border-radius:999px;background:#163c30;color:#e7fff2;box-shadow:0 12px 35px #04140d55;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.contact-whatsapp-pill:hover{background:#21543f}
.contact-whatsapp-pill svg,.contact-channel svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-channels .contact-widget-panel{border-color:#ffffff36;background:#111522;color:#f2efff;overscroll-behavior:contain}
.contact-channels .contact-widget-head{padding:22px 54px 21px 22px;background:linear-gradient(135deg,#29204f,#111522)}
.contact-channels .contact-widget-head p{color:#c0a5ff;overflow-wrap:anywhere}
.contact-channels .contact-widget-head h2{font-size:23px;font-weight:600}
.contact-channels .contact-widget-head span{color:#b9b8cd}
.contact-channel-list{display:grid;gap:9px;padding:18px 22px 20px}
.contact-channel{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #b69bff42;border-radius:11px;background:#ae8dff0b;color:#e6d9ff;text-decoration:none}
.contact-channel:hover{border-color:#bc9ffa;background:#ae8dff17}
.contact-channel>span{min-width:0;display:grid;gap:5px}
.contact-channel strong{font-size:13px;font-weight:650;line-height:1.35}
.contact-channel small{font-size:11px;line-height:1.5;color:#b0aec6}
.contact-channel-whatsapp{border-color:#6dcfa14d;background:#52bd860b;color:#c4f5db}
.contact-channel-whatsapp:hover{border-color:#7ad8ad;background:#52bd861a}
.contact-message-intro{padding:18px 22px 0;border-top:1px solid #ffffff17}
.contact-message-intro h3{margin:0 0 8px;color:#e9e3f7;font-size:15px;font-weight:600}
.contact-message-intro p{margin:0;color:#aaa8be;font-size:11px;line-height:1.65}
.contact-channels .contact-widget-fields{padding:18px 22px 22px;gap:14px}
.contact-channels .contact-widget-fields label{color:#e0e1ef;font-weight:550}
.contact-channels .contact-widget-fields input,.contact-channels .contact-widget-fields textarea{box-sizing:border-box;border-color:#ffffff3c;background:#0d101c;color:#f2efff}
.contact-channels .contact-widget-privacy,.contact-channels .contact-widget-status,.contact-channels .contact-widget-fallback{color:#b0aec6}
.contact-channels .contact-widget-privacy a{color:#c8b0ff}
.contact-channels .contact-widget-submit{background:#7052d6}
.contact-channels .contact-widget-submit:hover{background:#8968f2}
.contact-channels .contact-widget-status:not(:empty){background:#ffffff0a}
.contact-channels .contact-widget-status.is-success{background:#16432f;color:#bdedce}
.contact-channels .contact-widget-status.is-error{background:#4d242b;color:#ffd0d0}
.contact-whatsapp-pill:focus-visible,.contact-channel:focus-visible,.contact-widget-noscript:focus-visible{outline:3px solid #c2afff;outline-offset:3px}
.contact-widget-noscript{display:block;width:fit-content;max-width:100%;margin:8px 0 0 auto;padding:10px 14px;border:1px solid #b69bff70;border-radius:10px;background:#171b2c;color:#e6d9ff;font-size:12px;text-decoration:none}
/* Keep consent actions unobstructed while the preference sheet is on screen. */
body:has(.analytics-consent:not([hidden])) .contact-channels{visibility:hidden;pointer-events:none}
@media(max-width:480px){
  .contact-widget-launchers{gap:7px}
  .contact-whatsapp-pill{min-height:50px;padding:11px 12px;font-size:12px}
  .contact-channels .contact-widget-toggle{min-height:50px;padding:11px 13px;gap:7px;font-size:12px}
  .contact-channels .contact-widget-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 90px)}
  .contact-channel-list,.contact-channels .contact-widget-fields{padding-left:18px;padding-right:18px}
  .contact-message-intro{padding-left:18px;padding-right:18px}
  .contact-channels .contact-widget-fields input,.contact-channels .contact-widget-fields textarea{font-size:16px}
}