/* ================================================================
   trust-security.css — Tilbe Home Trust & Security Badges
   Kaynak: misc.css'den ayristirildi (FAZ 2.2)
   JS bagimliliklari: page-enhancements.js (satisfaction counter)
   Yukleme: global (lazy)
   ================================================================ */

/* === legacy.css'ten tasindi: 2G — Trust Bar (fsale) === */
/* =========================
   Trendyol-Style Trust Bar (Legacy Safe)
   ========================= */

/* Tablet: 2 satıra böl (3 + 2) */

/* Mobil: Trendyol gibi yatay kaydırmalı şerit */

/* scrollbar sade (opsiyonel) */

    /* ════════════════════════════════════
       BANNER
    ════════════════════════════════════ */
    .fsale {
      position: relative;
      width: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      padding: var(--th-space-5) 25px 44px 25px;
      gap: 0;
      background: linear-gradient(90deg, var(--th-red-500) 0.31%, transparent 98.86%);
    }

    @keyframes fsale-in {
      from { opacity: 0; transform: translateY(10px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .fsale::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 5%, color-mix(in srgb, var(--th-neutral-0) 45%, transparent) 50%, transparent 95%);
      z-index: 2;
    }

    .fsale::after {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      border-radius: var(--th-radius-full);
      background: color-mix(in srgb, var(--th-neutral-0) 6%, transparent);
      bottom: -140px; right: -100px;
      pointer-events: none;
    }

    /* ── CANLI BADGE ── */
    .fsale__badge {
      position: absolute;
      top: var(--th-space-3-5); right: var(--th-space-4);
      display: flex;
      align-items: center;
      gap: var(--th-space-1);
      background: color-mix(in srgb, var(--th-red-500) 87%, transparent);
      border: 1px solid color-mix(in srgb, var(--th-neutral-0) 22%, transparent);
      border-radius: var(--th-radius-full);
      padding: var(--th-space-1) 10px 4px 7px;
      z-index: 3;
    }

    .fsale__badge-dot {
      width: 7px; height: 7px;
      border-radius: var(--th-radius-full);
      background: var(--th-color-bg);
      flex-shrink: 0;
      animation: fsale-blink 1.9s ease-in-out infinite;
    }

    @keyframes fsale-blink {
      0%,100% { opacity: 1; }
      50%      { opacity: .22; }
    }

    .fsale__badge-text {
      font-size: var(--th-text-2xs);
      font-weight: var(--th-font-bold);
      letter-spacing: .6px;
      text-transform: uppercase;
      color: var(--th-color-text-inverse);
    }

    /* ── DEKORATİF ŞİMŞEK ── */
    .fsale__deco {
      position: absolute;
      bottom: -18px; right: -14px;
      pointer-events: none;
      z-index: 0;
    }

    .fsale__deco svg {
      width: 130px; height: 130px;
      opacity: .08;
    }

    /* ════════════════════════════════════
       1. BAŞLIK
    ════════════════════════════════════ */
.fsale__title {
    font-size: var(--th-text-xl);
    font-weight: var(--th-font-semibold);
    color: var(--th-color-text-inverse);
    text-align: center;
    margin: 0 0 var(--th-space-4);
    line-height: 1.2;
    letter-spacing: -.25px;
    position: relative;
    z-index: 1;
    /* padding-right: var(--th-space-16); */
}

    /* ════════════════════════════════════
       2. SAYAÇ — beyaz pill
    ════════════════════════════════════ */
    .fsale__timer {
      display: flex;
      align-items: center;
      background: var(--th-color-bg);
      border-radius: var(--th-radius-full);
      padding: var(--th-space-3) var(--th-space-2-5);
      margin-bottom: var(--th-space-3-5);
      position: relative;
      z-index: 1;
      box-shadow: var(--th-shadow-lg);
      border: 1.5px solid var(--th-red-500);
    }

    .fsale__timer-unit {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--th-space-1);
      position: relative;
    }

    .fsale__timer-unit + .fsale__timer-unit::before {
      content: "";
      position: absolute;
      left: 0; top: var(--th-space-1-5); bottom: var(--th-space-1-5);
      width: 1px;
      background: var(--th-color-bg-tertiary);
    }

    .fsale__timer-num {
      font-size: var(--th-text-2xl);
      font-weight: var(--th-font-bold);
      line-height: 1;
      color: var(--th-red-500);
      letter-spacing: -1px;
      font-variant-numeric: tabular-nums;
      min-width: 32px;
      text-align: center;
      transition: color .2s;
    }

    .fsale__timer-num.is-urgent { color: var(--th-color-danger); }

    .fsale__timer-lbl {
      font-size: var(--th-text-2xs);
      font-weight: var(--th-font-bold);
      color: var(--th-neutral-300);
      letter-spacing: .5px;
      text-transform: uppercase;
    }

    /* ════════════════════════════════════
       3. AÇIKLAMA
    ════════════════════════════════════ */
    .fsale__desc {
      font-size: var(--th-text-xs-plus);
      font-weight: var(--th-font-medium);
      color: color-mix(in srgb, var(--th-neutral-0) 82%, transparent);
      text-align: center;
      margin: 0 0 var(--th-space-3-5);
      line-height: 1.5;
      position: relative;
      z-index: 1;
    }

    /* ════════════════════════════════════
       4. ÇOKLU ÜRÜN İNDİRİM TABLOSU
    ════════════════════════════════════ */
    .fsale__bulk {
      background: color-mix(in srgb, var(--th-red-500) 68%, transparent);
      border: 1px solid color-mix(in srgb, var(--th-neutral-0) 22%, transparent);
      border-radius: var(--th-radius-xl);
      overflow: hidden;
      margin-bottom: var(--th-space-3-5);
      position: relative;
      z-index: 1;
    }

    .fsale__bulk-head {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--th-space-2);
      padding: var(--th-space-2-5) 14px var(--th-space-2);
      border-bottom: 1px solid color-mix(in srgb, var(--th-neutral-0) 15%, transparent);
    }

    .fsale__bulk-head svg {
      width: 14px; height: 14px;
      flex-shrink: 0;
      color: var(--th-color-text-inverse);
    }

    .fsale__bulk-title {
      font-size: var(--th-text-xs-plus);
      font-weight: var(--th-font-bold);
      color: var(--th-color-text-inverse);
      letter-spacing: .05px;
    }

    .fsale__bulk-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

    .fsale__bulk-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--th-space-2) 14px;
      gap: var(--th-space-1-5);
      border-right: 1px solid color-mix(in srgb, var(--th-neutral-0) 10%, transparent);
      border-bottom: 1px solid color-mix(in srgb, var(--th-neutral-0) 10%, transparent);
    }

    /* Son satır alt border'ı kaldır */
    .fsale__bulk-item:nth-child(3),
    .fsale__bulk-item:nth-child(4) {
      border-bottom: none;
    }

    /* Sağ kolon border'ı kaldır */
    .fsale__bulk-item:nth-child(even) {
      border-right: none;
    }

    .fsale__bulk-qty {
      display: flex;
      align-items: center;
      gap: var(--th-space-1);
    }

    .fsale__bulk-qty-num {
      font-size: var(--th-text-sm);
      font-weight: var(--th-font-bold);
      color: var(--th-color-text-inverse);
    }

    .fsale__bulk-qty-label {
      font-size: var(--th-text-2xs);
      font-weight: var(--th-font-semibold);
      color: color-mix(in srgb, var(--th-neutral-0) 65%, transparent);
    }

    .fsale__bulk-disc {

      border: 1px solid color-mix(in srgb, var(--th-neutral-0) 30%, transparent);
      border-radius: var(--th-radius-full);
      padding: var(--th-space-1) 9px;
      font-size: var(--th-text-xs);
      font-weight: var(--th-font-semibold);
      color: var(--th-color-text-inverse);
      letter-spacing: .1px;
      white-space: nowrap;
    }

    /* En yüksek indirim vurgusu */
    .fsale__bulk-item--best .fsale__bulk-disc {

      border-color: color-mix(in srgb, var(--th-neutral-0) 55%, transparent);
    }

    .fsale__bulk-item--best .fsale__bulk-qty-num {
      color: var(--th-color-text-inverse);
    }

    

    

    

    

    

    

    
    
    
    

    @keyframes fsale-pulse {
      0%,100% { opacity: .4; transform: scaleY(.6); }
      50%      { opacity: 1;  transform: scaleY(1); }
    }

    /* ════════════════════════════════════
       6. CTA BUTONU
    ════════════════════════════════════ */
