.product-item-photo,.u4-related__photo,.u4-kits__photo{position:relative}
.u4-product-badges{position:absolute;top:8px;left:8px;right:auto;width:32%;max-width:100px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:3;pointer-events:none}
/* The existing media is 130% wide with -15% margins. Offset only the badges into the visible card. */
.u4-card .u4-product-badges{left:calc(11.538462% + 8px);width:24.615385%}
.u4-product-badge{display:inline-block;padding:5px 8px;border-radius:7px;font:600 11px/1.25 Arial,sans-serif;letter-spacing:.1px;box-shadow:0 1px 4px #00000012}
.u4-product-badge--destaque{background:#d7fff0;color:#06583f}
.u4-product-badges .u4-product-badge-art{display:block;position:static;flex:none;width:100%;height:auto;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;transform:none;pointer-events:none}
.u4-product-badge-art--promocao{aspect-ratio:300/246;background-image:url('../images/01oferta.png')}
.u4-product-badge-art--lancamento{aspect-ratio:300/219;background-image:url('../images/01lancamento.png')}
.u4-badge-vitrine{margin:24px 0}.u4-badge-vitrine h2{text-align:center;font-size:24px;font-weight:600;margin-bottom:22px}
.u4-badge-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 3px 20px}
.u4-badge-card{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start;display:flex}
@media(max-width:1023px){.u4-badge-card{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:767px){.u4-badge-card{flex-basis:calc((100% - 20px)/2)}.u4-product-badges{top:6px;left:6px;gap:4px}.u4-product-badge{padding:4px 6px;font-size:10px}}
@media(max-width:767px){.u4-card .u4-product-badges{left:calc(11.538462% + 6px)}}
@media(max-width:359px){.u4-badge-card{flex-basis:85%}}
