/* SorfPazar mobile pull-to-refresh — isolated, non-layout-changing styles */
@media (max-width: 768px) {
  .sp-pull-refresh {
    position: fixed;
    top: max(8px, env(safe-area-inset-top));
    left: 50%;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-left: -19px;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 999px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 5px 18px rgba(15,23,42,.14);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0,-56px,0) scale(.82);
    transition: opacity .14s ease, transform .14s ease;
    will-change: transform, opacity;
  }

  .sp-pull-refresh.is-visible {
    opacity: 1;
  }

  .sp-pull-refresh__icon {
    width: 18px;
    height: 18px;
    color: #f27a1a;
    transform: rotate(var(--sp-pull-rotation, 0deg));
  }

  .sp-pull-refresh.is-ready .sp-pull-refresh__icon {
    color: #e65f00;
  }

  .sp-pull-refresh.is-loading .sp-pull-refresh__icon {
    animation: sp-pull-refresh-spin .72s linear infinite;
  }

  @keyframes sp-pull-refresh-spin {
    to { transform: rotate(360deg); }
  }

  @media (prefers-reduced-motion: reduce) {
    .sp-pull-refresh { transition: none; }
    .sp-pull-refresh.is-loading .sp-pull-refresh__icon { animation-duration: 1.2s; }
  }
}