.fsale__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--th-space-2);
    text-decoration: none;
    background: var(--th-color-bg);
    color: var(--th-color-danger);
    font-size: var(--th-text-sm);
    padding: var(--th-space-3) 1px;
    border-radius: var(--th-radius-full);
    width: 100%;
    position: relative;
    z-index: 1;
    border: 1.5px solid var(--th-red-500);
}

    .fsale__cta:hover {
      background: var(--th-red-50);
      transform: translateY(-2px);
      box-shadow: var(--th-shadow-lg);
    }

    .fsale__cta svg { transition: transform .14s; flex-shrink: 0; }
    .fsale__cta:hover svg { transform: translateX(3px); }

    /* ════════════════════════════════════
       MASAÜSTÜ  ≥ 660px — sadece genişler
    ════════════════════════════════════ */
    @media (min-width: 660px) {
      .fsale {
        max-width: 640px;
        padding: var(--th-space-5) 25px 44px 25px;
        border-radius: 2var(--th-radius-xs) 0px 0px 22px;
      }

      .fsale__title { font-size: var(--th-text-xl); }

      .fsale__timer { padding: var(--th-space-3) var(--th-space-5); }
      .fsale__timer-num { font-size: var(--th-text-3xl); }

      .fsale__bulk-title { font-size: var(--th-text-sm); }
      .fsale__bulk-qty-num { font-size: var(--th-text-base); }
      .fsale__bulk-disc { font-size: var(--th-text-xs-plus); }

      .fsale__cta { font-size: var(--th-text-base); }
    }

            @media (max-width: 768px) {
      .fsale {
        max-width: 640px;
        padding: var(--th-space-5) 25px 44px 25px;
       border-radius: 2var(--th-radius-xs) 22px 22px 22px;

      background: linear-gradient(165deg, var(--th-red-600) 0%, var(--th-orange-500) 40%, var(--th-orange-400) 75%, var(--th-orange-200) 100%);
      }
      .fsale__bulk {
display:none;
    }
      .fsale__badge {

    top: 21px;
    right: 7px;

}
            }



