.lbm-hs{
  --gap: 40px;
  --left: 55%;
  --right: 45%;
  --btn1-bg: #111827;
  --btn1-color: #ffffff;
  --btn1-bg-h: #0b1220;
  --btn1-color-h: #ffffff;
  --btn2-bg: #ffffff;
  --btn2-color: #111827;
  --btn2-bg-h: #f3f4f6;
  --btn2-color-h: #0b1220;
  padding: 48px 16px;
  background: transparent;
}
.lbm-hs .inner{
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--left) var(--right);
  align-items: center;
  gap: var(--gap);
}
.lbm-hs[dir="rtl"] .inner{ direction: rtl; }

/* Left column */
.lbm-hs .left{ display:flex; flex-direction:column; align-items: var(--items-align, flex-start); }
.lbm-hs .title{ margin: 0 0 12px; line-height: 1.2; }
.lbm-hs .subtitle{ margin: 0 0 12px; font-weight: 700; opacity: .9; }
.lbm-hs .desc{ margin: 0 0 20px; color: #4b5563; }

.lbm-hs .features{ --feat-gap: 12px; display: flex; flex-wrap: wrap; gap: var(--feat-gap) calc(var(--feat-gap) * 2); margin: 16px 0 24px; padding: 0; list-style: none; justify-content: var(--features-align, flex-start); }
.lbm-hs .features li{ display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.lbm-hs .features .icon{ width: calc(var(--isize,18px) + 8px); height: calc(var(--isize,18px) + 8px); display: inline-grid; place-items: center; border-radius: 999px; color: #0f172a; background: #f5f7fb; }
.lbm-hs .features .icon img{ width: var(--isize,18px); height: var(--isize,18px); object-fit: contain; }
.lbm-hs .features .icon.svg{ background: transparent; }
.lbm-hs .features .txt{ white-space: nowrap; }

/* Actions */
.lbm-hs .actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; justify-content: var(--actions-align, flex-start); }
.lbm-hs .btn{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 22px; border-radius: 12px; font-weight: 700; text-decoration: none;
  box-shadow: 0 8px 20px rgba(17,24,39,0.08);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  border: 1px solid transparent;
}
.lbm-hs .btn.primary{ background: var(--btn1-bg); color: var(--btn1-color); }
.lbm-hs .btn.primary:hover{ background: var(--btn1-bg-h); color: var(--btn1-color-h); transform: translateY(-1px); }
.lbm-hs .btn.secondary{ background: var(--btn2-bg); color: var(--btn2-color); border-color: rgba(17,24,39,.12); }
.lbm-hs .btn.secondary:hover{ background: var(--btn2-bg-h); color: var(--btn2-color-h); transform: translateY(-1px); }

/* Right column / media */
.lbm-hs .right{ position: relative; }
.lbm-hs .media-wrap{ position: relative; overflow: hidden; }
.lbm-hs .media-wrap .media{ width: 100%; height: auto; display: block; }
.lbm-hs.has-shadow .media-wrap{ box-shadow: 0 30px 60px -18px rgba(2,6,23,.22), 0 12px 24px -12px rgba(2,6,23,.18); }
.lbm-hs .decor-svg{ position: absolute; width: var(--dec-size, 120px); height: auto; color: #FFC83A; }
.lbm-hs .decor-svg img, .lbm-hs .decor-svg svg{ width: 100%; height: auto; display: block; }
.lbm-hs .decor-svg.pos-tr{ top: 16px; right: 16px; }
.lbm-hs .decor-svg.pos-tl{ top: 16px; left: 16px; }
.lbm-hs .decor-svg.pos-br{ bottom: 16px; right: 16px; }
.lbm-hs .decor-svg.pos-bl{ bottom: 16px; left: 16px; }

/* Responsive */
@media (max-width: 1024px){
  .lbm-hs .inner{ grid-template-columns: 1fr; }
  .lbm-hs .right{ order: -1; } /* media on top for smaller screens */
}