/* /ux_builder/static/css/carousel.css */
.uxb-carousel{position:relative;}
/* ── Head (title + badge) ── */
.uxb-carousel .uxb-head{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.uxb-carousel .uxb-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:#4f46e5;color:#fff;font-weight:600;font-size:.875rem;white-space:nowrap;}

/* ── Card padding override: убираем padding у белой карточки, а паддинг даём только шапке ── */
.uxb-carousel.related-products-block{padding:0;}
.uxb-carousel .uxb-head{padding:40px;padding-bottom: 10px;} /* заголовок имеет свои 40px */

/* ── Полотно слайдера ── */
.uxb-carousel .swiper{overflow:hidden;}
.uxb-carousel .swiper-slide{height:auto;box-sizing:border-box;padding-bottom:10px;} /* небольшой «воздух» под карточкой */

/* ── Стрелки ── */
.uxb-carousel .swiper-button-prev,.uxb-carousel .swiper-button-next{color:#2563eb;background:#fff;width:36px;height:36px;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12);top:50%;transform:translateY(-50%);}
.uxb-carousel .swiper-button-prev:hover,.uxb-carousel .swiper-button-next:hover{background:#2563eb;color:#fff;}
.uxb-carousel .swiper-button-prev:after,.uxb-carousel .swiper-button-next:after{font-size:14px;font-weight:600;}
.uxb-carousel .swiper-button-prev{left:8px;}
.uxb-carousel .swiper-button-next{right:8px;}
@media (min-width:1280px){.uxb-carousel .swiper-button-prev{left:12px;}.uxb-carousel .swiper-button-next{right:12px;}}

/* ── Mobile: фикс переполнения. Было -16px; ставим 0, чтобы слайды не выходили за края белого блока ── */
@media (max-width:640px){
  .uxb-carousel .swiper{margin-left:0;margin-right:0;} /* ← ИСПРАВЛЕНО */
  .uxb-carousel .swiper-button-prev{left:6px;}
  .uxb-carousel .swiper-button-next{right:6px;}
  .text-3xl { font-size: 1.2rem; line-height: 1.3; }
  .product-name { font-size: 16px; }
  .uxb-carousel .uxb-badge{font-size:.75rem;padding:.25rem .5rem;}
  .uxb-carousel .uxb-head {padding: 20px; padding-bottom: 0px;}
}