/* ═══════════════════════════════════════════════════════════════════
   FAZ 6.1 — GÜVEN SİNYALLERİ (Trust Signals)
   SSL badge, checkout trust bar, satisfaction counter,
   review highlight cards, payment trust enhancements
   ═══════════════════════════════════════════════════════════════════ */

/* ── SSL / Secure Badge (Header) ── */
.th-ssl-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-1-5);
  padding: var(--th-space-1) var(--th-space-2-5);
  background: color-mix(in srgb, var(--th-color-success) 8%, transparent);
  border: var(--th-border-width-default) solid color-mix(in srgb, var(--th-color-success) 20%, transparent);
  border-radius: var(--th-radius-full);
  font-size: var(--th-text-xs);
  font-weight: var(--th-font-medium);
  color: var(--th-color-success);
  white-space: nowrap;
  transition: background var(--th-transition-fast);
}
.th-ssl-badge i {
  font-size: var(--th-text-sm);
}
.th-ssl-badge:hover {
  background: color-mix(in srgb, var(--th-color-success) 14%, transparent);
}

/* ── Checkout Trust Bar ── */
.th-checkout-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--th-space-4);
  padding: var(--th-space-3) var(--th-space-4);
  background: var(--th-checkout-trust-bg, var(--th-emerald-50));
  border: var(--th-border-width-default) solid var(--th-checkout-trust-border, var(--th-emerald-200));
  border-radius: var(--th-trust-radius);
  margin-bottom: var(--th-space-4);
}
.th-checkout-trust__item {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-1-5);
  font-size: var(--th-text-xs);
  font-weight: var(--th-font-medium);
  color: var(--th-checkout-trust-text, var(--th-emerald-700));
  white-space: nowrap;
}
.th-checkout-trust__item i {
  font-size: var(--th-text-sm);
  color: var(--th-checkout-trust-icon, var(--th-emerald-600));
}
.th-checkout-trust__sep {
  width: 1px;
  height: var(--th-space-4);
  background: var(--th-checkout-trust-border, var(--th-emerald-200));
}
@media (max-width: 576px) {
  .th-checkout-trust {
    flex-wrap: wrap;
    gap: var(--th-space-2);
    padding: var(--th-space-2-5) var(--th-space-3);
  }
  .th-checkout-trust__sep { display: none; }
  .th-checkout-trust__item { font-size: var(--th-text-2xs); }
}

