/** Shopify CDN: Minification failed

Line 21:10 Expected identifier but found whitespace
Line 24:17 Expected identifier but found whitespace
Line 25:7 Expected identifier but found whitespace
Line 25:36 Unexpected "("
Line 41:42 Unexpected "("
Line 46:7 Expected identifier but found whitespace
Line 49:9 Unexpected "/"
Line 385:17 Expected identifier but found whitespace
Line 387:14 Unexpected "11s"
Line 437:16 Expected identifier but found whitespace
... and 16 more hidden warnings

**/
Vai ai contenuti
Cronologia chat



Hai detto:
Immagine caricata
i trust indicator sono enormi dammi css per ridurli
ChatGPT ha detto:
Eccoli: puoi ridurre solo i pallini (trust indicators / slider dots) con poche righe di CSS.
Il tuo tema li genera come:

.splide__pagination__page
✅ CSS per ridurli (dimensione molto più piccola)
/* Riduce i trust indicator (pallini slider) */
.splide__pagination__page {
    width: 6px !important;
    height: 6px !important;
    margin: 0 3px !important;
}

/* Riduce leggermente anche la distanza dal contenuto */
.splide__pagination {
    padding: 5px 0 !important;
}
🔎 CSS per renderli ancora più minimal (opzionale)
.splide__pagination__page {
    transform: scale(0.6) !important;
}
Dove metterlo
Vai su:
Customize → Theme settings → Custom CSS
oppure in
base.css / theme.css alla fine del file.

Se vuoi, posso anche adattare esattamente le dimensioni al tuo layout mobile — basta che mi dici quanto grandi li vuoi (es. 4px, 5px ecc.).

Hai detto:
.section-trust-indicators swiper-component {
  display: block;
}

.section-trust-indicators swiper-component .swiper-slide > div {
  width: 100%;

  border-radius: var(--card-corner-radius);
  overflow: hidden;
}

.section-trust-indicators swiper-component {
  --swiper-pagination-bullet-width: 0.6rem;
  --swiper-pagination-bullet-height: 0.6rem;
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-opacity: 0.25;
}
.section-trust-indicators swiper-component .swiper-wrapper {
  margin-block-end: var(--spacing-4);
}
.section-trust-indicators swiper-component .swiper-pagination {
  position: relative;
}
.section-trust-indicators swiper-component .swiper-pagination-bullets.swiper-pagination-horizontal {
  inset-block-end: 0;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators swiper-component .swiper-wrapper {
    row-gap: var(--spacing-4);
    margin-block-end: var(--spacing-0);
  }
}

.section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
  display: flex;
  width: auto;
  height: auto;
}


html.js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background-color: rgba(var(--color-border), 0);
}

.section-trust-indicators__tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  padding: 4.7rem 4rem;
  padding: var(--spacing-6);
  text-align: center;
}

.section-trust-indicators__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
}
.section-trust-indicators__content.content--horizontal {
  flex-direction: row;
}
.section-trust-indicators__content.content--vertical {
  flex-direction: column;
}


.section-trust-indicators__content > * {
  flex: 0 0 auto;
}
.section-trust-indicators__content > *:has(.link) {
  flex: 1 0 100%;
}

.section-trust-indicators__content-inner {
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  gap: var(--spacing-2);
  flex: 0 1 auto;
}
.section-trust-indicators__subheading {
  font-size: var(--font-size-static-md);
  line-height: var(--line-height-static-md);
  font-weight: 400;
  color: rgb(var(--color-foreground));
}
.section-trust-indicators__subheading a {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-end: -0.4rem;
  padding-block: 0.625rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}
.section-trust-indicators__subheading a::before {
  content: '';
  position: absolute;
  inset-block-end: 0.2rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  opacity: 0.3;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--duration-long), opacity var(--duration-long);
}
@media (hover: hover) {
  .section-trust-indicators__subheading a:hover::before {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.section-trust-indicators__content-start .section-trust-indicators__link {
  text-align: start;
  margin-inline-start: calc(var(--section-content-icon-width) + var(--spacing-4));
}

.section-trust-indicators__title {
  margin: 0;
}

.section-trust-indicators__inner,
html.no-js .section-trust-indicators__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: .1rem;
}

.section-trust-indicators__inner .section-trust-indicators__tile,
html.no-js .section-trust-indicators__tile {
  padding-inline: 6.2rem;
  position: relative;
}

.section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: -.1rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}

@media screen and (min-width: 575px) {
  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators--1 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--1 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 5.2rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
  html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: -0.1rem;
    inset-inline-start: 0;
    width: 100%;
    height: 0.1rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: 1 / 3;
  }

  .section-trust-indicators--2 .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 0 0 calc((98% - var(--grid-spacing)) / 2);
  }

  .section-trust-indicators__tile {
    padding-block: 5.7rem;
  }
}
.section-trust-indicators__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgb(var(--color-foreground), 0.2);
  border-radius: 50%;
  padding: var(--spacing-3);
}

