.rib{position:fixed;bottom:var(--rib-alt);z-index:99990;display:flex;flex-direction:column;gap:12px;font-family:inherit}
.rib--sag{right:var(--rib-yan);align-items:flex-end}
.rib--sol{left:var(--rib-yan);align-items:flex-start}

.rib-btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--rib-boyut);height:var(--rib-boyut);border-radius:50%;color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px -6px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.rib-btn--wa{background:var(--rib-wa)}
.rib-btn--ara{background:var(--rib-ara)}
.rib-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(0,0,0,.45)}
.rib-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px rgba(0,0,0,.6)}

.rib-ikon{display:flex;width:52%;height:52%}
.rib-ikon svg,.rib-ikon img{width:100%;height:100%;object-fit:contain}

.rib-etiket{position:absolute;top:50%;white-space:nowrap;padding:7px 12px;border-radius:6px;background:#fff;color:#1a1a1a;font-size:14px;line-height:1.2;font-weight:500;box-shadow:0 4px 14px -4px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(-50%) translateX(6px);transition:opacity .18s ease,transform .18s ease}
.rib--sag .rib-etiket{right:calc(100% + 12px)}
.rib--sol .rib-etiket{left:calc(100% + 12px);transform:translateY(-50%) translateX(-6px)}
.rib:not(.rib--etiketli) .rib-etiket{display:none}
.rib--etiketli .rib-btn:hover .rib-etiket,.rib--etiketli .rib-btn:focus-visible .rib-etiket{opacity:1;transform:translateY(-50%) translateX(0)}

.rib--nabiz .rib-btn--wa::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--rib-wa);z-index:-1;animation:rib-nabiz 2.4s ease-out infinite}
@keyframes rib-nabiz{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(1.55);opacity:0}}

@media (min-width:768px){.rib--masaustu-gizle{display:none!important}}
@media (max-width:767px){
  .rib--mobil-gizle{display:none!important}
  .rib-etiket{display:none}
  .rib--serit{left:0;right:0;bottom:0;flex-direction:row;gap:0;align-items:stretch}
  .rib--serit .rib-btn{flex:1;width:auto;height:52px;border-radius:0;box-shadow:none;gap:8px;transform:none}
  .rib--serit .rib-btn::after{display:none}
  .rib--serit .rib-ikon{width:22px;height:22px}
  .rib--serit .rib-etiket{display:block;position:static;opacity:1;transform:none;background:none;box-shadow:none;padding:0;color:#fff;font-weight:600}
  body:has(.rib--serit){padding-bottom:52px}
}
@media (prefers-reduced-motion:reduce){.rib-btn,.rib-etiket{transition:none}.rib--nabiz .rib-btn--wa::after{animation:none;display:none}}