.raad-tcm{
  --cards-per-view:4;
  --card-gap:7px;
  --viewport-width:100vw;
  width:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
.raad-tcm,.raad-tcm *{box-sizing:border-box}
.raad-tcm__heading{
  margin:0 0 52px;
  padding:0;
  text-align:center;
  color:#111;
  font-size:27px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:5px;
  text-transform:uppercase;
}
.raad-tcm__viewport{position:relative;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom;-ms-touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}
.raad-tcm__track{
  display:flex;
  align-items:stretch;
  gap:var(--card-gap);
  width:max-content;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.raad-tcm__slide{
  flex:0 0 calc((var(--viewport-width) - (var(--card-gap) * (var(--cards-per-view) - 1))) / var(--cards-per-view));
  width:calc((var(--viewport-width) - (var(--card-gap) * (var(--cards-per-view) - 1))) / var(--cards-per-view));
  min-width:0;
  max-width:none;
}
.raad-tcm__card{
  position:relative;
  display:block;
  width:100%;
  height:630px;
  overflow:hidden;
  background:#0b0b0b;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
}
.raad-tcm__image,.raad-tcm__placeholder{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center;
  transform:scale(1.001);
  transform-origin:center;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.raad-tcm__placeholder{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.001);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.raad-tcm__placeholder{background:linear-gradient(135deg,#242424,#090909)!important}
.raad-tcm__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.04) 28%,rgba(0,0,0,.82) 100%)}
.raad-tcm__content{
  position:absolute;
  z-index:2;
  left:0;right:0;bottom:0;
  display:flex;
  align-items:flex-end;
  gap:13px;
  padding:24px 28px 28px;
}
.raad-tcm__title{
  display:block;
  max-width:75%;
  color:#fff;
  font-size:31px;
  font-weight:300;
  line-height:.88;
  letter-spacing:-1.1px;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}
.raad-tcm__chevron{
  flex:0 0 14px;
  width:14px;height:14px;
  margin-bottom:4px;
  border-top:3px solid #d71920;
  border-right:3px solid #d71920;
  transform:rotate(45deg);
  transition:transform .35s ease;
}
.raad-tcm__card::after{
  content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;
  background:#d71920;transform:scaleX(0);transform-origin:left;transition:transform .35s ease;
}
.raad-tcm__card:hover::after{transform:scaleX(1)}
.raad-tcm__card:hover .raad-tcm__image{transform:scale(1.045);filter:brightness(1.05)}
.raad-tcm__card:hover .raad-tcm__chevron{transform:translateX(5px) rotate(45deg)}
.raad-tcm__nav{
  position:absolute;z-index:5;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border:0;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.92);color:#111;
  font-size:31px;line-height:1;cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.2);
}
.raad-tcm__nav--prev{left:16px}.raad-tcm__nav--next{right:16px}
.raad-tcm.is-dragging,.raad-tcm.is-dragging *{cursor:grabbing!important;user-select:none}

@media(max-width:1024px){
  .raad-tcm{--cards-per-view:2}
  .raad-tcm__card{height:520px}
  .raad-tcm__title{font-size:27px}
}
@media(max-width:767px){
  .raad-tcm{--cards-per-view:1;padding-left:0!important;padding-right:0!important}
  .raad-tcm__heading{font-size:21px;letter-spacing:4px;margin-bottom:28px;padding:0 18px}
  .raad-tcm__card{height:520px}
  .raad-tcm__content{padding:20px 22px 25px}
  .raad-tcm__title{font-size:29px;max-width:84%}
  .raad-tcm__nav{width:38px;height:38px;font-size:27px}
  .raad-tcm__nav--prev{left:10px}.raad-tcm__nav--next{right:10px}
}
@media(prefers-reduced-motion:reduce){
  .raad-tcm__track,.raad-tcm__image,.raad-tcm__chevron{transition:none!important}
}

/* True edge-to-edge mode, independent of Elementor/WoodMart container width. */
.raad-tcm--fullbleed{
  position:relative;
  left:50%;
  right:50%;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
}
.raad-tcm--fullbleed .raad-tcm__viewport{width:100vw!important;max-width:100vw!important}
.raad-tcm__track{transition:none!important}

/* v1.0.5 runtime state */
.raad-tcm:not(.raad-tcm--running) .raad-tcm__track{transform:translate3d(0,0,0)}
.raad-tcm--running .raad-tcm__track{will-change:transform}

/* v1.0.6 touch and swipe fix */
.raad-tcm__viewport,.raad-tcm__track,.raad-tcm__slide,.raad-tcm__card{-webkit-user-drag:none}
.raad-tcm__image{pointer-events:none}
.raad-tcm.is-touching .raad-tcm__track{will-change:transform}
.raad-tcm.is-dragging .raad-tcm__card{pointer-events:none}

/* v1.0.7 category click reliability */
.raad-tcm__card{cursor:pointer;pointer-events:auto!important}
.raad-tcm__overlay,.raad-tcm__content,.raad-tcm__title,.raad-tcm__chevron{pointer-events:none}
.raad-tcm.is-dragging .raad-tcm__card{pointer-events:none!important}