/* ── Müşteri Memnuniyet Sayacı ── */
.th-satisfaction {
  display: flex;
  align-items: center;
  gap: var(--th-space-3);
  padding: var(--th-trust-padding);
  background: var(--th-trust-bg);
  border: var(--th-border-width-default) solid var(--th-trust-border);
  border-radius: var(--th-trust-radius);
}
.th-satisfaction__number {
  font-size: var(--th-text-3xl);
  font-weight: var(--th-font-black);
  color: var(--th-color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
}
.th-satisfaction__label {
  font-size: var(--th-trust-title-font);
  font-weight: var(--th-trust-title-weight);
  color: var(--th-trust-title-color);
  line-height: var(--th-leading-snug);
}
.th-satisfaction__label span {
  display: block;
  font-size: var(--th-trust-desc-font);
  font-weight: normal;
  color: var(--th-trust-desc-color);
}
.th-satisfaction__stars {
  display: flex;
  gap: var(--th-space-0-5);
  color: var(--th-color-accent);
  font-size: var(--th-text-sm);
  margin-top: var(--th-space-1);
}

/* ── Review Highlight Cards (Müşteri Yorumları Widget) ── */
.th-review-highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--th-space-4);
}
.th-review-card {
  display: flex;
  flex-direction: column;
  gap: var(--th-space-3);
  padding: var(--th-space-5);
  background: var(--th-color-bg);
  border: var(--th-border-width-default) solid var(--th-color-border-light);
  border-radius: var(--th-trust-radius);
  transition: box-shadow var(--th-transition-fast), border-color var(--th-transition-fast);
}
.th-review-card:hover {
  border-color: var(--th-color-primary);
  box-shadow: var(--th-shadow-md);
}
.th-review-card__stars {
  display: flex;
  gap: var(--th-space-0-5);
  color: var(--th-color-accent);
  font-size: var(--th-text-sm);
}
.th-review-card__text {
  font-size: var(--th-text-sm);
  color: var(--th-color-text);
  line-height: var(--th-leading-relaxed);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.th-review-card__author {
  display: flex;
  align-items: center;
  gap: var(--th-space-2-5);
  margin-top: auto;
}
.th-review-card__avatar {
  width: var(--th-space-8);
  height: var(--th-space-8);
  border-radius: var(--th-radius-full);
  background: color-mix(in srgb, var(--th-color-primary) 10%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--th-text-sm);
  font-weight: var(--th-font-bold);
  color: var(--th-color-primary);
  flex-shrink: 0;
}
.th-review-card__name {
  font-size: var(--th-text-sm);
  font-weight: var(--th-font-semibold);
  color: var(--th-color-text);
  line-height: 1.2;
}
.th-review-card__date {
  font-size: var(--th-text-xs);
  color: var(--th-color-text-muted);
}
.th-review-card__verified {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-1);
  font-size: var(--th-text-xs);
  color: var(--th-color-success);
  font-weight: var(--th-font-medium);
}
.th-review-card__verified i {
  font-size: var(--th-text-xs);
}
.th-review-card__photo {
  width: 100%;
  border-radius: var(--th-radius-md);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media (max-width: 768px) {
  .th-review-highlights { grid-template-columns: 1fr; }
  .th-review-card { padding: var(--th-space-4); }
}

/* ── PDP Trust Guarantees (Ürün Sayfası Güven Şeridi) ── */
.th-pdp-trust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--th-space-2);
  padding: var(--th-trust-pdp-padding);
  border: var(--th-border-width-default) solid var(--th-trust-border);
  border-radius: var(--th-trust-radius);
  background: var(--th-trust-bg);
}
.th-pdp-trust__item {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-1-5);
  font-size: var(--th-trust-pdp-font);
  color: var(--th-trust-title-color);
  font-weight: var(--th-font-medium);
}
.th-pdp-trust__item i {
  color: var(--th-trust-icon-color);
  font-size: var(--th-text-sm);
}
.th-pdp-trust__sep {
  color: var(--th-color-border);
}

