/* Símbolos Marsu em SVG local: aparência idêntica no Safari iOS, Android e desktop.
   Sem caracteres de emoji, fontes de ícones externas ou JavaScript. */
.marsu-glyph {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex: 0 0 auto;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.marsu-glyph--starburst { -webkit-mask-image: url("/assets/icons/starburst.svg"); mask-image: url("/assets/icons/starburst.svg"); }
.marsu-glyph--sparkle { -webkit-mask-image: url("/assets/icons/sparkle.svg"); mask-image: url("/assets/icons/sparkle.svg"); }
.marsu-glyph--star6 { -webkit-mask-image: url("/assets/icons/star6.svg"); mask-image: url("/assets/icons/star6.svg"); }
.marsu-glyph--up-right { -webkit-mask-image: url("/assets/icons/up-right.svg"); mask-image: url("/assets/icons/up-right.svg"); }
.marsu-glyph--left { -webkit-mask-image: url("/assets/icons/left.svg"); mask-image: url("/assets/icons/left.svg"); }
.marsu-glyph--right { -webkit-mask-image: url("/assets/icons/right.svg"); mask-image: url("/assets/icons/right.svg"); }
.marsu-glyph--close { -webkit-mask-image: url("/assets/icons/close.svg"); mask-image: url("/assets/icons/close.svg"); }
.marsu-glyph--heart { -webkit-mask-image: url("/assets/icons/heart.svg"); mask-image: url("/assets/icons/heart.svg"); }
.marsu-glyph--chevron-left { -webkit-mask-image: url("/assets/icons/chevron-left.svg"); mask-image: url("/assets/icons/chevron-left.svg"); }
.marsu-glyph--chevron-right { -webkit-mask-image: url("/assets/icons/chevron-right.svg"); mask-image: url("/assets/icons/chevron-right.svg"); }
.marsu-glyph--minus { -webkit-mask-image: url("/assets/icons/minus.svg"); mask-image: url("/assets/icons/minus.svg"); }

/* Os símbolos seguem a tipografia e a cor do elemento pai. */
.hero h1 > .marsu-glyph {font-size:.38em;vertical-align:.20em;margin-right:.10em}
.hero-stamp > span > .marsu-glyph,.hero-image-label span > .marsu-glyph,
.announcement-star > .marsu-glyph,.hero-bottom-symbol > .marsu-glyph,
.bottom-star > .marsu-glyph {vertical-align:middle}
.cat-arrow .marsu-glyph {font-size:21px}
.product-detail-assurances .marsu-glyph {margin-right:.45em;vertical-align:-.1em}
.gallery-arrow .marsu-glyph {font-size:23px;vertical-align:middle}
.product-back .marsu-glyph,.product-top-cart .marsu-glyph {vertical-align:-.1em}
.photo-delete .marsu-glyph,.photo-order-actions button .marsu-glyph {font-size:18px;vertical-align:middle}
.tags button .marsu-glyph {font-size:15px;vertical-align:middle}
/* Algumas regras antigas usavam font-size no span; os SVGs mantêm as dimensões proporcionais. */