/**
 * core/group
 */
.wp-block-group.is-style-gtmt-widget-area {
  background: var(--wp--preset--color--base-2);
  border-radius: var(--wp--custom--radius--md);
  padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
}

.wp-block-group.is-style-gtmt-icon-text {
  font-weight: 500;
}
.wp-block-group.is-style-gtmt-icon-text.has-background {
  padding-block: var(--wp--preset--spacing--sm);
}
.wp-block-group.is-style-gtmt-icon-text .wp-block-image {
  border-radius: 1000px;
  background: var(--wp--preset--color--accent-2);
  padding: var(--wp--preset--spacing--sm);
}
.wp-block-group.is-style-gtmt-icon-text .wp-block-image img {
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
}
.wp-block-group.is-style-gtmt-icon-text:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.wp-block-group:is(.is-style-gtmt-fluid-grid-xs,
.is-style-gtmt-fluid-grid-sm,
.is-style-gtmt-fluid-grid-md,
.is-style-gtmt-fluid-grid-lg,
.is-style-gtmt-wide-post) {
  display: grid !important;
  gap: var(--wp--style--block-gap);
}
.wp-block-group:is(.is-style-gtmt-fluid-grid-xs,
.is-style-gtmt-fluid-grid-sm,
.is-style-gtmt-fluid-grid-md,
.is-style-gtmt-fluid-grid-lg,
.is-style-gtmt-wide-post) > * {
  margin: 0 !important;
}

.wp-block-group.is-style-gtmt-fluid-grid-xs {
  grid-template-columns: repeat(auto-fit, minmax(clamp(100px, 56.6265px + 12.0482vi, 180px), 1fr));
}

.wp-block-group.is-style-gtmt-fluid-grid-sm {
  grid-template-columns: repeat(auto-fit, minmax(clamp(130px, 81.2048px + 13.5542vi, 220px), 1fr));
}

.wp-block-group.is-style-gtmt-fluid-grid-md {
  grid-template-columns: repeat(auto-fit, minmax(clamp(130px, 59.5181px + 19.5783vi, 260px), 1fr));
}

.wp-block-group.is-style-gtmt-fluid-grid-lg {
  grid-template-columns: repeat(auto-fit, minmax(clamp(130px, 26.988px + 28.6145vi, 320px), 1fr));
}

.wp-block-group.is-style-gtmt-wide-post {
  grid-template-columns: repeat(auto-fit, minmax(clamp(220px, 187.4699px + 9.0361vi, 280px), 1fr));
}

/**
 * Custom style: Product hero
 */
.wp-block-group.gtmt-product-hero {
  row-gap: var(--wp--preset--spacing--xl) !important;
}
.wp-block-group.gtmt-product-hero > .wc-block-components-product-image {
  max-width: min(550px, 100%);
}
.wp-block-group.gtmt-product-hero > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 550px;
          flex: 1 1 550px;
}