/* g45 (brief-g45.md) · loaded last on every /g22/ page; /g44/ keeps g.css as it was */
/* item 7: the primary button a touch lighter (text stays #06120d, ratio checked in docs/g45) */
:root{--g-pop:#46ab7f;--g-pop2:#50b88a}
html.g-accent{--g-pop:#f2b33d;--g-pop2:#f6c25e}
/* item 8: the guarantee title, "gratis" in the green */
.g45-h1 .g45-g{font-style:normal;color:var(--g-pop2)}
/* item 12: the Merkidentiteit eyebrow in the same green as the other home eyebrows */
html .g-hmerk .g-hm-t .lab{color:rgb(166,220,193)}
/* item 4: Levertijd as a small label and a value */
.g45-lt .g45-lt-k{font-weight:600;color:var(--soft,inherit);margin-right:4px}
/* item 10: home rail, one price column; Actie at the name; struck and saving on their own line under the price */
html .gx-room15 .gx-rail .gx-label h3{display:flex;align-items:center;align-self:baseline}
html .gx-room15 .gx-rail .gx-label h3 .g43-act{margin-left:12px}
html .gx-room15 .gx-rail .gx-label .gx-price.g45-pr{align-self:baseline;margin:0!important;justify-content:flex-end;text-align:right;white-space:nowrap}
html .gx-room15 .gx-rail .gx-label>p.g45-wl{grid-column:1 / -1!important;grid-row:2;justify-self:end;width:max-content;max-width:100%;margin:2px 0 10px;text-align:right}
.g45-was{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:12px;font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.4}
.g45-was .g-was{font-size:15px;color:var(--soft,#a9a397);opacity:1;margin:0}
.g45-was .g-save{font-size:15px;margin:0}
/* item 13: /websites/ rows the same way */
.pk-row .pk-n .g43-act{margin-left:10px;vertical-align:middle;position:relative;top:-3px}
.g36-pk .pk-row .pk-n,.g36-pk .pk-row .pk-p.g45-pr{align-self:baseline!important}
.g36-pk .pk-row .pk-p.g45-pr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.g36-pk .pk-row.pk-om22 .pk-p.g45-pr{flex-direction:column;align-items:flex-end}
.pk-row .pk-p.g45-pr .g45-was{order:2}
.pk-row .g45-omp small{margin-right:8px}
/* item 21: Actie at the name in the price list on /contact/ and /vragen/ */
.kq-p li b .g43-act{margin-left:8px}
.pk-row .pk-p.g45-pr .g45-was{flex-direction:column;align-items:flex-end;gap:0;white-space:nowrap;font-size:14px}
.pk-row .pk-p.g45-pr .g45-was .g-was,.pk-row .pk-p.g45-pr .g45-was .g-save{font-size:14px;letter-spacing:0;text-transform:none;font-family:Manrope,system-ui,sans-serif;margin:0}
.pk-row .g45-omp{display:inline-flex;align-items:baseline;white-space:nowrap}
.pk-row .g45-omp small{display:inline;margin:0 8px 0 0}
.pk-om22 .pk-p.g45-pr .g45-was .g-save{color:inherit;font-weight:600}
html .g36-head .g45-h1{line-height:1.02}
/* item 15: the brand order block on /merkidentiteit/ uses the /websites/ components */
.g45-mko-s{padding-bottom:0}
.g45-mko .g45-omp small{font-size:15px;margin-right:8px}
.g45-mk-x{margin:18px 0 0;font-size:16px;line-height:1.5;color:var(--soft,inherit);max-width:640px}
.g45-mk-pay{margin:0 0 18px;font-size:17px;line-height:1.5}
.g45-mk-n{margin:12px 0 4px;font-size:15px}
/* item 16: four example logos, same tile, same ground, same size */
.g45-lgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g45-lg{margin:0}
.g45-lg-f{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#FBF8F2;border-radius:6px;padding:9% 12%}
.g45-lg-f img{display:block;width:100%;height:100%;object-fit:contain}
.g45-lg figcaption{margin-top:8px;font-size:15px;line-height:1.4}
.g45-lg figcaption b{display:block;font-weight:600}
.g45-lg figcaption span{color:var(--soft,inherit)}
.g45-lgs{margin-bottom:32px}
/* item 23: blog, two filter rows (topic, branche) that combine */
.g45-fl{margin:0 0 8px;font:600 13px/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--soft,inherit)}
.g45-bchips{margin-top:0}
.g43-chips+.g45-fl{margin-top:18px}
.g45-bn{margin:0 0 20px;font-size:17px;line-height:1.5;max-width:720px}