.section-trust-indicators__icon img {
  width: var(--section-trust-indicators-icon-size, 4.8rem);
  height: auto;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (min-width: 990px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }

  .section-trust-indicators__swiper-slide:last-child {
    margin-inline-end: 0 !important;
  }

  .section-trust-indicators__tile {
    padding: var(--spacing-6);
    height: 100%;
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-trust-indicators--2 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--2 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 4rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: auto;
  }
}

@media screen and (min-width: 1200px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* DECORATOR */

.section-trust-indicators__decorator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: auto;
  max-width: 4.8rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator {
    width: 6.4rem;
    height: auto;
    max-width: 6.4rem;
  }
}

.section-trust-indicators__decorator img,
.section-trust-indicators__decorator svg {
  width: 2.8rem;
  height: 2.8rem;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.section-trust-indicators__decorator svg {
  color: currentColor;
  fill: currentColor;
}  ecco il css riducimi font e altezze in versione mobile
ChatGPT ha detto:

Ragionato per 11s
Perfetto, lavoriamo solo sulla versione mobile riducendo font, padding (quindi altezza dei box) e un po’ anche le icone.

Aggiungi questo blocco in fondo al file CSS, dopo tutto il codice che mi hai incollato:

/* MOBILE: trust indicators più compatti */
@media screen and (max-width: 749px) {
  /* Riduce padding/altezza dei box */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-4);   /* meno altezza */
    padding-inline: var(--spacing-4);  /* meno margine laterale */
  }

  /* Testi più piccoli */
  .section-trust-indicators__title {
    font-size: var(--font-size-static-md);
    line-height: var(--line-height-static-md);
  }

  .section-trust-indicators__subheading {
    font-size: var(--font-size-static-sm);
    line-height: var(--line-height-static-sm);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-1);
  }

  /* Icona circolare più piccola */
  .section-trust-indicators__decorator {
    width: 4rem;
    max-width: 4rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 2.4rem;
    height: 2.4rem;
  }

  /* Icona interna al cerchio leggermente ridotta */
  .section-trust-indicators__icon {
    padding: var(--spacing-2);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3.6rem;
    width: var(--section-trust-indicators-icon-size);
  }
}
Questo dovrebbe:

abbassare l’altezza delle card,

ridurre dimensione dei testi,

rendere più piccole icone e cerchi sui breakpoint mobile.

Se vuoi ancora più compatto, ti posso dare una versione “ultra small” cambiando solo 2–3 valori.

Hai detto:
riscrivimelo tutto
ChatGPT ha detto:

Ragionato per 12s
.section-trust-indicators swiper-component {
  display: block;
}

.section-trust-indicators swiper-component .swiper-slide > div {
  width: 100%;
  border-radius: var(--card-corner-radius);
  overflow: hidden;
}

.section-trust-indicators swiper-component {
  --swiper-pagination-bullet-width: 0.6rem;
  --swiper-pagination-bullet-height: 0.6rem;
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-opacity: 0.25;
}

.section-trust-indicators swiper-component .swiper-wrapper {
  margin-block-end: var(--spacing-4);
}

.section-trust-indicators swiper-component .swiper-pagination {
  position: relative;
}

.section-trust-indicators swiper-component .swiper-pagination-bullets.swiper-pagination-horizontal {
  inset-block-end: 0;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators swiper-component .swiper-wrapper {
    row-gap: var(--spacing-4);
    margin-block-end: var(--spacing-0);
  }
}

.section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
  display: flex;
  width: auto;
  height: auto;
}

html.js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background-color: rgba(var(--color-border), 0);
}

.section-trust-indicators__tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  padding: 4.7rem 4rem;
  padding: var(--spacing-6);
  text-align: center;
}

.section-trust-indicators__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
}

.section-trust-indicators__content.content--horizontal {
  flex-direction: row;
}

.section-trust-indicators__content.content--vertical {
  flex-direction: column;
}

.section-trust-indicators__content > * {
  flex: 0 0 auto;
}

.section-trust-indicators__content > *:has(.link) {
  flex: 1 0 100%;
}

.section-trust-indicators__content-inner {
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  gap: var(--spacing-2);
  flex: 0 1 auto;
}

.section-trust-indicators__subheading {
  font-size: var(--font-size-static-md);
  line-height: var(--line-height-static-md);
  font-weight: 400;
  color: rgb(var(--color-foreground));
}

.section-trust-indicators__subheading a {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-end: -0.4rem;
  padding-block: 0.625rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

.section-trust-indicators__subheading a::before {
  content: '';
  position: absolute;
  inset-block-end: 0.2rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  opacity: 0.3;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--duration-long), opacity var(--duration-long);
}

