.pcd-root {
  --pcd-brand: #176b5b;
  --pcd-ease: cubic-bezier(.22, 1, .36, 1);
  direction: rtl;
  font-family: inherit;
  position: relative;
  z-index: 999999;
}

.pcd-root *, .pcd-root *::before, .pcd-root *::after { box-sizing: border-box; }
.pcd-root [hidden] { display: none !important; }

.pcd-launcher {
  align-items: center;
  background: var(--pcd-brand);
  border: 0;
  border-radius: 999px;
  bottom: max(24px, env(safe-area-inset-bottom));
  box-shadow: 0 14px 36px color-mix(in srgb, var(--pcd-brand) 35%, transparent), 0 4px 12px rgba(15, 23, 42, .14);
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 58px;
  isolation: isolate;
  justify-content: center;
  padding: 0 17px 0 20px;
  position: fixed;
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
  z-index: 3;
}

.pcd-root--left .pcd-launcher { left: 24px; }
.pcd-root--right .pcd-launcher { right: 24px; }
.pcd-launcher:hover { box-shadow: 0 18px 42px color-mix(in srgb, var(--pcd-brand) 42%, transparent), 0 5px 16px rgba(15, 23, 42, .18); transform: translateY(-3px); }
.pcd-launcher:focus-visible, .pcd-close:focus-visible, .pcd-channel-link:focus-visible { outline: 3px solid rgba(59, 130, 246, .4); outline-offset: 3px; }
.pcd-launcher--icon-only { border-radius: 50%; padding: 0; width: 58px; }
.pcd-launcher__icon { align-items: center; display: flex; height: 27px; justify-content: center; position: relative; width: 27px; z-index: 1; }
.pcd-launcher__icon svg { fill: none; height: 27px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 27px; }
.pcd-launcher__icon .pcd-brand-image { border-radius: 50%; display: block; height: 34px; object-fit: cover; width: 34px; }
.pcd-launcher__label { font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
.pcd-launcher__pulse { animation: pcd-pulse 2.4s infinite; border: 1px solid var(--pcd-brand); border-radius: inherit; inset: 0; position: absolute; z-index: -1; }

.pcd-overlay { background: rgba(8, 15, 28, .42); inset: 0; opacity: 0; position: fixed; transition: opacity .3s ease; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 1; }
.pcd-sheet {
  background: #fff;
  border-radius: 28px 28px 0 0;
  bottom: 0;
  box-shadow: 0 -24px 70px rgba(15, 23, 42, .2);
  max-height: min(760px, calc(100dvh - 32px));
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(105%);
  transition: transform .42s var(--pcd-ease), opacity .25s ease;
  width: min(440px, calc(100vw - 32px));
  z-index: 2;
}
.pcd-root--left .pcd-sheet { left: 24px; }
.pcd-root--right .pcd-sheet { right: 24px; }
.pcd-root.is-open .pcd-overlay { opacity: 1; }
.pcd-root.is-open .pcd-sheet { opacity: 1; transform: translateY(0); }
.pcd-root.is-open .pcd-launcher { opacity: 0; pointer-events: none; transform: translateY(16px) scale(.92); }

.pcd-sheet__handle { align-items: center; display: flex; height: 23px; justify-content: center; }
.pcd-sheet__handle span { background: #d6dbe3; border-radius: 99px; height: 4px; width: 46px; }
.pcd-sheet__header { align-items: flex-start; display: grid; gap: 13px; grid-template-columns: 48px 1fr 36px; padding: 5px 22px 19px; }
.pcd-brandmark { align-items: center; background: color-mix(in srgb, var(--pcd-brand) 11%, white); border-radius: 16px; color: var(--pcd-brand); display: flex; height: 48px; justify-content: center; overflow: hidden; width: 48px; }
.pcd-brandmark svg { fill: none; height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 25px; }
.pcd-brandmark .pcd-brand-image { height: 100%; object-fit: cover; width: 100%; }
.pcd-sheet__titles { min-width: 0; padding-top: 1px; }
.pcd-sheet__titles h2 { color: #101828; font: inherit; font-size: 17px; font-weight: 800; line-height: 1.55; margin: 0 0 3px; }
.pcd-sheet__titles p { color: #667085; font: inherit; font-size: 12.5px; line-height: 1.75; margin: 0; }
.pcd-close { align-items: center; background: #f3f5f7; border: 0; border-radius: 12px; color: #667085; cursor: pointer; display: flex; height: 36px; justify-content: center; padding: 0; transition: background .2s, color .2s, transform .2s; width: 36px; }
.pcd-close:hover { background: #e9edf2; color: #101828; transform: rotate(5deg); }
.pcd-close svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; width: 19px; }

.pcd-sheet__body { background: #f7f8fa; border-top: 1px solid #eef0f3; max-height: min(510px, calc(100dvh - 210px)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 13px; scrollbar-color: #cbd2dc transparent; scrollbar-width: thin; }
.pcd-channels { display: grid; gap: 8px; }
.pcd-channel-link { align-items: center; background: #fff; border: 1px solid #edf0f3; border-radius: 17px; color: #1d2939; display: grid; gap: 12px; grid-template-columns: 46px 1fr 24px; min-height: 68px; padding: 10px 11px 10px 14px; position: relative; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.pcd-channel-link:hover { border-color: color-mix(in srgb, var(--pcd-brand) 25%, #edf0f3); box-shadow: 0 9px 22px rgba(15, 23, 42, .07); color: #101828; transform: translateY(-1px); }
.pcd-channel-link__icon { align-items: center; background: var(--pcd-icon-bg, #edf7f5); border-radius: 14px; color: var(--pcd-icon, var(--pcd-brand)); display: flex; height: 46px; justify-content: center; width: 46px; }
.pcd-channel-link__icon svg { fill: none; height: 24px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; width: 24px; }
.pcd-channel-link--telegram { --pcd-icon: #229ed9; --pcd-icon-bg: #eaf7fd; }
.pcd-channel-link--telegram .pcd-channel-link__icon svg { fill: currentColor; stroke: none; }
.pcd-channel-link--whatsapp { --pcd-icon: #12a85a; --pcd-icon-bg: #e9f9f0; }
.pcd-channel-link--whatsapp .pcd-channel-link__icon svg { fill: none; stroke-width: 1.45; }
.pcd-channel-link--eitaa { --pcd-icon: #f28a22; --pcd-icon-bg: #fff3e7; }
.pcd-channel-link--rubika { --pcd-icon: #7c5cff; --pcd-icon-bg: #f0edff; }
.pcd-channel-link--bale { --pcd-icon: #00a879; --pcd-icon-bg: #e7f8f3; }
.pcd-channel-link--soroush { --pcd-icon: #1595d3; --pcd-icon-bg: #eaf6fc; }
.pcd-channel-link--igap { --pcd-icon: #5c56d6; --pcd-icon-bg: #efeeff; }
.pcd-channel-link--gap { --pcd-icon: #ee3858; --pcd-icon-bg: #ffedf1; }
.pcd-channel-link--phone { --pcd-icon: #2563eb; --pcd-icon-bg: #eaf0ff; }
.pcd-channel-link--sms { --pcd-icon: #d97706; --pcd-icon-bg: #fff4df; }
.pcd-channel-link__text { display: flex; flex-direction: column; min-width: 0; }
.pcd-channel-link__text strong { font-size: 13.5px; font-weight: 800; line-height: 1.55; }
.pcd-channel-link__text small { color: #98a2b3; font-size: 11px; line-height: 1.5; }
.pcd-channel-link__arrow { color: #b8c0cc; display: flex; justify-content: flex-end; }
.pcd-channel-link__arrow svg { fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 18px; }

.pcd-sheet__footer { align-items: center; color: #667085; display: flex; font-size: 11.5px; gap: 8px; justify-content: center; min-height: 48px; padding: 10px 18px calc(10px + env(safe-area-inset-bottom)); }
.pcd-live-dot { background: #22c55e; border: 3px solid #dcfce7; border-radius: 50%; height: 10px; width: 10px; }
.pcd-lock { overflow: hidden !important; }

@keyframes pcd-pulse { 0%, 45% { opacity: .48; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(1.22, 1.4); } }

@media (max-width: 640px) {
  .pcd-launcher { bottom: max(18px, env(safe-area-inset-bottom)); height: 56px; padding: 0; width: 56px; }
  .pcd-root--left .pcd-launcher { left: 18px; }
  .pcd-root--right .pcd-launcher { right: 18px; }
  .pcd-launcher__label { display: none; }
  .pcd-sheet { border-radius: 25px 25px 0 0; max-height: calc(100dvh - 12px); width: 100%; }
  .pcd-root--left .pcd-sheet, .pcd-root--right .pcd-sheet { left: 0; right: 0; }
  .pcd-sheet__header { padding-left: 17px; padding-right: 17px; }
  .pcd-sheet__body { max-height: calc(100dvh - 205px); }
}

@media (prefers-reduced-motion: reduce) {
  .pcd-root *, .pcd-root *::before, .pcd-root *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@supports not (color: color-mix(in srgb, white, black)) {
  .pcd-launcher { box-shadow: 0 14px 36px rgba(15, 23, 42, .22); }
  .pcd-brandmark { background: #edf7f5; }
  .pcd-channel-link:hover { border-color: #c8d8d4; }
}