/* ── ETBİS Rozeti (Geliştirilmiş) ── */
.th-etbis-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-2);
  padding: var(--th-space-2) var(--th-space-3);
  background: color-mix(in srgb, var(--th-color-primary) 5%, transparent);
  border: var(--th-border-width-default) solid color-mix(in srgb, var(--th-color-primary) 15%, transparent);
  border-radius: var(--th-radius-md);
  text-decoration: none;
  transition: border-color var(--th-transition-fast), background var(--th-transition-fast);
}
.th-etbis-badge:hover {
  border-color: var(--th-color-primary);
  background: color-mix(in srgb, var(--th-color-primary) 10%, transparent);
}
.th-etbis-badge img {
  width: var(--th-space-6);
  height: auto;
}
.th-etbis-badge__text {
  font-size: var(--th-text-xs);
  font-weight: var(--th-font-medium);
  color: var(--th-color-text);
  line-height: 1.3;
}
.th-etbis-badge__text strong {
  display: block;
  font-weight: var(--th-font-semibold);
  color: var(--th-color-primary);
}

/* ── Payment Logos Enhanced Strip ── */
.th-payment-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--th-space-3);
  padding: var(--th-space-3) var(--th-space-4);
  background: var(--th-color-bg-secondary);
  border-radius: var(--th-trust-radius);
}
.th-payment-strip__logo {
  height: var(--th-space-6);
  width: auto;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: opacity var(--th-transition-fast), filter var(--th-transition-fast);
}
.th-payment-strip__logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}
@media (max-width: 576px) {
  .th-payment-strip {
    flex-wrap: wrap;
    gap: var(--th-space-2);
    padding: var(--th-space-2-5) var(--th-space-3);
  }
  .th-payment-strip__logo { height: var(--th-space-5); }
}

/* ── Trust Counter Animation ── */
@keyframes th-count-up {
  from { opacity: 0; transform: translateY(var(--th-space-2)); }
  to   { opacity: 1; transform: translateY(0); }
}
.th-satisfaction[data-animated] .th-satisfaction__number {
  animation: th-count-up 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .th-satisfaction[data-animated] .th-satisfaction__number,
  .th-review-card {
    animation: none;
    transition: none;
  }
}



/* ═══════════════════════════════════════════════════════════════════
   FAZ 6.3 — İADE & DESTEK
   Return badge, return stepper, WhatsApp pulse, support form,
   FAQ accordion + search
   ═══════════════════════════════════════════════════════════════════ */

