/* WhatsApp düğmesi (destek ayarları: launcher = whatsapp). --klwa-lift: alttaki yapışkan çubuğun (sepete ekle / ödemeye geç) yüksekliği, whatsapp.js yazar. */
.klwa{--klwa-g:#25d366;--klwa-gd:#128c7e;--klwa-gap:20px;position:fixed;bottom:calc(var(--klwa-gap) + var(--klwa-lift,0px) + env(safe-area-inset-bottom,0px));z-index:900;display:flex;flex-direction:column;gap:12px;font-family:inherit;transition:bottom .25s ease,opacity .2s ease,visibility 0s}
.klwa--right{right:var(--klwa-gap);align-items:flex-end}.klwa--left{left:var(--klwa-gap);align-items:flex-start}
.klwa.is-away{opacity:0;visibility:hidden;pointer-events:none;transition:bottom .25s ease,opacity .2s ease,visibility 0s .2s} /* transform yok: ölçülen konum değişmesin (titreme) */
.klwa *{box-sizing:border-box}

.klwa__btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 16px;border-radius:999px;background:var(--klwa-g);color:#fff;text-decoration:none;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;box-shadow:0 10px 26px rgba(18,140,126,.35),0 2px 6px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s,background .2s;animation:klwa-in .45s cubic-bezier(.2,.9,.3,1.2) both}
.klwa__btn:hover{transform:translateY(-2px);background:#20bd5a;color:#fff;box-shadow:0 14px 32px rgba(18,140,126,.42),0 2px 6px rgba(0,0,0,.08)}
.klwa__btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--klwa-gd)}
.klwa__btn svg{width:28px;height:28px;flex:none}
.klwa--icon .klwa__btn{width:60px;height:60px;padding:0;justify-content:center}
/* dikkat halkası: ilk açılışta iki kez, sonra 20 sn'de bir */
.klwa__btn::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:klwa-ring 20s 1.2s infinite;pointer-events:none}
.klwa__dot{position:absolute;top:6px;left:38px;width:12px;height:12px;border-radius:50%;background:#7cf29c;border:2px solid var(--klwa-g)}
.klwa--icon .klwa__dot{left:auto;right:6px}
.klwa__dot.is-off{background:#f4b740}

.klwa__bubble{position:relative;width:min(300px,calc(100vw - 2 * var(--klwa-gap)));background:#fff;color:#1f2933;border-radius:16px;padding:14px 36px 14px 16px;box-shadow:0 18px 44px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.05);font-size:14px;line-height:1.45;cursor:pointer;animation:klwa-pop .3s ease both}
.klwa__bubble[hidden]{display:none}
.klwa__bubble::after{content:"";position:absolute;bottom:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 4px rgba(15,23,42,.05)}
.klwa--right .klwa__bubble::after{right:24px}.klwa--left .klwa__bubble::after{left:24px}
.klwa__bubble p{margin:0;font-weight:500}
.klwa__status{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#5f6b7a}
.klwa__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--klwa-g);flex:none}
.klwa__status.is-off::before{background:#f4b740}
.klwa__close{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#8a94a3;cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1}
.klwa__close:hover{background:#f1f3f5;color:#1f2933}

@keyframes klwa-in{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
@keyframes klwa-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes klwa-ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}6%{box-shadow:0 0 0 16px rgba(37,211,102,0)}7%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}13%,100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}

@media (max-width:640px){
  .klwa{--klwa-gap:14px}
  .klwa__btn{width:56px;height:56px;padding:0;justify-content:center}
  .klwa__btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .klwa__dot,.klwa--icon .klwa__dot{left:auto;right:4px;top:4px}
  .klwa__bubble{width:min(260px,calc(100vw - 28px));font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.klwa__btn,.klwa__btn::before,.klwa__bubble{animation:none}.klwa{transition:none}}
@media print{.klwa{display:none}}