/* general */
* {
  scroll-margin-block-start: 3rem;
}

/* banner */
.layout-main img {
  border-radius: 2rem;
}

/* new standards */
:root {
  --standard-spacing: 2.2rem;
  --extra-title-spacing: 4.2rem;
  --card-gap: 3rem;
  --block-padding: 4rem;
}
@media only screen and (width >= 768px) {
  :root {
    --standard-spacing: 2.8rem;
    --extra-title-spacing: 5rem;
    --block-padding: 5rem;
  }
}
@media only screen and (width >= 1024px) {
  :root {
    --standard-spacing: 4.2rem;
    --extra-title-spacing: 7.5rem;
    --card-gap: 6rem;
    --block-padding: 7.5rem;
  }
}
@media only screen and (width >= 1440px) {
  :root {
    --standard-spacing: 5.45rem;
    --extra-title-spacing: 10rem;
    --card-gap: 10rem;
    --block-padding: 10rem;
  }
}
.layout-simple-content:has(.new_standards) {
  margin-block-start: var(--block-padding);
}
.layout-simple-content:has(.new_standards) .wrapper {
  padding-block-start: var(--block-padding);
  border-block-start: 1px solid var(--teal);
}
.layout-simple-content:has(.new_standards) h2,
.layout-simple-content:has(.new_standards) .h2 {
  text-align: center;
}
.layout-simple-content:has(.new_standards) .h2 {
  margin-top: var(--extra-title-spacing);
}
.layout-simple-content .container .new_standards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding: 0;
  text-align: center;
  column-gap: var(--card-gap);
  row-gap: 3rem;
  margin-block-start: var(--standard-spacing);
}
.layout-simple-content .container .new_standards li {
  list-style: none;
  border: 1px solid var(--teal);
  border-radius: 4rem;
  padding: 3rem;
  margin-block-start: 0;
}

/* product card */
.layout-product-card div.wrapper {
  padding-block-start: 0;
  margin-block-start: var(--standard-spacing);
}
.layout-product-card .flex-tablet.image-repeater.layout-column figure {
  width: 100%;
  margin: 0;
  line-height: 0;
}
.layout-product-card .image-repeater.layout-column figure img {
  width: 100%;
  border-radius: 4rem;
}
.layout-product-card .image-repeater.layout-column figure figcaption {
  display: none;
}

/* resources */
.layout-repeat-cta .wrapper.flex .col--2 {
  max-width: 100%;
}