/* ── PDP Return Badge ("14 gün ücretsiz iade") ── */
.th-return-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--th-space-2);
  padding: var(--th-space-2) var(--th-space-3);
  background: color-mix(in srgb, var(--th-color-success) 6%, transparent);
  border: var(--th-border-width-default) solid color-mix(in srgb, var(--th-color-success) 18%, transparent);
  border-radius: var(--th-radius-md);
  font-size: var(--th-text-xs);
  font-weight: var(--th-font-medium);
  color: var(--th-color-success);
}
.th-return-badge i {
  font-size: var(--th-text-sm);
}
.th-return-badge strong {
  font-weight: var(--th-font-bold);
}

/* ── İade Stepper (Return Process Steps) ── */
.th-return-stepper {
  display: flex;
  align-items: flex-start;
  gap: var(--th-stepper-gap);
  padding: var(--th-space-4) 0;
}
.th-return-stepper__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  text-align: center;
  position: relative;
}
.th-return-stepper__step:not(:last-child)::after {
  content: '';
  position: absolute;
  top: calc(var(--th-stepper-size) / 2);
  left: calc(50% + var(--th-stepper-size) / 2 + var(--th-space-1));
  right: calc(-50% + var(--th-stepper-size) / 2 + var(--th-space-1));
  height: var(--th-stepper-line-width);
  background: var(--th-stepper-line-color);
  transition: background var(--th-transition-fast);
}
.th-return-stepper__step.completed:not(:last-child)::after {
  background: var(--th-stepper-line-active);
}
.th-return-stepper__circle {
  width: var(--th-stepper-size);
  height: var(--th-stepper-size);
  border-radius: var(--th-radius-full);
  background: var(--th-stepper-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--th-text-sm);
  font-weight: var(--th-font-semibold);
  color: var(--th-stepper-text);
  margin-bottom: var(--th-space-2);
  transition: background var(--th-transition-fast), color var(--th-transition-fast);
}
.th-return-stepper__step.active .th-return-stepper__circle {
  background: var(--th-stepper-active-bg);
  color: var(--th-stepper-active-text);
}
.th-return-stepper__step.completed .th-return-stepper__circle {
  background: var(--th-stepper-complete-bg);
  color: var(--th-stepper-complete-text);
}
.th-return-stepper__step.error .th-return-stepper__circle {
  background: var(--th-stepper-error-bg);
  color: var(--th-neutral-0);
}
.th-return-stepper__label {
  font-size: var(--th-stepper-label-font);
  color: var(--th-stepper-label-color);
  line-height: var(--th-leading-snug);
}
.th-return-stepper__step.active .th-return-stepper__label {
  color: var(--th-color-primary);
  font-weight: var(--th-font-semibold);
}

@media (max-width: 576px) {
  .th-return-stepper { flex-direction: column; align-items: stretch; gap: 0; }
  .th-return-stepper__step { flex-direction: row; text-align: left; gap: var(--th-space-3); padding: var(--th-space-2-5) 0; }
  .th-return-stepper__step:not(:last-child)::after {
    top: calc(var(--th-stepper-size) + var(--th-space-1));
    left: calc(var(--th-stepper-size) / 2 - var(--th-stepper-line-width) / 2);
    right: auto;
    width: var(--th-stepper-line-width);
    height: var(--th-space-5);
  }
  .th-return-stepper__circle { margin-bottom: 0; flex-shrink: 0; }
}

/* ── WhatsApp Pulse Animation (enhancement for existing widget) ── */
@keyframes th-wa-pulse {
  0%   { box-shadow: var(--th-whatsapp-shadow), 0 0 0 0 var(--th-whatsapp-pulse-color); }
  70%  { box-shadow: var(--th-whatsapp-shadow), 0 0 0 12px transparent; }
  100% { box-shadow: var(--th-whatsapp-shadow), 0 0 0 0 transparent; }
}
.th-wa-widget.th-pulse-active {
  animation: th-wa-pulse 2s infinite;
}