/** Shopify CDN: Minification failed

Line 37:18 Unexpected "{"
Line 37:27 Expected ":"

**/
/* Science Cards Section - Fully dynamic */

.science-cards {
    position: relative;
    padding: var(--section-padding-top-mobile) 0 var(--section-padding-bottom-mobile);
    min-height: var(--section-min-height-mobile, 0);
    box-sizing: border-box;
  }

  .science-cards__overlay {
    position: absolute;
    inset: 0;
    background-color: var(--overlay-color, #000000);
    opacity: var(--overlay-opacity, 0.4);
    pointer-events: none;
    z-index: 0;
  }

  .science-cards__inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
  }
  .science-cards {
      padding-left: 0;
      padding-right: 0;
  }
  h2.science-cards__heading span {
      font-style: italic;
  }
  #science-cards-{{ section.id }} .science-cards__header {
      max-width: 768px;
      margin: 0 auto;
  }
  .science-cards__header {
    text-align: center;
    margin-bottom: 32px;
  }
  
  .science-cards__tag {
    display: inline-block;
    font-size: var(--tag-font-size-mobile);
    font-weight: 500;
    color: var(--tag-color);
    background: var(--tag-bg-color);
    padding: 6px 16px;
    border-radius: 999px;
    margin-bottom: 16px;
  }
  
  .science-cards__heading {
    margin: 0 0 12px;
    font-size: var(--heading-font-size-mobile);
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
    font-family: Georgia, "Times New Roman", serif;
  }
  
  .science-cards__heading-highlight {
    color: var(--heading-highlight-color);
  }
  
  .science-cards__subtitle {
    margin: 0;
    font-size: var(--subtitle-font-size-mobile);
    color: var(--subtitle-color);
    line-height: 1.6;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .science-cards__grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-cols-mobile), 1fr);
    gap: 20px;
  }
  
  .science-cards__card {
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: var(--card-border-radius, 16px);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow 0.3s ease;
  }
  .science-cards__card:hover {
    box-shadow: var(--card-hover-box-shadow, 0 12px 40px rgba(0,0,0,0.12));
  }
  
  .science-cards__card-icon {
      font-size: 36px;
  }
  .science-cards__card-icon {
    width: var(--block-icon-width-mobile);
    height: var(--block-icon-height-mobile);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .science-cards__card-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  
  .science-cards__card-body {
    flex: 1;
    min-width: 0;
  }
  
  .science-cards__card-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
  }
  
  .science-cards__card-title {
    margin: 0;
    font-size: var(--block-title-font-size-mobile);
    font-weight: var(--block-title-font-weight, 700);
    color: var(--block-title-color);
    line-height: 1.3;
  }
  
  .science-cards__card-formula {
    font-size: var(--block-formula-font-size-mobile);
    font-weight: 400;
    color: var(--block-formula-color);
  }
  
  .science-cards__card-category {
    margin: 0 0 8px;
    font-size: var(--block-subtitle-font-size-mobile);
    font-weight: 500;
    color: var(--block-subtitle-color);
    line-height: 1.4;
  }
  
  .science-cards__card-description {
    margin: 0;
    font-size: var(--block-description-font-size-mobile);
    color: var(--block-description-color);
    line-height: 1.6;
  }

  .science-cards__button-wrap {
    text-align: center;
    margin-top: 40px;
  }

  .science-cards__button {
    display: inline-block;
    background-color: var(--button-bg-color, #62956C);
    color: var(--button-text-color, #FFFFFF);
    font-size: var(--button-font-size-mobile, 16px);
    font-weight: 700;
    text-decoration: none;
    padding: var(--button-padding-y, 16px) var(--button-padding-x, 40px);
    border-radius: 999px;
    border: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .science-cards__button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
  }
  
  /* Tablet */
  @media (min-width: 750px) {
    .science-cards {
      padding: var(--section-padding-top-mobile) 0 var(--section-padding-bottom-mobile);
    }
  
    .science-cards__grid {
      grid-template-columns: repeat(var(--grid-cols-tablet), 1fr);
      gap: 24px;
    }
  
    .science-cards__tag {
      font-size: var(--tag-font-size-desktop);
    }
  
    .science-cards__heading {
      font-size: var(--heading-font-size-desktop);
    }
  
    .science-cards__subtitle {
      font-size: var(--subtitle-font-size-desktop);
    }
  
    .science-cards__card-icon {
      width: var(--block-icon-width-desktop);
      height: var(--block-icon-height-desktop);
    }
  
    .science-cards__card-title {
      font-size: var(--block-title-font-size-desktop);
    }
  
    .science-cards__card-formula {
      font-size: var(--block-formula-font-size-desktop);
    }
  
    .science-cards__card-category {
      font-size: var(--block-subtitle-font-size-desktop);
    }
  
    .science-cards__card-description {
      font-size: var(--block-description-font-size-desktop);
    }

    .science-cards__button {
      font-size: var(--button-font-size-desktop, 18px);
    }
  }
  
  /* Desktop */
  @media (min-width: 990px) {
    .science-cards {
      padding: var(--section-padding-top-desktop) 0 var(--section-padding-bottom-desktop);
      min-height: var(--section-min-height-desktop, 0);
    }
  
    .science-cards__header {
      margin-bottom: 40px;
    }

    .science-cards__button-wrap {
      margin-top: 48px;
    }
  
    .science-cards__grid {
      grid-template-columns: repeat(var(--grid-cols-desktop), 1fr);
      gap: 28px;
    }
  }