/* Shared material-action rhythm: baseline, 24px horizontal gap, 12px helper gap. */
:root{--material-action-gap:24px;--material-helper-gap:12px;--material-project-accent:#df7182}
body main .product-offer-action:has(>.material-action-row){display:block;position:static;width:100%;margin:0;padding:0;text-align:left}
body main .material-action-row{display:flex;flex-flow:row wrap;align-items:baseline;justify-content:flex-start;gap:12px var(--material-action-gap);margin:0;padding:0}
body main .material-action-row>.button{display:inline-flex;align-items:baseline;gap:24px;flex:0 0 auto;box-sizing:border-box;margin:0;min-height:50px;padding:13px 24px;font:600 16px/24px var(--font-ui,Montserrat,Arial,sans-serif);vertical-align:baseline}
body main a.project-view-link{display:inline-block;flex:0 0 auto;align-self:baseline;margin:0;padding:0 0 4px;min-height:0;font:500 16px/24px var(--font-ui,Montserrat,Arial,sans-serif);color:var(--material-project-accent);white-space:nowrap;background-size:100% 1px!important;background-position:0 100%!important}
body main .product-offer-action:has(>.material-action-row)>.product-offer-note{margin:var(--material-helper-gap) 0 0!important;font:400 13px/20px var(--font-ui,Montserrat,Arial,sans-serif)}
body main .pa-media-actions:has(.material-action-row){display:block}
body main .pa-media-actions:has(.material-action-row) .pa-selection{width:100%}
@media(max-width:760px){body main .material-action-row{row-gap:12px}body main a.project-view-link{white-space:normal}}
/* Override legacy family-specific project margins/padding with the same role. */
body main .product-offer-action .material-action-row>a.project-view-link{margin:0;padding:0 0 4px;min-height:0;line-height:24px;align-self:baseline}
body main a.project-view-link{border:0!important;box-shadow:none!important}