.sht-dlv{ --gap:20px; display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }
.sht-dlv__card{
  position:relative; background:#fff; border-radius:18px; overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}
.sht-dlv__badge{
  position:absolute; left:14px; top:14px; background:var(--badge,#3b82f6); color:#fff;
  padding:6px 10px; border-radius:10px; font-weight:700; font-size:12px; z-index:5;
}

/* slider */
.sht-dlv__slider{ position:relative; }
.sht-dlv__slides{ display:flex; transition:transform .35s ease; }
.sht-dlv__slide{ min-width:100%; aspect-ratio: 16/9; background:#f3f4f6; }
.sht-dlv__slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.sht-dlv__nav{
  position:absolute; top:50%; transform:translateY(-50%); border:0; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.15);
  width:34px; height:34px; border-radius:50%; cursor:pointer; z-index:4;
}
.sht-dlv__nav.is-prev{ left:10px; }
.sht-dlv__nav.is-next{ right:10px; }
.sht-dlv__dots{ position:absolute; bottom:10px; left:0; right:0; display:flex; gap:6px; justify-content:center; z-index:4; }
.sht-dlv__dots button{
  width:8px; height:8px; border-radius:999px; border:0; background:#ffffffb3; outline:1px solid rgba(0,0,0,.08); cursor:pointer;
}
.sht-dlv__dots button.is-active{ background:#fff; width:16px; }

/* Range bottom-right */
.sht-dlv__range{
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 4;
    background: #0f172a;
    color: #FFF;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    backdrop-filter: blur(2px);
}

.sht-dlv__body{ padding:16px 16px 18px; }
.sht-dlv__title{ margin:0 0 6px; font-size:18px; }
.sht-dlv__subtitle{ color:#6b7280; margin-bottom:10px; }
.sht-dlv__section{ margin:12px 0 8px; font-size:14px; font-weight:800; letter-spacing:.2px; color:#111827; }

/* Features */
.sht-dlv__features{ margin:0; padding:0; list-style:none; display:grid; gap:6px; }
.sht-dlv__features.is-2col{ grid-template-columns: 1fr 1fr; }
.sht-dlv__features li{ position:relative; padding-left:22px; line-height:1.45; color:#374151; }
.sht-dlv__features li::before{
  content:""; position:absolute; left:0; top:.35em; width:14px; height:14px; border-radius:999px; border:2px solid #10b981;
}
.sht-dlv__features li::after{
  content:""; position:absolute; left:4px; top:.62em; width:8px; height:4px; border-left:2px solid #10b981; border-bottom:2px solid #10b981; transform: rotate(-45deg);
}

/* Primary Applications: inline comma-separated (no boxes) */
.sht-inline-chips{ display:flex; flex-wrap:wrap; gap:6px; line-height:1.5; color:#374151; }
.sht-inline-chips a{ color:#1f2937; text-decoration:none; border-bottom:1px dashed #cbd5e1; }
.sht-inline-chips a:hover{ color:#111827; border-bottom-color:#94a3b8; }
.sht-inline-sep{ color:#9aa3ae; }

/* Compatible Products: pill chips (gray rounded) */
.sht-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.sht-chip{
  display:inline-flex; align-items:center; padding:6px 12px; font-size:12px; line-height:1;
  background:#eef2f7; color:#111827; border-radius:999px; text-decoration:none; font-weight:600; border:1px solid #e5e7eb;
}
.sht-chip:hover{ background:#e8eef6; }

@media (max-width:1024px){ .sht-dlv{ grid-template-columns:1fr; } }
@media (max-width:800px){ .sht-dlv__features.is-2col{ grid-template-columns:1fr; } }