@media (hover: hover) {
  .section-trust-indicators__subheading a:hover::before {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.section-trust-indicators__content-start .section-trust-indicators__link {
  text-align: start;
  margin-inline-start: calc(var(--section-content-icon-width) + var(--spacing-4));
}

.section-trust-indicators__title {
  margin: 0;
}

.section-trust-indicators__inner,
html.no-js .section-trust-indicators__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: .1rem;
}

.section-trust-indicators__inner .section-trust-indicators__tile,
html.no-js .section-trust-indicators__tile {
  padding-inline: 6.2rem;
  position: relative;
}

.section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: -.1rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}

@media screen and (min-width: 575px) {
  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators--1 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--1 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 5.2rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
  html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: -0.1rem;
    inset-inline-start: 0;
    width: 100%;
    height: 0.1rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: 1 / 3;
  }

  .section-trust-indicators--2 .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 0 0 calc((98% - var(--grid-spacing)) / 2);
  }

  .section-trust-indicators__tile {
    padding-block: 5.7rem;
  }
}

.section-trust-indicators__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgb(var(--color-foreground), 0.2);
  border-radius: 50%;
  padding: var(--spacing-3);
}

.section-trust-indicators__icon img {
  width: var(--section-trust-indicators-icon-size, 4.8rem);
  height: auto;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

@media screen and (min-width: 990px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }

  .section-trust-indicators__swiper-slide:last-child {
    margin-inline-end: 0 !important;
  }

  .section-trust-indicators__tile {
    padding: var(--spacing-6);
    height: 100%;
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-trust-indicators--2 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--2 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 4rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: auto;
  }
}

@media screen and (min-width: 1200px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* DECORATOR */

.section-trust-indicators__decorator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: auto;
  max-width: 4.8rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator {
    width: 6.4rem;
    height: auto;
    max-width: 6.4rem;
  }
}

.section-trust-indicators__decorator img,
.section-trust-indicators__decorator svg {
  width: 2.8rem;
  height: 2.8rem;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.section-trust-indicators__decorator svg {
  color: currentColor;
  fill: currentColor;
}

/* ========= MOBILE COMPACT VERSION ========= */
@media screen and (max-width: 749px) {
  /* Box più bassi e stretti */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4);
  }

  /* Titolo e testo più piccoli */
  .section-trust-indicators__title {
    font-size: var(--font-size-static-md);
    line-height: var(--line-height-static-md);
  }

  .section-trust-indicators__subheading {
    font-size: var(--font-size-static-sm);
    line-height: var(--line-height-static-sm);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-1);
  }

  /* Decorator (cerchio) più piccolo */
  .section-trust-indicators__decorator {
    width: 4rem;
    max-width: 4rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 2.4rem;
    height: 2.4rem;
  }

  /* Icona interna più contenuta */
  .section-trust-indicators__icon {
    padding: var(--spacing-2);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3.6rem;
    width: var(--section-trust-indicators-icon-size);
  }
}
Hai detto:
fallo più compatto su mobile. riscrivimi tutto il file
ChatGPT ha detto:

Ragionato per 21s
.section-trust-indicators swiper-component {
  display: block;
}

.section-trust-indicators swiper-component .swiper-slide > div {
  width: 100%;
  border-radius: var(--card-corner-radius);
  overflow: hidden;
}

.section-trust-indicators swiper-component {
  --swiper-pagination-bullet-width: 0.6rem;
  --swiper-pagination-bullet-height: 0.6rem;
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-opacity: 0.25;
}

.section-trust-indicators swiper-component .swiper-wrapper {
  margin-block-end: var(--spacing-4);
}

.section-trust-indicators swiper-component .swiper-pagination {
  position: relative;
}

.section-trust-indicators swiper-component .swiper-pagination-bullets.swiper-pagination-horizontal {
  inset-block-end: 0;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators swiper-component .swiper-wrapper {
    row-gap: var(--spacing-4);
    margin-block-end: var(--spacing-0);
  }
}

.section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
  display: flex;
  width: auto;
  height: auto;
}

html.js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background-color: rgba(var(--color-border), 0);
}

.section-trust-indicators__tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  padding: 4.7rem 4rem;
  padding: var(--spacing-6);
  text-align: center;
}

.section-trust-indicators__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
}

.section-trust-indicators__content.content--horizontal {
  flex-direction: row;
}

.section-trust-indicators__content.content--vertical {
  flex-direction: column;
}

.section-trust-indicators__content > * {
  flex: 0 0 auto;
}

.section-trust-indicators__content > *:has(.link) {
  flex: 1 0 100%;
}

.section-trust-indicators__content-inner {
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  gap: var(--spacing-2);
  flex: 0 1 auto;
}

