.product-grid{align-items:stretch;gap:20px}
.product{--accent:#00aabc;--soft:#effbfc;--line:#cfeef1;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--line);box-shadow:0 10px 28px #0636570a;transition:transform .2s ease,box-shadow .2s ease}
.product::before{content:"";height:5px;flex:none;background:var(--accent)}
.product:hover{transform:translateY(-2px);box-shadow:0 16px 36px #06365715}
.product-geracoes{--accent:#8659b0;--soft:#f8f3fc;--line:#e9ddf2}
.product-conecta{--accent:#00a77e;--soft:#eefaf5;--line:#cdebe0}
.product-controle{--accent:#00afc4;--soft:#effafd;--line:#cdebf0}
.product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px 24px 20px;background:linear-gradient(125deg,var(--soft),#fff 75%)}
.product-kicker{display:block;margin-bottom:7px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}
.product-head h3{margin:0;font-size:23px;letter-spacing:-.02em}
.product-head .badge{white-space:nowrap}
.product .product-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin:0;padding:20px 24px 24px}
.product .product-numbers span{gap:7px;padding:13px 14px;border:1px solid #e3edf2;border-radius:11px;background:#fafcfd;font-size:12px;line-height:1.3}
.product .product-numbers strong{font-size:25px;line-height:1;color:#063657}
.product-footer{margin-top:auto;padding:17px 24px 22px;border-top:1px solid #e8eff3}
.product-footer .muted{margin:12px 0 0}
.product-footer .notice{margin:0}
.product-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.product .product-actions a{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 14px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#fff;font-size:13px;font-weight:750;text-decoration:none}
.product .product-actions a:hover{filter:brightness(.92)}
.product .product-actions button{margin:0;padding:10px 12px;border:1px solid var(--accent);background:var(--soft);color:#063657;font-size:12px;font-weight:700}
.product .product-actions button:hover{background:var(--line)}
.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.share-options a,.share-options button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid #c9dbe4;border-radius:10px;background:#f5fafc;color:#103b52;font-size:13px;font-weight:700;text-align:center;text-decoration:none}
.share-options a:hover,.share-options button:hover{background:#e8f7fa}
.invite-requests{margin-bottom:22px}
.invite-requests h2{margin-top:0}
.invite-request{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #dce7ed;flex-wrap:wrap}
.invite-request p{margin:3px 0}
.invite-request .person-actions{margin-top:0}
@media(min-width:651px){.product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.product-actions>a:only-child{grid-column:1/-1}.product .product-actions a,.product .product-actions button{width:100%}}
@media(min-width:1150px){
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .product-head{gap:8px;padding:18px 18px 16px}
 .product-head h3{font-size:21px}
 .product-head .badge{font-size:10px;padding:5px 7px}
 .product .product-numbers{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:7px;padding:14px 18px 16px}
 .product .product-numbers span{gap:5px;padding:10px 11px;font-size:11px}
 .product .product-numbers strong{font-size:21px}
 .product-footer{padding:14px 18px 16px}
 .product-actions{gap:7px}
 .product .product-actions a{width:100%;padding:9px 10px;font-size:12px}
 .product .product-actions button{min-width:0;width:100%;padding:9px 10px;font-size:11px;white-space:normal}
 .product-footer .muted{margin-top:10px;font-size:12px;line-height:1.45}
}
@media(max-width:650px){.product-head{padding:20px 18px 16px}.product .product-numbers{padding:16px 18px 20px}.product-footer{padding:16px 18px 20px}.product-actions>*{flex:1 1 160px;text-align:center}.share-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product{transition:none}.product:hover{transform:none}}