/* Product pages' promise seals (local-badges.js): three in a row under the buttons, each a scalloped
   deep-green seal with a gold ring, symbol and figure, on a gold ribbon with notched ends. */
.gb-badges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0 18px; padding: 0; list-style: none; }
.gb-badge { display: flex; flex-direction: column; align-items: center; margin: 0; }
.gb-seal { display: block; width: 92px; height: 92px; filter: drop-shadow(0 6px 10px rgba(6, 46, 48, .25)); }
.gb-seal__edge { fill: #0A4A4D; }
.gb-seal__ring { fill: #083B3D; stroke: #E7B75F; stroke-width: 2; }
.gb-seal__dots { fill: none; stroke: #E7B75F; stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 0 4.2; opacity: .8; }
.gb-seal__symbol { fill: none; stroke: #E7B75F; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gb-seal__figure { fill: #FFF3D6; font: 800 18px/1 Arial, "Helvetica Neue", sans-serif; letter-spacing: -.3px; }
.gb-ribbon { position: relative; z-index: 1; margin-top: -12px; padding: 5px 16px 6px; min-width: 88%; text-align: center;
  background: linear-gradient(180deg, #F2C46D, #D4A64A); color: #062E30; font-size: 12.5px; font-weight: 700; line-height: 1.2; white-space: nowrap;
  clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 6% 50%); box-shadow: 0 2px 0 #B8862D; }

@media (max-width: 480px) {
  .gb-badges { gap: 6px; }
  .gb-seal { width: 74px; height: 74px; }
  .gb-ribbon { margin-top: -10px; padding: 4px 10px 5px; font-size: 11px; white-space: normal; }
}