/* ---------- Theme tokens + base typography (scoped to this section) ---------- */
.islands-tick-list.ticklist--bundle-friendly{
  --islands-blue:#00B7EB;
  --ball:#E5FAFF;
  --card-border:#e4e4e4;
  --shadow:8,48,65;
  --grid-gap:16px;
  --card-pad:22px;
  --radius:8px;
  --ico:48px;
  --tick-w:22px;
  --tick-h:18px;

  color:#083041;
}

/* Heading – match your inline example exactly */
.islands-tick-list.ticklist--bundle-friendly h2{
  font-family:Museo,"Museo Sans","Museo Slab",serif;
  font-weight:500;
  color:#083041;
  margin:0 0 .5rem;
}

/* Intro – match your inline example */
.islands-tick-list.ticklist--bundle-friendly .ticklist-intro{
  font-family:"Museo Sans",Museo,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:400;
  color:#083041;
  margin:.25rem 0 1rem;
  line-height:1.55;
}

/* Mobile/Tablet: responsive grid */
.islands-tick-list.ticklist--bundle-friendly .ticklist-ul{
  width:100%;
  list-style:none;
  padding-left:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--grid-gap);
}

/* Card layout */
.islands-tick-list.ticklist--bundle-friendly .ticklist-li{
  display:grid;
  grid-template-columns:var(--ico) 1fr;
  align-items:center;           /* ✅ vertical centering vs tick */
  gap:12px;
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:var(--radius);
  padding:var(--card-pad);
  margin:0;
  box-shadow:0 2px 10px rgba(var(--shadow),.06);
}

/* Bullet copy – same stack as intro */
.islands-tick-list.ticklist--bundle-friendly .ticklist-copy{
  font-family:"Museo Sans",Museo,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:400;
  line-height:1.55;
  max-width:60ch;
  color:#083041;
}
.islands-tick-list.ticklist--bundle-friendly .ticklist-copy p{
  margin:0;
}
.islands-tick-list.ticklist--bundle-friendly .ticklist-copy p + p,
.islands-tick-list.ticklist--bundle-friendly .ticklist-copy * + p{
  margin-top:6px;
}

/* Icon “ball” + tick */
.islands-tick-list.ticklist--bundle-friendly .ticklist-ico{
  position:relative;
  width:var(--ico);
  height:var(--ico);
  display:block;
  align-self:center;
}
.islands-tick-list.ticklist--bundle-friendly .ticklist-ico::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:var(--ball);
}
.islands-tick-list.ticklist--bundle-friendly .ticklist-ico::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:var(--tick-w);
  height:var(--tick-h);
  background-image:url('https://144779197.fs1.hubspotusercontent-eu1.net/hubfs/144779197/Icons/tick.svg');
  background-repeat:no-repeat;
  background-size:contain;
}
@supports ((-webkit-mask-image:url("")) or (mask-image:url(""))){
  .islands-tick-list.ticklist--bundle-friendly .ticklist-ico::after{
    background-image:none;
    background-color:var(--islands-blue);
    -webkit-mask-image:url('https://144779197.fs1.hubspotusercontent-eu1.net/hubfs/144779197/Icons/tick.svg');
            mask-image:url('https://144779197.fs1.hubspotusercontent-eu1.net/hubfs/144779197/Icons/tick.svg');
    -webkit-mask-repeat:no-repeat;
            mask-repeat:no-repeat;
    -webkit-mask-size:contain;
            mask-size:contain;
    -webkit-mask-position:center;
            mask-position:center;
  }
}

/* Mobile tweak */
@media (max-width:480px){
  .islands-tick-list.ticklist--bundle-friendly{
    --grid-gap:14px;
    --card-pad:18px;
    --ico:44px;
    --tick-w:20px;
    --tick-h:16px;
  }
}

/* Desktop: TRUE vertical checklist, LEFT aligned under heading */
@media (min-width:992px){
  .islands-tick-list.ticklist--bundle-friendly .ticklist-ul{
    display:block;
    max-width:none;
    margin:0;
    padding-block:6px;
  }
  .islands-tick-list.ticklist--bundle-friendly .ticklist-li{
    width:100%;
    margin:0 0 22px 0;
    grid-template-columns:var(--ico) 1fr;
    align-items:center;
    padding:20px;
  }
  .islands-tick-list.ticklist--bundle-friendly{
    --ico:40px;
    --tick-w:18px;
    --tick-h:14px;
  }
  .islands-tick-list.ticklist--bundle-friendly .ticklist-li:last-child{
    margin-bottom:0;
  }
}