.raadi-component--social-video-carousel{position:relative;padding:0!important;margin:0!important}
.raadi-social-video-carousel{--raadi-social-video-columns:4;--raadi-social-video-gap:18px;--raadi-social-video-ratio:1.777;--raadi-social-video-hover-scale:1.045;position:relative}
.raadi-social-video-carousel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:4px}
.raadi-social-video-carousel__viewport::-webkit-scrollbar{display:none}
.raadi-social-video-carousel__track{display:flex;gap:var(--raadi-social-video-gap);direction:rtl}
.raadi-social-video-card{position:relative;flex:0 0 calc((100% - (var(--raadi-social-video-columns) - 1)*var(--raadi-social-video-gap))/var(--raadi-social-video-columns));aspect-ratio:9/16;min-width:0;padding:0;border:1px solid var(--raadi-border);border-radius:24px;background:var(--raadi-surface-2);overflow:hidden;scroll-snap-align:start;color:#fff;cursor:pointer;text-align:right;isolation:isolate}
.raadi-social-video-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 38%,var(--raadi-social-video-overlay,rgba(0,0,0,.78)) 100%);transition:.25s}
.raadi-social-video-card__media,.raadi-social-video-card__media img,.raadi-social-video-card__placeholder{position:absolute;inset:0;display:block;width:100%;height:100%}
.raadi-social-video-card__media img{object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.raadi-social-video-card:hover .raadi-social-video-card__media img,.raadi-social-video-card:focus-visible .raadi-social-video-card__media img{transform:scale(var(--raadi-social-video-hover-scale))}
.raadi-social-video-card__placeholder{background:radial-gradient(circle at 30% 20%,var(--course-accent-soft),transparent 38%),linear-gradient(145deg,var(--raadi-surface-3),#0d0f12)}
.raadi-social-video-card__play{position:absolute;inset:50% auto auto 50%;z-index:3;display:grid;place-items:center;width:62px;height:62px;transform:translate(-50%,-50%);border-radius:50%;background:var(--course-accent);color:var(--course-on-accent,#fff);box-shadow:0 18px 44px var(--course-accent-glow)}
.raadi-social-video-card__play svg{width:1em;height:1em;transform:translateX(1px)}
.raadi-social-video-card__duration{position:absolute;z-index:3;top:14px;left:14px;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.55);font-size:11px;color:#fff;backdrop-filter:blur(10px)}
.raadi-social-video-card__content{position:absolute;z-index:3;right:18px;left:18px;bottom:18px;display:flex;flex-direction:column;gap:5px}
.raadi-social-video-card__title{font-size:17px;line-height:1.55;color:#fff}
.raadi-social-video-card__meta{font-size:12px;color:rgba(255,255,255,.72)}
.raadi-social-video-carousel__nav{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid var(--raadi-border-strong);border-radius:14px;background:rgba(18,20,24,.9);color:var(--raadi-text-primary);font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(12px)}
.raadi-social-video-carousel__nav.is-prev{right:-18px}.raadi-social-video-carousel__nav.is-next{left:-18px}
.raadi-social-video-carousel__nav:disabled{opacity:.35;cursor:not-allowed}
.raadi-social-video-carousel__dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.raadi-social-video-carousel__dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:var(--raadi-border-strong);cursor:pointer;transition:.2s}
.raadi-social-video-carousel__dots button.is-active{width:26px;background:var(--course-accent)}
.raadi-social-video-modal[hidden]{display:none!important}
.raadi-social-video-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px}
.raadi-social-video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}
.raadi-social-video-modal__dialog{position:relative;z-index:1;width:min(430px,92vw);aspect-ratio:9/16;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#000;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.raadi-social-video-modal__media,.raadi-social-video-modal__media iframe,.raadi-social-video-modal__media video{width:100%;height:100%;display:block;border:0;object-fit:contain;background:#000}
.raadi-social-video-modal__close{position:absolute;z-index:3;top:12px;left:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(0,0,0,.55);color:#fff;font-size:24px;cursor:pointer}
@media(max-width:767px){.raadi-social-video-carousel{--raadi-social-video-columns:1}.raadi-social-video-carousel__nav{width:40px;height:40px}.raadi-social-video-carousel__nav.is-prev{right:6px}.raadi-social-video-carousel__nav.is-next{left:6px}}
@media(prefers-reduced-motion:reduce){.raadi-social-video-card__media img,.raadi-social-video-carousel__dots button{transition:none!important}}

/* 0.3.2-alpha.3 — visible placeholder cards and stable carousel sizing */
.raadi-component--social-video-carousel{
	display:block;
	width:100%;
	min-width:0;
}
.raadi-social-video-carousel__track{width:100%;min-height:420px}
.raadi-social-video-card{appearance:none;font:inherit}
.raadi-social-video-card.is-placeholder{cursor:default}
.raadi-social-video-card__placeholder{
	display:grid;
	place-items:center;
	background:
		radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--course-accent) 38%,transparent),transparent 36%),
		radial-gradient(circle at 78% 74%,rgba(255,255,255,.07),transparent 34%),
		linear-gradient(155deg,var(--raadi-surface-4),#0d0f12 72%);
}
.raadi-social-video-card:nth-child(2n) .raadi-social-video-card__placeholder{background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--course-accent) 32%,transparent),transparent 36%),linear-gradient(155deg,#242730,#0d0f12 72%)}
.raadi-social-video-card:nth-child(3n) .raadi-social-video-card__placeholder{background:radial-gradient(circle at 32% 78%,color-mix(in srgb,var(--course-accent) 34%,transparent),transparent 36%),linear-gradient(155deg,#20242a,#0b0d10 72%)}
.raadi-social-video-card__placeholder>span{
	display:grid;
	place-items:center;
	width:92px;
	height:92px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:50%;
	background:rgba(0,0,0,.2);
	color:rgba(255,255,255,.9);
	font:800 36px/1 var(--raadi-font-heading);
	backdrop-filter:blur(8px);
}
.raadi-social-video-card.is-placeholder .raadi-social-video-card__play{
	inset:18px auto auto 18px;
	width:auto;
	height:auto;
	padding:7px 10px;
	transform:none;
	border:1px solid var(--course-accent-border);
	border-radius:10px;
	background:rgba(12,14,17,.72);
	box-shadow:none;
	color:var(--course-accent);
}
.raadi-social-video-card__sample-label{font-size:11px;font-weight:760;white-space:nowrap}
@media(max-width:767px){.raadi-social-video-carousel__track{min-height:440px}}

/* 0.4.0-rc.1 — stable RTL carousel navigation */
.raadi-social-video-carousel{--raadi-social-nav-inset:12px}
.raadi-social-video-carousel__nav{
  top:50%;
  width:46px;
  height:46px;
  padding:0;
  transform:translateY(-50%);
  border:1px solid color-mix(in srgb,var(--raadi-border-strong) 84%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--raadi-surface-2) 90%,transparent);
  color:var(--raadi-text-primary);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  transition:color .2s,background-color .2s,border-color .2s,transform .2s,opacity .2s;
}
.raadi-social-video-carousel__nav.is-prev{right:var(--raadi-social-nav-inset)}
.raadi-social-video-carousel__nav.is-next{left:var(--raadi-social-nav-inset)}
.raadi-social-video-carousel__nav svg{
  display:block;
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.raadi-social-video-carousel__nav:hover,
.raadi-social-video-carousel__nav:focus-visible{
  color:var(--course-on-accent,#fff);
  background:var(--course-accent);
  border-color:var(--course-accent);
  transform:translateY(-50%) scale(1.04);
}
.raadi-social-video-carousel__nav:focus-visible{outline:3px solid color-mix(in srgb,var(--course-accent) 55%,transparent);outline-offset:3px}
.raadi-social-video-carousel__nav[hidden],
.raadi-social-video-carousel__dots[hidden]{display:none!important}
.raadi-social-video-carousel.is-static .raadi-social-video-carousel__viewport{cursor:default}
@media(max-width:767px){
  .raadi-social-video-carousel{--raadi-social-nav-inset:8px}
  .raadi-social-video-carousel__nav{width:40px;height:40px}
  .raadi-social-video-carousel__nav.is-prev{right:var(--raadi-social-nav-inset)}
  .raadi-social-video-carousel__nav.is-next{left:var(--raadi-social-nav-inset)}
}