:root{--sk-base:#f0f2f5;--sk-highlight:#e0e2e5;--sk-radius:12px;--sk-animation-duration:1.5s}
.skeletonize{pointer-events:none}
.skeletonize *{user-select:none}

/* Skeleton оверлей точно по размеру карточки */
.skeletonize .product-preview{position:relative}
.skeletonize .product-preview::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:var(--sk-base);
  border-radius:var(--sk-radius);
  z-index:100
}

/* Анимация подгрузки */
@keyframes skeleton-loading{
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}
.skeletonize .product-preview::before{
  background:linear-gradient(90deg,var(--sk-base) 0%,var(--sk-highlight) 50%,var(--sk-base) 100%);
  background-size:200% 100%;
  animation:skeleton-loading var(--sk-animation-duration) ease-in-out infinite
}

/* Мгновенное снятие маски */
.skeletonize--removing .product-preview::before{opacity:0;transition:opacity .1s ease}

/* Скрываем содержимое во время skeleton */
.skeletonize .product-preview__content{opacity:0}
.skeletonize--removing .product-preview__content{opacity:1;transition:opacity .15s ease}

/* Прячем навигацию виджета */
.skeletonize .special-products__slider-controls,
.skeletonize .splide__arrows{visibility:hidden}

/* Блокируем клики на контент */
.skeletonize .product-preview form{pointer-events:none}