.msbs-wrap{
  --msbs-columns:3;
  --msbs-gap:24px;
  --msbs-card-bg:#111823;
  --msbs-radius:18px;
  --msbs-heading-size:28px;
  --msbs-heading-color:#fff;
  --msbs-heading-weight:700;
  --msbs-heading-transform:none;
  --msbs-text-size:16px;
  --msbs-text-color:#b7c0cb;
  --msbs-btn-bg:#ff7a00;
  --msbs-btn-color:#fff;
  --msbs-btn-hover-bg:#fff;
  --msbs-btn-hover-color:#ff7a00;
  --msbs-text-align:left;
  --msbs-title-color:#fff;
}
.msbs-section-title{
  color:var(--msbs-title-color);
  margin:0 0 22px;
  font-size:clamp(28px,4vw,42px);
  line-height:1.1;
}
.msbs-grid{
  display:grid;
  grid-template-columns:repeat(var(--msbs-columns), minmax(0,1fr));
  gap:var(--msbs-gap);
}
.msbs-card{
  background:var(--msbs-card-bg);
  border-radius:var(--msbs-radius);
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.14);
  height:100%;
  display:flex;
  flex-direction:column;
}
.msbs-thumb{display:block; overflow:hidden;}
.msbs-thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease;}
.msbs-card:hover .msbs-thumb img{transform:scale(1.04);}
.msbs-content{padding:22px; text-align:var(--msbs-text-align); display:flex; flex-direction:column; gap:12px; height:100%;}
.msbs-meta{font-size:13px; color:var(--msbs-text-color); opacity:.9; display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.msbs-heading{margin:0; font-size:var(--msbs-heading-size); font-weight:var(--msbs-heading-weight); text-transform:var(--msbs-heading-transform); line-height:1.22;}
.msbs-heading a{color:var(--msbs-heading-color); text-decoration:none;}
.msbs-heading a:hover{opacity:.9;}
.msbs-excerpt{font-size:var(--msbs-text-size); color:var(--msbs-text-color); line-height:1.7;}
.msbs-button{
  display:inline-flex; align-items:center; justify-content:center; margin-top:auto;
  padding:12px 22px; border-radius:999px; background:var(--msbs-btn-bg); color:var(--msbs-btn-color);
  text-decoration:none; font-weight:600; border:2px solid var(--msbs-btn-bg); transition:all .3s ease;
}
.msbs-button:hover{background:var(--msbs-btn-hover-bg); color:var(--msbs-btn-hover-color);}
.msbs-carousel-shell{position:relative; display:flex; align-items:center; gap:14px;}
.msbs-carousel-track{
  display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - (var(--msbs-gap) * (var(--msbs-columns) - 1))) / var(--msbs-columns));
  gap:var(--msbs-gap); overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; width:100%; padding-bottom:4px;
}
.msbs-carousel-track::-webkit-scrollbar{display:none;}
.msbs-nav{
  width:44px; height:44px; border-radius:50%; border:none; cursor:pointer; flex:0 0 auto;
  background:#0f1722; color:#fff; box-shadow:0 4px 16px rgba(0,0,0,.15); transition:transform .25s ease, opacity .25s ease;
}
.msbs-nav:hover{transform:translateY(-2px);}
@media (max-width: 1024px){
  .msbs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .msbs-carousel-track{grid-auto-columns:calc((100% - var(--msbs-gap)) / 2);}
}
@media (max-width: 767px){
  .msbs-grid{grid-template-columns:1fr;}
  .msbs-carousel-track{grid-auto-columns:100%;}
  .msbs-content{padding:18px;}
  .msbs-heading{font-size:calc(var(--msbs-heading-size) - 4px);}
  .msbs-carousel-shell{gap:10px;}
  .msbs-nav{width:38px; height:38px;}
}