/* * Forsidens sektioner for shop.habe.dk. * * Adskilt fra site.css (rammen: sidehoved, navigation, sidefod) og fra * style.css (tokens og komponentregler), fordi forsiden er den eneste side * med disse sektioner. Ligger den for sig, kan den indlæses betinget senere * uden at resten af sitet skal pilles ved. * * Ingen !important og ingen hex-værdier: farverne kommer fra tokens i * style.css, så en tonejustering kun skal laves ét sted. Eneste undtagelse er * ikonerne under .habe-service — se kommentaren der. * * Målene herunder er hentet ud af designreferencen (design/HABE Forside.dc.html) * med getBoundingClientRect ved 1440 px, ikke skønnet. Står der 104 px i en * clamp, er det fordi referencen måler 104 px dér. * * Markuppen kommer fra Gutenberg, så vores klasser står side om side med * .wp-block-*. Derfor er selektorerne herunder ofte to klasser dybe: Gutenberg * skriver sine layout-regler i et