.section-trust-indicators__subheading {
  font-size: var(--font-size-static-md);
  line-height: var(--line-height-static-md);
  font-weight: 400;
  color: rgb(var(--color-foreground));
}

.section-trust-indicators__subheading a {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-end: -0.4rem;
  padding-block: 0.625rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

.section-trust-indicators__subheading a::before {
  content: '';
  position: absolute;
  inset-block-end: 0.2rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  opacity: 0.3;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--duration-long), opacity var(--duration-long);
}

@media (hover: hover) {
  .section-trust-indicators__subheading a:hover::before {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.section-trust-indicators__content-start .section-trust-indicators__link {
  text-align: start;
  margin-inline-start: calc(var(--section-content-icon-width) + var(--spacing-4));
}

.section-trust-indicators__title {
  margin: 0;
}

.section-trust-indicators__inner,
html.no-js .section-trust-indicators__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.1rem;
}

.section-trust-indicators__inner .section-trust-indicators__tile,
html.no-js .section-trust-indicators__tile {
  padding-inline: 6.2rem;
  position: relative;
}

.section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: -0.1rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}

@media screen and (min-width: 575px) {
  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators--1 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--1 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 5.2rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
  html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: -0.1rem;
    inset-inline-start: 0;
    width: 100%;
    height: 0.1rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: 1 / 3;
  }

  .section-trust-indicators--2 .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 0 0 calc((98% - var(--grid-spacing)) / 2);
  }

  .section-trust-indicators__tile {
    padding-block: 5.7rem;
  }
}

.section-trust-indicators__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgb(var(--color-foreground), 0.2);
  border-radius: 50%;
  padding: var(--spacing-3);
}

.section-trust-indicators__icon img {
  width: var(--section-trust-indicators-icon-size, 4.8rem);
  height: auto;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

@media screen and (min-width: 990px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }

  .section-trust-indicators__swiper-slide:last-child {
    margin-inline-end: 0 !important;
  }

  .section-trust-indicators__tile {
    padding: var(--spacing-6);
    height: 100%;
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-trust-indicators--2 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--2 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 4rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: auto;
  }
}

@media screen and (min-width: 1200px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* DECORATOR */

.section-trust-indicators__decorator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: auto;
  max-width: 4.8rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator {
    width: 6.4rem;
    height: auto;
    max-width: 6.4rem;
  }
}

.section-trust-indicators__decorator img,
.section-trust-indicators__decorator svg {
  width: 2.8rem;
  height: 2.8rem;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.section-trust-indicators__decorator svg {
  color: currentColor;
  fill: currentColor;
}

/* ============ MOBILE SUPER COMPACT ============ */
@media screen and (max-width: 749px) {
  /* Pallini dello slider più piccoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.4rem;
    --swiper-pagination-bullet-height: 0.4rem;
  }

  /* Card molto più basse e strette */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: var(--spacing-3);
  }

  /* Contenuto più “fit” */
  .section-trust-indicators__content {
    gap: var(--spacing-2);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-1);
  }

  /* Font più piccoli */
  .section-trust-indicators__title {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .section-trust-indicators__subheading {
    font-size: 1.2rem;
    line-height: 1.4;
  }

  .section-trust-indicators__subheading a {
    padding-block: 0.4rem;
  }

  /* Icone/cerchio più piccoli */
  .section-trust-indicators__decorator {
    width: 3.2rem;
    max-width: 3.2rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 2rem;
    height: 2rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 2rem;
    height: 2rem;
  }
}
Hai detto:
no font troppo importanti non va bene
ChatGPT ha detto:

Ragionato per 18s
Ok, lascio i font intatti e rendo compatto il blocco solo con padding, spazi e icone più piccole su mobile.
Ecco tutto il file riscritto:

.section-trust-indicators swiper-component {
  display: block;
}

.section-trust-indicators swiper-component .swiper-slide > div {
  width: 100%;
  border-radius: var(--card-corner-radius);
  overflow: hidden;
}

.section-trust-indicators swiper-component {
  --swiper-pagination-bullet-width: 0.6rem;
  --swiper-pagination-bullet-height: 0.6rem;
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-opacity: 0.25;
}

.section-trust-indicators swiper-component .swiper-wrapper {
  margin-block-end: var(--spacing-4);
}

.section-trust-indicators swiper-component .swiper-pagination {
  position: relative;
}

.section-trust-indicators swiper-component .swiper-pagination-bullets.swiper-pagination-horizontal {
  inset-block-end: 0;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators swiper-component .swiper-wrapper {
    row-gap: var(--spacing-4);
    margin-block-end: var(--spacing-0);
  }
}

.section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
  display: flex;
  width: auto;
  height: auto;
}

html.js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background-color: rgba(var(--color-border), 0);
}

.section-trust-indicators__tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  padding: 4.7rem 4rem;
  padding: var(--spacing-6);
  text-align: center;
}

