ul.is-style-big-horizontal-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style-type: none;
    gap: 25px;
    margin: 0 0 25px 0;
    padding: 0;
    align-items: center;
    font-weight: 500;
    font-size: 1.4rem; 
}
body:not(.wp-editor) ul.is-style-big-horizontal-list > li:not(:last-child)::after {
    content: '|';
    display: inline-block;
    margin-left: 25px;
    font-weight: 500 !important;
    color: #000;
}
ul.is-style-big-horizontal-list > li:first-child {
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}

/* Tee listan itemeistä sisäisesti "rivi", jotta ikoni ja teksti linjautuu */
ul.is-style-big-horizontal-list > li{
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}

ul.is-style-big-horizontal-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style-type: none;
  gap: 25px;
  margin: 0 0 25px 0;
  padding: 0;
  align-items: center;
  font-weight: 500;
  font-size: 1.4rem;

  /* ✅ Ikonin koko (muuta tätä) */
  --dg-check-size: 1.05em;
}

/* Tee li:stä “rivi”, jotta ikoni + teksti asettuu nätisti */
ul.is-style-big-horizontal-list > li {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}

/* Pystyviiva erotin (kuten sinulla) */
body:not(.wp-editor) ul.is-style-big-horizontal-list > li:not(:last-child)::after {
  content: '|';
  display: inline-block;
  margin-left: 25px;
  font-weight: 500 !important;
  color: #000;
}

/* Ensimmäinen itemi (kuten sinulla) */
ul.is-style-big-horizontal-list > li:first-child {
  font-weight: 700;
  color: var(--wp--preset--color--primary);
}

/* ✅ Checkmark vain itemeille 2..n (ei “Alkaen 220€/vrk”) */
ul.is-style-big-horizontal-list > li:not(:first-child)::before {
  content: "";
  width: var(--dg-check-size);
  height: var(--dg-check-size);
  margin-right: 0.55em;
  display: inline-block;
  flex: 0 0 var(--dg-check-size);

  /* Ikonin väri */
  /* background-color: var(--wp--preset--color--primary); */
  background-color: #000;

  /* Clean check SVG maskina */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7L10.2 17 4 10.8' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7L10.2 17 4 10.8' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

ul.is-style-custom-list {
    padding: 0;
    margin: 0;
    font-weight: 700;
    list-style-type: none;
}

ul.is-style-custom-list li a {
    display: block;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #000000;
    text-decoration: none;
    color: #000;
    background-image: url('../../../images/icon-arrow-right-big.svg');
    background-position: right 20px center;
    background-size: 20px;
    background-repeat: no-repeat;
}
ul.is-style-custom-list li a:hover,
ul.is-style-custom-list li a:focus {
    color: #39B3E3;
    background-position: right 10px center;
}

ul.is-style-custom-list li:last-child a {
    border-bottom: none;
}

ul.is-style-check,
ul.is-style-check-two-columns {
    padding-left: 0;
}

ul.is-style-check li,
ul.is-style-check-two-columns li {
    display: block;
    padding: 5px 0 5px 35px !important;
    list-style-type: none;
    background-image: url('../../../images/icon-check.svg');
    background-size: 25px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    line-height: 1.4;
}



@media (min-width: 500px) {
    ul.is-style-check-two-columns {
        column-count: 2;
        column-gap: 40px;
    }
}
@media (min-width: 768px) {
    ul.is-style-check-two-columns {
        column-count: 1;
    }
}
@media (min-width: 992px) {
    ul.is-style-check-two-columns {
        column-count: 2;
        column-gap: 40px;
    }
}