/* === Slider grid: image radius + mid-down overlay text === */
:root{
  --slider-radius: 18px;       /* tweak as needed */
  --overlay-top: 58%;          /* vertical anchor for content box */
  --overlay-side-gap: 5vw;     /* horizontal breathing room on desktop */
  --overlay-maxw: 48ch;        /* keep text readable, not full width */
  --overlay-bg: rgba(0,0,0,.45); /* dark glass background for contrast */
}

/* Nuke paddings/margins/min-heights from Impreza/Owl wrappers inside this slider */
.slider-grid,
.slider-grid .w-grid-list,
.slider-grid .w-grid-item,
.slider-grid .w-grid-item-h,
.slider-grid article,
.slider-grid .w-vwrapper,
.slider-grid .w-hwrapper,
.slider-grid .w-post-elm {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Keep the slide box height strictly defined by the image */
.slider-grid__item{
  position: relative;
  overflow: hidden;       /* prevents any overlay from increasing layout height */
  line-height: 0;         /* removes inline-image whitespace */
}

/* Image defines the height */
.slider-grid__image{
  position: relative;
  border-radius: 18px;    /* your requested radius */
  overflow: hidden;
}
.slider-grid__image img{
  display: block;         /* no extra gap below image */
  width: 100%;
  height: auto;           /* natural aspect controls slider height */
  border-radius: inherit;
}

/* Optional—legibility gradient only on the image */
.slider-grid__image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.38) 100%);
}

/* Absolutely position the content OVER the image (doesn't affect layout height) */
.slider-grid__content-wrapper{
  position: relative!important;
  width: 80%!important;
  left: 0%;
  bottom: 10%;                /* move up/down as needed */
  transform: translateX(-50%);
  z-index: 5;
  width: min(92%, 48ch);      /* readable, not fullwidth */
  margin: 0;
  pointer-events: none;       /* keeps swipe working */
}
.slider-grid__content{
  pointer-events: auto;
  color: #fff;
  background: rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding: 1rem 1.25rem;
  border-radius: 12px;
  line-height: 1.45;
}
.slider-grid__content p{ margin:0; }

/* Ensure Owl/Impreza containers don’t impose heights */
.slider-grid .owl-stage-outer,
.slider-grid .owl-stage,
.slider-grid .owl-item {
  height: auto !important;
}

/* Dots/nav of Owl shouldn’t push layout; keep outside or zero their margins here */
.slider-grid .owl-dots,
.slider-grid .owl-nav {
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive tweaks */
@media (max-width:1024px){
  .slider-grid__content-wrapper{ bottom: 8%; width: min(94%, 52ch); }
}
@media (max-width:600px){
  .slider-grid__content-wrapper{ bottom: 6%; width: 92%; }
  .slider-grid__content{ padding:.85rem 1rem; border-radius:10px; }
}