.section-trust-indicators__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
}
.section-trust-indicators__content.content--horizontal {
  flex-direction: row;
}
.section-trust-indicators__content.content--vertical {
  flex-direction: column;
}

.section-trust-indicators__content > * {
  flex: 0 0 auto;
}
.section-trust-indicators__content > *:has(.link) {
  flex: 1 0 100%;
}

.section-trust-indicators__content-inner {
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  gap: var(--spacing-2);
  flex: 0 1 auto;
}

.section-trust-indicators__subheading {
  font-size: var(--font-size-static-md);
  line-height: var(--line-height-static-md);
  font-weight: 400;
  color: rgb(var(--color-foreground));
}
.section-trust-indicators__subheading a {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-end: -0.4rem;
  padding-block: 0.625rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}
.section-trust-indicators__subheading a::before {
  content: '';
  position: absolute;
  inset-block-end: 0.2rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  opacity: 0.3;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--duration-long), opacity var(--duration-long);
}
@media (hover: hover) {
  .section-trust-indicators__subheading a:hover::before {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.section-trust-indicators__content-start .section-trust-indicators__link {
  text-align: start;
  margin-inline-start: calc(var(--section-content-icon-width) + var(--spacing-4));
}

.section-trust-indicators__title {
  margin: 0;
}

.section-trust-indicators__inner,
html.no-js .section-trust-indicators__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: .1rem;
}

.section-trust-indicators__inner .section-trust-indicators__tile,
html.no-js .section-trust-indicators__tile {
  padding-inline: 6.2rem;
  position: relative;
}

.section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: -.1rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}

@media screen and (min-width: 575px) {
  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators--1 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--1 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 5.2rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
  html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: -0.1rem;
    inset-inline-start: 0;
    width: 100%;
    height: 0.1rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: 1 / 3;
  }

  .section-trust-indicators--2 .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 0 0 calc((98% - var(--grid-spacing)) / 2);
  }

  .section-trust-indicators__tile {
    padding-block: 5.7rem;
  }
}
.section-trust-indicators__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgb(var(--color-foreground), 0.2);
  border-radius: 50%;
  padding: var(--spacing-3);
}

.section-trust-indicators__icon img {
  width: var(--section-trust-indicators-icon-size, 4.8rem);
  height: auto;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (min-width: 990px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }

  .section-trust-indicators__swiper-slide:last-child {
    margin-inline-end: 0 !important;
  }

  .section-trust-indicators__tile {
    padding: var(--spacing-6);
    height: 100%;
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-trust-indicators--2 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--2 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 4rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: auto;
  }
}

@media screen and (min-width: 1200px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* DECORATOR */

.section-trust-indicators__decorator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: auto;
  max-width: 4.8rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator {
    width: 6.4rem;
    height: auto;
    max-width: 6.4rem;
  }
}

.section-trust-indicators__decorator img,
.section-trust-indicators__decorator svg {
  width: 2.8rem;
  height: 2.8rem;
}

@media screen and (min-width: 750px) {
  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.section-trust-indicators__decorator svg {
  color: currentColor;
  fill: currentColor;
}

/* ========= MOBILE COMPATTO (solo spazi e icone, NO font) ========= */
@media screen and (max-width: 749px) {
  /* Pallini dello slider più piccoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.4rem;
    --swiper-pagination-bullet-height: 0.4rem;
  }

  /* Card più basse e strette */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-3);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: var(--spacing-3);
  }

  /* Meno spazio tra gli elementi */
  .section-trust-indicators__content {
    gap: var(--spacing-2);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-1);
  }

  /* Decorator (cerchio) più piccolo */
  .section-trust-indicators__decorator {
    width: 3.6rem;
    max-width: 3.6rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 2.2rem;
    height: 2.2rem;
  }

  /* Icona interna più compatta */
  .section-trust-indicators__icon {
    padding: var(--spacing-2);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3.6rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}
Hai detto:
Immagine caricata
Deve occupare la metà di quello che sta occupando ora. L’occhio non deve cadere subito lì . Scrivimi solo la parte mobile 
ChatGPT ha detto:
Perfetto, ora che vedo il problema: le card dei trust indicators sono troppo alte → dobbiamo dimezzare altezza e ingombro visivo, senza toccare i font.

Ecco solo la parte MOBILE, super compatta (≈ metà altezza attuale):

