/* The image and appointment copy occupy separate grid cells, including RTL layouts. */
body.aranu-ui[data-customer-reference] .studio-next.has-image {
 display:grid!important;
 direction:rtl!important;
 grid-template-columns:minmax(260px, .9fr) minmax(0, 1.9fr)!important;
 align-items:stretch!important;
 min-height:310px!important;
 background:var(--ui-surface,#fff)!important;
 overflow:hidden!important;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image::before,
body.aranu-ui[data-customer-reference] .studio-next.has-image::after,
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-media::before,
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-media::after {
 content:none!important;
 display:none!important;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-media {
 position:relative!important;
 inset:auto!important;
 grid-column:2!important;
 grid-row:1!important;
 z-index:auto!important;
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
 height:auto!important;
 min-height:310px!important;
 margin:0!important;
 overflow:hidden!important;
 isolation:isolate;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-media img {
 position:absolute!important;
 inset:0!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 object-fit:cover!important;
 object-position:center!important;
 transform:none!important;
 filter:none!important;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-copy {
 position:relative!important;
 inset:auto!important;
 grid-column:1!important;
 grid-row:1!important;
 align-self:stretch!important;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 min-width:0!important;
 width:100%!important;
 max-width:none!important;
 box-sizing:border-box!important;
 margin:0!important;
 padding:28px!important;
 background:var(--ui-surface,#fff)!important;
 overflow-wrap:anywhere;
 z-index:auto!important;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-copy > * {
 min-width:0;
 max-width:100%;
 box-sizing:border-box;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-copy h2 {
 font-size:clamp(19px,2vw,26px)!important;
 line-height:1.8!important;
}
body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-copy .studio-action {
 white-space:normal!important;
 text-align:center;
}
@media(max-width:760px) {
 body.aranu-ui[data-customer-reference] .studio-next.has-image {
  grid-template-columns:minmax(0,1fr)!important;
  min-height:0!important;
 }
 body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-media {
  grid-column:1!important;
  grid-row:1!important;
  height:clamp(200px,44vw,310px)!important;
  min-height:0!important;
 }
 body.aranu-ui[data-customer-reference] .studio-next.has-image .studio-next-copy {
  grid-column:1!important;
  grid-row:2!important;
  padding:22px!important;
 }
}
