.mbg-wrap{position:relative;box-sizing:border-box;}
.mbg-wrap *{box-sizing:border-box;}

.mbg-grid{display:grid;grid-template-columns:repeat(var(--mbg-cols-desktop,3),1fr);gap:var(--mbg-gap,20px);}

.mbg-card{position:relative;display:flex;align-items:flex-end;height:var(--mbg-height,380px);border-radius:14px;overflow:hidden;background-size:cover;background-position:center;background-color:#e5e5e5;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(20,20,20,.08);transition:transform .35s ease, box-shadow .35s ease, background-size .5s ease;}
.mbg-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,20,20,.16);background-size:112%;}
.mbg-card.mbg-noimage{background:linear-gradient(135deg,#eceff1,#d8dde1);}

.mbg-card .mbg-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.65) 78%,rgba(255,255,255,.88) 100%);pointer-events:none;}
.mbg-card.mbg-text-light .mbg-overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.78) 100%);}

.mbg-card .mbg-content{position:relative;z-index:2;padding:24px 26px;width:100%;}
.mbg-card .mbg-kicker{display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;padding:4px 10px;border-radius:100px;letter-spacing:.4px;text-transform:uppercase;background:rgba(255,255,255,.55);backdrop-filter:blur(2px);}
.mbg-card.mbg-text-light .mbg-kicker{background:rgba(255,255,255,.18);}
.mbg-card .mbg-title{display:block;font-size:22px;font-weight:700;line-height:1.25;margin-bottom:6px;letter-spacing:-.2px;}
.mbg-card .mbg-desc{display:block;font-size:12.5px;line-height:1.5;max-width:320px;opacity:.85;font-weight:400;}
.mbg-card.mbg-text-dark{color:#1a1a1a;}
.mbg-card.mbg-text-light{color:#fff;}
.mbg-card .mbg-title::after{content:"";display:block;width:32px;height:2px;background:currentColor;opacity:.5;margin-top:10px;transition:width .3s ease;}
.mbg-card:hover .mbg-title::after{width:56px;opacity:.9;}

/* --- Slider --- */
.mbg-type-slider .mbg-track-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.mbg-type-slider .mbg-track-viewport::-webkit-scrollbar{display:none;height:0;}
.mbg-type-slider .mbg-track{display:flex;gap:var(--mbg-gap,20px);}
.mbg-type-slider .mbg-card{flex:0 0 calc((100% - (var(--mbg-cols-desktop,3) - 1) * var(--mbg-gap,20px)) / var(--mbg-cols-desktop,3));scroll-snap-align:start;}

.mbg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;line-height:36px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;padding:0;}
.mbg-nav:hover{background:#f2f2f2;}
.mbg-prev{left:-8px;}
.mbg-next{right:-8px;}

/* --- Responsive --- */
@media (max-width:1024px){
  .mbg-grid{grid-template-columns:repeat(var(--mbg-cols-tablet,2),1fr);}
  .mbg-type-slider .mbg-card{flex-basis:calc((100% - (var(--mbg-cols-tablet,2) - 1) * var(--mbg-gap,20px)) / var(--mbg-cols-tablet,2));}
}

@media (max-width:600px){
  .mbg-grid{grid-template-columns:repeat(var(--mbg-cols-mobile,1),1fr);}
  .mbg-type-slider .mbg-card{flex-basis:calc((100% - (var(--mbg-cols-mobile,1) - 1) * var(--mbg-gap,20px)) / var(--mbg-cols-mobile,1));}
  .mbg-card{height:auto;min-height:220px;}
  .mbg-card .mbg-content{padding:20px 20px;}
  .mbg-card .mbg-title{font-size:19px;}
  .mbg-card .mbg-desc{font-size:12px;max-width:none;}
  .mbg-nav{width:34px;height:34px;font-size:18px;}
  .mbg-prev{left:2px;}
  .mbg-next{right:2px;}
}