/* ========= TRUST INDICATORS MOBILE (ULTRA COMPACT) ========= */
@media screen and (max-width: 749px) {

  /* Card molto più basse */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-2);      /* prima era 6 → ora molto più basso */
    padding-inline: var(--spacing-2);
  }

  /* Riduce fortemente lo spazio tra icone e testo */
  .section-trust-indicators__content {
    gap: var(--spacing-1);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-0);
  }

  /* Icone significativamente più piccole */
  .section-trust-indicators__decorator {
    width: 2.8rem;
    max-width: 2.8rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 2.8rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  /* Riduce lo spazio verticale tra una card e l'altra */
  .section-trust-indicators__inner {
    gap: 0;
  }

  /* Pallini dello slider più piccoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.35rem;
    --swiper-pagination-bullet-height: 0.35rem;
  }
}
Risultato:
La sezione diventa la metà dell’altezza corrente.

L'occhio non cade più lì, diventa un blocco informativo molto discreto.

I testi restano leggibili e invariati.

Vuoi che la card abbia anche uno sfondo meno evidente per farla pesare ancora meno visivamente?

Hai detto:
stai sbagliando quaslcosa il font è enorme e non mi piacce
ChatGPT ha detto:

Ragionato per 20s
Hai ragione, se il font ti sembra enorme va ridotto proprio su quella sezione in mobile.
Ti lascio solo l’override mobile da mettere in fondo al file (sotto tutto il resto), così sovrascrive i valori attuali.

/* ========= TRUST INDICATORS - MOBILE COMPATTO ========= */
@media screen and (max-width: 749px) {

  /* Card più basse e strette */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-2);   /* meno altezza */
    padding-inline: var(--spacing-2);  /* meno larghezza interna */
  }

  .section-trust-indicators__inner {
    gap: 0.2rem;                       /* pochissimo spazio tra le card */
  }

  /* Titolo e testo più piccoli */
  .section-trust-indicators__title {
    font-size: 1.4rem;
    line-height: 1.3;
  }

  .section-trust-indicators__subheading,
  .section-trust-indicators__content-inner p {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  /* Meno spazio tra icona e testo */
  .section-trust-indicators__content {
    gap: var(--spacing-1);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-0);
  }

  /* Icone e cerchio molto più piccoli */
  .section-trust-indicators__decorator {
    width: 3rem;
    max-width: 3rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 2rem;
    height: 2rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 2rem;
    height: 2rem;
  }

  /* Pallini slider più piccoli e discreti */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.35rem;
    --swiper-pagination-bullet-height: 0.35rem;
  }
}
Con questo:

il blocco dovrebbe occupare circa metà dell’altezza di prima,

il font è più piccolo e meno “importante”,

l’icona non domina più la sezione.

Hai detto:
Immagine caricata
Meglio ma i font troppo grossi 
ChatGPT ha detto:
Perfetto — ora è chiarissimo: manteniamo la leggibilità, ma i font vanno ridotti in modo deciso su mobile, specialmente titolo e paragrafo, che ora sono enormi rispetto allo spazio disponibile.

Ecco solo la sezione MOBILE, con font ridotti in modo armonico (NON minuscoli, ma molto più sobri):

/* ========= TRUST INDICATORS - MOBILE FONT SMALL ========= */
@media screen and (max-width: 749px) {

  /* Card più compatte */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2);
  }

  /* Titolo molto più piccolo */
  .section-trust-indicators__title {
    font-size: 1.25rem;     /* prima circa 1.6–1.8rem */
    line-height: 1.3;
  }

  /* Sottotitolo / paragrafo più piccolo */
  .section-trust-indicators__subheading,
  .section-trust-indicators__content-inner p {
    font-size: 1.15rem;     /* prima enorme */
    line-height: 1.35;
  }

  /* Riduce spazio fra icona e testo */
  .section-trust-indicators__content {
    gap: var(--spacing-1);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-0);
  }

  /* Icone più piccole */
  .section-trust-indicators__decorator {
    width: 3rem;
    max-width: 3rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 3rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  /* Pallini slider piccoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.35rem;
    --swiper-pagination-bullet-height: 0.35rem;
  }
}
🎯 Risultato
Font molto più piccoli e meno dominanti.

La card diventa visivamente più leggera e meno ingombrante.

L’occhio tornerà sul contenuto principale, non sul box.

Se vuoi posso proporti tre varianti: small, smaller, ultra-compact per scegliere la resa perfetta.

Hai detto:
Immagine caricata
 su desktop non mi piace. riscrivimi tutto il file completo corretto versione desktop e mobile
ChatGPT ha detto:

Ragionato per 42s
Perfetto, rifacciamo da zero il CSS della sezione, sistemando desktop + mobile in modo più sobrio e compatto.

Qui sotto hai il file completo, già ottimizzato:

.section-trust-indicators swiper-component {
  display: block;
}

.section-trust-indicators swiper-component .swiper-slide > div {
  width: 100%;
  border-radius: var(--card-corner-radius);
  overflow: hidden;
}

/* Pagination Swiper */
.section-trust-indicators swiper-component {
  --swiper-pagination-bullet-width: 0.4rem;
  --swiper-pagination-bullet-height: 0.4rem;
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-opacity: 0.25;
}

.section-trust-indicators swiper-component .swiper-wrapper {
  margin-block-end: var(--spacing-3);
}

.section-trust-indicators swiper-component .swiper-pagination {
  position: relative;
}

.section-trust-indicators swiper-component .swiper-pagination-bullets.swiper-pagination-horizontal {
  inset-block-end: 0;
}

/* Swiper wrapper spacing desktop */
@media screen and (min-width: 750px) {
  .section-trust-indicators swiper-component .swiper-wrapper {
    row-gap: var(--spacing-3);
    margin-block-end: var(--spacing-0);
  }
}

/* SWIPER SLIDES */

.section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
  display: flex;
  width: auto;
  height: auto;
}

