/* =========================================================
   iFody — Ícones 3D
   ========================================================= */

.i3d {
  display: inline-block;
  width: 1em;
  height: 1em;
  object-fit: contain;
  vertical-align: -.18em;
  flex-shrink: 0;
}
.i3d--sm { width: 20px; height: 20px; }
.i3d--md { width: 32px; height: 32px; }
.i3d--lg { width: 44px; height: 44px; }
.i3d--xl { width: 64px; height: 64px; }

/* Quando o ícone está dentro de "círculo colorido" pré-existente,
   ele preenche o container e remove o fundo (pq o ícone 3D já tem cor). */
.feature__ico .i3d,
.trust-mini__icon .i3d,
.float-card__icon .i3d,
.sfeat__ico .i3d {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* Para containers redondos coloridos, transformamos em transparente
   pra deixar o ícone "voar" — visual mais 3D */
.feature__ico--3d,
.trust-mini__icon--3d,
.float-card__icon--3d,
.sfeat__ico--3d {
  background: transparent !important;
  box-shadow: none !important;
}

/* Tamanho específico em contextos */
.cap__icon .i3d { width: 22px; height: 22px; }
.map__moto .i3d { width: 48px; height: 48px; }
.ship__title .i3d-prefix { width: 22px; height: 22px; margin-right: 6px; vertical-align: -.4em; }
.ship__opt strong .i3d { width: 22px; height: 22px; margin-right: 4px; vertical-align: -.4em; }
.warning .i3d { width: 22px; height: 22px; vertical-align: -.4em; }
.gallery__badge .i3d { width: 14px; height: 14px; margin-right: 2px; vertical-align: -.15em; }
.badge-hot .i3d { width: 14px; height: 14px; margin-right: 2px; vertical-align: -.15em; }
.stock__text .i3d { width: 16px; height: 16px; margin-right: 4px; vertical-align: -.2em; }