/* Shared presentation for the verified target-native card. */
.wgm-native-card .wgm-native-card__box{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.wgm-native-card .wgm-native-card__media{aspect-ratio:1;background:var(--op-card-image-bg,#f2efe7);border-radius:0}
.wgm-native-card .wgm-native-card__image{object-fit:contain}
.wgm-native-card .wgm-native-card__info{padding:14px 0 0;background:transparent;text-align:left}
.wgm-native-card .wgm-native-card__info .name,.wgm-native-card .wgm-native-card__info .name a{font:400 var(--op-card-title,20px)/1.2 Georgia,serif;white-space:normal;overflow:visible;text-overflow:clip;color:#34302e}
.wgm-native-card .op-card-description{margin:7px 0;color:#514b47;font:var(--op-card-desc,14px)/1.35 Arial,sans-serif;white-space:normal}
.wgm-native-card .price-wrapper{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.wgm-native-card .op-card-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}
.wgm-native-card .op-card-swatch{display:inline-flex;width:22px;height:22px;flex:0 0 22px;overflow:hidden;border:1px solid #b7afa5;border-radius:50%;background:#f2efe7}
.wgm-native-card .op-card-swatch img{display:block;width:100%;height:100%;object-fit:cover}
.wgm-native-card .op-card-swatch:focus-visible{outline:2px solid #34302e;outline-offset:2px}
.wgm-native-card .wgm-native-card__badge-area{position:absolute;top:12px;left:12px;z-index:2}
@media(max-width:767px){.wgm-native-card .wgm-native-card__info .name,.wgm-native-card .wgm-native-card__info .name a{font-size:18px}.wgm-native-card .op-card-description{font-size:13px}.wgm-native-card .op-card-swatch{width:20px;height:20px;flex-basis:20px}}
/* Slot provider root is the card interior; the host supplies the loop wrapper. */
.wgm-native-card.wgm-native-card__box{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.wgm-native-card .onsale,.wgm-native-card .badge-inner.on-sale{background:var(--op-card-accent,#b85d3d)!important;color:#fff!important}
/* Provider output puts the sale hook alongside the inner box, not in badge-area. */
.product-small:has(> .col-inner > .wgm-native-card__box) > .col-inner > .badge-container{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;z-index:3!important;transform:none!important}
.product-small:has(> .col-inner > .wgm-native-card__box) > .col-inner > .badge-container .onsale{display:inline-block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:5px 7px!important;border-radius:3px!important;background:#b85d3d!important;color:#fff!important;font:700 10px/1.1 Arial,sans-serif!important;letter-spacing:.04em;text-transform:uppercase}
.product-small:has(> .col-inner > .wgm-native-card__box) > .col-inner > .wgm-native-card__box{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:transparent!important}
.product-small:has(> .col-inner > .wgm-native-card__box) .wgm-native-card__media{border-radius:0!important;aspect-ratio:1 / 1!important}
.product-small:has(> .col-inner > .wgm-native-card__box) .wgm-native-card__info{background:transparent!important;padding:14px 0 0!important;text-align:left!important}
.product-small:has(> .col-inner > .wgm-native-card__box) .wgm-native-card__info .price-wrapper{display:flex!important;width:100%!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
.product-small:has(> .col-inner > .wgm-native-card__box) .wgm-native-card__info .price-wrapper .price{display:block!important;align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;text-align:left!important}
@media(max-width:767px){.product-small:has(> .col-inner > .wgm-native-card__box) > .col-inner > .badge-container{top:10px!important;left:10px!important}}
/* Flatsome adds a 30px top margin to all badge containers. */
.product-small:has(> .col-inner > .wgm-native-card__box) > .col-inner > .badge-container{margin:0!important}