html.js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background-color: rgba(var(--color-border), 0);
}

/* TILE BASE (mobile-first) */

.section-trust-indicators__tile {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  padding-block: var(--spacing-3);
  padding-inline: var(--spacing-3);
  text-align: center;
}

/* CONTENT LAYOUT */

.section-trust-indicators__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-3);
}

.section-trust-indicators__content.content--horizontal {
  flex-direction: row;
}

.section-trust-indicators__content.content--vertical {
  flex-direction: column;
}

.section-trust-indicators__content > * {
  flex: 0 0 auto;
}

.section-trust-indicators__content > *:has(.link) {
  flex: 1 0 100%;
}

.section-trust-indicators__content-inner {
  display: flex;
  flex-direction: column;
  align-items: var(--section-content-inner-align-items, center);
  justify-content: center;
  gap: var(--spacing-1);
  flex: 0 1 auto;
}

/* TYPOGRAPHY */

.section-trust-indicators__title {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 600;
}

.section-trust-indicators__subheading,
.section-trust-indicators__content-inner p {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  color: rgb(var(--color-foreground));
}

.section-trust-indicators__subheading a {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block-end: -0.4rem;
  padding-block: 0.5rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

.section-trust-indicators__subheading a::before {
  content: '';
  position: absolute;
  inset-block-end: 0.2rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  opacity: 0.3;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--duration-long), opacity var(--duration-long);
}

@media (hover: hover) {
  .section-trust-indicators__subheading a:hover::before {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.section-trust-indicators__content-start .section-trust-indicators__link {
  text-align: start;
  margin-inline-start: calc(var(--section-content-icon-width) + var(--spacing-4));
}

/* GRID MODE (no-js / desktop grid) */

.section-trust-indicators__inner,
html.no-js .section-trust-indicators__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.section-trust-indicators__inner .section-trust-indicators__tile,
html.no-js .section-trust-indicators__tile {
  padding-inline: var(--spacing-3);
  position: relative;
}

.section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
  content: '';
  position: absolute;
  inset-block-start: -0.1rem;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}

/* GRID 2 COLONNE */

@media screen and (min-width: 575px) {
  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators--1 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--1 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 3.2rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile + .section-trust-indicators__tile::after,
  html.no-js .section-trust-indicators__swiper-slide + .section-trust-indicators__swiper-slide::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: -0.1rem;
    inset-inline-start: 0;
    width: 100%;
    height: 0.1rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: 1 / 3;
  }

  .section-trust-indicators--2 .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* SWIPER WIDTH SU BREAKPOINT 750 */

@media screen and (min-width: 750px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 0 0 calc((98% - var(--grid-spacing)) / 2);
  }

  .section-trust-indicators__tile {
    padding-block: var(--spacing-3);
  }
}

/* ICONA TONDA INTERNA */

.section-trust-indicators__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgb(var(--color-foreground), 0.2);
  border-radius: 50%;
  padding: var(--spacing-2);
}

.section-trust-indicators__icon img {
  width: var(--section-trust-indicators-icon-size, 3.2rem);
  height: auto;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__icon svg {
  width: 2rem;
  height: 2rem;
}

/* DESKTOP ≥ 990px: 3 COLONNE, POCO PIÙ ARIOSO MA COMPATTO */

@media screen and (min-width: 990px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }

  .section-trust-indicators__swiper-slide:last-child {
    margin-inline-end: 0 !important;
  }

  .section-trust-indicators__tile {
    padding-block: var(--spacing-3);
    padding-inline: 3rem;
    height: 100%;
    text-align: left;
  }

  .section-trust-indicators__content {
    justify-content: flex-start;
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-trust-indicators--2 .section-trust-indicators__inner,
  html.no-js .section-trust-indicators--2 .section-trust-indicators__swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-trust-indicators__inner .section-trust-indicators__tile,
  html.no-js .section-trust-indicators__tile {
    padding-inline: 3rem;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n)::after,
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n)::after {
    inset-block-start: 0;
    inset-inline-start: -0.1rem;
    width: 0.1rem;
    height: 100%;
  }

  .section-trust-indicators__inner .section-trust-indicators__tile:nth-child(3n),
  html.no-js .section-trust-indicators__swiper-slide:nth-child(3n) {
    grid-column: auto;
  }

  .section-trust-indicators__title {
    font-size: 1.5rem;
  }

  .section-trust-indicators__subheading,
  .section-trust-indicators__content-inner p {
    font-size: 1.25rem;
  }
}

