.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
.glide * {
  box-sizing: inherit; }
.glide__track {
  overflow: hidden; }
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }
  .glide__slides--dragging {
    user-select: none; }
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  .glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none; }
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none; }
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none; }
.glide--rtl {
  direction: rtl; }


.offerings-carousel .glide-wrapper {
  /* max-width: 560px; */
  margin: 0 auto;
  position: relative;
}
.offerings-carousel .glide__arrows {
  position: absolute;
  top: 50%;
  left: 0; right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 8px;
}
.offerings-carousel .glide__arrow {
  pointer-events: all;
  border: 1px solid #eee;
  /* background: rgba(255,255,255,.85); */
  border-radius: 6px;
  padding: 6px 10px;
}
.offerings-carousel .glide__slides {
  display: flex;            /* glide already does this */
  align-items: start;      /* center slides vertically */
}
.offerings-carousel .glide {
  position: relative; /* anchor for absolute bullets */
}
.offerings-carousel .glide__bullets {
  position: absolute;
  top: 0px;            /* raise inside the slide area */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;             /* make sure they're above slides */
}
.offerings-carousel .glide__bullet {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #888;
  background: rgb(72, 72, 72);
  cursor: pointer;
}
.offerings-carousel .glide__bullet--active {
  background: #fff;
}
.offerings-carousel .media-box {
  aspect-ratio: 5 / 4;         /* all images in same shaped frame */
  width: 85%;
  margin: 0 auto 12px auto;
  background: transparent;         /* soft neutral backdrop */
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 12px;         /* space before title */
}

.offerings-carousel .media-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;         /* full image, no cropping */
  display: block;
  border: 9px solid #fff;   /* white frame */
  border-radius: 6px;       /* optional rounded corners */
  background: #fff;
}