/** Shopify CDN: Minification failed

Line 162:7 Expected ":"

**/
.shop-compares {
  padding: 80px 0;
}

.shop-compares__wrapper {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 50px;
    align-items: center;
    background: rgb(247 248 250);
    border-radius: 20px;
    padding: 60px;
}
.shop-compares__table {
  width: 100%;
  border-collapse: collapse;
}


tr.shop-compares__row:first-child td:first-child {
    text-align: left;
}

.shop-compares__table td.shop-feature-title {
  text-align: left;
}

.shop-highlight {
  background: #1f3dbf;
  color: #fff;
}

.shop-icon--check {
  color: #fff;
  font-weight: bold;
}

.shop-icon--cross {
  color: #999;
}

.shop-btn {
  display: inline-block;
  padding: 12px 24px;
  background: #0a1f5c;
  color: #fff;
  text-decoration: none;
  border-radius: 40px;
}






----------------




/* ===== SECTION BACKGROUND ===== */
.shop-compares {
  background: #f3f4f6;
  padding: 80px 40px;
  border-radius: 24px;
}

.shop-compares__container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== GRID LAYOUT ===== */
.shop-compares__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: center;
}

/* ===== LEFT CONTENT ===== */
.shop-compares__heading {
    font-weight: 400;
    font-size: 50px;
    line-height: 90%;
    letter-spacing: 0;
    margin: 0 0 16px;
}

.shop-compares__text {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0;
    color: rgb(18 18 18 / 70%);
    margin-bottom: 34px;
}

.shop-compares__table thead th.shop-highlight img {
    width: auto;
    height: auto;
    max-width: 150px;
    margin: 0 auto;
}

.shop-compares__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 30px;
  background: #0f1d4d;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

.shop-compares__btn:hover {
  background: #1f3dbf;
}

/* ===== TABLE CARD ===== */
.shop-compares__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
}
/* Header */
.shop-compares__table thead th {
    padding: 20px 25px;
    text-align: center;
    font-size: 30px;
    line-height: 90%;
    letter-spacing: 0;
    font-family: "Absolut Headline 2017";
    font-weight: 400;
}

/* Feature name column */
.shop-compares__table td:first-child {
    color: rgb(18 18 18 / 70%);
    font-family: Satoshi;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
}
.shop-compares__table td:last-child {
    text-align: center;
}
td.shop-highlight {
    text-align: center;
}
.shop-compares__table td svg {
    uto;
    width: 100%;
    max-width: 22px;
    margin-bottom: -5px;
}

/* Table cells */
.shop-compares__table td {
    padding: 16px 25px;
    border-bottom: 1.4px solid rgb(0 0 0 / 8%);
}

/* ===== BLUE CENTER COLUMN ===== */
.shop-col-main {
  background: #2f49d1;
  color: #fff;
  position: relative;
}

/* Rounded effect for blue column */
.shop-compares__table thead th.shop-col-main {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.shop-compares__table tbody tr:last-child td.shop-col-main {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* ===== OTHER COLUMN ===== */
.shop-col-other {
  background: #f9fafb;
}

/* ===== ICON STYLING ===== */
.shop-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shop-icon svg {
  width: 20px;
  height: 20px;
}

/* White icon inside blue */
.shop-col-main .shop-icon svg {
  fill: #ffffff;
}

/* Grey icon for others */
.shop-col-other .shop-icon svg {
  fill: #9ca3af;
}

/* ===== REMOVE LAST ROW BORDER ===== */
.shop-compares__table tbody tr:last-child td {
  border-bottom: none;
}
.shop-compares__table tbody tr:last-child .shop-highlight {
    margin-bottom: -24px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

@media (min-width: 750px) {
    .only-mobile {display:none;}
}

/* ===== RESPONSIVE ===== */
@media (max-width: 990px) {
  .shop-compares {
    padding: 60px 20px;
  }

  .shop-compares__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .shop-compares__heading {
    font-size: 32px;
  }

  .shop-compares__table {
    font-size: 14px;
  }
}


.shop-compares__table tbody {
    display: table-caption;
    position: relative;
    border: 1px solid #021C621A;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    margin-bottom: 24px;
}


.shop-compares__table tr.shop-compares__row {display: grid;grid-template-columns: 1fr 180px 180px;}

.shop-compares__table thead, .shop-compares__table thead tr {
    width: 100%;
}

.shop-compares__table thead tr {
    display: grid;
    grid-template-columns: 1fr 180px 180px;
}


.shop-compares__table thead th.shop-highlight {
    background: #163cc7;
    color: #fff;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    margin-left: -1px;
    margin-right: 1px;
    /* border-bottom: 1.4px solid rgb(255 255 255 / 20%); */
}
.shop-compares__table tr td.shop-highlight {
    border-bottom: 1.4px solid rgb(255 255 255 / 20%);
}

.shop-compares__table thead th.shop-highlight {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.shop-compares__table thead th.shop-highlight {
    padding-left: 11px;
    padding-right: 11px;
}



@media (max-width:1125px){
    .shop-compares__wrapper {
        padding: 34px 20px;
        gap: 20px;
        }

        .shop-compares__heading {
        font-size: 36px;
        margin-bottom: 11px;
        line-height: 100%;
        }

        .shop-compares__text {
        font-size: 16px;
        }

        

        .shop-compares__table td {
        padding: 15px;
        }

        .shop-compares__table td:first-child {
        font-size: 14px;
        line-height: 120%;
        }

        .shop-compares__table td svg {
        max-width: 18px;
        }

}



@media (min-width:991px){
    .button-only-mobile { display:none; }
}
@media (max-width:990px){
.button-only-desktop { display:none; }
.compares-button {
    text-align: center;
    margin-top: 24px;
}
.shop-compares__content {
        text-align: center;
        }
        
}

@media (max-width:990px){
    .shop-compares__wrapper {grid-template-columns: 1fr;}
    .shop-compares__text {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}


@media (max-width:749px){
  
    .shop-compares__wrapper {
        margin: 0 -15px;
        border-top-right-radius: 24px;
        border-top-left-radius: 24px;
        display: flex;
        flex-wrap: wrap;justify-content: center;
    }

    .shop-compares__heading {
        max-width: 223px;
        margin-left: auto;
        margin-right: auto;
    }

    .shop-compares__table tbody {
        margin-bottom: 14px;
    }

    .shop-compares__table {
        overflow: hidden;
        margin: 0 auto;
    }
    .shop-compares__table-wrapper {
      width: 100%;
    }


    .shop-compares__table thead th {
        padding: 15px 10px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .shop-compares__table thead th.shop-highlight {
        /* margin-left: 0;
        margin-right: 0; */
        margin-bottom: -20px;
    }
    .shop-compares__table tbody tr:last-child .shop-highlight {
        margin-bottom: -14px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .shop-compares__text {
        margin: 0;
    }
    .shop-compares__table td:first-child {
        font-size: 14px;
        line-height: 120%;
        font-weight: 500;
        color: rgba(18, 18, 18, 1);
    }
}

@media (max-width:575px){
  .shop-compares__table thead th.shop-highlight {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -20px;
    }
    .shop-compares__table thead tr {
        grid-template-columns: 161px 90px 90px;
    }
    .shop-compares__table tr.shop-compares__row {
        grid-template-columns: 160px 90px 90px;
    }
    .shop-compares__table {
        max-width: 336px;
        overflow: hidden;
        margin: 0 auto;
    }
}