/* DESKTOP LARGE */

@media screen and (min-width: 1200px) {
  .section-trust-indicators__swiper .section-trust-indicators__swiper-slide {
    flex: 1;
  }
}

/* DECORATOR (CERCHIO ESTERNO) */

.section-trust-indicators__decorator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.2rem;
  height: auto;
  max-width: 3.2rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  aspect-ratio: 1 / 1;
}

.section-trust-indicators__decorator img,
.section-trust-indicators__decorator svg {
  width: 1.9rem;
  height: 1.9rem;
}

.section-trust-indicators__decorator svg {
  color: currentColor;
  fill: currentColor;
}

/* ========= MOBILE SPECIFICO (ANCORA PIÙ DISCRETO) ========= */

@media screen and (max-width: 749px) {

  /* Card ancora più basse */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2);
  }

  .section-trust-indicators__inner,
  html.no-js .section-trust-indicators__swiper-wrapper {
    gap: 0;
  }

  .section-trust-indicators__content {
    gap: var(--spacing-2);
  }

  .section-trust-indicators__content-inner {
    gap: var(--spacing-0);
  }

  /* Font più piccoli su mobile */
  .section-trust-indicators__title {
    font-size: 1.25rem;
  }

  .section-trust-indicators__subheading,
  .section-trust-indicators__content-inner p {
    font-size: 1.1rem;
  }

  /* Icone più discrete */
  .section-trust-indicators__decorator {
    width: 2.8rem;
    max-width: 2.8rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 1.7rem;
    height: 1.7rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 2.8rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 1.7rem;
    height: 1.7rem;
  }

  /* Dots slider molto piccoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.3rem;
    --swiper-pagination-bullet-height: 0.3rem;
  }
}
🔍 Cosa cambia:

Desktop

Altezza delle card ridotta (meno padding).

Titolo e testo più piccoli e regolari → non rubano la scena al titolo sotto (“Oltre 20 anni…”).

Layout a 3 colonne, allineato a sinistra, più “riga di servizio” che mega-banner.

Mobile

Font ulteriormente ridotti (1.25rem titolo, 1.1rem testo).

Card molto più basse, icone più piccole, dots minuscoli → l’occhio rimane sull’hero.

Incolla questo file al posto del vecchio CSS della sezione trust-indicators (o sovrascrivilo nello stesso file) e dovresti vedere subito la differenza.

Hai detto:
non riesci a ridurre un altro po i font su mobile?
ChatGPT ha detto:
Certo che sì — se vuoi che su mobile i trust-indicators siano discreti e molto meno invadenti, dobbiamo portare i font quasi a dimensioni “label UI”, quindi più piccoli ma ancora leggibili.

🎯 Obiettivo:
Titolo piccolo ma leggibile, testo compatto, sezione molto meno evidente.

Ecco solo il blocco MOBILE, ancora più ridotto rispetto alla versione precedente:

/* ========= TRUST INDICATORS - MOBILE EXTRA SMALL ========= */
@media screen and (max-width: 749px) {

  /* Card ancora più basse */
  .section-trust-indicators__tile {
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-2);
  }

  .section-trust-indicators__content {
    gap: var(--spacing-1);
  }

  .section-trust-indicators__content-inner {
    gap: 0;
  }

  /* FONT ANCORA PIÙ PICCOLI */
  .section-trust-indicators__title {
    font-size: 1.1rem;   /* prima 1.25rem */
    line-height: 1.25;
  }

  .section-trust-indicators__subheading,
  .section-trust-indicators__content-inner p {
    font-size: 0.95rem;  /* prima 1.1rem */
    line-height: 1.3;
  }

  /* Icone più piccole */
  .section-trust-indicators__decorator {
    width: 2.4rem;
    max-width: 2.4rem;
  }

  .section-trust-indicators__decorator img,
  .section-trust-indicators__decorator svg {
    width: 1.4rem;
    height: 1.4rem;
  }

  .section-trust-indicators__icon {
    padding: var(--spacing-1);
  }

  .section-trust-indicators__icon img {
    --section-trust-indicators-icon-size: 2.4rem;
    width: var(--section-trust-indicators-icon-size);
  }

  .section-trust-indicators__icon svg {
    width: 1.4rem;
    height: 1.4rem;
  }

  /* Dots slider minuscoli */
  .section-trust-indicators swiper-component {
    --swiper-pagination-bullet-width: 0.25rem;
    --swiper-pagination-bullet-height: 0.25rem;
  }
}