body {
    font-family: Arial, sans-serif, Verdana, Helvetica; margin: 0;
    --kanger-mascot: url(https://monastechnology.cz/produkty/kanger/handful-midi.png)
}
[product-name=kanger] {--column-color:#d10034; --board-color:#ffc9b4;}
[product-name=topas] {--column-color: #1e5b7a; --board-color: #c7e8ff;}
[page-name=kanger] > header {--bg-color: #d50128;}
[page-name=kanger] > header::before, [page-name=kanger] > header::after {
    content:""; position: absolute; z-index: 1;
    top:0; right:0; bottom:var(--shadow-size,0); left:0;}
[page-name=kanger] > header::before {background: url("https://monastechnology.cz/produkty/kanger/kanger_50x6-bg-web.png") center / cover;}
[page-name=kanger] > header::after {
    padding: calc(2 * var(--negative-space,0)) calc(3 * var(--negative-space,0));
    background: content-box url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' style='enable-background:new 0 0 1000 200' xml:space='preserve' fill='%23FFF'%3E%3Cpath d='M19.8 172.7c.5-11.7.7-21.4.8-29.1a2403.6 2403.6 0 0 0-1.4-91.1l-.5-8.1 21.5.2 20.2-.2-.1 70.2 1.3 58.1-20.3-.2-21.5.2zM62.6 105l19.2-28.6 15.5-23.9 4.8-8.1 23.6.2 22.4-.2-36.5 50.1-6.8 10.1 7.6 11.1 42.7 57.1-23.1-.2-25.4.2c-8.9-15.3-23.6-37.9-44-67.8z'/%3E%3Cpath d='m150 172.7 6.9-13.5 42.8-91.6 4.5-10.2 5.5-13 24.1.2 24.4-.2 16.1 39.2 32.5 75.4 6.3 13.7-19.7-.2-23.2.2a464.2 464.2 0 0 0-14.1-36.5h-47.2c-4.8 11-9.6 23.2-14.6 36.5l-21.4-.2-22.9.2zm68.6-63.8h29.1l-14.1-36.5c-3.6 9.2-6.6 16.7-9.1 22.6l-5.9 13.9zM323 172.7l.7-19.7-.5-66.9-.6-27-.9-14.7 25.7.2 22.4-.2 44.5 73 6.2 10.7a1665 1665 0 0 0-1.9-83.7l18.4.2 18.3-.2-.5 28 .6 77.8.8 22.5-22.8-.2-24.4.2-8-13.4-17.4-26.8a1184.4 1184.4 0 0 1-25.8-41.9l.7 44.6 1.4 37.5-17.7-.2-19.2.2zM551 97.9l24.5.2 31.1-.2a1171.4 1171.4 0 0 0 .5 72.1c-7.1 1.3-13 2.3-17.7 2.9a342.4 342.4 0 0 1-34.6 2.3c-8.5 0-16.9-.7-25.1-2.1a87.6 87.6 0 0 1-22.4-6.7 49.4 49.4 0 0 1-16.9-12.5 61 61 0 0 1-11.1-18.7 74.9 74.9 0 0 1-4.9-22.4 66 66 0 0 1 7.3-35.4 62 62 0 0 1 25.6-25.9 92.4 92.4 0 0 1 45.3-9.5c13.7 0 28.9 1.7 45.7 5 .6 9.1 1.6 19.3 3.1 30.5l-11.1-3.4c-2.8-.8-6.1-1.5-9.9-2.2-3.8-.7-7.3-1.1-10.7-1.5a60.5 60.5 0 0 0-28.3 2.5 37 37 0 0 0-24.2 23.8 51.2 51.2 0 0 0-2.2 18c.4 6.5 2 12.2 4.8 17.3 2.8 5 7 8.9 12.6 11.5a43 43 0 0 0 18.4 3.9c5.6 0 11.6-.8 18.1-2.4l-.2-20.4-7.2-.3-9.9.1-.1-11.6-.1-5.4-.4-9.5zM630.1 172.7c.5-16.2.8-29.7.9-40.6a2066 2066 0 0 0-1.8-79.4l-.6-8.3a7687.3 7687.3 0 0 0 104.5 0v11.2l.1 10.2.2 6.7c-12.1-.5-22.2-.8-30.4-.8h-18.2l-14.7.4.2 21.6c7.4.2 16 .3 25.8.3 3.5 0 12.8-.2 27.9-.7V122l-24.9-.2c-8.6 0-18.2.2-28.9.7l.3 22.8h10.8l19.7-.3 19.4-.5c2.9-.1 7.7-.3 14.4-.8a915 915 0 0 0-.1 28.8l-50.1-.2-41.2.1-13.3.3zM756.5 172.7a886 886 0 0 0 .7-60.5 1258.6 1258.6 0 0 0-2.8-67.8l18.9.3c5 0 11.1-.1 18.2-.4 7.2-.3 14.1-.4 21-.4 8 0 15.1.3 21.4.9 4.7.4 9 1.3 13 2.7a36.9 36.9 0 0 1 17 11.6 36.3 36.3 0 0 1 6.7 19.2c.3 4.2 0 8.1-.8 11.8a32.2 32.2 0 0 1-12.5 18.7c-3.3 2.3-8 4.7-14.1 7.2l5.6 11.9 5 10.2 14.3 27.6c.6 1.2 1.8 3.5 3.4 7.1l-20.8-.2-22.1.2-6.6-18.1a1474.9 1474.9 0 0 0-11.1-27.3l-11.3-26.6c3.4.6 6.7.9 10 .9 4.6 0 8.7-.7 12.3-2.1a15.3 15.3 0 0 0 10.3-15.5c-.2-2.7-1-5.1-2.6-7.1s-3.9-3.6-7.1-4.6c-3.2-1-7.9-1.5-14.4-1.5l-6.8.1-8.2.2a3011.8 3011.8 0 0 0 3.1 101.4l-20.4-.2c-3.4.2-9.9.2-19.3.3zM938.2 124.1a49.7 49.7 0 0 1-36.5-15.2 49.8 49.8 0 0 1-15.1-36.5c0-14.1 5-26.2 15.1-36.4a49.5 49.5 0 0 1 36.5-15.2c14.3 0 26.4 5.1 36.5 15.2a49.7 49.7 0 0 1 15.1 36.4c0 14.2-5.1 26.4-15.2 36.5a49.2 49.2 0 0 1-36.4 15.2zm0-11.6c10.9 0 20.2-3.9 28-11.8s11.7-17.3 11.7-28.3S974 52 966.3 44.1a37.9 37.9 0 0 0-28-11.8 37.7 37.7 0 0 0-28 11.8 38.7 38.7 0 0 0-11.6 28.3c0 11.1 3.9 20.5 11.6 28.4a37.3 37.3 0 0 0 27.9 11.7zm25.5-11.9h-20.1l-8.1-21.4h-4.6v21.4h-18.2V44.4h29.6a25 25 0 0 1 15.3 4.4c3.9 2.9 5.8 7.1 5.8 12.6 0 6.8-3.3 11.7-9.8 14.8l10.1 24.4zm-32.9-33.5h6.6c4.7 0 7-1.8 7-5.3s-2.1-5.2-6.4-5.2h-7.2v10.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    filter: drop-shadow(0 4px 6px #46000d);}
[page-name=kanger] > header > h2 {color: white; text-shadow: none;}
[page-name=kanger] .mascot::before {
    position: absolute;
    top: -65px;
    right: 0;
    bottom: calc(-4 * var(--negative-space,0));
    left: calc(-4 * var(--negative-space,0));
    content: "";
    background: url(https://monastechnology.cz/produkty/kanger/handful-midi.png) center top calc(100% + 7px)/ 100% auto no-repeat;
    z-index: 1;
    transform: translate(15px,0);
}