.product-benefits-wrap {
    position: relative;
    width: 100%;
}
.product-benefits {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media(min-width:720px){.product-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}}
.benefit-btn{display:flex;align-items:center;gap:8px;width:100%;padding:5px;background:#fff;border:1px solid #e6e6e6;border-radius:10px;font:500 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;cursor:pointer;transition:box-shadow .15s,border-color .15s;flex-direction: column;max-width:135px;}
.benefit-btn img {
    flex: 0 0 50px;
    height: 60px;
    display: block;
}
.benefit-btn:hover,.benefit-btn[aria-expanded="true"]{border-color:#d0d0d0;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.benefit-popover{position:fixed;z-index:1000}
.benefit-popover-content{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);width:min(560px,92vw);padding:14px 16px;position:relative}
.benefit-popover-close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;opacity:.6}
.benefit-popover-close:hover{opacity:1}
.benefit-section{padding:10px 2px}
.benefit-section+.benefit-section{font-size:14px;border-top:1px solid #ededed}
.benefit-title{font-weight:700;font-size:15px;margin:0 0 6px}
.benefit-text{margin:0;font-size:14px;color:#333}
.benefit-small{font-size:13px;color:#555;margin-top:4px}

.benefit-popover[hidden]{ display:none !important; }

/* quando flipar acima (abrindo para cima) */
.benefit-popover.is-above::before{
  top:auto; bottom:-8px;
  border-bottom:none; border-top:8px solid #e5e5e5;
}
.benefit-popover.is-above::after{
  top:auto; bottom:-7px;
  border-bottom:none; border-top:7px solid #fff;
}